@clickview/library-editor 1.1.18 → 1.1.19-rc.0

package/dist/scripts/89.chunk.js

@@ -0,0 +1,522 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[89],{
+
+/***/ "./src/apps/library-editor/views/edit-chapters/EditChapters.hbs":
+/*!**********************************************************************!*\
+  !*** ./src/apps/library-editor/views/edit-chapters/EditChapters.hbs ***!
+  \**********************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"tab-region w-100\"></div>\r\n<div class=\"row\">\r\n  <div class=\"col-6 pt-3\">\r\n    <div class=\"webplayer-region\"></div>\r\n    <div class=\"add-chapter-region\"></div>\r\n  </div>\r\n  <div class=\"col-6 mb-2 pt-3\">\r\n    <div class=\"chapter-list-region\"></div>\r\n  </div>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/library-editor/views/edit-chapters/EditChaptersView.ts":
+/*!*************************************************************************!*\
+  !*** ./src/apps/library-editor/views/edit-chapters/EditChaptersView.ts ***!
+  \*************************************************************************/
+/*! exports provided: EditChaptersView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditChaptersView", function() { return EditChaptersView; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/InstanceManager */ "../../libs/common/src/backbone/services/InstanceManager.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_backbone_enums_DataServiceErrorType__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/enums/DataServiceErrorType */ "../../libs/common/src/backbone/enums/DataServiceErrorType.ts");
+/* harmony import */ var _shared_collections_ChapterCollection__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/collections/ChapterCollection */ "./src/shared/collections/ChapterCollection.ts");
+/* harmony import */ var _shared_models_Chapter__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../shared/models/Chapter */ "./src/shared/models/Chapter.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _shared_services_ConfigDataService__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../shared/services/ConfigDataService */ "./src/shared/services/ConfigDataService.ts");
+/* harmony import */ var _shared_enums__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../shared/enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _shared_components_web_player_WebPlayerComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../shared/components/web-player/WebPlayerComponent */ "./src/shared/components/web-player/WebPlayerComponent.ts");
+/* harmony import */ var _shared_alerts__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../shared/alerts */ "./src/shared/alerts/index.ts");
+/* harmony import */ var _components_edit_video_tabs_EditVideoTabsComponent__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../components/edit-video-tabs/EditVideoTabsComponent */ "./src/apps/library-editor/components/edit-video-tabs/EditVideoTabsComponent.ts");
+/* harmony import */ var _components_concatenate_request_ConcatenateRequestComponent__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../components/concatenate-request/ConcatenateRequestComponent */ "./src/apps/library-editor/components/concatenate-request/ConcatenateRequestComponent.ts");
+/* harmony import */ var _components_chapter_form_ChapterFormComponent__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../components/chapter-form/ChapterFormComponent */ "./src/apps/library-editor/components/chapter-form/ChapterFormComponent.ts");
+/* harmony import */ var _components_chapters_ChaptersComponent__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../components/chapters/ChaptersComponent */ "./src/apps/library-editor/components/chapters/ChaptersComponent.ts");
+/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../errors */ "./src/apps/library-editor/errors/index.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../constants */ "./src/apps/library-editor/constants/index.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../utils */ "./src/apps/library-editor/utils/index.ts");
+/* harmony import */ var _EditChapters_hbs__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./EditChapters.hbs */ "./src/apps/library-editor/views/edit-chapters/EditChapters.hbs");
+/* harmony import */ var _EditChapters_hbs__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(_EditChapters_hbs__WEBPACK_IMPORTED_MODULE_22__);
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../enums */ "./src/apps/library-editor/enums/index.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var EditChaptersView = /*#__PURE__*/function (_Core$View) {
+  _inherits(EditChaptersView, _Core$View);
+
+  var _super = _createSuper(EditChaptersView);
+
+  function EditChaptersView(options) {
+    _classCallCheck(this, EditChaptersView);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(EditChaptersView, [{
+    key: "initialize",
+    value: function initialize() {
+      this.bindListeners();
+      this.initializeDataServices();
+      _shared_utils__WEBPACK_IMPORTED_MODULE_7__["TabHelper"].initBackButton();
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        tabs: {
+          el: '.tab-region',
+          partialLoading: _shared_enums__WEBPACK_IMPORTED_MODULE_10__["PartialLoading"].EditVideoTabs
+        },
+        webplayer: {
+          replaceElement: true,
+          el: '.webplayer-region',
+          partialLoading: _shared_enums__WEBPACK_IMPORTED_MODULE_10__["PartialLoading"].WebPlayer
+        },
+        addChapter: {
+          replaceElement: true,
+          el: '.add-chapter-region',
+          partialLoading: _shared_enums__WEBPACK_IMPORTED_MODULE_10__["PartialLoading"].EditVideoChaptersForm
+        },
+        chapterList: {
+          replaceElement: true,
+          el: '.chapter-list-region',
+          partialLoading: _shared_enums__WEBPACK_IMPORTED_MODULE_10__["PartialLoading"].EditVideoChapterList
+        }
+      };
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataChannels"].VIDEO, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataPrefixes"].VIDEOS, ":").concat(this.options.videoId, ":sync"), this.render);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataChannels"].VIDEO, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataPrefixes"].VIDEOS, ":").concat(this.options.videoId, ":error"), this.onVideoDataError);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataChannels"].VIDEO, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataPrefixes"].VIDEO_HAS_PHYSICAL_CHAPTERS, ":").concat(this.options.videoId, ":sync"), this.render);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataChannels"].CHAPTER, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataPrefixes"].CONCATENATE_STATUS, ":").concat(this.options.videoId, ":error"), this.onConcatenateDataError);
+      this.listenTo(this.channelName, _constants__WEBPACK_IMPORTED_MODULE_20__["LibraryEditorActions"].CreateChapter, this.onCreateChapter);
+      this.listenTo(this.channelName, _constants__WEBPACK_IMPORTED_MODULE_20__["LibraryEditorActions"].UpdateChapter, this.onUpdateChapter);
+      this.listenTo(this.channelName, _constants__WEBPACK_IMPORTED_MODULE_20__["LibraryEditorActions"].DeleteChapter, this.onDeleteChapter);
+      this.listenTo(this.channelName, _constants__WEBPACK_IMPORTED_MODULE_20__["LibraryEditorActions"].UpdateChapterTime, this.onTimeInputUpdate);
+      this.listenTo(this.channelName, _constants__WEBPACK_IMPORTED_MODULE_20__["LibraryEditorActions"].SeekToChapter, this.onSeekToChapter);
+      this.listenTo(this.channelName, _constants__WEBPACK_IMPORTED_MODULE_20__["LibraryEditorActions"].MergeChapters, this.onMergeChapters);
+    }
+  }, {
+    key: "initializeDataServices",
+    value: function initializeDataServices() {
+      this.videoDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_2__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataServices"].Video, this);
+      this.chapterDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_2__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["DataServices"].Chapter, this);
+    }
+  }, {
+    key: "onVideoDataError",
+    value: function onVideoDataError(error) {
+      switch (error.type) {
+        case _libs_common_src_backbone_enums_DataServiceErrorType__WEBPACK_IMPORTED_MODULE_4__["DataServiceErrorType"].NotFound:
+          _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ErrorHelper.throw(new _errors__WEBPACK_IMPORTED_MODULE_19__["VideoNotFoundError"]());
+          break;
+
+        case _libs_common_src_backbone_enums_DataServiceErrorType__WEBPACK_IMPORTED_MODULE_4__["DataServiceErrorType"].Forbidden:
+          _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ErrorHelper.throw(new _errors__WEBPACK_IMPORTED_MODULE_19__["ForbiddenVideoError"]());
+          break;
+      }
+    }
+  }, {
+    key: "onConcatenateDataError",
+    value: function onConcatenateDataError(error) {
+      if (error.type !== _libs_common_src_backbone_enums_DataServiceErrorType__WEBPACK_IMPORTED_MODULE_4__["DataServiceErrorType"].NotFound) return;
+      this.concatenateRequestNotFound = true;
+      this.render();
+    }
+  }, {
+    key: "onCreateChapter",
+    value: function onCreateChapter(chapter) {
+      // If no chapters exist and the chapter being added is not at 00:00, an introduction chapter is created
+      if (this.chapters.length === 0 && chapter.startTime !== 0) this.createChapter({
+        name: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(this.lang, 'intro'),
+        startTime: 0
+      }); // Create the requested chapter
+
+      this.createChapter(chapter);
+    }
+  }, {
+    key: "createChapter",
+    value: function createChapter(chapter) {
+      var _this = this;
+
+      // Add new chapter to the local collection immediately
+      var newChapter = new _shared_models_Chapter__WEBPACK_IMPORTED_MODULE_6__["Chapter"](chapter);
+      this.chapters.add(newChapter);
+      newChapter.set('loading', true);
+      this.chapterDataService.createChapter(this.model.get('id'), chapter.name, chapter.startTime, function (data) {
+        // Update chapter with service properties
+        newChapter.set(data.toJSON(), {
+          silent: true
+        });
+        newChapter.set('loading', false);
+
+        _this.chapters.sort();
+
+        _this.renderChapterForm();
+
+        _this.logAction(data, _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["UserAction"].Create);
+      });
+    }
+  }, {
+    key: "onUpdateChapter",
+    value: function onUpdateChapter(chapterState) {
+      var _this2 = this;
+
+      var chapter = this.chapters.find(function (c) {
+        return c.get('id') === chapterState.id;
+      });
+      chapter.set('loading', true);
+      var successHandler = _shared_alerts__WEBPACK_IMPORTED_MODULE_14__["VideoAlerts"].updatedChaptersAlert(this.model.get('name'));
+      this.chapterDataService.updateChapter(chapter.id, chapterState.name, chapterState.startTime, function (newChapter) {
+        chapter.set(newChapter.toJSON(), {
+          silent: true
+        });
+        chapter.set('loading', false);
+
+        _this2.chapters.sort();
+
+        _this2.logAction(newChapter, _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["UserAction"].Edit);
+      }, successHandler);
+    }
+  }, {
+    key: "onDeleteChapter",
+    value: function onDeleteChapter(chapter) {
+      var _this3 = this;
+
+      chapter.set('loading', true);
+      this.chapterDataService.deleteChapter(chapter.id, function () {
+        _this3.logAction(chapter, _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["UserAction"].Delete);
+
+        _this3.chapters.remove(chapter);
+      });
+    }
+  }, {
+    key: "onMergeChapters",
+    value: function onMergeChapters() {
+      var _this4 = this;
+
+      this.chapterDataService.addConcatenateRequest(this.options.videoId, function () {
+        _this4.pollConcatenation();
+      });
+    }
+    /**
+     * If the time passed is a valid time, seek to it
+     */
+
+  }, {
+    key: "onTimeInputUpdate",
+    value: function onTimeInputUpdate(time) {
+      if (time >= 0 && time <= _shared_utils__WEBPACK_IMPORTED_MODULE_7__["TimeHelpers"].millisecondsToSeconds(this.model.get('duration'))) this.player.seekTo(time);
+    }
+  }, {
+    key: "logAction",
+    value: function logAction(chapter, actionType) {
+      var analyticsData = Object.assign({
+        videoId: this.model.get('id')
+      }, chapter.pick('id', 'name', 'startTime'));
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction(analyticsData, {
+        actionType: actionType,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["EntityType"].Chapter,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["LocationContext"].EditVideoChapters
+      });
+    }
+  }, {
+    key: "onSeekToChapter",
+    value: function onSeekToChapter(chapterIndex) {
+      if (chapterIndex < 0) return;
+      this.player.seekToChapter(chapterIndex);
+    }
+    /**
+     * We call this function in onRender to not start polling if we don't have a concatenateRequest
+     * or if the concatenate request isn't currently concatenating.
+     */
+
+  }, {
+    key: "startPollingConcatenation",
+    value: function startPollingConcatenation() {
+      if (!this.concatenateRequest) return;
+      var ignoreStatuses = [_enums__WEBPACK_IMPORTED_MODULE_23__["MediaConcatenateStatus"].SingleFile, _enums__WEBPACK_IMPORTED_MODULE_23__["MediaConcatenateStatus"].ConcatenationFailed];
+      if (underscore__WEBPACK_IMPORTED_MODULE_0__["contains"](ignoreStatuses, this.concatenateRequest.get('status'))) return;
+      this.pollConcatenation();
+    }
+    /**
+     * This function exists seperately from startPollingConcatenation() so that
+     * we can force the polling to start when this.concatenateRequest is null
+     *
+     * This is done when the merge chapter button is clicked to request concatenation
+     */
+
+  }, {
+    key: "pollConcatenation",
+    value: function pollConcatenation() {
+      var _this5 = this;
+
+      if (this.isDestroyed()) return;
+      this.chapterDataService.getConcatenateRequest(this.options.videoId, function (data) {
+        _this5.concatenateRequest = data;
+
+        if (_this5.concatenateRequest.get('status') !== _enums__WEBPACK_IMPORTED_MODULE_23__["MediaConcatenateStatus"].SingleFile) {
+          setTimeout(function () {
+            return _this5.pollConcatenation();
+          }, 5000);
+
+          _this5.renderConcatenationRequest();
+
+          return;
+        }
+
+        _this5.videoDataService.clearPhysicialChaptersCache();
+
+        _this5.render();
+      });
+    }
+    /**
+     * Render logic
+     */
+
+  }, {
+    key: "renderChapterList",
+    value: function renderChapterList() {
+      this.showChildView('chapterList', new _components_chapters_ChaptersComponent__WEBPACK_IMPORTED_MODULE_18__["ChaptersComponent"]({
+        collection: this.chapters,
+        duration: this.model.get('duration'),
+        channelName: this.channelName,
+        showActions: !this.hasPhysicalChapters.get('value'),
+        editable: !this.hasPhysicalChapters.get('value'),
+        showHeader: true
+      }));
+    }
+  }, {
+    key: "renderChapterForm",
+    value: function renderChapterForm() {
+      this.showChildView('addChapter', new _components_chapter_form_ChapterFormComponent__WEBPACK_IMPORTED_MODULE_17__["ChapterFormComponent"]({
+        model: new _shared_models_Chapter__WEBPACK_IMPORTED_MODULE_6__["Chapter"](),
+        collection: this.chapters,
+        creating: true,
+        duration: this.model.get('duration'),
+        channelName: this.channelName,
+        playerViewModelKey: "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_8__["Webplayer"].NAME, "-").concat(this.model.get('id'))
+      }));
+    }
+  }, {
+    key: "renderConcatenationRequest",
+    value: function renderConcatenationRequest() {
+      if (!this.isRendered()) return;
+      this.showChildView('addChapter', new _components_concatenate_request_ConcatenateRequestComponent__WEBPACK_IMPORTED_MODULE_16__["ConcatenateRequestComponent"]({
+        type: 'chapters',
+        channelName: this.channelName,
+        model: this.concatenateRequest
+      }));
+    }
+  }, {
+    key: "renderEditComponents",
+    value: function renderEditComponents() {
+      if (this.hasPhysicalChapters.get('value')) {
+        this.renderConcatenationRequest();
+        this.mapPhysicalChapters();
+        return;
+      }
+
+      this.renderChapterForm();
+      this.renderChapterList();
+    }
+  }, {
+    key: "renderTabs",
+    value: function renderTabs() {
+      this.showChildView('tabs', new _components_edit_video_tabs_EditVideoTabsComponent__WEBPACK_IMPORTED_MODULE_15__["EditVideoTabsComponent"]({
+        tabs: _shared_utils__WEBPACK_IMPORTED_MODULE_7__["TabHelper"].getEditVideoTabs(this.options.videoId),
+        activeTab: '.edit-chapters-applink',
+        goBackTab: _shared_utils__WEBPACK_IMPORTED_MODULE_7__["TabHelper"].getBackButton(this.options.videoId)
+      }));
+    }
+  }, {
+    key: "renderWebPlayer",
+    value: function renderWebPlayer() {
+      this.player = new _shared_components_web_player_WebPlayerComponent__WEBPACK_IMPORTED_MODULE_13__["WebPlayerComponent"]({
+        model: this.model,
+        webPlayerUrl: this.config.get('webPlayerUrl'),
+        captureAnalytics: false
+      });
+      this.showChildView('webplayer', this.player);
+    }
+  }, {
+    key: "mapPhysicalChapters",
+    value: function mapPhysicalChapters() {
+      var _this6 = this;
+
+      this.renderPartialLoading('chapterList'); // Where there are no metadata chapters, retrieve any physical chapters.
+
+      this.player.query('getChapters', function (chapters) {
+        // Map physical chapters to Chapter models to view consistently within the UI.
+        _this6.chapters = new _shared_collections_ChapterCollection__WEBPACK_IMPORTED_MODULE_5__["ChapterCollection"](_utils__WEBPACK_IMPORTED_MODULE_21__["ChapterHelpers"].mapPhysicalChapters(chapters));
+
+        _this6.renderChapterList();
+      });
+    }
+  }, {
+    key: "redirectToVideoDetails",
+    value: function redirectToVideoDetails() {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].AppLinkHelper.trigger({
+        application: _shared_constants__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].LIBRARY_EDITOR,
+        action: _shared_constants__WEBPACK_IMPORTED_MODULE_8__["Actions"].LibraryEditor.VIDEO_DETAILS,
+        args: [this.model.get('id')]
+      }, {
+        replace: true
+      });
+    }
+  }, {
+    key: "fetchData",
+    value: function fetchData() {
+      var _this7 = this;
+
+      this.model = this.videoDataService.getVideo(this.options.videoId);
+
+      if (this.model) {
+        if (!_shared_utils__WEBPACK_IMPORTED_MODULE_7__["PermissionsHelper"].canEditVideo(this.model)) {
+          this.redirectToVideoDetails();
+          return;
+        }
+
+        this.chapters = this.model.chapters;
+      }
+
+      this.hasPhysicalChapters = this.videoDataService.hasPhysicalChapters(this.options.videoId);
+      /**
+       * If this.hasPhysicalChapters.get('value') is false, we don't need to fetch the concatenate request.
+       * Alternatively, if we have already sent a request to fetch the concatenate request, we don't need
+       * to fetch it again.
+       * A flag, getConcatenateRequestSent, is used as ChapterDataService.getConcatenateRequest() will
+       * return null if a concatenate request hasn't been created.
+       */
+
+      if (!this.hasPhysicalChapters || !this.hasPhysicalChapters.get('value') || this.getConcatenateRequestSent) return;
+      this.chapterDataService.getConcatenateRequest(this.options.videoId, function (data) {
+        _this7.concatenateRequest = data;
+
+        _this7.render();
+      });
+      this.getConcatenateRequestSent = true;
+    }
+  }, {
+    key: "shouldRender",
+    value: function shouldRender() {
+      if (!this.model || !this.hasPhysicalChapters) return false;
+      if (this.hasPhysicalChapters.get('value') && !this.concatenateRequest && !this.concatenateRequestNotFound) return false;
+      return true;
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      this.fetchData();
+      return this.shouldRender();
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderTabs();
+      this.renderWebPlayer();
+      this.renderEditComponents();
+      this.startPollingConcatenation();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'EditVideoChaptersView';
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return !!this.model && this.model.get('name');
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'libraryEditor.editChapters';
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return "".concat(this.name).concat(this.cid);
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'bg-white p-3';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _EditChapters_hbs__WEBPACK_IMPORTED_MODULE_22___default.a;
+    }
+  }, {
+    key: "requiredResources",
+    get: function get() {
+      return {
+        config: _shared_services_ConfigDataService__WEBPACK_IMPORTED_MODULE_9__["ConfigDataServiceHelper"].config
+      };
+    }
+  }]);
+
+  return EditChaptersView;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].View);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=89.chunk.js.map

package/dist/scripts/89.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/views/edit-chapters/EditChapters.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/library-editor/views/edit-chapters/EditChaptersView.ts"],"names":[],"mappings":"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","file":"scripts/89.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    return \"<div class=\\\"tab-region w-100\\\"></div>\\r\\n<div class=\\\"row\\\">\\r\\n  <div class=\\\"col-6 pt-3\\\">\\r\\n    <div class=\\\"webplayer-region\\\"></div>\\r\\n    <div class=\\\"add-chapter-region\\\"></div>\\r\\n  </div>\\r\\n  <div class=\\\"col-6 mb-2 pt-3\\\">\\r\\n    <div class=\\\"chapter-list-region\\\"></div>\\r\\n  </div>\\r\\n</div>\";\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { InstanceManager } from 'libs/common/backbone/services/InstanceManager';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { DataServiceError } from 'libs/common/backbone/interfaces';\r\nimport { DataServiceErrorType } from 'libs/common/backbone/enums/DataServiceErrorType';\r\n\r\nimport { ChapterCollection } from 'shared/collections/ChapterCollection';\r\nimport { Video } from 'shared/models/Video';\r\nimport { Chapter } from 'shared/models/Chapter';\r\nimport { Config } from 'shared/models/Config';\r\nimport { TimeHelpers, PermissionsHelper, TabHelper } from 'shared/utils';\r\nimport { DataPrefixes, Webplayer, DataChannels, DataServices, AppChannels, Actions } from 'shared/constants';\r\nimport { ConfigDataServiceHelper } from 'shared/services/ConfigDataService';\r\nimport { PartialLoading } from 'shared/enums';\r\nimport { UserAction, EntityType, LocationContext } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { WebPlayerComponent } from 'shared/components/web-player/WebPlayerComponent';\r\nimport { VideoAlerts } from 'shared/alerts';\r\n\r\nimport { EditVideoTabsComponent } from 'apps/library-editor/components/edit-video-tabs/EditVideoTabsComponent';\r\nimport { ConcatenateRequestComponent } from 'apps/library-editor/components/concatenate-request/ConcatenateRequestComponent';\r\nimport { ChapterFormComponent } from 'apps/library-editor/components/chapter-form/ChapterFormComponent';\r\nimport { ChaptersComponent } from 'apps/library-editor/components/chapters/ChaptersComponent';\r\nimport { VideoDataService } from 'apps/library-editor/services/VideoDataService';\r\nimport { ChapterDataService } from 'apps/library-editor/services/ChapterDataService';\r\nimport { VideoNotFoundError, ForbiddenVideoError } from 'apps/library-editor/errors';\r\nimport { LibraryEditorActions } from 'apps/library-editor/constants';\r\nimport { ChapterConcatenateRequest } from 'apps/library-editor/models';\r\nimport { ChapterHelpers } from 'apps/library-editor/utils';\r\n\r\nimport EditChaptersTemplate from './EditChapters.hbs';\r\nimport { MediaConcatenateStatus } from 'apps/library-editor/enums';\r\n\r\ninterface EditChaptersViewOptions extends Core.ViewOptions<Video> {\r\n  videoId: string;\r\n}\r\n\r\nexport class EditChaptersView extends Core.View<Video> {\r\n  protected options: EditChaptersViewOptions;\r\n\r\n  private videoDataService: VideoDataService;\r\n  private chapterDataService: ChapterDataService;\r\n  private chapters: ChapterCollection;\r\n  private player: WebPlayerComponent;\r\n  private config: Config;\r\n  private hasPhysicalChapters: Core.Model;\r\n  private getConcatenateRequestSent: boolean;\r\n  private concatenateRequest: ChapterConcatenateRequest;\r\n  private concatenateRequestNotFound: boolean;\r\n\r\n  constructor(options: EditChaptersViewOptions) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.bindListeners();\r\n    this.initializeDataServices();\r\n    TabHelper.initBackButton();\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'EditVideoChaptersView';\r\n  }\r\n\r\n  public get title(): string {\r\n    return !!this.model && this.model.get('name');\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'libraryEditor.editChapters';\r\n  }\r\n\r\n  public get channelName(): string {\r\n    return `${this.name}${this.cid}`;\r\n  }\r\n\r\n  public get className(): string {\r\n    return 'bg-white p-3';\r\n  }\r\n\r\n  public get template(): any {\r\n    return EditChaptersTemplate;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      tabs: {\r\n        el: '.tab-region',\r\n        partialLoading: PartialLoading.EditVideoTabs,\r\n      },\r\n      webplayer: {\r\n        replaceElement: true,\r\n        el: '.webplayer-region',\r\n        partialLoading: PartialLoading.WebPlayer,\r\n      },\r\n      addChapter: {\r\n        replaceElement: true,\r\n        el: '.add-chapter-region',\r\n        partialLoading: PartialLoading.EditVideoChaptersForm,\r\n      },\r\n      chapterList: {\r\n        replaceElement: true,\r\n        el: '.chapter-list-region',\r\n        partialLoading: PartialLoading.EditVideoChapterList,\r\n      }\r\n    };\r\n  }\r\n\r\n  private bindListeners(): void {\r\n    this.listenTo(DataChannels.VIDEO, `${DataPrefixes.VIDEOS}:${this.options.videoId}:sync`, this.render);\r\n    this.listenTo(DataChannels.VIDEO, `${DataPrefixes.VIDEOS}:${this.options.videoId}:error`, this.onVideoDataError);\r\n\r\n    this.listenTo(DataChannels.VIDEO,\r\n      `${DataPrefixes.VIDEO_HAS_PHYSICAL_CHAPTERS}:${this.options.videoId}:sync`, this.render);\r\n\r\n    this.listenTo(DataChannels.CHAPTER,\r\n      `${DataPrefixes.CONCATENATE_STATUS}:${this.options.videoId}:error`, this.onConcatenateDataError);\r\n\r\n    this.listenTo(this.channelName, LibraryEditorActions.CreateChapter, this.onCreateChapter);\r\n    this.listenTo(this.channelName, LibraryEditorActions.UpdateChapter, this.onUpdateChapter);\r\n    this.listenTo(this.channelName, LibraryEditorActions.DeleteChapter, this.onDeleteChapter);\r\n    this.listenTo(this.channelName, LibraryEditorActions.UpdateChapterTime, this.onTimeInputUpdate);\r\n    this.listenTo(this.channelName, LibraryEditorActions.SeekToChapter, this.onSeekToChapter);\r\n    this.listenTo(this.channelName, LibraryEditorActions.MergeChapters, this.onMergeChapters);\r\n  }\r\n\r\n  private initializeDataServices(): void {\r\n    this.videoDataService = InstanceManager.getInstance(DataServices.Video, this);\r\n    this.chapterDataService = InstanceManager.getInstance(DataServices.Chapter, this);\r\n  }\r\n\r\n  private onVideoDataError(error: DataServiceError): void {\r\n    switch (error.type) {\r\n    case DataServiceErrorType.NotFound:\r\n      Core.ErrorHelper.throw(new VideoNotFoundError());\r\n      break;\r\n    case DataServiceErrorType.Forbidden:\r\n      Core.ErrorHelper.throw(new ForbiddenVideoError());\r\n      break;\r\n    }\r\n  }\r\n\r\n  private onConcatenateDataError(error: DataServiceError): void {\r\n    if (error.type !== DataServiceErrorType.NotFound)\r\n      return;\r\n\r\n    this.concatenateRequestNotFound = true;\r\n\r\n    this.render();\r\n  }\r\n\r\n  private onCreateChapter(chapter: ObjectHash): void {\r\n    // If no chapters exist and the chapter being added is not at 00:00, an introduction chapter is created\r\n    if (this.chapters.length === 0 && chapter.startTime !== 0)\r\n      this.createChapter({ name: LanguageService.getPhrase(this.lang, 'intro'), startTime: 0 });\r\n\r\n    // Create the requested chapter\r\n    this.createChapter(chapter);\r\n  }\r\n\r\n  private createChapter(chapter: ObjectHash): void {\r\n    // Add new chapter to the local collection immediately\r\n    const newChapter = new Chapter(chapter);\r\n    this.chapters.add(newChapter);\r\n    newChapter.set('loading', true);\r\n\r\n    this.chapterDataService.createChapter(this.model.get('id'), chapter.name, chapter.startTime, (data: Chapter) => {\r\n      // Update chapter with service properties\r\n      newChapter.set(data.toJSON(), { silent: true });\r\n      newChapter.set('loading', false);\r\n\r\n      this.chapters.sort();\r\n      this.renderChapterForm();\r\n\r\n      this.logAction(data, UserAction.Create);\r\n    });\r\n  }\r\n\r\n  private onUpdateChapter(chapterState: ObjectHash): void {\r\n    const chapter = this.chapters.find(c => c.get('id') === chapterState.id);\r\n\r\n    chapter.set('loading', true);\r\n\r\n    const successHandler = VideoAlerts.updatedChaptersAlert(this.model.get('name'));\r\n\r\n    this.chapterDataService.updateChapter(chapter.id, chapterState.name, chapterState.startTime,\r\n      (newChapter: Chapter) => {\r\n        chapter.set(newChapter.toJSON(), { silent: true });\r\n        chapter.set('loading', false);\r\n        this.chapters.sort();\r\n        this.logAction(newChapter, UserAction.Edit);\r\n      }, successHandler);\r\n  }\r\n\r\n  private onDeleteChapter(chapter: Chapter): void {\r\n    chapter.set('loading', true);\r\n\r\n    this.chapterDataService.deleteChapter(chapter.id, () => {\r\n      this.logAction(chapter, UserAction.Delete);\r\n      this.chapters.remove(chapter);\r\n    });\r\n  }\r\n\r\n  private onMergeChapters(): void {\r\n    this.chapterDataService.addConcatenateRequest(this.options.videoId, () => {\r\n      this.pollConcatenation();\r\n    });\r\n  }\r\n\r\n  /**\r\n   * If the time passed is a valid time, seek to it\r\n   */\r\n  private onTimeInputUpdate(time: number): void {\r\n    if (time >= 0 && time <= TimeHelpers.millisecondsToSeconds(this.model.get('duration')))\r\n      this.player.seekTo(time);\r\n  }\r\n\r\n  private logAction(chapter: Chapter, actionType: UserAction): void {\r\n\r\n    const analyticsData = {\r\n      videoId: this.model.get('id'),\r\n      ...chapter.pick('id', 'name', 'startTime')\r\n    };\r\n\r\n    AnalyticsHelper.logUserAction(analyticsData, {\r\n      actionType,\r\n      entity: EntityType.Chapter,\r\n      location: LocationContext.EditVideoChapters\r\n    });\r\n  }\r\n\r\n  private onSeekToChapter(chapterIndex: number): void {\r\n    if (chapterIndex < 0) return;\r\n\r\n    this.player.seekToChapter(chapterIndex);\r\n  }\r\n\r\n  /**\r\n   * We call this function in onRender to not start polling if we don't have a concatenateRequest\r\n   * or if the concatenate request isn't currently concatenating. \r\n   */\r\n  private startPollingConcatenation(): void {\r\n    if (!this.concatenateRequest)\r\n      return;\r\n\r\n    const ignoreStatuses = [ MediaConcatenateStatus.SingleFile, MediaConcatenateStatus.ConcatenationFailed ];\r\n    if (_.contains(ignoreStatuses, this.concatenateRequest.get('status')))\r\n      return;\r\n\r\n    this.pollConcatenation();\r\n  }\r\n\r\n  /**\r\n   * This function exists seperately from startPollingConcatenation() so that\r\n   * we can force the polling to start when this.concatenateRequest is null\r\n   * \r\n   * This is done when the merge chapter button is clicked to request concatenation\r\n   */\r\n  private pollConcatenation(): void {\r\n    if (this.isDestroyed())\r\n      return;\r\n\r\n    this.chapterDataService.getConcatenateRequest(this.options.videoId, (data: ChapterConcatenateRequest) => {\r\n      this.concatenateRequest = data;\r\n\r\n      if (this.concatenateRequest.get('status') !== MediaConcatenateStatus.SingleFile) {\r\n        setTimeout(() => this.pollConcatenation(), 5000);\r\n        this.renderConcatenationRequest();\r\n        return;\r\n      }\r\n\r\n      this.videoDataService.clearPhysicialChaptersCache();\r\n      this.render();\r\n    });\r\n  }\r\n\r\n  /**\r\n   * Render logic\r\n   */\r\n  private renderChapterList(): void {\r\n    this.showChildView('chapterList', new ChaptersComponent({\r\n      collection: this.chapters,\r\n      duration: this.model.get('duration'),\r\n      channelName: this.channelName,\r\n      showActions: !this.hasPhysicalChapters.get('value'),\r\n      editable: !this.hasPhysicalChapters.get('value'),\r\n      showHeader: true\r\n    }));\r\n  }\r\n\r\n  private renderChapterForm(): void {\r\n    this.showChildView('addChapter', new ChapterFormComponent({\r\n      model: new Chapter(),\r\n      collection: this.chapters,\r\n      creating: true,\r\n      duration: this.model.get('duration'),\r\n      channelName: this.channelName,\r\n      playerViewModelKey: `${Webplayer.NAME}-${this.model.get('id')}`\r\n    }));\r\n  }\r\n\r\n  private renderConcatenationRequest(): void {\r\n    if (!this.isRendered())\r\n      return;\r\n\r\n    this.showChildView('addChapter', new ConcatenateRequestComponent({\r\n      type: 'chapters',\r\n      channelName: this.channelName,\r\n      model: this.concatenateRequest\r\n    }));\r\n  }\r\n\r\n  private renderEditComponents(): void {\r\n    if (this.hasPhysicalChapters.get('value')) {\r\n      this.renderConcatenationRequest();\r\n      this.mapPhysicalChapters();\r\n      return;\r\n    }\r\n\r\n    this.renderChapterForm();\r\n    this.renderChapterList();\r\n  }\r\n\r\n  private renderTabs(): void {\r\n    this.showChildView('tabs', new EditVideoTabsComponent({\r\n      tabs: TabHelper.getEditVideoTabs(this.options.videoId),\r\n      activeTab: '.edit-chapters-applink',\r\n      goBackTab: TabHelper.getBackButton(this.options.videoId)\r\n    }));\r\n  }\r\n\r\n  private renderWebPlayer(): void {\r\n    this.player = new WebPlayerComponent({\r\n      model: this.model,\r\n      webPlayerUrl: this.config.get('webPlayerUrl'),\r\n      captureAnalytics: false\r\n    });\r\n\r\n    this.showChildView('webplayer', this.player);\r\n  }\r\n\r\n  private mapPhysicalChapters(): void {\r\n    this.renderPartialLoading('chapterList');\r\n\r\n    // Where there are no metadata chapters, retrieve any physical chapters.\r\n    this.player.query('getChapters', (chapters: any[]) => {\r\n\r\n      // Map physical chapters to Chapter models to view consistently within the UI.\r\n      this.chapters = new ChapterCollection(ChapterHelpers.mapPhysicalChapters(chapters));\r\n\r\n      this.renderChapterList();\r\n    });\r\n  }\r\n\r\n  private redirectToVideoDetails(): void {\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.LIBRARY_EDITOR,\r\n      action: Actions.LibraryEditor.VIDEO_DETAILS,\r\n      args: [this.model.get('id')]\r\n    }, { replace: true });\r\n  }\r\n\r\n  private fetchData(): void {\r\n    this.model = this.videoDataService.getVideo(this.options.videoId);\r\n\r\n    if (this.model) {\r\n      if (!PermissionsHelper.canEditVideo(this.model)) {\r\n        this.redirectToVideoDetails();\r\n        return;\r\n      }\r\n\r\n      this.chapters = this.model.chapters;\r\n    }\r\n\r\n    this.hasPhysicalChapters = this.videoDataService.hasPhysicalChapters(this.options.videoId);\r\n\r\n    /**\r\n     * If this.hasPhysicalChapters.get('value') is false, we don't need to fetch the concatenate request.\r\n     * Alternatively, if we have already sent a request to fetch the concatenate request, we don't need\r\n     * to fetch it again.\r\n     * A flag, getConcatenateRequestSent, is used as ChapterDataService.getConcatenateRequest() will\r\n     * return null if a concatenate request hasn't been created.\r\n     */\r\n    if (!this.hasPhysicalChapters || !this.hasPhysicalChapters.get('value') || this.getConcatenateRequestSent)\r\n      return;\r\n\r\n    this.chapterDataService.getConcatenateRequest(this.options.videoId, (data: ChapterConcatenateRequest) => {\r\n      this.concatenateRequest = data;\r\n      this.render();\r\n    });\r\n\r\n    this.getConcatenateRequestSent = true;\r\n  }\r\n\r\n  private shouldRender(): boolean {\r\n    if (!this.model || !this.hasPhysicalChapters)\r\n      return false;\r\n\r\n    if (this.hasPhysicalChapters.get('value') && (!this.concatenateRequest && !this.concatenateRequestNotFound))\r\n      return false;\r\n\r\n    return true;\r\n  }\r\n\r\n  public get requiredResources(): Core.RequiredResourceHash {\r\n    return {\r\n      config: ConfigDataServiceHelper.config\r\n    };\r\n  }\r\n\r\n  public onBeforeRender(): boolean {\r\n    this.fetchData();\r\n\r\n    return this.shouldRender();\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.renderTabs();\r\n    this.renderWebPlayer();\r\n    this.renderEditComponents();\r\n\r\n    this.startPollingConcatenation();\r\n  }\r\n}"],"sourceRoot":""}