@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.
Files changed (267) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/dist/cjs/card/actions.js +0 -5
  3. package/dist/cjs/card/card.js +126 -260
  4. package/dist/cjs/card/cardAnalytics.js +0 -18
  5. package/dist/cjs/card/cardImageView/cardImageViewWrapper.js +7 -16
  6. package/dist/cjs/card/cardImageView/cardOverlay/cardOverlayComponents.js +3 -15
  7. package/dist/cjs/card/cardImageView/cardOverlay/index.js +20 -52
  8. package/dist/cjs/card/cardImageView/cardOverlay/styles.js +1 -19
  9. package/dist/cjs/card/cardImageView/cardViewWrapper.js +7 -10
  10. package/dist/cjs/card/cardImageView/fileCardImageView.js +66 -111
  11. package/dist/cjs/card/cardImageView/index.js +0 -1
  12. package/dist/cjs/card/cardImageView/styles.js +0 -14
  13. package/dist/cjs/card/cardLoader.js +3 -20
  14. package/dist/cjs/card/cardState.js +0 -9
  15. package/dist/cjs/card/cardView.js +105 -198
  16. package/dist/cjs/card/getCardPreview/cache.js +0 -12
  17. package/dist/cjs/card/getCardPreview/filePreviewStatus.js +8 -16
  18. package/dist/cjs/card/getCardPreview/helpers.js +0 -39
  19. package/dist/cjs/card/getCardPreview/imageRefetchingAnalytics.js +0 -8
  20. package/dist/cjs/card/getCardPreview/index.js +16 -85
  21. package/dist/cjs/card/getCardStatus.js +5 -24
  22. package/dist/cjs/card/index.js +0 -2
  23. package/dist/cjs/card/inlinePlayer.js +19 -102
  24. package/dist/cjs/card/inlinePlayerLazy.js +0 -11
  25. package/dist/cjs/card/inlinePlayerWrapper.js +5 -8
  26. package/dist/cjs/card/media-card-analytics-error-boundary.js +6 -34
  27. package/dist/cjs/card/styles/animations.js +0 -5
  28. package/dist/cjs/card/styles/getSelectedBorderStyle.js +0 -4
  29. package/dist/cjs/card/styles/index.js +0 -14
  30. package/dist/cjs/card/styles/mixins.js +0 -11
  31. package/dist/cjs/card/styles/styles.js +4 -20
  32. package/dist/cjs/card/ui/actionsBar/actionsBar.js +2 -20
  33. package/dist/cjs/card/ui/actionsBar/actionsBarWrapper.js +1 -4
  34. package/dist/cjs/card/ui/actionsBar/styles.js +0 -8
  35. package/dist/cjs/card/ui/blanket/blanket.js +1 -4
  36. package/dist/cjs/card/ui/blanket/styles.js +0 -9
  37. package/dist/cjs/card/ui/common.js +0 -8
  38. package/dist/cjs/card/ui/iconMessage/iconMessageWrapper.js +2 -5
  39. package/dist/cjs/card/ui/iconMessage/index.js +4 -22
  40. package/dist/cjs/card/ui/iconMessage/styles.js +1 -10
  41. package/dist/cjs/card/ui/iconWrapper/iconWrapper.js +2 -5
  42. package/dist/cjs/card/ui/iconWrapper/styles.js +3 -11
  43. package/dist/cjs/card/ui/imageRenderer/imageRenderer.js +8 -21
  44. package/dist/cjs/card/ui/loadingRateLimited/styles.js +1 -10
  45. package/dist/cjs/card/ui/newFileExperience/newFileExperienceWrapper.js +14 -19
  46. package/dist/cjs/card/ui/newFileExperience/styles.js +10 -26
  47. package/dist/cjs/card/ui/playButton/playButton.js +0 -7
  48. package/dist/cjs/card/ui/playButton/playButtonBackground.js +1 -4
  49. package/dist/cjs/card/ui/playButton/playButtonWrapper.js +1 -4
  50. package/dist/cjs/card/ui/playButton/styles.js +0 -6
  51. package/dist/cjs/card/ui/progressBar/progressBar.js +6 -14
  52. package/dist/cjs/card/ui/progressBar/styledBar.js +4 -7
  53. package/dist/cjs/card/ui/progressBar/styles.js +4 -18
  54. package/dist/cjs/card/ui/styles.js +12 -46
  55. package/dist/cjs/card/ui/tickBox/styles.js +0 -11
  56. package/dist/cjs/card/ui/tickBox/tickBox.js +0 -6
  57. package/dist/cjs/card/ui/tickBox/tickBoxWrapper.js +1 -4
  58. package/dist/cjs/card/ui/titleBox/failedTitleBox.js +2 -11
  59. package/dist/cjs/card/ui/titleBox/styles.js +4 -19
  60. package/dist/cjs/card/ui/titleBox/titleBox.js +9 -21
  61. package/dist/cjs/card/ui/titleBox/titleBoxComponents.js +2 -14
  62. package/dist/cjs/card/ui/unhandledErrorCard/index.js +6 -36
  63. package/dist/cjs/classnames.js +0 -1
  64. package/dist/cjs/errors.js +7 -66
  65. package/dist/cjs/index.js +0 -8
  66. package/dist/cjs/inline/index.js +0 -2
  67. package/dist/cjs/inline/loader.js +2 -43
  68. package/dist/cjs/inline/mediaInlineAnalyticsErrorBoundary.js +4 -29
  69. package/dist/cjs/inline/mediaInlineCard.js +21 -57
  70. package/dist/cjs/types.js +0 -2
  71. package/dist/cjs/utils/analytics.js +0 -49
  72. package/dist/cjs/utils/breakpoint.js +0 -10
  73. package/dist/cjs/utils/cardActions/cardActionButton.js +1 -4
  74. package/dist/cjs/utils/cardActions/cardActionIconButton.js +7 -29
  75. package/dist/cjs/utils/cardActions/cardActionsDropdownMenu.js +6 -35
  76. package/dist/cjs/utils/cardActions/cardActionsView.js +7 -34
  77. package/dist/cjs/utils/cardActions/index.js +0 -4
  78. package/dist/cjs/utils/cardActions/styles.js +0 -13
  79. package/dist/cjs/utils/cardDimensions.js +5 -22
  80. package/dist/cjs/utils/containsPixelUnit.js +0 -2
  81. package/dist/cjs/utils/dimensionComparer.js +0 -8
  82. package/dist/cjs/utils/document.js +0 -4
  83. package/dist/cjs/utils/errorIcon/index.js +0 -18
  84. package/dist/cjs/utils/errorIcon/styles.js +0 -5
  85. package/dist/cjs/utils/fileIcon/index.js +3 -21
  86. package/dist/cjs/utils/fileIcon/styles.js +0 -6
  87. package/dist/cjs/utils/generateUniqueId.js +0 -2
  88. package/dist/cjs/utils/getCSSUnitValue.js +0 -1
  89. package/dist/cjs/utils/getDataURIDimension.js +0 -13
  90. package/dist/cjs/utils/getElementDimension.js +0 -2
  91. package/dist/cjs/utils/getErrorMessage.js +0 -6
  92. package/dist/cjs/utils/getMediaCardCursor.js +1 -6
  93. package/dist/cjs/utils/globalScope/getSSRData.js +0 -5
  94. package/dist/cjs/utils/globalScope/globalScope.js +8 -25
  95. package/dist/cjs/utils/globalScope/index.js +0 -2
  96. package/dist/cjs/utils/index.js +0 -12
  97. package/dist/cjs/utils/isRetina.js +0 -1
  98. package/dist/cjs/utils/isValidPercentageUnit.js +0 -2
  99. package/dist/cjs/utils/lightCards/cardError.js +0 -21
  100. package/dist/cjs/utils/lightCards/cardLoading.js +3 -27
  101. package/dist/cjs/utils/lightCards/getDimensionsWithDefault.js +0 -2
  102. package/dist/cjs/utils/lightCards/lightCardWrappers.js +1 -9
  103. package/dist/cjs/utils/lightCards/styles.js +1 -13
  104. package/dist/cjs/utils/metadata.js +0 -7
  105. package/dist/cjs/utils/objectURLCache.js +0 -22
  106. package/dist/cjs/utils/preventClickThrough.js +0 -5
  107. package/dist/cjs/utils/printScript.js +0 -10
  108. package/dist/cjs/utils/progressBar/index.js +0 -17
  109. package/dist/cjs/utils/progressBar/styles.js +0 -6
  110. package/dist/cjs/utils/resizeModeToMediaImageProps.js +0 -1
  111. package/dist/cjs/utils/shouldDisplayImageThumbnail.js +0 -5
  112. package/dist/cjs/utils/ufoExperiences.js +1 -21
  113. package/dist/cjs/utils/videoSnapshot.js +2 -11
  114. package/dist/cjs/utils/viewportDetector.js +5 -24
  115. package/dist/cjs/version.json +1 -1
  116. package/dist/es2019/card/actions.js +2 -1
  117. package/dist/es2019/card/card.js +26 -121
  118. package/dist/es2019/card/cardAnalytics.js +0 -5
  119. package/dist/es2019/card/cardImageView/cardOverlay/index.js +2 -16
  120. package/dist/es2019/card/cardImageView/cardOverlay/styles.js +1 -2
  121. package/dist/es2019/card/cardImageView/fileCardImageView.js +3 -36
  122. package/dist/es2019/card/cardImageView/styles.js +0 -3
  123. package/dist/es2019/card/cardLoader.js +3 -14
  124. package/dist/es2019/card/cardState.js +1 -2
  125. package/dist/es2019/card/cardView.js +24 -68
  126. package/dist/es2019/card/getCardPreview/cache.js +0 -4
  127. package/dist/es2019/card/getCardPreview/filePreviewStatus.js +8 -5
  128. package/dist/es2019/card/getCardPreview/helpers.js +0 -9
  129. package/dist/es2019/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
  130. package/dist/es2019/card/getCardPreview/index.js +16 -30
  131. package/dist/es2019/card/getCardStatus.js +2 -15
  132. package/dist/es2019/card/inlinePlayer.js +2 -35
  133. package/dist/es2019/card/inlinePlayerLazy.js +1 -2
  134. package/dist/es2019/card/media-card-analytics-error-boundary.js +1 -15
  135. package/dist/es2019/card/styles/getSelectedBorderStyle.js +1 -1
  136. package/dist/es2019/card/styles/styles.js +0 -3
  137. package/dist/es2019/card/ui/actionsBar/actionsBar.js +0 -3
  138. package/dist/es2019/card/ui/common.js +0 -2
  139. package/dist/es2019/card/ui/iconMessage/styles.js +0 -2
  140. package/dist/es2019/card/ui/iconWrapper/styles.js +2 -2
  141. package/dist/es2019/card/ui/imageRenderer/imageRenderer.js +0 -3
  142. package/dist/es2019/card/ui/progressBar/styles.js +1 -3
  143. package/dist/es2019/card/ui/styles.js +3 -4
  144. package/dist/es2019/card/ui/titleBox/styles.js +2 -3
  145. package/dist/es2019/card/ui/unhandledErrorCard/index.js +0 -8
  146. package/dist/es2019/errors.js +8 -17
  147. package/dist/es2019/index.js +1 -0
  148. package/dist/es2019/inline/loader.js +1 -18
  149. package/dist/es2019/inline/mediaInlineAnalyticsErrorBoundary.js +1 -12
  150. package/dist/es2019/inline/mediaInlineCard.js +0 -15
  151. package/dist/es2019/types.js +1 -1
  152. package/dist/es2019/utils/analytics.js +0 -3
  153. package/dist/es2019/utils/breakpoint.js +0 -4
  154. package/dist/es2019/utils/cardActions/cardActionIconButton.js +3 -5
  155. package/dist/es2019/utils/cardActions/cardActionsDropdownMenu.js +0 -5
  156. package/dist/es2019/utils/cardActions/cardActionsView.js +0 -10
  157. package/dist/es2019/utils/cardActions/styles.js +0 -3
  158. package/dist/es2019/utils/cardDimensions.js +7 -14
  159. package/dist/es2019/utils/dimensionComparer.js +0 -3
  160. package/dist/es2019/utils/document.js +0 -2
  161. package/dist/es2019/utils/errorIcon/index.js +0 -3
  162. package/dist/es2019/utils/fileIcon/index.js +0 -1
  163. package/dist/es2019/utils/getDataURIDimension.js +0 -4
  164. package/dist/es2019/utils/getMediaCardCursor.js +1 -4
  165. package/dist/es2019/utils/globalScope/getSSRData.js +0 -2
  166. package/dist/es2019/utils/globalScope/globalScope.js +3 -10
  167. package/dist/es2019/utils/lightCards/cardError.js +0 -3
  168. package/dist/es2019/utils/lightCards/cardLoading.js +0 -3
  169. package/dist/es2019/utils/lightCards/lightCardWrappers.js +0 -1
  170. package/dist/es2019/utils/metadata.js +0 -5
  171. package/dist/es2019/utils/objectURLCache.js +0 -10
  172. package/dist/es2019/utils/printScript.js +0 -3
  173. package/dist/es2019/utils/progressBar/index.js +0 -2
  174. package/dist/es2019/utils/shouldDisplayImageThumbnail.js +0 -2
  175. package/dist/es2019/utils/ufoExperiences.js +5 -10
  176. package/dist/es2019/utils/videoSnapshot.js +2 -4
  177. package/dist/es2019/utils/viewportDetector.js +0 -5
  178. package/dist/es2019/version.json +1 -1
  179. package/dist/esm/card/actions.js +0 -3
  180. package/dist/esm/card/card.js +126 -254
  181. package/dist/esm/card/cardAnalytics.js +0 -6
  182. package/dist/esm/card/cardImageView/cardImageViewWrapper.js +6 -6
  183. package/dist/esm/card/cardImageView/cardOverlay/cardOverlayComponents.js +2 -2
  184. package/dist/esm/card/cardImageView/cardOverlay/index.js +22 -37
  185. package/dist/esm/card/cardImageView/cardOverlay/styles.js +2 -6
  186. package/dist/esm/card/cardImageView/cardViewWrapper.js +6 -6
  187. package/dist/esm/card/cardImageView/fileCardImageView.js +66 -104
  188. package/dist/esm/card/cardImageView/styles.js +0 -5
  189. package/dist/esm/card/cardLoader.js +6 -17
  190. package/dist/esm/card/cardState.js +1 -2
  191. package/dist/esm/card/cardView.js +105 -171
  192. package/dist/esm/card/getCardPreview/cache.js +0 -7
  193. package/dist/esm/card/getCardPreview/filePreviewStatus.js +11 -11
  194. package/dist/esm/card/getCardPreview/helpers.js +0 -28
  195. package/dist/esm/card/getCardPreview/imageRefetchingAnalytics.js +0 -3
  196. package/dist/esm/card/getCardPreview/index.js +16 -53
  197. package/dist/esm/card/getCardStatus.js +5 -20
  198. package/dist/esm/card/inlinePlayer.js +19 -85
  199. package/dist/esm/card/inlinePlayerLazy.js +1 -5
  200. package/dist/esm/card/inlinePlayerWrapper.js +4 -4
  201. package/dist/esm/card/media-card-analytics-error-boundary.js +6 -28
  202. package/dist/esm/card/styles/animations.js +0 -2
  203. package/dist/esm/card/styles/getSelectedBorderStyle.js +1 -1
  204. package/dist/esm/card/styles/index.js +0 -2
  205. package/dist/esm/card/styles/styles.js +4 -9
  206. package/dist/esm/card/ui/actionsBar/actionsBar.js +2 -12
  207. package/dist/esm/card/ui/actionsBar/styles.js +0 -2
  208. package/dist/esm/card/ui/blanket/styles.js +0 -2
  209. package/dist/esm/card/ui/common.js +0 -4
  210. package/dist/esm/card/ui/iconMessage/iconMessageWrapper.js +1 -1
  211. package/dist/esm/card/ui/iconMessage/index.js +4 -4
  212. package/dist/esm/card/ui/iconMessage/styles.js +1 -5
  213. package/dist/esm/card/ui/iconWrapper/iconWrapper.js +1 -1
  214. package/dist/esm/card/ui/iconWrapper/styles.js +3 -5
  215. package/dist/esm/card/ui/imageRenderer/imageRenderer.js +8 -11
  216. package/dist/esm/card/ui/loadingRateLimited/styles.js +1 -3
  217. package/dist/esm/card/ui/newFileExperience/newFileExperienceWrapper.js +13 -13
  218. package/dist/esm/card/ui/newFileExperience/styles.js +10 -12
  219. package/dist/esm/card/ui/playButton/styles.js +0 -2
  220. package/dist/esm/card/ui/progressBar/progressBar.js +6 -6
  221. package/dist/esm/card/ui/progressBar/styledBar.js +3 -3
  222. package/dist/esm/card/ui/progressBar/styles.js +4 -8
  223. package/dist/esm/card/ui/styles.js +12 -20
  224. package/dist/esm/card/ui/tickBox/styles.js +0 -2
  225. package/dist/esm/card/ui/titleBox/failedTitleBox.js +2 -2
  226. package/dist/esm/card/ui/titleBox/styles.js +4 -7
  227. package/dist/esm/card/ui/titleBox/titleBox.js +9 -11
  228. package/dist/esm/card/ui/titleBox/titleBoxComponents.js +1 -1
  229. package/dist/esm/card/ui/unhandledErrorCard/index.js +6 -24
  230. package/dist/esm/errors.js +8 -40
  231. package/dist/esm/index.js +1 -0
  232. package/dist/esm/inline/loader.js +3 -40
  233. package/dist/esm/inline/mediaInlineAnalyticsErrorBoundary.js +4 -23
  234. package/dist/esm/inline/mediaInlineCard.js +21 -40
  235. package/dist/esm/types.js +1 -1
  236. package/dist/esm/utils/analytics.js +0 -6
  237. package/dist/esm/utils/breakpoint.js +0 -5
  238. package/dist/esm/utils/cardActions/cardActionIconButton.js +7 -18
  239. package/dist/esm/utils/cardActions/cardActionsDropdownMenu.js +6 -19
  240. package/dist/esm/utils/cardActions/cardActionsView.js +7 -22
  241. package/dist/esm/utils/cardActions/styles.js +0 -5
  242. package/dist/esm/utils/cardDimensions.js +7 -14
  243. package/dist/esm/utils/dimensionComparer.js +0 -3
  244. package/dist/esm/utils/document.js +0 -2
  245. package/dist/esm/utils/errorIcon/index.js +0 -9
  246. package/dist/esm/utils/errorIcon/styles.js +0 -2
  247. package/dist/esm/utils/fileIcon/index.js +3 -11
  248. package/dist/esm/utils/fileIcon/styles.js +0 -2
  249. package/dist/esm/utils/getDataURIDimension.js +0 -4
  250. package/dist/esm/utils/getMediaCardCursor.js +1 -4
  251. package/dist/esm/utils/globalScope/getSSRData.js +0 -2
  252. package/dist/esm/utils/globalScope/globalScope.js +8 -15
  253. package/dist/esm/utils/lightCards/cardError.js +0 -9
  254. package/dist/esm/utils/lightCards/cardLoading.js +3 -13
  255. package/dist/esm/utils/lightCards/lightCardWrappers.js +0 -1
  256. package/dist/esm/utils/lightCards/styles.js +1 -3
  257. package/dist/esm/utils/metadata.js +0 -5
  258. package/dist/esm/utils/objectURLCache.js +0 -15
  259. package/dist/esm/utils/printScript.js +0 -5
  260. package/dist/esm/utils/progressBar/index.js +0 -9
  261. package/dist/esm/utils/progressBar/styles.js +0 -2
  262. package/dist/esm/utils/shouldDisplayImageThumbnail.js +0 -2
  263. package/dist/esm/utils/ufoExperiences.js +1 -12
  264. package/dist/esm/utils/videoSnapshot.js +2 -6
  265. package/dist/esm/utils/viewportDetector.js +5 -16
  266. package/dist/esm/version.json +1 -1
  267. package/package.json +2 -2
@@ -13,7 +13,6 @@ export class CardLoading extends Component {
13
13
  featureFlags
14
14
  } = this.props;
15
15
  const dimensions = getDimensionsWithDefault(dimensionsProp);
16
-
17
16
  if (getMediaFeatureFlag('newCardExperience', featureFlags)) {
18
17
  return /*#__PURE__*/React.createElement(Wrapper, {
19
18
  "data-testid": testId || 'media-card-loading',
@@ -21,7 +20,6 @@ export class CardLoading extends Component {
21
20
  dimensions: dimensions
22
21
  }, /*#__PURE__*/React.createElement(SpinnerIcon, null));
23
22
  }
24
-
25
23
  return /*#__PURE__*/React.createElement(AnimatedWrapper, {
26
24
  "data-testid": testId || 'media-card-loading',
27
25
  "data-test-loading": true,
@@ -31,5 +29,4 @@ export class CardLoading extends Component {
31
29
  size: "medium"
32
30
  }));
33
31
  }
34
-
35
32
  }
@@ -1,5 +1,4 @@
1
1
  import _extends from "@babel/runtime/helpers/extends";
2
-
3
2
  /**@jsx jsx */
4
3
  import { jsx } from '@emotion/react';
5
4
  import { wrapperStyles, animatedWrapperStyles } from './styles';
@@ -1,18 +1,14 @@
1
1
  import { isErrorFileState, isFileIdentifier } from '@atlaskit/media-client';
2
-
3
2
  const getProcessingStatusFromFileState = status => {
4
3
  switch (status) {
5
4
  case 'processed':
6
5
  return 'succeeded';
7
-
8
6
  case 'processing':
9
7
  return 'running';
10
-
11
8
  case 'failed-processing':
12
9
  return 'failed';
13
10
  }
14
11
  };
15
-
16
12
  const getFileDetailsFromFileState = state => ({
17
13
  id: state.id,
18
14
  name: state.name,
@@ -22,7 +18,6 @@ const getFileDetailsFromFileState = state => ({
22
18
  mediaType: state.mediaType,
23
19
  processingStatus: getProcessingStatusFromFileState(state.status)
24
20
  });
25
-
26
21
  export const getFileDetails = (identifier, fileState) => {
27
22
  return isFileIdentifier(identifier) ? fileState && !isErrorFileState(fileState) ? getFileDetailsFromFileState(fileState) : {
28
23
  id: identifier.id
@@ -1,25 +1,20 @@
1
1
  import { LRUMap } from 'lru_map';
2
2
  import { EventEmitter2 } from 'eventemitter2';
3
3
  export const PREVIEW_CACHE_LRU_SIZE = 50;
4
-
5
4
  class ExtendedLRUCache extends LRUMap {
6
5
  constructor(limit) {
7
6
  super(limit);
8
7
  this.eventEmitter = new EventEmitter2();
9
8
  }
10
-
11
9
  shift() {
12
10
  const entry = super.shift();
13
11
  this.eventEmitter.emit('shift', entry);
14
12
  return entry;
15
13
  }
16
-
17
14
  on(event, callback) {
18
15
  this.eventEmitter.on(event, callback);
19
16
  }
20
-
21
17
  }
22
-
23
18
  export class ObjectURLCache {
24
19
  constructor(size) {
25
20
  this.cache = new ExtendedLRUCache(size);
@@ -29,23 +24,18 @@ export class ObjectURLCache {
29
24
  }
30
25
  });
31
26
  }
32
-
33
27
  has(key) {
34
28
  return !!this.cache.find(key);
35
29
  }
36
-
37
30
  get(key) {
38
31
  return this.cache.get(key);
39
32
  }
40
-
41
33
  set(key, value) {
42
34
  this.cache.set(key, value);
43
35
  }
44
-
45
36
  remove(key) {
46
37
  const removed = this.cache.delete(key);
47
38
  removed && URL.revokeObjectURL(removed.dataURI);
48
39
  }
49
-
50
40
  }
51
41
  export const createObjectURLCache = () => new ObjectURLCache(PREVIEW_CACHE_LRU_SIZE);
@@ -6,12 +6,9 @@ const printParam = param => {
6
6
  } else if (param === undefined) {
7
7
  return 'undefined';
8
8
  }
9
-
10
9
  return param;
11
10
  };
12
-
13
11
  const printParams = args => args.map(arg => printParam(arg)).join(',');
14
-
15
12
  export const printFunctionCall = (fn, ...args) => `(${fn.toString()})(${printParams(args)});`;
16
13
  export const printScript = statements => `(function(){
17
14
  ${statements.join(';')}
@@ -7,7 +7,6 @@ export class ProgressBar extends Component {
7
7
  if (typeof this.props.progress !== 'number') {
8
8
  return null;
9
9
  }
10
-
11
10
  const progress = Math.min(1, Math.max(0, this.props.progress));
12
11
  const progressBarStyle = {
13
12
  width: `${progress * 100}%`
@@ -19,5 +18,4 @@ export class ProgressBar extends Component {
19
18
  style: progressBarStyle
20
19
  }));
21
20
  }
22
-
23
21
  }
@@ -3,10 +3,8 @@ export const shouldDisplayImageThumbnail = (cardStatus, mediaItemType, dataURI,
3
3
  if (mediaType === 'doc' || !mimeType && mediaItemType === 'file') {
4
4
  return false;
5
5
  }
6
-
7
6
  if (dataURI) {
8
7
  return mediaItemType === 'external-image' || mimeType && isMimeTypeSupportedByBrowser(mimeType) || cardStatus === 'complete' || cardStatus === 'loading-preview';
9
8
  }
10
-
11
9
  return false;
12
10
  };
@@ -3,9 +3,8 @@ import { extractErrorInfo, getRenderErrorRequestMetadata, LOGGED_FEATURE_FLAG_KE
3
3
  import { MediaCardError } from '../errors';
4
4
  import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
5
5
  const packageName = "@atlaskit/media-card";
6
- const packageVersion = "74.5.0";
6
+ const packageVersion = "74.5.2";
7
7
  let concurrentExperience;
8
-
9
8
  const getExperience = id => {
10
9
  if (!concurrentExperience) {
11
10
  const inlineExperience = {
@@ -18,10 +17,8 @@ const getExperience = id => {
18
17
  };
19
18
  concurrentExperience = new ConcurrentExperience('media-card-render', inlineExperience);
20
19
  }
21
-
22
20
  return concurrentExperience.getInstance(id);
23
21
  };
24
-
25
22
  export const startUfoExperience = id => {
26
23
  getExperience(id).start();
27
24
  };
@@ -34,7 +31,6 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
34
31
  fileStateFlags
35
32
  });
36
33
  break;
37
-
38
34
  case 'failed-processing':
39
35
  failUfoExperience(id, {
40
36
  fileAttributes,
@@ -43,7 +39,6 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
43
39
  fileStateFlags
44
40
  });
45
41
  break;
46
-
47
42
  case 'error':
48
43
  failUfoExperience(id, {
49
44
  fileAttributes,
@@ -55,10 +50,10 @@ export const completeUfoExperience = (id, status, fileAttributes, fileStateFlags
55
50
  break;
56
51
  }
57
52
  };
58
-
59
53
  const succeedUfoExperience = (id, properties) => {
60
54
  getExperience(id).success({
61
- metadata: { ...properties,
55
+ metadata: {
56
+ ...properties,
62
57
  packageName,
63
58
  packageVersion,
64
59
  mediaEnvironment: getMediaEnvironment(),
@@ -66,10 +61,10 @@ const succeedUfoExperience = (id, properties) => {
66
61
  }
67
62
  });
68
63
  };
69
-
70
64
  const failUfoExperience = (id, properties) => {
71
65
  getExperience(id).failure({
72
- metadata: { ...properties,
66
+ metadata: {
67
+ ...properties,
73
68
  packageName,
74
69
  packageVersion,
75
70
  mediaEnvironment: getMediaEnvironment(),
@@ -11,21 +11,19 @@ export const takeSnapshot = async blob => {
11
11
  video.addEventListener('timeupdate', function timeUpdateHandler() {
12
12
  video.removeEventListener('timeupdate', timeUpdateHandler);
13
13
  video.pause();
14
- URL.revokeObjectURL(url); //create canvas to draw our first frame on.
14
+ URL.revokeObjectURL(url);
15
+ //create canvas to draw our first frame on.
15
16
 
16
17
  if (!video.videoWidth && !video.videoHeight) {
17
18
  return reject(new Error('error retrieving video dimensions'));
18
19
  }
19
-
20
20
  const canvas = document.createElement('canvas');
21
21
  canvas.width = video.videoWidth;
22
22
  canvas.height = video.videoHeight;
23
23
  const context = canvas.getContext('2d');
24
-
25
24
  if (!context) {
26
25
  return reject(new Error('error creating canvas context'));
27
26
  }
28
-
29
27
  context.drawImage(video, 0, 0, canvas.width, canvas.height);
30
28
  const dataURL = canvas.toDataURL('image/jpeg', 0.85);
31
29
  resolve(dataURL);
@@ -11,7 +11,6 @@ const createIntersectionObserverCallback = onVisible => (entries, observer) => {
11
11
  }
12
12
  }
13
13
  };
14
-
15
14
  const ViewportObserver = ({
16
15
  onVisible,
17
16
  cardEl,
@@ -19,7 +18,6 @@ const ViewportObserver = ({
19
18
  }) => {
20
19
  useEffect(() => {
21
20
  let intersectionObserver;
22
-
23
21
  try {
24
22
  intersectionObserver = new IntersectionObserver(createIntersectionObserverCallback(onVisible), {
25
23
  root: getDocument(),
@@ -31,7 +29,6 @@ const ViewportObserver = ({
31
29
  rootMargin: `${ABS_VIEWPORT_ANCHOR_OFFSET_TOP}px`
32
30
  });
33
31
  }
34
-
35
32
  cardEl && intersectionObserver.observe(cardEl);
36
33
  return () => {
37
34
  intersectionObserver.disconnect();
@@ -39,7 +36,6 @@ const ViewportObserver = ({
39
36
  }, [cardEl, onVisible]);
40
37
  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
41
38
  };
42
-
43
39
  export const ViewportDetector = ({
44
40
  cardEl,
45
41
  onVisible,
@@ -48,7 +44,6 @@ export const ViewportDetector = ({
48
44
  if (typeof IntersectionObserver === 'undefined') {
49
45
  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
50
46
  }
51
-
52
47
  return /*#__PURE__*/React.createElement(ViewportObserver, {
53
48
  cardEl: cardEl,
54
49
  onVisible: onVisible
@@ -1,5 +1,5 @@
1
1
  {
2
2
  "name": "@atlaskit/media-card",
3
- "version": "74.5.0",
3
+ "version": "74.5.2",
4
4
  "sideEffects": false
5
5
  }
@@ -1,9 +1,6 @@
1
1
  import _defineProperty from "@babel/runtime/helpers/defineProperty";
2
-
3
2
  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; }
4
-
5
3
  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) { _defineProperty(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; }
6
-
7
4
  export function attachDetailsToActions(actions, details) {
8
5
  return actions.map(function (action) {
9
6
  return _objectSpread(_objectSpread({}, action), {}, {