@atlaskit/media-ui 28.2.3 → 28.3.0

package/CHANGELOG.md

@@ -1,5 +1,23 @@
 # @atlaskit/media-ui
 
+## 28.3.0
+
+### Minor Changes
+
+- [#169848](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/pull-requests/169848)
+  [`e2f382e521a21`](https://bitbucket.org/atlassian/atlassian-frontend-monorepo/commits/e2f382e521a21) -
+  Add analytics for caption upload & delete flows
+
+### Patch Changes
+
+- Updated dependencies
+
+## 28.2.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 28.2.3
 
 ### Patch Changes

package/dist/cjs/MediaInlineCard/ErroredView/index.compiled.css

@@ -0,0 +1 @@
+._syaz1ml5{color:var(--_1xw92dq)}

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

@@ -1,3 +1,4 @@
+/* index.tsx generated by @compiled/babel-plugin v0.36.1 */
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
@@ -5,35 +6,26 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MediaInlineCardErroredView = void 0;
+require("./index.compiled.css");
+var _runtime = require("@compiled/react/runtime");
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
 var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
 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 _react = _interopRequireDefault(require("react"));
 var _colors = require("@atlaskit/theme/colors");
-var _warning = _interopRequireDefault(require("@atlaskit/icon/utility/migration/warning"));
+var _warning = _interopRequireDefault(require("@atlaskit/icon/core/migration/warning"));
 var _Frame = require("../Frame");
 var _IconAndTitleLayout = require("../IconAndTitleLayout");
 var _Icon = require("../Icon");
-var _styled = require("../styled");
 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 errorTitleStyles = null;
 var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE__*/function (_React$Component) {
   function MediaInlineCardErroredView() {
-    var _this;
     (0, _classCallCheck2.default)(this, MediaInlineCardErroredView);
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-    _this = _callSuper(this, MediaInlineCardErroredView, [].concat(args));
-    (0, _defineProperty2.default)(_this, "renderMessage", function () {
-      var message = _this.props.message;
-      var errorMessage = /*#__PURE__*/_react.default.createElement(_styled.NoLinkAppearance, null, message);
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, errorMessage);
-    });
-    return _this;
+    return _callSuper(this, MediaInlineCardErroredView, arguments);
   }
   (0, _inherits2.default)(MediaInlineCardErroredView, _React$Component);
   return (0, _createClass2.default)(MediaInlineCardErroredView, [{
@@ -50,14 +42,21 @@ var MediaInlineCardErroredView = exports.MediaInlineCardErroredView = /*#__PURE_
         testId: testId,
         innerRef: innerRef,
         onClick: onClick,
-        isSelected: isSelected
+        isSelected: isSelected,
+        isError: true
       }, /*#__PURE__*/_react.default.createElement(_IconAndTitleLayout.IconAndTitleLayout, {
         icon: icon || /*#__PURE__*/_react.default.createElement(_Icon.AKIconWrapper, null, /*#__PURE__*/_react.default.createElement(_warning.default, {
           label: "error",
           LEGACY_size: "small",
-          color: "var(--ds-icon-danger, ".concat(_colors.R300, ")")
+          color: "var(--ds-icon-danger, ".concat(_colors.R500, ")"),
+          size: "small"
         })),
-        title: this.renderMessage()
+        title: /*#__PURE__*/_react.default.createElement("span", {
+          className: (0, _runtime.ax)(["_syaz1ml5"]),
+          style: {
+            "--_1xw92dq": (0, _runtime.ix)("var(--ds-text-danger, ".concat(_colors.R500, ")"))
+          }
+        }, this.props.message)
       }));
     }
   }]);

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

@@ -53,11 +53,13 @@ var Frame = exports.Frame = /*#__PURE__*/function (_React$Component) {
         children = _this$props.children,
         onClick = _this$props.onClick,
         innerRef = _this$props.innerRef,
-        testId = _this$props.testId;
+        testId = _this$props.testId,
+        isError = _this$props.isError;
       var isInteractive = Boolean(onClick);
       return /*#__PURE__*/_react.default.createElement(_styled.Wrapper, {
         ref: innerRef,
         isSelected: isSelected,
+        isError: isError,
         tabIndex: isInteractive ? 0 : undefined,
         role: isInteractive ? 'button' : undefined,
         onClick: this.handleClick,

package/dist/cjs/MediaInlineCard/Frame/styled-compiled.compiled.css

@@ -11,8 +11,10 @@
 ._1qu2glyw{outline-style:none}
 ._1rkwglyw{-moz-user-select:none}
 ._4bfu1r31, ._1nrm1r31:active, ._1a3b1r31:focus, ._9oik1r31:hover{text-decoration-color:currentColor}
+._80om73ad{cursor:default}
 ._80omtlke{cursor:pointer}
 ._ajmmnqa1, ._1iohnqa1:active, ._5goinqa1:focus, ._jf4cnqa1:hover{text-decoration-style:solid}
+._bfhk1vqn{background-color:var(--_1ya52jx)}
 ._bfhkfpvg{background-color:var(--_9tzd1j)}
 ._ca0qv77o{padding-top:var(--ds-space-025,2px)}
 ._n3tdv77o{padding-bottom:var(--ds-space-025,2px)}
@@ -21,4 +23,5 @@
 ._uizt1kdv{-webkit-user-select:text;-ms-user-select:text;user-select:text}
 ._uiztglyw{-webkit-user-select:none;-ms-user-select:none;user-select:none}
 ._vwz47vkz{line-height:1pc}
+._irr31vqn:hover{background-color:var(--_1ya52jx)}
 ._irr3l5fl:hover{background-color:var(--_138ec4y)}

package/dist/cjs/MediaInlineCard/Frame/styled-compiled.js

@@ -13,10 +13,11 @@ var _runtime = require("@compiled/react/runtime");
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _colors = require("@atlaskit/theme/colors");
-var _excluded = ["isSelected", "children"];
+var _excluded = ["isSelected", "isError", "children"];
 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 selectedStyles = null;
 var notSelectedStyles = null;
+var errorStyles = null;
 var wrapperStyles = null;
 
 /*
@@ -33,17 +34,19 @@ var wrapperStyles = null;
 // NB: `box-decoration-break` required for retaining properties (border-radius) on wrap.
 var Wrapper = exports.Wrapper = function Wrapper(_ref) {
   var isSelected = _ref.isSelected,
+    isError = _ref.isError,
     children = _ref.children,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/React.createElement("span", (0, _extends2.default)({
     "data-testid": "frame-wrapper"
   }, props, {
-    className: (0, _runtime.ax)(["_2rko1sit _v56415x0 _vwz47vkz _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66 _16d9qvcn _1e0c1nu9 _syazovqm _bfhkfpvg _1rkwglyw _80omtlke _irr3l5fl", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qs1qst _uiztglyw _4bfu1r31 _1nrm1r31 _1a3b1r31 _9oik1r31 _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv"]),
+    className: (0, _runtime.ax)(["_2rko1sit _v56415x0 _vwz47vkz _ca0qv77o _u5f31b66 _n3tdv77o _19bv1b66 _16d9qvcn _1e0c1nu9 _syazovqm _bfhkfpvg _1rkwglyw _80omtlke _irr3l5fl", isSelected && "_12ji1r31 _1qu2glyw _12y31o36 _1h6d1j28 _80omtlke _16qs1qst _uiztglyw _4bfu1r31 _1nrm1r31 _1a3b1r31 _9oik1r31 _1hmsglyw _c2waglyw _4fprglyw _1bnxglyw _ajmmnqa1 _1iohnqa1 _5goinqa1 _jf4cnqa1", !isSelected && "_uizt1kdv", isError && "_bfhk1vqn _80om73ad _irr31vqn"]),
     style: {
       "--_5xk3r4": (0, _runtime.ix)("var(--ds-text, ".concat(_colors.N900, ")")),
       "--_9tzd1j": (0, _runtime.ix)("var(--ds-background-neutral, ".concat(_colors.N30A, ")")),
       "--_138ec4y": (0, _runtime.ix)("var(--ds-background-neutral-hovered, ".concat(_colors.N40A, ")")),
-      "--_7nesqg": (0, _runtime.ix)("0 0 0 1px ".concat("var(--ds-border-selected, ".concat(_colors.B300, ")")))
+      "--_7nesqg": (0, _runtime.ix)("0 0 0 1px ".concat("var(--ds-border-selected, ".concat(_colors.B300, ")"))),
+      "--_1ya52jx": (0, _runtime.ix)("var(--ds-background-danger, ".concat(_colors.R50, ")"))
     }
   }), children);
 };

package/dist/cjs/MediaInlineCard/Frame/styled-emotion.js

@@ -52,4 +52,14 @@ function (props) {
   '&:hover': {
     backgroundColor: "var(--ds-background-neutral-hovered, ".concat(_colors.N40A, ")")
   }
+},
+// eslint-disable-next-line @atlaskit/ui-styling-standard/no-dynamic-styles -- Ignored via go/DSP-18766
+function (props) {
+  return props.isError && {
+    backgroundColor: "var(--ds-background-danger, ".concat(_colors.R50, ")"),
+    cursor: 'default',
+    '&:hover': {
+      backgroundColor: "var(--ds-background-danger, ".concat(_colors.R50, ")")
+    }
+  };
 });

package/dist/cjs/abuseModal/abuseModal.js

@@ -8,21 +8,10 @@ Object.defineProperty(exports, "__esModule", {
 exports.AbuseModal = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _reactIntlNext = require("react-intl-next");
-var _new = _interopRequireWildcard(require("@atlaskit/button/new"));
-var _closeCross = _interopRequireDefault(require("@atlaskit/icon/core/migration/close--cross"));
+var _new = _interopRequireDefault(require("@atlaskit/button/new"));
 var _modalDialog = _interopRequireWildcard(require("@atlaskit/modal-dialog"));
-var _primitives = require("@atlaskit/primitives");
 var _messages = require("../messages");
 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 gridStyles = (0, _primitives.xcss)({
-  width: '100%'
-});
-var closeContainerStyles = (0, _primitives.xcss)({
-  gridArea: 'close'
-});
-var titleContainerStyles = (0, _primitives.xcss)({
-  gridArea: 'title'
-});
 var AbuseModal = exports.AbuseModal = (0, _reactIntlNext.injectIntl)(function (_ref) {
   var isOpen = _ref.isOpen,
     onConfirm = _ref.onConfirm,
@@ -31,24 +20,11 @@ var AbuseModal = exports.AbuseModal = (0, _reactIntlNext.injectIntl)(function (_
   return /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTransition, null, isOpen && /*#__PURE__*/_react.default.createElement(_modalDialog.default, {
     onClose: onClose,
     testId: "mediaAbuseModal"
-  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, null, /*#__PURE__*/_react.default.createElement(_primitives.Grid, {
-    gap: "space.200",
-    templateAreas: ['title close'],
-    xcss: gridStyles
-  }, /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    xcss: closeContainerStyles,
-    justifyContent: "end"
-  }, /*#__PURE__*/_react.default.createElement(_new.IconButton, {
-    appearance: "subtle",
-    icon: _closeCross.default,
-    label: "Close Modal",
-    onClick: onClose
-  })), /*#__PURE__*/_react.default.createElement(_primitives.Flex, {
-    xcss: titleContainerStyles,
-    justifyContent: "start"
+  }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalHeader, {
+    hasCloseButton: true
   }, /*#__PURE__*/_react.default.createElement(_modalDialog.ModalTitle, {
     appearance: "warning"
-  }, formatMessage(_messages.messages.abuse_modal_title))))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, formatMessage(_messages.messages.abuse_modal_body)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
+  }, formatMessage(_messages.messages.abuse_modal_title))), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalBody, null, formatMessage(_messages.messages.abuse_modal_body)), /*#__PURE__*/_react.default.createElement(_modalDialog.ModalFooter, null, /*#__PURE__*/_react.default.createElement(_new.default, {
     appearance: "subtle",
     onClick: onClose
   }, formatMessage(_messages.messages.cancel)), /*#__PURE__*/_react.default.createElement(_new.default, {

package/dist/cjs/customMediaPlayer/analytics/events/operational/captionDeleteFailed.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createCaptionDeleteFailedOperationalEvent = createCaptionDeleteFailedOperationalEvent;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _captionAttributes = require("../../utils/captionAttributes");
+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; }
+function createCaptionDeleteFailedOperationalEvent(type, captionAttributes, fileId, traceId, error) {
+  return {
+    eventType: 'operational',
+    action: 'deleteFailed',
+    actionSubject: 'mediaPlayerCaption',
+    actionSubjectId: captionAttributes.artifactName,
+    attributes: _objectSpread(_objectSpread({}, (0, _captionAttributes.generateBaseAttributes)(type, captionAttributes, fileId, traceId)), {}, {
+      failReason: 'delete-fail',
+      error: error.name || 'unknown',
+      errorDetail: error.message || 'unknown'
+    })
+  };
+}

package/dist/cjs/customMediaPlayer/analytics/events/operational/captionDeleteSucceeded.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createCaptionDeleteSucceededOperationalEvent = createCaptionDeleteSucceededOperationalEvent;
+var _captionAttributes = require("../../utils/captionAttributes");
+function createCaptionDeleteSucceededOperationalEvent(type, captionAttributes, fileId, traceId) {
+  return {
+    eventType: 'operational',
+    action: 'deleteSucceeded',
+    actionSubject: 'mediaPlayerCaption',
+    actionSubjectId: captionAttributes.artifactName,
+    attributes: (0, _captionAttributes.generateBaseAttributes)(type, captionAttributes, fileId, traceId)
+  };
+}

package/dist/cjs/customMediaPlayer/analytics/events/operational/captionUploadFailed.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createCaptionUploadFailedOperationalEvent = createCaptionUploadFailedOperationalEvent;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _captionAttributes = require("../../utils/captionAttributes");
+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; }
+function createCaptionUploadFailedOperationalEvent(type, captionAttributes, fileId, traceId, error) {
+  return {
+    eventType: 'operational',
+    action: 'uploadFailed',
+    actionSubject: 'mediaPlayerCaption',
+    actionSubjectId: fileId,
+    attributes: _objectSpread(_objectSpread({}, (0, _captionAttributes.generateBaseAttributes)(type, captionAttributes, fileId, traceId)), {}, {
+      failReason: 'upload-fail',
+      error: error.name || 'unknown',
+      errorDetail: error.message || 'unknown'
+    })
+  };
+}

package/dist/cjs/customMediaPlayer/analytics/events/operational/captionUploadSucceeded.js

@@ -0,0 +1,16 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createCaptionUploadSucceededOperationalEvent = createCaptionUploadSucceededOperationalEvent;
+var _captionAttributes = require("../../utils/captionAttributes");
+function createCaptionUploadSucceededOperationalEvent(type, captionAttributes, fileId, traceId) {
+  return {
+    eventType: 'operational',
+    action: 'uploadSucceeded',
+    actionSubject: 'mediaPlayerCaption',
+    actionSubjectId: fileId,
+    attributes: (0, _captionAttributes.generateBaseAttributes)(type, captionAttributes, fileId, traceId)
+  };
+}

package/dist/cjs/customMediaPlayer/analytics/index.js

@@ -9,6 +9,30 @@ Object.defineProperty(exports, "createAndFireMediaCustomMediaPlayerEvent", {
     return _analytics.createAndFireMediaCustomMediaPlayerEvent;
   }
 });
+Object.defineProperty(exports, "createCaptionDeleteFailedOperationalEvent", {
+  enumerable: true,
+  get: function get() {
+    return _captionDeleteFailed.createCaptionDeleteFailedOperationalEvent;
+  }
+});
+Object.defineProperty(exports, "createCaptionDeleteSucceededOperationalEvent", {
+  enumerable: true,
+  get: function get() {
+    return _captionDeleteSucceeded.createCaptionDeleteSucceededOperationalEvent;
+  }
+});
+Object.defineProperty(exports, "createCaptionUploadFailedOperationalEvent", {
+  enumerable: true,
+  get: function get() {
+    return _captionUploadFailed.createCaptionUploadFailedOperationalEvent;
+  }
+});
+Object.defineProperty(exports, "createCaptionUploadSucceededOperationalEvent", {
+  enumerable: true,
+  get: function get() {
+    return _captionUploadSucceeded.createCaptionUploadSucceededOperationalEvent;
+  }
+});
 Object.defineProperty(exports, "createCustomMediaPlayerScreenEvent", {
   enumerable: true,
   get: function get() {
@@ -69,6 +93,10 @@ var _playbackSpeedChanged = require("./events/ui/playbackSpeedChanged");
 var _playPauseBlanketClicked = require("./events/ui/playPauseBlanketClicked");
 var _shortcutPressed = require("./events/ui/shortcutPressed");
 var _timeRangeNavigated = require("./events/ui/timeRangeNavigated");
+var _captionUploadSucceeded = require("./events/operational/captionUploadSucceeded");
+var _captionDeleteSucceeded = require("./events/operational/captionDeleteSucceeded");
+var _captionUploadFailed = require("./events/operational/captionUploadFailed");
+var _captionDeleteFailed = require("./events/operational/captionDeleteFailed");
 var _playCount = require("./events/track/playCount");
 var _played = require("./events/track/played");
 var _analytics = require("./utils/analytics");

package/dist/cjs/customMediaPlayer/analytics/utils/captionAttributes.js

@@ -0,0 +1,24 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.generateBaseAttributes = generateBaseAttributes;
+var _defineProperty2 = _interopRequireDefault(require("@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) { (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; }
+function generateBaseAttributes(type, captionAttributes, fileId, traceId) {
+  return _objectSpread(_objectSpread({
+    type: type,
+    captionAttributes: captionAttributes
+  }, fileId && {
+    fileAttributes: {
+      fileId: fileId
+    }
+  }), traceId && {
+    traceContext: {
+      traceId: traceId
+    }
+  });
+}

package/dist/cjs/customMediaPlayer/index.js

@@ -16,7 +16,7 @@ var CustomMediaPlayerBase = exports.CustomMediaPlayerBase = function CustomMedia
   return (0, _platformFeatureFlags.fg)('platform_media_compiled') ? /*#__PURE__*/_react.default.createElement(_indexCompiled.CustomMediaPlayerBase, props) : /*#__PURE__*/_react.default.createElement(_indexEmotion.CustomMediaPlayerBase, props);
 };
 var packageName = "@atlaskit/media-ui";
-var packageVersion = "28.2.3";
+var packageVersion = "28.3.0";
 
 // @ts-ignore: [PIT-1685] Fails in post-office due to backwards incompatibility issue with React 18
 var CustomMediaPlayer = exports.CustomMediaPlayer = (0, _mediaCommon.withMediaAnalyticsContext)({

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/apiFeedback.js

@@ -0,0 +1,46 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _flag = require("@atlaskit/flag");
+var _successCheckCircle = _interopRequireDefault(require("@atlaskit/icon/core/migration/success--check-circle"));
+var _error = _interopRequireDefault(require("@atlaskit/icon/core/migration/error"));
+var _reactIntlNext = require("react-intl-next");
+var _messages = require("../../../messages");
+function ApiFeedback(_ref) {
+  var notificationType = _ref.notificationType,
+    onDismissed = _ref.onDismissed,
+    successDescription = _ref.successDescription,
+    errorDescription = _ref.errorDescription,
+    intl = _ref.intl;
+  return /*#__PURE__*/_react.default.createElement(_flag.FlagGroup, {
+    onDismissed: onDismissed
+  }, notificationType === 'success' ? /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
+    id: 'success',
+    icon: /*#__PURE__*/_react.default.createElement(_successCheckCircle.default, {
+      label: "Success",
+      color: "var(--ds-icon-success, #22A06B)",
+      LEGACY_size: "medium",
+      spacing: "spacious"
+    }),
+    key: 'success',
+    title: intl.formatMessage(_messages.messages.success),
+    description: successDescription
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null), notificationType === 'error' ? /*#__PURE__*/_react.default.createElement(_flag.AutoDismissFlag, {
+    id: 'error',
+    icon: /*#__PURE__*/_react.default.createElement(_error.default, {
+      label: "Error",
+      color: "var(--ds-icon-danger, #C9372C)",
+      LEGACY_size: "medium",
+      spacing: "spacious"
+    }),
+    key: 'error',
+    title: intl.formatMessage(_messages.messages.error),
+    description: errorDescription
+  }) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null));
+}
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(ApiFeedback);

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/uploader.js

@@ -7,68 +7,48 @@ Object.defineProperty(exports, "__esModule", {
 exports.createUploadCaptionsFn = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
-var parseError = function parseError(error) {
-  if (error instanceof Error) {
-    return error;
-  }
-  return new Error(String(error));
-};
-var upladFile = /*#__PURE__*/function () {
-  var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(mediaClient, identifier, file, locale) {
-    var result;
-    return _regenerator.default.wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
-        case 0:
-          _context.next = 2;
-          return mediaClient.file.uploadArtifact(identifier.id, file, {
-            type: 'caption',
-            language: locale
-          }, identifier.collectionName);
-        case 2:
-          result = _context.sent;
-          return _context.abrupt("return", result);
-        case 4:
-        case "end":
-          return _context.stop();
-      }
-    }, _callee);
-  }));
-  return function upladFile(_x, _x2, _x3, _x4) {
-    return _ref.apply(this, arguments);
-  };
-}();
+var _util = require("./util");
+var _mediaCommon = require("@atlaskit/media-common");
 var createUploadCaptionsFn = exports.createUploadCaptionsFn = function createUploadCaptionsFn(mediaClient, identifier, onStart, onEnd, onError) {
   return /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee2(file, locale) {
-      var result;
-      return _regenerator.default.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+    var _ref = (0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee(file, locale) {
+      var context, result;
+      return _regenerator.default.wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
           case 0:
+            context = {
+              traceId: (0, _mediaCommon.getRandomTelemetryId)()
+            };
             if (!file) {
-              _context2.next = 12;
+              _context.next = 13;
               break;
             }
-            onStart === null || onStart === void 0 || onStart(file);
-            _context2.prev = 2;
-            _context2.next = 5;
-            return upladFile(mediaClient, identifier, file, locale);
-          case 5:
-            result = _context2.sent;
-            onEnd === null || onEnd === void 0 || onEnd(result);
-            _context2.next = 12;
+            onStart === null || onStart === void 0 || onStart(file, context);
+            _context.prev = 3;
+            _context.next = 6;
+            return mediaClient.file.uploadArtifact(identifier.id, file, {
+              type: 'caption',
+              language: locale
+            }, identifier.collectionName, {
+              traceId: context.traceId
+            });
+          case 6:
+            result = _context.sent;
+            onEnd === null || onEnd === void 0 || onEnd(result, context);
+            _context.next = 13;
             break;
-          case 9:
-            _context2.prev = 9;
-            _context2.t0 = _context2["catch"](2);
-            onError === null || onError === void 0 || onError(parseError(_context2.t0));
-          case 12:
+          case 10:
+            _context.prev = 10;
+            _context.t0 = _context["catch"](3);
+            onError === null || onError === void 0 || onError((0, _util.parseError)(_context.t0), context);
+          case 13:
           case "end":
-            return _context2.stop();
+            return _context.stop();
         }
-      }, _callee2, null, [[2, 9]]);
+      }, _callee, null, [[3, 10]]);
     }));
-    return function (_x5, _x6) {
-      return _ref2.apply(this, arguments);
+    return function (_x, _x2) {
+      return _ref.apply(this, arguments);
     };
   }();
 };

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captions/util.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseError = void 0;
+var parseError = exports.parseError = function parseError(error) {
+  if (error instanceof Error) {
+    return error;
+  }
+  return new Error(String(error));
+};

package/dist/cjs/customMediaPlayer/mediaPlayer/captions/artifactUploader/captionsUploaderBrowser.js

@@ -5,20 +5,24 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.CaptionsUploaderBrowser = void 0;
+exports.default = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _mediaClientReact = require("@atlaskit/media-client-react");
 var _browser = require("./filePickers/browser");
 var _captions = require("./captions");
+var _apiFeedback = _interopRequireDefault(require("../apiFeedback"));
+var _messages = require("../../../../messages");
+var _reactIntlNext = require("react-intl-next");
 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 CaptionsUploaderBrowser = exports.CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
+var CaptionsUploaderBrowser = function CaptionsUploaderBrowser(_ref) {
   var identifier = _ref.identifier,
     isOpen = _ref.isOpen,
     onClose = _ref.onClose,
     onStart = _ref.onStart,
     onEnd = _ref.onEnd,
-    onError = _ref.onError;
+    onError = _ref.onError,
+    intl = _ref.intl;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     isFormOpen = _useState2[0],
@@ -28,6 +32,18 @@ var CaptionsUploaderBrowser = exports.CaptionsUploaderBrowser = function Caption
     file = _useState4[0],
     setFile = _useState4[1];
   var mediaClient = (0, _mediaClientReact.useMediaClient)();
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    notificationType = _useState6[0],
+    setNotificationType = _useState6[1];
+  var _onError = function _onError(error, context) {
+    setNotificationType('error');
+    onError === null || onError === void 0 || onError(error, context);
+  };
+  var _onEnd = function _onEnd(metadata, context) {
+    setNotificationType('success');
+    onEnd === null || onEnd === void 0 || onEnd(metadata, context);
+  };
   var close = function close() {
     setIsFormOpen(false);
     setFile(undefined);
@@ -49,7 +65,15 @@ var CaptionsUploaderBrowser = exports.CaptionsUploaderBrowser = function Caption
   }), /*#__PURE__*/_react.default.createElement(_captions.UploadCaptionsForm, {
     isOpen: isFormOpen,
     file: file,
-    uploadFn: (0, _captions.createUploadCaptionsFn)(mediaClient, identifier, onStart, onEnd, onError),
+    uploadFn: (0, _captions.createUploadCaptionsFn)(mediaClient, identifier, onStart, _onEnd, _onError),
     onClose: close
+  }), /*#__PURE__*/_react.default.createElement(_apiFeedback.default, {
+    notificationType: notificationType,
+    onDismissed: function onDismissed() {
+      return setNotificationType(null);
+    },
+    successDescription: intl.formatMessage(_messages.messages.video_captions_upload_success_description),
+    errorDescription: intl.formatMessage(_messages.messages.video_captions_upload_error_description)
   }));
-};
+};
+var _default = exports.default = (0, _reactIntlNext.injectIntl)(CaptionsUploaderBrowser);