@atlaskit/react-ufo 3.13.24 → 3.13.26

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @atlaskit/ufo-interaction-ignore
 
+## 3.13.26
+
+### Patch Changes
+
+- [#175577](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175577)
+  [`ab132e5fd6642`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/ab132e5fd6642) -
+  ensure post-interaction-log events are only for page_load and transition events
+- [#175545](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/175545)
+  [`b16b0a70a3516`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/b16b0a70a3516) -
+  bugfix: correctly layout shift entry sources being undefined in TTVC v3 logic
+
+## 3.13.25
+
+### Patch Changes
+
+- [#174299](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/174299)
+  [`d5a2065348f4d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/d5a2065348f4d) -
+  Use most recent VC revision for post interaction log late mutation
+
 ## 3.13.24
 
 ### Patch Changes

package/dist/cjs/config/index.js

@@ -177,6 +177,9 @@ function getPostInteractionRate(name, interactionType) {
     if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
       return 0;
     }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
     if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
       return postInteractionLog.rates[name];
     }

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

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
+var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 var _coinflip = _interopRequireDefault(require("../coinflip"));
 var _config = require("../config");
 var _utils = require("../create-payload/common/utils");
@@ -123,6 +124,9 @@ function createPostInteractionLogPayload(_ref2) {
   if (!config) {
     throw Error('UFO Configuration not provided');
   }
+  if (!lastInteractionFinish) {
+    return null;
+  }
   var ufoName = (0, _utils.sanitizeUfoName)(lastInteractionFinish.ufoName);
   var rate = (0, _config.getPostInteractionRate)(ufoName, lastInteractionFinish.type);
   if (!(0, _coinflip.default)(rate)) {
@@ -150,12 +154,13 @@ function createPostInteractionLogPayload(_ref2) {
   var lastInteractionFinishStart = Math.round(lastInteractionFinish.start);
   var lastInteractionFinishEnd = Math.round(lastInteractionFinish.end);
   var lastInteractionFinishTTAI = Math.round(lastInteractionFinish.end - lastInteractionFinish.start);
+  var mostRecentVCRevision = (0, _platformFeatureFlags.fg)('platform_ufo_post_interaction_most_recent_vc_rev') ? (0, _config.getMostRecentVCRevision)(lastInteractionFinish.ufoName) : 'fy25.02';
   var lastInteractionFinishVC90 = null;
   var lastInteractionFinishVCClean = false;
   var lastInteractionFinishVCRev = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['ufo:vc:rev'];
   var lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(function (_ref3) {
     var revision = _ref3.revision;
-    return revision === 'fy25.02';
+    return revision === mostRecentVCRevision;
   });
   if (lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean) {
     var _lastInteractionFinis;
@@ -169,7 +174,7 @@ function createPostInteractionLogPayload(_ref2) {
   var postInteractionFinishVCRev = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:rev'];
   var postInteractionFinishRevision = postInteractionFinishVCRev === null || postInteractionFinishVCRev === void 0 ? void 0 : postInteractionFinishVCRev.find(function (_ref4) {
     var revision = _ref4.revision;
-    return revision === 'fy25.02';
+    return revision === mostRecentVCRevision;
   });
   if (postInteractionFinishRevision !== null && postInteractionFinishRevision !== void 0 && postInteractionFinishRevision.clean) {
     postInteractionFinishVCClean = true;

package/dist/cjs/experience-trace-id-context/index.js

@@ -45,6 +45,6 @@ function getActiveTraceHttpRequestHeaders(_url) {
   return (0, _makeTraceHttpRequestHeaders.makeTraceHttpRequestHeaders)(traceId, spanId);
 }
 function getActiveTraceAsQueryParams(_url) {
-  var traceHeaders = getActiveTraceHttpRequestHeaders(_url);
+  var traceHeaders = getActiveTraceHttpRequestHeaders();
   return traceHeaders ? new URLSearchParams(traceHeaders).toString().toLowerCase() : null;
 }

package/dist/cjs/vc/vc-observer-new/viewport-observer/performance-observer/index.js

@@ -31,9 +31,8 @@ function createPerformanceObserver(_ref) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var entry = _step.value;
-        if (entry.entryType === 'layout-shift') {
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (entry.entryType === 'layout-shift' && 'sources' in entry) {
+          // see https://developer.mozilla.org/en-US/docs/Web/API/LayoutShiftAttribution for more info
           var changedRects = entry.sources.reduceRight(function (acc, attr) {
             acc.push({
               rect: convertPhysicalToLogicalResolution(attr.currentRect),

package/dist/es2019/config/index.js

@@ -157,6 +157,9 @@ export function getPostInteractionRate(name, interactionType) {
     if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
       return 0;
     }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
     if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
       return postInteractionLog.rates[name];
     }

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

@@ -1,5 +1,6 @@
+import { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getConfig, getPostInteractionRate } from '../config';
+import { getConfig, getMostRecentVCRevision, getPostInteractionRate } from '../config';
 import { isSegmentLabel, sanitizeUfoName } from '../create-payload/common/utils';
 import { getReactUFOPayloadVersion } from '../create-payload/utils/get-react-ufo-payload-version';
 import { getPageVisibilityState } from '../hidden-timing';
@@ -110,6 +111,9 @@ function createPostInteractionLogPayload({
   if (!config) {
     throw Error('UFO Configuration not provided');
   }
+  if (!lastInteractionFinish) {
+    return null;
+  }
   const ufoName = sanitizeUfoName(lastInteractionFinish.ufoName);
   const rate = getPostInteractionRate(ufoName, lastInteractionFinish.type);
   if (!coinflip(rate)) {
@@ -135,12 +139,13 @@ function createPostInteractionLogPayload({
   const lastInteractionFinishStart = Math.round(lastInteractionFinish.start);
   const lastInteractionFinishEnd = Math.round(lastInteractionFinish.end);
   const lastInteractionFinishTTAI = Math.round(lastInteractionFinish.end - lastInteractionFinish.start);
+  const mostRecentVCRevision = fg('platform_ufo_post_interaction_most_recent_vc_rev') ? getMostRecentVCRevision(lastInteractionFinish.ufoName) : 'fy25.02';
   let lastInteractionFinishVC90 = null;
   let lastInteractionFinishVCClean = false;
   const lastInteractionFinishVCRev = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['ufo:vc:rev'];
   const lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(({
     revision
-  }) => revision === 'fy25.02');
+  }) => revision === mostRecentVCRevision);
   if (lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean) {
     var _lastInteractionFinis;
     lastInteractionFinishVCClean = true;
@@ -153,7 +158,7 @@ function createPostInteractionLogPayload({
   const postInteractionFinishVCRev = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:rev'];
   const postInteractionFinishRevision = postInteractionFinishVCRev === null || postInteractionFinishVCRev === void 0 ? void 0 : postInteractionFinishVCRev.find(({
     revision
-  }) => revision === 'fy25.02');
+  }) => revision === mostRecentVCRevision);
   if (postInteractionFinishRevision !== null && postInteractionFinishRevision !== void 0 && postInteractionFinishRevision.clean) {
     postInteractionFinishVCClean = true;
     postInteractionFinishVCRatios = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:ratios'];

package/dist/es2019/experience-trace-id-context/index.js

@@ -32,6 +32,6 @@ export function getActiveTraceHttpRequestHeaders(_url) {
   return makeTraceHttpRequestHeaders(traceId, spanId);
 }
 export function getActiveTraceAsQueryParams(_url) {
-  const traceHeaders = getActiveTraceHttpRequestHeaders(_url);
+  const traceHeaders = getActiveTraceHttpRequestHeaders();
   return traceHeaders ? new URLSearchParams(traceHeaders).toString().toLowerCase() : null;
 }

package/dist/es2019/vc/vc-observer-new/viewport-observer/performance-observer/index.js

@@ -18,9 +18,8 @@ function createPerformanceObserver({
   }
   const performanceObserverCallback = entries => {
     for (const entry of entries.getEntries()) {
-      if (entry.entryType === 'layout-shift') {
-        // Ignored via go/ees005
-        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      if (entry.entryType === 'layout-shift' && 'sources' in entry) {
+        // see https://developer.mozilla.org/en-US/docs/Web/API/LayoutShiftAttribution for more info
         const changedRects = entry.sources.reduceRight((acc, attr) => {
           acc.push({
             rect: convertPhysicalToLogicalResolution(attr.currentRect),

package/dist/esm/config/index.js

@@ -153,6 +153,9 @@ export function getPostInteractionRate(name, interactionType) {
     if (!(postInteractionLog !== null && postInteractionLog !== void 0 && postInteractionLog.enabled)) {
       return 0;
     }
+    if (interactionType !== 'page_load' && interactionType !== 'transition') {
+      return 0;
+    }
     if (postInteractionLog.rates && typeof postInteractionLog.rates[name] === 'number') {
       return postInteractionLog.rates[name];
     }

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 { fg } from '@atlaskit/platform-feature-flags';
 import coinflip from '../coinflip';
-import { getConfig, getPostInteractionRate } from '../config';
+import { getConfig, getMostRecentVCRevision, getPostInteractionRate } from '../config';
 import { isSegmentLabel, sanitizeUfoName } from '../create-payload/common/utils';
 import { getReactUFOPayloadVersion } from '../create-payload/utils/get-react-ufo-payload-version';
 import { getPageVisibilityState } from '../hidden-timing';
@@ -116,6 +117,9 @@ function createPostInteractionLogPayload(_ref2) {
   if (!config) {
     throw Error('UFO Configuration not provided');
   }
+  if (!lastInteractionFinish) {
+    return null;
+  }
   var ufoName = sanitizeUfoName(lastInteractionFinish.ufoName);
   var rate = getPostInteractionRate(ufoName, lastInteractionFinish.type);
   if (!coinflip(rate)) {
@@ -143,12 +147,13 @@ function createPostInteractionLogPayload(_ref2) {
   var lastInteractionFinishStart = Math.round(lastInteractionFinish.start);
   var lastInteractionFinishEnd = Math.round(lastInteractionFinish.end);
   var lastInteractionFinishTTAI = Math.round(lastInteractionFinish.end - lastInteractionFinish.start);
+  var mostRecentVCRevision = fg('platform_ufo_post_interaction_most_recent_vc_rev') ? getMostRecentVCRevision(lastInteractionFinish.ufoName) : 'fy25.02';
   var lastInteractionFinishVC90 = null;
   var lastInteractionFinishVCClean = false;
   var lastInteractionFinishVCRev = lastInteractionFinishVCResult === null || lastInteractionFinishVCResult === void 0 ? void 0 : lastInteractionFinishVCResult['ufo:vc:rev'];
   var lastInteractionFinishRevision = lastInteractionFinishVCRev === null || lastInteractionFinishVCRev === void 0 ? void 0 : lastInteractionFinishVCRev.find(function (_ref3) {
     var revision = _ref3.revision;
-    return revision === 'fy25.02';
+    return revision === mostRecentVCRevision;
   });
   if (lastInteractionFinishRevision !== null && lastInteractionFinishRevision !== void 0 && lastInteractionFinishRevision.clean) {
     var _lastInteractionFinis;
@@ -162,7 +167,7 @@ function createPostInteractionLogPayload(_ref2) {
   var postInteractionFinishVCRev = postInteractionFinishVCResult === null || postInteractionFinishVCResult === void 0 ? void 0 : postInteractionFinishVCResult['ufo:vc:rev'];
   var postInteractionFinishRevision = postInteractionFinishVCRev === null || postInteractionFinishVCRev === void 0 ? void 0 : postInteractionFinishVCRev.find(function (_ref4) {
     var revision = _ref4.revision;
-    return revision === 'fy25.02';
+    return revision === mostRecentVCRevision;
   });
   if (postInteractionFinishRevision !== null && postInteractionFinishRevision !== void 0 && postInteractionFinishRevision.clean) {
     postInteractionFinishVCClean = true;

package/dist/esm/experience-trace-id-context/index.js

@@ -33,6 +33,6 @@ export function getActiveTraceHttpRequestHeaders(_url) {
   return makeTraceHttpRequestHeaders(traceId, spanId);
 }
 export function getActiveTraceAsQueryParams(_url) {
-  var traceHeaders = getActiveTraceHttpRequestHeaders(_url);
+  var traceHeaders = getActiveTraceHttpRequestHeaders();
   return traceHeaders ? new URLSearchParams(traceHeaders).toString().toLowerCase() : null;
 }

package/dist/esm/vc/vc-observer-new/viewport-observer/performance-observer/index.js

@@ -24,9 +24,8 @@ function createPerformanceObserver(_ref) {
     try {
       for (_iterator.s(); !(_step = _iterator.n()).done;) {
         var entry = _step.value;
-        if (entry.entryType === 'layout-shift') {
-          // Ignored via go/ees005
-          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        if (entry.entryType === 'layout-shift' && 'sources' in entry) {
+          // see https://developer.mozilla.org/en-US/docs/Web/API/LayoutShiftAttribution for more info
           var changedRects = entry.sources.reduceRight(function (acc, attr) {
             acc.push({
               rect: convertPhysicalToLogicalResolution(attr.currentRect),

package/dist/types/common/react-ufo-payload-schema.d.ts

@@ -174,7 +174,7 @@ export type ReactUFOPayload = {
         };
     };
 };
-type LateElement = {
+export type LateMutation = {
     time: number;
     element: string;
     viewportHeatmapPercentage: number;
@@ -213,7 +213,7 @@ export type PostInteractionLogPayload = {
                 revisedTtai: number;
                 revisedVC90: number;
                 vcClean: boolean;
-                lateMutations: LateElement[];
+                lateMutations: LateMutation[];
                 reactProfilerTimings: ReactProfilerTiming[];
             };
         };

package/dist/types/create-post-interaction-log-payload/get-late-mutations.d.ts

@@ -1,5 +1,5 @@
 import type { LastInteractionFinishInfo } from '../common';
+import { LateMutation } from '../common/react-ufo-payload-schema';
 import type { RevisionPayloadVCDetails } from '../common/vc/types';
-import type { LateMutation } from './types';
 declare function getLateMutations(vcDetails: RevisionPayloadVCDetails, lastInteractionFinish: LastInteractionFinishInfo, postInteractionFinishVCRatios: Record<string, number>): LateMutation[];
 export default getLateMutations;

package/dist/types/create-post-interaction-log-payload/index.d.ts

@@ -1,5 +1,5 @@
 import { type PostInteractionLogOutput } from '../common';
-import type { LateMutation } from './types';
+import { LateMutation } from '../common/react-ufo-payload-schema';
 declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, }: PostInteractionLogOutput): {
     actionSubject: string;
     action: string;

package/dist/types/experience-trace-id-context/index.d.ts

@@ -4,8 +4,8 @@ export declare function setInteractionActiveTrace(interactionId: string, experie
 export declare function setActiveTrace(traceId: string, spanId: string, type: string): void;
 export declare function getActiveTrace(): import("./types").TraceIdContext | undefined;
 export declare function clearActiveTrace(): void;
-export declare function getActiveTraceHttpRequestHeaders(_url: string): {
+export declare function getActiveTraceHttpRequestHeaders(_url?: string): {
     'X-B3-TraceId': string;
     'X-B3-SpanId': string;
 } | null;
-export declare function getActiveTraceAsQueryParams(_url: string): string | null;
+export declare function getActiveTraceAsQueryParams(_url?: string): string | null;

package/dist/types-ts4.5/common/react-ufo-payload-schema.d.ts

@@ -176,7 +176,7 @@ export type ReactUFOPayload = {
         };
     };
 };
-type LateElement = {
+export type LateMutation = {
     time: number;
     element: string;
     viewportHeatmapPercentage: number;
@@ -217,7 +217,7 @@ export type PostInteractionLogPayload = {
                 revisedTtai: number;
                 revisedVC90: number;
                 vcClean: boolean;
-                lateMutations: LateElement[];
+                lateMutations: LateMutation[];
                 reactProfilerTimings: ReactProfilerTiming[];
             };
         };

package/dist/types-ts4.5/create-post-interaction-log-payload/get-late-mutations.d.ts

@@ -1,5 +1,5 @@
 import type { LastInteractionFinishInfo } from '../common';
+import { LateMutation } from '../common/react-ufo-payload-schema';
 import type { RevisionPayloadVCDetails } from '../common/vc/types';
-import type { LateMutation } from './types';
 declare function getLateMutations(vcDetails: RevisionPayloadVCDetails, lastInteractionFinish: LastInteractionFinishInfo, postInteractionFinishVCRatios: Record<string, number>): LateMutation[];
 export default getLateMutations;

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

@@ -1,5 +1,5 @@
 import { type PostInteractionLogOutput } from '../common';
-import type { LateMutation } from './types';
+import { LateMutation } from '../common/react-ufo-payload-schema';
 declare function createPostInteractionLogPayload({ lastInteractionFinish, reactProfilerTimings, lastInteractionFinishVCResult, postInteractionFinishVCResult, }: PostInteractionLogOutput): {
     actionSubject: string;
     action: string;

package/dist/types-ts4.5/experience-trace-id-context/index.d.ts

@@ -4,8 +4,8 @@ export declare function setInteractionActiveTrace(interactionId: string, experie
 export declare function setActiveTrace(traceId: string, spanId: string, type: string): void;
 export declare function getActiveTrace(): import("./types").TraceIdContext | undefined;
 export declare function clearActiveTrace(): void;
-export declare function getActiveTraceHttpRequestHeaders(_url: string): {
+export declare function getActiveTraceHttpRequestHeaders(_url?: string): {
     'X-B3-TraceId': string;
     'X-B3-SpanId': string;
 } | null;
-export declare function getActiveTraceAsQueryParams(_url: string): string | null;
+export declare function getActiveTraceAsQueryParams(_url?: string): string | null;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/react-ufo",
-	"version": "3.13.24",
+	"version": "3.13.26",
 	"description": "Parts of React UFO that are publicly available",
 	"author": "Atlassian Pty Ltd",
 	"license": "Apache-2.0",
@@ -180,6 +180,9 @@
 		},
 		"platform_ufo_enable_interactivity_jsm": {
 			"type": "boolean"
+		},
+		"platform_ufo_post_interaction_most_recent_vc_rev": {
+			"type": "boolean"
 		}
 	}
 }

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

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

package/dist/types/create-post-interaction-log-payload/types.d.ts

@@ -1,5 +0,0 @@
-export type LateMutation = {
-    time: number;
-    element: string;
-    viewportHeatmapPercentage: number;
-};

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

@@ -1,5 +0,0 @@
-export type LateMutation = {
-    time: number;
-    element: string;
-    viewportHeatmapPercentage: number;
-};