@atlaskit/media-card 77.4.6 → 77.4.7

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/media-card
 
+## 77.4.7
+
+### Patch Changes
+
+- [#57119](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/57119) [`c64d6ef23ba4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/c64d6ef23ba4) - Replaces the return type of internal preview hook to include the attributes for the ssr script
+- Updated dependencies
+
 ## 77.4.6
 
 ### Patch Changes

package/dist/cjs/card/card.js

@@ -49,7 +49,7 @@ function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t =
 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); }; }
 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; } }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.6";
+var packageVersion = "77.4.7";
 var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -611,12 +611,9 @@ var CardBase = exports.CardBase = /*#__PURE__*/function (_Component) {
       var _this$state$cardPrevi = _this.state.cardPreview,
         _this$state$cardPrevi2 = _this$state$cardPrevi === void 0 ? {} : _this$state$cardPrevi,
         dataURI = _this$state$cardPrevi2.dataURI;
-      return (0, _mediaClient2.isFileIdentifier)(identifier) && ssr === 'server' && /*#__PURE__*/_react.default.createElement(_globalScope.StoreSSRDataScript, {
-        identifier: identifier,
-        dataURI: dataURI,
-        dimensions: _this.requestedDimensions,
-        error: ((_this$ssrReliability$ = _this.ssrReliability.server) === null || _this$ssrReliability$ === void 0 ? void 0 : _this$ssrReliability$.status) === 'fail' ? _this.ssrReliability.server : undefined
-      });
+      return (0, _mediaClient2.isFileIdentifier)(identifier) &&
+      // Print the SSR result to be used during hydration
+      ssr === 'server' && /*#__PURE__*/_react.default.createElement("script", (0, _globalScope.generateScriptProps)(identifier, dataURI, _this.requestedDimensions, ((_this$ssrReliability$ = _this.ssrReliability.server) === null || _this$ssrReliability$ === void 0 ? void 0 : _this$ssrReliability$.status) === 'fail' ? _this.ssrReliability.server : undefined));
     });
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onCardInViewport", function () {
       _this.setState({

package/dist/cjs/card/media-card-analytics-error-boundary.js

@@ -90,7 +90,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(_react.default.Component);
 (0, _defineProperty2.default)(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.6";
+var packageVersion = "77.4.7";
 var MediaCardAnalyticsErrorBoundary = (0, _mediaCommon.withMediaAnalyticsContext)({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/cjs/card/v2/cardV2.js

@@ -16,7 +16,7 @@ var _externalImageCard = require("./externalImageCard");
 var _fileCard = require("./fileCard");
 var _excluded = ["identifier"];
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.6";
+var packageVersion = "77.4.7";
 var CardV2Base = exports.CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);

package/dist/cjs/card/v2/fileCard.js

@@ -186,7 +186,7 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     ssrReliabilityRef = _useFilePreview.ssrReliabilityRef,
     onImageErrorBase = _useFilePreview.onImageError,
     onImageLoadBase = _useFilePreview.onImageLoad,
-    StoreSSRDataScript = _useFilePreview.StoreSSRDataScript;
+    getScriptProps = _useFilePreview.getScriptProps;
   var _useState15 = (0, _react.useState)(),
     _useState16 = (0, _slicedToArray2.default)(_useState15, 2),
     error = _useState16[0],
@@ -601,5 +601,5 @@ var FileCard = exports.FileCard = function FileCard(_ref) {
     },
     contextId: contextId,
     featureFlags: featureFlags
-  }), document.body) : null, ssr === 'server' && /*#__PURE__*/_react.default.createElement(StoreSSRDataScript, null));
+  }), document.body) : null, ssr === 'server' && /*#__PURE__*/_react.default.createElement("script", getScriptProps()));
 };

package/dist/cjs/card/v2/useFilePreview.js

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -10,11 +9,11 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _react = _interopRequireWildcard(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaUi = require("@atlaskit/media-ui");
+var _react = require("react");
 var _errors = require("../../errors");
 var _analytics = require("../../utils/analytics");
 var _dimensionComparer = require("../../utils/dimensionComparer");
@@ -24,8 +23,6 @@ var _usePrevious = require("../../utils/usePrevious");
 var _videoSnapshot = require("../../utils/videoSnapshot");
 var _getCardPreview = require("../getCardPreview");
 var _cache = _interopRequireDefault(require("../getCardPreview/cache"));
-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); }
-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; }
 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; }
 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; }
 var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
@@ -568,14 +565,10 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
   // RETURN
   //----------------------------------------------------------------//
 
-  var StoreSSRDataScriptComponent = function StoreSSRDataScriptComponent() {
+  // FOR SSR
+  var getScriptProps = function getScriptProps() {
     var _ssrReliabilityRef$cu;
-    return /*#__PURE__*/_react.default.createElement(_globalScope.StoreSSRDataScript, {
-      identifier: identifier,
-      dataURI: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
-      dimensions: requestedDimensions,
-      error: ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined
-    });
+    return (0, _globalScope.generateScriptProps)(identifier, cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI, requestedDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined);
   };
 
   // CXP-2723 TODO: should consider simplifying our analytics, and how
@@ -587,6 +580,6 @@ var useFilePreview = exports.useFilePreview = function useFilePreview(_ref) {
     ssrReliabilityRef: ssrReliabilityRef,
     onImageError: onImageError,
     onImageLoad: onImageLoad,
-    StoreSSRDataScript: StoreSSRDataScriptComponent
+    getScriptProps: getScriptProps
   };
 };

package/dist/cjs/inline/loader.js

@@ -119,7 +119,7 @@ var MediaInlineCardLoader = exports.default = /*#__PURE__*/function (_React$Pure
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.4.6",
+        packageName: "77.4.7",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

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

@@ -1,14 +1,12 @@
 "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.getKey = exports.generateScriptProps = 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.
@@ -59,14 +57,10 @@ var generateScript = function generateScript(identifier, dataURI, dimensions, er
   var functionCall = (0, _printScript.printFunctionCall)(storeDataURI, getKey(identifier), dataURI, dimensions, error);
   return (0, _printScript.printScript)([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
 };
-var StoreSSRDataScript = exports.StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
-  var dataURI = _ref2.dataURI,
-    identifier = _ref2.identifier,
-    dimensions = _ref2.dimensions,
-    error = _ref2.error;
-  return /*#__PURE__*/_react.default.createElement("script", {
+var generateScriptProps = exports.generateScriptProps = function generateScriptProps(identifier, dataURI, dimensions, error) {
+  return {
     dangerouslySetInnerHTML: {
       __html: generateScript(identifier, dataURI, dimensions, error)
     }
-  });
+  };
 };

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

@@ -15,10 +15,10 @@ Object.defineProperty(exports, "GLOBAL_MEDIA_NAMESPACE", {
     return _globalScope.GLOBAL_MEDIA_NAMESPACE;
   }
 });
-Object.defineProperty(exports, "StoreSSRDataScript", {
+Object.defineProperty(exports, "generateScriptProps", {
   enumerable: true,
   get: function get() {
-    return _globalScope.StoreSSRDataScript;
+    return _globalScope.generateScriptProps;
   }
 });
 Object.defineProperty(exports, "getKey", {

package/dist/cjs/utils/ufoExperiences.js

@@ -14,7 +14,7 @@ var _mediaClient = require("@atlaskit/media-client");
 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; }
 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; }
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.6";
+var packageVersion = "77.4.7";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/es2019/card/card.js

@@ -20,14 +20,14 @@ import { getFileAttributes, extractErrorInfo } from '../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../errors';
 import { fireOperationalEvent, fireCommencedEvent, fireCopiedEvent, fireScreenEvent, fireNonCriticalErrorEvent } from './cardAnalytics';
 import getDocument from '../utils/document';
-import { StoreSSRDataScript, getSSRData } from '../utils/globalScope';
+import { generateScriptProps, getSSRData } from '../utils/globalScope';
 import { getCardStateFromFileState, createStateUpdater } from './cardState';
 import { isBigger } from '../utils/dimensionComparer';
 import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.4.6";
+const packageVersion = "77.4.7";
 export class CardBase extends Component {
   constructor(props) {
     super(props);
@@ -573,12 +573,9 @@ export class CardBase extends Component {
           dataURI
         } = {}
       } = this.state;
-      return isFileIdentifier(identifier) && ssr === 'server' && /*#__PURE__*/React.createElement(StoreSSRDataScript, {
-        identifier: identifier,
-        dataURI: dataURI,
-        dimensions: this.requestedDimensions,
-        error: ((_this$ssrReliability$ = this.ssrReliability.server) === null || _this$ssrReliability$ === void 0 ? void 0 : _this$ssrReliability$.status) === 'fail' ? this.ssrReliability.server : undefined
-      });
+      return isFileIdentifier(identifier) &&
+      // Print the SSR result to be used during hydration
+      ssr === 'server' && /*#__PURE__*/React.createElement("script", generateScriptProps(identifier, dataURI, this.requestedDimensions, ((_this$ssrReliability$ = this.ssrReliability.server) === null || _this$ssrReliability$ === void 0 ? void 0 : _this$ssrReliability$.status) === 'fail' ? this.ssrReliability.server : undefined));
     });
     _defineProperty(this, "onCardInViewport", () => {
       this.setState({

package/dist/es2019/card/media-card-analytics-error-boundary.js

@@ -66,7 +66,7 @@ class WrappedMediaCardAnalyticsErrorBoundary extends React.Component {
 }
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.4.6";
+const packageVersion = "77.4.7";
 const MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion,
   packageName,

package/dist/es2019/card/v2/cardV2.js

@@ -7,7 +7,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.4.6";
+const packageVersion = "77.4.7";
 export const CardV2Base = ({
   identifier,
   ...otherProps

package/dist/es2019/card/v2/fileCard.js

@@ -1,5 +1,5 @@
 import DownloadIcon from '@atlaskit/icon/glyph/download';
-import { RECENTS_COLLECTION, globalMediaEventEmitter, isImageRepresentationReady } from '@atlaskit/media-client';
+import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION } from '@atlaskit/media-client';
 import { MediaFileStateError, useFileState } from '@atlaskit/media-client-react';
 import { getRandomHex, isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
@@ -131,7 +131,7 @@ export const FileCard = ({
     ssrReliabilityRef,
     onImageError: onImageErrorBase,
     onImageLoad: onImageLoadBase,
-    StoreSSRDataScript
+    getScriptProps
   } = useFilePreview({
     mediaBlobUrlAttrs,
     resizeMode,
@@ -551,5 +551,5 @@ export const FileCard = ({
     },
     contextId: contextId,
     featureFlags: featureFlags
-  }), document.body) : null, ssr === 'server' && /*#__PURE__*/React.createElement(StoreSSRDataScript, null));
+  }), document.body) : null, ssr === 'server' && /*#__PURE__*/React.createElement("script", getScriptProps()));
 };

package/dist/es2019/card/v2/useFilePreview.js

@@ -1,19 +1,17 @@
-import React from 'react';
 import { addFileAttrsToUrl, imageResizeModeToFileImageMode, isImageRepresentationReady } from '@atlaskit/media-client';
 import { MediaFileStateError, useFileState } from '@atlaskit/media-client-react';
 import { getMediaTypeFromMimeType, isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { getOrientation } from '@atlaskit/media-ui';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { ImageLoadError, LocalPreviewError, MediaCardError, ensureMediaCardError, isLocalPreviewError, isUnsupportedLocalPreviewError } from '../../errors';
+import { ensureMediaCardError, ImageLoadError, isLocalPreviewError, isUnsupportedLocalPreviewError, LocalPreviewError, MediaCardError } from '../../errors';
 import { extractErrorInfo } from '../../utils/analytics';
 import { isBigger } from '../../utils/dimensionComparer';
-import { getSSRData } from '../../utils/globalScope';
+import { generateScriptProps, getSSRData } from '../../utils/globalScope';
 import { useCurrentValueRef } from '../../utils/useCurrentValueRef';
 import { usePrevious } from '../../utils/usePrevious';
 import { takeSnapshot } from '../../utils/videoSnapshot';
 import { fetchAndCacheRemotePreview, getCardPreviewFromCache, getSSRCardPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, removeCardPreviewFromCache, shouldResolvePreview } from '../getCardPreview';
 import cardPreviewCache from '../getCardPreview/cache';
-import { StoreSSRDataScript } from '../../utils/globalScope';
 export const useFilePreview = ({
   resizeMode = 'crop',
   identifier,
@@ -475,14 +473,10 @@ export const useFilePreview = ({
   // RETURN
   //----------------------------------------------------------------//
 
-  const StoreSSRDataScriptComponent = () => {
+  // FOR SSR
+  const getScriptProps = () => {
     var _ssrReliabilityRef$cu;
-    return /*#__PURE__*/React.createElement(StoreSSRDataScript, {
-      identifier: identifier,
-      dataURI: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
-      dimensions: requestedDimensions,
-      error: ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined
-    });
+    return generateScriptProps(identifier, cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI, requestedDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined);
   };
 
   // CXP-2723 TODO: should consider simplifying our analytics, and how
@@ -494,6 +488,6 @@ export const useFilePreview = ({
     ssrReliabilityRef,
     onImageError,
     onImageLoad,
-    StoreSSRDataScript: StoreSSRDataScriptComponent
+    getScriptProps
   };
 };

package/dist/es2019/inline/loader.js

@@ -37,7 +37,7 @@ export default class MediaInlineCardLoader extends React.PureComponent {
     } = this.state;
     const analyticsContext = {
       packageVersion: "@atlaskit/media-card",
-      packageName: "77.4.6",
+      packageName: "77.4.7",
       componentName: 'mediaInlineCard',
       component: 'mediaInlineCard'
     };

package/dist/es2019/utils/globalScope/globalScope.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { printFunctionCall, printScript } from '../printScript';
 // ----- WARNING -----
 // This is a very sensitive fraction of code.
@@ -42,12 +41,7 @@ const generateScript = (identifier, dataURI, dimensions, error) => {
   const functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, dimensions, error);
   return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
 };
-export const StoreSSRDataScript = ({
-  dataURI,
-  identifier,
-  dimensions,
-  error
-}) => /*#__PURE__*/React.createElement("script", {
+export const generateScriptProps = (identifier, dataURI, dimensions, error) => ({
   dangerouslySetInnerHTML: {
     __html: generateScript(identifier, dataURI, dimensions, error)
   }

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

@@ -1,2 +1,2 @@
-export { StoreSSRDataScript, GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, getKey } from './globalScope';
+export { GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, generateScriptProps, getKey } from './globalScope';
 export { getSSRData } from './getSSRData';

package/dist/es2019/utils/ufoExperiences.js

@@ -4,7 +4,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 const packageName = "@atlaskit/media-card";
-const packageVersion = "77.4.6";
+const packageVersion = "77.4.7";
 let concurrentExperience;
 const getExperience = id => {
   if (!concurrentExperience) {

package/dist/esm/card/card.js

@@ -33,14 +33,14 @@ import { getFileAttributes, extractErrorInfo } from '../utils/analytics';
 import { isLocalPreviewError, MediaCardError, ensureMediaCardError, ImageLoadError } from '../errors';
 import { fireOperationalEvent as _fireOperationalEvent, fireCommencedEvent as _fireCommencedEvent, fireCopiedEvent, fireScreenEvent, fireNonCriticalErrorEvent } from './cardAnalytics';
 import getDocument from '../utils/document';
-import { StoreSSRDataScript, getSSRData } from '../utils/globalScope';
+import { generateScriptProps, getSSRData } from '../utils/globalScope';
 import { getCardStateFromFileState, createStateUpdater } from './cardState';
 import { isBigger } from '../utils/dimensionComparer';
 import { getMediaCardCursor } from '../utils/getMediaCardCursor';
 import { completeUfoExperience, startUfoExperience, abortUfoExperience } from '../utils/ufoExperiences';
 import { generateUniqueId } from '../utils/generateUniqueId';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.6";
+var packageVersion = "77.4.7";
 export var CardBase = /*#__PURE__*/function (_Component) {
   _inherits(CardBase, _Component);
   var _super = _createSuper(CardBase);
@@ -602,12 +602,9 @@ export var CardBase = /*#__PURE__*/function (_Component) {
       var _this$state$cardPrevi = _this.state.cardPreview,
         _this$state$cardPrevi2 = _this$state$cardPrevi === void 0 ? {} : _this$state$cardPrevi,
         dataURI = _this$state$cardPrevi2.dataURI;
-      return isFileIdentifier(identifier) && ssr === 'server' && /*#__PURE__*/React.createElement(StoreSSRDataScript, {
-        identifier: identifier,
-        dataURI: dataURI,
-        dimensions: _this.requestedDimensions,
-        error: ((_this$ssrReliability$ = _this.ssrReliability.server) === null || _this$ssrReliability$ === void 0 ? void 0 : _this$ssrReliability$.status) === 'fail' ? _this.ssrReliability.server : undefined
-      });
+      return isFileIdentifier(identifier) &&
+      // Print the SSR result to be used during hydration
+      ssr === 'server' && /*#__PURE__*/React.createElement("script", generateScriptProps(identifier, dataURI, _this.requestedDimensions, ((_this$ssrReliability$ = _this.ssrReliability.server) === null || _this$ssrReliability$ === void 0 ? void 0 : _this$ssrReliability$.status) === 'fail' ? _this.ssrReliability.server : undefined));
     });
     _defineProperty(_assertThisInitialized(_this), "onCardInViewport", function () {
       _this.setState({

package/dist/esm/card/media-card-analytics-error-boundary.js

@@ -83,7 +83,7 @@ var WrappedMediaCardAnalyticsErrorBoundary = /*#__PURE__*/function (_React$Compo
 }(React.Component);
 _defineProperty(WrappedMediaCardAnalyticsErrorBoundary, "displayName", 'MediaCardAnalyticsErrorBoundary');
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.6";
+var packageVersion = "77.4.7";
 var MediaCardAnalyticsErrorBoundary = withMediaAnalyticsContext({
   packageVersion: packageVersion,
   packageName: packageName,

package/dist/esm/card/v2/cardV2.js

@@ -9,7 +9,7 @@ import { IntlProvider, injectIntl } from 'react-intl-next';
 import { ExternalImageCard } from './externalImageCard';
 import { FileCard } from './fileCard';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.6";
+var packageVersion = "77.4.7";
 export var CardV2Base = function CardV2Base(_ref) {
   var identifier = _ref.identifier,
     otherProps = _objectWithoutProperties(_ref, _excluded);

package/dist/esm/card/v2/fileCard.js

@@ -4,7 +4,7 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 import DownloadIcon from '@atlaskit/icon/glyph/download';
-import { RECENTS_COLLECTION, globalMediaEventEmitter, isImageRepresentationReady } from '@atlaskit/media-client';
+import { globalMediaEventEmitter, isImageRepresentationReady, RECENTS_COLLECTION } from '@atlaskit/media-client';
 import { MediaFileStateError, useFileState } from '@atlaskit/media-client-react';
 import { getRandomHex, isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { MediaViewer } from '@atlaskit/media-viewer';
@@ -176,7 +176,7 @@ export var FileCard = function FileCard(_ref) {
     ssrReliabilityRef = _useFilePreview.ssrReliabilityRef,
     onImageErrorBase = _useFilePreview.onImageError,
     onImageLoadBase = _useFilePreview.onImageLoad,
-    StoreSSRDataScript = _useFilePreview.StoreSSRDataScript;
+    getScriptProps = _useFilePreview.getScriptProps;
   var _useState15 = useState(),
     _useState16 = _slicedToArray(_useState15, 2),
     error = _useState16[0],
@@ -591,5 +591,5 @@ export var FileCard = function FileCard(_ref) {
     },
     contextId: contextId,
     featureFlags: featureFlags
-  }), document.body) : null, ssr === 'server' && /*#__PURE__*/React.createElement(StoreSSRDataScript, null));
+  }), document.body) : null, ssr === 'server' && /*#__PURE__*/React.createElement("script", getScriptProps()));
 };

package/dist/esm/card/v2/useFilePreview.js

@@ -4,22 +4,20 @@ import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 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; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-import React from 'react';
 import { addFileAttrsToUrl, imageResizeModeToFileImageMode, isImageRepresentationReady } from '@atlaskit/media-client';
 import { MediaFileStateError, useFileState } from '@atlaskit/media-client-react';
 import { getMediaTypeFromMimeType, isMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { getOrientation } from '@atlaskit/media-ui';
 import { useEffect, useMemo, useRef, useState } from 'react';
-import { ImageLoadError, LocalPreviewError, MediaCardError, ensureMediaCardError, isLocalPreviewError, isUnsupportedLocalPreviewError } from '../../errors';
+import { ensureMediaCardError, ImageLoadError, isLocalPreviewError, isUnsupportedLocalPreviewError, LocalPreviewError, MediaCardError } from '../../errors';
 import { extractErrorInfo } from '../../utils/analytics';
 import { isBigger } from '../../utils/dimensionComparer';
-import { getSSRData } from '../../utils/globalScope';
+import { generateScriptProps, getSSRData } from '../../utils/globalScope';
 import { useCurrentValueRef } from '../../utils/useCurrentValueRef';
 import { usePrevious } from '../../utils/usePrevious';
 import { takeSnapshot } from '../../utils/videoSnapshot';
 import { fetchAndCacheRemotePreview, getCardPreviewFromCache, getSSRCardPreview, isLocalPreview, isSSRClientPreview, isSSRDataPreview, removeCardPreviewFromCache, shouldResolvePreview } from '../getCardPreview';
 import cardPreviewCache from '../getCardPreview/cache';
-import { StoreSSRDataScript } from '../../utils/globalScope';
 export var useFilePreview = function useFilePreview(_ref) {
   var _ref$resizeMode = _ref.resizeMode,
     resizeMode = _ref$resizeMode === void 0 ? 'crop' : _ref$resizeMode,
@@ -560,14 +558,10 @@ export var useFilePreview = function useFilePreview(_ref) {
   // RETURN
   //----------------------------------------------------------------//
 
-  var StoreSSRDataScriptComponent = function StoreSSRDataScriptComponent() {
+  // FOR SSR
+  var getScriptProps = function getScriptProps() {
     var _ssrReliabilityRef$cu;
-    return /*#__PURE__*/React.createElement(StoreSSRDataScript, {
-      identifier: identifier,
-      dataURI: cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI,
-      dimensions: requestedDimensions,
-      error: ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined
-    });
+    return generateScriptProps(identifier, cardPreview === null || cardPreview === void 0 ? void 0 : cardPreview.dataURI, requestedDimensions, ((_ssrReliabilityRef$cu = ssrReliabilityRef.current.server) === null || _ssrReliabilityRef$cu === void 0 ? void 0 : _ssrReliabilityRef$cu.status) === 'fail' ? ssrReliabilityRef.current.server : undefined);
   };
 
   // CXP-2723 TODO: should consider simplifying our analytics, and how
@@ -579,6 +573,6 @@ export var useFilePreview = function useFilePreview(_ref) {
     ssrReliabilityRef: ssrReliabilityRef,
     onImageError: onImageError,
     onImageLoad: onImageLoad,
-    StoreSSRDataScript: StoreSSRDataScriptComponent
+    getScriptProps: getScriptProps
   };
 };

package/dist/esm/inline/loader.js

@@ -103,7 +103,7 @@ var MediaInlineCardLoader = /*#__PURE__*/function (_React$PureComponent) {
         ErrorBoundary = _this$state.ErrorBoundary;
       var analyticsContext = {
         packageVersion: "@atlaskit/media-card",
-        packageName: "77.4.6",
+        packageName: "77.4.7",
         componentName: 'mediaInlineCard',
         component: 'mediaInlineCard'
       };

package/dist/esm/utils/globalScope/globalScope.js

@@ -1,4 +1,3 @@
-import React from 'react';
 import { printFunctionCall, printScript } from '../printScript';
 // ----- WARNING -----
 // This is a very sensitive fraction of code.
@@ -48,14 +47,10 @@ var generateScript = function generateScript(identifier, dataURI, dimensions, er
   var functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, dimensions, error);
   return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
 };
-export var StoreSSRDataScript = function StoreSSRDataScript(_ref2) {
-  var dataURI = _ref2.dataURI,
-    identifier = _ref2.identifier,
-    dimensions = _ref2.dimensions,
-    error = _ref2.error;
-  return /*#__PURE__*/React.createElement("script", {
+export var generateScriptProps = function generateScriptProps(identifier, dataURI, dimensions, error) {
+  return {
     dangerouslySetInnerHTML: {
       __html: generateScript(identifier, dataURI, dimensions, error)
     }
-  });
+  };
 };

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

@@ -1,2 +1,2 @@
-export { StoreSSRDataScript, GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, getKey } from './globalScope';
+export { GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, generateScriptProps, getKey } from './globalScope';
 export { getSSRData } from './getSSRData';

package/dist/esm/utils/ufoExperiences.js

@@ -7,7 +7,7 @@ import { extractErrorInfo, getRenderErrorRequestMetadata } from './analytics';
 import { MediaCardError } from '../errors';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 var packageName = "@atlaskit/media-card";
-var packageVersion = "77.4.6";
+var packageVersion = "77.4.7";
 var concurrentExperience;
 var getExperience = function getExperience(id) {
   if (!concurrentExperience) {

package/dist/types/card/v2/useFilePreview.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import { FileIdentifier, MediaClient, ImageResizeMode, MediaBlobUrlAttrs } from '@atlaskit/media-client';
-import { MediaTraceContext, SSR } from '@atlaskit/media-common';
+/// <reference types="react" />
+import { FileIdentifier, ImageResizeMode, MediaBlobUrlAttrs, MediaClient } from '@atlaskit/media-client';
+import { MediaTraceContext, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
 import { MediaCardError } from '../../errors';
 import { CardDimensions, CardPreview } from '../../types';
 import { SSRStatus } from '../../utils/analytics';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
 export interface UseFilePreviewParams {
     /** Instance of file identifier. */
     readonly identifier: FileIdentifier;
@@ -31,8 +30,8 @@ export declare const useFilePreview: ({ resizeMode, identifier, ssr, mediaClient
     cardPreview: CardPreview | undefined;
     error: MediaCardError | undefined;
     nonCriticalError: MediaCardError | undefined;
-    ssrReliabilityRef: React.MutableRefObject<SSRStatus>;
+    ssrReliabilityRef: import("react").MutableRefObject<SSRStatus>;
     onImageError: (newCardPreview?: CardPreview) => void;
     onImageLoad: (newCardPreview?: CardPreview) => void;
-    StoreSSRDataScript: () => JSX.Element;
+    getScriptProps: () => import("react").ScriptHTMLAttributes<HTMLScriptElement>;
 };

package/dist/types/utils/globalScope/globalScope.d.ts

@@ -12,10 +12,4 @@ export declare function getMediaGlobalScope(globalScope?: any): MediaGlobalScope
 export declare function getMediaCardSSR(globalScope?: any): MediaCardSsr;
 export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier) => string;
 export declare const storeDataURI: (key: string, dataURI?: string, dimensions?: NumericalCardDimensions, error?: MediaCardErrorInfo, globalScope?: any) => void;
-export type StoreSSRDataScriptProps = {
-    identifier: FileIdentifier;
-    dataURI?: string;
-    dimensions?: NumericalCardDimensions;
-    error?: MediaCardErrorInfo;
-};
-export declare const StoreSSRDataScript: React.FC<StoreSSRDataScriptProps>;
+export declare const generateScriptProps: (identifier: FileIdentifier, dataURI?: string, dimensions?: NumericalCardDimensions, error?: MediaCardErrorInfo) => React.ScriptHTMLAttributes<HTMLScriptElement>;

package/dist/types/utils/globalScope/index.d.ts

@@ -1,4 +1,4 @@
-export { StoreSSRDataScript, GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, getKey, } from './globalScope';
+export { GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, generateScriptProps, getKey, } from './globalScope';
 export { getSSRData } from './getSSRData';
 export type { MediaCardSsrData, MediaCardSsr } from './types';
 export type { MediaGlobalScope } from './globalScope';

package/dist/types-ts4.5/card/v2/useFilePreview.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-import { FileIdentifier, MediaClient, ImageResizeMode, MediaBlobUrlAttrs } from '@atlaskit/media-client';
-import { MediaTraceContext, SSR } from '@atlaskit/media-common';
+/// <reference types="react" />
+import { FileIdentifier, ImageResizeMode, MediaBlobUrlAttrs, MediaClient } from '@atlaskit/media-client';
+import { MediaTraceContext, NumericalCardDimensions, SSR } from '@atlaskit/media-common';
 import { MediaCardError } from '../../errors';
 import { CardDimensions, CardPreview } from '../../types';
 import { SSRStatus } from '../../utils/analytics';
-import { NumericalCardDimensions } from '@atlaskit/media-common';
 export interface UseFilePreviewParams {
     /** Instance of file identifier. */
     readonly identifier: FileIdentifier;
@@ -31,8 +30,8 @@ export declare const useFilePreview: ({ resizeMode, identifier, ssr, mediaClient
     cardPreview: CardPreview | undefined;
     error: MediaCardError | undefined;
     nonCriticalError: MediaCardError | undefined;
-    ssrReliabilityRef: React.MutableRefObject<SSRStatus>;
+    ssrReliabilityRef: import("react").MutableRefObject<SSRStatus>;
     onImageError: (newCardPreview?: CardPreview) => void;
     onImageLoad: (newCardPreview?: CardPreview) => void;
-    StoreSSRDataScript: () => JSX.Element;
+    getScriptProps: () => import("react").ScriptHTMLAttributes<HTMLScriptElement>;
 };

package/dist/types-ts4.5/utils/globalScope/globalScope.d.ts

@@ -12,10 +12,4 @@ export declare function getMediaGlobalScope(globalScope?: any): MediaGlobalScope
 export declare function getMediaCardSSR(globalScope?: any): MediaCardSsr;
 export declare const getKey: ({ id, collectionName, occurrenceKey }: FileIdentifier) => string;
 export declare const storeDataURI: (key: string, dataURI?: string, dimensions?: NumericalCardDimensions, error?: MediaCardErrorInfo, globalScope?: any) => void;
-export type StoreSSRDataScriptProps = {
-    identifier: FileIdentifier;
-    dataURI?: string;
-    dimensions?: NumericalCardDimensions;
-    error?: MediaCardErrorInfo;
-};
-export declare const StoreSSRDataScript: React.FC<StoreSSRDataScriptProps>;
+export declare const generateScriptProps: (identifier: FileIdentifier, dataURI?: string, dimensions?: NumericalCardDimensions, error?: MediaCardErrorInfo) => React.ScriptHTMLAttributes<HTMLScriptElement>;

package/dist/types-ts4.5/utils/globalScope/index.d.ts

@@ -1,4 +1,4 @@
-export { StoreSSRDataScript, GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, getKey, } from './globalScope';
+export { GLOBAL_MEDIA_NAMESPACE, GLOBAL_MEDIA_CARD_SSR, generateScriptProps, getKey, } from './globalScope';
 export { getSSRData } from './getSSRData';
 export type { MediaCardSsrData, MediaCardSsr } from './types';
 export type { MediaGlobalScope } from './globalScope';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/media-card",
-  "version": "77.4.6",
+  "version": "77.4.7",
   "description": "Includes all media card related components, CardView, CardViewSmall, Card...",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -41,7 +41,7 @@
     "@atlaskit/editor-shared-styles": "^2.8.0",
     "@atlaskit/icon": "^22.0.0",
     "@atlaskit/media-client": "^25.1.0",
-    "@atlaskit/media-client-react": "^1.4.0",
+    "@atlaskit/media-client-react": "^2.0.0",
     "@atlaskit/media-common": "^11.0.0",
     "@atlaskit/media-ui": "^25.0.0",
     "@atlaskit/media-viewer": "^48.2.0",
@@ -70,6 +70,7 @@
     "@atlaskit/media-core": "^34.1.0",
     "@atlaskit/media-picker": "^66.2.0",
     "@atlaskit/media-state": "^1.0.0",
+    "@atlaskit/media-test-data": "^1.0.0",
     "@atlaskit/media-test-helpers": "^33.0.0",
     "@atlaskit/ssr": "*",
     "@atlaskit/visual-regression": "*",