@atlaskit/media-viewer 54.5.49 → 54.6.0

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

@@ -18,7 +18,7 @@ var _domain = require("../../domain");
 var _baseViewer = require("../base-viewer");
 var _zoomLevel = require("../../domain/zoomLevel");
 var _docViewer = require("./doc-viewer");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
@@ -63,7 +63,7 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
               this.setState({
                 content: _domain.Outcome.successful(item.id)
               });
-              if ((0, _platformFeatureFlags.fg)('download_event_for_jira_attachments')) {
+              if ((0, _fg.fg)('download_event_for_jira_attachments')) {
                 this.onMediaDisplayed();
               }
             case 1:

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

@@ -13,15 +13,16 @@ var React = _react;
 var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
-var _new = _interopRequireDefault(require("@atlaskit/button/new"));
-var _textfield = _interopRequireDefault(require("@atlaskit/textfield"));
+var _button = _interopRequireDefault(require("@atlaskit/button/default/button"));
+var _textField = _interopRequireDefault(require("@atlaskit/textfield/text-field"));
 var _lockLocked = _interopRequireDefault(require("@atlaskit/icon/core/lock-locked"));
-var _form = _interopRequireWildcard(require("@atlaskit/form"));
+var _form = _interopRequireDefault(require("@atlaskit/form/form"));
+var _field = _interopRequireDefault(require("@atlaskit/form/field"));
 var _reactIntl = require("react-intl");
 var _mediaUi = require("@atlaskit/media-ui");
 var _primitives = require("@atlaskit/primitives");
 var _statusError = _interopRequireDefault(require("@atlaskit/icon/core/status-error"));
-var _heading = _interopRequireDefault(require("@atlaskit/heading"));
+var _heading = _interopRequireDefault(require("@atlaskit/heading/heading"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
@@ -82,7 +83,7 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
     }, /*#__PURE__*/React.createElement(_heading.default, {
       as: "h1",
       size: "medium"
-    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(_form.Field, {
+    }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(_field.default, {
       name: "password",
       defaultValue: "",
       isRequired: true
@@ -90,7 +91,7 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
       var fieldProps = _ref3.fieldProps;
       return /*#__PURE__*/React.createElement(_primitives.Box, {
         xcss: inputStyle
-      }, /*#__PURE__*/React.createElement(_textfield.default, (0, _extends2.default)({}, fieldProps, {
+      }, /*#__PURE__*/React.createElement(_textField.default, (0, _extends2.default)({}, fieldProps, {
         type: "password",
         "aria-label": intl.formatMessage(_mediaUi.messages.password),
         placeholder: intl.formatMessage(_mediaUi.messages.enter_password),
@@ -115,7 +116,7 @@ var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
       }, /*#__PURE__*/React.createElement(_reactIntl.FormattedMessage, _mediaUi.messages.incorrect_password)))));
     }), /*#__PURE__*/React.createElement(_primitives.Box, {
       xcss: footerStyles
-    }, /*#__PURE__*/React.createElement(_new.default, {
+    }, /*#__PURE__*/React.createElement(_button.default, {
       appearance: "primary",
       type: "submit",
       isLoading: submitting

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

@@ -17,7 +17,7 @@ var _react = _interopRequireDefault(require("react"));
 var _mediaClient = require("@atlaskit/media-client");
 var _mediaCommon = require("@atlaskit/media-common");
 var _mediaUi = require("@atlaskit/media-ui");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 var _domain = require("../../domain");
 var _errors = require("../../errors");
 var _interactiveImg = require("./interactive-img");
@@ -156,7 +156,7 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
                 break;
               }
               // Prefer the MIME type of the actual fetched bytes over the declared one.
-              effectiveMimeType = (0, _platformFeatureFlags.fg)('platform_media_unsupported_mime_routing') ? renderedBlobMimeType !== null && renderedBlobMimeType !== void 0 ? renderedBlobMimeType : fileState.mimeType : fileState.mimeType;
+              effectiveMimeType = (0, _fg.fg)('platform_media_unsupported_mime_routing') ? renderedBlobMimeType !== null && renderedBlobMimeType !== void 0 ? renderedBlobMimeType : fileState.mimeType : fileState.mimeType;
               if (!(0, _mediaCommon.isImageMimeTypeSupportedByBrowser)(effectiveMimeType)) {
                 _context.next = 16;
                 break;
@@ -168,7 +168,7 @@ var ImageViewer = exports.ImageViewer = /*#__PURE__*/function (_BaseViewer) {
               _context.next = 17;
               break;
             case 16:
-              if (!(0, _platformFeatureFlags.fg)('platform_media_unsupported_mime_routing')) {
+              if (!(0, _fg.fg)('platform_media_unsupported_mime_routing')) {
                 _context.next = 17;
                 break;
               }

package/dist/cjs/viewers/image/interactive-img.js

@@ -16,10 +16,10 @@ var _react = _interopRequireDefault(require("react"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _mediaCommon = require("@atlaskit/media-common");
 var _constants = require("@atlaskit/media-client/constants");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _videoHd = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd"));
 var _videoHdFilled = _interopRequireDefault(require("@atlaskit/icon-lab/core/video-hd-filled"));
-var _spinner = _interopRequireDefault(require("@atlaskit/spinner"));
+var _spinner = _interopRequireDefault(require("@atlaskit/spinner/spinner"));
 var _styleWrappers = require("../../styleWrappers");
 var _zoomLevel = require("../../domain/zoomLevel");
 var _closeOnDirectClick = require("../../utils/closeOnDirectClick");
@@ -301,7 +301,7 @@ var InteractiveImgComponent = exports.InteractiveImgComponent = /*#__PURE__*/fun
     }
   }]);
 }(_react.default.Component);
-var InteractiveImg = exports.InteractiveImg = (0, _analyticsNext.withAnalyticsEvents)({
+var InteractiveImg = exports.InteractiveImg = (0, _withAnalyticsEvents.default)({
   onBlanketClicked: function onBlanketClicked(createAnalyticsEvent) {
     var event = createAnalyticsEvent((0, _closed.createClosedEvent)('blanket'));
     event.fire(_mediaCommon.ANALYTICS_MEDIA_CHANNEL);

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

@@ -10,12 +10,12 @@ var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/sli
 var _react = _interopRequireWildcard(require("react"));
 var _mediaUi = require("@atlaskit/media-ui");
 var _mediaCommon = require("@atlaskit/media-common");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _styleWrappers = require("../../styleWrappers");
 var _zoomLevel = require("../../domain/zoomLevel");
 var _zoomControls = require("../../zoomControls");
 var _closed = require("../../analytics/events/ui/closed");
-var _mediaSvg = _interopRequireDefault(require("@atlaskit/media-svg"));
+var _mediaSvg = _interopRequireDefault(require("@atlaskit/media-svg/media-svg"));
 var _errors = require("../../errors");
 var _utils = require("./utils");
 var _ImageWrapper = require("./ImageWrapper");
@@ -180,7 +180,7 @@ var SvgViewerBase = function SvgViewerBase(_ref) {
     onChange: onZoomChange
   }));
 };
-var SvgViewer = exports.SvgViewer = (0, _analyticsNext.withAnalyticsEvents)({
+var SvgViewer = exports.SvgViewer = (0, _withAnalyticsEvents.default)({
   onBlanketClicked: function onBlanketClicked(createAnalyticsEvent) {
     var event = createAnalyticsEvent((0, _closed.createClosedEvent)('blanket'));
     event.fire(_mediaCommon.ANALYTICS_MEDIA_CHANNEL);

package/dist/cjs/viewers/video.js

@@ -22,7 +22,7 @@ var _styleWrappers = require("../styleWrappers");
 var _isIE = require("../utils/isIE");
 var _baseViewer = require("./base-viewer");
 var _getObjectUrlFromFileState = require("../utils/getObjectUrlFromFileState");
-var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
+var _fg = require("@atlaskit/platform-feature-flags/fg");
 function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2.default)(o), (0, _possibleConstructorReturn2.default)(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2.default)(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; })(); }
 var hdArtifact = 'video_1280.mp4';
@@ -46,12 +46,12 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
       onCanPlay && onCanPlay();
     });
     (0, _defineProperty2.default)(_this, "onPlay", function () {
-      if ((0, _platformFeatureFlags.fg)('platform_media_resume_video_on_token_expiry')) {
+      if ((0, _fg.fg)('platform_media_resume_video_on_token_expiry')) {
         _this.init();
       }
     });
     (0, _defineProperty2.default)(_this, "onTimeChanged", function () {
-      if ((0, _platformFeatureFlags.fg)('platform_media_resume_video_on_token_expiry')) {
+      if ((0, _fg.fg)('platform_media_resume_video_on_token_expiry')) {
         _this.init();
       }
     });
@@ -91,7 +91,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
       var hdAvailable = isHDAvailable(item);
       return useCustomVideoPlayer ? /*#__PURE__*/_react.default.createElement(_styleWrappers.CustomVideoPlayerWrapper, {
         "data-testid": "media-viewer-video-content"
-      }, (0, _mediaClient.isFileIdentifier)(identifier) && (0, _platformFeatureFlags.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaUi.MediaPlayer, {
+      }, (0, _mediaClient.isFileIdentifier)(identifier) && (0, _fg.fg)('platform_media_video_captions') ? /*#__PURE__*/_react.default.createElement(_mediaUi.MediaPlayer, {
         identifier: identifier,
         type: "video",
         isAutoPlay: isAutoPlay,
@@ -143,7 +143,7 @@ var VideoViewer = exports.VideoViewer = /*#__PURE__*/function (_BaseViewer) {
                 _context.next = 7;
                 break;
               }
-              if (!(0, _platformFeatureFlags.fg)('platform_media_video_sd_fallback')) {
+              if (!(0, _fg.fg)('platform_media_video_sd_fallback')) {
                 _context.next = 3;
                 break;
               }

package/dist/cjs/zoomControls.js

@@ -17,7 +17,7 @@ var _mediaUi = require("@atlaskit/media-ui");
 var _zoomOut = _interopRequireDefault(require("@atlaskit/icon/core/zoom-out"));
 var _zoomIn = _interopRequireDefault(require("@atlaskit/icon/core/zoom-in"));
 var _styleWrappers = require("./styleWrappers");
-var _analyticsNext = require("@atlaskit/analytics-next");
+var _withAnalyticsEvents = _interopRequireDefault(require("@atlaskit/analytics-next/withAnalyticsEvents"));
 var _analytics = require("./analytics/");
 var _zoomInButtonClicked = require("./analytics/events/ui/zoomInButtonClicked");
 var _zoomOutButtonClicked = require("./analytics/events/ui/zoomOutButtonClicked");
@@ -91,4 +91,4 @@ var ZoomControlsBase = exports.ZoomControlsBase = /*#__PURE__*/function (_Compon
     }
   }]);
 }(_react.Component); // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
-var ZoomControls = exports.ZoomControls = (0, _analyticsNext.withAnalyticsEvents)({})((0, _reactIntl.injectIntl)(ZoomControlsBase));
+var ZoomControls = exports.ZoomControls = (0, _withAnalyticsEvents.default)({})((0, _reactIntl.injectIntl)(ZoomControlsBase));

package/dist/es2019/analytics/events/operational/loadSucceeded.js

@@ -1,4 +1,4 @@
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export const createLoadSucceededEvent = ({
   fileId,
   fileMediatype,

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 = "54.5.48";
+const packageVersion = "54.5.50";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/es2019/analytics/ufoExperiences.js

@@ -1,9 +1,10 @@
-import { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+import { UFOExperience } from '@atlaskit/ufo/experience';
+import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.5.48";
+const packageVersion = "54.5.50";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/components/media-viewer.js

@@ -2,8 +2,9 @@ import React, { useEffect, useMemo } from 'react';
 import { MediaViewer as MediaViewerNextGen } from '../media-viewer';
 import { isSameIdentifier } from '../utils';
 import { isFileIdentifier } from '@atlaskit/media-client';
-import { withMediaClient, withMediaClientAndSettings } from '@atlaskit/media-client-react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { withMediaClient } from '@atlaskit/media-client-react/with-media-client';
+import { withMediaClientAndSettings } from '@atlaskit/media-client-react/with-media-client-and-settings';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 const ensureCollectionName = (identifier, collectionName) => isFileIdentifier(identifier) ? {
   ...identifier,
   collectionName: identifier.collectionName || collectionName

package/dist/es2019/components/portal.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import Portal from '@atlaskit/portal';
+import Portal from '@atlaskit/portal/portal';
 export const MediaViewerPortal = ({
   children
 }) =>

package/dist/es2019/download.js

@@ -1,5 +1,5 @@
 import _extends from "@babel/runtime/helpers/extends";
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import { isErrorFileState, isExternalImageIdentifier } from '@atlaskit/media-client';
 import { MediaButton, messages } from '@atlaskit/media-ui';
@@ -12,7 +12,7 @@ import { createFailedPreviewDownloadButtonClickedEvent } from './analytics/event
 import { DownloadButtonWrapper } from './styleWrappers';
 import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { MediaViewerError } from './errors';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
 const downloadIcon = /*#__PURE__*/React.createElement(DownloadIcon, {
   color: "currentColor",

package/dist/es2019/errorMessage.js

@@ -2,7 +2,7 @@ import _defineProperty from "@babel/runtime/helpers/defineProperty";
 import React from 'react';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import { messages as i18nMessages } from '@atlaskit/media-ui';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { ErrorMessageWrapper, ErrorImage } from './styleWrappers';
 import { errorLoadingFile } from './error-images';
 import { fireAnalytics } from './analytics';

package/dist/es2019/header.js

@@ -3,12 +3,13 @@ import { isExternalImageIdentifier, isErrorFileState, toCommonMediaClientError }
 import { hideControlsClassName, messages, toHumanReadableMediaSize, MediaButton } from '@atlaskit/media-ui';
 import { getLanguageType, getExtension, isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
 import { isZipMimeType } from '@atlaskit/media-common/isZipMimeType';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { FormattedMessage, injectIntl } from 'react-intl';
 import { Outcome } from './domain';
 import { Header as HeaderWrapper, LeftHeader, RightHeader, MetadataWrapper, MetadataSubText, MedatadataTextWrapper, MetadataIconWrapper, MetadataFileName, FormattedMessageWrapper } from './styleWrappers';
 import { ToolbarDownloadButton, DisabledToolbarDownloadButton } from './download';
-import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
+import { useFileState } from '@atlaskit/media-client-react/use-file-state';
+import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
 import { MimeTypeIcon } from '@atlaskit/media-ui/mime-type-icon';
 import { getFormat } from './viewers/codeViewer/util';
 import { MediaViewerError } from './errors';

package/dist/es2019/item-viewer.js

@@ -6,19 +6,20 @@ import { Text } from '@atlaskit/primitives/compiled';
 import { FormattedMessage } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 import { isCodeViewerItem } from '@atlaskit/media-ui/codeViewer';
-import { useFileState, useMediaClient } from '@atlaskit/media-client-react';
+import { useFileState } from '@atlaskit/media-client-react/use-file-state';
+import { useMediaClient } from '@atlaskit/media-client-react/use-media-client';
 import { Outcome } from './domain';
 import { Spinner } from './loading';
 import ErrorMessage from './errorMessage';
 import { MediaViewerError } from './errors';
 import { ErrorViewDownloadButton } from './download';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { createCommencedEvent } from './analytics/events/operational/commenced';
 import { createLoadSucceededEvent } from './analytics/events/operational/loadSucceeded';
 import { fireAnalytics, getFileAttributes } from './analytics';
 import { InteractiveImg } from './viewers/image/interactive-img';
 import ArchiveViewerLoader from './viewers/archiveSidebar/archiveViewerLoader';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { startMediaFileUfoExperience, succeedMediaFileUfoExperience } from './analytics/ufoExperiences';
 import { CustomViewer } from './viewers/customViewer/customViewer';
 function loadImageViewer() {

package/dist/es2019/loading.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import AkSpinner from '@atlaskit/spinner';
+import AkSpinner from '@atlaskit/spinner/spinner';
 import { messages } from '@atlaskit/media-ui';
 import { useIntl } from 'react-intl';
 export const Spinner = ({}) => {

package/dist/es2019/media-viewer.js

@@ -2,7 +2,7 @@ import _extends from "@babel/runtime/helpers/extends";
 import React, { useState, useLayoutEffect, useRef } from 'react';
 import { IntlProvider, injectIntl } from 'react-intl';
 import { Shortcut } from '@atlaskit/media-ui';
-import { useAnalyticsEvents } from '@atlaskit/analytics-next';
+import { useAnalyticsEvents } from '@atlaskit/analytics-next/useAnalyticsEvents';
 import { fireAnalytics } from './analytics';
 import { createModalEvent } from './analytics/events/screen/modal';
 import { createClosedEvent } from './analytics/events/ui/closed';

package/dist/es2019/navigation.js

@@ -5,8 +5,8 @@ import ArrowLeftCircleIcon from '@atlaskit/icon/core/chevron-left';
 import ArrowRightCircleIcon from '@atlaskit/icon/core/chevron-right';
 import { hideControlsClassName } from '@atlaskit/media-ui';
 import { Shortcut } from '@atlaskit/media-ui';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
-import { fg } from '@atlaskit/platform-feature-flags';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ArrowsWrapper, RightWrapper, LeftWrapper, Arrow } from './styleWrappers';
 import { getSelectedIndex } from './utils';
 import { createNavigatedEvent } from './analytics/events/ui/navigated';

package/dist/es2019/styleWrappers.js

@@ -10,7 +10,7 @@ import { TouchScrollable } from 'react-scrolllock';
 import { useMergeRefs } from 'use-callback-ref';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { Box, xcss } from '@atlaskit/primitives';
-import Heading from '@atlaskit/heading';
+import Heading from '@atlaskit/heading/heading';
 const blanketStyles = null;
 const headerWrapperStyles = null;
 const archiveHeaderWrapperStyles = null;

package/dist/es2019/viewers/archiveSidebar/archive-download-button.js

@@ -2,7 +2,7 @@ import React, { useState } from 'react';
 import DownloadIcon from '@atlaskit/icon/core/download';
 import { ArchiveDownloadButtonWrapper, DisabledArchiveDownloadButtonWrapper } from './styleWrappers';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
-import Tooltip from '@atlaskit/tooltip';
+import Tooltip from '@atlaskit/tooltip/Tooltip';
 export const ArchiveDownloadButton = ({
   downloadFn,
   shouldRenderAbuseModal,

package/dist/es2019/viewers/archiveSidebar/archive-sidebar-folder-entry.js

@@ -4,7 +4,7 @@ import Folder24Icon from '@atlaskit/icon-file-type/glyph/folder/24';
 import { downloadUrl } from '@atlaskit/media-common';
 import { MediaTypeIcon } from '@atlaskit/media-ui/media-type-icon';
 import { globalMediaEventEmitter } from '@atlaskit/media-client';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { ArchiveSidebarFolderWrapper, ArchiveSidebarFileEntryWrapper, SidebarItemWrapper } from './styleWrappers';
 import { getMediaTypeFromFilename, isMacPrivateFile, rejectAfter } from '../../utils';
 import { CustomButtonItem } from './custom-button-item';

package/dist/es2019/viewers/archiveSidebar/archive.js

@@ -19,7 +19,7 @@ import ArchiveSidebarRenderer from './archive-sidebar-renderer';
 import { getMediaTypeFromFilename, getMimeTypeFromFilename, rejectAfter } from '../../utils';
 import { Spinner } from '../../loading';
 import { ENCRYPTED_ENTRY_ERROR_MESSAGE } from './consts';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fireAnalytics } from '../../analytics';
 import { ArchiveViewerError, buildVideoErrorDiagnostics, isMediaViewerError } from '../../errors';
 import { createZipEntryLoadSucceededEvent } from '../../analytics/events/operational/zipEntryLoadSucceeded';
@@ -29,7 +29,7 @@ import { CodeViewRenderer } from '../codeViewer/codeViewerRenderer';
 import { DEFAULT_LANGUAGE } from '../codeViewer/util';
 import { MAX_FILE_SIZE_SUPPORTED_BY_CODEVIEWER } from '../../item-viewer';
 import { NativePdfViewer } from './nativePdfViewer';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export const getArchiveEntriesFromFileState = async (fileState, mediaClient, collectionName) => {
   // The browser-based archive viewer relies on `unzipit`, which only supports
   // the ZIP container format. Media classifies 40+ archive formats (.tar, .gz,

package/dist/es2019/viewers/archiveSidebar/custom-button-item.js

@@ -4,7 +4,7 @@ import "./custom-button-item.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 // eslint-disable-next-line @atlaskit/design-system/no-deprecated-imports
-import { ButtonItem } from '@atlaskit/side-navigation';
+import { ButtonItem } from '@atlaskit/side-navigation/button-item';
 const itemStyles = null;
 export function CustomButtonItem({
   children,

package/dist/es2019/viewers/codeViewer/codeViewerRenderer-compiled.js

@@ -8,7 +8,7 @@ import { ax, ix } from "@compiled/react/runtime";
 import { Component, forwardRef } from 'react';
 import { Outcome } from '../../domain';
 import { Spinner } from '../../loading';
-import CodeBlock from '@atlaskit/code/block';
+import CodeBlock from '@atlaskit/code/code-block';
 import ErrorMessage from '../../errorMessage';
 import { MediaViewerError } from '../../errors';
 import { lineCount } from './util';

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

@@ -8,7 +8,7 @@ import { DEFAULT_LANGUAGE, normaliseLineBreaks } from './util';
 import { getLanguageType, getExtension } from '@atlaskit/media-ui/codeViewer';
 import { msgToText } from './msg-parser';
 import { CodeRendererAdvanced } from './CodeRendererAdvanced/CodeRendererAdvanced';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 const moduleLoader = () => import( /* webpackChunkName: "@atlaskit-internal_media-code-viewer" */'./codeViewerRenderer');
 const componentLoader = () => moduleLoader().then(module => module.CodeViewRenderer);
 export class CodeViewer extends BaseViewer {

package/dist/es2019/viewers/doc/doc-viewer.js

@@ -3,14 +3,15 @@ import "./doc-viewer.compiled.css";
 import { ax, ix } from "@compiled/react/runtime";
 import React, { useReducer } from 'react';
 import { isCommonMediaClientError } from '@atlaskit/media-client';
-import { DOCUMENT_SCROLL_ROOT_ID, DocumentViewer } from '@atlaskit/media-document-viewer';
+import { DOCUMENT_SCROLL_ROOT_ID } from '@atlaskit/media-document-viewer/get-document-root';
+import { DocumentViewer } from '@atlaskit/media-document-viewer/document-viewer';
 import { useStaticCallback } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { MediaViewerError } from '../../errors';
 import { ZoomControls } from '../../zoomControls';
 import { ZoomLevel } from '../../domain/zoomLevel';
 import { PasswordInput } from './passwordInput';
-import Spinner from '@atlaskit/spinner';
+import Spinner from '@atlaskit/spinner/spinner';
 import { isExcelFile } from '@atlaskit/media-common/mediaTypeUtils';
 const initialState = {
   isMissingPassword: false,

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

@@ -4,7 +4,7 @@ import { Outcome } from '../../domain';
 import { BaseViewer } from '../base-viewer';
 import { ZoomLevel } from '../../domain/zoomLevel';
 import { DocViewer as DocViewerComponent } from './doc-viewer';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export class DocViewer extends BaseViewer {
   constructor(...args) {
     super(...args);

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

@@ -4,17 +4,18 @@ import "./passwordInput.compiled.css";
 import * as React from 'react';
 import { ax, ix } from "@compiled/react/runtime";
 import { useEffect, useRef, useState } from 'react';
-import Button from '@atlaskit/button/new';
-import TextField from '@atlaskit/textfield';
+import Button from '@atlaskit/button/default/button';
+import TextField from '@atlaskit/textfield/text-field';
 import LockIcon from '@atlaskit/icon/core/lock-locked';
-import Form, { Field } from '@atlaskit/form';
+import Form from '@atlaskit/form/form';
+import Field from '@atlaskit/form/field';
 import { FormattedMessage, useIntl } from 'react-intl';
 import { messages } from '@atlaskit/media-ui';
 // eslint-disable-next-line @atlaskit/design-system/no-emotion-primitives -- to be migrated to @atlaskit/primitives/compiled – go/akcss
 import { xcss, Box, Flex, Text } from '@atlaskit/primitives';
 // eslint-disable-next-line @atlaskit/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
 import ErrorIcon from '@atlaskit/icon/core/status-error';
-import Heading from '@atlaskit/heading';
+import Heading from '@atlaskit/heading/heading';
 const COLOR_SHADE = '#b6c2cf';
 const ERROR_COLOR = '#FD9891';
 const headingStyle = null;

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { isImageRepresentationReady, isErrorFileState, addFileAttrsToUrl } from '@atlaskit/media-client';
 import { isImageMimeTypeSupportedByBrowser } from '@atlaskit/media-common';
 import { getOrientation } from '@atlaskit/media-ui';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 import { Outcome } from '../../domain';
 import { buildImgErrorDiagnostics, MediaViewerError } from '../../errors';
 import { InteractiveImg } from './interactive-img';

package/dist/es2019/viewers/image/interactive-img.js

@@ -3,10 +3,10 @@ import React from 'react';
 import { Camera, getCssFromImageOrientation, hideControlsClassName, Rectangle, Vector2 } from '@atlaskit/media-ui';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
 import { MAX_RESOLUTION } from '@atlaskit/media-client/constants';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import VideoHdIcon from '@atlaskit/icon-lab/core/video-hd';
 import VideoHdFilledIcon from '@atlaskit/icon-lab/core/video-hd-filled';
-import Spinner from '@atlaskit/spinner';
+import Spinner from '@atlaskit/spinner/spinner';
 import { BaselineExtend, HDIconGroupWrapper, ImageWrapper, Img } from '../../styleWrappers';
 import { ZoomLevel } from '../../domain/zoomLevel';
 import { closeOnDirectClick } from '../../utils/closeOnDirectClick';

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

@@ -1,12 +1,12 @@
 import React, { useState, useRef, useEffect, useCallback, useLayoutEffect } from 'react';
 import { Camera, messages, Vector2 } from '@atlaskit/media-ui';
 import { ANALYTICS_MEDIA_CHANNEL } from '@atlaskit/media-common';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { BaselineExtend } from '../../styleWrappers';
 import { ZoomLevel } from '../../domain/zoomLevel';
 import { ZoomControls } from '../../zoomControls';
 import { createClosedEvent } from '../../analytics/events/ui/closed';
-import MediaSvg from '@atlaskit/media-svg';
+import MediaSvg from '@atlaskit/media-svg/media-svg';
 import { MediaViewerError } from '../../errors';
 import { clientRectangle, naturalSizeRectangle, zoomLevelAfterResize } from './utils';
 import { ImageWrapper } from './ImageWrapper';

package/dist/es2019/viewers/video.js

@@ -8,7 +8,7 @@ import { Video, CustomVideoPlayerWrapper } from '../styleWrappers';
 import { isIE } from '../utils/isIE';
 import { BaseViewer } from './base-viewer';
 import { getObjectUrlFromFileState } from '../utils/getObjectUrlFromFileState';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 const hdArtifact = 'video_1280.mp4';
 const sdArtifact = 'video_640.mp4';
 export class VideoViewer extends BaseViewer {

package/dist/es2019/zoomControls.js

@@ -5,7 +5,7 @@ import { hideControlsClassName, MediaButton } from '@atlaskit/media-ui';
 import ZoomOutIcon from '@atlaskit/icon/core/zoom-out';
 import ZoomInIcon from '@atlaskit/icon/core/zoom-in';
 import { ZoomWrapper, ZoomCenterControls, ZoomRightControls, ZoomLevelIndicator } from './styleWrappers';
-import { withAnalyticsEvents } from '@atlaskit/analytics-next';
+import withAnalyticsEvents from '@atlaskit/analytics-next/withAnalyticsEvents';
 import { fireAnalytics } from './analytics/';
 import { createZoomInButtonClickEvent } from './analytics/events/ui/zoomInButtonClicked';
 import { createZoomOutButtonClickedEvent } from './analytics/events/ui/zoomOutButtonClicked';

package/dist/esm/analytics/events/operational/loadSucceeded.js

@@ -1,4 +1,4 @@
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 export var createLoadSucceededEvent = function createLoadSucceededEvent(_ref, traceContext) {
   var fileId = _ref.fileId,
     fileMediatype = _ref.fileMediatype,

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 = "54.5.48";
+var packageVersion = "54.5.50";
 export { packageName, packageVersion, componentName, componentName as component };
 export function getFileAttributes(fileState) {
   if (!fileState) {

package/dist/esm/analytics/ufoExperiences.js

@@ -1,12 +1,13 @@
 import _defineProperty from "@babel/runtime/helpers/defineProperty";
 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 { UFOExperience, ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo';
+import { UFOExperience } from '@atlaskit/ufo/experience';
+import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
 import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.5.48";
+var packageVersion = "54.5.50";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/components/media-viewer.js

@@ -6,8 +6,9 @@ import React, { useEffect, useMemo } from 'react';
 import { MediaViewer as MediaViewerNextGen } from '../media-viewer';
 import { isSameIdentifier } from '../utils';
 import { isFileIdentifier } from '@atlaskit/media-client';
-import { withMediaClient, withMediaClientAndSettings } from '@atlaskit/media-client-react';
-import { fg } from '@atlaskit/platform-feature-flags';
+import { withMediaClient } from '@atlaskit/media-client-react/with-media-client';
+import { withMediaClientAndSettings } from '@atlaskit/media-client-react/with-media-client-and-settings';
+import { fg } from '@atlaskit/platform-feature-flags/fg';
 var ensureCollectionName = function ensureCollectionName(identifier, collectionName) {
   return isFileIdentifier(identifier) ? _objectSpread(_objectSpread({}, identifier), {}, {
     collectionName: identifier.collectionName || collectionName