@atlaskit/media-viewer 54.3.6 → 54.3.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @atlaskit/media-viewer
 
+## 54.3.8
+
+### Patch Changes
+
+- [`bea4da79c297d`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/bea4da79c297d) -
+  [ux] EDITOR-7679 use fallback media name for filename in download
+- Updated dependencies
+
+## 54.3.7
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 54.3.6
 
 ### Patch 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 = "54.3.5";
+var packageVersion = exports.packageVersion = "54.3.7";
 function getFileAttributes(fileState) {
   if (!fileState) {
     return {

package/dist/cjs/analytics/ufoExperiences.js

@@ -13,7 +13,7 @@ var _platformFeatureFlags = require("@atlaskit/platform-feature-flags");
 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 = "54.3.5";
+var packageVersion = "54.3.7";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/cjs/download.js

@@ -22,6 +22,7 @@ var _download2 = require("./analytics/events/operational/download");
 var _analytics = require("./analytics");
 var _failedPreviewDownloadButtonClicked = require("./analytics/events/ui/failedPreviewDownloadButtonClicked");
 var _styleWrappers = require("./styleWrappers");
+var _expValEquals = require("@atlaskit/tmp-editor-statsig/exp-val-equals");
 var _errors = require("./errors");
 var _tooltip = _interopRequireDefault(require("@atlaskit/tooltip"));
 var _abuseModal = require("@atlaskit/media-ui/abuseModal");
@@ -56,13 +57,14 @@ function DownloadButton(_ref) {
 }
 var createItemDownloader = function createItemDownloader(file, mediaClient, options) {
   return /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
-    var collectionName, traceContext, createAnalyticsEvent, id, name;
+    var collectionName, traceContext, createAnalyticsEvent, fallbackMediaName, id, fileStateName, name;
     return _regenerator.default.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent;
+          collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent, fallbackMediaName = options.fallbackMediaName;
           id = file.id;
-          name = !(0, _mediaClient.isErrorFileState)(file) ? file.name : undefined;
+          fileStateName = !(0, _mediaClient.isErrorFileState)(file) ? file.name : undefined;
+          name = fileStateName || ((0, _expValEquals.expValEquals)('platform_editor_media_download_fallback_name', 'isEnabled', true) ? fallbackMediaName : undefined);
           mediaClient.file.downloadBinary(id, name, collectionName, traceContext).then(function () {
             (0, _analytics.fireAnalytics)((0, _download2.createDownloadSucceededEventPayload)(file, traceContext), createAnalyticsEvent);
           }).catch(function (e) {
@@ -94,7 +96,8 @@ var DownloadItem = function DownloadItem(_ref3) {
     analyticspayload = _ref3.analyticspayload,
     traceContext = _ref3.traceContext,
     iconBefore = _ref3.iconBefore,
-    children = _ref3.children;
+    children = _ref3.children,
+    fallbackMediaName = _ref3.fallbackMediaName;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isAbuseModalOpen = _useState2[0],
@@ -108,7 +111,8 @@ var DownloadItem = function DownloadItem(_ref3) {
   var itemDownloader = createItemDownloader(fileState, mediaClient, {
     collectionName: collectionName,
     createAnalyticsEvent: createAnalyticsEvent,
-    traceContext: traceContext
+    traceContext: traceContext,
+    fallbackMediaName: fallbackMediaName
   });
   return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, shouldRenderAbuseModal && /*#__PURE__*/_react.default.createElement(_abuseModal.AbuseModal, {
     isOpen: isAbuseModalOpen,
@@ -154,7 +158,8 @@ var ToolbarDownloadButton = exports.ToolbarDownloadButton = function ToolbarDown
   var state = _ref5.state,
     mediaClient = _ref5.mediaClient,
     identifier = _ref5.identifier,
-    traceContext = _ref5.traceContext;
+    traceContext = _ref5.traceContext,
+    fallbackMediaName = _ref5.fallbackMediaName;
   // TODO [MS-1731]: make it work for external files as well
   if ((0, _mediaClient.isExternalImageIdentifier)(identifier)) {
     return null;
@@ -168,7 +173,8 @@ var ToolbarDownloadButton = exports.ToolbarDownloadButton = function ToolbarDown
     mediaClient: mediaClient,
     collectionName: identifier.collectionName,
     traceContext: traceContext,
-    iconBefore: downloadIcon
+    iconBefore: downloadIcon,
+    fallbackMediaName: fallbackMediaName
   });
 };
 var DisabledToolbarDownloadButton = exports.DisabledToolbarDownloadButton = /*#__PURE__*/_react.default.createElement(_mediaUi.MediaButton, {

package/dist/cjs/header.js

@@ -205,7 +205,8 @@ var Header = exports.Header = function Header(_ref) {
         state: item,
         identifier: identifier,
         mediaClient: mediaClient,
-        traceContext: traceContext
+        traceContext: traceContext,
+        fallbackMediaName: fallbackMediaName
       });
     }
   })));

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

package/dist/es2019/analytics/ufoExperiences.js

@@ -3,7 +3,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 const packageName = "@atlaskit/media-viewer";
-const packageVersion = "54.3.5";
+const packageVersion = "54.3.7";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

package/dist/es2019/download.js

@@ -10,6 +10,7 @@ import { createDownloadFailedEventPayload, createDownloadSucceededEventPayload }
 import { fireAnalytics } from './analytics';
 import { createFailedPreviewDownloadButtonClickedEvent } from './analytics/events/ui/failedPreviewDownloadButtonClicked';
 import { DownloadButtonWrapper } from './styleWrappers';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { MediaViewerError } from './errors';
 import Tooltip from '@atlaskit/tooltip';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
@@ -45,10 +46,12 @@ const createItemDownloader = (file, mediaClient, options) => async () => {
   const {
     collectionName,
     traceContext,
-    createAnalyticsEvent
+    createAnalyticsEvent,
+    fallbackMediaName
   } = options;
   const id = file.id;
-  const name = !isErrorFileState(file) ? file.name : undefined;
+  const fileStateName = !isErrorFileState(file) ? file.name : undefined;
+  const name = fileStateName || (expValEquals('platform_editor_media_download_fallback_name', 'isEnabled', true) ? fallbackMediaName : undefined);
   mediaClient.file.downloadBinary(id, name, collectionName, traceContext).then(() => {
     fireAnalytics(createDownloadSucceededEventPayload(file, traceContext), createAnalyticsEvent);
   }).catch(e => {
@@ -75,7 +78,8 @@ const DownloadItem = ({
   analyticspayload,
   traceContext,
   iconBefore,
-  children
+  children,
+  fallbackMediaName
 }) => {
   const [isAbuseModalOpen, setIsAbuseModalOpen] = useState(false);
   const {
@@ -89,7 +93,8 @@ const DownloadItem = ({
   const itemDownloader = createItemDownloader(fileState, mediaClient, {
     collectionName: collectionName,
     createAnalyticsEvent,
-    traceContext
+    traceContext,
+    fallbackMediaName
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderAbuseModal && /*#__PURE__*/React.createElement(AbuseModal, {
     isOpen: isAbuseModalOpen,
@@ -134,7 +139,8 @@ export const ToolbarDownloadButton = ({
   state,
   mediaClient,
   identifier,
-  traceContext
+  traceContext,
+  fallbackMediaName
 }) => {
   // TODO [MS-1731]: make it work for external files as well
   if (isExternalImageIdentifier(identifier)) {
@@ -149,7 +155,8 @@ export const ToolbarDownloadButton = ({
     mediaClient: mediaClient,
     collectionName: identifier.collectionName,
     traceContext: traceContext,
-    iconBefore: downloadIcon
+    iconBefore: downloadIcon,
+    fallbackMediaName: fallbackMediaName
   });
 };
 export const DisabledToolbarDownloadButton = /*#__PURE__*/React.createElement(MediaButton, {

package/dist/es2019/header.js

@@ -181,7 +181,8 @@ export const Header = ({
       state: item,
       identifier: identifier,
       mediaClient: mediaClient,
-      traceContext: traceContext
+      traceContext: traceContext,
+      fallbackMediaName: fallbackMediaName
     })
   })));
 };

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

package/dist/esm/analytics/ufoExperiences.js

@@ -6,7 +6,7 @@ import { getMediaEnvironment, getMediaRegion } from '@atlaskit/media-client';
 import { getFeatureFlagKeysAllProducts } from '@atlaskit/media-common';
 import { fg } from '@atlaskit/platform-feature-flags';
 var packageName = "@atlaskit/media-viewer";
-var packageVersion = "54.3.5";
+var packageVersion = "54.3.7";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

package/dist/esm/download.js

@@ -15,6 +15,7 @@ import { createDownloadFailedEventPayload, createDownloadSucceededEventPayload }
 import { fireAnalytics } from './analytics';
 import { createFailedPreviewDownloadButtonClickedEvent } from './analytics/events/ui/failedPreviewDownloadButtonClicked';
 import { DownloadButtonWrapper } from './styleWrappers';
+import { expValEquals } from '@atlaskit/tmp-editor-statsig/exp-val-equals';
 import { MediaViewerError } from './errors';
 import Tooltip from '@atlaskit/tooltip';
 import { AbuseModal } from '@atlaskit/media-ui/abuseModal';
@@ -47,13 +48,14 @@ function DownloadButton(_ref) {
 }
 var createItemDownloader = function createItemDownloader(file, mediaClient, options) {
   return /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-    var collectionName, traceContext, createAnalyticsEvent, id, name;
+    var collectionName, traceContext, createAnalyticsEvent, fallbackMediaName, id, fileStateName, name;
     return _regeneratorRuntime.wrap(function (_context) {
       while (1) switch (_context.prev = _context.next) {
         case 0:
-          collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent;
+          collectionName = options.collectionName, traceContext = options.traceContext, createAnalyticsEvent = options.createAnalyticsEvent, fallbackMediaName = options.fallbackMediaName;
           id = file.id;
-          name = !isErrorFileState(file) ? file.name : undefined;
+          fileStateName = !isErrorFileState(file) ? file.name : undefined;
+          name = fileStateName || (expValEquals('platform_editor_media_download_fallback_name', 'isEnabled', true) ? fallbackMediaName : undefined);
           mediaClient.file.downloadBinary(id, name, collectionName, traceContext).then(function () {
             fireAnalytics(createDownloadSucceededEventPayload(file, traceContext), createAnalyticsEvent);
           }).catch(function (e) {
@@ -85,7 +87,8 @@ var DownloadItem = function DownloadItem(_ref3) {
     analyticspayload = _ref3.analyticspayload,
     traceContext = _ref3.traceContext,
     iconBefore = _ref3.iconBefore,
-    children = _ref3.children;
+    children = _ref3.children,
+    fallbackMediaName = _ref3.fallbackMediaName;
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isAbuseModalOpen = _useState2[0],
@@ -99,7 +102,8 @@ var DownloadItem = function DownloadItem(_ref3) {
   var itemDownloader = createItemDownloader(fileState, mediaClient, {
     collectionName: collectionName,
     createAnalyticsEvent: createAnalyticsEvent,
-    traceContext: traceContext
+    traceContext: traceContext,
+    fallbackMediaName: fallbackMediaName
   });
   return /*#__PURE__*/React.createElement(React.Fragment, null, shouldRenderAbuseModal && /*#__PURE__*/React.createElement(AbuseModal, {
     isOpen: isAbuseModalOpen,
@@ -145,7 +149,8 @@ export var ToolbarDownloadButton = function ToolbarDownloadButton(_ref5) {
   var state = _ref5.state,
     mediaClient = _ref5.mediaClient,
     identifier = _ref5.identifier,
-    traceContext = _ref5.traceContext;
+    traceContext = _ref5.traceContext,
+    fallbackMediaName = _ref5.fallbackMediaName;
   // TODO [MS-1731]: make it work for external files as well
   if (isExternalImageIdentifier(identifier)) {
     return null;
@@ -159,7 +164,8 @@ export var ToolbarDownloadButton = function ToolbarDownloadButton(_ref5) {
     mediaClient: mediaClient,
     collectionName: identifier.collectionName,
     traceContext: traceContext,
-    iconBefore: downloadIcon
+    iconBefore: downloadIcon,
+    fallbackMediaName: fallbackMediaName
   });
 };
 export var DisabledToolbarDownloadButton = /*#__PURE__*/React.createElement(MediaButton, {

package/dist/esm/header.js

@@ -196,7 +196,8 @@ export var Header = function Header(_ref) {
         state: item,
         identifier: identifier,
         mediaClient: mediaClient,
-        traceContext: traceContext
+        traceContext: traceContext,
+        fallbackMediaName: fallbackMediaName
       });
     }
   })));

package/dist/types/download.d.ts

@@ -15,6 +15,7 @@ export type ToolbarDownloadButtonProps = {
     identifier: Identifier;
     mediaClient: MediaClient;
     traceContext: MediaTraceContext;
+    fallbackMediaName?: string;
 };
-export declare const ToolbarDownloadButton: ({ state, mediaClient, identifier, traceContext, }: ToolbarDownloadButtonProps) => React.JSX.Element | null;
+export declare const ToolbarDownloadButton: ({ state, mediaClient, identifier, traceContext, fallbackMediaName, }: ToolbarDownloadButtonProps) => React.JSX.Element | null;
 export declare const DisabledToolbarDownloadButton: React.JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@atlaskit/media-viewer",
-	"version": "54.3.6",
+	"version": "54.3.8",
 	"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/"
@@ -30,16 +30,16 @@
 		}
 	},
 	"dependencies": {
-		"@atlaskit/analytics-next": "^12.1.0",
+		"@atlaskit/analytics-next": "^12.2.0",
 		"@atlaskit/button": "^24.3.0",
 		"@atlaskit/code": "^18.2.0",
 		"@atlaskit/css": "^1.0.0",
 		"@atlaskit/form": "^16.1.0",
 		"@atlaskit/heading": "^6.1.0",
-		"@atlaskit/icon": "^36.1.0",
+		"@atlaskit/icon": "^36.2.0",
 		"@atlaskit/icon-file-type": "^8.1.0",
-		"@atlaskit/icon-lab": "^7.2.0",
-		"@atlaskit/media-client": "^37.1.0",
+		"@atlaskit/icon-lab": "^7.3.0",
+		"@atlaskit/media-client": "^37.2.0",
 		"@atlaskit/media-client-react": "^6.1.0",
 		"@atlaskit/media-common": "^14.2.0",
 		"@atlaskit/media-document-viewer": "^1.1.0",
@@ -50,12 +50,12 @@
 		"@atlaskit/portal": "^6.1.0",
 		"@atlaskit/primitives": "^20.3.0",
 		"@atlaskit/react-compiler-gating": "^0.2.0",
-		"@atlaskit/side-navigation": "^12.1.0",
+		"@atlaskit/side-navigation": "^12.2.0",
 		"@atlaskit/spinner": "^20.1.0",
 		"@atlaskit/textfield": "^9.1.0",
 		"@atlaskit/theme": "^26.1.0",
-		"@atlaskit/tmp-editor-statsig": "^120.0.0",
-		"@atlaskit/tokens": "^15.3.0",
+		"@atlaskit/tmp-editor-statsig": "^121.1.0",
+		"@atlaskit/tokens": "^15.4.0",
 		"@atlaskit/tooltip": "^23.1.0",
 		"@atlaskit/ufo": "^1.0.0",
 		"@babel/runtime": "^7.0.0",
@@ -94,7 +94,7 @@
 		"@atlaskit/toggle": "^17.1.0",
 		"@atlassian/a11y-jest-testing": "^0.13.0",
 		"@atlassian/feature-flags-test-utils": "^1.1.0",
-		"@atlassian/testing-library": "^0.7.0",
+		"@atlassian/testing-library": "^0.9.0",
 		"@atlassian/ufo": "^0.8.0",
 		"@testing-library/dom": "^10.1.0",
 		"@testing-library/react": "^16.3.0",