@atlaskit/media-card 77.4.9 → 77.4.10
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 +6 -0
- package/dist/cjs/card/card.js +1 -1
- package/dist/cjs/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/cjs/card/v2/cardV2.js +1 -1
- package/dist/cjs/card/v2/useFilePreview.js +33 -45
- package/dist/cjs/inline/loader.js +1 -1
- package/dist/cjs/utils/ufoExperiences.js +1 -1
- package/dist/es2019/card/card.js +1 -1
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/es2019/card/v2/cardV2.js +1 -1
- package/dist/es2019/card/v2/useFilePreview.js +17 -28
- package/dist/es2019/inline/loader.js +1 -1
- package/dist/es2019/utils/ufoExperiences.js +1 -1
- package/dist/esm/card/card.js +1 -1
- package/dist/esm/card/media-card-analytics-error-boundary.js +1 -1
- package/dist/esm/card/v2/cardV2.js +1 -1
- package/dist/esm/card/v2/useFilePreview.js +33 -45
- package/dist/esm/inline/loader.js +1 -1
- package/dist/esm/utils/ufoExperiences.js +1 -1
- package/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,11 @@
|
|
|
1
1
|
# @atlaskit/media-card
|
|
2
2
|
|
|
3
|
+
## 77.4.10
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- [#58827](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/58827) [`d0041df63a34`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/d0041df63a34) - Small code refactor
|
|
8
|
+
|
|
3
9
|
## 77.4.9
|
|
4
10
|
|
|
5
11
|
### Patch Changes
|
package/dist/cjs/card/card.js
CHANGED
|
@@ -49,7 +49,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
|
|
|
49
49
|
function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
|
|
50
50
|
function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
|
|
51
51
|
var packageName = "@atlaskit/media-card";
|
|
52
|
-
var packageVersion = "77.4.
|
|
52
|
+
var packageVersion = "77.4.10";
|
|
53
53
|
var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
|
|
54
54
|
(0, _inherits2.default)(CardBase, _Component);
|
|
55
55
|
var _super = _createSuper(CardBase);
|
|
@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
90
90
|
}(_react.default.Component);
|
|
91
91
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
92
92
|
var packageName = "@atlaskit/media-card";
|
|
93
|
-
var packageVersion = "77.4.
|
|
93
|
+
var packageVersion = "77.4.10";
|
|
94
94
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
95
95
|
packageVersion: packageVersion,
|
|
96
96
|
packageName: packageName,
|
|
@@ -16,7 +16,7 @@ var _externalImageCard = require("./externalImageCard");
|
|
|
16
16
|
var _fileCard = require("./fileCard");
|
|
17
17
|
var _excluded = ["identifier"];
|
|
18
18
|
var packageName = "@atlaskit/media-card";
|
|
19
|
-
var packageVersion = "77.4.
|
|
19
|
+
var packageVersion = "77.4.10";
|
|
20
20
|
var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
|
|
21
21
|
var identifier = _ref.identifier,
|
|
22
22
|
otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
|
|
@@ -37,31 +37,27 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
|
|
|
37
37
|
skipRemote = _ref.skipRemote,
|
|
38
38
|
mediaBlobUrlAttrs = _ref.mediaBlobUrlAttrs;
|
|
39
39
|
var mediaClient = (0, _mediaClientReact.useMediaClient)();
|
|
40
|
-
var _useState = (0, _react.useState)(),
|
|
40
|
+
var _useState = (0, _react.useState)('loading'),
|
|
41
41
|
_useState2 = (0, _slicedToArray2.default)(_useState, 2),
|
|
42
|
-
|
|
43
|
-
|
|
42
|
+
status = _useState2[0],
|
|
43
|
+
setStatus = _useState2[1];
|
|
44
44
|
var _useState3 = (0, _react.useState)(),
|
|
45
45
|
_useState4 = (0, _slicedToArray2.default)(_useState3, 2),
|
|
46
|
-
|
|
47
|
-
|
|
46
|
+
error = _useState4[0],
|
|
47
|
+
setError = _useState4[1];
|
|
48
|
+
var _useState5 = (0, _react.useState)(),
|
|
49
|
+
_useState6 = (0, _slicedToArray2.default)(_useState5, 2),
|
|
50
|
+
nonCriticalError = _useState6[0],
|
|
51
|
+
setNonCriticalError = _useState6[1];
|
|
52
|
+
var _useState7 = (0, _react.useState)(false),
|
|
53
|
+
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
54
|
+
isBannedLocalPreview = _useState8[0],
|
|
55
|
+
setIsBannedLocalPreview = _useState8[1];
|
|
56
|
+
var wasResolvedUpfrontPreviewRef = (0, _react.useRef)(false);
|
|
57
|
+
var ssrReliabilityRef = (0, _react.useRef)(initialSsrReliability);
|
|
48
58
|
var requestDimensions = (0, _react.useMemo)(function () {
|
|
49
59
|
return dimensions ? createRequestDimensions(dimensions) : undefined;
|
|
50
60
|
}, [dimensions]);
|
|
51
|
-
|
|
52
|
-
//----------------------------------------------------------------//
|
|
53
|
-
//---------------- State Initializer Functions -------------------//
|
|
54
|
-
//----------------------------------------------------------------//
|
|
55
|
-
|
|
56
|
-
var ssrDataRef = (0, _react.useRef)();
|
|
57
|
-
var ssrReliabilityRef = (0, _react.useRef)({
|
|
58
|
-
server: {
|
|
59
|
-
status: 'unknown'
|
|
60
|
-
},
|
|
61
|
-
client: {
|
|
62
|
-
status: 'unknown'
|
|
63
|
-
}
|
|
64
|
-
});
|
|
65
61
|
var imageURLParams = (0, _react.useMemo)(function () {
|
|
66
62
|
return _objectSpread(_objectSpread({
|
|
67
63
|
collection: identifier.collectionName,
|
|
@@ -71,14 +67,13 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
|
|
|
71
67
|
});
|
|
72
68
|
}, [requestDimensions, identifier.collectionName, resizeMode]);
|
|
73
69
|
var getSSRPreview = function getSSRPreview(ssr, identifier, mediaClient) {
|
|
74
|
-
var
|
|
75
|
-
|
|
76
|
-
if ((_ssrDataRef$current = ssrDataRef.current) !== null && _ssrDataRef$current !== void 0 && _ssrDataRef$current.error) {
|
|
70
|
+
var ssrData = (0, _globalScope.getSSRData)(identifier);
|
|
71
|
+
if (ssrData !== null && ssrData !== void 0 && ssrData.error) {
|
|
77
72
|
ssrReliabilityRef.current.server = _objectSpread({
|
|
78
73
|
status: 'fail'
|
|
79
|
-
},
|
|
74
|
+
}, ssrData.error);
|
|
80
75
|
}
|
|
81
|
-
if (!(
|
|
76
|
+
if (!(ssrData !== null && ssrData !== void 0 && ssrData.dataURI)) {
|
|
82
77
|
try {
|
|
83
78
|
return (0, _getCardPreview.getSSRCardPreview)(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrs);
|
|
84
79
|
} catch (e) {
|
|
@@ -87,9 +82,8 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
|
|
|
87
82
|
}, (0, _analytics.extractErrorInfo)(e));
|
|
88
83
|
}
|
|
89
84
|
} else {
|
|
90
|
-
var
|
|
91
|
-
|
|
92
|
-
dataURI = _ssrDataRef$current3.dataURI;
|
|
85
|
+
var _dimensions = ssrData.dimensions,
|
|
86
|
+
dataURI = ssrData.dataURI;
|
|
93
87
|
return {
|
|
94
88
|
dataURI: dataURI,
|
|
95
89
|
dimensions: _dimensions,
|
|
@@ -107,33 +101,19 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
|
|
|
107
101
|
}
|
|
108
102
|
return cardPreview;
|
|
109
103
|
};
|
|
110
|
-
var
|
|
111
|
-
|
|
112
|
-
cardPreview =
|
|
113
|
-
setCardPreview =
|
|
104
|
+
var _useState9 = (0, _react.useState)(cardPreviewInitializer),
|
|
105
|
+
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
106
|
+
cardPreview = _useState10[0],
|
|
107
|
+
setCardPreview = _useState10[1];
|
|
114
108
|
var _useFileState = (0, _mediaClientReact.useFileState)(identifier.id, {
|
|
115
109
|
skipRemote: skipRemote,
|
|
116
110
|
collectionName: identifier.collectionName,
|
|
117
111
|
occurrenceKey: identifier.occurrenceKey
|
|
118
112
|
}),
|
|
119
113
|
fileState = _useFileState.fileState;
|
|
120
|
-
|
|
121
|
-
//----------------------------------------------------------------//
|
|
122
|
-
//------------ State, Refs & Initial Values ----------------------//
|
|
123
|
-
//----------------------------------------------------------------//
|
|
124
|
-
|
|
125
|
-
var _useState7 = (0, _react.useState)('loading'),
|
|
126
|
-
_useState8 = (0, _slicedToArray2.default)(_useState7, 2),
|
|
127
|
-
status = _useState8[0],
|
|
128
|
-
setStatus = _useState8[1];
|
|
129
114
|
(0, _react.useEffect)(function () {
|
|
130
115
|
setStatus('loading');
|
|
131
116
|
}, [identifier]);
|
|
132
|
-
var _useState9 = (0, _react.useState)(false),
|
|
133
|
-
_useState10 = (0, _slicedToArray2.default)(_useState9, 2),
|
|
134
|
-
isBannedLocalPreview = _useState10[0],
|
|
135
|
-
setIsBannedLocalPreview = _useState10[1];
|
|
136
|
-
var wasResolvedUpfrontPreviewRef = (0, _react.useRef)(false);
|
|
137
117
|
|
|
138
118
|
//----------------------------------------------------------------//
|
|
139
119
|
//---------------------- Helper Functions -----------------------//
|
|
@@ -606,4 +586,12 @@ var createRequestDimensions = function createRequestDimensions(dimensions) {
|
|
|
606
586
|
result.height = height * retinaFactor;
|
|
607
587
|
}
|
|
608
588
|
return result;
|
|
589
|
+
};
|
|
590
|
+
var initialSsrReliability = {
|
|
591
|
+
server: {
|
|
592
|
+
status: 'unknown'
|
|
593
|
+
},
|
|
594
|
+
client: {
|
|
595
|
+
status: 'unknown'
|
|
596
|
+
}
|
|
609
597
|
};
|
|
@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
|
|
|
119
119
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
120
120
|
var analyticsContext = {
|
|
121
121
|
packageVersion: "@atlaskit/media-card",
|
|
122
|
-
packageName: "77.4.
|
|
122
|
+
packageName: "77.4.10",
|
|
123
123
|
componentName: 'mediaInlineCard',
|
|
124
124
|
component: 'mediaInlineCard'
|
|
125
125
|
};
|
|
@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
|
|
|
14
14
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
15
|
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) { (0, _defineProperty2.default)(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; }
|
|
16
16
|
var packageName = "@atlaskit/media-card";
|
|
17
|
-
var packageVersion = "77.4.
|
|
17
|
+
var packageVersion = "77.4.10";
|
|
18
18
|
var concurrentExperience;
|
|
19
19
|
var getExperience = function getExperience(id) {
|
|
20
20
|
if (!concurrentExperience) {
|
package/dist/es2019/card/card.js
CHANGED
|
@@ -27,7 +27,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
|
|
|
27
27
|
import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
|
|
28
28
|
import { generateUniqueId } from '../utils/generateUniqueId';
|
|
29
29
|
const packageName = "@atlaskit/media-card";
|
|
30
|
-
const packageVersion = "77.4.
|
|
30
|
+
const packageVersion = "77.4.10";
|
|
31
31
|
export class CardBase extends Component {
|
|
32
32
|
constructor(props) {
|
|
33
33
|
super(props);
|
|
@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
|
|
|
66
66
|
}
|
|
67
67
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
68
68
|
const packageName = "@atlaskit/media-card";
|
|
69
|
-
const packageVersion = "77.4.
|
|
69
|
+
const packageVersion = "77.4.10";
|
|
70
70
|
const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
71
71
|
packageVersion,
|
|
72
72
|
packageName,
|
|
@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
|
|
|
7
7
|
import { ExternalImageCard } from './externalImageCard';
|
|
8
8
|
import { FileCard } from './fileCard';
|
|
9
9
|
const packageName = "@atlaskit/media-card";
|
|
10
|
-
const packageVersion = "77.4.
|
|
10
|
+
const packageVersion = "77.4.10";
|
|
11
11
|
export const CardV2Base = ({
|
|
12
12
|
identifier,
|
|
13
13
|
...otherProps
|
|
@@ -24,23 +24,13 @@ export const useFilePreview = ({
|
|
|
24
24
|
mediaBlobUrlAttrs
|
|
25
25
|
}) => {
|
|
26
26
|
const mediaClient = useMediaClient();
|
|
27
|
+
const [status, setStatus] = useState('loading');
|
|
27
28
|
const [error, setError] = useState();
|
|
28
29
|
const [nonCriticalError, setNonCriticalError] = useState();
|
|
30
|
+
const [isBannedLocalPreview, setIsBannedLocalPreview] = useState(false);
|
|
31
|
+
const wasResolvedUpfrontPreviewRef = useRef(false);
|
|
32
|
+
const ssrReliabilityRef = useRef(initialSsrReliability);
|
|
29
33
|
const requestDimensions = useMemo(() => dimensions ? createRequestDimensions(dimensions) : undefined, [dimensions]);
|
|
30
|
-
|
|
31
|
-
//----------------------------------------------------------------//
|
|
32
|
-
//---------------- State Initializer Functions -------------------//
|
|
33
|
-
//----------------------------------------------------------------//
|
|
34
|
-
|
|
35
|
-
const ssrDataRef = useRef();
|
|
36
|
-
const ssrReliabilityRef = useRef({
|
|
37
|
-
server: {
|
|
38
|
-
status: 'unknown'
|
|
39
|
-
},
|
|
40
|
-
client: {
|
|
41
|
-
status: 'unknown'
|
|
42
|
-
}
|
|
43
|
-
});
|
|
44
34
|
const imageURLParams = useMemo(() => ({
|
|
45
35
|
collection: identifier.collectionName,
|
|
46
36
|
mode: resizeMode === 'stretchy-fit' ? 'full-fit' : resizeMode,
|
|
@@ -48,15 +38,14 @@ export const useFilePreview = ({
|
|
|
48
38
|
allowAnimated: true
|
|
49
39
|
}), [requestDimensions, identifier.collectionName, resizeMode]);
|
|
50
40
|
const getSSRPreview = (ssr, identifier, mediaClient) => {
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
if ((_ssrDataRef$current = ssrDataRef.current) !== null && _ssrDataRef$current !== void 0 && _ssrDataRef$current.error) {
|
|
41
|
+
const ssrData = getSSRData(identifier);
|
|
42
|
+
if (ssrData !== null && ssrData !== void 0 && ssrData.error) {
|
|
54
43
|
ssrReliabilityRef.current.server = {
|
|
55
44
|
status: 'fail',
|
|
56
|
-
...
|
|
45
|
+
...ssrData.error
|
|
57
46
|
};
|
|
58
47
|
}
|
|
59
|
-
if (!(
|
|
48
|
+
if (!(ssrData !== null && ssrData !== void 0 && ssrData.dataURI)) {
|
|
60
49
|
try {
|
|
61
50
|
return getSSRCardPreview(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrs);
|
|
62
51
|
} catch (e) {
|
|
@@ -69,7 +58,7 @@ export const useFilePreview = ({
|
|
|
69
58
|
const {
|
|
70
59
|
dimensions,
|
|
71
60
|
dataURI
|
|
72
|
-
} =
|
|
61
|
+
} = ssrData;
|
|
73
62
|
return {
|
|
74
63
|
dataURI,
|
|
75
64
|
dimensions,
|
|
@@ -97,17 +86,9 @@ export const useFilePreview = ({
|
|
|
97
86
|
collectionName: identifier.collectionName,
|
|
98
87
|
occurrenceKey: identifier.occurrenceKey
|
|
99
88
|
});
|
|
100
|
-
|
|
101
|
-
//----------------------------------------------------------------//
|
|
102
|
-
//------------ State, Refs & Initial Values ----------------------//
|
|
103
|
-
//----------------------------------------------------------------//
|
|
104
|
-
|
|
105
|
-
const [status, setStatus] = useState('loading');
|
|
106
89
|
useEffect(() => {
|
|
107
90
|
setStatus('loading');
|
|
108
91
|
}, [identifier]);
|
|
109
|
-
const [isBannedLocalPreview, setIsBannedLocalPreview] = useState(false);
|
|
110
|
-
const wasResolvedUpfrontPreviewRef = useRef(false);
|
|
111
92
|
|
|
112
93
|
//----------------------------------------------------------------//
|
|
113
94
|
//---------------------- Helper Functions -----------------------//
|
|
@@ -515,4 +496,12 @@ const createRequestDimensions = dimensions => {
|
|
|
515
496
|
result.height = height * retinaFactor;
|
|
516
497
|
}
|
|
517
498
|
return result;
|
|
499
|
+
};
|
|
500
|
+
const initialSsrReliability = {
|
|
501
|
+
server: {
|
|
502
|
+
status: 'unknown'
|
|
503
|
+
},
|
|
504
|
+
client: {
|
|
505
|
+
status: 'unknown'
|
|
506
|
+
}
|
|
518
507
|
};
|
|
@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
|
|
|
37
37
|
} = this.state;
|
|
38
38
|
const analyticsContext = {
|
|
39
39
|
packageVersion: "@atlaskit/media-card",
|
|
40
|
-
packageName: "77.4.
|
|
40
|
+
packageName: "77.4.10",
|
|
41
41
|
componentName: 'mediaInlineCard',
|
|
42
42
|
component: 'mediaInlineCard'
|
|
43
43
|
};
|
|
@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
4
4
|
import { MediaCardError } from '../errors';
|
|
5
5
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
6
6
|
const packageName = "@atlaskit/media-card";
|
|
7
|
-
const packageVersion = "77.4.
|
|
7
|
+
const packageVersion = "77.4.10";
|
|
8
8
|
let concurrentExperience;
|
|
9
9
|
const getExperience = id => {
|
|
10
10
|
if (!concurrentExperience) {
|
package/dist/esm/card/card.js
CHANGED
|
@@ -40,7 +40,7 @@ import { getMediaCardCursor } from '../utils/getMediaCardCursor';
|
|
|
40
40
|
import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
|
|
41
41
|
import { generateUniqueId } from '../utils/generateUniqueId';
|
|
42
42
|
var packageName = "@atlaskit/media-card";
|
|
43
|
-
var packageVersion = "77.4.
|
|
43
|
+
var packageVersion = "77.4.10";
|
|
44
44
|
export var CardBase = /*#__PURE__*/function (_Component) {
|
|
45
45
|
_inherits(CardBase, _Component);
|
|
46
46
|
var _super = _createSuper(CardBase);
|
|
@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
83
83
|
}(React.Component);
|
|
84
84
|
_defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
85
85
|
var packageName = "@atlaskit/media-card";
|
|
86
|
-
var packageVersion = "77.4.
|
|
86
|
+
var packageVersion = "77.4.10";
|
|
87
87
|
var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
|
|
88
88
|
packageVersion: packageVersion,
|
|
89
89
|
packageName: packageName,
|
|
@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
|
|
|
9
9
|
import { ExternalImageCard } from './externalImageCard';
|
|
10
10
|
import { FileCard } from './fileCard';
|
|
11
11
|
var packageName = "@atlaskit/media-card";
|
|
12
|
-
var packageVersion = "77.4.
|
|
12
|
+
var packageVersion = "77.4.10";
|
|
13
13
|
export var CardV2Base = function CardV2Base(_ref) {
|
|
14
14
|
var identifier = _ref.identifier,
|
|
15
15
|
otherProps = _objectWithoutProperties(_ref, _excluded);
|
|
@@ -30,31 +30,27 @@ export var useFilePreview = function useFilePreview(_ref) {
|
|
|
30
30
|
skipRemote = _ref.skipRemote,
|
|
31
31
|
mediaBlobUrlAttrs = _ref.mediaBlobUrlAttrs;
|
|
32
32
|
var mediaClient = useMediaClient();
|
|
33
|
-
var _useState = useState(),
|
|
33
|
+
var _useState = useState('loading'),
|
|
34
34
|
_useState2 = _slicedToArray(_useState, 2),
|
|
35
|
-
|
|
36
|
-
|
|
35
|
+
status = _useState2[0],
|
|
36
|
+
setStatus = _useState2[1];
|
|
37
37
|
var _useState3 = useState(),
|
|
38
38
|
_useState4 = _slicedToArray(_useState3, 2),
|
|
39
|
-
|
|
40
|
-
|
|
39
|
+
error = _useState4[0],
|
|
40
|
+
setError = _useState4[1];
|
|
41
|
+
var _useState5 = useState(),
|
|
42
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
43
|
+
nonCriticalError = _useState6[0],
|
|
44
|
+
setNonCriticalError = _useState6[1];
|
|
45
|
+
var _useState7 = useState(false),
|
|
46
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
47
|
+
isBannedLocalPreview = _useState8[0],
|
|
48
|
+
setIsBannedLocalPreview = _useState8[1];
|
|
49
|
+
var wasResolvedUpfrontPreviewRef = useRef(false);
|
|
50
|
+
var ssrReliabilityRef = useRef(initialSsrReliability);
|
|
41
51
|
var requestDimensions = useMemo(function () {
|
|
42
52
|
return dimensions ? createRequestDimensions(dimensions) : undefined;
|
|
43
53
|
}, [dimensions]);
|
|
44
|
-
|
|
45
|
-
//----------------------------------------------------------------//
|
|
46
|
-
//---------------- State Initializer Functions -------------------//
|
|
47
|
-
//----------------------------------------------------------------//
|
|
48
|
-
|
|
49
|
-
var ssrDataRef = useRef();
|
|
50
|
-
var ssrReliabilityRef = useRef({
|
|
51
|
-
server: {
|
|
52
|
-
status: 'unknown'
|
|
53
|
-
},
|
|
54
|
-
client: {
|
|
55
|
-
status: 'unknown'
|
|
56
|
-
}
|
|
57
|
-
});
|
|
58
54
|
var imageURLParams = useMemo(function () {
|
|
59
55
|
return _objectSpread(_objectSpread({
|
|
60
56
|
collection: identifier.collectionName,
|
|
@@ -64,14 +60,13 @@ export var useFilePreview = function useFilePreview(_ref) {
|
|
|
64
60
|
});
|
|
65
61
|
}, [requestDimensions, identifier.collectionName, resizeMode]);
|
|
66
62
|
var getSSRPreview = function getSSRPreview(ssr, identifier, mediaClient) {
|
|
67
|
-
var
|
|
68
|
-
|
|
69
|
-
if ((_ssrDataRef$current = ssrDataRef.current) !== null && _ssrDataRef$current !== void 0 && _ssrDataRef$current.error) {
|
|
63
|
+
var ssrData = getSSRData(identifier);
|
|
64
|
+
if (ssrData !== null && ssrData !== void 0 && ssrData.error) {
|
|
70
65
|
ssrReliabilityRef.current.server = _objectSpread({
|
|
71
66
|
status: 'fail'
|
|
72
|
-
},
|
|
67
|
+
}, ssrData.error);
|
|
73
68
|
}
|
|
74
|
-
if (!(
|
|
69
|
+
if (!(ssrData !== null && ssrData !== void 0 && ssrData.dataURI)) {
|
|
75
70
|
try {
|
|
76
71
|
return getSSRCardPreview(ssr, mediaClient, identifier.id, imageURLParams, mediaBlobUrlAttrs);
|
|
77
72
|
} catch (e) {
|
|
@@ -80,9 +75,8 @@ export var useFilePreview = function useFilePreview(_ref) {
|
|
|
80
75
|
}, extractErrorInfo(e));
|
|
81
76
|
}
|
|
82
77
|
} else {
|
|
83
|
-
var
|
|
84
|
-
|
|
85
|
-
dataURI = _ssrDataRef$current3.dataURI;
|
|
78
|
+
var _dimensions = ssrData.dimensions,
|
|
79
|
+
dataURI = ssrData.dataURI;
|
|
86
80
|
return {
|
|
87
81
|
dataURI: dataURI,
|
|
88
82
|
dimensions: _dimensions,
|
|
@@ -100,33 +94,19 @@ export var useFilePreview = function useFilePreview(_ref) {
|
|
|
100
94
|
}
|
|
101
95
|
return cardPreview;
|
|
102
96
|
};
|
|
103
|
-
var
|
|
104
|
-
|
|
105
|
-
cardPreview =
|
|
106
|
-
setCardPreview =
|
|
97
|
+
var _useState9 = useState(cardPreviewInitializer),
|
|
98
|
+
_useState10 = _slicedToArray(_useState9, 2),
|
|
99
|
+
cardPreview = _useState10[0],
|
|
100
|
+
setCardPreview = _useState10[1];
|
|
107
101
|
var _useFileState = useFileState(identifier.id, {
|
|
108
102
|
skipRemote: skipRemote,
|
|
109
103
|
collectionName: identifier.collectionName,
|
|
110
104
|
occurrenceKey: identifier.occurrenceKey
|
|
111
105
|
}),
|
|
112
106
|
fileState = _useFileState.fileState;
|
|
113
|
-
|
|
114
|
-
//----------------------------------------------------------------//
|
|
115
|
-
//------------ State, Refs & Initial Values ----------------------//
|
|
116
|
-
//----------------------------------------------------------------//
|
|
117
|
-
|
|
118
|
-
var _useState7 = useState('loading'),
|
|
119
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
120
|
-
status = _useState8[0],
|
|
121
|
-
setStatus = _useState8[1];
|
|
122
107
|
useEffect(function () {
|
|
123
108
|
setStatus('loading');
|
|
124
109
|
}, [identifier]);
|
|
125
|
-
var _useState9 = useState(false),
|
|
126
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
127
|
-
isBannedLocalPreview = _useState10[0],
|
|
128
|
-
setIsBannedLocalPreview = _useState10[1];
|
|
129
|
-
var wasResolvedUpfrontPreviewRef = useRef(false);
|
|
130
110
|
|
|
131
111
|
//----------------------------------------------------------------//
|
|
132
112
|
//---------------------- Helper Functions -----------------------//
|
|
@@ -599,4 +579,12 @@ var createRequestDimensions = function createRequestDimensions(dimensions) {
|
|
|
599
579
|
result.height = height * retinaFactor;
|
|
600
580
|
}
|
|
601
581
|
return result;
|
|
582
|
+
};
|
|
583
|
+
var initialSsrReliability = {
|
|
584
|
+
server: {
|
|
585
|
+
status: 'unknown'
|
|
586
|
+
},
|
|
587
|
+
client: {
|
|
588
|
+
status: 'unknown'
|
|
589
|
+
}
|
|
602
590
|
};
|
|
@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
|
|
|
103
103
|
ErrorBoundary = _this$state.ErrorBoundary;
|
|
104
104
|
var analyticsContext = {
|
|
105
105
|
packageVersion: "@atlaskit/media-card",
|
|
106
|
-
packageName: "77.4.
|
|
106
|
+
packageName: "77.4.10",
|
|
107
107
|
componentName: 'mediaInlineCard',
|
|
108
108
|
component: 'mediaInlineCard'
|
|
109
109
|
};
|
|
@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
|
|
|
7
7
|
import { MediaCardError } from '../errors';
|
|
8
8
|
import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
|
|
9
9
|
var packageName = "@atlaskit/media-card";
|
|
10
|
-
var packageVersion = "77.4.
|
|
10
|
+
var packageVersion = "77.4.10";
|
|
11
11
|
var concurrentExperience;
|
|
12
12
|
var getExperience = function getExperience(id) {
|
|
13
13
|
if (!concurrentExperience) {
|
package/package.json
CHANGED