@atlaskit/media-card 81.10.12 → 81.10.13

package/dist/esm/utils/getDataURIDimension.js

@@ -1,8 +1,8 @@
-import { isRetina } from './isRetina';
-import { getElementDimension } from './getElementDimension';
 import { defaultImageCardDimensions } from './cardDimensions';
-import { isValidPercentageUnit } from './isValidPercentageUnit';
 import { containsPixelUnit } from './containsPixelUnit';
+import { getElementDimension } from './getElementDimension';
+import { isRetina } from './isRetina';
+import { isValidPercentageUnit } from './isValidPercentageUnit';
 
 /**
  * ************************************************
@@ -23,43 +23,4 @@ export var getDataURIDimension = function getDataURIDimension(dimension, options
     return parseInt("".concat(dimensionValue), 10) * retinaFactor;
   }
   return defaultImageCardDimensions[dimension] * retinaFactor;
-};
-export var getRequestedDimensions = function getRequestedDimensions(options) {
-  var width = getDataURIDimension('width', options);
-  var height = getDataURIDimension('height', options);
-  return {
-    width: width,
-    height: height
-  };
-};
-
-/**
- * ************************************************
- * For Card v2
- * ************************************************
- */
-
-// Same as getDataURIDimension but without Retina factor
-export var resolveCardPreviewDimension = function resolveCardPreviewDimension(dimensionName, _ref) {
-  var dimensions = _ref.dimensions,
-    element = _ref.element;
-  var dimensionValue = (dimensions === null || dimensions === void 0 ? void 0 : dimensions[dimensionName]) || '';
-  if (isValidPercentageUnit(dimensionValue) && element) {
-    return getElementDimension(element, dimensionName);
-  }
-  if (typeof dimensionValue === 'number') {
-    return dimensionValue;
-  }
-  if (containsPixelUnit("".concat(dimensionValue))) {
-    return parseInt("".concat(dimensionValue), 10);
-  }
-  return defaultImageCardDimensions[dimensionName];
-};
-export var resolveCardPreviewDimensions = function resolveCardPreviewDimensions(options) {
-  var width = resolveCardPreviewDimension('width', options);
-  var height = resolveCardPreviewDimension('height', options);
-  return {
-    width: width,
-    height: height
-  };
 };

package/dist/esm/utils/getRequestedDimensions.js

@@ -0,0 +1,9 @@
+import { getDataURIDimension } from './getDataURIDimension';
+export var getRequestedDimensions = function getRequestedDimensions(options) {
+  var width = getDataURIDimension('width', options);
+  var height = getDataURIDimension('height', options);
+  return {
+    width: width,
+    height: height
+  };
+};

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

@@ -0,0 +1,17 @@
+import { printFunctionCall } from '../printFunctionCall';
+import { printScript } from '../printScript';
+import { getKey } from './getKey';
+import { getMediaCardSSR } from './getMediaCardSSR';
+import { getMediaGlobalScope } from './getMediaGlobalScope';
+import { storeDataURI } from './storeDataURI';
+var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
+  var functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, dimensions, error);
+  return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
+};
+export var generateScriptProps = function generateScriptProps(identifier, dataURI, dimensions, error) {
+  return {
+    dangerouslySetInnerHTML: {
+      __html: generateScript(identifier, dataURI, dimensions, error)
+    }
+  };
+};

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

@@ -0,0 +1,9 @@
+var dashed = function dashed(param) {
+  return param ? "-".concat(param) : '';
+};
+export var getKey = function getKey(_ref) {
+  var id = _ref.id,
+    collectionName = _ref.collectionName,
+    occurrenceKey = _ref.occurrenceKey;
+  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
+};

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

@@ -0,0 +1,11 @@
+import { getMediaGlobalScope } from './getMediaGlobalScope';
+export 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];
+}

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

@@ -0,0 +1,9 @@
+export 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/esm/utils/globalScope/getSSRData.js

@@ -1,4 +1,5 @@
-import { getMediaCardSSR, getKey } from './globalScope';
+import { getKey } from './getKey';
+import { getMediaCardSSR } from './getMediaCardSSR';
 export var getSSRData = function getSSRData(identifier) {
   var mediaCardSsr = getMediaCardSSR();
   if (!mediaCardSsr) {

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

@@ -1,58 +1,8 @@
-import { printFunctionCall, printScript } from '../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.
-
 export var GLOBAL_MEDIA_CARD_SSR = 'mediaCardSsr';
 export var GLOBAL_MEDIA_NAMESPACE = '__MEDIA_INTERNAL';
-export var GLOBAL_MEDIA_PERFORMANCE_ENTRIES = 'performanceEntries';
-export 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];
-}
-export 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) : '';
-};
-export var getKey = function getKey(_ref) {
-  var id = _ref.id,
-    collectionName = _ref.collectionName,
-    occurrenceKey = _ref.occurrenceKey;
-  return "".concat(id).concat(dashed(collectionName)).concat(dashed(occurrenceKey));
-};
-export 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
-  };
-};
-var generateScript = function generateScript(identifier, dataURI, dimensions, error) {
-  var functionCall = printFunctionCall(storeDataURI, getKey(identifier), dataURI, dimensions, error);
-  return printScript([getMediaCardSSR.toString(), getMediaGlobalScope.toString(), functionCall]);
-};
-export var generateScriptProps = function generateScriptProps(identifier, dataURI, dimensions, error) {
-  return {
-    dangerouslySetInnerHTML: {
-      __html: generateScript(identifier, dataURI, dimensions, error)
-    }
-  };
-};
+export var GLOBAL_MEDIA_PERFORMANCE_ENTRIES = 'performanceEntries';

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

@@ -0,0 +1,10 @@
+import { getMediaCardSSR } from './getMediaCardSSR';
+export 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
+  };
+};

package/dist/esm/utils/isBigger.js

@@ -0,0 +1,10 @@
+import { canCompareDimension } from './canCompareDimension';
+export var isBigger = function isBigger(current, next) {
+  if (!!current && !!next && canCompareDimension(current.width, next.width) && 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/esm/utils/mediaPerformanceObserver/CommonMetrics.js

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,71 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { getCommonMetrics } from './getCommonMetrics';
+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 = _slicedToArray(_ref, 2),
+      key = _ref2[0],
+      marks = _ref2[1];
+    if (!marks) {
+      return [key, undefined];
+    }
+    var start = marks.start,
+      end = marks.end;
+    return [key, end - start];
+  }));
+};
+export var 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
+  });
+};

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

@@ -0,0 +1,26 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+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 { getCommonMetrics } from './getCommonMetrics';
+var filterCommonMetrics = function filterCommonMetrics(metrics) {
+  return Object.fromEntries(Object.entries(metrics).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      marks = _ref2[1];
+    return !!marks;
+  }));
+};
+export var 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/esm/utils/mediaPerformanceObserver/durationMetrics.js

@@ -1,151 +1 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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; }
-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 = _slicedToArray(_ref, 2),
-      key = _ref2[0],
-      marks = _ref2[1];
-    if (!marks) {
-      return [key, undefined];
-    }
-    var start = marks.start,
-      end = marks.end;
-    return [key, end - start];
-  }));
-};
-export var 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 = _slicedToArray(_ref6, 2),
-      marks = _ref7[1];
-    return !!marks;
-  }));
-};
-export var 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)));
-};
+export {};

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

@@ -0,0 +1,60 @@
+export 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
+    }
+  };
+};

package/dist/esm/utils/mediaPerformanceObserver/mediaPerformanceObserver.js

@@ -1,87 +1 @@
-import _defineProperty from "@babel/runtime/helpers/defineProperty";
-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 { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common/analytics';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { getActiveInteraction } from '@atlaskit/react-ufo/interaction-metrics';
-import { createMediaDurationMetrics, createUfoDurationMetrics } from './durationMetrics';
-import { sendUfoDurationMetrics } from './ufo';
-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 = getActiveInteraction();
-        var interactionStartTime = (_interaction$start = interaction === null || interaction === void 0 ? void 0 : interaction.start) !== null && _interaction$start !== void 0 ? _interaction$start : 0;
-        var mediaDurationMetrics = 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': fg('media-perf-lazy-loading-optimisation')
-            }
-          }, mediaDurationMetrics)
-        });
-        if (shouldSamplePerfObserver()) {
-          event.fire(ANALYTICS_MEDIA_CHANNEL);
-        }
-        if (fg('platform_media_card_ufo_network_metrics')) {
-          var ufoDurationMetrics = createUfoDurationMetrics(entry, interactionStartTime);
-          var endpointName = 'image';
-          sendUfoDurationMetrics(ufoDurationMetrics, endpointName);
-        }
-      }
-    });
-  });
-};
-export var 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';
-};
-export var 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
-  });
-};
+export var MEDIA_CARD_PERF_STATE_KEY = '__mediaCardPerfState_asflkajsdflja';

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

@@ -0,0 +1,7 @@
+import { MEDIA_CARD_PERF_STATE_KEY } from './mediaPerformanceObserver';
+export var 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;
+};