@atlaskit/react-ufo 4.1.2 → 4.1.3

package/CHANGELOG.md

@@ -1,5 +1,13 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 4.1.3
+
+### Patch Changes
+
+- [#190712](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/190712)
+  [`20c54200a3179`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/20c54200a3179) -
+  Stop the post interaction observer properly
+
 ## 4.1.2
 
 ### Patch Changes

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

@@ -731,11 +731,14 @@ function callCancelCallbacks(interaction) {
 function abort(interactionId, abortReason) {
   var interaction = _constants.interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig0;
     callCancelCallbacks(interaction);
     interaction.abortReason = abortReason;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig0 = (0, _config.getConfig)()) !== null && _getConfig0 !== void 0 && (_getConfig0 = _getConfig0.experimentalInteractionMetrics) !== null && _getConfig0 !== void 0 && _getConfig0.enabled) {
+    if ((0, _coinflip.default)((0, _config.getPostInteractionRate)(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if ((0, _coinflip.default)((0, _config.getExperimentalInteractionRate)(interaction.ufoName, interaction.type))) {
       (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction);
       remove(interactionId);
     }
@@ -744,12 +747,15 @@ function abort(interactionId, abortReason) {
 function abortByNewInteraction(interactionId, interactionName) {
   var interaction = _constants.interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig1;
     callCancelCallbacks(interaction);
     interaction.abortReason = 'new_interaction';
     interaction.abortedByInteractionName = interactionName;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig1 = (0, _config.getConfig)()) !== null && _getConfig1 !== void 0 && (_getConfig1 = _getConfig1.experimentalInteractionMetrics) !== null && _getConfig1 !== void 0 && _getConfig1.enabled) {
+    if ((0, _coinflip.default)((0, _config.getPostInteractionRate)(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if ((0, _coinflip.default)((0, _config.getExperimentalInteractionRate)(interaction.ufoName, interaction.type))) {
       (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction);
       remove(interactionId);
     }
@@ -757,7 +763,6 @@ function abortByNewInteraction(interactionId, interactionName) {
 }
 function abortAll(abortReason, abortedByInteractionName) {
   _constants.interactions.forEach(function (interaction, interactionId) {
-    var _getConfig10;
     var noMoreHolds = interaction.holdActive.size === 0;
     if (!noMoreHolds) {
       callCancelCallbacks(interaction);
@@ -767,7 +772,11 @@ function abortAll(abortReason, abortedByInteractionName) {
       }
     }
     finishInteraction(interactionId, interaction);
-    if ((_getConfig10 = (0, _config.getConfig)()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10 !== void 0 && _getConfig10.enabled) {
+    if ((0, _coinflip.default)((0, _config.getPostInteractionRate)(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if ((0, _coinflip.default)((0, _config.getExperimentalInteractionRate)(interaction.ufoName, interaction.type))) {
       (0, _createExperimentalInteractionMetricsPayload.onExperimentalInteractionComplete)(interactionId, interaction);
       remove(interactionId);
     }
@@ -778,9 +787,8 @@ function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 || interaction.cancelCallbacks.push(cancelCallback);
 }
 function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
-  var _getConfig11;
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
-  if ((_getConfig11 = (0, _config.getConfig)()) !== null && _getConfig11 !== void 0 && (_getConfig11 = _getConfig11.postInteractionLog) !== null && _getConfig11 !== void 0 && _getConfig11.enabled) {
+  if ((0, _coinflip.default)((0, _config.getPostInteractionRate)(ufoName, type))) {
     postInteractionLog.reset();
   }
   var vcObserver;
@@ -892,20 +900,23 @@ function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelS
     addHoldByID(interactionId, [], ufoName, ufoName, true);
   }
   if (type === 'transition' || type === 'page_load') {
-    var _getConfig12;
     // Use per-interaction VC observer if available, otherwise fall back to global
     var observer = vcObserver || (0, _vc.getVCObserver)();
     observer.start({
       startTime: startTime,
       experienceKey: ufoName
     });
-    postInteractionLog.startVCObserver({
-      startTime: startTime
-    });
-    if ((_getConfig12 = (0, _config.getConfig)()) !== null && _getConfig12 !== void 0 && (_getConfig12 = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12 !== void 0 && _getConfig12.enabled) {
-      _createExperimentalInteractionMetricsPayload.experimentalVC.start({
-        startTime: startTime
-      });
+    if (type === 'transition' || (0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_observer_per_interaction')) {
+      if ((0, _coinflip.default)((0, _config.getPostInteractionRate)(ufoName, type))) {
+        postInteractionLog.startVCObserver({
+          startTime: startTime
+        });
+      }
+      if ((0, _coinflip.default)((0, _config.getExperimentalInteractionRate)(ufoName, type))) {
+        _createExperimentalInteractionMetricsPayload.experimentalVC.start({
+          startTime: startTime
+        });
+      }
     }
   }
   if (type === 'press' && (0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_press_interactions')) {

package/dist/cjs/interaction-metrics/post-interaction-log.js

@@ -56,6 +56,12 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
         startTime: startTime
       });
     }
+  }, {
+    key: "stopVCObserver",
+    value: function stopVCObserver() {
+      var _this$vcObserver2;
+      (_this$vcObserver2 = this.vcObserver) === null || _this$vcObserver2 === void 0 || _this$vcObserver2.stop();
+    }
   }, {
     key: "setVCObserverSSRConfig",
     value: function setVCObserverSSRConfig(vcObserverSSRConfig) {
@@ -114,8 +120,8 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
     key: "sendPostInteractionLog",
     value: (function () {
       var _sendPostInteractionLog = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-        var _this$vcObserver3, _getConfig2;
-        var _getConfig, _this$vcObserver2, postInteractionFinishVCResult, _this$vcObserver4;
+        var _this$vcObserver4, _this$vcObserver5;
+        var _this$vcObserver3, postInteractionFinishVCResult;
         return _regenerator.default.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -124,13 +130,11 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
                 break;
               }
               this.reset();
-              if ((_getConfig = (0, _config.getConfig)()) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.experimentalInteractionMetrics) !== null && _getConfig !== void 0 && _getConfig.enabled) {
-                (_this$vcObserver2 = this.vcObserver) === null || _this$vcObserver2 === void 0 || _this$vcObserver2.stop();
-              }
+              (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 || _this$vcObserver3.stop();
               return _context.abrupt("return");
             case 4:
               _context.next = 6;
-              return (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.getVCResult(_objectSpread(_objectSpread({
+              return (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult(_objectSpread(_objectSpread({
                 start: this.lastInteractionFinish.start,
                 stop: performance.now(),
                 tti: -1,
@@ -142,9 +146,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
               }));
             case 6:
               postInteractionFinishVCResult = _context.sent;
-              if ((_getConfig2 = (0, _config.getConfig)()) !== null && _getConfig2 !== void 0 && (_getConfig2 = _getConfig2.experimentalInteractionMetrics) !== null && _getConfig2 !== void 0 && _getConfig2.enabled) {
-                (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 || _this$vcObserver4.stop();
-              }
+              (_this$vcObserver5 = this.vcObserver) === null || _this$vcObserver5 === void 0 || _this$vcObserver5.stop();
               this.sinkHandlerFn({
                 lastInteractionFinish: this.lastInteractionFinish,
                 reactProfilerTimings: this.reactProfilerTimings,
@@ -172,7 +174,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
   }, {
     key: "onInteractionComplete",
     value: function onInteractionComplete(_ref2) {
-      var _getConfig3,
+      var _getConfig,
         _this = this;
       var ufoName = _ref2.ufoName,
         start = _ref2.start,
@@ -198,7 +200,7 @@ var PostInteractionLog = exports.default = /*#__PURE__*/function () {
         experimentalVC90: experimentalVC90,
         errors: errors
       };
-      var timeout = ((_getConfig3 = (0, _config.getConfig)()) === null || _getConfig3 === void 0 ? void 0 : _getConfig3.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
+      var timeout = ((_getConfig = (0, _config.getConfig)()) === null || _getConfig === void 0 ? void 0 : _getConfig.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
       this.sinkTimeoutId = window.setTimeout( /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2() {
         return _regenerator.default.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {

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

@@ -99,20 +99,23 @@ function init(analyticsWebClientAsync, config) {
       ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
       disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
-    if (!(0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_observer_per_interaction')) {
-      (0, _vc.getVCObserver)(vcOptions).start({
-        startTime: 0
-      });
-    }
     _interactionMetrics.postInteractionLog.initializeVCObserver(vcOptions);
-    _interactionMetrics.postInteractionLog.startVCObserver({
-      startTime: 0
-    });
     if (config !== null && config !== void 0 && (_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
       _createExperimentalInteractionMetricsPayload.experimentalVC.initialize(vcOptions).start({
         startTime: 0
       });
     }
+    if (!(0, _platformFeatureFlags.fg)('platform_ufo_enable_vc_observer_per_interaction')) {
+      var _config$postInteracti;
+      (0, _vc.getVCObserver)(vcOptions).start({
+        startTime: 0
+      });
+      if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
+        _interactionMetrics.postInteractionLog.startVCObserver({
+          startTime: 0
+        });
+      }
+    }
   }
   (0, _hiddenTiming.setupHiddenTimingCapture)();
   (0, _additionalPayload.startLighthouseObserver)();
@@ -138,23 +141,23 @@ function init(analyticsWebClientAsync, config) {
       createPostInteractionLogPayloadPackage = _ref2[2];
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(function (client) {
-        var _config$experimentalI2, _config$postInteracti;
+        var _config$experimentalI2, _config$postInteracti2;
         var instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
         if (config !== null && config !== void 0 && (_config$experimentalI2 = config.experimentalInteractionMetrics) !== null && _config$experimentalI2 !== void 0 && _config$experimentalI2.enabled) {
           sinkExperimentalInteractionMetrics(instance, payloadPackage);
         }
-        if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
+        if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
       });
     } else if (awc.sendOperationalEvent) {
-      var _config$experimentalI3, _config$postInteracti2;
+      var _config$experimentalI3, _config$postInteracti3;
       sinkInteraction(awc, payloadPackage);
       if (config !== null && config !== void 0 && (_config$experimentalI3 = config.experimentalInteractionMetrics) !== null && _config$experimentalI3 !== void 0 && _config$experimentalI3.enabled) {
         sinkExperimentalInteractionMetrics(awc, payloadPackage);
       }
-      if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
+      if ((_config$postInteracti3 = config.postInteractionLog) !== null && _config$postInteracti3 !== void 0 && _config$postInteracti3.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }
     }

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

@@ -1,7 +1,7 @@
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getInteractionTimeout } from '../config';
+import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getInteractionTimeout, getPostInteractionRate } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
 import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
@@ -607,11 +607,14 @@ function callCancelCallbacks(interaction) {
 export function abort(interactionId, abortReason) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig0, _getConfig0$experimen;
     callCancelCallbacks(interaction);
     interaction.abortReason = abortReason;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig0 = getConfig()) !== null && _getConfig0 !== void 0 && (_getConfig0$experimen = _getConfig0.experimentalInteractionMetrics) !== null && _getConfig0$experimen !== void 0 && _getConfig0$experimen.enabled) {
+    if (coinflip(getPostInteractionRate(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if (coinflip(getExperimentalInteractionRate(interaction.ufoName, interaction.type))) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -620,12 +623,15 @@ export function abort(interactionId, abortReason) {
 export function abortByNewInteraction(interactionId, interactionName) {
   const interaction = interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig1, _getConfig1$experimen;
     callCancelCallbacks(interaction);
     interaction.abortReason = 'new_interaction';
     interaction.abortedByInteractionName = interactionName;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig1 = getConfig()) !== null && _getConfig1 !== void 0 && (_getConfig1$experimen = _getConfig1.experimentalInteractionMetrics) !== null && _getConfig1$experimen !== void 0 && _getConfig1$experimen.enabled) {
+    if (coinflip(getPostInteractionRate(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if (coinflip(getExperimentalInteractionRate(interaction.ufoName, interaction.type))) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -633,7 +639,6 @@ export function abortByNewInteraction(interactionId, interactionName) {
 }
 export function abortAll(abortReason, abortedByInteractionName) {
   interactions.forEach((interaction, interactionId) => {
-    var _getConfig10, _getConfig10$experime;
     const noMoreHolds = interaction.holdActive.size === 0;
     if (!noMoreHolds) {
       callCancelCallbacks(interaction);
@@ -643,7 +648,11 @@ export function abortAll(abortReason, abortedByInteractionName) {
       }
     }
     finishInteraction(interactionId, interaction);
-    if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10$experime = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10$experime !== void 0 && _getConfig10$experime.enabled) {
+    if (coinflip(getPostInteractionRate(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if (coinflip(getExperimentalInteractionRate(interaction.ufoName, interaction.type))) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -654,8 +663,7 @@ 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 _getConfig11, _getConfig11$postInte;
-  if ((_getConfig11 = getConfig()) !== null && _getConfig11 !== void 0 && (_getConfig11$postInte = _getConfig11.postInteractionLog) !== null && _getConfig11$postInte !== void 0 && _getConfig11$postInte.enabled) {
+  if (coinflip(getPostInteractionRate(ufoName, type))) {
     postInteractionLog.reset();
   }
   let vcObserver;
@@ -767,20 +775,23 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     addHoldByID(interactionId, [], ufoName, ufoName, true);
   }
   if (type === 'transition' || type === 'page_load') {
-    var _getConfig12, _getConfig12$experime;
     // Use per-interaction VC observer if available, otherwise fall back to global
     const observer = vcObserver || getVCObserver();
     observer.start({
       startTime,
       experienceKey: ufoName
     });
-    postInteractionLog.startVCObserver({
-      startTime
-    });
-    if ((_getConfig12 = getConfig()) !== null && _getConfig12 !== void 0 && (_getConfig12$experime = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12$experime !== void 0 && _getConfig12$experime.enabled) {
-      experimentalVC.start({
-        startTime
-      });
+    if (type === 'transition' || fg('platform_ufo_enable_vc_observer_per_interaction')) {
+      if (coinflip(getPostInteractionRate(ufoName, type))) {
+        postInteractionLog.startVCObserver({
+          startTime
+        });
+      }
+      if (coinflip(getExperimentalInteractionRate(ufoName, type))) {
+        experimentalVC.start({
+          startTime
+        });
+      }
     }
   }
   if (type === 'press' && fg('platform_ufo_enable_vc_press_interactions')) {

package/dist/es2019/interaction-metrics/post-interaction-log.js

@@ -40,6 +40,10 @@ export default class PostInteractionLog {
       startTime
     });
   }
+  stopVCObserver() {
+    var _this$vcObserver2;
+    (_this$vcObserver2 = this.vcObserver) === null || _this$vcObserver2 === void 0 ? void 0 : _this$vcObserver2.stop();
+  }
   setVCObserverSSRConfig(vcObserverSSRConfig) {
     this.vcObserverSSRConfig = vcObserverSSRConfig;
   }
@@ -84,17 +88,14 @@ export default class PostInteractionLog {
    * Send the log if there is data
    */
   async sendPostInteractionLog() {
-    var _this$vcObserver3, _getConfig2, _getConfig2$experimen;
+    var _this$vcObserver4, _this$vcObserver5;
     if (!this.hasData() || !this.lastInteractionFinish || !this.sinkHandlerFn) {
-      var _getConfig, _getConfig$experiment;
+      var _this$vcObserver3;
       this.reset();
-      if ((_getConfig = getConfig()) !== null && _getConfig !== void 0 && (_getConfig$experiment = _getConfig.experimentalInteractionMetrics) !== null && _getConfig$experiment !== void 0 && _getConfig$experiment.enabled) {
-        var _this$vcObserver2;
-        (_this$vcObserver2 = this.vcObserver) === null || _this$vcObserver2 === void 0 ? void 0 : _this$vcObserver2.stop();
-      }
+      (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.stop();
       return;
     }
-    const postInteractionFinishVCResult = await ((_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.getVCResult({
+    const postInteractionFinishVCResult = await ((_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult({
       start: this.lastInteractionFinish.start,
       stop: performance.now(),
       tti: -1,
@@ -104,10 +105,7 @@ export default class PostInteractionLog {
       ...this.vcObserverSSRConfig,
       experienceKey: this.lastInteractionFinish.ufoName
     }));
-    if ((_getConfig2 = getConfig()) !== null && _getConfig2 !== void 0 && (_getConfig2$experimen = _getConfig2.experimentalInteractionMetrics) !== null && _getConfig2$experimen !== void 0 && _getConfig2$experimen.enabled) {
-      var _this$vcObserver4;
-      (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.stop();
-    }
+    (_this$vcObserver5 = this.vcObserver) === null || _this$vcObserver5 === void 0 ? void 0 : _this$vcObserver5.stop();
     this.sinkHandlerFn({
       lastInteractionFinish: this.lastInteractionFinish,
       reactProfilerTimings: this.reactProfilerTimings,
@@ -135,7 +133,7 @@ export default class PostInteractionLog {
     experimentalVC90,
     errors
   }) {
-    var _getConfig3;
+    var _getConfig;
     this.lastInteractionFinish = {
       ufoName,
       start,
@@ -149,7 +147,7 @@ export default class PostInteractionLog {
       experimentalVC90,
       errors
     };
-    const timeout = ((_getConfig3 = getConfig()) === null || _getConfig3 === void 0 ? void 0 : _getConfig3.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
+    const timeout = ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : _getConfig.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
     this.sinkTimeoutId = window.setTimeout(async () => {
       await this.sendPostInteractionLog();
     }, timeout);

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

@@ -89,20 +89,23 @@ export function init(analyticsWebClientAsync, config) {
       ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
       disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
-    if (!fg('platform_ufo_enable_vc_observer_per_interaction')) {
-      getVCObserver(vcOptions).start({
-        startTime: 0
-      });
-    }
     postInteractionLog.initializeVCObserver(vcOptions);
-    postInteractionLog.startVCObserver({
-      startTime: 0
-    });
     if (config !== null && config !== void 0 && (_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
       experimentalVC.initialize(vcOptions).start({
         startTime: 0
       });
     }
+    if (!fg('platform_ufo_enable_vc_observer_per_interaction')) {
+      var _config$postInteracti;
+      getVCObserver(vcOptions).start({
+        startTime: 0
+      });
+      if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
+        postInteractionLog.startVCObserver({
+          startTime: 0
+        });
+      }
+    }
   }
   setupHiddenTimingCapture();
   startLighthouseObserver();
@@ -120,23 +123,23 @@ export function init(analyticsWebClientAsync, config) {
   Promise.all([analyticsWebClientAsync, import( /* webpackChunkName: "create-payloads" */'../create-payload'), import( /* webpackChunkName: "create-post-interaction-log-payload" */'../create-post-interaction-log-payload')]).then(([awc, payloadPackage, createPostInteractionLogPayloadPackage]) => {
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(client => {
-        var _config$experimentalI2, _config$postInteracti;
+        var _config$experimentalI2, _config$postInteracti2;
         const instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
         if (config !== null && config !== void 0 && (_config$experimentalI2 = config.experimentalInteractionMetrics) !== null && _config$experimentalI2 !== void 0 && _config$experimentalI2.enabled) {
           sinkExperimentalInteractionMetrics(instance, payloadPackage);
         }
-        if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
+        if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
       });
     } else if (awc.sendOperationalEvent) {
-      var _config$experimentalI3, _config$postInteracti2;
+      var _config$experimentalI3, _config$postInteracti3;
       sinkInteraction(awc, payloadPackage);
       if (config !== null && config !== void 0 && (_config$experimentalI3 = config.experimentalInteractionMetrics) !== null && _config$experimentalI3 !== void 0 && _config$experimentalI3.enabled) {
         sinkExperimentalInteractionMetrics(awc, payloadPackage);
       }
-      if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
+      if ((_config$postInteracti3 = config.postInteractionLog) !== null && _config$postInteracti3 !== void 0 && _config$postInteracti3.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }
     }

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

@@ -11,7 +11,7 @@ function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length)
 import { v4 as createUUID } from 'uuid';
 import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getInteractionTimeout } from '../config';
+import { getAwaitBM3TTIList, getCapabilityRate, getConfig, getExperimentalInteractionRate, getInteractionTimeout, getPostInteractionRate } from '../config';
 import { experimentalVC, getExperimentalVCMetrics, onExperimentalInteractionComplete } from '../create-experimental-interaction-metrics-payload';
 import { clearActiveTrace } from '../experience-trace-id-context';
 import { allFeatureFlagsAccessed, currentFeatureFlagsAccessed } from '../feature-flags-accessed';
@@ -685,11 +685,14 @@ function callCancelCallbacks(interaction) {
 export function abort(interactionId, abortReason) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig0;
     callCancelCallbacks(interaction);
     interaction.abortReason = abortReason;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig0 = getConfig()) !== null && _getConfig0 !== void 0 && (_getConfig0 = _getConfig0.experimentalInteractionMetrics) !== null && _getConfig0 !== void 0 && _getConfig0.enabled) {
+    if (coinflip(getPostInteractionRate(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if (coinflip(getExperimentalInteractionRate(interaction.ufoName, interaction.type))) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -698,12 +701,15 @@ export function abort(interactionId, abortReason) {
 export function abortByNewInteraction(interactionId, interactionName) {
   var interaction = interactions.get(interactionId);
   if (interaction != null) {
-    var _getConfig1;
     callCancelCallbacks(interaction);
     interaction.abortReason = 'new_interaction';
     interaction.abortedByInteractionName = interactionName;
     finishInteraction(interactionId, interaction);
-    if ((_getConfig1 = getConfig()) !== null && _getConfig1 !== void 0 && (_getConfig1 = _getConfig1.experimentalInteractionMetrics) !== null && _getConfig1 !== void 0 && _getConfig1.enabled) {
+    if (coinflip(getPostInteractionRate(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if (coinflip(getExperimentalInteractionRate(interaction.ufoName, interaction.type))) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -711,7 +717,6 @@ export function abortByNewInteraction(interactionId, interactionName) {
 }
 export function abortAll(abortReason, abortedByInteractionName) {
   interactions.forEach(function (interaction, interactionId) {
-    var _getConfig10;
     var noMoreHolds = interaction.holdActive.size === 0;
     if (!noMoreHolds) {
       callCancelCallbacks(interaction);
@@ -721,7 +726,11 @@ export function abortAll(abortReason, abortedByInteractionName) {
       }
     }
     finishInteraction(interactionId, interaction);
-    if ((_getConfig10 = getConfig()) !== null && _getConfig10 !== void 0 && (_getConfig10 = _getConfig10.experimentalInteractionMetrics) !== null && _getConfig10 !== void 0 && _getConfig10.enabled) {
+    if (coinflip(getPostInteractionRate(interaction.ufoName, interaction.type))) {
+      postInteractionLog.reset();
+      postInteractionLog.stopVCObserver();
+    }
+    if (coinflip(getExperimentalInteractionRate(interaction.ufoName, interaction.type))) {
       onExperimentalInteractionComplete(interactionId, interaction);
       remove(interactionId);
     }
@@ -732,9 +741,8 @@ export function addOnCancelCallback(id, cancelCallback) {
   interaction === null || interaction === void 0 || interaction.cancelCallbacks.push(cancelCallback);
 }
 export function addNewInteraction(interactionId, ufoName, type, startTime, rate, labelStack, routeName) {
-  var _getConfig11;
   var trace = arguments.length > 7 && arguments[7] !== undefined ? arguments[7] : null;
-  if ((_getConfig11 = getConfig()) !== null && _getConfig11 !== void 0 && (_getConfig11 = _getConfig11.postInteractionLog) !== null && _getConfig11 !== void 0 && _getConfig11.enabled) {
+  if (coinflip(getPostInteractionRate(ufoName, type))) {
     postInteractionLog.reset();
   }
   var vcObserver;
@@ -846,20 +854,23 @@ export function addNewInteraction(interactionId, ufoName, type, startTime, rate,
     addHoldByID(interactionId, [], ufoName, ufoName, true);
   }
   if (type === 'transition' || type === 'page_load') {
-    var _getConfig12;
     // Use per-interaction VC observer if available, otherwise fall back to global
     var observer = vcObserver || getVCObserver();
     observer.start({
       startTime: startTime,
       experienceKey: ufoName
     });
-    postInteractionLog.startVCObserver({
-      startTime: startTime
-    });
-    if ((_getConfig12 = getConfig()) !== null && _getConfig12 !== void 0 && (_getConfig12 = _getConfig12.experimentalInteractionMetrics) !== null && _getConfig12 !== void 0 && _getConfig12.enabled) {
-      experimentalVC.start({
-        startTime: startTime
-      });
+    if (type === 'transition' || fg('platform_ufo_enable_vc_observer_per_interaction')) {
+      if (coinflip(getPostInteractionRate(ufoName, type))) {
+        postInteractionLog.startVCObserver({
+          startTime: startTime
+        });
+      }
+      if (coinflip(getExperimentalInteractionRate(ufoName, type))) {
+        experimentalVC.start({
+          startTime: startTime
+        });
+      }
     }
   }
   if (type === 'press' && fg('platform_ufo_enable_vc_press_interactions')) {

package/dist/esm/interaction-metrics/post-interaction-log.js

@@ -49,6 +49,12 @@ var PostInteractionLog = /*#__PURE__*/function () {
         startTime: startTime
       });
     }
+  }, {
+    key: "stopVCObserver",
+    value: function stopVCObserver() {
+      var _this$vcObserver2;
+      (_this$vcObserver2 = this.vcObserver) === null || _this$vcObserver2 === void 0 || _this$vcObserver2.stop();
+    }
   }, {
     key: "setVCObserverSSRConfig",
     value: function setVCObserverSSRConfig(vcObserverSSRConfig) {
@@ -107,8 +113,8 @@ var PostInteractionLog = /*#__PURE__*/function () {
     key: "sendPostInteractionLog",
     value: (function () {
       var _sendPostInteractionLog = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-        var _this$vcObserver3, _getConfig2;
-        var _getConfig, _this$vcObserver2, postInteractionFinishVCResult, _this$vcObserver4;
+        var _this$vcObserver4, _this$vcObserver5;
+        var _this$vcObserver3, postInteractionFinishVCResult;
         return _regeneratorRuntime.wrap(function _callee$(_context) {
           while (1) switch (_context.prev = _context.next) {
             case 0:
@@ -117,13 +123,11 @@ var PostInteractionLog = /*#__PURE__*/function () {
                 break;
               }
               this.reset();
-              if ((_getConfig = getConfig()) !== null && _getConfig !== void 0 && (_getConfig = _getConfig.experimentalInteractionMetrics) !== null && _getConfig !== void 0 && _getConfig.enabled) {
-                (_this$vcObserver2 = this.vcObserver) === null || _this$vcObserver2 === void 0 || _this$vcObserver2.stop();
-              }
+              (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 || _this$vcObserver3.stop();
               return _context.abrupt("return");
             case 4:
               _context.next = 6;
-              return (_this$vcObserver3 = this.vcObserver) === null || _this$vcObserver3 === void 0 ? void 0 : _this$vcObserver3.getVCResult(_objectSpread(_objectSpread({
+              return (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 ? void 0 : _this$vcObserver4.getVCResult(_objectSpread(_objectSpread({
                 start: this.lastInteractionFinish.start,
                 stop: performance.now(),
                 tti: -1,
@@ -135,9 +139,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
               }));
             case 6:
               postInteractionFinishVCResult = _context.sent;
-              if ((_getConfig2 = getConfig()) !== null && _getConfig2 !== void 0 && (_getConfig2 = _getConfig2.experimentalInteractionMetrics) !== null && _getConfig2 !== void 0 && _getConfig2.enabled) {
-                (_this$vcObserver4 = this.vcObserver) === null || _this$vcObserver4 === void 0 || _this$vcObserver4.stop();
-              }
+              (_this$vcObserver5 = this.vcObserver) === null || _this$vcObserver5 === void 0 || _this$vcObserver5.stop();
               this.sinkHandlerFn({
                 lastInteractionFinish: this.lastInteractionFinish,
                 reactProfilerTimings: this.reactProfilerTimings,
@@ -165,7 +167,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
   }, {
     key: "onInteractionComplete",
     value: function onInteractionComplete(_ref2) {
-      var _getConfig3,
+      var _getConfig,
         _this = this;
       var ufoName = _ref2.ufoName,
         start = _ref2.start,
@@ -191,7 +193,7 @@ var PostInteractionLog = /*#__PURE__*/function () {
         experimentalVC90: experimentalVC90,
         errors: errors
       };
-      var timeout = ((_getConfig3 = getConfig()) === null || _getConfig3 === void 0 ? void 0 : _getConfig3.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
+      var timeout = ((_getConfig = getConfig()) === null || _getConfig === void 0 ? void 0 : _getConfig.timeWindowForLateMutationsInMilliseconds) || POST_INTERACTION_LOG_SEND_DEFAULT_TIMEOUT;
       this.sinkTimeoutId = window.setTimeout( /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
         return _regeneratorRuntime.wrap(function _callee2$(_context2) {
           while (1) switch (_context2.prev = _context2.next) {

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

@@ -90,20 +90,23 @@ export function init(analyticsWebClientAsync, config) {
       ssrEnablePageLayoutPlaceholder: config.vc.ssrEnablePageLayoutPlaceholder,
       disableSizeAndPositionCheck: config.vc.disableSizeAndPositionCheck
     };
-    if (!fg('platform_ufo_enable_vc_observer_per_interaction')) {
-      getVCObserver(vcOptions).start({
-        startTime: 0
-      });
-    }
     postInteractionLog.initializeVCObserver(vcOptions);
-    postInteractionLog.startVCObserver({
-      startTime: 0
-    });
     if (config !== null && config !== void 0 && (_config$experimentalI = config.experimentalInteractionMetrics) !== null && _config$experimentalI !== void 0 && _config$experimentalI.enabled) {
       experimentalVC.initialize(vcOptions).start({
         startTime: 0
       });
     }
+    if (!fg('platform_ufo_enable_vc_observer_per_interaction')) {
+      var _config$postInteracti;
+      getVCObserver(vcOptions).start({
+        startTime: 0
+      });
+      if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
+        postInteractionLog.startVCObserver({
+          startTime: 0
+        });
+      }
+    }
   }
   setupHiddenTimingCapture();
   startLighthouseObserver();
@@ -125,23 +128,23 @@ export function init(analyticsWebClientAsync, config) {
       createPostInteractionLogPayloadPackage = _ref2[2];
     if (awc.getAnalyticsWebClientPromise) {
       awc.getAnalyticsWebClientPromise().then(function (client) {
-        var _config$experimentalI2, _config$postInteracti;
+        var _config$experimentalI2, _config$postInteracti2;
         var instance = client.getInstance();
         sinkInteraction(instance, payloadPackage);
         if (config !== null && config !== void 0 && (_config$experimentalI2 = config.experimentalInteractionMetrics) !== null && _config$experimentalI2 !== void 0 && _config$experimentalI2.enabled) {
           sinkExperimentalInteractionMetrics(instance, payloadPackage);
         }
-        if ((_config$postInteracti = config.postInteractionLog) !== null && _config$postInteracti !== void 0 && _config$postInteracti.enabled) {
+        if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
           sinkPostInteractionLog(instance, createPostInteractionLogPayloadPackage.default);
         }
       });
     } else if (awc.sendOperationalEvent) {
-      var _config$experimentalI3, _config$postInteracti2;
+      var _config$experimentalI3, _config$postInteracti3;
       sinkInteraction(awc, payloadPackage);
       if (config !== null && config !== void 0 && (_config$experimentalI3 = config.experimentalInteractionMetrics) !== null && _config$experimentalI3 !== void 0 && _config$experimentalI3.enabled) {
         sinkExperimentalInteractionMetrics(awc, payloadPackage);
       }
-      if ((_config$postInteracti2 = config.postInteractionLog) !== null && _config$postInteracti2 !== void 0 && _config$postInteracti2.enabled) {
+      if ((_config$postInteracti3 = config.postInteractionLog) !== null && _config$postInteracti3 !== void 0 && _config$postInteracti3.enabled) {
         sinkPostInteractionLog(awc, createPostInteractionLogPayloadPackage.default);
       }
     }

package/dist/types/interaction-metrics/post-interaction-log.d.ts

@@ -27,6 +27,7 @@ export default class PostInteractionLog {
     startVCObserver({ startTime }: {
         startTime: number;
     }): void;
+    stopVCObserver(): void;
     setVCObserverSSRConfig(vcObserverSSRConfig: {
         ssr: number | undefined;
     } | null): void;

package/dist/types-ts4.5/interaction-metrics/post-interaction-log.d.ts

@@ -27,6 +27,7 @@ export default class PostInteractionLog {
     startVCObserver({ startTime }: {
         startTime: number;
     }): void;
+    stopVCObserver(): void;
     setVCObserverSSRConfig(vcObserverSSRConfig: {
         ssr: number | undefined;
     } | null): void;

package/package.json

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