@atlaskit/media-card 73.1.0 → 73.3.0

package/dist/cjs/utils/analytics.js

@@ -1,12 +1,16 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.createAndFireMediaCardEvent = void 0;
+exports.extractErrorInfo = exports.createAndFireMediaCardEvent = void 0;
 exports.fireMediaCardEvent = fireMediaCardEvent;
 exports.getRenderSucceededEventPayload = exports.getRenderPreviewableCardPayload = exports.getRenderFailedFileStatusPayload = exports.getRenderFailedExternalUriPayload = exports.getRenderErrorRequestMetadata = exports.getRenderErrorFailReason = exports.getRenderErrorEventPayload = exports.getRenderErrorErrorReason = exports.getRenderErrorErrorDetail = exports.getRenderCommencedEventPayload = exports.getFileAttributes = exports.getCopiedFilePayload = void 0;
 
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
 var _mediaClient = require("@atlaskit/media-client");
 
 var _mediaCommon = require("@atlaskit/media-common");
@@ -15,6 +19,10 @@ var _analyticsNext = require("@atlaskit/analytics-next");
 
 var _errors = require("../errors");
 
+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; }
+
+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; }
+
 var getFileAttributes = function getFileAttributes(metadata, fileStatus) {
   return {
     fileMediatype: metadata.mediaType,
@@ -56,7 +64,7 @@ var getRenderCommencedEventPayload = function getRenderCommencedEventPayload(fil
 
 exports.getRenderCommencedEventPayload = getRenderCommencedEventPayload;
 
-var getRenderSucceededEventPayload = function getRenderSucceededEventPayload(fileAttributes, performanceAttributes) {
+var getRenderSucceededEventPayload = function getRenderSucceededEventPayload(fileAttributes, performanceAttributes, ssrReliability) {
   return {
     eventType: 'operational',
     action: 'succeeded',
@@ -64,7 +72,8 @@ var getRenderSucceededEventPayload = function getRenderSucceededEventPayload(fil
     attributes: {
       fileAttributes: fileAttributes,
       performanceAttributes: performanceAttributes,
-      status: 'success'
+      status: 'success',
+      ssrReliability: ssrReliability
     }
   };
 };
@@ -129,26 +138,35 @@ var getRenderErrorRequestMetadata = function getRenderErrorRequestMetadata(error
 
 exports.getRenderErrorRequestMetadata = getRenderErrorRequestMetadata;
 
-var getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error) {
+var extractErrorInfo = function extractErrorInfo(error) {
+  return {
+    failReason: getRenderErrorFailReason(error),
+    error: getRenderErrorErrorReason(error),
+    errorDetail: getRenderErrorErrorDetail(error)
+  };
+};
+
+exports.extractErrorInfo = extractErrorInfo;
+
+var getRenderErrorEventPayload = function getRenderErrorEventPayload(fileAttributes, performanceAttributes, error, ssrReliability) {
   return {
     eventType: 'operational',
     action: 'failed',
     actionSubject: 'mediaCardRender',
-    attributes: {
+    attributes: _objectSpread(_objectSpread({
       fileAttributes: fileAttributes,
       performanceAttributes: performanceAttributes,
-      status: 'fail',
-      failReason: getRenderErrorFailReason(error),
-      error: getRenderErrorErrorReason(error),
-      errorDetail: getRenderErrorErrorDetail(error),
-      request: getRenderErrorRequestMetadata(error)
-    }
+      status: 'fail'
+    }, extractErrorInfo(error)), {}, {
+      request: getRenderErrorRequestMetadata(error),
+      ssrReliability: ssrReliability
+    })
   };
 };
 
 exports.getRenderErrorEventPayload = getRenderErrorEventPayload;
 
-var getRenderFailedFileStatusPayload = function getRenderFailedFileStatusPayload(fileAttributes, performanceAttributes) {
+var getRenderFailedFileStatusPayload = function getRenderFailedFileStatusPayload(fileAttributes, performanceAttributes, ssrReliability) {
   return {
     eventType: 'operational',
     action: 'failed',
@@ -157,7 +175,8 @@ var getRenderFailedFileStatusPayload = function getRenderFailedFileStatusPayload
       fileAttributes: fileAttributes,
       performanceAttributes: performanceAttributes,
       status: 'fail',
-      failReason: 'failed-processing'
+      failReason: 'failed-processing',
+      ssrReliability: ssrReliability
     }
   };
 };

package/dist/cjs/utils/dimensionComparer.js

@@ -9,24 +9,18 @@ var _isValidPercentageUnit = require("./isValidPercentageUnit");
 
 var _containsPixelUnit = require("./containsPixelUnit");
 
+var isPixelEquivalent = function isPixelEquivalent(dimension) {
+  return typeof dimension === 'number' || (0, _containsPixelUnit.containsPixelUnit)("".concat(dimension));
+};
+
 var canCompareDimension = function canCompareDimension(current, next) {
   if (!current || !next) {
     return false;
   }
 
-  if ((0, _isValidPercentageUnit.isValidPercentageUnit)(current) && (0, _isValidPercentageUnit.isValidPercentageUnit)(next)) {
-    return true;
-  }
-
-  if ((0, _containsPixelUnit.containsPixelUnit)("".concat(current)) && (0, _containsPixelUnit.containsPixelUnit)("".concat(next))) {
-    return true;
-  }
-
-  if (typeof current === 'number' && typeof next === 'number') {
-    return true;
-  }
-
-  return false;
+  var bothPixelEquivalent = isPixelEquivalent(current) && isPixelEquivalent(next);
+  var bothPercentage = (0, _isValidPercentageUnit.isValidPercentageUnit)(current) && (0, _isValidPercentageUnit.isValidPercentageUnit)(next);
+  return bothPixelEquivalent || bothPercentage;
 };
 
 exports.canCompareDimension = canCompareDimension;

package/dist/cjs/utils/getMediaCardCursor.js

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMediaCardCursor = void 0;
+
+var _types = require("../types");
+
+var getMediaCardCursor = function getMediaCardCursor(useInlinePlayer, useMediaViewer, isErrorStatus, hasCardPreview, mediaType) {
+  // If error status or no action is requested = NoAction
+  if (isErrorStatus || !useInlinePlayer && !useMediaViewer) {
+    return _types.MediaCardCursor.NoAction;
+  }
+
+  if (!mediaType && (useInlinePlayer || useInlinePlayer && useMediaViewer)) {
+    return _types.MediaCardCursor.NotReady;
+  } else if (mediaType === 'video' && hasCardPreview && useInlinePlayer) {
+    return _types.MediaCardCursor.Action;
+  }
+
+  if (useMediaViewer) {
+    return _types.MediaCardCursor.Action;
+  }
+
+  return _types.MediaCardCursor.NoAction;
+};
+
+exports.getMediaCardCursor = getMediaCardCursor;

package/dist/cjs/utils/globalScope/getSSRData.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getSSRData = void 0;
+
+var _globalScope = require("./globalScope");
+
+var getSSRData = function getSSRData(identifier) {
+  var mediaCardSsr = (0, _globalScope.getMediaCardSSR)();
+
+  if (!mediaCardSsr) {
+    return;
+  }
+
+  return mediaCardSsr[(0, _globalScope.getKey)(identifier)];
+};
+
+exports.getSSRData = getSSRData;

package/dist/cjs/utils/globalScope/globalScope.js

@@ -0,0 +1,94 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getKey = exports.StoreSSRDataScript = exports.GLOBAL_MEDIA_NAMESPACE = exports.GLOBAL_MEDIA_CARD_SSR = void 0;
+exports.getMediaCardSSR = getMediaCardSSR;
+exports.getMediaGlobalScope = getMediaGlobalScope;
+exports.storeDataURI = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _printScript = require("../printScript");
+
+// ----- WARNING -----
+// This is a very sensitive fraction of code.
+// Any changes to this file must be tested directly in product before merging.
+// The scripts printed here might differ from what we observe in our internal tests
+// due to minimification, for example.
+var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
+exports.GLOBAL_MEDIA_CARD_SSR = GLOBAL_MEDIA_CARD_SSR;
+var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
+exports.GLOBAL_MEDIA_NAMESPACE = GLOBAL_MEDIA_NAMESPACE;
+
+function getMediaGlobalScope() {
+  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  // Must match GLOBAL_MEDIA_NAMESPACE. Can't reference the constant from here.
+  var namespace = '__MEDIA_INTERNAL';
+
+  if (!globalScope[namespace]) {
+    globalScope[namespace] = {};
+  }
+
+  return globalScope[namespace];
+}
+
+function getMediaCardSSR() {
+  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  var globalMedia = getMediaGlobalScope(globalScope); // Must match GLOBAL_MEDIA_CARD_SSR. Can't reference the constant from here.
+
+  var key = 'mediaCardSsr';
+
+  if (!globalMedia[key]) {
+    globalMedia[key] = {};
+  }
+
+  return globalMedia[key];
+}
+
+var dashed = function dashed(param) {
+  return param ? "-".concat(param) : '';
+};
+
+var getKey = function getKey(_ref) {
+  var id = _ref.id,
+      collectionName = _ref.collectionName,
+      occurrenceKey = _ref.occurrenceKey;
+  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
+};
+
+exports.getKey = getKey;
+
+var storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
+  var globalScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window;
+  var mediaCardSsr = getMediaCardSSR(globalScope);
+  mediaCardSsr[key] = {
+    dataURI: dataURI,
+    dimensions: dimensions,
+    error: error
+  };
+};
+
+exports.storeDataURI = storeDataURI;
+
+var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
+  var functionCall = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier), dataURI, dimensions, error);
+  return (0, _printScript.printScript)([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
+};
+
+var StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
+  var dataURI = _ref2.dataURI,
+      identifier = _ref2.identifier,
+      dimensions = _ref2.dimensions,
+      error = _ref2.error;
+  return /*#__PURE__*/_react.default.createElement("script", {
+    dangerouslySetInnerHTML: {
+      __html: generateScript(identifier, dataURI, dimensions, error)
+    }
+  });
+};
+
+exports.StoreSSRDataScript = StoreSSRDataScript;

package/dist/cjs/utils/globalScope/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "GLOBAL_MEDIA_CARD_SSR", {
+  enumerable: true,
+  get: function get() {
+    return _globalScope.GLOBAL_MEDIA_CARD_SSR;
+  }
+});
+Object.defineProperty(exports, "GLOBAL_MEDIA_NAMESPACE", {
+  enumerable: true,
+  get: function get() {
+    return _globalScope.GLOBAL_MEDIA_NAMESPACE;
+  }
+});
+Object.defineProperty(exports, "StoreSSRDataScript", {
+  enumerable: true,
+  get: function get() {
+    return _globalScope.StoreSSRDataScript;
+  }
+});
+Object.defineProperty(exports, "getKey", {
+  enumerable: true,
+  get: function get() {
+    return _globalScope.getKey;
+  }
+});
+Object.defineProperty(exports, "getSSRData", {
+  enumerable: true,
+  get: function get() {
+    return _getSSRData.getSSRData;
+  }
+});
+
+var _globalScope = require("./globalScope");
+
+var _getSSRData = require("./getSSRData");

package/dist/cjs/utils/globalScope/types.js

@@ -0,0 +1,5 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});

package/dist/cjs/utils/printScript.js

@@ -0,0 +1,44 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.printScript = exports.printFunctionCall = void 0;
+
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
+
+var printParam = function printParam(param) {
+  if (typeof param === 'string') {
+    return "'".concat(param, "'");
+  } else if ((0, _typeof2.default)(param) === 'object') {
+    return JSON.stringify(param);
+  } else if (param === undefined) {
+    return 'undefined';
+  }
+
+  return param;
+};
+
+var printParams = function printParams(args) {
+  return args.map(function (arg) {
+    return printParam(arg);
+  }).join(',');
+};
+
+var printFunctionCall = function printFunctionCall(fn) {
+  for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+    args[_key - 1] = arguments[_key];
+  }
+
+  return "(".concat(fn.toString(), ")(").concat(printParams(args), ");");
+};
+
+exports.printFunctionCall = printFunctionCall;
+
+var printScript = function printScript(statements) {
+  return "(function(){\n  ".concat(statements.join(';'), "\n})();\n");
+};
+
+exports.printScript = printScript;

package/dist/cjs/version.json

@@ -1,5 +1,5 @@
 {
 	"name": "@atlaskit/media-card",
-	"version": "73.1.0",
+	"version": "73.3.0",
 	"sideEffects": false
 }

package/dist/es2019/files/cardImageView/index.js

@@ -138,6 +138,22 @@ export class FileCardImageView extends Component {
       })));
     });
 
+    _defineProperty(this, "onImageLoad", () => {
+      const {
+        onImageLoad,
+        cardPreview
+      } = this.props;
+      onImageLoad && onImageLoad(cardPreview);
+    });
+
+    _defineProperty(this, "onImageError", () => {
+      const {
+        onImageError,
+        cardPreview
+      } = this.props;
+      onImageError && onImageError(cardPreview);
+    });
+
     _defineProperty(this, "renderMediaImage", () => {
       const {
         status,
@@ -147,9 +163,7 @@ export class FileCardImageView extends Component {
         mimeType,
         previewOrientation,
         onDisplayImage,
-        alt,
-        onImageLoad,
-        onImageError
+        alt
       } = this.props;
 
       if (!shouldDisplayImageThumbnail(status, mediaItemType, dataURI, mediaType, mimeType)) {
@@ -167,8 +181,8 @@ export class FileCardImageView extends Component {
         crop: this.isCropped,
         stretch: this.isStretched,
         previewOrientation: previewOrientation,
-        onImageLoad: onImageLoad,
-        onImageError: onImageError
+        onImageLoad: this.onImageLoad,
+        onImageError: this.onImageError
       });
     });
 

package/dist/es2019/root/card/cardAnalytics.js

@@ -1,19 +1,19 @@
 import { fireMediaCardEvent, getRenderSucceededEventPayload, getRenderErrorEventPayload, getRenderFailedFileStatusPayload, getCopiedFilePayload, getRenderCommencedEventPayload, getRenderPreviewableCardPayload } from '../../utils/analytics';
 export const relevantFeatureFlagNames = ['newCardExperience', 'captions', 'timestampOnVideo'];
-export const fireOperationalEvent = (createAnalyticsEvent, status, fileAttributes, performanceAttributes, error) => {
+export const fireOperationalEvent = (createAnalyticsEvent, status, fileAttributes, performanceAttributes, ssrReliability, error) => {
   const fireEvent = payload => fireMediaCardEvent(payload, createAnalyticsEvent);
 
   switch (status) {
     case 'complete':
-      fireEvent(getRenderSucceededEventPayload(fileAttributes, performanceAttributes));
+      fireEvent(getRenderSucceededEventPayload(fileAttributes, performanceAttributes, ssrReliability));
       break;
 
     case 'failed-processing':
-      fireEvent(getRenderFailedFileStatusPayload(fileAttributes, performanceAttributes));
+      fireEvent(getRenderFailedFileStatusPayload(fileAttributes, performanceAttributes, ssrReliability));
       break;
 
     case 'error':
-      error && fireEvent(getRenderErrorEventPayload(fileAttributes, performanceAttributes, error));
+      error && fireEvent(getRenderErrorEventPayload(fileAttributes, performanceAttributes, error, ssrReliability));
       break;
   }
 };

package/dist/es2019/root/card/getCardPreview/index.js

@@ -165,6 +165,7 @@ export const isSSRClientPreview = preview => {
   const ssrClientSources = ['ssr-client', 'cache-ssr-client'];
   return ssrClientSources.includes(preview.source);
 };
+export const isSSRDataPreview = preview => preview.source === 'ssr-data';
 export const fetchAndCacheRemotePreview = async (mediaClient, id, dimensions, params, mediaBlobUrlAttrs) => {
   const remotePreview = await getCardPreviewFromBackend(mediaClient, id, params);
   return extendAndCachePreview(id, dimensions, remotePreview, mediaBlobUrlAttrs);