@atlaskit/media-ui 16.5.0 → 17.2.0

package/dist/cjs/customMediaPlayer/analytics/events/track/playCount.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createFirstPlayedTrackEvent = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _playbackAttributes = require("../../utils/playbackAttributes");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var createFirstPlayedTrackEvent = function createFirstPlayedTrackEvent(type, playbackState, fileId) {
+  return {
+    eventType: 'track',
+    action: 'firstPlayed',
+    actionSubject: 'customMediaPlayer',
+    actionSubjectId: fileId,
+    attributes: _objectSpread({
+      type: type,
+      playbackAttributes: (0, _playbackAttributes.createPlaybackAttributes)(playbackState)
+    }, fileId && {
+      fileAttributes: {
+        fileId: fileId
+      }
+    })
+  };
+};
+
+exports.createFirstPlayedTrackEvent = createFirstPlayedTrackEvent;

package/dist/cjs/customMediaPlayer/analytics/events/track/played.js

@@ -0,0 +1,35 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlayedTrackEvent = void 0;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _playbackAttributes = require("../../utils/playbackAttributes");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var createPlayedTrackEvent = function createPlayedTrackEvent(type, playbackState, fileId) {
+  return {
+    eventType: 'track',
+    action: 'played',
+    actionSubject: 'customMediaPlayer',
+    actionSubjectId: fileId,
+    attributes: _objectSpread({
+      type: type,
+      playbackAttributes: (0, _playbackAttributes.createPlaybackAttributes)(playbackState)
+    }, fileId && {
+      fileAttributes: {
+        fileId: fileId
+      }
+    })
+  };
+};
+
+exports.createPlayedTrackEvent = createPlayedTrackEvent;

package/dist/cjs/customMediaPlayer/analytics/events/ui/mediaButtonClicked.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMediaButtonClickedEvent = createMediaButtonClickedEvent;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _playbackAttributes = require("../../utils/playbackAttributes");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function createMediaButtonClickedEvent(type, playbackState, buttonType, fileId) {
+  return {
+    eventType: 'ui',
+    action: 'clicked',
+    actionSubject: 'button',
+    actionSubjectId: buttonType,
+    attributes: _objectSpread({
+      type: type,
+      playbackAttributes: (0, _playbackAttributes.createPlaybackAttributes)(playbackState)
+    }, fileId && {
+      fileAttributes: {
+        fileId: fileId
+      }
+    })
+  };
+}

package/dist/cjs/customMediaPlayer/analytics/events/ui/playPauseBlanketClicked.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlayPauseBlanketClickedEvent = createPlayPauseBlanketClickedEvent;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _playbackAttributes = require("../../utils/playbackAttributes");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function createPlayPauseBlanketClickedEvent(type, playbackState, fileId) {
+  return {
+    eventType: 'ui',
+    action: 'clicked',
+    actionSubject: 'playPauseBlanket',
+    attributes: _objectSpread({
+      type: type,
+      playbackAttributes: (0, _playbackAttributes.createPlaybackAttributes)(playbackState)
+    }, fileId && {
+      fileAttributes: {
+        fileId: fileId
+      }
+    })
+  };
+}

package/dist/cjs/customMediaPlayer/analytics/events/ui/playbackSpeedChanged.js

@@ -0,0 +1,32 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlaybackSpeedChangedEvent = createPlaybackSpeedChangedEvent;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _playbackAttributes = require("../../utils/playbackAttributes");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function createPlaybackSpeedChangedEvent(type, playbackState, fileId) {
+  return {
+    eventType: 'ui',
+    action: 'changed',
+    actionSubject: 'playbackSpeed',
+    attributes: _objectSpread({
+      type: type,
+      playbackAttributes: (0, _playbackAttributes.createPlaybackAttributes)(playbackState)
+    }, fileId && {
+      fileAttributes: {
+        fileId: fileId
+      }
+    })
+  };
+}

package/dist/cjs/customMediaPlayer/analytics/events/ui/shortcutPressed.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createMediaShortcutPressedEvent = createMediaShortcutPressedEvent;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _playbackAttributes = require("../../utils/playbackAttributes");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function createMediaShortcutPressedEvent(type, playbackState, shortcutType, fileId) {
+  return {
+    eventType: 'ui',
+    action: 'pressed',
+    actionSubject: 'shortcut',
+    actionSubjectId: shortcutType,
+    attributes: _objectSpread({
+      type: type,
+      playbackAttributes: (0, _playbackAttributes.createPlaybackAttributes)(playbackState)
+    }, fileId && {
+      fileAttributes: {
+        fileId: fileId
+      }
+    })
+  };
+}

package/dist/cjs/customMediaPlayer/analytics/events/ui/timeRangeNavigated.js

@@ -0,0 +1,33 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createTimeRangeNavigatedEvent = createTimeRangeNavigatedEvent;
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _playbackAttributes = require("../../utils/playbackAttributes");
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (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 = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+function createTimeRangeNavigatedEvent(type, playbackState, actionSubjectId, fileId) {
+  return {
+    eventType: 'ui',
+    action: 'navigated',
+    actionSubject: 'timeRange',
+    actionSubjectId: actionSubjectId,
+    attributes: _objectSpread({
+      type: type,
+      playbackAttributes: (0, _playbackAttributes.createPlaybackAttributes)(playbackState)
+    }, fileId && {
+      fileAttributes: {
+        fileId: fileId
+      }
+    })
+  };
+}

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

@@ -0,0 +1,89 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "createCustomMediaPlayerScreenEvent", {
+  enumerable: true,
+  get: function get() {
+    return _customMediaPlayer.createCustomMediaPlayerScreenEvent;
+  }
+});
+Object.defineProperty(exports, "createMediaButtonClickedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _mediaButtonClicked.createMediaButtonClickedEvent;
+  }
+});
+Object.defineProperty(exports, "createPlaybackSpeedChangedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _playbackSpeedChanged.createPlaybackSpeedChangedEvent;
+  }
+});
+Object.defineProperty(exports, "createPlayPauseBlanketClickedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _playPauseBlanketClicked.createPlayPauseBlanketClickedEvent;
+  }
+});
+Object.defineProperty(exports, "createMediaShortcutPressedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _shortcutPressed.createMediaShortcutPressedEvent;
+  }
+});
+Object.defineProperty(exports, "createTimeRangeNavigatedEvent", {
+  enumerable: true,
+  get: function get() {
+    return _timeRangeNavigated.createTimeRangeNavigatedEvent;
+  }
+});
+Object.defineProperty(exports, "createFirstPlayedTrackEvent", {
+  enumerable: true,
+  get: function get() {
+    return _playCount.createFirstPlayedTrackEvent;
+  }
+});
+Object.defineProperty(exports, "createPlayedTrackEvent", {
+  enumerable: true,
+  get: function get() {
+    return _played.createPlayedTrackEvent;
+  }
+});
+Object.defineProperty(exports, "createAndFireMediaCustomMediaPlayerEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.createAndFireMediaCustomMediaPlayerEvent;
+  }
+});
+Object.defineProperty(exports, "fireAnalyticsEvent", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.fireAnalyticsEvent;
+  }
+});
+Object.defineProperty(exports, "relevantFeatureFlagNames", {
+  enumerable: true,
+  get: function get() {
+    return _analytics.relevantFeatureFlagNames;
+  }
+});
+
+var _customMediaPlayer = require("./events/screen/customMediaPlayer");
+
+var _mediaButtonClicked = require("./events/ui/mediaButtonClicked");
+
+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 _playCount = require("./events/track/playCount");
+
+var _played = require("./events/track/played");
+
+var _analytics = require("./utils/analytics");

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

@@ -0,0 +1,29 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.fireAnalyticsEvent = fireAnalyticsEvent;
+exports.createAndFireMediaCustomMediaPlayerEvent = exports.relevantFeatureFlagNames = void 0;
+
+var _analyticsNext = require("@atlaskit/analytics-next");
+
+var _mediaCommon = require("@atlaskit/media-common");
+
+var relevantFeatureFlagNames = []; // can be called in a component whose props extend WithAnalyticsEventsProps
+
+exports.relevantFeatureFlagNames = relevantFeatureFlagNames;
+
+function fireAnalyticsEvent(payload, createAnalyticsEvent) {
+  if (createAnalyticsEvent) {
+    var event = createAnalyticsEvent(payload);
+    event.fire(_mediaCommon.ANALYTICS_MEDIA_CHANNEL);
+  }
+} // can be used inside withAnalyticsEvents() hook
+
+
+var createAndFireMediaCustomMediaPlayerEvent = function createAndFireMediaCustomMediaPlayerEvent(payload) {
+  return (0, _analyticsNext.createAndFireEvent)(_mediaCommon.ANALYTICS_MEDIA_CHANNEL)(payload);
+};
+
+exports.createAndFireMediaCustomMediaPlayerEvent = createAndFireMediaCustomMediaPlayerEvent;

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

@@ -0,0 +1,40 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createPlaybackAttributes = createPlaybackAttributes;
+
+var _isUndefined = _interopRequireDefault(require("lodash/isUndefined"));
+
+var _omitBy = _interopRequireDefault(require("lodash/omitBy"));
+
+function createPlaybackAttributes(playbackState) {
+  var isAutoPlay = playbackState.isAutoPlay,
+      isHDAvailable = playbackState.isHDAvailable,
+      isHDActive = playbackState.isHDActive,
+      isLargePlayer = playbackState.isLargePlayer,
+      isFullScreenEnabled = playbackState.isFullScreenEnabled,
+      playbackSpeed = playbackState.playbackSpeed,
+      status = playbackState.status,
+      currentTime = playbackState.currentTime,
+      volume = playbackState.volume,
+      duration = playbackState.duration,
+      isMuted = playbackState.isMuted;
+  return (0, _omitBy.default)({
+    isAutoPlay: isAutoPlay,
+    isHDAvailable: isHDAvailable,
+    isHDActive: isHDActive,
+    playbackSpeed: playbackSpeed,
+    isLargePlayer: isLargePlayer,
+    isFullScreenEnabled: isFullScreenEnabled,
+    durationInSec: duration && parseInt("".concat(duration), 10),
+    absoluteTimeInSec: currentTime && parseInt("".concat(currentTime), 10),
+    relativeTime: duration && currentTime && duration > 0 ? Math.round(currentTime / duration * 100) / 100 : undefined,
+    status: status,
+    volume: volume,
+    isMuted: isMuted
+  }, _isUndefined.default);
+}

package/dist/cjs/customMediaPlayer/fullscreen.js

@@ -36,7 +36,8 @@ var findVendorSpecificProp = function findVendorSpecificProp(object, propNames)
 exports.findVendorSpecificProp = findVendorSpecificProp;
 
 var requestFullscreen = function requestFullscreen(element) {
-  var requestFullscreenProp = findVendorSpecificProp(element, ['requestFullScreen', 'requestFullscreen']);
+  var requestFullscreenProp = findVendorSpecificProp(element, [// The order here is important! Other way will make webkitRequestFullScreen to be picked up in chrome for example.
+  'requestFullscreen', 'requestFullScreen']);
 
   if (element[requestFullscreenProp]) {
     element[requestFullscreenProp]();
@@ -46,7 +47,8 @@ var requestFullscreen = function requestFullscreen(element) {
 exports.requestFullscreen = requestFullscreen;
 
 var exitFullscreen = function exitFullscreen() {
-  var exitFullScreenProp = findVendorSpecificProp(document, ['exitFullScreen', 'exitFullscreen']);
+  var exitFullScreenProp = findVendorSpecificProp(document, [// The order here is important! Other way will make webkitExitFullScreen to be picked up in chrome for example.
+  'exitFullscreen', 'exitFullScreen']);
 
   if (document[exitFullScreenProp]) {
     document[exitFullScreenProp]();

package/dist/cjs/customMediaPlayer/icons.js

@@ -0,0 +1,61 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkipTenBackwardIcon = SkipTenBackwardIcon;
+exports.SkipTenForwardIcon = SkipTenForwardIcon;
+
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _icon = _interopRequireDefault(require("@atlaskit/icon"));
+
+function SkipTenBackwardGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 24 24",
+    width: "24",
+    height: "24"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "currentColor",
+    d: "M5.414 6.95a1 1 0 001.414-1.414L6.293 5H12a7 7 0 11-7 7 1 1 0 10-2 0 9 9 0 109-9H6.536l.292-.293a1 1 0 10-1.414-1.414L3.293 3.414a1 1 0 000 1.414L5.414 6.95z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "currentColor",
+    d: "M10.494 9.15l-.02-.095a.75.75 0 00-.962-.516l-1.5.503-.094.039a.75.75 0 00-.379.91l.039.095c.163.331.55.5.91.378L9 10.293v4.457l.007.1a.75.75 0 001.493-.1v-5.5l-.006-.1z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "currentColor",
+    d: "M14 15.5c1.15 0 1.788-.894 2.049-1.415.305-.611.451-1.35.451-2.085 0-.69-.11-1.429-.406-2.055C15.81 9.345 15.157 8.5 14 8.5c-1.15 0-1.788.894-2.049 1.415-.305.611-.451 1.35-.451 2.085 0 .735.146 1.474.451 2.085.26.521.899 1.415 2.049 1.415zm1-3.5c0 1.105-.448 2-1 2s-1-.895-1-2 .448-2 1-2c.633 0 1 .895 1 2z"
+  }));
+}
+
+function SkipTenBackwardIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: SkipTenBackwardGlyph
+  }, props));
+}
+
+function SkipTenForwardGlyph(props) {
+  return /*#__PURE__*/_react.default.createElement("svg", (0, _extends2.default)({
+    viewBox: "0 0 24 24",
+    width: "24",
+    height: "24"
+  }, props), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "currentColor",
+    d: "M18.586 6.95a1 1 0 11-1.414-1.414L17.707 5H12a7 7 0 107 7 1 1 0 112 0 9 9 0 11-9-9h5.465l-.293-.293a1 1 0 111.414-1.414l2.121 2.121a1 1 0 010 1.414L18.586 6.95z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "currentColor",
+    d: "M10.475 9.055l.019.095.006.1v5.5a.75.75 0 01-1.493.1L9 14.75v-4.457l-.511.171a.75.75 0 01-.911-.378l-.039-.094a.75.75 0 01.379-.911l.094-.039 1.5-.503a.75.75 0 01.963.516z"
+  }), /*#__PURE__*/_react.default.createElement("path", {
+    fill: "currentColor",
+    d: "M14 15.5c1.15 0 1.788-.894 2.049-1.415.305-.611.451-1.35.451-2.085 0-.69-.11-1.429-.406-2.055C15.81 9.345 15.157 8.5 14 8.5c-1.15 0-1.788.894-2.049 1.415-.305.611-.451 1.35-.451 2.085 0 .735.146 1.474.451 2.085.26.521.899 1.415 2.049 1.415zm1-3.5c0 1.105-.448 2-1 2s-1-.895-1-2 .448-2 1-2c.633 0 1 .895 1 2z"
+  }));
+}
+
+function SkipTenForwardIcon(props) {
+  return /*#__PURE__*/_react.default.createElement(_icon.default, (0, _extends2.default)({
+    glyph: SkipTenForwardGlyph
+  }, props));
+}