@atlaskit/react-ufo 2.0.4 → 2.0.6

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 2.0.6
+
+### Patch Changes
+
+- [#157418](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/157418)
+  [`e6939ccf435a3`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/e6939ccf435a3) -
+  Add payload size as part of UFO payload
+
+## 2.0.5
+
+### Patch Changes
+
+- [#158480](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/158480)
+  [`fcbd1c4e6293b`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/fcbd1c4e6293b) -
+  Sending `custom.post-interaction-log` event for certain Perf Push experiences
+
 ## 2.0.4
 
 ### Patch Changes

package/dist/cjs/config/index.js

@@ -9,6 +9,7 @@ exports.getConfig = getConfig;
 exports.getDoNotAbortActivePressInteraction = getDoNotAbortActivePressInteraction;
 exports.getDoNotAbortActivePressInteractionOnTransition = getDoNotAbortActivePressInteractionOnTransition;
 exports.getInteractionRate = getInteractionRate;
+exports.getPostInteractionRate = getPostInteractionRate;
 exports.getRemoveInteractionsUFOPrefixes = getRemoveInteractionsUFOPrefixes;
 exports.getRemovePageSegmentsUFOPrefixes = getRemovePageSegmentsUFOPrefixes;
 exports.getTypingPerformanceTracingMethod = getTypingPerformanceTracingMethod;
@@ -80,13 +81,34 @@ function getInteractionRate(name, interactionKind) {
     return 0;
   }
 }
-function getCapabilityRate(capability) {
+function getPostInteractionRate(name, interactionType) {
   try {
     if (!config) {
       return 0;
     }
     var _config2 = config,
-      capabilityRate = _config2.capability;
+      postInteractionLog = _config2.postInteractionLog;
+    if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
+      return 0;
+    }
+    if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
+      return postInteractionLog.rates[name];
+    }
+    if (postInteractionLog.kind && typeof postInteractionLog.kind[interactionType] === 'number') {
+      return postInteractionLog.kind[interactionType];
+    }
+    return 0;
+  } catch (e) {
+    return 0;
+  }
+}
+function getCapabilityRate(capability) {
+  try {
+    if (!config) {
+      return 0;
+    }
+    var _config3 = config,
+      capabilityRate = _config3.capability;
     if (capabilityRate != null) {
       var rate = capabilityRate[capability];
       if (rate != null) {
@@ -105,8 +127,8 @@ function getTypingPerformanceTracingMethod() {
     if (!config) {
       return defaultMethod;
     }
-    var _config3 = config,
-      typingMethod = _config3.typingMethod;
+    var _config4 = config,
+      typingMethod = _config4.typingMethod;
     if (typingMethod != null && validTypingMethods.find(function (m) {
       return m === typingMethod;
     })) {
@@ -125,8 +147,8 @@ function getAwaitBM3TTIList() {
     if (!config) {
       return [];
     }
-    var _config4 = config,
-      awaitBM3TTI = _config4.awaitBM3TTI;
+    var _config5 = config,
+      awaitBM3TTI = _config5.awaitBM3TTI;
     if (awaitBM3TTI != null) {
       return awaitBM3TTI;
     } else {
@@ -143,8 +165,8 @@ function getRemovePageSegmentsUFOPrefixes() {
     if (!config) {
       return false;
     }
-    var _config5 = config,
-      removePageSegmentsUFOPrefixes = _config5.removePageSegmentsUFOPrefixes;
+    var _config6 = config,
+      removePageSegmentsUFOPrefixes = _config6.removePageSegmentsUFOPrefixes;
     if (removePageSegmentsUFOPrefixes != null) {
       return removePageSegmentsUFOPrefixes;
     } else {
@@ -161,8 +183,8 @@ function getRemoveInteractionsUFOPrefixes() {
     if (!config) {
       return false;
     }
-    var _config6 = config,
-      removeInteractionsUFOPrefixes = _config6.removeInteractionsUFOPrefixes;
+    var _config7 = config,
+      removeInteractionsUFOPrefixes = _config7.removeInteractionsUFOPrefixes;
     if (removeInteractionsUFOPrefixes != null) {
       return removeInteractionsUFOPrefixes;
     } else {
@@ -182,8 +204,8 @@ function getUfoNameOverrides() {
     if (!config) {
       return undefined;
     }
-    var _config7 = config,
-      ufoNameOverrides = _config7.ufoNameOverrides;
+    var _config8 = config,
+      ufoNameOverrides = _config8.ufoNameOverrides;
     if (ufoNameOverrides != null) {
       return ufoNameOverrides;
     }
@@ -199,8 +221,8 @@ function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      doNotAbortActivePressInteraction = _config8.doNotAbortActivePressInteraction;
+    var _config9 = config,
+      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -213,8 +235,8 @@ function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteractionOnTransition = _config9.doNotAbortActivePressInteractionOnTransition;
+    var _config10 = config,
+      doNotAbortActivePressInteractionOnTransition = _config10.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;

package/dist/cjs/create-payload/index.js

@@ -632,6 +632,9 @@ function getSSRDoneTimeValue(config) {
   var _config$ssr, _config$ssr2;
   return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 || (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
 }
+function getPayloadSize(payload) {
+  return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
+}
 function createInteractionMetricsPayload(interaction, interactionId) {
   var _window$location, _config$additionalPay;
   var interactionPayloadStart = performance.now();
@@ -716,7 +719,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
     };
   };
   var newUFOName = (0, _utils.sanitizeUfoName)(ufoName);
-  return {
+  var payload = {
     actionSubject: 'experience',
     action: 'measured',
     eventType: 'operational',
@@ -728,6 +731,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
         'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
         'event:product': config.product,
         'event:schema': '1.0.0',
+        'event:sizeInKb': 0,
         'event:source': {
           name: 'react-ufo/web',
           version: _constants.REACT_UFO_VERSION,
@@ -773,6 +777,8 @@ function createInteractionMetricsPayload(interaction, interactionId) {
       })
     }
   };
+  payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  return payload;
 }
 function createPayloads(interactionId, interaction) {
   var ufoNameOverride = getUfoNameOverride(interaction);

package/dist/cjs/create-post-interaction-log-payload/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = createPostInteractionLogPayload;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _constants = require("../common/constants");
 var _config = require("../config");
 var _utils = require("../create-payload/common/utils");
@@ -125,6 +126,10 @@ function createPostInteractionLogPayload(_ref2) {
     throw Error('UFO Configuration not provided');
   }
   var ufoName = (0, _utils.sanitizeUfoName)(lastInteractionFinish.ufoName);
+  var rate = (0, _config.getPostInteractionRate)(ufoName, lastInteractionFinish.type);
+  if (!(0, _coinflip.default)(rate)) {
+    return null;
+  }
   var pageVisibilityState = (0, _hiddenTiming.getPageVisibilityState)(lastInteractionFinish.start, lastInteractionFinish.end);
   if (pageVisibilityState !== 'visible') {
     return null;

package/dist/cjs/interaction-metrics/index.js

@@ -441,7 +441,7 @@ var addProfilerTimings = exports.addProfilerTimings = function addProfilerTiming
       startTime: startTime,
       commitTime: commitTime
     });
-  } else if ((_getConfig = (0, _config.getConfig)()) !== null && _getConfig !== void 0 && _getConfig.captureLateReRenders) {
+  } else if ((_getConfig = (0, _config.getConfig)()) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.postInteractionLog) !== null && _getConfig !== void 0 && _getConfig.enabled) {
     postInteractionLog.addProfilerTimings(labelStack, type, actualDuration, baseDuration, startTime, commitTime);
   }
 };
@@ -553,7 +553,7 @@ function tryComplete(interactionId, endTime) {
     if (noMoreHolds) {
       var _getConfig3;
       finishInteraction(interactionId, interaction, endTime);
-      if ((_getConfig3 = (0, _config.getConfig)()) !== null && _getConfig3 !== void 0 && _getConfig3.captureLateReRenders) {
+      if ((_getConfig3 = (0, _config.getConfig)()) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.postInteractionLog) !== null && _getConfig3 !== void 0 && _getConfig3.enabled) {
         postInteractionLog.onInteractionComplete(interaction);
       }
     }
@@ -603,7 +603,7 @@ function addOnCancelCallback(id, cancelCallback) {
 function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
   var _getConfig4;
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
-  if ((_getConfig4 = (0, _config.getConfig)()) !== null && _getConfig4 !== void 0 && _getConfig4.captureLateReRenders) {
+  if ((_getConfig4 = (0, _config.getConfig)()) !== null && _getConfig4 !== void 0 && (_getConfig4 = _getConfig4.postInteractionLog) !== null && _getConfig4 !== void 0 && _getConfig4.enabled) {
     postInteractionLog.reset();
   }
   var previousTime = startTime;

package/dist/cjs/interaction-metrics-init/index.js

@@ -73,15 +73,17 @@ var init = exports.init = function init(analyticsWebClientAsync, config) {
       createPostInteractionLogPayloadPackage = _ref2[2];
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(function (client) {
+        var _config$postInteracti;
         var instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
-        if (config.captureLateReRenders) {
+        if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
       });
     } else if (awc.sendOperationalEvent) {
+      var _config$postInteracti2;
       sinkInteraction(awc, payloadPackage);
-      if (config.captureLateReRenders) {
+      if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }
     }

package/dist/es2019/config/index.js

@@ -67,6 +67,28 @@ export function getInteractionRate(name, interactionKind) {
     return 0;
   }
 }
+export function getPostInteractionRate(name, interactionType) {
+  try {
+    if (!config) {
+      return 0;
+    }
+    const {
+      postInteractionLog
+    } = config;
+    if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
+      return 0;
+    }
+    if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
+      return postInteractionLog.rates[name];
+    }
+    if (postInteractionLog.kind && typeof postInteractionLog.kind[interactionType] === 'number') {
+      return postInteractionLog.kind[interactionType];
+    }
+    return 0;
+  } catch (e) {
+    return 0;
+  }
+}
 export function getCapabilityRate(capability) {
   try {
     if (!config) {

package/dist/es2019/create-payload/index.js

@@ -623,6 +623,9 @@ function getSSRDoneTimeValue(config) {
   var _config$ssr, _config$ssr2;
   return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 ? void 0 : (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
 }
+function getPayloadSize(payload) {
+  return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
+}
 function createInteractionMetricsPayload(interaction, interactionId) {
   var _window$location, _config$additionalPay;
   const interactionPayloadStart = performance.now();
@@ -710,7 +713,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
     };
   };
   const newUFOName = sanitizeUfoName(ufoName);
-  return {
+  const payload = {
     actionSubject: 'experience',
     action: 'measured',
     eventType: 'operational',
@@ -722,6 +725,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
         'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
         'event:product': config.product,
         'event:schema': '1.0.0',
+        'event:sizeInKb': 0,
         'event:source': {
           name: 'react-ufo/web',
           version: REACT_UFO_VERSION,
@@ -780,6 +784,8 @@ function createInteractionMetricsPayload(interaction, interactionId) {
       }
     }
   };
+  payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  return payload;
 }
 export function createPayloads(interactionId, interaction) {
   const ufoNameOverride = getUfoNameOverride(interaction);

package/dist/es2019/create-post-interaction-log-payload/index.js

@@ -1,5 +1,6 @@
+import coinflip from '../coinflip';
 import { REACT_UFO_VERSION } from '../common/constants';
-import { getConfig } from '../config';
+import { getConfig, getPostInteractionRate } from '../config';
 import { isSegmentLabel, sanitizeUfoName } from '../create-payload/common/utils';
 import { getPageVisibilityState } from '../hidden-timing';
 function getParentStack(labelStack) {
@@ -112,6 +113,10 @@ export default function createPostInteractionLogPayload({
     throw Error('UFO Configuration not provided');
   }
   const ufoName = sanitizeUfoName(lastInteractionFinish.ufoName);
+  const rate = getPostInteractionRate(ufoName, lastInteractionFinish.type);
+  if (!coinflip(rate)) {
+    return null;
+  }
   const pageVisibilityState = getPageVisibilityState(lastInteractionFinish.start, lastInteractionFinish.end);
   if (pageVisibilityState !== 'visible') {
     return null;

package/dist/es2019/interaction-metrics/index.js

@@ -349,7 +349,7 @@ export function addErrorToAll(name, labelStack, errorType, errorMessage, errorSt
   });
 }
 export const addProfilerTimings = (interactionId, labelStack, type, actualDuration, baseDuration, startTime, commitTime) => {
-  var _getConfig;
+  var _getConfig, _getConfig$postIntera;
   if (window.__REACT_UFO_ENABLE_PERF_TRACING || process.env.NODE_ENV !== 'production') {
     try {
       // for Firefox 102 and older
@@ -371,7 +371,7 @@ export const addProfilerTimings = (interactionId, labelStack, type, actualDurati
       startTime,
       commitTime
     });
-  } else if ((_getConfig = getConfig()) !== null && _getConfig !== void 0 && _getConfig.captureLateReRenders) {
+  } else if ((_getConfig = getConfig()) !== null && _getConfig !== void 0 && (_getConfig$postIntera = _getConfig.postInteractionLog) !== null && _getConfig$postIntera !== void 0 && _getConfig$postIntera.enabled) {
     postInteractionLog.addProfilerTimings(labelStack, type, actualDuration, baseDuration, startTime, commitTime);
   }
 };
@@ -471,9 +471,9 @@ export function tryComplete(interactionId, endTime) {
   if (interaction != null) {
     const noMoreHolds = interaction.holdActive.size === 0;
     if (noMoreHolds) {
-      var _getConfig3;
+      var _getConfig3, _getConfig3$postInter;
       finishInteraction(interactionId, interaction, endTime);
-      if ((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && _getConfig3.captureLateReRenders) {
+      if ((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && (_getConfig3$postInter = _getConfig3.postInteractionLog) !== null && _getConfig3$postInter !== void 0 && _getConfig3$postInter.enabled) {
         postInteractionLog.onInteractionComplete(interaction);
       }
     }
@@ -521,8 +521,8 @@ export function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 ? void 0 : interaction.cancelCallbacks.push(cancelCallback);
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName, trace = null) {
-  var _getConfig4;
-  if ((_getConfig4 = getConfig()) !== null && _getConfig4 !== void 0 && _getConfig4.captureLateReRenders) {
+  var _getConfig4, _getConfig4$postInter;
+  if ((_getConfig4 = getConfig()) !== null && _getConfig4 !== void 0 && (_getConfig4$postInter = _getConfig4.postInteractionLog) !== null && _getConfig4$postInter !== void 0 && _getConfig4$postInter.enabled) {
     postInteractionLog.reset();
   }
   let previousTime = startTime;

package/dist/es2019/interaction-metrics-init/index.js

@@ -56,15 +56,17 @@ export const init = (analyticsWebClientAsync, config) => {
   import( /* webpackChunkName: "create-post-intreaction-log-payload" */'../create-post-interaction-log-payload')]).then(([awc, payloadPackage, createPostInteractionLogPayloadPackage]) => {
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(client => {
+        var _config$postInteracti;
         const instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
-        if (config.captureLateReRenders) {
+        if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
       });
     } else if (awc.sendOperationalEvent) {
+      var _config$postInteracti2;
       sinkInteraction(awc, payloadPackage);
-      if (config.captureLateReRenders) {
+      if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }
     }

package/dist/esm/config/index.js

@@ -64,13 +64,34 @@ export function getInteractionRate(name, interactionKind) {
     return 0;
   }
 }
-export function getCapabilityRate(capability) {
+export function getPostInteractionRate(name, interactionType) {
   try {
     if (!config) {
       return 0;
     }
     var _config2 = config,
-      capabilityRate = _config2.capability;
+      postInteractionLog = _config2.postInteractionLog;
+    if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
+      return 0;
+    }
+    if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
+      return postInteractionLog.rates[name];
+    }
+    if (postInteractionLog.kind && typeof postInteractionLog.kind[interactionType] === 'number') {
+      return postInteractionLog.kind[interactionType];
+    }
+    return 0;
+  } catch (e) {
+    return 0;
+  }
+}
+export function getCapabilityRate(capability) {
+  try {
+    if (!config) {
+      return 0;
+    }
+    var _config3 = config,
+      capabilityRate = _config3.capability;
     if (capabilityRate != null) {
       var rate = capabilityRate[capability];
       if (rate != null) {
@@ -89,8 +110,8 @@ export function getTypingPerformanceTracingMethod() {
     if (!config) {
       return defaultMethod;
     }
-    var _config3 = config,
-      typingMethod = _config3.typingMethod;
+    var _config4 = config,
+      typingMethod = _config4.typingMethod;
     if (typingMethod != null && validTypingMethods.find(function (m) {
       return m === typingMethod;
     })) {
@@ -109,8 +130,8 @@ export function getAwaitBM3TTIList() {
     if (!config) {
       return [];
     }
-    var _config4 = config,
-      awaitBM3TTI = _config4.awaitBM3TTI;
+    var _config5 = config,
+      awaitBM3TTI = _config5.awaitBM3TTI;
     if (awaitBM3TTI != null) {
       return awaitBM3TTI;
     } else {
@@ -127,8 +148,8 @@ export function getRemovePageSegmentsUFOPrefixes() {
     if (!config) {
       return false;
     }
-    var _config5 = config,
-      removePageSegmentsUFOPrefixes = _config5.removePageSegmentsUFOPrefixes;
+    var _config6 = config,
+      removePageSegmentsUFOPrefixes = _config6.removePageSegmentsUFOPrefixes;
     if (removePageSegmentsUFOPrefixes != null) {
       return removePageSegmentsUFOPrefixes;
     } else {
@@ -145,8 +166,8 @@ export function getRemoveInteractionsUFOPrefixes() {
     if (!config) {
       return false;
     }
-    var _config6 = config,
-      removeInteractionsUFOPrefixes = _config6.removeInteractionsUFOPrefixes;
+    var _config7 = config,
+      removeInteractionsUFOPrefixes = _config7.removeInteractionsUFOPrefixes;
     if (removeInteractionsUFOPrefixes != null) {
       return removeInteractionsUFOPrefixes;
     } else {
@@ -166,8 +187,8 @@ export function getUfoNameOverrides() {
     if (!config) {
       return undefined;
     }
-    var _config7 = config,
-      ufoNameOverrides = _config7.ufoNameOverrides;
+    var _config8 = config,
+      ufoNameOverrides = _config8.ufoNameOverrides;
     if (ufoNameOverrides != null) {
       return ufoNameOverrides;
     }
@@ -183,8 +204,8 @@ export function getDoNotAbortActivePressInteraction() {
     if (!config) {
       return undefined;
     }
-    var _config8 = config,
-      doNotAbortActivePressInteraction = _config8.doNotAbortActivePressInteraction;
+    var _config9 = config,
+      doNotAbortActivePressInteraction = _config9.doNotAbortActivePressInteraction;
     return doNotAbortActivePressInteraction;
   } catch (e) {
     return undefined;
@@ -197,8 +218,8 @@ export function getDoNotAbortActivePressInteractionOnTransition() {
     if (!config) {
       return undefined;
     }
-    var _config9 = config,
-      doNotAbortActivePressInteractionOnTransition = _config9.doNotAbortActivePressInteractionOnTransition;
+    var _config10 = config,
+      doNotAbortActivePressInteractionOnTransition = _config10.doNotAbortActivePressInteractionOnTransition;
     return doNotAbortActivePressInteractionOnTransition;
   } catch (e) {
     return undefined;

package/dist/esm/create-payload/index.js

@@ -622,6 +622,9 @@ function getSSRDoneTimeValue(config) {
   var _config$ssr, _config$ssr2;
   return config !== null && config !== void 0 && (_config$ssr = config.ssr) !== null && _config$ssr !== void 0 && _config$ssr.getSSRDoneTime ? config === null || config === void 0 || (_config$ssr2 = config.ssr) === null || _config$ssr2 === void 0 ? void 0 : _config$ssr2.getSSRDoneTime() : ssr.getSSRDoneTime();
 }
+function getPayloadSize(payload) {
+  return Math.round(new TextEncoder().encode(JSON.stringify(payload)).length / 1024);
+}
 function createInteractionMetricsPayload(interaction, interactionId) {
   var _window$location, _config$additionalPay;
   var interactionPayloadStart = performance.now();
@@ -706,7 +709,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
     };
   };
   var newUFOName = sanitizeUfoName(ufoName);
-  return {
+  var payload = {
     actionSubject: 'experience',
     action: 'measured',
     eventType: 'operational',
@@ -718,6 +721,7 @@ function createInteractionMetricsPayload(interaction, interactionId) {
         'event:hostname': ((_window$location = window.location) === null || _window$location === void 0 ? void 0 : _window$location.hostname) || 'unknown',
         'event:product': config.product,
         'event:schema': '1.0.0',
+        'event:sizeInKb': 0,
         'event:source': {
           name: 'react-ufo/web',
           version: REACT_UFO_VERSION,
@@ -763,6 +767,8 @@ function createInteractionMetricsPayload(interaction, interactionId) {
       })
     }
   };
+  payload.attributes.properties['event:sizeInKb'] = getPayloadSize(payload.attributes.properties);
+  return payload;
 }
 export function createPayloads(interactionId, interaction) {
   var ufoNameOverride = getUfoNameOverride(interaction);

package/dist/esm/create-post-interaction-log-payload/index.js

@@ -2,8 +2,9 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
 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 coinflip from '../coinflip';
 import { REACT_UFO_VERSION } from '../common/constants';
-import { getConfig } from '../config';
+import { getConfig, getPostInteractionRate } from '../config';
 import { isSegmentLabel, sanitizeUfoName } from '../create-payload/common/utils';
 import { getPageVisibilityState } from '../hidden-timing';
 function getParentStack(labelStack) {
@@ -118,6 +119,10 @@ export default function createPostInteractionLogPayload(_ref2) {
     throw Error('UFO Configuration not provided');
   }
   var ufoName = sanitizeUfoName(lastInteractionFinish.ufoName);
+  var rate = getPostInteractionRate(ufoName, lastInteractionFinish.type);
+  if (!coinflip(rate)) {
+    return null;
+  }
   var pageVisibilityState = getPageVisibilityState(lastInteractionFinish.start, lastInteractionFinish.end);
   if (pageVisibilityState !== 'visible') {
     return null;

package/dist/esm/interaction-metrics/index.js

@@ -398,7 +398,7 @@ export var addProfilerTimings = function addProfilerTimings(interactionId, label
       startTime: startTime,
       commitTime: commitTime
     });
-  } else if ((_getConfig = getConfig()) !== null && _getConfig !== void 0 && _getConfig.captureLateReRenders) {
+  } else if ((_getConfig = getConfig()) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.postInteractionLog) !== null && _getConfig !== void 0 && _getConfig.enabled) {
     postInteractionLog.addProfilerTimings(labelStack, type, actualDuration, baseDuration, startTime, commitTime);
   }
 };
@@ -510,7 +510,7 @@ export function tryComplete(interactionId, endTime) {
     if (noMoreHolds) {
       var _getConfig3;
       finishInteraction(interactionId, interaction, endTime);
-      if ((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && _getConfig3.captureLateReRenders) {
+      if ((_getConfig3 = getConfig()) !== null && _getConfig3 !== void 0 && (_getConfig3 = _getConfig3.postInteractionLog) !== null && _getConfig3 !== void 0 && _getConfig3.enabled) {
         postInteractionLog.onInteractionComplete(interaction);
       }
     }
@@ -560,7 +560,7 @@ export function addOnCancelCallback(id, cancelCallback) {
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
   var _getConfig4;
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
-  if ((_getConfig4 = getConfig()) !== null && _getConfig4 !== void 0 && _getConfig4.captureLateReRenders) {
+  if ((_getConfig4 = getConfig()) !== null && _getConfig4 !== void 0 && (_getConfig4 = _getConfig4.postInteractionLog) !== null && _getConfig4 !== void 0 && _getConfig4.enabled) {
     postInteractionLog.reset();
   }
   var previousTime = startTime;

package/dist/esm/interaction-metrics-init/index.js

@@ -61,15 +61,17 @@ export var init = function init(analyticsWebClientAsync, config) {
       createPostInteractionLogPayloadPackage = _ref2[2];
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(function (client) {
+        var _config$postInteracti;
         var instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
-        if (config.captureLateReRenders) {
+        if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
       });
     } else if (awc.sendOperationalEvent) {
+      var _config$postInteracti2;
       sinkInteraction(awc, payloadPackage);
-      if (config.captureLateReRenders) {
+      if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }
     }

package/dist/types/config/index.d.ts

@@ -1,4 +1,4 @@
-import type { InteractionMetrics } from '../common';
+import type { InteractionMetrics, InteractionType } from '../common';
 export interface AdditionalData {
     [key: string]: null | undefined | string | number | boolean | undefined | AdditionalData | Record<string, AdditionalData> | Array<AdditionalData>;
 }
@@ -24,6 +24,9 @@ type SelectorConfig = {
     className: boolean;
     dataVC?: boolean;
 };
+type Rates = {
+    readonly [key: string]: number;
+};
 export type Config = {
     readonly enabled?: boolean;
     readonly doNotAbortActivePressInteraction?: string[];
@@ -32,9 +35,7 @@ export type Config = {
     readonly ufoNameOverrides?: UFONameOverride;
     readonly namePrefix?: string;
     readonly segmentPrefix?: string;
-    readonly rates?: {
-        readonly [key: string]: number;
-    };
+    readonly rates?: Rates;
     readonly rules?: readonly {
         readonly test?: string;
         readonly rate?: number;
@@ -66,7 +67,11 @@ export type Config = {
         readonly ssr?: boolean;
         readonly stopVCAtInteractionFinish?: boolean;
     };
-    readonly captureLateReRenders?: boolean;
+    readonly postInteractionLog?: {
+        readonly enabled?: boolean;
+        readonly rates?: Rates;
+        readonly kind?: Record<InteractionType, number>;
+    };
     readonly enableSegmentHighlighting?: boolean;
     readonly shouldCalculateLighthouseMetricsFromTTAI?: boolean;
     readonly timeWindowForLateMutationsInMilliseconds?: number;
@@ -79,6 +84,7 @@ export type Config = {
 export declare function setUFOConfig(newConfig: Config): void;
 export declare function getConfig(): Config | undefined;
 export declare function getInteractionRate(name: string, interactionKind: InteractionKind): number;
+export declare function getPostInteractionRate(name: string, interactionType: InteractionType): number;
 export declare function getCapabilityRate(capability: Capability): number;
 declare const validTypingMethods: readonly ["timeout", "timeoutNoAlloc", "mutationObserver"];
 type ValidTypingMethod = (typeof validTypingMethods)[number];

package/dist/types/create-payload/index.d.ts

@@ -727,6 +727,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'event:hostname': string;
             'event:product': string;
             'event:schema': string;
+            'event:sizeInKb': number;
             'event:source': {
                 name: string;
                 version: string;
@@ -1475,6 +1476,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'event:hostname': string;
             'event:product': string;
             'event:schema': string;
+            'event:sizeInKb': number;
             'event:source': {
                 name: string;
                 version: string;
@@ -2205,6 +2207,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'event:hostname': string;
             'event:product': string;
             'event:schema': string;
+            'event:sizeInKb': number;
             'event:source': {
                 name: string;
                 version: string;
@@ -2956,6 +2959,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'event:hostname': string;
             'event:product': string;
             'event:schema': string;
+            'event:sizeInKb': number;
             'event:source': {
                 name: string;
                 version: string;

package/dist/types-ts4.5/config/index.d.ts

@@ -1,4 +1,4 @@
-import type { InteractionMetrics } from '../common';
+import type { InteractionMetrics, InteractionType } from '../common';
 export interface AdditionalData {
     [key: string]: null | undefined | string | number | boolean | undefined | AdditionalData | Record<string, AdditionalData> | Array<AdditionalData>;
 }
@@ -24,6 +24,9 @@ type SelectorConfig = {
     className: boolean;
     dataVC?: boolean;
 };
+type Rates = {
+    readonly [key: string]: number;
+};
 export type Config = {
     readonly enabled?: boolean;
     readonly doNotAbortActivePressInteraction?: string[];
@@ -32,9 +35,7 @@ export type Config = {
     readonly ufoNameOverrides?: UFONameOverride;
     readonly namePrefix?: string;
     readonly segmentPrefix?: string;
-    readonly rates?: {
-        readonly [key: string]: number;
-    };
+    readonly rates?: Rates;
     readonly rules?: readonly {
         readonly test?: string;
         readonly rate?: number;
@@ -66,7 +67,11 @@ export type Config = {
         readonly ssr?: boolean;
         readonly stopVCAtInteractionFinish?: boolean;
     };
-    readonly captureLateReRenders?: boolean;
+    readonly postInteractionLog?: {
+        readonly enabled?: boolean;
+        readonly rates?: Rates;
+        readonly kind?: Record<InteractionType, number>;
+    };
     readonly enableSegmentHighlighting?: boolean;
     readonly shouldCalculateLighthouseMetricsFromTTAI?: boolean;
     readonly timeWindowForLateMutationsInMilliseconds?: number;
@@ -79,6 +84,7 @@ export type Config = {
 export declare function setUFOConfig(newConfig: Config): void;
 export declare function getConfig(): Config | undefined;
 export declare function getInteractionRate(name: string, interactionKind: InteractionKind): number;
+export declare function getPostInteractionRate(name: string, interactionType: InteractionType): number;
 export declare function getCapabilityRate(capability: Capability): number;
 declare const validTypingMethods: readonly [
     "timeout",

package/dist/types-ts4.5/create-payload/index.d.ts

@@ -727,6 +727,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'event:hostname': string;
             'event:product': string;
             'event:schema': string;
+            'event:sizeInKb': number;
             'event:source': {
                 name: string;
                 version: string;
@@ -1475,6 +1476,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'event:hostname': string;
             'event:product': string;
             'event:schema': string;
+            'event:sizeInKb': number;
             'event:source': {
                 name: string;
                 version: string;
@@ -2205,6 +2207,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'event:hostname': string;
             'event:product': string;
             'event:schema': string;
+            'event:sizeInKb': number;
             'event:source': {
                 name: string;
                 version: string;
@@ -2956,6 +2959,7 @@ export declare function createPayloads(interactionId: string, interaction: Inter
             'event:hostname': string;
             'event:product': string;
             'event:schema': string;
+            'event:sizeInKb': number;
             'event:source': {
                 name: string;
                 version: string;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "2.0.4",
+	"version": "2.0.6",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",