pageflow 12.0.4 → 12.1.0

data/app/assets/javascripts/pageflow/dist/react.js

@@ -8076,21 +8076,21 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var selectors = _interopRequireWildcard(_selectors);
 
-	var _media = __webpack_require__(458);
+	var _media = __webpack_require__(459);
 
-	var _interactivePageBackground = __webpack_require__(496);
+	var _interactivePageBackground = __webpack_require__(497);
 
 	var _pages = __webpack_require__(318);
 
-	var _registerPageType = __webpack_require__(501);
+	var _registerPageType = __webpack_require__(502);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
-	var _registerPageTypeWithDefaultBackground = __webpack_require__(503);
+	var _registerPageTypeWithDefaultBackground = __webpack_require__(504);
 
 	var _registerPageTypeWithDefaultBackground2 = _interopRequireDefault(_registerPageTypeWithDefaultBackground);
 
-	var _registerWidgetType = __webpack_require__(504);
+	var _registerWidgetType = __webpack_require__(505);
 
 	var _registerWidgetType2 = _interopRequireDefault(_registerWidgetType);
 
@@ -8112,17 +8112,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _utils = __webpack_require__(309);
 
-	var _ServerSidePage = __webpack_require__(505);
+	var _ServerSidePage = __webpack_require__(506);
 
 	var _ServerSidePage2 = _interopRequireDefault(_ServerSidePage);
 
-	var _builtInPageTypes = __webpack_require__(534);
+	var _builtInPageTypes = __webpack_require__(536);
 
-	var _pageflow = __webpack_require__(540);
+	var _pageflow = __webpack_require__(542);
 
 	var _pageflow2 = _interopRequireDefault(_pageflow);
 
-	var _boot = __webpack_require__(506);
+	var _boot = __webpack_require__(507);
 
 	var _boot2 = _interopRequireDefault(_boot);
 
@@ -16212,7 +16212,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	 * build the default page structure.
 	 *
 	 * @alias pageflow.react.components.PageScroller
-	 * @since 12.0
+	 * @since 12.1
 	 */
 	var PageScroller = function (_React$Component) {
 	  _inherits(PageScroller, _React$Component);
@@ -17258,7 +17258,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	 *
 	 * @alias pageflow.react.components.Icon
 	 * @class
-	 * @since 12.0
+	 * @since 12.1
 	 *
 	 * @prop name
 	 *   Required. The key to look up in the mapping.
@@ -17721,6 +17721,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
+	exports.unknownTimePlaceholder = undefined;
 	exports.default = TimeDisplay;
 
 	var _classnames = __webpack_require__(304);
@@ -17737,11 +17738,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	}
 
+	var unknownTimePlaceholder = exports.unknownTimePlaceholder = '-:--';
+
 	TimeDisplay.defaultProps = {
 	  value: 0
 	};
 
 	function format(value) {
+	  if (isNaN(value)) {
+	    return unknownTimePlaceholder;
+	  }
+
 	  var seconds = Math.floor(value) % 60;
 	  var minutes = Math.floor(value / 60) % 60;
 	  var hours = Math.floor(value / 60 / 60);
@@ -22427,7 +22434,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
-	exports.prop = exports.file = exports.setting = exports.t = exports.currentParentChapterAttributes = exports.currentParentPageAttributes = exports.pageIsPrepared = exports.pageIsActive = exports.pageAttributes = exports.pageAttribute = undefined;
+	exports.widgetAttributes = exports.prop = exports.file = exports.setting = exports.t = exports.currentParentChapterAttributes = exports.currentParentPageAttributes = exports.pageIsPrepared = exports.pageIsActive = exports.pageAttributes = exports.pageAttribute = undefined;
 
 	var _selectors = __webpack_require__(345);
 
@@ -22441,6 +22448,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors6 = __webpack_require__(409);
 
+	var _selectors7 = __webpack_require__(458);
+
 	exports.pageAttribute = _selectors.pageAttribute;
 	exports.pageAttributes = _selectors.pageAttributes;
 	exports.pageIsActive = _selectors.pageIsActive;
@@ -22451,6 +22460,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.setting = _selectors4.setting;
 	exports.file = _selectors5.file;
 	exports.prop = _selectors6.prop;
+	exports.widgetAttributes = _selectors7.widgetAttributes;
 
 /***/ }),
 /* 454 */
@@ -22576,53 +22586,78 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	'use strict';
 
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+	exports.widgetAttributes = widgetAttributes;
+
+	var _collections = __webpack_require__(346);
+
+	var _utils = __webpack_require__(309);
+
+	var selector = (0, _collections.createItemSelector)('widgets');
+
+	function widgetAttributes(_ref) {
+	  var role = _ref.role;
+
+	  return (0, _utils.memoizedSelector)(selector({ id: role }), function (widget) {
+	    return widget;
+	  });
+	}
+
+/***/ }),
+/* 459 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
 	Object.defineProperty(exports, "__esModule", {
 	  value: true
 	});
 	exports.PageBackground = exports.PageBackgroundAsset = exports.PageBackgroundVideo = exports.PagePrintImage = exports.MobilePageVideoPoster = exports.PageVideoPlayer = exports.Page = exports.pageBackgroundReduxModule = undefined;
 	exports.reduxModule = reduxModule;
 
-	var _Page = __webpack_require__(459);
+	var _Page = __webpack_require__(460);
 
 	var _Page2 = _interopRequireDefault(_Page);
 
-	var _PageVideoPlayer = __webpack_require__(466);
+	var _PageVideoPlayer = __webpack_require__(467);
 
 	var _PageVideoPlayer2 = _interopRequireDefault(_PageVideoPlayer);
 
-	var _MobilePageVideoPoster = __webpack_require__(480);
+	var _MobilePageVideoPoster = __webpack_require__(481);
 
 	var _MobilePageVideoPoster2 = _interopRequireDefault(_MobilePageVideoPoster);
 
-	var _PageBackgroundVideo = __webpack_require__(481);
+	var _PageBackgroundVideo = __webpack_require__(482);
 
 	var _PageBackgroundVideo2 = _interopRequireDefault(_PageBackgroundVideo);
 
-	var _PageBackgroundAsset = __webpack_require__(482);
+	var _PageBackgroundAsset = __webpack_require__(483);
 
 	var _PageBackgroundAsset2 = _interopRequireDefault(_PageBackgroundAsset);
 
-	var _PageBackground = __webpack_require__(483);
+	var _PageBackground = __webpack_require__(484);
 
 	var _PageBackground2 = _interopRequireDefault(_PageBackground);
 
-	var _PagePrintImage = __webpack_require__(484);
+	var _PagePrintImage = __webpack_require__(485);
 
 	var _PagePrintImage2 = _interopRequireDefault(_PagePrintImage);
 
-	var _createReducer = __webpack_require__(485);
+	var _createReducer = __webpack_require__(486);
 
 	var _createReducer2 = _interopRequireDefault(_createReducer);
 
-	var _sagas = __webpack_require__(487);
+	var _sagas = __webpack_require__(488);
 
 	var _sagas2 = _interopRequireDefault(_sagas);
 
-	var _fadeInWhenPageWillActivate = __webpack_require__(495);
+	var _fadeInWhenPageWillActivate = __webpack_require__(496);
 
 	var _fadeInWhenPageWillActivate2 = _interopRequireDefault(_fadeInWhenPageWillActivate);
 
-	var _fadeOutWhenPageWillDeactivate = __webpack_require__(493);
+	var _fadeOutWhenPageWillDeactivate = __webpack_require__(494);
 
 	var _fadeOutWhenPageWillDeactivate2 = _interopRequireDefault(_fadeOutWhenPageWillDeactivate);
 
@@ -22683,7 +22718,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.PageBackground = _PageBackground2.default;
 
 /***/ }),
-/* 459 */
+/* 460 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22695,17 +22730,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(301);
 
-	var _media = __webpack_require__(458);
+	var _media = __webpack_require__(459);
 
-	var _PlayerControls = __webpack_require__(460);
+	var _PlayerControls = __webpack_require__(461);
 
 	var _PlayerControls2 = _interopRequireDefault(_PlayerControls);
 
-	var _NonJsLinks = __webpack_require__(464);
+	var _NonJsLinks = __webpack_require__(465);
 
 	var _NonJsLinks2 = _interopRequireDefault(_NonJsLinks);
 
-	var _playerStateClassNames = __webpack_require__(461);
+	var _playerStateClassNames = __webpack_require__(462);
 
 	var _playerStateClassNames2 = _interopRequireDefault(_playerStateClassNames);
 
@@ -22713,7 +22748,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors = __webpack_require__(409);
 
-	var _selectors2 = __webpack_require__(462);
+	var _selectors2 = __webpack_require__(463);
 
 	var _classnames = __webpack_require__(304);
 
@@ -22795,7 +22830,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 460 */
+/* 461 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -22808,7 +22843,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	exports.MediaPlayerControls = MediaPlayerControls;
 
-	var _playerStateClassNames = __webpack_require__(461);
+	var _playerStateClassNames = __webpack_require__(462);
 
 	var _playerStateClassNames2 = _interopRequireDefault(_playerStateClassNames);
 
@@ -22818,11 +22853,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _utils = __webpack_require__(309);
 
-	var _selectors = __webpack_require__(462);
+	var _selectors = __webpack_require__(463);
 
 	var _selectors2 = __webpack_require__(451);
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
 	var _react = __webpack_require__(303);
 
@@ -22990,7 +23025,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 461 */
+/* 462 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23014,7 +23049,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
-/* 462 */
+/* 463 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23030,7 +23065,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.textTracks = textTracks;
 	exports.videoQualitySetting = videoQualitySetting;
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
 	var _selectors = __webpack_require__(412);
 
@@ -23137,7 +23172,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 463 */
+/* 464 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23256,10 +23291,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	      return pageAction(PAUSED);
 	    },
 	    timeUpdate: function timeUpdate(_ref4) {
-	      var currentTime = _ref4.currentTime;
+	      var currentTime = _ref4.currentTime,
+	          duration = _ref4.duration;
 
 	      return pageAction(TIME_UPDATE, {
-	        currentTime: currentTime
+	        currentTime: currentTime,
+	        duration: duration
 	      });
 	    },
 	    metaDataLoaded: function metaDataLoaded(_ref5) {
@@ -23357,7 +23394,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 464 */
+/* 465 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23371,7 +23408,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors = __webpack_require__(451);
 
-	var _selectors2 = __webpack_require__(465);
+	var _selectors2 = __webpack_require__(466);
 
 	var _reactRedux = __webpack_require__(367);
 
@@ -23413,7 +23450,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(NonJsLinks);
 
 /***/ }),
-/* 465 */
+/* 466 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -23429,7 +23466,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 466 */
+/* 467 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23440,11 +23477,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.VideoPlayer = undefined;
 	exports.default = PageVideoPlayer;
 
-	var _VideoFilePlayer = __webpack_require__(467);
+	var _VideoFilePlayer = __webpack_require__(468);
 
 	var _VideoFilePlayer2 = _interopRequireDefault(_VideoFilePlayer);
 
-	var _createPageFilePlayer = __webpack_require__(479);
+	var _createPageFilePlayer = __webpack_require__(480);
 
 	var _createPageFilePlayer2 = _interopRequireDefault(_createPageFilePlayer);
 
@@ -23488,7 +23525,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 467 */
+/* 468 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23514,15 +23551,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  );
 	};
 
-	var _createFilePlayer = __webpack_require__(468);
+	var _createFilePlayer = __webpack_require__(469);
 
 	var _createFilePlayer2 = _interopRequireDefault(_createFilePlayer);
 
-	var _Positioner = __webpack_require__(475);
+	var _Positioner = __webpack_require__(476);
 
 	var _Positioner2 = _interopRequireDefault(_Positioner);
 
-	var _sources = __webpack_require__(478);
+	var _sources = __webpack_require__(479);
 
 	var _sources2 = _interopRequireDefault(_sources);
 
@@ -23540,7 +23577,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 
 /***/ }),
-/* 468 */
+/* 469 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23682,25 +23719,25 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return result;
 	};
 
-	var _MediaTag = __webpack_require__(469);
+	var _MediaTag = __webpack_require__(470);
 
 	var _MediaTag2 = _interopRequireDefault(_MediaTag);
 
-	var _createPageflowPlayer = __webpack_require__(470);
+	var _createPageflowPlayer = __webpack_require__(471);
 
 	var _createPageflowPlayer2 = _interopRequireDefault(_createPageflowPlayer);
 
-	var _watchPlayer = __webpack_require__(471);
+	var _watchPlayer = __webpack_require__(472);
 
 	var _watchPlayer2 = _interopRequireDefault(_watchPlayer);
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
-	var _handlePlayerState = __webpack_require__(472);
+	var _handlePlayerState = __webpack_require__(473);
 
-	var _textTracks = __webpack_require__(473);
+	var _textTracks = __webpack_require__(474);
 
-	var _selectors = __webpack_require__(462);
+	var _selectors = __webpack_require__(463);
 
 	var _selectors2 = __webpack_require__(457);
 
@@ -23708,7 +23745,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _selectors4 = __webpack_require__(409);
 
-	var _selectors5 = __webpack_require__(474);
+	var _selectors5 = __webpack_require__(475);
 
 	var _react = __webpack_require__(303);
 
@@ -23744,7 +23781,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 469 */
+/* 470 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -23934,7 +23971,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 470 */
+/* 471 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -23988,7 +24025,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 471 */
+/* 472 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -24021,7 +24058,8 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	  player.on('timeupdate', function () {
 	    return actions.timeUpdate({
-	      currentTime: player.currentTime()
+	      currentTime: player.currentTime(),
+	      duration: player.duration()
 	    });
 	  });
 
@@ -24029,7 +24067,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 472 */
+/* 473 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -24088,7 +24126,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 473 */
+/* 474 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -24159,7 +24197,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 474 */
+/* 475 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -24170,12 +24208,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.widgetPresent = widgetPresent;
 	function widgetPresent(typeName) {
 	  return function (state) {
-	    return state.widgets[typeName];
+	    return state.widgetPresence[typeName];
 	  };
 	}
 
 /***/ }),
-/* 475 */
+/* 476 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24188,11 +24226,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	exports.default = Positioner;
 
-	var _getDimensions = __webpack_require__(476);
+	var _getDimensions = __webpack_require__(477);
 
 	var _getDimensions2 = _interopRequireDefault(_getDimensions);
 
-	var _getCueOffsetClassName = __webpack_require__(477);
+	var _getCueOffsetClassName = __webpack_require__(478);
 
 	var _getCueOffsetClassName2 = _interopRequireDefault(_getCueOffsetClassName);
 
@@ -24243,7 +24281,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 476 */
+/* 477 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -24297,7 +24335,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 477 */
+/* 478 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -24320,7 +24358,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 478 */
+/* 479 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -24367,7 +24405,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 479 */
+/* 480 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24410,7 +24448,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var _utils = __webpack_require__(309);
 
 /***/ }),
-/* 480 */
+/* 481 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24464,7 +24502,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(MobilePageVideoPoster);
 
 /***/ }),
-/* 481 */
+/* 482 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24477,11 +24515,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	exports.PageBackgroundVideo = PageBackgroundVideo;
 
-	var _PageVideoPlayer = __webpack_require__(466);
+	var _PageVideoPlayer = __webpack_require__(467);
 
 	var _PageVideoPlayer2 = _interopRequireDefault(_PageVideoPlayer);
 
-	var _MobilePageVideoPoster = __webpack_require__(480);
+	var _MobilePageVideoPoster = __webpack_require__(481);
 
 	var _MobilePageVideoPoster2 = _interopRequireDefault(_MobilePageVideoPoster);
 
@@ -24520,7 +24558,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(PageBackgroundVideo);
 
 /***/ }),
-/* 482 */
+/* 483 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24532,11 +24570,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(301);
 
-	var _PageBackgroundVideo = __webpack_require__(481);
+	var _PageBackgroundVideo = __webpack_require__(482);
 
 	var _PageBackgroundVideo2 = _interopRequireDefault(_PageBackgroundVideo);
 
-	var _selectors = __webpack_require__(462);
+	var _selectors = __webpack_require__(463);
 
 	var _pages = __webpack_require__(318);
 
@@ -24574,7 +24612,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(PageBackgroundAsset);
 
 /***/ }),
-/* 483 */
+/* 484 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24586,7 +24624,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(301);
 
-	var _PageBackgroundAsset = __webpack_require__(482);
+	var _PageBackgroundAsset = __webpack_require__(483);
 
 	var _PageBackgroundAsset2 = _interopRequireDefault(_PageBackgroundAsset);
 
@@ -24602,7 +24640,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 484 */
+/* 485 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24670,7 +24708,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 485 */
+/* 486 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24807,6 +24845,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	      case _actions.TIME_UPDATE:
 	        return _extends({}, state, {
 	          currentTime: action.payload.currentTime,
+	          duration: action.payload.duration,
 	          isLoading: false
 	        });
 	      case _actions.ENDED:
@@ -24873,14 +24912,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  };
 	};
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
-	var _actions2 = __webpack_require__(486);
+	var _actions2 = __webpack_require__(487);
 
 	var _actions3 = __webpack_require__(299);
 
 /***/ }),
-/* 486 */
+/* 487 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24910,7 +24949,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 487 */
+/* 488 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24920,31 +24959,31 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.default = _callee;
 
-	var _togglePlaying = __webpack_require__(488);
+	var _togglePlaying = __webpack_require__(489);
 
 	var _togglePlaying2 = _interopRequireDefault(_togglePlaying);
 
-	var _handlePageDidActivate = __webpack_require__(489);
+	var _handlePageDidActivate = __webpack_require__(490);
 
 	var _handlePageDidActivate2 = _interopRequireDefault(_handlePageDidActivate);
 
-	var _disableScrollIndicatorDuringPlayback = __webpack_require__(490);
+	var _disableScrollIndicatorDuringPlayback = __webpack_require__(491);
 
 	var _disableScrollIndicatorDuringPlayback2 = _interopRequireDefault(_disableScrollIndicatorDuringPlayback);
 
-	var _hasNotBeenPlayingForAMoment = __webpack_require__(491);
+	var _hasNotBeenPlayingForAMoment = __webpack_require__(492);
 
 	var _hasNotBeenPlayingForAMoment2 = _interopRequireDefault(_hasNotBeenPlayingForAMoment);
 
-	var _idling = __webpack_require__(492);
+	var _idling = __webpack_require__(493);
 
 	var _idling2 = _interopRequireDefault(_idling);
 
-	var _fadeOutWhenPageWillDeactivate = __webpack_require__(493);
+	var _fadeOutWhenPageWillDeactivate = __webpack_require__(494);
 
 	var _fadeOutWhenPageWillDeactivate2 = _interopRequireDefault(_fadeOutWhenPageWillDeactivate);
 
-	var _goToNextPageOnEnd = __webpack_require__(494);
+	var _goToNextPageOnEnd = __webpack_require__(495);
 
 	var _goToNextPageOnEnd2 = _interopRequireDefault(_goToNextPageOnEnd);
 
@@ -24988,7 +25027,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 488 */
+/* 489 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -24998,11 +25037,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.default = _callee;
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
-	var _actions2 = __webpack_require__(486);
+	var _actions2 = __webpack_require__(487);
 
-	var _selectors = __webpack_require__(462);
+	var _selectors = __webpack_require__(463);
 
 	var _reduxSaga = __webpack_require__(357);
 
@@ -25065,7 +25104,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 489 */
+/* 490 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25081,7 +25120,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _actions = __webpack_require__(299);
 
-	var _actions2 = __webpack_require__(463);
+	var _actions2 = __webpack_require__(464);
 
 	var _selectors = __webpack_require__(345);
 
@@ -25171,7 +25210,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 490 */
+/* 491 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25185,7 +25224,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(353);
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
 	var _selectors = __webpack_require__(345);
 
@@ -25266,7 +25305,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 491 */
+/* 492 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25280,7 +25319,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(353);
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
 	var _marked = [_callee3].map(regeneratorRuntime.mark);
 
@@ -25339,7 +25378,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 492 */
+/* 493 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25353,9 +25392,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(353);
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
-	var _actions2 = __webpack_require__(486);
+	var _actions2 = __webpack_require__(487);
 
 	var _marked = [_callee, putAfterDelay].map(regeneratorRuntime.mark);
 
@@ -25399,7 +25438,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 493 */
+/* 494 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25413,7 +25452,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(353);
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
 	var _actions2 = __webpack_require__(299);
 
@@ -25456,7 +25495,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 494 */
+/* 495 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25470,7 +25509,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(353);
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
 	var _selectors = __webpack_require__(345);
 
@@ -25528,7 +25567,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 495 */
+/* 496 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25542,7 +25581,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(353);
 
-	var _actions = __webpack_require__(463);
+	var _actions = __webpack_require__(464);
 
 	var _actions2 = __webpack_require__(299);
 
@@ -25609,7 +25648,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 496 */
+/* 497 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25619,11 +25658,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.Page = exports.reduxModule = undefined;
 
-	var _Page = __webpack_require__(497);
+	var _Page = __webpack_require__(498);
 
 	var _Page2 = _interopRequireDefault(_Page);
 
-	var _reenableScrollIndicator = __webpack_require__(499);
+	var _reenableScrollIndicator = __webpack_require__(500);
 
 	var _reenableScrollIndicator2 = _interopRequireDefault(_reenableScrollIndicator);
 
@@ -25638,7 +25677,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.Page = _Page2.default;
 
 /***/ }),
-/* 497 */
+/* 498 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25659,7 +25698,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(301);
 
-	var _selectors = __webpack_require__(498);
+	var _selectors = __webpack_require__(499);
 
 	var _pages = __webpack_require__(318);
 
@@ -25681,7 +25720,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	 *
 	 * @alias pageflow.react.components.PageWithInteractiveBackground
 	 * @class
-	 * @since 12.0
+	 * @since 12.1
 	 */
 	var PageWithInteractiveBackground = function (_React$Component) {
 	  _inherits(PageWithInteractiveBackground, _React$Component);
@@ -25778,7 +25817,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}))(PageWithInteractiveBackground);
 
 /***/ }),
-/* 498 */
+/* 499 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -25797,7 +25836,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 499 */
+/* 500 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25811,7 +25850,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _effects = __webpack_require__(353);
 
-	var _actions = __webpack_require__(500);
+	var _actions = __webpack_require__(501);
 
 	var _selectors = __webpack_require__(345);
 
@@ -25861,7 +25900,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 500 */
+/* 501 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -25887,7 +25926,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 501 */
+/* 502 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -25897,7 +25936,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.registry = undefined;
 
-	var _PageTypeRegistry = __webpack_require__(502);
+	var _PageTypeRegistry = __webpack_require__(503);
 
 	var _PageTypeRegistry2 = _interopRequireDefault(_PageTypeRegistry);
 
@@ -25908,7 +25947,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.default = registry.register;
 
 /***/ }),
-/* 502 */
+/* 503 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26010,7 +26049,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 503 */
+/* 504 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26038,16 +26077,16 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 	};
 
-	var _registerPageType = __webpack_require__(501);
+	var _registerPageType = __webpack_require__(502);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
-	var _media = __webpack_require__(458);
+	var _media = __webpack_require__(459);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
-/* 504 */
+/* 505 */
 /***/ (function(module, exports) {
 
 	"use strict";
@@ -26068,7 +26107,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var registry = exports.registry = [];
 
 /***/ }),
-/* 505 */
+/* 506 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26081,9 +26120,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _collections = __webpack_require__(346);
 
-	var _registerPageType = __webpack_require__(501);
+	var _registerPageType = __webpack_require__(502);
 
-	var _boot = __webpack_require__(506);
+	var _boot = __webpack_require__(507);
 
 	var _boot2 = _interopRequireDefault(_boot);
 
@@ -26141,7 +26180,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.default = _class;
 
 /***/ }),
-/* 506 */
+/* 507 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26175,16 +26214,17 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    storylines: collections.storylines,
 	    chapters: collections.chapters,
 	    pages: collections.pages,
+	    widgets: isEditor ? pageflow.entry.widgets : seed.widgets,
 
 	    hideText: pageflow.hideText,
 	    events: pageflow.events,
 	    settings: pageflow.settings,
-	    widgets: pageflow.widgets,
+	    widgetsApi: pageflow.widgets,
 
 	    window: isServerSide ? null : window
 	  };
 
-	  var store = (0, _createStore2.default)([_i18n2.default, _entry2.default, _current2.default, _storylines2.default, _chapters2.default, _pages2.default, _files2.default, _settings2.default, _hideText2.default, _widgets2.default, _pageTypes2.default, _hotkeys2.default], options);
+	  var store = (0, _createStore2.default)([_i18n2.default, _entry2.default, _current2.default, _storylines2.default, _chapters2.default, _pages2.default, _files2.default, _settings2.default, _hideText2.default, _widgets2.default, _widgetPresence2.default, _pageTypes2.default, _hotkeys2.default], options);
 
 	  if (!isServerSide) {
 	    _registerPageType.registry.forEach(function (options) {
@@ -26204,19 +26244,19 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  return store;
 	};
 
-	var _registerPageType = __webpack_require__(501);
+	var _registerPageType = __webpack_require__(502);
 
-	var _registerWidgetType = __webpack_require__(504);
+	var _registerWidgetType = __webpack_require__(505);
 
-	var _createStore = __webpack_require__(507);
+	var _createStore = __webpack_require__(508);
 
 	var _createStore2 = _interopRequireDefault(_createStore);
 
-	var _storylines = __webpack_require__(509);
+	var _storylines = __webpack_require__(510);
 
 	var _storylines2 = _interopRequireDefault(_storylines);
 
-	var _chapters = __webpack_require__(510);
+	var _chapters = __webpack_require__(511);
 
 	var _chapters2 = _interopRequireDefault(_chapters);
 
@@ -26224,46 +26264,50 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _pages2 = _interopRequireDefault(_pages);
 
-	var _pageTypes = __webpack_require__(511);
+	var _pageTypes = __webpack_require__(512);
 
 	var _pageTypes2 = _interopRequireDefault(_pageTypes);
 
-	var _current = __webpack_require__(514);
+	var _current = __webpack_require__(515);
 
 	var _current2 = _interopRequireDefault(_current);
 
-	var _files = __webpack_require__(518);
+	var _files = __webpack_require__(519);
 
 	var _files2 = _interopRequireDefault(_files);
 
-	var _settings = __webpack_require__(519);
+	var _settings = __webpack_require__(520);
 
 	var _settings2 = _interopRequireDefault(_settings);
 
-	var _i18n = __webpack_require__(521);
+	var _i18n = __webpack_require__(522);
 
 	var _i18n2 = _interopRequireDefault(_i18n);
 
-	var _entry = __webpack_require__(524);
+	var _entry = __webpack_require__(525);
 
 	var _entry2 = _interopRequireDefault(_entry);
 
-	var _hotkeys = __webpack_require__(527);
+	var _hotkeys = __webpack_require__(528);
 
 	var _hotkeys2 = _interopRequireDefault(_hotkeys);
 
-	var _hideText = __webpack_require__(528);
+	var _hideText = __webpack_require__(529);
 
 	var _hideText2 = _interopRequireDefault(_hideText);
 
-	var _widgets = __webpack_require__(531);
+	var _widgets = __webpack_require__(532);
 
 	var _widgets2 = _interopRequireDefault(_widgets);
 
+	var _widgetPresence = __webpack_require__(533);
+
+	var _widgetPresence2 = _interopRequireDefault(_widgetPresence);
+
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 /***/ }),
-/* 507 */
+/* 508 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
@@ -26370,10 +26414,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    return enhancer;
 	  }
 	}
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(508)))
+	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(509)))
 
 /***/ }),
-/* 508 */
+/* 509 */
 /***/ (function(module, exports) {
 
 	// shim for using process in browser
@@ -26563,7 +26607,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 
 /***/ }),
-/* 509 */
+/* 510 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26596,7 +26640,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 510 */
+/* 511 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26628,7 +26672,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 511 */
+/* 512 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26637,9 +26681,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _actions = __webpack_require__(512);
+	var _actions = __webpack_require__(513);
 
-	var _reducer = __webpack_require__(513);
+	var _reducer = __webpack_require__(514);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -26660,7 +26704,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 512 */
+/* 513 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -26683,7 +26727,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 513 */
+/* 514 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26704,10 +26748,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(512);
+	var _actions = __webpack_require__(513);
 
 /***/ }),
-/* 514 */
+/* 515 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26717,11 +26761,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.watch = exports.reducers = undefined;
 
-	var _reducer = __webpack_require__(515);
+	var _reducer = __webpack_require__(516);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
-	var _watch = __webpack_require__(517);
+	var _watch = __webpack_require__(518);
 
 	var _watch2 = _interopRequireDefault(_watch);
 
@@ -26746,7 +26790,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.watch = _watch2.default;
 
 /***/ }),
-/* 515 */
+/* 516 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26767,10 +26811,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(516);
+	var _actions = __webpack_require__(517);
 
 /***/ }),
-/* 516 */
+/* 517 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -26793,7 +26837,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 517 */
+/* 518 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26808,10 +26852,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  });
 	};
 
-	var _actions = __webpack_require__(516);
+	var _actions = __webpack_require__(517);
 
 /***/ }),
-/* 518 */
+/* 519 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26870,7 +26914,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 519 */
+/* 520 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -26882,7 +26926,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.createSaga = createSaga;
 	exports.watch = watch;
 
-	var _reducer = __webpack_require__(520);
+	var _reducer = __webpack_require__(521);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -26986,7 +27030,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 520 */
+/* 521 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27011,7 +27055,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	var _actions = __webpack_require__(300);
 
 /***/ }),
-/* 521 */
+/* 522 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27020,9 +27064,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _actions = __webpack_require__(522);
+	var _actions = __webpack_require__(523);
 
-	var _reducer = __webpack_require__(523);
+	var _reducer = __webpack_require__(524);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -27041,7 +27085,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 522 */
+/* 523 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -27064,7 +27108,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 523 */
+/* 524 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27085,10 +27129,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(522);
+	var _actions = __webpack_require__(523);
 
 /***/ }),
-/* 524 */
+/* 525 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27097,9 +27141,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _actions = __webpack_require__(525);
+	var _actions = __webpack_require__(526);
 
-	var _reducer = __webpack_require__(526);
+	var _reducer = __webpack_require__(527);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -27118,7 +27162,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 525 */
+/* 526 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -27141,7 +27185,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 526 */
+/* 527 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27162,10 +27206,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(525);
+	var _actions = __webpack_require__(526);
 
 /***/ }),
-/* 527 */
+/* 528 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27176,7 +27220,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _keyCodes = __webpack_require__(444);
 
-	var _actions = __webpack_require__(486);
+	var _actions = __webpack_require__(487);
 
 	exports.default = {
 	  init: function init(_ref) {
@@ -27202,7 +27246,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 528 */
+/* 529 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27212,11 +27256,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.watch = exports.reducers = undefined;
 
-	var _watch = __webpack_require__(529);
+	var _watch = __webpack_require__(530);
 
 	var _watch2 = _interopRequireDefault(_watch);
 
-	var _reducer = __webpack_require__(530);
+	var _reducer = __webpack_require__(531);
 
 	var _reducer2 = _interopRequireDefault(_reducer);
 
@@ -27243,7 +27287,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.watch = _watch2.default;
 
 /***/ }),
-/* 529 */
+/* 530 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27262,10 +27306,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	            });
 	};
 
-	var _actions = __webpack_require__(500);
+	var _actions = __webpack_require__(501);
 
 /***/ }),
-/* 530 */
+/* 531 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27299,9 +27343,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(500);
+	var _actions = __webpack_require__(501);
 
-	var _actions2 = __webpack_require__(516);
+	var _actions2 = __webpack_require__(517);
 
 	var initialState = {
 	  isActive: false,
@@ -27309,7 +27353,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	};
 
 /***/ }),
-/* 531 */
+/* 532 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27319,17 +27363,65 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.createWidgetType = createWidgetType;
 
-	var _reducer = __webpack_require__(532);
-
-	var _reducer2 = _interopRequireDefault(_reducer);
-
 	var _reactDom = __webpack_require__(399);
 
 	var _reactDom2 = _interopRequireDefault(_reactDom);
 
 	var _reactRedux = __webpack_require__(367);
 
-	var _actions = __webpack_require__(533);
+	var _collections = __webpack_require__(346);
+
+	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+	exports.default = {
+	  init: function init(_ref) {
+	    var widgets = _ref.widgets,
+	        dispatch = _ref.dispatch;
+
+	    (0, _collections.watch)({
+	      collection: widgets,
+	      collectionName: 'widgets',
+	      dispatch: dispatch,
+
+	      attributes: ['role', 'type_name'],
+	      includeConfiguration: true
+	    });
+	  },
+	  createReducers: function createReducers() {
+	    return {
+	      widgets: (0, _collections.createReducer)('widgets', {
+	        idAttribute: 'role'
+	      })
+	    };
+	  }
+	};
+	function createWidgetType(Component, store) {
+	  return {
+	    enhance: function enhance(element) {
+	      _reactDom2.default.render(React.createElement(
+	        _reactRedux.Provider,
+	        { store: store },
+	        React.createElement(Component, null)
+	      ), element[0]);
+	    }
+	  };
+	}
+
+/***/ }),
+/* 533 */
+/***/ (function(module, exports, __webpack_require__) {
+
+	'use strict';
+
+	Object.defineProperty(exports, "__esModule", {
+	  value: true
+	});
+
+	var _reducer = __webpack_require__(534);
+
+	var _reducer2 = _interopRequireDefault(_reducer);
+
+	var _actions = __webpack_require__(535);
 
 	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
@@ -27337,14 +27429,14 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  init: function init(_ref) {
 	    var isServerSide = _ref.isServerSide,
 	        events = _ref.events,
-	        widgets = _ref.widgets,
+	        widgetsApi = _ref.widgetsApi,
 	        dispatch = _ref.dispatch;
 
 	    function update() {
 	      dispatch((0, _actions.load)({
 	        widgets: {
-	          classicPlayerControls: widgets.isPresent('classic_player_controls'),
-	          slimPlayerControls: widgets.isPresent('slim_player_controls')
+	          classicPlayerControls: widgetsApi.isPresent('classic_player_controls'),
+	          slimPlayerControls: widgetsApi.isPresent('slim_player_controls')
 	        }
 	      }));
 	    }
@@ -27355,23 +27447,12 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	    }
 	  },
 	  createReducers: function createReducers() {
-	    return { widgets: _reducer2.default };
+	    return { widgetPresence: _reducer2.default };
 	  }
 	};
-	function createWidgetType(Component, store) {
-	  return {
-	    enhance: function enhance(element) {
-	      _reactDom2.default.render(React.createElement(
-	        _reactRedux.Provider,
-	        { store: store },
-	        React.createElement(Component, null)
-	      ), element[0]);
-	    }
-	  };
-	}
 
 /***/ }),
-/* 532 */
+/* 534 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27393,10 +27474,10 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  }
 	};
 
-	var _actions = __webpack_require__(533);
+	var _actions = __webpack_require__(535);
 
 /***/ }),
-/* 533 */
+/* 535 */
 /***/ (function(module, exports) {
 
 	'use strict';
@@ -27419,7 +27500,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 534 */
+/* 536 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27429,11 +27510,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.register = register;
 
-	var _audio = __webpack_require__(535);
+	var _audio = __webpack_require__(537);
 
-	var _plain = __webpack_require__(538);
+	var _plain = __webpack_require__(540);
 
-	var _video = __webpack_require__(539);
+	var _video = __webpack_require__(541);
 
 	function register() {
 	  (0, _plain.register)();
@@ -27442,7 +27523,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 535 */
+/* 537 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27452,19 +27533,19 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.register = register;
 
-	var _media = __webpack_require__(458);
+	var _media = __webpack_require__(459);
 
-	var _PageAudioFilePlayer = __webpack_require__(536);
+	var _PageAudioFilePlayer = __webpack_require__(538);
 
 	var _PageAudioFilePlayer2 = _interopRequireDefault(_PageAudioFilePlayer);
 
-	var _registerPageType = __webpack_require__(501);
+	var _registerPageType = __webpack_require__(502);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
 	var _pages = __webpack_require__(318);
 
-	var _selectors = __webpack_require__(462);
+	var _selectors = __webpack_require__(463);
 
 	var _selectors2 = __webpack_require__(345);
 
@@ -27509,7 +27590,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 536 */
+/* 538 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27518,11 +27599,11 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _createPageFilePlayer = __webpack_require__(479);
+	var _createPageFilePlayer = __webpack_require__(480);
 
 	var _createPageFilePlayer2 = _interopRequireDefault(_createPageFilePlayer);
 
-	var _AudioFilePlayer = __webpack_require__(537);
+	var _AudioFilePlayer = __webpack_require__(539);
 
 	var _AudioFilePlayer2 = _interopRequireDefault(_AudioFilePlayer);
 
@@ -27531,7 +27612,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	exports.default = (0, _createPageFilePlayer2.default)(_AudioFilePlayer2.default);
 
 /***/ }),
-/* 537 */
+/* 539 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27540,7 +27621,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	  value: true
 	});
 
-	var _createFilePlayer = __webpack_require__(468);
+	var _createFilePlayer = __webpack_require__(469);
 
 	var _createFilePlayer2 = _interopRequireDefault(_createFilePlayer);
 
@@ -27557,7 +27638,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 
 /***/ }),
-/* 538 */
+/* 540 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27569,9 +27650,9 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 
 	var _components = __webpack_require__(301);
 
-	var _media = __webpack_require__(458);
+	var _media = __webpack_require__(459);
 
-	var _registerPageType = __webpack_require__(501);
+	var _registerPageType = __webpack_require__(502);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
@@ -27615,7 +27696,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 539 */
+/* 541 */
 /***/ (function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -27625,15 +27706,15 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	});
 	exports.register = register;
 
-	var _media = __webpack_require__(458);
+	var _media = __webpack_require__(459);
 
-	var _registerPageType = __webpack_require__(501);
+	var _registerPageType = __webpack_require__(502);
 
 	var _registerPageType2 = _interopRequireDefault(_registerPageType);
 
 	var _pages = __webpack_require__(318);
 
-	var _selectors = __webpack_require__(462);
+	var _selectors = __webpack_require__(463);
 
 	var _selectors2 = __webpack_require__(345);
 
@@ -27686,7 +27767,7 @@ pageflow = typeof pageflow === "object" ? pageflow : {}; pageflow["react"] =
 	}
 
 /***/ }),
-/* 540 */
+/* 542 */
 /***/ (function(module, exports) {
 
 	module.exports = pageflow;