@atlaskit/media-card 81.10.11 → 81.10.13

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

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMediaCardSSR = getMediaCardSSR;
+var _getMediaGlobalScope = require("./getMediaGlobalScope");
+function getMediaCardSSR() {
+  var globalScope = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : window;
+  var globalMedia = (0, _getMediaGlobalScope.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];
+}

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

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getMediaGlobalScope = getMediaGlobalScope;
+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];
+}

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

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

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

@@ -3,65 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.getKey = exports.generateScriptProps = exports.GLOBAL_MEDIA_PERFORMANCE_ENTRIES = exports.GLOBAL_MEDIA_NAMESPACE = exports.GLOBAL_MEDIA_CARD_SSR = void 0;
-exports.getMediaCardSSR = getMediaCardSSR;
-exports.getMediaGlobalScope = getMediaGlobalScope;
-exports.storeDataURI = void 0;
-var _printScript = require("../printScript");
+exports.GLOBAL_MEDIA_PERFORMANCE_ENTRIES = exports.GLOBAL_MEDIA_NAMESPACE = exports.GLOBAL_MEDIA_CARD_SSR = void 0;
 // ----- 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 = exports.GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
 var GLOBAL_MEDIA_NAMESPACE = exports.GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
-var GLOBAL_MEDIA_PERFORMANCE_ENTRIES = exports.GLOBAL_MEDIA_PERFORMANCE_ENTRIES = 'performanceEntries';
-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 = exports.getKey = function getKey(_ref) {
-  var id = _ref.id,
-    collectionName = _ref.collectionName,
-    occurrenceKey = _ref.occurrenceKey;
-  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
-};
-var storeDataURI = exports.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
-  };
-};
-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 generateScriptProps = exports.generateScriptProps = function generateScriptProps(identifier, dataURI, dimensions, error) {
-  return {
-    dangerouslySetInnerHTML: {
-      __html: generateScript(identifier, dataURI, dimensions, error)
-    }
-  };
-};
+var GLOBAL_MEDIA_PERFORMANCE_ENTRIES = exports.GLOBAL_MEDIA_PERFORMANCE_ENTRIES = 'performanceEntries';

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

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.storeDataURI = void 0;
+var _getMediaCardSSR = require("./getMediaCardSSR");
+var storeDataURI = exports.storeDataURI = function storeDataURI(key, dataURI, dimensions, error) {
+  var globalScope = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : window;
+  var mediaCardSsr = (0, _getMediaCardSSR.getMediaCardSSR)(globalScope);
+  mediaCardSsr[key] = {
+    dataURI: dataURI,
+    dimensions: dimensions,
+    error: error
+  };
+};

package/dist/cjs/utils/isBigger.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isBigger = void 0;
+var _canCompareDimension = require("./canCompareDimension");
+var isBigger = exports.isBigger = function isBigger(current, next) {
+  if (!!current && !!next && (0, _canCompareDimension.canCompareDimension)(current.width, next.width) && (0, _canCompareDimension.canCompareDimension)(current.height, next.height)) {
+    var nextIsHigher = parseInt("".concat(current.width), 10) < parseInt("".concat(next.width), 10);
+    var nextIsWider = parseInt("".concat(current.height), 10) < parseInt("".concat(next.height), 10);
+    return nextIsHigher || nextIsWider;
+  } else {
+    return false;
+  }
+};

package/dist/cjs/utils/mediaPerformanceObserver/CommonMetrics.js

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

package/dist/cjs/utils/mediaPerformanceObserver/Marks.js

@@ -0,0 +1 @@
+"use strict";

package/dist/cjs/utils/mediaPerformanceObserver/createMediaDurationMetrics.js

@@ -0,0 +1,78 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMediaDurationMetrics = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _getCommonMetrics = require("./getCommonMetrics");
+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 getStartedAt = function getStartedAt(entry, interactionStartTime) {
+  return entry.startTime - interactionStartTime;
+};
+var calculateCommonDurations = function calculateCommonDurations(metrics) {
+  return Object.fromEntries(Object.entries(metrics).map(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      key = _ref2[0],
+      marks = _ref2[1];
+    if (!marks) {
+      return [key, undefined];
+    }
+    var start = marks.start,
+      end = marks.end;
+    return [key, end - start];
+  }));
+};
+var createMediaDurationMetrics = exports.createMediaDurationMetrics = function createMediaDurationMetrics(entry, interactionStartTime) {
+  var _entry$serverTiming$f, _entry$serverTiming$f2;
+  return _objectSpread(_objectSpread({
+    startedAt: getStartedAt(entry, interactionStartTime),
+    /**
+     * Performance resource timing data regarding the loading of an
+     * application's resources as described in
+     * https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming
+     */
+    transferSize: entry.transferSize,
+    decodedBodySize: entry.decodedBodySize,
+    totalDuration: entry.duration,
+    initiatorType: entry.initiatorType,
+    // value can be 'fetch' or 'img'
+    endedAt: entry.responseEnd - interactionStartTime,
+    responseEnd: entry.responseEnd,
+    browserCacheHit: entry.transferSize === 0,
+    nextHopProtocol: entry.nextHopProtocol
+  }, calculateCommonDurations((0, _getCommonMetrics.getCommonMetrics)(entry))), {}, {
+    /**
+     * The user agent string for the current browser
+     * Read more: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent
+     */
+    userAgent: window.navigator.userAgent,
+    /**
+     * Performance resource timing data sent by the server. This includes:
+     *
+     * `cdnCacheHit` is a boolean determining whether the CDN cache was hit or missed.
+     *
+     * `cdnDownstreamFBL` is the 'CDN Downstream First Byte Latency'. It represents
+     * how long the it took the CDN to respond to the frontend.
+     *
+     * `cdnUpstreamFBL` is the 'CDN Upstream First Byte Latency'. It represents the
+     * time the Media backend took to respond to the CDN, in the case that the CDN
+     * cache was a miss. Notably, this timing is a subset of the `cdnDownstreamFBL` timing.
+     */
+    cdnCacheHit: entry.serverTiming.find(function (_ref3) {
+      var name = _ref3.name;
+      return name === 'cdn-cache-hit';
+    }) ? true : false,
+    cdnDownstreamFBL: (_entry$serverTiming$f = entry.serverTiming.find(function (_ref4) {
+      var name = _ref4.name;
+      return name === 'cdn-downstream-fbl';
+    })) === null || _entry$serverTiming$f === void 0 ? void 0 : _entry$serverTiming$f.duration,
+    cdnUpstreamFBL: (_entry$serverTiming$f2 = entry.serverTiming.find(function (_ref5) {
+      var name = _ref5.name;
+      return name === 'cdn-upstream-fbl';
+    })) === null || _entry$serverTiming$f2 === void 0 ? void 0 : _entry$serverTiming$f2.duration
+  });
+};

package/dist/cjs/utils/mediaPerformanceObserver/createUfoDurationMetrics.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createUfoDurationMetrics = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _getCommonMetrics = require("./getCommonMetrics");
+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 filterCommonMetrics = function filterCommonMetrics(metrics) {
+  return Object.fromEntries(Object.entries(metrics).filter(function (_ref) {
+    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
+      marks = _ref2[1];
+    return !!marks;
+  }));
+};
+var createUfoDurationMetrics = exports.createUfoDurationMetrics = function createUfoDurationMetrics(entry, interactionStartTime) {
+  // Calculate timing relative to UFO interaction start time
+  // For page_load: interactionStartTime = 0 (relative to page navigation)
+  // For transitions: interactionStartTime = performance.now() when transition started
+  // This ensures metrics work correctly for both initial loads and SPA soft redirects
+  var relativeStartTime = entry.startTime - interactionStartTime;
+  return _objectSpread({
+    resourceTiming: {
+      start: relativeStartTime,
+      end: entry.responseEnd,
+      size: entry.transferSize
+    }
+  }, filterCommonMetrics((0, _getCommonMetrics.getCommonMetrics)(entry)));
+};

package/dist/cjs/utils/mediaPerformanceObserver/durationMetrics.js

@@ -1,158 +1,5 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
-});
-exports.createUfoDurationMetrics = exports.createMediaDurationMetrics = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _slicedToArray2 = _interopRequireDefault(require("@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) { (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 getStartedAt = function getStartedAt(entry, interactionStartTime) {
-  return entry.startTime - interactionStartTime;
-};
-var getCommonMetrics = function getCommonMetrics(entry) {
-  return {
-    tcpHandshakeTime: {
-      end: entry.connectEnd,
-      start: entry.connectStart
-    },
-    dnsLookupTime: {
-      end: entry.domainLookupEnd,
-      start: entry.domainLookupStart
-    },
-    redirectTimeTaken: {
-      end: entry.redirectEnd,
-      start: entry.redirectStart
-    },
-    tlsConnectNegotiationTime: {
-      end: entry.requestStart,
-      start: entry.secureConnectionStart
-    },
-    timeTakenToFetchWithoutRedirect: {
-      end: entry.responseEnd,
-      start: entry.fetchStart
-    },
-    /**
-     * `interimRequestTime` represents the entire time the browser took to
-     * request the resource from the server. This includes the interim response time
-     * (for example, 100 Continue or 103 Early Hints).
-     *
-     * i.e. It is the time taken for the request to be sent
-     * + the waiting time for the server to send a response
-     *
-     * Please, note that this value
-     * is distinctly different from the aforementioned document.
-     */
-    interimRequestTime: {
-      end: entry.responseStart,
-      start: entry.requestStart
-    },
-    /**
-     * `requestInvocationTime` represents the actual time the browser took to request
-     * the resource from the server (i.e. it does not include the interim reponse
-     * time).
-     * NOTE: it relies on an experimental feature (`firstInterimResponseStart`) that is
-     * available in Chrome, but not in FireFox or Safari. This value will be undefined
-     * when `firstInterimResponseStart` is unavailable.
-     */
-    requestInvocationTime: entry.firstInterimResponseStart ? {
-      end: entry.firstInterimResponseStart,
-      start: entry.requestStart
-    } : undefined,
-    /**
-     * `contentDownloadTime` represents the time taken for the browser to receive
-     * the resource from the server. This may be cut short if the transport
-     * connection is closed.
-     */
-    contentDownloadTime: {
-      end: entry.responseEnd,
-      start: entry.responseStart
-    }
-  };
-};
-var calculateCommonDurations = function calculateCommonDurations(metrics) {
-  return Object.fromEntries(Object.entries(metrics).map(function (_ref) {
-    var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-      key = _ref2[0],
-      marks = _ref2[1];
-    if (!marks) {
-      return [key, undefined];
-    }
-    var start = marks.start,
-      end = marks.end;
-    return [key, end - start];
-  }));
-};
-var createMediaDurationMetrics = exports.createMediaDurationMetrics = function createMediaDurationMetrics(entry, interactionStartTime) {
-  var _entry$serverTiming$f, _entry$serverTiming$f2;
-  return _objectSpread(_objectSpread({
-    startedAt: getStartedAt(entry, interactionStartTime),
-    /**
-     * Performance resource timing data regarding the loading of an
-     * application's resources as described in
-     * https://developer.mozilla.org/en-US/docs/Web/API/PerformanceResourceTiming
-     */
-    transferSize: entry.transferSize,
-    decodedBodySize: entry.decodedBodySize,
-    totalDuration: entry.duration,
-    initiatorType: entry.initiatorType,
-    // value can be 'fetch' or 'img'
-    endedAt: entry.responseEnd - interactionStartTime,
-    responseEnd: entry.responseEnd,
-    browserCacheHit: entry.transferSize === 0,
-    nextHopProtocol: entry.nextHopProtocol
-  }, calculateCommonDurations(getCommonMetrics(entry))), {}, {
-    /**
-     * The user agent string for the current browser
-     * Read more: https://developer.mozilla.org/en-US/docs/Web/API/Navigator/userAgent
-     */
-    userAgent: window.navigator.userAgent,
-    /**
-     * Performance resource timing data sent by the server. This includes:
-     *
-     * `cdnCacheHit` is a boolean determining whether the CDN cache was hit or missed.
-     *
-     * `cdnDownstreamFBL` is the 'CDN Downstream First Byte Latency'. It represents
-     * how long the it took the CDN to respond to the frontend.
-     *
-     * `cdnUpstreamFBL` is the 'CDN Upstream First Byte Latency'. It represents the
-     * time the Media backend took to respond to the CDN, in the case that the CDN
-     * cache was a miss. Notably, this timing is a subset of the `cdnDownstreamFBL` timing.
-     */
-    cdnCacheHit: entry.serverTiming.find(function (_ref3) {
-      var name = _ref3.name;
-      return name === 'cdn-cache-hit';
-    }) ? true : false,
-    cdnDownstreamFBL: (_entry$serverTiming$f = entry.serverTiming.find(function (_ref4) {
-      var name = _ref4.name;
-      return name === 'cdn-downstream-fbl';
-    })) === null || _entry$serverTiming$f === void 0 ? void 0 : _entry$serverTiming$f.duration,
-    cdnUpstreamFBL: (_entry$serverTiming$f2 = entry.serverTiming.find(function (_ref5) {
-      var name = _ref5.name;
-      return name === 'cdn-upstream-fbl';
-    })) === null || _entry$serverTiming$f2 === void 0 ? void 0 : _entry$serverTiming$f2.duration
-  });
-};
-var filterCommonMetrics = function filterCommonMetrics(metrics) {
-  return Object.fromEntries(Object.entries(metrics).filter(function (_ref6) {
-    var _ref7 = (0, _slicedToArray2.default)(_ref6, 2),
-      marks = _ref7[1];
-    return !!marks;
-  }));
-};
-var createUfoDurationMetrics = exports.createUfoDurationMetrics = function createUfoDurationMetrics(entry, interactionStartTime) {
-  // Calculate timing relative to UFO interaction start time
-  // For page_load: interactionStartTime = 0 (relative to page navigation)
-  // For transitions: interactionStartTime = performance.now() when transition started
-  // This ensures metrics work correctly for both initial loads and SPA soft redirects
-  var relativeStartTime = entry.startTime - interactionStartTime;
-  return _objectSpread({
-    resourceTiming: {
-      start: relativeStartTime,
-      end: entry.responseEnd,
-      size: entry.transferSize
-    }
-  }, filterCommonMetrics(getCommonMetrics(entry)));
-};
+});

package/dist/cjs/utils/mediaPerformanceObserver/getCommonMetrics.js

@@ -0,0 +1,66 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getCommonMetrics = void 0;
+var getCommonMetrics = exports.getCommonMetrics = function getCommonMetrics(entry) {
+  return {
+    tcpHandshakeTime: {
+      end: entry.connectEnd,
+      start: entry.connectStart
+    },
+    dnsLookupTime: {
+      end: entry.domainLookupEnd,
+      start: entry.domainLookupStart
+    },
+    redirectTimeTaken: {
+      end: entry.redirectEnd,
+      start: entry.redirectStart
+    },
+    tlsConnectNegotiationTime: {
+      end: entry.requestStart,
+      start: entry.secureConnectionStart
+    },
+    timeTakenToFetchWithoutRedirect: {
+      end: entry.responseEnd,
+      start: entry.fetchStart
+    },
+    /**
+     * `interimRequestTime` represents the entire time the browser took to
+     * request the resource from the server. This includes the interim response time
+     * (for example, 100 Continue or 103 Early Hints).
+     *
+     * i.e. It is the time taken for the request to be sent
+     * + the waiting time for the server to send a response
+     *
+     * Please, note that this value
+     * is distinctly different from the aforementioned document.
+     */
+    interimRequestTime: {
+      end: entry.responseStart,
+      start: entry.requestStart
+    },
+    /**
+     * `requestInvocationTime` represents the actual time the browser took to request
+     * the resource from the server (i.e. it does not include the interim reponse
+     * time).
+     * NOTE: it relies on an experimental feature (`firstInterimResponseStart`) that is
+     * available in Chrome, but not in FireFox or Safari. This value will be undefined
+     * when `firstInterimResponseStart` is unavailable.
+     */
+    requestInvocationTime: entry.firstInterimResponseStart ? {
+      end: entry.firstInterimResponseStart,
+      start: entry.requestStart
+    } : undefined,
+    /**
+     * `contentDownloadTime` represents the time taken for the browser to receive
+     * the resource from the server. This may be cut short if the transport
+     * connection is closed.
+     */
+    contentDownloadTime: {
+      end: entry.responseEnd,
+      start: entry.responseStart
+    }
+  };
+};

package/dist/cjs/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -1,94 +1,7 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.startResourceObserver = exports.setAnalyticsContext = void 0;
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _analytics = require("@atlaskit/media-common/analytics");
-var _fg = require("@atlaskit/platform-feature-flags/fg");
-var _interactionMetrics = require("@atlaskit/react-ufo/interaction-metrics");
-var _durationMetrics = require("./durationMetrics");
-var _ufo = require("./ufo");
-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 MEDIA_CARD_PERF_STATE_KEY = '__mediaCardPerfState_asflkajsdflja';
-// this should fire around 10% of the time
-var shouldSamplePerfObserver = function shouldSamplePerfObserver() {
-  return Math.random() < 0.1;
-};
-var urlRegex = /(?:https:\/\/(?:media\.(?:dev|staging|prod)\.atl-paas\.net|api\.media\.atlassian\.com|media-cdn(?:\.stg\.|\.)atlassian\.com)\/|media-api\/)file\/([^/]+)\/image.*[?&]source=mediaCard/;
-var clientIdParamRegex = /[?&]clientId=([^&]+)/;
-var ssrParamRegex = /[?&]token=([^&]+)/;
-var createAndGetResourceObserver = function createAndGetResourceObserver() {
-  return new PerformanceObserver(function (list) {
-    list.getEntries().forEach(function (baseEntry) {
-      var _window$MEDIA_CARD_PE;
-      var entry = baseEntry;
-      var matchFileId = entry.name.match(urlRegex);
-      var matchClientId = entry.name.match(clientIdParamRegex);
-      var matchSSR = entry.name.match(ssrParamRegex);
-      if (matchFileId && (_window$MEDIA_CARD_PE = window[MEDIA_CARD_PERF_STATE_KEY]) !== null && _window$MEDIA_CARD_PE !== void 0 && _window$MEDIA_CARD_PE.mediaCardCreateAnalyticsEvent) {
-        var _interaction$start;
-        var fileId = matchFileId[1];
-        var clientId = matchClientId === null || matchClientId === void 0 ? void 0 : matchClientId[1];
-        var ssr = matchSSR ? 'server' : undefined;
-
-        // Get UFO interaction start time for proper timing in SPAs
-        // For page_load: start = 0 (relative to page navigation)
-        // For transitions: start = performance.now() when transition started
-        var interaction = (0, _interactionMetrics.getActiveInteraction)();
-        var interactionStartTime = (_interaction$start = interaction === null || interaction === void 0 ? void 0 : interaction.start) !== null && _interaction$start !== void 0 ? _interaction$start : 0;
-        var mediaDurationMetrics = (0, _durationMetrics.createMediaDurationMetrics)(entry, interactionStartTime);
-        var event = window[MEDIA_CARD_PERF_STATE_KEY].mediaCardCreateAnalyticsEvent({
-          eventType: 'operational',
-          action: 'succeeded',
-          actionSubject: 'mediaCardPerfObserver',
-          attributes: _objectSpread({
-            ssr: ssr,
-            fileId: fileId,
-            mediaClientId: clientId,
-            featureFlags: {
-              'media-perf-lazy-loading-optimisation': (0, _fg.fg)('media-perf-lazy-loading-optimisation')
-            }
-          }, mediaDurationMetrics)
-        });
-        if (shouldSamplePerfObserver()) {
-          event.fire(_analytics.ANALYTICS_MEDIA_CHANNEL);
-        }
-        if ((0, _fg.fg)('platform_media_card_ufo_network_metrics')) {
-          var ufoDurationMetrics = (0, _durationMetrics.createUfoDurationMetrics)(entry, interactionStartTime);
-          var endpointName = 'image';
-          (0, _ufo.sendUfoDurationMetrics)(ufoDurationMetrics, endpointName);
-        }
-      }
-    });
-  });
-};
-var setAnalyticsContext = exports.setAnalyticsContext = function setAnalyticsContext(newAnalyticsContext) {
-  if (!window[MEDIA_CARD_PERF_STATE_KEY]) {
-    window[MEDIA_CARD_PERF_STATE_KEY] = {};
-  }
-  window[MEDIA_CARD_PERF_STATE_KEY].mediaCardCreateAnalyticsEvent = newAnalyticsContext;
-};
-var isDefinedPerformanceObserver = function isDefinedPerformanceObserver() {
-  return typeof window['PerformanceObserver'] !== 'undefined';
-};
-var startResourceObserver = exports.startResourceObserver = function startResourceObserver() {
-  var _window$MEDIA_CARD_PE2;
-  if (!isDefinedPerformanceObserver()) {
-    return;
-  }
-  if ((_window$MEDIA_CARD_PE2 = window[MEDIA_CARD_PERF_STATE_KEY]) !== null && _window$MEDIA_CARD_PE2 !== void 0 && _window$MEDIA_CARD_PE2.mediaCardPerfObserver) {
-    return;
-  }
-  if (!window[MEDIA_CARD_PERF_STATE_KEY]) {
-    window[MEDIA_CARD_PERF_STATE_KEY] = {};
-  }
-  window[MEDIA_CARD_PERF_STATE_KEY].mediaCardPerfObserver = createAndGetResourceObserver();
-  window[MEDIA_CARD_PERF_STATE_KEY].mediaCardPerfObserver.observe({
-    type: 'resource',
-    buffered: true
-  });
-};
+exports.MEDIA_CARD_PERF_STATE_KEY = void 0;
+var MEDIA_CARD_PERF_STATE_KEY = exports.MEDIA_CARD_PERF_STATE_KEY = '__mediaCardPerfState_asflkajsdflja';

package/dist/cjs/utils/mediaPerformanceObserver/setAnalyticsContext.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.setAnalyticsContext = void 0;
+var _mediaPerformanceObserver = require("./mediaPerformanceObserver");
+var setAnalyticsContext = exports.setAnalyticsContext = function setAnalyticsContext(newAnalyticsContext) {
+  if (!window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY]) {
+    window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY] = {};
+  }
+  window[_mediaPerformanceObserver.MEDIA_CARD_PERF_STATE_KEY].mediaCardCreateAnalyticsEvent = newAnalyticsContext;
+};