@atlaskit/media-viewer 52.3.2 → 52.4.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @atlaskit/media-viewer
 
+## 52.4.0
+
+### Minor Changes
+
+- [#177492](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/177492)
+  [`e664197b0ca21`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e664197b0ca21) -
+  Added support for Password protected PDFs for the new document viewer and added error handling
+
+### Patch Changes
+
+- Updated dependencies
+
+## 52.3.3
+
+### Patch Changes
+
+- [#176481](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/176481)
+  [`5d43410068866`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/5d43410068866) -
+  Only show attachment download blocking tooltip when downloads should be blocked
+
 ## 52.3.2
 
 ### 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 = "52.3.1";
+var packageVersion = exports.packageVersion = "52.3.3";
 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 = "52.3.1";
+var packageVersion = "52.3.3";
 var ufoExperience;
 var getExperience = function getExperience() {
   if (!ufoExperience) {

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

@@ -67,7 +67,7 @@ var ArchiveSidebarFolderEntryBase = /*#__PURE__*/function (_React$Component) {
       var _this$props2 = _this.props,
         shouldRenderAbuseModal = _this$props2.shouldRenderAbuseModal,
         intl = _this$props2.intl;
-      var tooltip = intl.formatMessage(_mediaUi.messages.download_disabled_security_policy);
+      var tooltip = enforceDataSecurityPolicy ? intl.formatMessage(_mediaUi.messages.download_disabled_security_policy) : undefined;
       var downloadFn = function downloadFn() {
         return _this.downloadZipEntry(entry, root);
       };

package/dist/cjs/viewers/doc-next/doc-viewer.js

@@ -0,0 +1,201 @@
+/* doc-viewer.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.DocViewer = void 0;
+require("./doc-viewer.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+var React = _react;
+var _runtime = require("@compiled/react/runtime");
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _mediaClient = require("@atlaskit/media-client");
+var _mediaDocumentViewer = require("@atlaskit/media-document-viewer");
+var _mediaCommon = require("@atlaskit/media-common");
+var _errors = require("../../errors");
+var _zoomControls = require("../../zoomControls");
+var _zoomLevel = require("../../domain/zoomLevel");
+var _passwordInput = require("./passwordInput");
+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); }
+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 initialState = {
+  isMissingPassword: false,
+  hasPasswordError: false,
+  password: '',
+  zoomLevel: new _zoomLevel.ZoomLevel(1.75)
+};
+var reducer = function reducer(state, action) {
+  switch (action.type) {
+    case 'submit_password':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        password: action.password
+      });
+    case 'set_zoom_level':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        zoomLevel: action.zoomLevel
+      });
+    case 'password_validation_failed':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        hasPasswordError: true
+      });
+    case 'password_validation_succeeded':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isMissingPassword: false,
+        hasPasswordError: false
+      });
+    case 'content_fetch_failed_password_required':
+      return _objectSpread(_objectSpread({}, state), {}, {
+        isMissingPassword: true
+      });
+    default:
+      return state;
+  }
+};
+var documentViewerStyles = null;
+var DocViewer = exports.DocViewer = function DocViewer(_ref) {
+  var mediaClient = _ref.mediaClient,
+    fileState = _ref.fileState,
+    collectionName = _ref.collectionName,
+    onError = _ref.onError,
+    traceContext = _ref.traceContext;
+  var _useReducer = (0, _react.useReducer)(reducer, initialState),
+    _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+    state = _useReducer2[0],
+    dispatch = _useReducer2[1];
+  var getContent = (0, _mediaCommon.useStaticCallback)( /*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(pageStart, pageEnd) {
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            _context.prev = 0;
+            _context.next = 3;
+            return mediaClient.mediaStore.getDocumentContent(fileState.id, {
+              pageStart: pageStart,
+              pageEnd: pageEnd,
+              collectionName: collectionName,
+              password: state.password
+            }, traceContext);
+          case 3:
+            return _context.abrupt("return", _context.sent);
+          case 6:
+            _context.prev = 6;
+            _context.t0 = _context["catch"](0);
+            if ((0, _mediaClient.isCommonMediaClientError)(_context.t0) && _context.t0.reason === 'serverEntityLocked') {
+              dispatch({
+                type: 'content_fetch_failed_password_required'
+              });
+            } else {
+              onError(new _errors.MediaViewerError('docviewer-content-fetch-failed', _context.t0 instanceof Error ? _context.t0 : undefined));
+            }
+            throw _context.t0;
+          case 10:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[0, 6]]);
+    }));
+    return function (_x, _x2) {
+      return _ref2.apply(this, arguments);
+    };
+  }());
+  var onPasswordSubmit = (0, _mediaCommon.useStaticCallback)( /*#__PURE__*/function () {
+    var _ref3 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(data) {
+      return _regenerator.default.wrap(function _callee2$(_context2) {
+        while (1) switch (_context2.prev = _context2.next) {
+          case 0:
+            dispatch({
+              type: 'submit_password',
+              password: data.password
+            });
+            _context2.prev = 1;
+            _context2.next = 4;
+            return mediaClient.mediaStore.getDocumentContent(fileState.id, {
+              pageStart: 0,
+              pageEnd: 1,
+              collectionName: collectionName,
+              password: data.password
+            }, traceContext);
+          case 4:
+            dispatch({
+              type: 'password_validation_succeeded'
+            });
+            _context2.next = 10;
+            break;
+          case 7:
+            _context2.prev = 7;
+            _context2.t0 = _context2["catch"](1);
+            if ((0, _mediaClient.isCommonMediaClientError)(_context2.t0) && _context2.t0.reason === 'serverEntityLocked') {
+              dispatch({
+                type: 'password_validation_failed'
+              });
+            } else {
+              onError(new _errors.MediaViewerError('docviewer-content-fetch-failed', _context2.t0 instanceof Error ? _context2.t0 : undefined));
+            }
+          case 10:
+          case "end":
+            return _context2.stop();
+        }
+      }, _callee2, null, [[1, 7]]);
+    }));
+    return function (_x3) {
+      return _ref3.apply(this, arguments);
+    };
+  }());
+  var getPageImageUrl = (0, _mediaCommon.useStaticCallback)( /*#__PURE__*/function () {
+    var _ref4 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(pageNumber, zoom) {
+      var src;
+      return _regenerator.default.wrap(function _callee3$(_context3) {
+        while (1) switch (_context3.prev = _context3.next) {
+          case 0:
+            _context3.next = 2;
+            return mediaClient.mediaStore.getDocumentPageImage(fileState.id, {
+              page: pageNumber,
+              zoom: zoom,
+              collectionName: collectionName,
+              password: state.password
+            }, traceContext);
+          case 2:
+            src = _context3.sent;
+            return _context3.abrupt("return", URL.createObjectURL(src));
+          case 4:
+          case "end":
+            return _context3.stop();
+        }
+      }, _callee3);
+    }));
+    return function (_x4, _x5) {
+      return _ref4.apply(this, arguments);
+    };
+  }());
+  var onZoomChange = (0, _mediaCommon.useStaticCallback)(function (newZoomLevel) {
+    dispatch({
+      type: 'set_zoom_level',
+      zoomLevel: newZoomLevel
+    });
+  });
+  if (state.isMissingPassword) {
+    return /*#__PURE__*/React.createElement(_passwordInput.PasswordInput, {
+      onSubmit: onPasswordSubmit,
+      hasPasswordError: state.hasPasswordError
+    });
+  }
+  return /*#__PURE__*/React.createElement("div", {
+    id: _mediaDocumentViewer.DOCUMENT_SCROLL_ROOT_ID,
+    className: (0, _runtime.ax)(["_1reo1wug _18m91wug _4t3i1kxc _1bsbauwl"])
+  }, /*#__PURE__*/React.createElement(_mediaDocumentViewer.DocumentViewer, {
+    getContent: getContent,
+    getPageImageUrl: getPageImageUrl,
+    zoom: state.zoomLevel.value
+  }), /*#__PURE__*/React.createElement(_zoomControls.ZoomControls, {
+    onChange: onZoomChange,
+    zoomLevel: state.zoomLevel
+  }));
+};
+var _default = exports.default = DocViewer;

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

@@ -1,15 +1,10 @@
-/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.DocViewer = void 0;
-require("./index.compiled.css");
-var React = _interopRequireWildcard(require("react"));
-var _runtime = require("@compiled/react/runtime");
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
@@ -18,15 +13,13 @@ var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime
 var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _mediaDocumentViewer = require("@atlaskit/media-document-viewer");
+var _react = _interopRequireDefault(require("react"));
 var _domain = require("../../domain");
 var _baseViewer = require("../base-viewer");
-var _zoomControls = require("../../zoomControls");
 var _zoomLevel = require("../../domain/zoomLevel");
-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); }
+var _docViewer = require("./doc-viewer");
 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 documentViewerStyles = null;
 var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
   function DocViewer() {
     var _this;
@@ -36,61 +29,6 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
     }
     _this = _callSuper(this, DocViewer, [].concat(args));
     (0, _defineProperty2.default)(_this, "isObjectUrl", false);
-    (0, _defineProperty2.default)(_this, "getContent", /*#__PURE__*/function () {
-      var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(pageStart, pageEnd) {
-        var src;
-        return _regenerator.default.wrap(function _callee$(_context) {
-          while (1) switch (_context.prev = _context.next) {
-            case 0:
-              _context.next = 2;
-              return _this.props.mediaClient.mediaStore.getDocumentContent(_this.props.item.id, {
-                pageStart: pageStart,
-                pageEnd: pageEnd,
-                collectionName: _this.props.collectionName
-              });
-            case 2:
-              src = _context.sent;
-              return _context.abrupt("return", src);
-            case 4:
-            case "end":
-              return _context.stop();
-          }
-        }, _callee);
-      }));
-      return function (_x, _x2) {
-        return _ref.apply(this, arguments);
-      };
-    }());
-    (0, _defineProperty2.default)(_this, "getPageImageUrl", /*#__PURE__*/function () {
-      var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(pageNumber, zoom) {
-        var src;
-        return _regenerator.default.wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
-            case 0:
-              _context2.next = 2;
-              return _this.props.mediaClient.mediaStore.getDocumentPageImage(_this.props.item.id, {
-                page: pageNumber,
-                zoom: zoom,
-                collectionName: _this.props.collectionName
-              });
-            case 2:
-              src = _context2.sent;
-              return _context2.abrupt("return", URL.createObjectURL(src));
-            case 4:
-            case "end":
-              return _context2.stop();
-          }
-        }, _callee2);
-      }));
-      return function (_x3, _x4) {
-        return _ref2.apply(this, arguments);
-      };
-    }());
-    (0, _defineProperty2.default)(_this, "onZoomChange", function (newZoomLevel) {
-      _this.setState({
-        zoomLevel: newZoomLevel
-      });
-    });
     return _this;
   }
   (0, _inherits2.default)(DocViewer, _BaseViewer);
@@ -99,7 +37,9 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
     get: function get() {
       return {
         content: _domain.Outcome.pending(),
-        zoomLevel: new _zoomLevel.ZoomLevel(1.75)
+        zoomLevel: new _zoomLevel.ZoomLevel(1.75),
+        isPasswordProtected: false,
+        hasPasswordError: false
       };
     }
   }, {
@@ -113,10 +53,10 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
   }, {
     key: "init",
     value: function () {
-      var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3() {
+      var _init = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
         var item;
-        return _regenerator.default.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
+        return _regenerator.default.wrap(function _callee$(_context) {
+          while (1) switch (_context.prev = _context.next) {
             case 0:
               item = this.props.item;
               this.setState({
@@ -124,9 +64,9 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
               });
             case 2:
             case "end":
-              return _context3.stop();
+              return _context.stop();
           }
-        }, _callee3, this);
+        }, _callee, this);
       }));
       function init() {
         return _init.apply(this, arguments);
@@ -147,17 +87,13 @@ var DocViewer = exports.DocViewer = /*#__PURE__*/function (_BaseViewer) {
   }, {
     key: "renderSuccessful",
     value: function renderSuccessful() {
-      return /*#__PURE__*/React.createElement("div", {
-        id: _mediaDocumentViewer.DOCUMENT_SCROLL_ROOT_ID,
-        className: (0, _runtime.ax)(["_1reo1wug _18m91wug _4t3i1kxc _1bsbauwl"])
-      }, /*#__PURE__*/React.createElement(_mediaDocumentViewer.DocumentViewer, {
-        getContent: this.getContent,
-        getPageImageUrl: this.getPageImageUrl,
-        zoom: this.state.zoomLevel.value
-      }), /*#__PURE__*/React.createElement(_zoomControls.ZoomControls, {
-        onChange: this.onZoomChange,
-        zoomLevel: this.state.zoomLevel
-      }));
+      return /*#__PURE__*/_react.default.createElement(_docViewer.DocViewer, {
+        mediaClient: this.props.mediaClient,
+        fileState: this.props.item,
+        collectionName: this.props.collectionName,
+        onError: this.props.onError,
+        traceContext: this.props.traceContext
+      });
     }
   }]);
 }(_baseViewer.BaseViewer);

package/dist/cjs/viewers/doc-next/passwordInput.compiled.css

@@ -0,0 +1,11 @@
+._11c8dcr7{font:var(--ds-font-body-UNSAFE_small,normal 400 9pt/1pc ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._12nx2smr h1{font:var(--ds-font-body,normal 400 14px/20px ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Ubuntu,"Helvetica Neue",sans-serif)}
+._125x1366 p{color:#fd9891}
+._18u01b66{margin-left:var(--ds-space-050,4px)}
+._19pk1b66{margin-top:var(--ds-space-050,4px)}
+._19pkidpf{margin-top:0}
+._1e0c1txw{display:flex}
+._1nda9txx h1{color:#b6c2cf}
+._1twlmoej h1{font-weight:var(--ds-font-weight-bold,700)}
+._4cvr1h6o{align-items:center}
+._syaz1366{color:#fd9891}

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

@@ -0,0 +1,126 @@
+/* passwordInput.tsx generated by @compiled/babel-plugin v0.36.1 */
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PasswordInput = void 0;
+require("./passwordInput.compiled.css");
+var _react = _interopRequireWildcard(require("react"));
+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 _lockLockedLock = _interopRequireDefault(require("@atlaskit/icon/core/migration/lock-locked--lock"));
+var _form = _interopRequireWildcard(require("@atlaskit/form"));
+var _reactIntlNext = require("react-intl-next");
+var _mediaUi = require("@atlaskit/media-ui");
+var _primitives = require("@atlaskit/primitives");
+var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
+var _heading = _interopRequireDefault(require("@atlaskit/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/ui-styling-standard/use-compiled -- Ignored via go/DSP-18766
+var COLOR_SHADE = '#b6c2cf';
+var ERROR_COLOR = '#FD9891';
+var headingStyle = null;
+var errorMessageWrapperStyle = null;
+var errorMessageStyle = null;
+var headerStyles = (0, _primitives.xcss)({
+  textAlign: 'center',
+  marginTop: 'space.200',
+  marginBottom: 'space.200'
+});
+var inputStyle = (0, _primitives.xcss)({
+  width: '330px'
+});
+var footerStyles = (0, _primitives.xcss)({
+  marginTop: 'space.200',
+  display: 'flex',
+  justifyContent: 'center'
+});
+var PasswordInput = exports.PasswordInput = function PasswordInput(_ref) {
+  var onSubmit = _ref.onSubmit,
+    hasPasswordError = _ref.hasPasswordError,
+    onRender = _ref.onRender;
+  var passwordInputRef = (0, _react.useRef)(null);
+  var onRenderRef = (0, _react.useRef)(onRender);
+  var _useState = (0, _react.useState)(hasPasswordError),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    formError = _useState2[0],
+    setFormError = _useState2[1];
+  var intl = (0, _reactIntlNext.useIntl)();
+  (0, _react.useEffect)(function () {
+    var _onRenderRef$current;
+    (_onRenderRef$current = onRenderRef.current) === null || _onRenderRef$current === void 0 || _onRenderRef$current.call(onRenderRef);
+  }, []);
+  (0, _react.useEffect)(function () {
+    if (hasPasswordError) {
+      var _passwordInputRef$cur;
+      setFormError(true);
+      (_passwordInputRef$cur = passwordInputRef.current) === null || _passwordInputRef$cur === void 0 || _passwordInputRef$cur.focus();
+    }
+  }, [hasPasswordError]);
+  return /*#__PURE__*/React.createElement(_form.default, {
+    onSubmit: onSubmit
+  }, function (_ref2) {
+    var formProps = _ref2.formProps,
+      submitting = _ref2.submitting;
+    return /*#__PURE__*/React.createElement("form", formProps, /*#__PURE__*/React.createElement(_primitives.Flex, {
+      justifyContent: "center"
+    }, /*#__PURE__*/React.createElement(_lockLockedLock.default, {
+      label: "",
+      LEGACY_size: "xlarge",
+      color: COLOR_SHADE
+    })), /*#__PURE__*/React.createElement(_primitives.Box, {
+      xcss: headerStyles
+    }, /*#__PURE__*/React.createElement("div", {
+      className: (0, _runtime.ax)(["_12nx2smr _1twlmoej _1nda9txx"])
+    }, /*#__PURE__*/React.createElement(_heading.default, {
+      as: "h1",
+      size: "medium"
+    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.password_protected_pdf)))), /*#__PURE__*/React.createElement(_form.Field, {
+      "aria-required": true,
+      name: "password",
+      defaultValue: "",
+      isRequired: true
+    }, function (_ref3) {
+      var fieldProps = _ref3.fieldProps;
+      return /*#__PURE__*/React.createElement(_primitives.Box, {
+        xcss: inputStyle
+      }, /*#__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),
+        ref: passwordInputRef,
+        "aria-describedby": formError ? "".concat(fieldProps.id, "-error") : undefined,
+        onChange: function onChange(value) {
+          fieldProps.onChange(value);
+          setFormError(false);
+        }
+      })), formError && /*#__PURE__*/React.createElement("div", {
+        id: "".concat(fieldProps.id, "-error"),
+        className: (0, _runtime.ax)(["_11c8dcr7 _19pk1b66 _1e0c1txw _4cvr1h6o _syaz1366 _125x1366"])
+      }, /*#__PURE__*/React.createElement(_error.default, {
+        color: "currentColor",
+        LEGACY_size: "small",
+        label: "",
+        size: "small"
+      }), /*#__PURE__*/React.createElement("div", {
+        id: "".concat(fieldProps.id, "-errorMessage"),
+        className: (0, _runtime.ax)(["_19pkidpf _18u01b66"])
+      }, /*#__PURE__*/React.createElement(_primitives.Text, {
+        as: "p"
+      }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.incorrect_password)))));
+    }), /*#__PURE__*/React.createElement(_primitives.Box, {
+      xcss: footerStyles
+    }, /*#__PURE__*/React.createElement(_new.default, {
+      appearance: "primary",
+      type: "submit",
+      isLoading: submitting
+    }, /*#__PURE__*/React.createElement(_reactIntlNext.FormattedMessage, _mediaUi.messages.submit))));
+  });
+};

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 = "52.3.1";
+const packageVersion = "52.3.3";
 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 = "52.3.1";
+const packageVersion = "52.3.3";
 let ufoExperience;
 const getExperience = () => {
   if (!ufoExperience) {

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

@@ -46,7 +46,7 @@ class ArchiveSidebarFolderEntryBase extends React.Component {
         shouldRenderAbuseModal,
         intl
       } = this.props;
-      const tooltip = intl.formatMessage(messages.download_disabled_security_policy);
+      const tooltip = enforceDataSecurityPolicy ? intl.formatMessage(messages.download_disabled_security_policy) : undefined;
       const downloadFn = () => this.downloadZipEntry(entry, root);
       return /*#__PURE__*/React.createElement(ArchiveDownloadButton, {
         downloadFn: downloadFn,