@atlaskit/media-ui 22.3.5 → 22.4.0

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @atlaskit/media-ui
 
+## 22.4.0
+
+### Minor Changes
+
+- [`56507598609`](https://bitbucket.org/atlassian/atlassian-frontend/commits/56507598609) - Skip minor dependency bump
+
+### Patch Changes
+
+- Updated dependencies
+
+## 22.3.6
+
+### Patch Changes
+
+- [`2e01c9c74b5`](https://bitbucket.org/atlassian/atlassian-frontend/commits/2e01c9c74b5) - DUMMY remove before merging to master; dupe adf-schema via adf-utils
+
 ## 22.3.5
 
 ### Patch Changes

package/dist/cjs/MediaButton.js

@@ -13,6 +13,9 @@ var _react = _interopRequireDefault(require("react"));
 var _customThemeButton = _interopRequireDefault(require("@atlaskit/button/custom-theme-button"));
 var _excluded = ["appearance", "buttonRef"],
   _excluded2 = ["buttonStyles"];
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
+// Keep Media buttons to use static colors from the new color palette to support the hybrid
+// theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var buttonTheme = {

package/dist/cjs/MediaInlineCard/Frame/index.js

@@ -45,6 +45,7 @@ var Frame = /*#__PURE__*/function (_React$Component) {
         onClick(event);
       }
     });
+    // prevent default on mousedown to avoid inline card losing focus
     (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "handleMouseDown", function (e) {
       e.preventDefault();
     });

package/dist/cjs/customMediaPlayer/index.js

@@ -48,9 +48,10 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep media player components used in media-viewer to use static colors from the new color palette to
+// support the hybrid theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "22.3.5";
+var packageVersion = "22.4.0";
 var MEDIUM_VIDEO_MAX_WIDTH = 400;
 var SMALL_VIDEO_MAX_WIDTH = 160;
 var MINIMUM_DURATION_BEFORE_SAVING_TIME = 60;

package/dist/cjs/customMediaPlayer/playbackSpeedControls.js

@@ -26,7 +26,8 @@ function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj &&
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
-function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } } /* eslint-disable @atlaskit/design-system/ensure-design-token-usage */ // Keep PlaybackSpeedControls to use static colors from the new color palette to support the hybrid
+// theming in media viewer https://product-fabric.atlassian.net/browse/DSP-6067
 var PlaybackSpeedControls = /*#__PURE__*/function (_Component) {
   (0, _inherits2.default)(PlaybackSpeedControls, _Component);
   var _super = _createSuper(PlaybackSpeedControls);

package/dist/cjs/customMediaPlayer/styled.js

@@ -9,6 +9,7 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styled = _interopRequireDefault(require("@emotion/styled"));
 var _colors = require("@atlaskit/theme/colors");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18;
+/* eslint-disable @atlaskit/design-system/ensure-design-token-usage */
 var CustomVideoWrapper = _styled.default.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  user-select: none;\n"])));
 exports.CustomVideoWrapper = CustomVideoWrapper;
 var VideoWrapper = _styled.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n"])));

package/dist/cjs/i18n/cs.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/da.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/de.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/en.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/en_GB.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -22,7 +23,7 @@ var _default = {
   'fabric.media.annotate.tool.arrow': 'Arrow',
   'fabric.media.annotate.tool.blur': 'Blur',
   'fabric.media.annotate.tool.brush': 'Brush',
-  'fabric.media.annotate.tool.colour': 'Colour',
+  'fabric.media.annotate.tool.color': 'Colour',
   'fabric.media.annotate.tool.line.thickness': 'Line thickness',
   'fabric.media.annotate.tool.shape': 'Shape',
   'fabric.media.annotate.tool.text': 'Text',

package/dist/cjs/i18n/es.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/fi.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/fr.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/hu.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/it.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/ja.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *
@@ -51,7 +52,7 @@ var _default = {
   'fabric.media.couldnt_load_file': 'ファイルを読み込めませんでした。',
   'fabric.media.couldnt_load_link': '不明な理由によって、このリンクを読み込めませんでした。',
   'fabric.media.creating_preview': 'プレビューを作成中...',
-  'fabric.media.default_avatars': 'デフォルトのアバター',
+  'fabric.media.default_avatars': '既定のアバター',
   'fabric.media.disable_fullscreen': '全画面表示を無効化',
   'fabric.media.display_thumbnail': 'サムネイルを表示',
   'fabric.media.document': 'ドキュメント',

package/dist/cjs/i18n/ko.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/nb.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/nl.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/pl.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/pt_BR.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/ru.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/sv.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/th.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/tr.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/uk.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/vi.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/zh.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/i18n/zh_TW.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+/* prettier-ignore */
 /**
  * NOTE:
  *

package/dist/cjs/imageMetaData/index.js

@@ -46,30 +46,28 @@ function _getImageInfo() {
   _getImageInfo = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(fileInfo) {
     var metadata, width, height, tags, scaleFactor;
     return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            _context.next = 2;
-            return readImageMetaData(fileInfo);
-          case 2:
-            metadata = _context.sent;
-            if (metadata) {
-              _context.next = 5;
-              break;
-            }
-            return _context.abrupt("return", null);
-          case 5:
-            width = metadata.width, height = metadata.height, tags = metadata.tags;
-            scaleFactor = getScaleFactor(fileInfo.file, tags);
-            return _context.abrupt("return", {
-              scaleFactor: scaleFactor,
-              width: width,
-              height: height
-            });
-          case 8:
-          case "end":
-            return _context.stop();
-        }
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          _context.next = 2;
+          return readImageMetaData(fileInfo);
+        case 2:
+          metadata = _context.sent;
+          if (metadata) {
+            _context.next = 5;
+            break;
+          }
+          return _context.abrupt("return", null);
+        case 5:
+          width = metadata.width, height = metadata.height, tags = metadata.tags;
+          scaleFactor = getScaleFactor(fileInfo.file, tags);
+          return _context.abrupt("return", {
+            scaleFactor: scaleFactor,
+            width: width,
+            height: height
+          });
+        case 8:
+        case "end":
+          return _context.stop();
       }
     }, _callee);
   }));
@@ -114,18 +112,16 @@ function _getOrientation() {
   _getOrientation = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(file) {
     var tags;
     return _regenerator.default.wrap(function _callee2$(_context2) {
-      while (1) {
-        switch (_context2.prev = _context2.next) {
-          case 0:
-            _context2.next = 2;
-            return (0, _metatags.readImageMetaTags)(file);
-          case 2:
-            tags = _context2.sent;
-            return _context2.abrupt("return", getOrientationFromTags(tags));
-          case 4:
-          case "end":
-            return _context2.stop();
-        }
+      while (1) switch (_context2.prev = _context2.next) {
+        case 0:
+          _context2.next = 2;
+          return (0, _metatags.readImageMetaTags)(file);
+        case 2:
+          tags = _context2.sent;
+          return _context2.abrupt("return", getOrientationFromTags(tags));
+        case 4:
+        case "end":
+          return _context2.stop();
       }
     }, _callee2);
   }));
@@ -161,61 +157,59 @@ function _readImageMetaData() {
   _readImageMetaData = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee3(fileInfo) {
     var file, src, type, width, height, tags, orientation, isImageRotated, data, img, _readImageNaturalOrie, _width, _height;
     return _regenerator.default.wrap(function _callee3$(_context3) {
-      while (1) {
-        switch (_context3.prev = _context3.next) {
-          case 0:
-            file = fileInfo.file, src = fileInfo.src;
-            type = file.type;
-            width = 0;
-            height = 0;
-            _context3.next = 6;
-            return (0, _metatags.readImageMetaTags)(file);
-          case 6:
-            tags = _context3.sent;
-            // since we're reading metadata anyway, try to get dimensions from there...
-            if (tags && tags.PixelXDimension) {
-              width = getMetaTagNumericValue(tags, 'PixelXDimension', 0);
-            }
-            if (tags && tags.PixelXDimension) {
-              height = getMetaTagNumericValue(tags, 'PixelYDimension', 0);
-            }
-            // otherwise, load the image async (ideally avoid if found above due to being slightly expensive)
-            orientation = getOrientationFromTags(tags);
-            isImageRotated = (0, _imageOrientationUtil.isRotated)(orientation);
-            data = {
-              type: type,
-              width: width,
-              height: height,
-              naturalWidth: width,
-              naturalHeight: height,
-              tags: tags
-            };
-            if (!(isImageRotated || width === 0 && height === 0)) {
-              _context3.next = 27;
-              break;
-            }
-            _context3.prev = 13;
-            _context3.next = 16;
-            return (0, _util.loadImage)(src);
-          case 16:
-            img = _context3.sent;
-            _readImageNaturalOrie = (0, _util.readImageNaturalOrientationFromDOM)(img), _width = _readImageNaturalOrie.width, _height = _readImageNaturalOrie.height;
-            data.width = _width;
-            data.height = _height;
-            data.naturalWidth = img.naturalWidth;
-            data.naturalHeight = img.naturalHeight;
+      while (1) switch (_context3.prev = _context3.next) {
+        case 0:
+          file = fileInfo.file, src = fileInfo.src;
+          type = file.type;
+          width = 0;
+          height = 0;
+          _context3.next = 6;
+          return (0, _metatags.readImageMetaTags)(file);
+        case 6:
+          tags = _context3.sent;
+          // since we're reading metadata anyway, try to get dimensions from there...
+          if (tags && tags.PixelXDimension) {
+            width = getMetaTagNumericValue(tags, 'PixelXDimension', 0);
+          }
+          if (tags && tags.PixelXDimension) {
+            height = getMetaTagNumericValue(tags, 'PixelYDimension', 0);
+          }
+          // otherwise, load the image async (ideally avoid if found above due to being slightly expensive)
+          orientation = getOrientationFromTags(tags);
+          isImageRotated = (0, _imageOrientationUtil.isRotated)(orientation);
+          data = {
+            type: type,
+            width: width,
+            height: height,
+            naturalWidth: width,
+            naturalHeight: height,
+            tags: tags
+          };
+          if (!(isImageRotated || width === 0 && height === 0)) {
             _context3.next = 27;
             break;
-          case 24:
-            _context3.prev = 24;
-            _context3.t0 = _context3["catch"](13);
-            return _context3.abrupt("return", null);
-          case 27:
-            return _context3.abrupt("return", data);
-          case 28:
-          case "end":
-            return _context3.stop();
-        }
+          }
+          _context3.prev = 13;
+          _context3.next = 16;
+          return (0, _util.loadImage)(src);
+        case 16:
+          img = _context3.sent;
+          _readImageNaturalOrie = (0, _util.readImageNaturalOrientationFromDOM)(img), _width = _readImageNaturalOrie.width, _height = _readImageNaturalOrie.height;
+          data.width = _width;
+          data.height = _height;
+          data.naturalWidth = img.naturalWidth;
+          data.naturalHeight = img.naturalHeight;
+          _context3.next = 27;
+          break;
+        case 24:
+          _context3.prev = 24;
+          _context3.t0 = _context3["catch"](13);
+          return _context3.abrupt("return", null);
+        case 27:
+          return _context3.abrupt("return", data);
+        case 28:
+        case "end":
+          return _context3.stop();
       }
     }, _callee3, null, [[13, 24]]);
   }));

package/dist/cjs/imageMetaData/metatags.js

@@ -21,44 +21,42 @@ function _readImageMetaTags() {
   _readImageMetaTags = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file) {
     var type, _yield$readPNGXMPMeta, iTXt, pHYs, xmpMetaData;
     return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) {
-        switch (_context.prev = _context.next) {
-          case 0:
-            type = file.type;
-            _context.prev = 1;
-            if (!(type === _types.ImageType.PNG)) {
-              _context.next = 12;
-              break;
-            }
-            _context.next = 5;
-            return (0, _parsePNG.readPNGXMPMetaData)(file);
-          case 5:
-            _yield$readPNGXMPMeta = _context.sent;
-            iTXt = _yield$readPNGXMPMeta.iTXt;
-            pHYs = _yield$readPNGXMPMeta.pHYs;
-            xmpMetaData = _objectSpread(_objectSpread({}, (0, _parsePNGXMP.parseXMPMetaData)(iTXt)), pHYs);
-            return _context.abrupt("return", xmpMetaData);
-          case 12:
-            if (!(file.type === _types.ImageType.JPEG)) {
-              _context.next = 16;
-              break;
-            }
-            _context.next = 15;
-            return (0, _parseJPEG.readJPEGExifMetaData)(file);
-          case 15:
-            return _context.abrupt("return", _context.sent);
-          case 16:
-            _context.next = 20;
+      while (1) switch (_context.prev = _context.next) {
+        case 0:
+          type = file.type;
+          _context.prev = 1;
+          if (!(type === _types.ImageType.PNG)) {
+            _context.next = 12;
             break;
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](1);
-          case 20:
-            return _context.abrupt("return", null);
-          case 21:
-          case "end":
-            return _context.stop();
-        }
+          }
+          _context.next = 5;
+          return (0, _parsePNG.readPNGXMPMetaData)(file);
+        case 5:
+          _yield$readPNGXMPMeta = _context.sent;
+          iTXt = _yield$readPNGXMPMeta.iTXt;
+          pHYs = _yield$readPNGXMPMeta.pHYs;
+          xmpMetaData = _objectSpread(_objectSpread({}, (0, _parsePNGXMP.parseXMPMetaData)(iTXt)), pHYs);
+          return _context.abrupt("return", xmpMetaData);
+        case 12:
+          if (!(file.type === _types.ImageType.JPEG)) {
+            _context.next = 16;
+            break;
+          }
+          _context.next = 15;
+          return (0, _parseJPEG.readJPEGExifMetaData)(file);
+        case 15:
+          return _context.abrupt("return", _context.sent);
+        case 16:
+          _context.next = 20;
+          break;
+        case 18:
+          _context.prev = 18;
+          _context.t0 = _context["catch"](1);
+        case 20:
+          return _context.abrupt("return", null);
+        case 21:
+        case "end":
+          return _context.stop();
       }
     }, _callee, null, [[1, 18]]);
   }));