@clickview/library-editor 1.1.26-dev.0 → 1.1.26

package/dist/scripts/55.chunk.js

@@ -0,0 +1,645 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[55],{
+
+/***/ "./src/apps/content-updates/views/add-to-library/AddToLibrary.hbs":
+/*!************************************************************************!*\
+  !*** ./src/apps/content-updates/views/add-to-library/AddToLibrary.hbs ***!
+  \************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"1":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.foundLibraries : stack1),{"name":"if","hash":{},"fn":container.program(2, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hasAvailableLibraries : stack1),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.showNoFolderText : stack1),{"name":"if","hash":{},"fn":container.program(7, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "");
+},"2":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return "    <div class=\"alert alert-info\" role=\"alert\">\r\n      <p class=\"m-0\">"
+    + ((stack1 = (helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"foundLibraries",{"name":"lang","hash":{"libraries":((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.foundLibraries : stack1)},"data":data})) != null ? stack1 : "")
+    + "</p>\r\n    </div>\r\n";
+},"4":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression, alias5=container.lambda;
+
+  return "    <span class=\"d-block pb-2\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"selectFolder",{"name":"lang","hash":{},"data":data}))
+    + "</span>\r\n"
+    + ((stack1 = helpers["if"].call(alias2,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.hasMultipleLibraries : stack1),{"name":"if","hash":{},"fn":container.program(5, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "    <div class=\"mt-1 mb-2 library-dropdown-region\"></div>\r\n\r\n    <span class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.header : stack1), depth0))
+    + " folder-name\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"folder",{"name":"lang","hash":{},"data":data}))
+    + "</span>\r\n    <div class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.folderSelector : stack1), depth0))
+    + " mt-1 folder-selector-region\"></div>\r\n";
+},"5":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.escapeExpression;
+
+  return "    <span class=\""
+    + alias2(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.header : stack1), depth0))
+    + "\">"
+    + alias2((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"library",{"name":"lang","hash":{},"data":data}))
+    + "</span>\r\n";
+},"7":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing;
+
+  return "    <p>"
+    + container.escapeExpression((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"noFolders1",{"name":"lang","hash":{},"data":data}))
+    + "</p>\r\n    <p>"
+    + ((stack1 = (helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"noFolders2",{"name":"lang","hash":{},"data":data})) != null ? stack1 : "")
+    + "</p>\r\n";
+},"9":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.spinnerEl : stack1), depth0)) != null ? stack1 : "")
+    + "\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dataFetched : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(9, data, 0),"data":data})) != null ? stack1 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/views/add-to-library/AddToLibraryView.ts":
+/*!***************************************************************************!*\
+  !*** ./src/apps/content-updates/views/add-to-library/AddToLibraryView.ts ***!
+  \***************************************************************************/
+/*! exports provided: AddToLibraryView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AddToLibraryView", function() { return AddToLibraryView; });
+/* 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 _shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../shared/components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+/* harmony import */ var _shared_components_tree_dropdown_TreeDropdownComponent__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../shared/components/tree-dropdown/TreeDropdownComponent */ "./src/shared/components/tree-dropdown/TreeDropdownComponent.ts");
+/* harmony import */ var _shared_behaviors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../shared/behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _shared_enums__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../shared/enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _libs_shared_src_enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/MasterObjectTypes */ "../../libs/shared/src/enums/MasterObjectTypes.ts");
+/* harmony import */ var _shared_models_DisabledSpinnerModel__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../shared/models/DisabledSpinnerModel */ "./src/shared/models/DisabledSpinnerModel.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _library_editor_services_LibraryDataService__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../library-editor/services/LibraryDataService */ "./src/apps/library-editor/services/LibraryDataService.ts");
+/* harmony import */ var _library_editor_components_library_select_LibrarySelectComponent__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../library-editor/components/library-select/LibrarySelectComponent */ "./src/apps/library-editor/components/library-select/LibrarySelectComponent.ts");
+/* harmony import */ var _AddToLibrary_hbs__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./AddToLibrary.hbs */ "./src/apps/content-updates/views/add-to-library/AddToLibrary.hbs");
+/* harmony import */ var _AddToLibrary_hbs__WEBPACK_IMPORTED_MODULE_14___default = /*#__PURE__*/__webpack_require__.n(_AddToLibrary_hbs__WEBPACK_IMPORTED_MODULE_14__);
+/* harmony import */ var _add_to_library_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./add-to-library.scss */ "./src/apps/content-updates/views/add-to-library/add-to-library.scss");
+/* harmony import */ var _add_to_library_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_add_to_library_scss__WEBPACK_IMPORTED_MODULE_15__);
+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 AddToLibraryView = /*#__PURE__*/function (_Core$View) {
+  _inherits(AddToLibraryView, _Core$View);
+
+  var _super = _createSuper(AddToLibraryView);
+
+  function AddToLibraryView(options) {
+    _classCallCheck(this, AddToLibraryView);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(AddToLibraryView, [{
+    key: "initialize",
+    value: function initialize() {
+      this.videoDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_2__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_10__["DataServices"].Video, this);
+      this.bindListeners();
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        libraryDropdown: '.library-dropdown-region',
+        folderSelector: '.folder-selector-region'
+      };
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        submit: 'onSubmit'
+      };
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      this.listenTo("".concat(this.channelName, ":library"), 'library:selected', this.onLibrarySelected);
+      this.listenTo("".concat(this.channelName, ":folder"), 'folder:selected', this.onFolderSelected);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_10__["DataChannels"].VIDEO, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_10__["DataPrefixes"].VIDEOS, ":").concat(this.options.videoId, ":sync"), this.render);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_10__["DataChannels"].VIDEO, "get:video:categories:libraries:".concat(this.options.videoId, ":sync"), this.render);
+    }
+  }, {
+    key: "onSubmit",
+    value: function onSubmit(e) {
+      e && e.preventDefault();
+      this.spinnerModel.set(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_3__["SpinnerButtonModelAttributes"].ShowSpinner, true);
+      this.addToLibrary();
+    }
+  }, {
+    key: "onLibrarySelected",
+    value: function onLibrarySelected(library) {
+      this.spinnerModel.set(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_3__["SpinnerButtonModelAttributes"].Disabled, true);
+      _shared_utils__WEBPACK_IMPORTED_MODULE_9__["FolderTreeHelpers"].setSelected(this.libraryTreeKey, library.get('id'), this.customLibraries);
+      this.renderFolderSelector();
+    }
+  }, {
+    key: "onFolderSelected",
+    value: function onFolderSelected(folder) {
+      this.spinnerModel.set(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_3__["SpinnerButtonModelAttributes"].Disabled, false);
+      _shared_utils__WEBPACK_IMPORTED_MODULE_9__["FolderTreeHelpers"].setSelected(this.folderTreeKey, folder, this.customLibraries);
+    }
+  }, {
+    key: "getVideosCustomLibraryNames",
+    value: function getVideosCustomLibraryNames() {
+      if (!this.dataFetched()) return null;
+      var libraryNames = this.getVideoCustomLibraries();
+      if (!libraryNames.length) return null;
+
+      var folders = underscore__WEBPACK_IMPORTED_MODULE_0__["map"](libraryNames, function (lib) {
+        return "<strong>".concat(_shared_utils__WEBPACK_IMPORTED_MODULE_9__["TextHelper"].escapeExpression(lib), "</strong>");
+      });
+
+      if (folders.length === 1) return folders[0];
+      var and = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_11__["LanguageService"].getPhrase(this.lang, 'and');
+      return "".concat(folders.slice(0, -1).join(', '), " ").concat(and, " ").concat(folders.slice(-1));
+    }
+  }, {
+    key: "addToLibrary",
+    value: function addToLibrary() {
+      var _this = this;
+
+      var selectedFolder = _shared_utils__WEBPACK_IMPORTED_MODULE_9__["FolderTreeHelpers"].getSelected(this.folderTreeKey, this.customLibraries);
+      var destinationCategoryId = selectedFolder.get('id');
+      var selectedLibrary = _shared_utils__WEBPACK_IMPORTED_MODULE_9__["FolderTreeHelpers"].getSelected(this.libraryTreeKey, this.customLibraries);
+      var destinationLibraryId = selectedLibrary.get('id');
+      var libraries = this.model.libraries.filter(function (l) {
+        return l.get('type') === _libs_shared_src_enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_7__["MasterObjectTypes"].HostedLibrary;
+      });
+      var categories = this.model.categories;
+      var sourceCategoryId, sourceLibraryId;
+      if (categories && categories.last()) sourceCategoryId = categories.last().get('id');
+      if (libraries && libraries.length) sourceLibraryId = underscore__WEBPACK_IMPORTED_MODULE_0__["last"](libraries).get('id');
+      var data = {
+        masterObjectId: this.options.videoId,
+        masterObjectType: _shared_enums__WEBPACK_IMPORTED_MODULE_6__["MasterType"].Video,
+        metadata: {
+          sourceLibraryId: sourceLibraryId,
+          sourceCategoryId: sourceCategoryId,
+          destinationLibraryId: destinationLibraryId,
+          destinationCategoryId: destinationCategoryId
+        }
+      };
+      this.videoDataService.addVideoToCustomLibrary(data, this.model, selectedFolder, function () {
+        _this.triggerMethod('hide');
+      });
+    }
+  }, {
+    key: "getSubmitBtnTooltipOptions",
+    value: function getSubmitBtnTooltipOptions() {
+      if (!this.spinnerModel.get(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_3__["SpinnerButtonModelAttributes"].Disabled)) return;
+      if (!this.hasAvailableLibraries()) return;
+      return {
+        title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_11__["LanguageService"].getPhrase(this.lang, 'heading')
+      };
+    } // Get all custom libraries that the video has not been added to yet
+
+  }, {
+    key: "getAvailableCustomLibraries",
+    value: function getAvailableCustomLibraries() {
+      if (!this.dataFetched()) return null;
+      var availableLibraries = this.customLibraries.clone(); // Remove libraries that the videos is already in
+
+      availableLibraries.remove(this.model.libraries.filter(function (l) {
+        return l.get('type') === _libs_shared_src_enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_7__["MasterObjectTypes"].CustomLibrary;
+      })); // Remove libraries that don't have children folders
+
+      var withoutFolders = availableLibraries.filter(function (lib) {
+        return lib.children.length === 0;
+      });
+      availableLibraries.remove(withoutFolders);
+      return availableLibraries;
+    }
+  }, {
+    key: "hasAvailableLibraries",
+    value: function hasAvailableLibraries() {
+      if (!this.customLibraries) return false;
+      var availableLibraries = this.getAvailableCustomLibraries();
+      return availableLibraries && availableLibraries.length > 0;
+    }
+  }, {
+    key: "hasFolders",
+    value: function hasFolders() {
+      if (!this.customLibraries) return false;
+      var libraryWithFolder = this.customLibraries.find(function (lib) {
+        return !!lib.get('children').length;
+      });
+      return !!libraryWithFolder;
+    }
+  }, {
+    key: "getVideoCustomLibraries",
+    value: function getVideoCustomLibraries() {
+      if (!this.model || !this.model.libraries || !this.model.libraries.length) return null;
+      var libraries = this.model.libraries.filter(function (l) {
+        return l.get('type') === _libs_shared_src_enums_MasterObjectTypes__WEBPACK_IMPORTED_MODULE_7__["MasterObjectTypes"].CustomLibrary;
+      });
+      return underscore__WEBPACK_IMPORTED_MODULE_0__["map"](libraries, function (l) {
+        return l.get('name');
+      });
+    }
+  }, {
+    key: "dataFetched",
+    value: function dataFetched() {
+      return !!this.model;
+    }
+  }, {
+    key: "renderLibraryDropdown",
+    value: function renderLibraryDropdown() {
+      if (this.customLibraries.length <= 1) {
+        this.renderFolderSelector();
+        return;
+      }
+
+      var selected = _shared_utils__WEBPACK_IMPORTED_MODULE_9__["FolderTreeHelpers"].getSelected(this.libraryTreeKey, this.customLibraries);
+      var folderName = this.getUI('folderName');
+      this.$(folderName).hide();
+      this.showChildView('libraryDropdown', new _library_editor_components_library_select_LibrarySelectComponent__WEBPACK_IMPORTED_MODULE_13__["LibrarySelectComponent"]({
+        currentLibraryId: selected ? selected.get('id') : null,
+        collection: this.getAvailableCustomLibraries(),
+        channelName: "".concat(this.channelName, ":library")
+      }));
+    }
+  }, {
+    key: "renderFolderSelector",
+    value: function renderFolderSelector() {
+      var availableLibraries = this.getAvailableCustomLibraries();
+      if (availableLibraries.length === 1) _shared_utils__WEBPACK_IMPORTED_MODULE_9__["FolderTreeHelpers"].setSelected(this.libraryTreeKey, availableLibraries.first().get('id'), availableLibraries);
+      var selectedLibrary = _shared_utils__WEBPACK_IMPORTED_MODULE_9__["FolderTreeHelpers"].getSelected(this.libraryTreeKey, availableLibraries);
+      var selectedLibraryHasFolders = selectedLibrary.get('children') && !!selectedLibrary.get('children').length;
+      var folderName = this.getUI('folderName');
+      if (selectedLibrary && selectedLibraryHasFolders) this.$(folderName).show();
+      this.showChildView('folderSelector', new _shared_components_tree_dropdown_TreeDropdownComponent__WEBPACK_IMPORTED_MODULE_4__["TreeDropdownComponent"]({
+        collection: selectedLibrary.children,
+        channelName: "".concat(this.channelName, ":folder"),
+        folderTreeKey: this.folderTreeKey
+      }));
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      this.model = this.videoDataService.getVideo(this.options.videoId);
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      var _a;
+
+      return {
+        styles: _add_to_library_scss__WEBPACK_IMPORTED_MODULE_15___default.a,
+        foundLibraries: this.getVideosCustomLibraryNames(),
+        hasAvailableLibraries: this.hasAvailableLibraries(),
+        hasMultipleLibraries: ((_a = this.customLibraries) === null || _a === void 0 ? void 0 : _a.length) > 1,
+        dataFetched: this.dataFetched(),
+        spinnerEl: _shared_utils__WEBPACK_IMPORTED_MODULE_9__["SpinnerHelper"].getSpinner({
+          size: _shared_utils__WEBPACK_IMPORTED_MODULE_9__["SpinnerSize"].Large,
+          extraClasses: 'mx-auto'
+        }),
+        showNoFolderText: !this.hasFolders()
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      if (!this.dataFetched() || !this.hasAvailableLibraries()) return;
+      this.renderLibraryDropdown();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'AddToLibraryView';
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_11__["LanguageService"].getPhrase(this.lang, 'title');
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'contentUpdates.addToLibrary';
+    }
+  }, {
+    key: "tagName",
+    get: function get() {
+      return 'form';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'form-group';
+    }
+  }, {
+    key: "appLinks",
+    get: function get() {
+      return {
+        '.library-editor-applink': {
+          application: _shared_constants__WEBPACK_IMPORTED_MODULE_10__["AppChannels"].LIBRARY_EDITOR,
+          action: _shared_constants__WEBPACK_IMPORTED_MODULE_10__["Actions"].LibraryEditor.HOME
+        }
+      };
+    }
+  }, {
+    key: "folderTreeKey",
+    get: function get() {
+      return "folderselect:".concat(this.cid);
+    }
+  }, {
+    key: "libraryTreeKey",
+    get: function get() {
+      return "libraryselect:".concat(this.cid);
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return _shared_utils__WEBPACK_IMPORTED_MODULE_9__["RadioChannelHelper"].generateUniqueChannelName(this);
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _AddToLibrary_hbs__WEBPACK_IMPORTED_MODULE_14___default.a;
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      var _this2 = this;
+
+      return [{
+        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_5__["PopupBehavior"],
+        title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_11__["LanguageService"].getPhrase(this.lang, 'submitTooltip'),
+        size: 'modal-md',
+        spinnerButtonOptions: {
+          channelName: this.channelName,
+          model: this.spinnerModel = new _shared_models_DisabledSpinnerModel__WEBPACK_IMPORTED_MODULE_8__["DisabledSpinnerModel"](),
+          buttonText: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_11__["LanguageService"].getPhrase(this.lang, 'addBtn'),
+          tooltip: function tooltip() {
+            return _this2.getSubmitBtnTooltipOptions();
+          },
+          onClick: function onClick(e) {
+            return _this2.onSubmit(e);
+          }
+        }
+      }];
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        folderName: '.folder-name'
+      };
+    }
+  }, {
+    key: "requiredResources",
+    get: function get() {
+      return {
+        customLibraries: _library_editor_services_LibraryDataService__WEBPACK_IMPORTED_MODULE_12__["LibraryDataServiceHelper"].libraries
+      };
+    }
+  }]);
+
+  return AddToLibraryView;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].View);
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/views/add-to-library/add-to-library.scss":
+/*!***************************************************************************!*\
+  !*** ./src/apps/content-updates/views/add-to-library/add-to-library.scss ***!
+  \***************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"header":"cv--header--1tdTv"};
+
+/***/ }),
+
+/***/ "./src/shared/components/dropdown/DropdownComponentCollection.ts":
+/*!***********************************************************************!*\
+  !*** ./src/shared/components/dropdown/DropdownComponentCollection.ts ***!
+  \***********************************************************************/
+/*! exports provided: DropdownComponentCollection */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DropdownComponentCollection", function() { return DropdownComponentCollection; });
+/* 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 _DropdownItemComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DropdownItemComponent */ "./src/shared/components/dropdown/DropdownItemComponent.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 DropdownComponentCollection = /*#__PURE__*/function (_Core$ComponentCollec) {
+  _inherits(DropdownComponentCollection, _Core$ComponentCollec);
+
+  var _super = _createSuper(DropdownComponentCollection);
+
+  function DropdownComponentCollection(options) {
+    _classCallCheck(this, DropdownComponentCollection);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(DropdownComponentCollection, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.options.channelName, 'center:dropdown', this.centerSelectedItem);
+    }
+  }, {
+    key: "getExtraClasses",
+    value: function getExtraClasses() {
+      var displayOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var _displayOptions$align = displayOptions.alignment,
+          alignment = _displayOptions$align === void 0 ? 'left' : _displayOptions$align,
+          extraClasses = displayOptions.extraClasses;
+      var className = "dropdown-menu-".concat(alignment);
+      if (extraClasses) className = "".concat(className, " ").concat(extraClasses);
+      return className;
+    }
+  }, {
+    key: "centerSelectedItem",
+    value: function centerSelectedItem() {
+      var active = this.$el.find('.active');
+      if (!active.length) return;
+      var halfRatio = 0.5;
+      var top = this.$el.scrollTop() + active.position().top;
+      var distance = this.$el.height() * halfRatio + active.height() * halfRatio;
+      this.$el.scrollTop(top - distance);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'DropdownCollectionComponent';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "dropdown-menu items-viewpart ".concat(this.getExtraClasses(this.options.displayOptions));
+    }
+  }, {
+    key: "attributes",
+    get: function get() {
+      return {
+        'aria-labelledby': 'dropdownSelector'
+      };
+    }
+  }, {
+    key: "childView",
+    get: function get() {
+      return _DropdownItemComponent__WEBPACK_IMPORTED_MODULE_2__["DropdownItemComponent"];
+    }
+  }, {
+    key: "childViewOptions",
+    get: function get() {
+      var baseChildOptions = {
+        channelName: this.options.channelName,
+        analyticsHelper: this.options.analyticsHelper
+      };
+      return underscore__WEBPACK_IMPORTED_MODULE_0__["extend"](baseChildOptions, this.options.childOptions);
+    }
+  }]);
+
+  return DropdownComponentCollection;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ComponentCollection);
+
+/***/ }),
+
+/***/ "./src/shared/models/DisabledSpinnerModel.ts":
+/*!***************************************************!*\
+  !*** ./src/shared/models/DisabledSpinnerModel.ts ***!
+  \***************************************************/
+/*! exports provided: DisabledSpinnerModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DisabledSpinnerModel", function() { return DisabledSpinnerModel; });
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.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 _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return 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 DisabledSpinnerModel = /*#__PURE__*/function (_Core$Model) {
+  _inherits(DisabledSpinnerModel, _Core$Model);
+
+  var _super = _createSuper(DisabledSpinnerModel);
+
+  function DisabledSpinnerModel() {
+    _classCallCheck(this, DisabledSpinnerModel);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DisabledSpinnerModel, [{
+    key: "defaults",
+    value: function defaults() {
+      return _defineProperty({}, _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__["SpinnerButtonModelAttributes"].Disabled, true);
+    }
+  }]);
+
+  return DisabledSpinnerModel;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Model);
+
+/***/ })
+
+}]);
+//# sourceMappingURL=55.chunk.js.map