@atlaskit/media-viewer 49.2.0 → 49.2.2

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-viewer
 
+## 49.2.2
+
+### Patch Changes
+
+- [#154712](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/154712)
+  [`9b74c0d52fcc1`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/9b74c0d52fcc1) -
+  fix pdf viewer flicker issue
+- Updated dependencies
+
+## 49.2.1
+
+### Patch Changes
+
+- [#153881](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/153881)
+  [`36ca6fc71c619`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/36ca6fc71c619) -
+  [ux] patch pdf.js fliker issues due to refetch
+- Updated dependencies
+
 ## 49.2.0
 
 ### Minor Changes

package/dist/cjs/analytics/index.js

@@ -10,7 +10,7 @@ exports.packageVersion = exports.packageName = void 0;
 var _analytics = require("@atlaskit/media-common/analytics");
 var componentName = exports.component = exports.componentName = 'mediaViewer';
 var packageName = exports.packageName = "@atlaskit/media-viewer";
-var packageVersion = exports.packageVersion = "49.2.0";
+var packageVersion = exports.packageVersion = "49.2.2";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -12,7 +12,7 @@ var _mediaCommon = require("@atlaskit/media-common");
 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) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "49.2.0";
+var packageVersion = "49.2.2";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/viewers/doc/index.js

@@ -9,9 +9,11 @@ var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"))
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
 var _domain = require("../../domain");
@@ -25,8 +27,14 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
   (0, _inherits2.default)(DocViewer, _BaseViewer);
   var _super = _createSuper(DocViewer);
   function DocViewer() {
+    var _this;
     (0, _classCallCheck2.default)(this, DocViewer);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isObjectUrl", false);
+    return _this;
   }
   (0, _createClass2.default)(DocViewer, [{
     key: "initialState",
@@ -35,6 +43,14 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
         content: _domain.Outcome.pending()
       };
     }
+  }, {
+    key: "needsReset",
+    value: function needsReset(propsA, propsB) {
+      if (this.state.content.status === 'SUCCESSFUL') {
+        return false;
+      }
+      return propsA.item.status !== propsB.item.status;
+    }
   }, {
     key: "init",
     value: function () {
@@ -45,46 +61,41 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
             case 0:
               _this$props = this.props, item = _this$props.item, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, onError = _this$props.onError;
               if (!((0, _mediaClient.isPreviewableFileState)(item) && item.mimeType.toLowerCase() === 'application/pdf')) {
-                _context.next = 11;
+                _context.next = 9;
                 break;
               }
               _context.next = 4;
               return (0, _getObjectUrlFromFileState.getObjectUrlFromFileState)(item);
             case 4:
               src = _context.sent;
-              if (src) {
-                _context.next = 8;
+              if (!src) {
+                _context.next = 9;
                 break;
               }
-              this.setState({
-                content: _domain.Outcome.pending()
-              });
-              return _context.abrupt("return");
-            case 8:
+              this.isObjectUrl = true;
               this.setState({
                 content: _domain.Outcome.successful(src)
               });
-              _context.next = 41;
-              break;
-            case 11:
+              return _context.abrupt("return");
+            case 9:
               if (!(item.status === 'processed')) {
-                _context.next = 27;
+                _context.next = 25;
                 break;
               }
-              _context.prev = 12;
-              _context.next = 15;
+              _context.prev = 10;
+              _context.next = 13;
               return mediaClient.file.getArtifactURL(item.artifacts, 'document.pdf', collectionName);
-            case 15:
+            case 13:
               _src = _context.sent;
               this.onMediaDisplayed();
               this.setState({
                 content: _domain.Outcome.successful(_src)
               });
-              _context.next = 25;
+              _context.next = 23;
               break;
-            case 20:
-              _context.prev = 20;
-              _context.t0 = _context["catch"](12);
+            case 18:
+              _context.prev = 18;
+              _context.t0 = _context["catch"](10);
               docError = new _errors.MediaViewerError('docviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined);
               this.setState({
                 content: _domain.Outcome.failed(docError)
@@ -92,29 +103,29 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
               if (onError) {
                 onError(docError);
               }
-            case 25:
-              _context.next = 41;
+            case 23:
+              _context.next = 39;
               break;
-            case 27:
+            case 25:
               if (!(item.status === 'failed-processing')) {
-                _context.next = 41;
+                _context.next = 39;
                 break;
               }
-              _context.prev = 28;
-              _context.next = 31;
+              _context.prev = 26;
+              _context.next = 29;
               return mediaClient.file.getFileBinaryURL(item.id, collectionName, 2940 // 2940 seconds ~= 50 mins
               );
-            case 31:
+            case 29:
               _src2 = _context.sent;
               this.onMediaDisplayed();
               this.setState({
                 content: _domain.Outcome.successful(_src2)
               });
-              _context.next = 41;
+              _context.next = 39;
               break;
-            case 36:
-              _context.prev = 36;
-              _context.t1 = _context["catch"](28);
+            case 34:
+              _context.prev = 34;
+              _context.t1 = _context["catch"](26);
               _docError = new _errors.MediaViewerError('docviewer-fetch-url', _context.t1 instanceof Error ? _context.t1 : undefined);
               this.setState({
                 content: _domain.Outcome.failed(_docError)
@@ -122,11 +133,11 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
               if (onError) {
                 onError(_docError);
               }
-            case 41:
+            case 39:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[12, 20], [28, 36]]);
+        }, _callee, this, [[10, 18], [26, 34]]);
       }));
       function init() {
         return _init.apply(this, arguments);
@@ -136,11 +147,13 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
   }, {
     key: "release",
     value: function release() {
-      var content = this.state.content;
-      if (!content.data) {
+      if (!this.isObjectUrl) {
         return;
       }
-      URL.revokeObjectURL(content.data);
+      var content = this.state.content;
+      if (content.data) {
+        URL.revokeObjectURL(content.data);
+      }
     }
   }, {
     key: "renderSuccessful",

package/dist/cjs/viewers/doc/pdfRenderer.js

@@ -264,7 +264,7 @@ var PDFRendererBase = function PDFRendererBase(_ref2) {
     if (onSuccessRef.current) {
       onSuccessRef.current();
     }
-  }, [createAnalyticsEvent, docOutcome]);
+  }, [createAnalyticsEvent, docOutcome.status]);
   var savePdfElement = function savePdfElement(el) {
     pdfWrapperRef.current = el;
   };

package/dist/es2019/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 const componentName = 'mediaViewer';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "49.2.0";
+const packageVersion = "49.2.2";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -2,7 +2,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "49.2.0";
+const packageVersion = "49.2.2";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/viewers/doc/index.js

@@ -1,3 +1,4 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { isPreviewableFileState } from '@atlaskit/media-client';
 import { Outcome } from '../../domain';
@@ -6,11 +7,21 @@ import { PDFRenderer } from './pdfRenderer';
 import { BaseViewer } from '../base-viewer';
 import { getObjectUrlFromFileState } from '../../utils/getObjectUrlFromFileState';
 export class DocViewer extends BaseViewer {
+  constructor(...args) {
+    super(...args);
+    _defineProperty(this, "isObjectUrl", false);
+  }
   get initialState() {
     return {
       content: Outcome.pending()
     };
   }
+  needsReset(propsA, propsB) {
+    if (this.state.content.status === 'SUCCESSFUL') {
+      return false;
+    }
+    return propsA.item.status !== propsB.item.status;
+  }
   async init() {
     const {
       item,
@@ -20,16 +31,15 @@ export class DocViewer extends BaseViewer {
     } = this.props;
     if (isPreviewableFileState(item) && item.mimeType.toLowerCase() === 'application/pdf') {
       const src = await getObjectUrlFromFileState(item);
-      if (!src) {
+      if (src) {
+        this.isObjectUrl = true;
         this.setState({
-          content: Outcome.pending()
+          content: Outcome.successful(src)
         });
         return;
       }
-      this.setState({
-        content: Outcome.successful(src)
-      });
-    } else if (item.status === 'processed') {
+    }
+    if (item.status === 'processed') {
       try {
         const src = await mediaClient.file.getArtifactURL(item.artifacts, 'document.pdf', collectionName);
         this.onMediaDisplayed();
@@ -65,13 +75,15 @@ export class DocViewer extends BaseViewer {
     }
   }
   release() {
+    if (!this.isObjectUrl) {
+      return;
+    }
     const {
       content
     } = this.state;
-    if (!content.data) {
-      return;
+    if (content.data) {
+      URL.revokeObjectURL(content.data);
     }
-    URL.revokeObjectURL(content.data);
   }
   renderSuccessful(content) {
     const {

package/dist/es2019/viewers/doc/pdfRenderer.js

@@ -187,7 +187,7 @@ const PDFRendererBase = ({
     if (onSuccessRef.current) {
       onSuccessRef.current();
     }
-  }, [createAnalyticsEvent, docOutcome]);
+  }, [createAnalyticsEvent, docOutcome.status]);
   const savePdfElement = el => {
     pdfWrapperRef.current = el;
   };

package/dist/esm/analytics/index.js

@@ -1,7 +1,7 @@
 import { ANALYTICS_MEDIA_CHANNEL, sanitiseAnalyticsPayload } from '@atlaskit/media-common/analytics';
 var componentName = 'mediaViewer';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "49.2.0";
+var packageVersion = "49.2.2";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -5,7 +5,7 @@ import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atl
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "49.2.0";
+var packageVersion = "49.2.2";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/viewers/doc/index.js

@@ -1,9 +1,11 @@
 import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
 import _inherits from "@babel/runtime/helpers/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = _getPrototypeOf(t); if (r) { var s = _getPrototypeOf(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return _possibleConstructorReturn(this, e); }; }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
@@ -18,8 +20,14 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
   _inherits(DocViewer, _BaseViewer);
   var _super = _createSuper(DocViewer);
   function DocViewer() {
+    var _this;
     _classCallCheck(this, DocViewer);
-    return _super.apply(this, arguments);
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+    _this = _super.call.apply(_super, [this].concat(args));
+    _defineProperty(_assertThisInitialized(_this), "isObjectUrl", false);
+    return _this;
   }
   _createClass(DocViewer, [{
     key: "initialState",
@@ -28,6 +36,14 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
         content: Outcome.pending()
       };
     }
+  }, {
+    key: "needsReset",
+    value: function needsReset(propsA, propsB) {
+      if (this.state.content.status === 'SUCCESSFUL') {
+        return false;
+      }
+      return propsA.item.status !== propsB.item.status;
+    }
   }, {
     key: "init",
     value: function () {
@@ -38,46 +54,41 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
             case 0:
               _this$props = this.props, item = _this$props.item, mediaClient = _this$props.mediaClient, collectionName = _this$props.collectionName, onError = _this$props.onError;
               if (!(isPreviewableFileState(item) && item.mimeType.toLowerCase() === 'application/pdf')) {
-                _context.next = 11;
+                _context.next = 9;
                 break;
               }
               _context.next = 4;
               return getObjectUrlFromFileState(item);
             case 4:
               src = _context.sent;
-              if (src) {
-                _context.next = 8;
+              if (!src) {
+                _context.next = 9;
                 break;
               }
-              this.setState({
-                content: Outcome.pending()
-              });
-              return _context.abrupt("return");
-            case 8:
+              this.isObjectUrl = true;
               this.setState({
                 content: Outcome.successful(src)
               });
-              _context.next = 41;
-              break;
-            case 11:
+              return _context.abrupt("return");
+            case 9:
               if (!(item.status === 'processed')) {
-                _context.next = 27;
+                _context.next = 25;
                 break;
               }
-              _context.prev = 12;
-              _context.next = 15;
+              _context.prev = 10;
+              _context.next = 13;
               return mediaClient.file.getArtifactURL(item.artifacts, 'document.pdf', collectionName);
-            case 15:
+            case 13:
               _src = _context.sent;
               this.onMediaDisplayed();
               this.setState({
                 content: Outcome.successful(_src)
               });
-              _context.next = 25;
+              _context.next = 23;
               break;
-            case 20:
-              _context.prev = 20;
-              _context.t0 = _context["catch"](12);
+            case 18:
+              _context.prev = 18;
+              _context.t0 = _context["catch"](10);
               docError = new MediaViewerError('docviewer-fetch-url', _context.t0 instanceof Error ? _context.t0 : undefined);
               this.setState({
                 content: Outcome.failed(docError)
@@ -85,29 +96,29 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
               if (onError) {
                 onError(docError);
               }
-            case 25:
-              _context.next = 41;
+            case 23:
+              _context.next = 39;
               break;
-            case 27:
+            case 25:
               if (!(item.status === 'failed-processing')) {
-                _context.next = 41;
+                _context.next = 39;
                 break;
               }
-              _context.prev = 28;
-              _context.next = 31;
+              _context.prev = 26;
+              _context.next = 29;
               return mediaClient.file.getFileBinaryURL(item.id, collectionName, 2940 // 2940 seconds ~= 50 mins
               );
-            case 31:
+            case 29:
               _src2 = _context.sent;
               this.onMediaDisplayed();
               this.setState({
                 content: Outcome.successful(_src2)
               });
-              _context.next = 41;
+              _context.next = 39;
               break;
-            case 36:
-              _context.prev = 36;
-              _context.t1 = _context["catch"](28);
+            case 34:
+              _context.prev = 34;
+              _context.t1 = _context["catch"](26);
               _docError = new MediaViewerError('docviewer-fetch-url', _context.t1 instanceof Error ? _context.t1 : undefined);
               this.setState({
                 content: Outcome.failed(_docError)
@@ -115,11 +126,11 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
               if (onError) {
                 onError(_docError);
               }
-            case 41:
+            case 39:
             case "end":
               return _context.stop();
           }
-        }, _callee, this, [[12, 20], [28, 36]]);
+        }, _callee, this, [[10, 18], [26, 34]]);
       }));
       function init() {
         return _init.apply(this, arguments);
@@ -129,11 +140,13 @@ export var DocViewer = /*#__PURE__*/function (_BaseViewer) {
   }, {
     key: "release",
     value: function release() {
-      var content = this.state.content;
-      if (!content.data) {
+      if (!this.isObjectUrl) {
         return;
       }
-      URL.revokeObjectURL(content.data);
+      var content = this.state.content;
+      if (content.data) {
+        URL.revokeObjectURL(content.data);
+      }
     }
   }, {
     key: "renderSuccessful",

package/dist/esm/viewers/doc/pdfRenderer.js

@@ -253,7 +253,7 @@ var PDFRendererBase = function PDFRendererBase(_ref2) {
     if (onSuccessRef.current) {
       onSuccessRef.current();
     }
-  }, [createAnalyticsEvent, docOutcome]);
+  }, [createAnalyticsEvent, docOutcome.status]);
   var savePdfElement = function savePdfElement(el) {
     pdfWrapperRef.current = el;
   };

package/dist/types/viewers/doc/index.d.ts

@@ -14,10 +14,12 @@ export type Props = {
 export type State = {
     content: Outcome<string, MediaViewerError>;
 };
-export declare class DocViewer extends BaseViewer<string, Props> {
+export declare class DocViewer extends BaseViewer<string, Props, State> {
+    private isObjectUrl;
     protected get initialState(): {
         content: Outcome<string, MediaViewerError>;
     };
+    protected needsReset(propsA: Props, propsB: Props): boolean;
     protected init(): Promise<void>;
     protected release(): void;
     protected renderSuccessful(content: string): JSX.Element;

package/dist/types-ts4.5/viewers/doc/index.d.ts

@@ -14,10 +14,12 @@ export type Props = {
 export type State = {
     content: Outcome<string, MediaViewerError>;
 };
-export declare class DocViewer extends BaseViewer<string, Props> {
+export declare class DocViewer extends BaseViewer<string, Props, State> {
+    private isObjectUrl;
     protected get initialState(): {
         content: Outcome<string, MediaViewerError>;
     };
+    protected needsReset(propsA: Props, propsB: Props): boolean;
     protected init(): Promise<void>;
     protected release(): void;
     protected renderSuccessful(content: string): JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "49.2.0",
+	"version": "49.2.2",
 	"description": "MediaViewer is Atlassian's powerful solution for viewing files on the web. It's both powerful and extendable yet easy-to-integrate",
 	"publishConfig": {
 		"registry": "https://registry.npmjs.org/"
@@ -35,11 +35,11 @@
 	},
 	"dependencies": {
 		"@atlaskit/analytics-next": "^10.1.0",
-		"@atlaskit/button": "^20.2.0",
+		"@atlaskit/button": "^20.3.0",
 		"@atlaskit/code": "^15.6.0",
 		"@atlaskit/form": "^10.5.0",
-		"@atlaskit/icon": "^22.22.0",
-		"@atlaskit/icon-file-type": "^6.5.0",
+		"@atlaskit/icon": "^22.23.0",
+		"@atlaskit/icon-file-type": "^6.6.0",
 		"@atlaskit/media-client": "^28.0.0",
 		"@atlaskit/media-client-react": "^2.2.0",
 		"@atlaskit/media-common": "^11.6.0",
@@ -50,7 +50,7 @@
 		"@atlaskit/side-navigation": "^3.5.0",
 		"@atlaskit/spinner": "^16.3.0",
 		"@atlaskit/textfield": "^6.5.0",
-		"@atlaskit/theme": "^13.1.0",
+		"@atlaskit/theme": "^14.0.0",
 		"@atlaskit/tokens": "^2.0.0",
 		"@atlaskit/ufo": "^0.3.0",
 		"@babel/runtime": "^7.0.0",
@@ -81,7 +81,7 @@
 		"@atlaskit/media-test-data": "^2.6.0",
 		"@atlaskit/media-test-helpers": "^34.5.0",
 		"@atlaskit/ssr": "*",
-		"@atlaskit/toggle": "13.4.5",
+		"@atlaskit/toggle": "13.4.6",
 		"@atlaskit/visual-regression": "*",
 		"@atlassian/feature-flags-test-utils": "*",
 		"@atlassian/ufo": "^0.4.0",