@atlaskit/media-card 74.5.0 → 74.5.2
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 +12 -0
- package/dist/cjs/card/actions.js +0 -5
- package/dist/cjs/card/card.js +126 -260
- package/dist/cjs/card/cardAnalytics.js +0 -18
- package/dist/cjs/card/cardImageView/cardImageViewWrapper.js +7 -16
- package/dist/cjs/card/cardImageView/cardOverlay/cardOverlayComponents.js +3 -15
- package/dist/cjs/card/cardImageView/cardOverlay/index.js +20 -52
- package/dist/cjs/card/cardImageView/cardOverlay/styles.js +1 -19
- package/dist/cjs/card/cardImageView/cardViewWrapper.js +7 -10
- package/dist/cjs/card/cardImageView/fileCardImageView.js +66 -111
- package/dist/cjs/card/cardImageView/index.js +0 -1
- package/dist/cjs/card/cardImageView/styles.js +0 -14
- package/dist/cjs/card/cardLoader.js +3 -20
- package/dist/cjs/card/cardState.js +0 -9
- package/dist/cjs/card/cardView.js +105 -198
- package/dist/cjs/card/getCardPreview/cache.js +0 -12
- package/dist/cjs/card/getCardPreview/filePreviewStatus.js +8 -16
- package/dist/cjs/card/getCardPreview/helpers.js +0 -39
- package/dist/cjs/card/getCardPreview/imageRefetchingAnalytics.js +0 -8
- package/dist/cjs/card/getCardPreview/index.js +16 -85
- package/dist/cjs/card/getCardStatus.js +5 -24
- package/dist/cjs/card/index.js +0 -2
- package/dist/cjs/card/inlinePlayer.js +19 -102
- package/dist/cjs/card/inlinePlayerLazy.js +0 -11
- package/dist/cjs/card/inlinePlayerWrapper.js +5 -8
- package/dist/cjs/card/media-card-analytics-error-boundary.js +6 -34
- package/dist/cjs/card/styles/animations.js +0 -5
- package/dist/cjs/card/styles/getSelectedBorderStyle.js +0 -4
- package/dist/cjs/card/styles/index.js +0 -14
- package/dist/cjs/card/styles/mixins.js +0 -11
- package/dist/cjs/card/styles/styles.js +4 -20
- package/dist/cjs/card/ui/actionsBar/actionsBar.js +2 -20
- package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +1 -4
- package/dist/cjs/card/ui/actionsBar/styles.js +0 -8
- package/dist/cjs/card/ui/blanket/blanket.js +1 -4
- package/dist/cjs/card/ui/blanket/styles.js +0 -9
- package/dist/cjs/card/ui/common.js +0 -8
- package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +2 -5
- package/dist/cjs/card/ui/iconMessage/index.js +4 -22
- package/dist/cjs/card/ui/iconMessage/styles.js +1 -10
- package/dist/cjs/card/ui/iconWrapper/iconWrapper.js +2 -5
- package/dist/cjs/card/ui/iconWrapper/styles.js +3 -11
- package/dist/cjs/card/ui/imageRenderer/imageRenderer.js +8 -21
- package/dist/cjs/card/ui/loadingRateLimited/styles.js +1 -10
- package/dist/cjs/card/ui/newFileExperience/newFileExperienceWrapper.js +14 -19
- package/dist/cjs/card/ui/newFileExperience/styles.js +10 -26
- package/dist/cjs/card/ui/playButton/playButton.js +0 -7
- package/dist/cjs/card/ui/playButton/playButtonBackground.js +1 -4
- package/dist/cjs/card/ui/playButton/playButtonWrapper.js +1 -4
- package/dist/cjs/card/ui/playButton/styles.js +0 -6
- package/dist/cjs/card/ui/progressBar/progressBar.js +6 -14
- package/dist/cjs/card/ui/progressBar/styledBar.js +4 -7
- package/dist/cjs/card/ui/progressBar/styles.js +4 -18
- package/dist/cjs/card/ui/styles.js +12 -46
- package/dist/cjs/card/ui/tickBox/styles.js +0 -11
- package/dist/cjs/card/ui/tickBox/tickBox.js +0 -6
- package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +1 -4
- package/dist/cjs/card/ui/titleBox/failedTitleBox.js +2 -11
- package/dist/cjs/card/ui/titleBox/styles.js +4 -19
- package/dist/cjs/card/ui/titleBox/titleBox.js +9 -21
- package/dist/cjs/card/ui/titleBox/titleBoxComponents.js +2 -14
- package/dist/cjs/card/ui/unhandledErrorCard/index.js +6 -36
- package/dist/cjs/classnames.js +0 -1
- package/dist/cjs/errors.js +7 -66
- package/dist/cjs/index.js +0 -8
- package/dist/cjs/inline/index.js +0 -2
- package/dist/cjs/inline/loader.js +2 -43
- package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +4 -29
- package/dist/cjs/inline/mediaInlineCard.js +21 -57
- package/dist/cjs/types.js +0 -2
- package/dist/cjs/utils/analytics.js +0 -49
- package/dist/cjs/utils/breakpoint.js +0 -10
- package/dist/cjs/utils/cardActions/cardActionButton.js +1 -4
- package/dist/cjs/utils/cardActions/cardActionIconButton.js +7 -29
- package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +6 -35
- package/dist/cjs/utils/cardActions/cardActionsView.js +7 -34
- package/dist/cjs/utils/cardActions/index.js +0 -4
- package/dist/cjs/utils/cardActions/styles.js +0 -13
- package/dist/cjs/utils/cardDimensions.js +5 -22
- package/dist/cjs/utils/containsPixelUnit.js +0 -2
- package/dist/cjs/utils/dimensionComparer.js +0 -8
- package/dist/cjs/utils/document.js +0 -4
- package/dist/cjs/utils/errorIcon/index.js +0 -18
- package/dist/cjs/utils/errorIcon/styles.js +0 -5
- package/dist/cjs/utils/fileIcon/index.js +3 -21
- package/dist/cjs/utils/fileIcon/styles.js +0 -6
- package/dist/cjs/utils/generateUniqueId.js +0 -2
- package/dist/cjs/utils/getCSSUnitValue.js +0 -1
- package/dist/cjs/utils/getDataURIDimension.js +0 -13
- package/dist/cjs/utils/getElementDimension.js +0 -2
- package/dist/cjs/utils/getErrorMessage.js +0 -6
- package/dist/cjs/utils/getMediaCardCursor.js +1 -6
- package/dist/cjs/utils/globalScope/getSSRData.js +0 -5
- package/dist/cjs/utils/globalScope/globalScope.js +8 -25
- package/dist/cjs/utils/globalScope/index.js +0 -2
- package/dist/cjs/utils/index.js +0 -12
- package/dist/cjs/utils/isRetina.js +0 -1
- package/dist/cjs/utils/isValidPercentageUnit.js +0 -2
- package/dist/cjs/utils/lightCards/cardError.js +0 -21
- package/dist/cjs/utils/lightCards/cardLoading.js +3 -27
- package/dist/cjs/utils/lightCards/getDimensionsWithDefault.js +0 -2
- package/dist/cjs/utils/lightCards/lightCardWrappers.js +1 -9
- package/dist/cjs/utils/lightCards/styles.js +1 -13
- package/dist/cjs/utils/metadata.js +0 -7
- package/dist/cjs/utils/objectURLCache.js +0 -22
- package/dist/cjs/utils/preventClickThrough.js +0 -5
- package/dist/cjs/utils/printScript.js +0 -10
- package/dist/cjs/utils/progressBar/index.js +0 -17
- package/dist/cjs/utils/progressBar/styles.js +0 -6
- package/dist/cjs/utils/resizeModeToMediaImageProps.js +0 -1
- package/dist/cjs/utils/shouldDisplayImageThumbnail.js +0 -5
- package/dist/cjs/utils/ufoExperiences.js +1 -21
- package/dist/cjs/utils/videoSnapshot.js +2 -11
- package/dist/cjs/utils/viewportDetector.js +5 -24
- package/dist/cjs/version.json +1 -1
- package/dist/es2019/card/actions.js +2 -1
- package/dist/es2019/card/card.js +26 -121
- package/dist/es2019/card/cardAnalytics.js +0 -5
- package/dist/es2019/card/cardImageView/cardOverlay/index.js +2 -16
- package/dist/es2019/card/cardImageView/cardOverlay/styles.js +1 -2
- package/dist/es2019/card/cardImageView/fileCardImageView.js +3 -36
- package/dist/es2019/card/cardImageView/styles.js +0 -3
- package/dist/es2019/card/cardLoader.js +3 -14
- package/dist/es2019/card/cardState.js +1 -2
- package/dist/es2019/card/cardView.js +24 -68
- package/dist/es2019/card/getCardPreview/cache.js +0 -4
- package/dist/es2019/card/getCardPreview/filePreviewStatus.js +8 -5
- package/dist/es2019/card/getCardPreview/helpers.js +0 -9
- package/dist/es2019/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
- package/dist/es2019/card/getCardPreview/index.js +16 -30
- package/dist/es2019/card/getCardStatus.js +2 -15
- package/dist/es2019/card/inlinePlayer.js +2 -35
- package/dist/es2019/card/inlinePlayerLazy.js +1 -2
- package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -15
- package/dist/es2019/card/styles/getSelectedBorderStyle.js +1 -1
- package/dist/es2019/card/styles/styles.js +0 -3
- package/dist/es2019/card/ui/actionsBar/actionsBar.js +0 -3
- package/dist/es2019/card/ui/common.js +0 -2
- package/dist/es2019/card/ui/iconMessage/styles.js +0 -2
- package/dist/es2019/card/ui/iconWrapper/styles.js +2 -2
- package/dist/es2019/card/ui/imageRenderer/imageRenderer.js +0 -3
- package/dist/es2019/card/ui/progressBar/styles.js +1 -3
- package/dist/es2019/card/ui/styles.js +3 -4
- package/dist/es2019/card/ui/titleBox/styles.js +2 -3
- package/dist/es2019/card/ui/unhandledErrorCard/index.js +0 -8
- package/dist/es2019/errors.js +8 -17
- package/dist/es2019/index.js +1 -0
- package/dist/es2019/inline/loader.js +1 -18
- package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -12
- package/dist/es2019/inline/mediaInlineCard.js +0 -15
- package/dist/es2019/types.js +1 -1
- package/dist/es2019/utils/analytics.js +0 -3
- package/dist/es2019/utils/breakpoint.js +0 -4
- package/dist/es2019/utils/cardActions/cardActionIconButton.js +3 -5
- package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js +0 -5
- package/dist/es2019/utils/cardActions/cardActionsView.js +0 -10
- package/dist/es2019/utils/cardActions/styles.js +0 -3
- package/dist/es2019/utils/cardDimensions.js +7 -14
- package/dist/es2019/utils/dimensionComparer.js +0 -3
- package/dist/es2019/utils/document.js +0 -2
- package/dist/es2019/utils/errorIcon/index.js +0 -3
- package/dist/es2019/utils/fileIcon/index.js +0 -1
- package/dist/es2019/utils/getDataURIDimension.js +0 -4
- package/dist/es2019/utils/getMediaCardCursor.js +1 -4
- package/dist/es2019/utils/globalScope/getSSRData.js +0 -2
- package/dist/es2019/utils/globalScope/globalScope.js +3 -10
- package/dist/es2019/utils/lightCards/cardError.js +0 -3
- package/dist/es2019/utils/lightCards/cardLoading.js +0 -3
- package/dist/es2019/utils/lightCards/lightCardWrappers.js +0 -1
- package/dist/es2019/utils/metadata.js +0 -5
- package/dist/es2019/utils/objectURLCache.js +0 -10
- package/dist/es2019/utils/printScript.js +0 -3
- package/dist/es2019/utils/progressBar/index.js +0 -2
- package/dist/es2019/utils/shouldDisplayImageThumbnail.js +0 -2
- package/dist/es2019/utils/ufoExperiences.js +5 -10
- package/dist/es2019/utils/videoSnapshot.js +2 -4
- package/dist/es2019/utils/viewportDetector.js +0 -5
- package/dist/es2019/version.json +1 -1
- package/dist/esm/card/actions.js +0 -3
- package/dist/esm/card/card.js +126 -254
- package/dist/esm/card/cardAnalytics.js +0 -6
- package/dist/esm/card/cardImageView/cardImageViewWrapper.js +6 -6
- package/dist/esm/card/cardImageView/cardOverlay/cardOverlayComponents.js +2 -2
- package/dist/esm/card/cardImageView/cardOverlay/index.js +22 -37
- package/dist/esm/card/cardImageView/cardOverlay/styles.js +2 -6
- package/dist/esm/card/cardImageView/cardViewWrapper.js +6 -6
- package/dist/esm/card/cardImageView/fileCardImageView.js +66 -104
- package/dist/esm/card/cardImageView/styles.js +0 -5
- package/dist/esm/card/cardLoader.js +6 -17
- package/dist/esm/card/cardState.js +1 -2
- package/dist/esm/card/cardView.js +105 -171
- package/dist/esm/card/getCardPreview/cache.js +0 -7
- package/dist/esm/card/getCardPreview/filePreviewStatus.js +11 -11
- package/dist/esm/card/getCardPreview/helpers.js +0 -28
- package/dist/esm/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
- package/dist/esm/card/getCardPreview/index.js +16 -53
- package/dist/esm/card/getCardStatus.js +5 -20
- package/dist/esm/card/inlinePlayer.js +19 -85
- package/dist/esm/card/inlinePlayerLazy.js +1 -5
- package/dist/esm/card/inlinePlayerWrapper.js +4 -4
- package/dist/esm/card/media-card-analytics-error-boundary.js +6 -28
- package/dist/esm/card/styles/animations.js +0 -2
- package/dist/esm/card/styles/getSelectedBorderStyle.js +1 -1
- package/dist/esm/card/styles/index.js +0 -2
- package/dist/esm/card/styles/styles.js +4 -9
- package/dist/esm/card/ui/actionsBar/actionsBar.js +2 -12
- package/dist/esm/card/ui/actionsBar/styles.js +0 -2
- package/dist/esm/card/ui/blanket/styles.js +0 -2
- package/dist/esm/card/ui/common.js +0 -4
- package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js +1 -1
- package/dist/esm/card/ui/iconMessage/index.js +4 -4
- package/dist/esm/card/ui/iconMessage/styles.js +1 -5
- package/dist/esm/card/ui/iconWrapper/iconWrapper.js +1 -1
- package/dist/esm/card/ui/iconWrapper/styles.js +3 -5
- package/dist/esm/card/ui/imageRenderer/imageRenderer.js +8 -11
- package/dist/esm/card/ui/loadingRateLimited/styles.js +1 -3
- package/dist/esm/card/ui/newFileExperience/newFileExperienceWrapper.js +13 -13
- package/dist/esm/card/ui/newFileExperience/styles.js +10 -12
- package/dist/esm/card/ui/playButton/styles.js +0 -2
- package/dist/esm/card/ui/progressBar/progressBar.js +6 -6
- package/dist/esm/card/ui/progressBar/styledBar.js +3 -3
- package/dist/esm/card/ui/progressBar/styles.js +4 -8
- package/dist/esm/card/ui/styles.js +12 -20
- package/dist/esm/card/ui/tickBox/styles.js +0 -2
- package/dist/esm/card/ui/titleBox/failedTitleBox.js +2 -2
- package/dist/esm/card/ui/titleBox/styles.js +4 -7
- package/dist/esm/card/ui/titleBox/titleBox.js +9 -11
- package/dist/esm/card/ui/titleBox/titleBoxComponents.js +1 -1
- package/dist/esm/card/ui/unhandledErrorCard/index.js +6 -24
- package/dist/esm/errors.js +8 -40
- package/dist/esm/index.js +1 -0
- package/dist/esm/inline/loader.js +3 -40
- package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +4 -23
- package/dist/esm/inline/mediaInlineCard.js +21 -40
- package/dist/esm/types.js +1 -1
- package/dist/esm/utils/analytics.js +0 -6
- package/dist/esm/utils/breakpoint.js +0 -5
- package/dist/esm/utils/cardActions/cardActionIconButton.js +7 -18
- package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +6 -19
- package/dist/esm/utils/cardActions/cardActionsView.js +7 -22
- package/dist/esm/utils/cardActions/styles.js +0 -5
- package/dist/esm/utils/cardDimensions.js +7 -14
- package/dist/esm/utils/dimensionComparer.js +0 -3
- package/dist/esm/utils/document.js +0 -2
- package/dist/esm/utils/errorIcon/index.js +0 -9
- package/dist/esm/utils/errorIcon/styles.js +0 -2
- package/dist/esm/utils/fileIcon/index.js +3 -11
- package/dist/esm/utils/fileIcon/styles.js +0 -2
- package/dist/esm/utils/getDataURIDimension.js +0 -4
- package/dist/esm/utils/getMediaCardCursor.js +1 -4
- package/dist/esm/utils/globalScope/getSSRData.js +0 -2
- package/dist/esm/utils/globalScope/globalScope.js +8 -15
- package/dist/esm/utils/lightCards/cardError.js +0 -9
- package/dist/esm/utils/lightCards/cardLoading.js +3 -13
- package/dist/esm/utils/lightCards/lightCardWrappers.js +0 -1
- package/dist/esm/utils/lightCards/styles.js +1 -3
- package/dist/esm/utils/metadata.js +0 -5
- package/dist/esm/utils/objectURLCache.js +0 -15
- package/dist/esm/utils/printScript.js +0 -5
- package/dist/esm/utils/progressBar/index.js +0 -9
- package/dist/esm/utils/progressBar/styles.js +0 -2
- package/dist/esm/utils/shouldDisplayImageThumbnail.js +0 -2
- package/dist/esm/utils/ufoExperiences.js +1 -12
- package/dist/esm/utils/videoSnapshot.js +2 -6
- package/dist/esm/utils/viewportDetector.js +5 -16
- package/dist/esm/version.json +1 -1
- package/package.json +2 -2
|
@@ -4,26 +4,20 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.isFinalCardStatus = exports.getCardStatus = void 0;
|
|
7
|
-
|
|
8
7
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
9
|
-
|
|
10
8
|
var isFinalCardStatus = function isFinalCardStatus(status) {
|
|
11
9
|
return ['complete', 'error', 'failed-processing'].includes(status);
|
|
12
10
|
};
|
|
13
|
-
|
|
14
11
|
exports.isFinalCardStatus = isFinalCardStatus;
|
|
15
|
-
|
|
16
12
|
var getCardStatusBuggy = function getCardStatusBuggy(fileStatus, _ref) {
|
|
17
13
|
var hasFilesize = _ref.hasFilesize,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
14
|
+
isPreviewable = _ref.isPreviewable,
|
|
15
|
+
hasPreview = _ref.hasPreview;
|
|
21
16
|
switch (fileStatus) {
|
|
22
17
|
case 'uploading':
|
|
23
18
|
case 'failed-processing':
|
|
24
19
|
case 'error':
|
|
25
20
|
return fileStatus;
|
|
26
|
-
|
|
27
21
|
case 'processing':
|
|
28
22
|
// Legacy empty files logic
|
|
29
23
|
// isPreviewable will most likely be false for empty files,
|
|
@@ -31,57 +25,44 @@ var getCardStatusBuggy = function getCardStatusBuggy(fileStatus, _ref) {
|
|
|
31
25
|
// TODO: https://product-fabric.atlassian.net/browse/BMPT-1247
|
|
32
26
|
if (!hasFilesize) {
|
|
33
27
|
return 'processing';
|
|
34
|
-
}
|
|
28
|
+
}
|
|
29
|
+
// If we show no preview for this file
|
|
35
30
|
// we won't show the "creating preview" message, i.e. Card is "complete".
|
|
36
|
-
|
|
37
|
-
|
|
38
31
|
if (!isPreviewable) {
|
|
39
32
|
return 'complete';
|
|
40
33
|
}
|
|
41
|
-
|
|
42
34
|
return 'processing';
|
|
43
|
-
|
|
44
35
|
case 'processed':
|
|
45
36
|
if (!isPreviewable || !hasPreview) {
|
|
46
37
|
return 'complete';
|
|
47
38
|
}
|
|
48
|
-
|
|
49
39
|
return 'loading-preview';
|
|
50
|
-
|
|
51
40
|
default:
|
|
52
41
|
return 'loading';
|
|
53
42
|
}
|
|
54
43
|
};
|
|
55
|
-
|
|
56
44
|
var getCardStatusFixed = function getCardStatusFixed(fileStatus, _ref2) {
|
|
57
45
|
var isPreviewable = _ref2.isPreviewable,
|
|
58
|
-
|
|
59
|
-
|
|
46
|
+
hasPreview = _ref2.hasPreview;
|
|
60
47
|
switch (fileStatus) {
|
|
61
48
|
case 'uploading':
|
|
62
49
|
case 'failed-processing':
|
|
63
50
|
case 'error':
|
|
64
51
|
case 'processing':
|
|
65
52
|
return fileStatus;
|
|
66
|
-
|
|
67
53
|
case 'processed':
|
|
68
54
|
if (!isPreviewable || !hasPreview) {
|
|
69
55
|
return 'complete';
|
|
70
56
|
}
|
|
71
|
-
|
|
72
57
|
return 'loading-preview';
|
|
73
|
-
|
|
74
58
|
default:
|
|
75
59
|
return 'loading';
|
|
76
60
|
}
|
|
77
61
|
};
|
|
78
|
-
|
|
79
62
|
var getCardStatus = function getCardStatus(fileStatus, filePreviewStatus, featureFlags) {
|
|
80
63
|
if ((0, _mediaCommon.getMediaFeatureFlag)('fetchFileStateAfterUpload', featureFlags)) {
|
|
81
64
|
return getCardStatusFixed(fileStatus, filePreviewStatus);
|
|
82
65
|
}
|
|
83
|
-
|
|
84
66
|
return getCardStatusBuggy(fileStatus, filePreviewStatus);
|
|
85
67
|
};
|
|
86
|
-
|
|
87
68
|
exports.getCardStatus = getCardStatus;
|
package/dist/cjs/card/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -11,5 +10,4 @@ Object.defineProperty(exports, "Card", {
|
|
|
11
10
|
return _cardLoader.default;
|
|
12
11
|
}
|
|
13
12
|
});
|
|
14
|
-
|
|
15
13
|
var _cardLoader = _interopRequireDefault(require("./cardLoader"));
|
|
@@ -1,92 +1,55 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.getPreferredVideoArtifact = exports.InlinePlayerBase = exports.InlinePlayer = void 0;
|
|
11
|
-
|
|
12
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
-
|
|
14
10
|
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
15
|
-
|
|
16
11
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
17
|
-
|
|
18
12
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
19
|
-
|
|
20
13
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
21
|
-
|
|
22
14
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
23
|
-
|
|
24
15
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
25
|
-
|
|
26
16
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
27
|
-
|
|
28
17
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
29
|
-
|
|
30
18
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
31
|
-
|
|
32
19
|
var _react = _interopRequireWildcard(require("react"));
|
|
33
|
-
|
|
34
20
|
var _mediaClient = require("@atlaskit/media-client");
|
|
35
|
-
|
|
36
21
|
var _mediaUi = require("@atlaskit/media-ui");
|
|
37
|
-
|
|
38
22
|
var _utils = require("../utils");
|
|
39
|
-
|
|
40
23
|
var _cardLoading = require("../utils/lightCards/cardLoading");
|
|
41
|
-
|
|
42
24
|
var _progressBar = require("./ui/progressBar/progressBar");
|
|
43
|
-
|
|
44
25
|
var _styles = require("./ui/styles");
|
|
45
|
-
|
|
46
26
|
var _isValidPercentageUnit = require("../utils/isValidPercentageUnit");
|
|
47
|
-
|
|
48
27
|
var _getElementDimension = require("../utils/getElementDimension");
|
|
49
|
-
|
|
50
28
|
var _inlinePlayerWrapper = require("./inlinePlayerWrapper");
|
|
51
|
-
|
|
52
29
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
53
|
-
|
|
54
30
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
55
|
-
|
|
56
31
|
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); }; }
|
|
57
|
-
|
|
58
32
|
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; } }
|
|
59
|
-
|
|
60
33
|
var getPreferredVideoArtifact = function getPreferredVideoArtifact(fileState) {
|
|
61
34
|
if (fileState.status === 'processed' || fileState.status === 'processing') {
|
|
62
35
|
var artifacts = fileState.artifacts;
|
|
63
|
-
|
|
64
36
|
if (!artifacts) {
|
|
65
37
|
return undefined;
|
|
66
38
|
}
|
|
67
|
-
|
|
68
39
|
return artifacts['video_1280.mp4'] ? 'video_1280.mp4' : artifacts['video_640.mp4'] ? 'video_640.mp4' : undefined;
|
|
69
40
|
}
|
|
70
|
-
|
|
71
41
|
return undefined;
|
|
72
42
|
};
|
|
73
|
-
|
|
74
43
|
exports.getPreferredVideoArtifact = getPreferredVideoArtifact;
|
|
75
|
-
|
|
76
44
|
var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
77
45
|
(0, _inherits2.default)(InlinePlayerBase, _Component);
|
|
78
|
-
|
|
79
46
|
var _super = _createSuper(InlinePlayerBase);
|
|
80
|
-
|
|
81
47
|
function InlinePlayerBase() {
|
|
82
48
|
var _this;
|
|
83
|
-
|
|
84
49
|
(0, _classCallCheck2.default)(this, InlinePlayerBase);
|
|
85
|
-
|
|
86
50
|
for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
87
51
|
args[_key] = arguments[_key];
|
|
88
52
|
}
|
|
89
|
-
|
|
90
53
|
_this = _super.call.apply(_super, [this].concat(args));
|
|
91
54
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "state", {});
|
|
92
55
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "divRef", /*#__PURE__*/_react.default.createRef());
|
|
@@ -97,7 +60,6 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
97
60
|
});
|
|
98
61
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "setBinaryURL", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
99
62
|
var _this$props, mediaClient, identifier, onError, id, collectionName, fileSrc;
|
|
100
|
-
|
|
101
63
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
102
64
|
while (1) {
|
|
103
65
|
switch (_context.prev = _context.next) {
|
|
@@ -107,23 +69,17 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
107
69
|
_context.prev = 2;
|
|
108
70
|
_context.next = 5;
|
|
109
71
|
return mediaClient.file.getFileBinaryURL(id, collectionName);
|
|
110
|
-
|
|
111
72
|
case 5:
|
|
112
73
|
fileSrc = _context.sent;
|
|
113
|
-
|
|
114
74
|
_this.setFileSrc(fileSrc);
|
|
115
|
-
|
|
116
75
|
_context.next = 12;
|
|
117
76
|
break;
|
|
118
|
-
|
|
119
77
|
case 9:
|
|
120
78
|
_context.prev = 9;
|
|
121
79
|
_context.t0 = _context["catch"](2);
|
|
122
|
-
|
|
123
80
|
if (onError && _context.t0 instanceof Error) {
|
|
124
81
|
onError(_context.t0);
|
|
125
82
|
}
|
|
126
|
-
|
|
127
83
|
case 12:
|
|
128
84
|
case "end":
|
|
129
85
|
return _context.stop();
|
|
@@ -138,22 +94,20 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
138
94
|
});
|
|
139
95
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "revoke", function () {
|
|
140
96
|
var fileSrc = _this.state.fileSrc;
|
|
141
|
-
|
|
142
97
|
if (fileSrc) {
|
|
143
98
|
URL.revokeObjectURL(fileSrc);
|
|
144
99
|
}
|
|
145
100
|
});
|
|
146
101
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onDownloadClick", function () {
|
|
147
102
|
var _this$props2 = _this.props,
|
|
148
|
-
|
|
149
|
-
|
|
103
|
+
mediaClient = _this$props2.mediaClient,
|
|
104
|
+
identifier = _this$props2.identifier;
|
|
150
105
|
var id = identifier.id,
|
|
151
|
-
|
|
106
|
+
collectionName = identifier.collectionName;
|
|
152
107
|
mediaClient.file.downloadBinary(id, undefined, collectionName);
|
|
153
108
|
});
|
|
154
109
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onFirstPlay", function () {
|
|
155
110
|
var identifier = _this.props.identifier;
|
|
156
|
-
|
|
157
111
|
_mediaClient.globalMediaEventEmitter.emit('media-viewed', {
|
|
158
112
|
fileId: identifier.id,
|
|
159
113
|
viewingLevel: 'full'
|
|
@@ -161,16 +115,12 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
161
115
|
});
|
|
162
116
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "saveElementWidth", function () {
|
|
163
117
|
var dimensions = _this.props.dimensions;
|
|
164
|
-
|
|
165
118
|
if (!dimensions) {
|
|
166
119
|
return;
|
|
167
120
|
}
|
|
168
|
-
|
|
169
121
|
var width = dimensions.width;
|
|
170
|
-
|
|
171
122
|
if (width && (0, _isValidPercentageUnit.isValidPercentageUnit)(width) && !!_this.divRef.current) {
|
|
172
123
|
var elementWidth = (0, _getElementDimension.getElementDimension)(_this.divRef.current, 'width');
|
|
173
|
-
|
|
174
124
|
_this.setState({
|
|
175
125
|
elementWidth: elementWidth
|
|
176
126
|
});
|
|
@@ -178,18 +128,16 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
178
128
|
});
|
|
179
129
|
return _this;
|
|
180
130
|
}
|
|
181
|
-
|
|
182
131
|
(0, _createClass2.default)(InlinePlayerBase, [{
|
|
183
132
|
key: "componentDidMount",
|
|
184
133
|
value: function componentDidMount() {
|
|
185
134
|
var _this2 = this;
|
|
186
|
-
|
|
187
135
|
this.saveElementWidth();
|
|
188
136
|
var _this$props3 = this.props,
|
|
189
|
-
|
|
190
|
-
|
|
137
|
+
mediaClient = _this$props3.mediaClient,
|
|
138
|
+
identifier = _this$props3.identifier;
|
|
191
139
|
var id = identifier.id,
|
|
192
|
-
|
|
140
|
+
collectionName = identifier.collectionName;
|
|
193
141
|
this.revoke();
|
|
194
142
|
this.unsubscribe();
|
|
195
143
|
this.subscription = mediaClient.file.getFileState(id, {
|
|
@@ -198,7 +146,6 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
198
146
|
next: function () {
|
|
199
147
|
var _next = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(fileState) {
|
|
200
148
|
var existingFileSrc, _yield$fileState$prev, value, fileSrc, artifactName, artifacts, _fileSrc, onError;
|
|
201
|
-
|
|
202
149
|
return _regenerator.default.wrap(function _callee2$(_context2) {
|
|
203
150
|
while (1) {
|
|
204
151
|
switch (_context2.prev = _context2.next) {
|
|
@@ -213,80 +160,58 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
213
160
|
isUploading: false
|
|
214
161
|
});
|
|
215
162
|
}
|
|
216
|
-
|
|
217
163
|
existingFileSrc = _this2.state.fileSrc; // we want to reuse the existing fileSrc to prevent re renders
|
|
218
|
-
|
|
219
164
|
if (!existingFileSrc) {
|
|
220
165
|
_context2.next = 4;
|
|
221
166
|
break;
|
|
222
167
|
}
|
|
223
|
-
|
|
224
168
|
return _context2.abrupt("return");
|
|
225
|
-
|
|
226
169
|
case 4:
|
|
227
170
|
if (!(fileState.status !== 'error' && fileState.preview)) {
|
|
228
171
|
_context2.next = 13;
|
|
229
172
|
break;
|
|
230
173
|
}
|
|
231
|
-
|
|
232
174
|
_context2.next = 7;
|
|
233
175
|
return fileState.preview;
|
|
234
|
-
|
|
235
176
|
case 7:
|
|
236
177
|
_yield$fileState$prev = _context2.sent;
|
|
237
178
|
value = _yield$fileState$prev.value;
|
|
238
|
-
|
|
239
179
|
if (!(value instanceof Blob && value.type.indexOf('video/') === 0)) {
|
|
240
180
|
_context2.next = 13;
|
|
241
181
|
break;
|
|
242
182
|
}
|
|
243
|
-
|
|
244
183
|
fileSrc = URL.createObjectURL(value);
|
|
245
|
-
|
|
246
184
|
_this2.setFileSrc(fileSrc);
|
|
247
|
-
|
|
248
185
|
return _context2.abrupt("return");
|
|
249
|
-
|
|
250
186
|
case 13:
|
|
251
187
|
if (!(fileState.status === 'processed' || fileState.status === 'processing')) {
|
|
252
188
|
_context2.next = 30;
|
|
253
189
|
break;
|
|
254
190
|
}
|
|
255
|
-
|
|
256
191
|
artifactName = getPreferredVideoArtifact(fileState);
|
|
257
192
|
artifacts = fileState.artifacts;
|
|
258
|
-
|
|
259
193
|
if (!(!artifactName || !artifacts)) {
|
|
260
194
|
_context2.next = 19;
|
|
261
195
|
break;
|
|
262
196
|
}
|
|
263
|
-
|
|
264
197
|
_this2.setBinaryURL();
|
|
265
|
-
|
|
266
198
|
return _context2.abrupt("return");
|
|
267
|
-
|
|
268
199
|
case 19:
|
|
269
200
|
_context2.prev = 19;
|
|
270
201
|
_context2.next = 22;
|
|
271
202
|
return mediaClient.file.getArtifactURL(artifacts, artifactName, collectionName);
|
|
272
|
-
|
|
273
203
|
case 22:
|
|
274
204
|
_fileSrc = _context2.sent;
|
|
275
|
-
|
|
276
205
|
_this2.setFileSrc(_fileSrc);
|
|
277
|
-
|
|
278
206
|
_context2.next = 30;
|
|
279
207
|
break;
|
|
280
|
-
|
|
281
208
|
case 26:
|
|
282
209
|
_context2.prev = 26;
|
|
283
210
|
_context2.t0 = _context2["catch"](19);
|
|
284
211
|
onError = _this2.props.onError;
|
|
285
|
-
|
|
286
212
|
if (onError && _context2.t0 instanceof Error) {
|
|
287
213
|
onError(_context2.t0);
|
|
288
214
|
}
|
|
289
|
-
|
|
290
215
|
case 30:
|
|
291
216
|
case "end":
|
|
292
217
|
return _context2.stop();
|
|
@@ -294,11 +219,9 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
294
219
|
}
|
|
295
220
|
}, _callee2, null, [[19, 26]]);
|
|
296
221
|
}));
|
|
297
|
-
|
|
298
222
|
function next(_x) {
|
|
299
223
|
return _next.apply(this, arguments);
|
|
300
224
|
}
|
|
301
|
-
|
|
302
225
|
return next;
|
|
303
226
|
}()
|
|
304
227
|
});
|
|
@@ -319,30 +242,27 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
319
242
|
key: "render",
|
|
320
243
|
value: function render() {
|
|
321
244
|
var _this3 = this;
|
|
322
|
-
|
|
323
245
|
var _this$props4 = this.props,
|
|
324
|
-
|
|
325
|
-
|
|
326
|
-
|
|
327
|
-
|
|
328
|
-
|
|
329
|
-
|
|
330
|
-
|
|
331
|
-
|
|
332
|
-
|
|
333
|
-
|
|
246
|
+
onClick = _this$props4.onClick,
|
|
247
|
+
dimensions = _this$props4.dimensions,
|
|
248
|
+
originalDimensions = _this$props4.originalDimensions,
|
|
249
|
+
selected = _this$props4.selected,
|
|
250
|
+
testId = _this$props4.testId,
|
|
251
|
+
identifier = _this$props4.identifier,
|
|
252
|
+
forwardRef = _this$props4.forwardRef,
|
|
253
|
+
autoplay = _this$props4.autoplay,
|
|
254
|
+
cardPreview = _this$props4.cardPreview,
|
|
255
|
+
onFullscreenChange = _this$props4.onFullscreenChange;
|
|
334
256
|
var _this$state = this.state,
|
|
335
|
-
|
|
336
|
-
|
|
337
|
-
|
|
338
|
-
|
|
257
|
+
fileSrc = _this$state.fileSrc,
|
|
258
|
+
isUploading = _this$state.isUploading,
|
|
259
|
+
progress = _this$state.progress;
|
|
339
260
|
if (!fileSrc) {
|
|
340
261
|
return /*#__PURE__*/_react.default.createElement(_cardLoading.CardLoading, {
|
|
341
262
|
testId: testId,
|
|
342
263
|
dimensions: dimensions
|
|
343
264
|
});
|
|
344
265
|
}
|
|
345
|
-
|
|
346
266
|
return /*#__PURE__*/_react.default.createElement(_inlinePlayerWrapper.InlinePlayerWrapper, {
|
|
347
267
|
testId: testId || 'media-card-inline-player',
|
|
348
268
|
selected: {
|
|
@@ -378,17 +298,14 @@ var InlinePlayerBase = /*#__PURE__*/function (_Component) {
|
|
|
378
298
|
}]);
|
|
379
299
|
return InlinePlayerBase;
|
|
380
300
|
}(_react.Component);
|
|
381
|
-
|
|
382
301
|
exports.InlinePlayerBase = InlinePlayerBase;
|
|
383
302
|
(0, _defineProperty2.default)(InlinePlayerBase, "defaultProps", {
|
|
384
303
|
dimensions: _utils.defaultImageCardDimensions
|
|
385
304
|
});
|
|
386
|
-
|
|
387
305
|
var InlinePlayerForwardRef = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
|
|
388
306
|
return /*#__PURE__*/_react.default.createElement(InlinePlayerBase, (0, _extends2.default)({}, props, {
|
|
389
307
|
forwardRef: ref
|
|
390
308
|
}));
|
|
391
309
|
});
|
|
392
|
-
|
|
393
310
|
var InlinePlayer = InlinePlayerForwardRef;
|
|
394
311
|
exports.InlinePlayer = InlinePlayer;
|
|
@@ -1,27 +1,18 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
var _typeof = require("@babel/runtime/helpers/typeof");
|
|
6
|
-
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.InlinePlayerLazy = void 0;
|
|
11
|
-
|
|
12
9
|
var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
|
|
13
|
-
|
|
14
10
|
var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
|
|
15
|
-
|
|
16
11
|
var _react = require("react");
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
var InlinePlayerLazy = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
|
|
23
15
|
var _yield$import, InlinePlayer;
|
|
24
|
-
|
|
25
16
|
return _regenerator.default.wrap(function _callee$(_context) {
|
|
26
17
|
while (1) {
|
|
27
18
|
switch (_context.prev = _context.next) {
|
|
@@ -30,14 +21,12 @@ var InlinePlayerLazy = /*#__PURE__*/(0, _react.lazy)( /*#__PURE__*/(0, _asyncToG
|
|
|
30
21
|
return Promise.resolve().then(function () {
|
|
31
22
|
return _interopRequireWildcard(require('./inlinePlayer'));
|
|
32
23
|
});
|
|
33
|
-
|
|
34
24
|
case 2:
|
|
35
25
|
_yield$import = _context.sent;
|
|
36
26
|
InlinePlayer = _yield$import.InlinePlayer;
|
|
37
27
|
return _context.abrupt("return", {
|
|
38
28
|
default: InlinePlayer
|
|
39
29
|
});
|
|
40
|
-
|
|
41
30
|
case 5:
|
|
42
31
|
case "end":
|
|
43
32
|
return _context.stop();
|
|
@@ -4,18 +4,16 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.InlinePlayerWrapper = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = require("@emotion/react");
|
|
9
|
-
|
|
10
8
|
var _styles = require("./styles/styles");
|
|
11
|
-
|
|
12
9
|
/**@jsx jsx */
|
|
10
|
+
|
|
13
11
|
var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
14
12
|
var testId = props.testId,
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
13
|
+
selected = props.selected,
|
|
14
|
+
dimensions = props.dimensions,
|
|
15
|
+
onClick = props.onClick,
|
|
16
|
+
innerRef = props.innerRef;
|
|
19
17
|
return (0, _react.jsx)("div", {
|
|
20
18
|
id: "inlinePlayerWrapper",
|
|
21
19
|
"data-testid": testId,
|
|
@@ -28,5 +26,4 @@ var InlinePlayerWrapper = function InlinePlayerWrapper(props) {
|
|
|
28
26
|
ref: innerRef
|
|
29
27
|
}, props.children);
|
|
30
28
|
};
|
|
31
|
-
|
|
32
29
|
exports.InlinePlayerWrapper = InlinePlayerWrapper;
|
|
@@ -1,61 +1,39 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
|
|
11
|
-
|
|
12
9
|
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
|
|
13
|
-
|
|
14
10
|
var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
|
|
15
|
-
|
|
16
11
|
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
|
|
17
|
-
|
|
18
12
|
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
|
|
19
|
-
|
|
20
13
|
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
|
|
21
|
-
|
|
22
14
|
var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
|
|
23
|
-
|
|
24
15
|
var _react = _interopRequireDefault(require("react"));
|
|
25
|
-
|
|
26
16
|
var _mediaCommon = require("@atlaskit/media-common");
|
|
27
|
-
|
|
28
17
|
var _unhandledErrorCard = require("./ui/unhandledErrorCard");
|
|
29
|
-
|
|
30
18
|
var _analyticsNext = require("@atlaskit/analytics-next");
|
|
31
|
-
|
|
32
19
|
var _analytics = require("../utils/analytics");
|
|
33
|
-
|
|
34
20
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
35
|
-
|
|
36
21
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
37
|
-
|
|
38
22
|
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); }; }
|
|
39
|
-
|
|
40
23
|
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; } }
|
|
41
|
-
|
|
42
24
|
var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Component) {
|
|
43
25
|
(0, _inherits2.default)(WrappedMediaCardAnalyticsErrorBoundary, _React$Component);
|
|
44
|
-
|
|
45
26
|
var _super = _createSuper(WrappedMediaCardAnalyticsErrorBoundary);
|
|
46
|
-
|
|
47
27
|
function WrappedMediaCardAnalyticsErrorBoundary(props) {
|
|
48
28
|
var _this;
|
|
49
|
-
|
|
50
29
|
(0, _classCallCheck2.default)(this, WrappedMediaCardAnalyticsErrorBoundary);
|
|
51
30
|
_this = _super.call(this, props);
|
|
52
31
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "fireOperationalEvent", function (error, info) {
|
|
53
32
|
var _window, _window$navigator;
|
|
54
|
-
|
|
55
33
|
var _this$props = _this.props,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
34
|
+
_this$props$data = _this$props.data,
|
|
35
|
+
data = _this$props$data === void 0 ? {} : _this$props$data,
|
|
36
|
+
createAnalyticsEvent = _this$props.createAnalyticsEvent;
|
|
59
37
|
var payload = {
|
|
60
38
|
eventType: 'operational',
|
|
61
39
|
action: 'failed',
|
|
@@ -72,7 +50,6 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
72
50
|
(0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleOnClick", function (event) {
|
|
73
51
|
try {
|
|
74
52
|
var _this$props$onClick, _this$props2;
|
|
75
|
-
|
|
76
53
|
(_this$props$onClick = (_this$props2 = _this.props).onClick) === null || _this$props$onClick === void 0 ? void 0 : _this$props$onClick.call(_this$props2, {
|
|
77
54
|
event: event
|
|
78
55
|
});
|
|
@@ -83,14 +60,12 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
83
60
|
};
|
|
84
61
|
return _this;
|
|
85
62
|
}
|
|
86
|
-
|
|
87
63
|
(0, _createClass2.default)(WrappedMediaCardAnalyticsErrorBoundary, [{
|
|
88
64
|
key: "componentDidCatch",
|
|
89
65
|
value: function componentDidCatch(error, info) {
|
|
90
66
|
try {
|
|
91
67
|
this.fireOperationalEvent(error, info);
|
|
92
68
|
} catch (e) {}
|
|
93
|
-
|
|
94
69
|
this.setState({
|
|
95
70
|
hasError: true
|
|
96
71
|
});
|
|
@@ -100,25 +75,22 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
|
|
|
100
75
|
value: function render() {
|
|
101
76
|
var hasError = this.state.hasError;
|
|
102
77
|
var _this$props3 = this.props,
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
78
|
+
dimensions = _this$props3.dimensions,
|
|
79
|
+
children = _this$props3.children;
|
|
106
80
|
if (hasError) {
|
|
107
81
|
return /*#__PURE__*/_react.default.createElement(_unhandledErrorCard.UnhandledErrorCard, {
|
|
108
82
|
dimensions: dimensions,
|
|
109
83
|
onClick: this.handleOnClick
|
|
110
84
|
});
|
|
111
85
|
}
|
|
112
|
-
|
|
113
86
|
return children;
|
|
114
87
|
}
|
|
115
88
|
}]);
|
|
116
89
|
return WrappedMediaCardAnalyticsErrorBoundary;
|
|
117
90
|
}(_react.default.Component);
|
|
118
|
-
|
|
119
91
|
(0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
|
|
120
92
|
var packageName = "@atlaskit/media-card";
|
|
121
|
-
var packageVersion = "74.5.
|
|
93
|
+
var packageVersion = "74.5.2";
|
|
122
94
|
var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
|
|
123
95
|
packageVersion: packageVersion,
|
|
124
96
|
packageName: packageName,
|
|
@@ -1,17 +1,12 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
3
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.spin = void 0;
|
|
9
|
-
|
|
10
8
|
var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
|
|
11
|
-
|
|
12
9
|
var _react = require("@emotion/react");
|
|
13
|
-
|
|
14
10
|
var _templateObject;
|
|
15
|
-
|
|
16
11
|
var spin = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n to { transform: rotate(360deg); }\n"])));
|
|
17
12
|
exports.spin = spin;
|