@atlaskit/react-ufo 4.7.6 → 4.9.0

package/dist/esm/vc/vc-observer-new/metric-calculator/vcnext/index.js

@@ -0,0 +1,36 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _get from "@babel/runtime/helpers/get";
+import _inherits from "@babel/runtime/helpers/inherits";
+function _callSuper(t, o, e) { return o = _getPrototypeOf(o), _possibleConstructorReturn(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf(t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function _superPropGet(t, o, e, r) { var p = _get(_getPrototypeOf(1 & r ? t.prototype : t), o, e); return 2 & r && "function" == typeof p ? function (t) { return p.apply(e, t); } : p; }
+import VCCalculator_FY25_03 from '../fy25_03';
+
+// NOTE: `next` to be renamed `fy26.04` once stable
+var REVISION_NO = 'next';
+var getConsideredEntryTypes = function getConsideredEntryTypes() {
+  return ['mutation:display-contents-children-element'];
+};
+
+// NOTE: `VCNext` to be renamed `FY26_04` once stable
+var VCNextCalculator = /*#__PURE__*/function (_VCCalculator_FY25_) {
+  function VCNextCalculator() {
+    _classCallCheck(this, VCNextCalculator);
+    return _callSuper(this, VCNextCalculator, [REVISION_NO]);
+  }
+  _inherits(VCNextCalculator, _VCCalculator_FY25_);
+  return _createClass(VCNextCalculator, [{
+    key: "isEntryIncluded",
+    value: function isEntryIncluded(entry, include3p) {
+      var isEntryIncludedInV3 = _superPropGet(VCNextCalculator, "isEntryIncluded", this, 3)([entry, include3p]);
+      if (isEntryIncludedInV3) {
+        return true;
+      }
+      return getConsideredEntryTypes().includes(entry.data.type);
+    }
+  }]);
+}(VCCalculator_FY25_03);
+export { VCNextCalculator as default };

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

@@ -117,7 +117,7 @@ var ViewportObserver = /*#__PURE__*/function () {
               _iterator = _createForOfIteratorHelper(addedNodes);
               _context2.prev = 4;
               _loop = /*#__PURE__*/_regeneratorRuntime.mark(function _loop() {
-                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, validTargets, _iterator2, _step2, _this$intersectionObs8, validTarget, _this$intersectionObs9;
+                var addedNodeRef, addedNode, ssrState, SSRStateEnum, _this$intersectionObs, _this$intersectionObs2, ssrPlaceholderHandler, _this$intersectionObs3, result, _this$intersectionObs4, sameDeletedNode, isInIgnoreLsMarker, _this$intersectionObs5, _this$intersectionObs6, _checkWithinComponent, isWithinThirdPartySegment, _this$intersectionObs7, _window, _iterator2, _step2, child, _this$intersectionObs8, _this$intersectionObs9, validTargets, _iterator3, _step3, _this$intersectionObs0, validTarget, _this$intersectionObs1;
                 return _regeneratorRuntime.wrap(function _loop$(_context) {
                   while (1) switch (_context.prev = _context.next) {
                     case 0:
@@ -229,25 +229,45 @@ var ViewportObserver = /*#__PURE__*/function () {
                       (_this$intersectionObs7 = _this.intersectionObserver) === null || _this$intersectionObs7 === void 0 || _this$intersectionObs7.watchAndTag(addedNode, 'mutation:third-party-element');
                       return _context.abrupt("return", 0);
                     case 45:
-                      if (fg('platform_ufo_display_content_resolution_ttvc_v3')) {
-                        // Check if the target has display:content css property, return array of valid targets
-                        validTargets = checkCssProperty(addedNode);
-                        _iterator2 = _createForOfIteratorHelper(validTargets);
-                        try {
-                          for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-                            validTarget = _step2.value;
-                            (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(validTarget, createElementMutationsWatcher(removedNodeRects));
+                      if (fg('platform_ufo_vcnext_v4_enabled')) {
+                        if (((_window = window) === null || _window === void 0 || (_window = _window.getComputedStyle(addedNode)) === null || _window === void 0 ? void 0 : _window.display) === 'contents') {
+                          _iterator2 = _createForOfIteratorHelper(addedNode.children);
+                          try {
+                            for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+                              child = _step2.value;
+                              if (child instanceof HTMLElement) {
+                                (_this$intersectionObs8 = _this.intersectionObserver) === null || _this$intersectionObs8 === void 0 || _this$intersectionObs8.watchAndTag(child, 'mutation:display-contents-children-element');
+                              }
+                            }
+                          } catch (err) {
+                            _iterator2.e(err);
+                          } finally {
+                            _iterator2.f();
                           }
-                        } catch (err) {
-                          _iterator2.e(err);
-                        } finally {
-                          _iterator2.f();
+                        } else {
+                          (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
                         }
                       } else {
-                        if (fg('platform_ufo_display_content_track_occurrence')) {
-                          trackDisplayContentsOccurrence(addedNode);
+                        if (fg('platform_ufo_display_content_resolution_ttvc_v3')) {
+                          // Check if the target has display:content css property, return array of valid targets
+                          validTargets = checkCssProperty(addedNode);
+                          _iterator3 = _createForOfIteratorHelper(validTargets);
+                          try {
+                            for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+                              validTarget = _step3.value;
+                              (_this$intersectionObs0 = _this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.watchAndTag(validTarget, createElementMutationsWatcher(removedNodeRects));
+                            }
+                          } catch (err) {
+                            _iterator3.e(err);
+                          } finally {
+                            _iterator3.f();
+                          }
+                        } else {
+                          if (fg('platform_ufo_display_content_track_occurrence')) {
+                            trackDisplayContentsOccurrence(addedNode);
+                          }
+                          (_this$intersectionObs1 = _this.intersectionObserver) === null || _this$intersectionObs1 === void 0 || _this$intersectionObs1.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
                         }
-                        (_this$intersectionObs9 = _this.intersectionObserver) === null || _this$intersectionObs9 === void 0 || _this$intersectionObs9.watchAndTag(addedNode, createElementMutationsWatcher(removedNodeRects));
                       }
                     case 46:
                     case "end":
@@ -294,12 +314,12 @@ var ViewportObserver = /*#__PURE__*/function () {
       };
     }());
     _defineProperty(this, "handleAttributeMutation", function (_ref6) {
-      var _this$intersectionObs0;
+      var _this$intersectionObs10;
       var target = _ref6.target,
         attributeName = _ref6.attributeName,
         oldValue = _ref6.oldValue,
         newValue = _ref6.newValue;
-      (_this$intersectionObs0 = _this.intersectionObserver) === null || _this$intersectionObs0 === void 0 || _this$intersectionObs0.watchAndTag(target, function (_ref7) {
+      (_this$intersectionObs10 = _this.intersectionObserver) === null || _this$intersectionObs10 === void 0 || _this$intersectionObs10.watchAndTag(target, function (_ref7) {
         var target = _ref7.target,
           rect = _ref7.rect;
         if (isContainedWithinMediaWrapper(target)) {
@@ -377,11 +397,11 @@ var ViewportObserver = /*#__PURE__*/function () {
     _defineProperty(this, "handleLayoutShift", function (_ref8) {
       var time = _ref8.time,
         changedRects = _ref8.changedRects;
-      var _iterator3 = _createForOfIteratorHelper(changedRects),
-        _step3;
+      var _iterator4 = _createForOfIteratorHelper(changedRects),
+        _step4;
       try {
-        for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-          var changedRect = _step3.value;
+        for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+          var changedRect = _step4.value;
           var target = changedRect.node;
           if (target) {
             _this.onChange({
@@ -395,9 +415,9 @@ var ViewportObserver = /*#__PURE__*/function () {
           }
         }
       } catch (err) {
-        _iterator3.e(err);
+        _iterator4.e(err);
       } finally {
-        _iterator3.f();
+        _iterator4.f();
       }
     });
     this.mapVisibleNodeRects = new WeakMap();
@@ -454,12 +474,12 @@ var ViewportObserver = /*#__PURE__*/function () {
   }, {
     key: "stop",
     value: function stop() {
-      var _this$mutationObserve2, _this$intersectionObs1, _this$performanceObse2;
+      var _this$mutationObserve2, _this$intersectionObs11, _this$performanceObse2;
       if (!this.isStarted) {
         return;
       }
       (_this$mutationObserve2 = this.mutationObserver) === null || _this$mutationObserve2 === void 0 || _this$mutationObserve2.disconnect();
-      (_this$intersectionObs1 = this.intersectionObserver) === null || _this$intersectionObs1 === void 0 || _this$intersectionObs1.disconnect();
+      (_this$intersectionObs11 = this.intersectionObserver) === null || _this$intersectionObs11 === void 0 || _this$intersectionObs11.disconnect();
       (_this$performanceObse2 = this.performanceObserver) === null || _this$performanceObse2 === void 0 || _this$performanceObse2.disconnect();
       this.isStarted = false;
       // Clean up caches when stopping

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

@@ -35,7 +35,7 @@ type SegmentThreshold = {
 type Rates = {
     readonly [key: string]: number;
 };
-export type TTVCRevision = 'fy25.01' | 'fy25.02' | 'fy25.03';
+export type TTVCRevision = 'fy25.01' | 'fy25.02' | 'fy25.03' | 'next';
 export declare const DEFAULT_TTVC_REVISION = "fy25.03";
 export declare const UNKNOWN_INTERACTION_RATE = 1000;
 export type ReactHydrationStats = {
@@ -150,6 +150,13 @@ export type Config = {
      * Whether ttvc with 3p measurement is enabled and sent new event for experiences with sample rates
      */
     readonly extraInteractionMetrics?: InteractionMetricsConfig;
+    /**
+     * Option to enable an additional metric to track search page load times with SAIN ignored
+     */
+    readonly extraSearchPageInteraction?: {
+        readonly enabled: boolean;
+        readonly searchPageMetricName: string;
+    };
 };
 export declare function setUFOConfig(newConfig: Config): void;
 export declare function getConfig(): Config | undefined;

package/dist/types/create-extra-search-page-interaction-payload/index.d.ts

@@ -0,0 +1,3 @@
+import type { InteractionMetrics } from '../common';
+export declare function sinkExtraSearchPageInteractionHandler(sinkFn: (interactionId: string, interaction: InteractionMetrics) => void | Promise<void>): void;
+export declare function onSearchPageInteractionComplete(interactionId: string, data: InteractionMetrics): void;

package/dist/types/create-interaction-extra-metrics-payload/index.d.ts

@@ -91,7 +91,7 @@ declare function createInteractionExtraLogPayload(interactionId: string, interac
                 abortedByInteractionName: string | undefined;
                 end: number;
                 start: number;
-                'metric:ttai:3p': number | undefined;
+                'metric:ttai:3p': number;
             };
             'vc:effective:revision': string;
         };