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

package/dist/scripts/52.chunk.js

@@ -0,0 +1,408 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[52],{
+
+/***/ "./src/apps/migration-wizard/components/progress-circle/ProgressCircle.hbs":
+/*!*********************************************************************************!*\
+  !*** ./src/apps/migration-wizard/components/progress-circle/ProgressCircle.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=container.lambda, alias3=container.escapeExpression;
+
+  return "      <span class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.extraText : stack1), depth0))
+    + "\">"
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1), depth0))
+    + "</span>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {});
+
+  return "<div class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.circle : stack1), depth0))
+    + " "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1["class"] : stack1), depth0))
+    + "\">\r\n  <span>\r\n    <span class=\"progress-circle-text\">"
+    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias4,"progress",{"name":"lang","hash":{"percentage":((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.percentage : stack1)},"data":data}))
+    + "</span>\r\n"
+    + ((stack1 = helpers["if"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "  </span>\r\n\r\n  <svg class=\""
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.progressCircleContainer : stack1), depth0))
+    + "\">\r\n    <circle class=\"progress-circle "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.progressCircle : stack1), depth0))
+    + "\" transform='rotate(270 160 0)' stroke-width=\"28\" fill=\"transparent\" r=\"150\">\r\n  </svg>\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/migration-wizard/components/progress-circle/ProgressCircleComponent.ts":
+/*!*****************************************************************************************!*\
+  !*** ./src/apps/migration-wizard/components/progress-circle/ProgressCircleComponent.ts ***!
+  \*****************************************************************************************/
+/*! exports provided: ProgressCircleComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ProgressCircleComponent", function() { return ProgressCircleComponent; });
+/* 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 _progress_circle_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./progress-circle.scss */ "./src/apps/migration-wizard/components/progress-circle/progress-circle.scss");
+/* harmony import */ var _progress_circle_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_progress_circle_scss__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _ProgressCircle_hbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ProgressCircle.hbs */ "./src/apps/migration-wizard/components/progress-circle/ProgressCircle.hbs");
+/* harmony import */ var _ProgressCircle_hbs__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_ProgressCircle_hbs__WEBPACK_IMPORTED_MODULE_2__);
+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 ProgressCircleComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(ProgressCircleComponent, _Core$Component);
+
+  var _super = _createSuper(ProgressCircleComponent);
+
+  function ProgressCircleComponent(options) {
+    _classCallCheck(this, ProgressCircleComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(ProgressCircleComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.model, 'change:percentage', this.update);
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _progress_circle_scss__WEBPACK_IMPORTED_MODULE_1___default.a,
+        text: this.options.text,
+        class: this.options.class,
+        percentage: this.options.percentage
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.update();
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      var percentage = this.model.get('percentage') || 0;
+      var circle = this.getUI('circle').get(0);
+      var radius = circle.r.baseVal.value;
+      var circumference = radius * 2 * Math.PI;
+      circle.style.strokeDasharray = "".concat(circumference, " ").concat(circumference);
+      circle.style.strokeDashoffset = circumference;
+      var offset = circumference - percentage / 100 * circumference;
+      circle.style.strokeDashoffset = offset;
+      var text = this.getUI('text');
+      if (text) text.text("".concat(percentage, "%"));
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'ProgressCircleComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _ProgressCircle_hbs__WEBPACK_IMPORTED_MODULE_2___default.a;
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'migrationWizard.progressCircle';
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        circle: '.progress-circle',
+        text: '.progress-circle-text'
+      };
+    }
+  }]);
+
+  return ProgressCircleComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/apps/migration-wizard/components/progress-circle/progress-circle.scss":
+/*!***********************************************************************************!*\
+  !*** ./src/apps/migration-wizard/components/progress-circle/progress-circle.scss ***!
+  \***********************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"circle":"cv--circle--3iX0l","extraText":"cv--extraText--1nYnx","progressCircleContainer":"cv--progressCircleContainer--2l1Al","progressCircle":"cv--progressCircle--1RbA5"};
+
+/***/ }),
+
+/***/ "./src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgress.hbs":
+/*!***********************************************************************************************!*\
+  !*** ./src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgress.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) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;
+
+  return "<h4 class=\"pb-4\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"heading",{"name":"lang","hash":{},"data":data}))
+    + "</h4>\r\n<div class=\"progress-circle-region\"></div>\r\n<p class=\""
+    + alias4(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.info : stack1), depth0))
+    + " pt-4\">\r\n  "
+    + ((stack1 = (helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"info",{"name":"lang","hash":{},"data":data})) != null ? stack1 : "")
+    + "\r\n</p>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgressView.ts":
+/*!**************************************************************************************************!*\
+  !*** ./src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgressView.ts ***!
+  \**************************************************************************************************/
+/*! exports provided: PublisherBackupProgressView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PublisherBackupProgressView", function() { return PublisherBackupProgressView; });
+/* 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 _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/InstanceManager */ "../../libs/common/src/backbone/services/InstanceManager.ts");
+/* harmony import */ var _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/ViewModelService */ "../../libs/common/src/backbone/services/ViewModelService.ts");
+/* harmony import */ var _publisher_backup_progress_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./publisher-backup-progress.scss */ "./src/apps/migration-wizard/views/publisher-backup-progress/publisher-backup-progress.scss");
+/* harmony import */ var _publisher_backup_progress_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_publisher_backup_progress_scss__WEBPACK_IMPORTED_MODULE_3__);
+/* harmony import */ var _PublisherBackupProgress_hbs__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./PublisherBackupProgress.hbs */ "./src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgress.hbs");
+/* harmony import */ var _PublisherBackupProgress_hbs__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_PublisherBackupProgress_hbs__WEBPACK_IMPORTED_MODULE_4__);
+/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../errors */ "./src/apps/migration-wizard/errors/index.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _components_progress_circle_ProgressCircleComponent__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../components/progress-circle/ProgressCircleComponent */ "./src/apps/migration-wizard/components/progress-circle/ProgressCircleComponent.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); }
+
+
+
+
+
+
+
+
+
+
+/**
+ * Interval in ms to poll
+ */
+
+var pollingInterval = 5000;
+var PublisherBackupProgressView = /*#__PURE__*/function (_Core$View) {
+  _inherits(PublisherBackupProgressView, _Core$View);
+
+  var _super = _createSuper(PublisherBackupProgressView);
+
+  function PublisherBackupProgressView() {
+    _classCallCheck(this, PublisherBackupProgressView);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(PublisherBackupProgressView, [{
+    key: "initialize",
+    value: function initialize() {
+      this.viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_2__["ViewModelService"].get('backup:progress', {
+        percentage: 0
+      });
+      this.migrationVideoDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_1__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_6__["DataServices"].MigrationVideo, this);
+      this.bindMigrationDataListeners();
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        progressCircle: {
+          replaceElement: true,
+          el: '.progress-circle-region'
+        }
+      };
+    }
+  }, {
+    key: "bindMigrationDataListeners",
+    value: function bindMigrationDataListeners() {
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_6__["DataChannels"].MIGRATION, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_6__["DataPrefixes"].CUSTOMER_METADATA, ":sync"), this.render);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_6__["DataChannels"].MIGRATION, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_6__["DataPrefixes"].CUSTOMER_VIDEO, ":count:error"), this.onError);
+    }
+  }, {
+    key: "onError",
+    value: function onError() {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper.throw(new _errors__WEBPACK_IMPORTED_MODULE_5__["BackupProgressError"]());
+    }
+  }, {
+    key: "poll",
+    value: function poll() {
+      var _this = this;
+
+      this.migrationVideoDataService.getCustomerVideoCount(function (videoCount) {
+        /**
+         * This prevents the polling from returning and redirecting back to this view
+         * if the user has already been directed to backup_complete and is trying
+         * to progress onto the start view
+         */
+        if (_this.isDestroyed()) return;
+        _this.videoCount = videoCount;
+
+        _this.setPercentage();
+
+        if (_this.viewModel.get('percentage') >= 100) {
+          _this.migrationVideoDataService.clearCacheAndGetCustomerMetadata(function () {
+            _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].AppLinkHelper.trigger({
+              application: _shared_constants__WEBPACK_IMPORTED_MODULE_6__["AppChannels"].MIGRATION_WIZARD,
+              action: _shared_constants__WEBPACK_IMPORTED_MODULE_6__["Actions"].MigrationWizard.BACKUP_COMPLETE
+            });
+          });
+
+          return;
+        }
+
+        setTimeout(function () {
+          return _this.poll();
+        }, pollingInterval);
+
+        _this.render();
+      });
+    }
+  }, {
+    key: "setPercentage",
+    value: function setPercentage() {
+      if (!this.videoCount) return;
+      var percentage = this.videoCount.get('progressPercentage') * 100;
+      if (percentage > 100) percentage = 100;
+      this.viewModel.set({
+        percentage: Math.round(percentage)
+      });
+    }
+  }, {
+    key: "renderProgressCircle",
+    value: function renderProgressCircle() {
+      this.showChildView('progressCircle', new _components_progress_circle_ProgressCircleComponent__WEBPACK_IMPORTED_MODULE_8__["ProgressCircleComponent"]({
+        model: this.viewModel,
+        text: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'hasBeenBackedUp'),
+        class: _publisher_backup_progress_scss__WEBPACK_IMPORTED_MODULE_3___default.a.progress
+      }));
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      this.customerMetadata = this.migrationVideoDataService.getCustomerMetadata();
+      return !!this.customerMetadata;
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _publisher_backup_progress_scss__WEBPACK_IMPORTED_MODULE_3___default.a,
+        timeRemaining: '30 minutes'
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      if (!this.pollingStarted) {
+        this.poll();
+        this.pollingStarted = true;
+      }
+
+      this.renderProgressCircle();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'PublisherBackupProgressView';
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_7__["LanguageService"].getPhrase(this.lang, 'title');
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'migrationWizard.publisherBackupProgress';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "container text-center p-5 bg-white ".concat(_publisher_backup_progress_scss__WEBPACK_IMPORTED_MODULE_3___default.a.migrationBackupContainer, " ").concat(_publisher_backup_progress_scss__WEBPACK_IMPORTED_MODULE_3___default.a.backupProgress);
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _PublisherBackupProgress_hbs__WEBPACK_IMPORTED_MODULE_4___default.a;
+    }
+  }]);
+
+  return PublisherBackupProgressView;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].View);
+
+/***/ }),
+
+/***/ "./src/apps/migration-wizard/views/publisher-backup-progress/publisher-backup-progress.scss":
+/*!**************************************************************************************************!*\
+  !*** ./src/apps/migration-wizard/views/publisher-backup-progress/publisher-backup-progress.scss ***!
+  \**************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"backupProgress":"cv--backupProgress--15jUh","info":"cv--info--1NjZL","progress":"cv--progress--fp9FZ","migrationBackupContainer":"cv--migrationBackupContainer--28z_5"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=52.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/components/progress-circle/ProgressCircle.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/components/progress-circle/ProgressCircleComponent.ts","webpack://@clickview/library-editor/./src/apps/migration-wizard/components/progress-circle/progress-circle.scss?a04f","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgress.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/views/publisher-backup-progress/PublisherBackupProgressView.ts","webpack://@clickview/library-editor/./src/apps/migration-wizard/views/publisher-backup-progress/publisher-backup-progress.scss?7931"],"names":[],"mappings":"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","file":"scripts/52.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"1\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;\n\n  return \"      <span class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.extraText : stack1), depth0))\n    + \"\\\">\"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1), depth0))\n    + \"</span>\\r\\n\";\n},\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression, alias4=depth0 != null ? depth0 : (container.nullContext || {});\n\n  return \"<div class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.circle : stack1), depth0))\n    + \" \"\n    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1[\"class\"] : stack1), depth0))\n    + \"\\\">\\r\\n  <span>\\r\\n    <span class=\\\"progress-circle-text\\\">\"\n    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(alias4,\"progress\",{\"name\":\"lang\",\"hash\":{\"percentage\":((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.percentage : stack1)},\"data\":data}))\n    + \"</span>\\r\\n\"\n    + ((stack1 = helpers[\"if\"].call(alias4,((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.text : stack1),{\"name\":\"if\",\"hash\":{},\"fn\":container.program(1, data, 0),\"inverse\":container.noop,\"data\":data})) != null ? stack1 : \"\")\n    + \"  </span>\\r\\n\\r\\n  <svg class=\\\"\"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.progressCircleContainer : stack1), depth0))\n    + \"\\\">\\r\\n    <circle class=\\\"progress-circle \"\n    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.progressCircle : stack1), depth0))\n    + \"\\\" transform='rotate(270 160 0)' stroke-width=\\\"28\\\" fill=\\\"transparent\\\" r=\\\"150\\\">\\r\\n  </svg>\\r\\n</div>\";\n},\"useData\":true});","import { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport styles from './progress-circle.scss';\r\nimport ProgressCircleTemplate from './ProgressCircle.hbs';\r\n\r\ninterface ProgressCircleComponentOption extends Core.ComponentOptions {\r\n  text?: string;\r\n  class?: string;\r\n  percentage?: number;\r\n}\r\n\r\nexport class ProgressCircleComponent extends Core.Component {\r\n  protected options: ProgressCircleComponentOption;\r\n\r\n  constructor(options: ProgressCircleComponentOption) {\r\n    super(options);\r\n  }\r\n\r\n  public initialize(): void {\r\n    this.listenTo(this.model, 'change:percentage', this.update);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'ProgressCircleComponent';\r\n  }\r\n\r\n  public get template(): any {\r\n    return ProgressCircleTemplate;\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'migrationWizard.progressCircle';\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      circle: '.progress-circle',\r\n      text: '.progress-circle-text',\r\n    };\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      text: this.options.text,\r\n      class: this.options.class,\r\n      percentage: this.options.percentage\r\n    };\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.update();\r\n  }\r\n\r\n  public update(): void {\r\n    const percentage = this.model.get('percentage') || 0;\r\n    const circle = this.getUI('circle').get(0) as any;\r\n    const radius = circle.r.baseVal.value;\r\n    const circumference = radius * 2 * Math.PI;\r\n\r\n    circle.style.strokeDasharray = `${circumference} ${circumference}`;\r\n    circle.style.strokeDashoffset = circumference;\r\n\r\n    const offset = circumference - percentage / 100 * circumference;\r\n    circle.style.strokeDashoffset = offset;\r\n\r\n    const text = this.getUI('text');\r\n\r\n    if (text)\r\n      text.text(`${percentage}%`);\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"circle\":\"cv--circle--3iX0l\",\"extraText\":\"cv--extraText--1nYnx\",\"progressCircleContainer\":\"cv--progressCircleContainer--2l1Al\",\"progressCircle\":\"cv--progressCircle--1RbA5\"};","var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression;\n\n  return \"<h4 class=\\\"pb-4\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"heading\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</h4>\\r\\n<div class=\\\"progress-circle-region\\\"></div>\\r\\n<p class=\\\"\"\n    + alias4(container.lambda(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.info : stack1), depth0))\n    + \" pt-4\\\">\\r\\n  \"\n    + ((stack1 = (helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"info\",{\"name\":\"lang\",\"hash\":{},\"data\":data})) != null ? stack1 : \"\")\n    + \"\\r\\n</p>\";\n},\"useData\":true});","import { ObjectHash } from 'backbone';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { InstanceManager } from 'libs/common/backbone/services/InstanceManager';\r\nimport { ViewModelService } from 'libs/common/backbone/services/ViewModelService';\r\n\r\nimport styles from './publisher-backup-progress.scss';\r\nimport PublisherBackupProgressTemplate from './PublisherBackupProgress.hbs';\r\nimport { BackupProgressError } from 'apps/migration-wizard/errors';\r\nimport { VideoCount, CustomerMetadata } from 'apps/migration-wizard/models';\r\nimport { DataServices, DataPrefixes, Actions, DataChannels, AppChannels } from 'shared/constants';\r\nimport { MigrationVideoDataService } from 'apps/migration-wizard/services/MigrationVideoDataService';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { ProgressCircleComponent } from 'apps/migration-wizard/components/progress-circle/ProgressCircleComponent';\r\n\r\n/**\r\n * Interval in ms to poll\r\n */\r\nconst pollingInterval = 5000;\r\n\r\nexport class PublisherBackupProgressView extends Core.View {\r\n  private videoCount: VideoCount;\r\n  private customerMetadata: CustomerMetadata;\r\n  private migrationVideoDataService: MigrationVideoDataService;\r\n  private pollingStarted: boolean;\r\n\r\n  public initialize(): void {\r\n    this.viewModel = ViewModelService.get('backup:progress', { percentage: 0 });\r\n\r\n    this.migrationVideoDataService = InstanceManager.getInstance(DataServices.MigrationVideo, this);\r\n\r\n    this.bindMigrationDataListeners();\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'PublisherBackupProgressView';\r\n  }\r\n\r\n  public get title(): string {\r\n    return LanguageService.getPhrase(this.lang, 'title');\r\n  }\r\n\r\n  public get lang(): string {\r\n    return 'migrationWizard.publisherBackupProgress';\r\n  }\r\n\r\n  public get className(): string {\r\n    return `container text-center p-5 bg-white ${styles.migrationBackupContainer} ${styles.backupProgress}`;\r\n  }\r\n\r\n  public get template(): any {\r\n    return PublisherBackupProgressTemplate;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      progressCircle: {\r\n        replaceElement: true,\r\n        el: '.progress-circle-region',\r\n      },\r\n    };\r\n  }\r\n\r\n  private bindMigrationDataListeners(): void {\r\n    this.listenTo(DataChannels.MIGRATION, `${DataPrefixes.CUSTOMER_METADATA}:sync`, this.render);\r\n    this.listenTo(DataChannels.MIGRATION, `${DataPrefixes.CUSTOMER_VIDEO}:count:error`, this.onError);\r\n  }\r\n\r\n  private onError(): void {\r\n    Core.ErrorHelper.throw(new BackupProgressError());\r\n  }\r\n\r\n  private poll(): void {\r\n    this.migrationVideoDataService.getCustomerVideoCount((videoCount: VideoCount) => {\r\n      /**\r\n       * This prevents the polling from returning and redirecting back to this view\r\n       * if the user has already been directed to backup_complete and is trying\r\n       * to progress onto the start view\r\n       */\r\n      if (this.isDestroyed())\r\n        return;\r\n\r\n      this.videoCount = videoCount;\r\n\r\n      this.setPercentage();\r\n\r\n      if (this.viewModel.get('percentage') >= 100) {\r\n        this.migrationVideoDataService.clearCacheAndGetCustomerMetadata(() => {\r\n          Core.AppLinkHelper.trigger({\r\n            application: AppChannels.MIGRATION_WIZARD,\r\n            action: Actions.MigrationWizard.BACKUP_COMPLETE,\r\n          });\r\n        });\r\n        return;\r\n      }\r\n\r\n      setTimeout(() => this.poll(), pollingInterval);\r\n\r\n      this.render();\r\n    });\r\n  }\r\n\r\n  private setPercentage(): void {\r\n    if (!this.videoCount) return;\r\n\r\n    let percentage = this.videoCount.get('progressPercentage') * 100;\r\n\r\n    if (percentage > 100)\r\n      percentage = 100;\r\n\r\n    this.viewModel.set({ percentage: Math.round(percentage) });\r\n  }\r\n\r\n  private renderProgressCircle(): void {\r\n    this.showChildView('progressCircle', new ProgressCircleComponent({\r\n      model: this.viewModel,\r\n      text: LanguageService.getPhrase(this.lang, 'hasBeenBackedUp'),\r\n      class: styles.progress,\r\n    }));\r\n  }\r\n\r\n  public onBeforeRender(): boolean {\r\n    this.customerMetadata = this.migrationVideoDataService.getCustomerMetadata();\r\n\r\n    return !!this.customerMetadata;\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      timeRemaining: '30 minutes', // TODO: replace\r\n    };\r\n  }\r\n\r\n\r\n  public onRender(): void {\r\n    if (!this.pollingStarted) {\r\n      this.poll();\r\n      this.pollingStarted = true;\r\n    }\r\n\r\n    this.renderProgressCircle();\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"backupProgress\":\"cv--backupProgress--15jUh\",\"info\":\"cv--info--1NjZL\",\"progress\":\"cv--progress--fp9FZ\",\"migrationBackupContainer\":\"cv--migrationBackupContainer--28z_5\"};"],"sourceRoot":""}

package/dist/scripts/53-0e253f9f3e.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[53],{1109:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return m}));var o,i=n(6),r=n(2),a=n(1149),u=n.n(a),c=n(1110),l=n.n(c);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return g(this,n)}}function g(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(o||(o={}));var m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(c,e);var t,n,r,a=f(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),a.call(this,e)}return t=c,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,o.CropImage,this.crop)}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());i.Radio.channel(this.options.channelName).trigger(o.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new u.a(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return l.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&p(t.prototype,n),r&&p(t,r),c}(r.a.Component)},1110:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(r=null!=(r=n.dataUrl||(null!=t?t.dataUrl:t))?r:e.hooks.helperMissing)?r.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:i}):r)+'" class="img img-fluid" />'},useData:!0})},1290:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.spinnerEl:r,t))?r:"")+"\r\n"},3:function(e,t,n,o,i){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return null!=(r=n.unless.call(null!=t?t:e.nullContext||{},null!=(r=null!=t?t.options:t)?r.dataFetched:r,{name:"unless",hash:{},fn:e.program(1,i,0),inverse:e.program(3,i,0),data:i}))?r:""},useData:!0})},1423:function(e,t,n){"use strict";n.r(t),n.d(t,"ThumbnailUploadView",(function(){return O}));var o=n(1),i=n(6),r=n(2),a=n(30),u=n(19),c=n(5),l=n(3),s=n(283),p=n(0),h=n(246),f=n(293),g=n(8),d=n(13),m=n(1109),y=n(1290),v=n.n(y);function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=E(e);if(t){var i=E(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return I(this,n)}}function I(e,t){return!t||"object"!==b(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&w(e,t)}(I,e);var t,n,y,b=C(I);function I(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,I),b.call(this,e)}return t=I,(n=[{key:"initialize",value:function(){this.videoDataService=c.a.getInstance(p.g.Video,this),this.imageUploadDataService=c.a.getInstance(p.g.ImageUpload,this),this.navLockService=c.a.getInstance(p.x.NavLock,this),this.viewModel=a.a.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,m.a.ImageCropped,this.onImageCropped),this.listenTo(p.e.VIDEO,"".concat(p.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render),this.listenTo(p.e.VIDEO,"".concat(p.f.UPDATE_VIDEO_THUMBNAIL,":").concat(this.options.videoId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||r.a.ErrorHelper.throw(new u.a("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){i.Radio.channel(this.channelName).trigger(m.a.CropImage),i.Radio.channel(this.channelName).trigger(h.b.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,g.f.Thumbnails,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n=this.model.thumbnail&&this.model.thumbnail.id;this.videoDataService.addOrUpdateThumbnail(this.options.videoId,e,n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new f.a({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new m.b({model:e,channelName:this.channelName,imageType:g.f.Thumbnails,minWidth:p.k[g.f.Thumbnails].width,minHeight:p.k[g.f.Thumbnails].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.videoDataService.getVideo(this.options.videoId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:d.q.getSpinner({size:d.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeDestroy",value:function(){a.a.get("upload:thumbnail:options").get("lockNav")&&this.navLockService.lock()}},{key:"name",get:function(){return"ThumbnailUploadView"}},{key:"title",get:function(){return l.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.thumbnailUpload"}},{key:"template",get:function(){return v.a}},{key:"channelName",get:function(){return d.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.f,title:l.a.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:l.a.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}}])&&k(t.prototype,n),y&&k(t,y),I}(r.a.View)}}]);

package/dist/scripts/53-36007500cf.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[53],{1113:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return m}));var o,i=n(6),r=n(2),a=n(1153),u=n.n(a),c=n(1114),l=n.n(c);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return g(this,n)}}function g(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(o||(o={}));var m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(c,e);var t,n,r,a=f(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),a.call(this,e)}return t=c,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,o.CropImage,this.crop)}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());i.Radio.channel(this.options.channelName).trigger(o.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new u.a(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return l.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&p(t.prototype,n),r&&p(t,r),c}(r.a.Component)},1114:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(r=null!=(r=n.dataUrl||(null!=t?t.dataUrl:t))?r:e.hooks.helperMissing)?r.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:i}):r)+'" class="img img-fluid" />'},useData:!0})},1296:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.spinnerEl:r,t))?r:"")+"\r\n"},3:function(e,t,n,o,i){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return null!=(r=n.unless.call(null!=t?t:e.nullContext||{},null!=(r=null!=t?t.options:t)?r.dataFetched:r,{name:"unless",hash:{},fn:e.program(1,i,0),inverse:e.program(3,i,0),data:i}))?r:""},useData:!0})},1429:function(e,t,n){"use strict";n.r(t),n.d(t,"ThumbnailUploadView",(function(){return O}));var o=n(1),i=n(6),r=n(2),a=n(30),u=n(19),c=n(5),l=n(3),s=n(283),p=n(0),h=n(246),f=n(293),g=n(8),d=n(13),m=n(1113),y=n(1296),v=n.n(y);function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=E(e);if(t){var i=E(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return I(this,n)}}function I(e,t){return!t||"object"!==b(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&w(e,t)}(I,e);var t,n,y,b=C(I);function I(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,I),b.call(this,e)}return t=I,(n=[{key:"initialize",value:function(){this.videoDataService=c.a.getInstance(p.g.Video,this),this.imageUploadDataService=c.a.getInstance(p.g.ImageUpload,this),this.navLockService=c.a.getInstance(p.x.NavLock,this),this.viewModel=a.a.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,m.a.ImageCropped,this.onImageCropped),this.listenTo(p.e.VIDEO,"".concat(p.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render),this.listenTo(p.e.VIDEO,"".concat(p.f.UPDATE_VIDEO_THUMBNAIL,":").concat(this.options.videoId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||r.a.ErrorHelper.throw(new u.a("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){i.Radio.channel(this.channelName).trigger(m.a.CropImage),i.Radio.channel(this.channelName).trigger(h.b.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,g.f.Thumbnails,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n=this.model.thumbnail&&this.model.thumbnail.id;this.videoDataService.addOrUpdateThumbnail(this.options.videoId,e,n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new f.a({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new m.b({model:e,channelName:this.channelName,imageType:g.f.Thumbnails,minWidth:p.k[g.f.Thumbnails].width,minHeight:p.k[g.f.Thumbnails].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.videoDataService.getVideo(this.options.videoId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:d.q.getSpinner({size:d.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeDestroy",value:function(){a.a.get("upload:thumbnail:options").get("lockNav")&&this.navLockService.lock()}},{key:"name",get:function(){return"ThumbnailUploadView"}},{key:"title",get:function(){return l.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.thumbnailUpload"}},{key:"template",get:function(){return v.a}},{key:"channelName",get:function(){return d.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.f,title:l.a.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:l.a.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}}])&&k(t.prototype,n),y&&k(t,y),I}(r.a.View)}}]);

package/dist/scripts/{53-6f14b50628.chunk.js → 53-54b0df474f.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[53],{1134:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return m}));var o,i=n(6),r=n(2),a=n(1174),u=n.n(a),c=n(1135),l=n.n(c);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return g(this,n)}}function g(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(o||(o={}));var m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(c,e);var t,n,r,a=f(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),a.call(this,e)}return t=c,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,o.CropImage,this.crop)}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());i.Radio.channel(this.options.channelName).trigger(o.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new u.a(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return l.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&p(t.prototype,n),r&&p(t,r),c}(r.a.Component)},1135:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(r=null!=(r=n.dataUrl||(null!=t?t.dataUrl:t))?r:e.hooks.helperMissing)?r.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:i}):r)+'" class="img img-fluid" />'},useData:!0})},1317:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.spinnerEl:r,t))?r:"")+"\r\n"},3:function(e,t,n,o,i){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return null!=(r=n.unless.call(null!=t?t:e.nullContext||{},null!=(r=null!=t?t.options:t)?r.dataFetched:r,{name:"unless",hash:{},fn:e.program(1,i,0),inverse:e.program(3,i,0),data:i}))?r:""},useData:!0})},1450:function(e,t,n){"use strict";n.r(t),n.d(t,"ThumbnailUploadView",(function(){return O}));var o=n(1),i=n(6),r=n(2),a=n(30),u=n(19),c=n(5),l=n(3),s=n(282),p=n(0),h=n(244),f=n(294),g=n(9),d=n(12),m=n(1134),y=n(1317),v=n.n(y);function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=E(e);if(t){var i=E(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return I(this,n)}}function I(e,t){return!t||"object"!==b(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&w(e,t)}(I,e);var t,n,y,b=C(I);function I(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,I),b.call(this,e)}return t=I,(n=[{key:"initialize",value:function(){this.videoDataService=c.a.getInstance(p.g.Video,this),this.imageUploadDataService=c.a.getInstance(p.g.ImageUpload,this),this.navLockService=c.a.getInstance(p.x.NavLock,this),this.viewModel=a.a.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,m.a.ImageCropped,this.onImageCropped),this.listenTo(p.e.VIDEO,"".concat(p.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render),this.listenTo(p.e.VIDEO,"".concat(p.f.UPDATE_VIDEO_THUMBNAIL,":").concat(this.options.videoId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||r.a.ErrorHelper.throw(new u.a("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){i.Radio.channel(this.channelName).trigger(m.a.CropImage),i.Radio.channel(this.channelName).trigger(h.b.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,g.f.Thumbnails,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n=this.model.thumbnail&&this.model.thumbnail.id;this.videoDataService.addOrUpdateThumbnail(this.options.videoId,e,n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new f.a({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new m.b({model:e,channelName:this.channelName,imageType:g.f.Thumbnails,minWidth:p.k[g.f.Thumbnails].width,minHeight:p.k[g.f.Thumbnails].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.videoDataService.getVideo(this.options.videoId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:d.q.getSpinner({size:d.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeDestroy",value:function(){a.a.get("upload:thumbnail:options").get("lockNav")&&this.navLockService.lock()}},{key:"name",get:function(){return"ThumbnailUploadView"}},{key:"title",get:function(){return l.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.thumbnailUpload"}},{key:"template",get:function(){return v.a}},{key:"channelName",get:function(){return d.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.e,title:l.a.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:l.a.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}}])&&k(t.prototype,n),y&&k(t,y),I}(r.a.View)}}]);
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[53],{1114:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return m}));var o,i=n(6),r=n(2),a=n(1154),u=n.n(a),c=n(1115),l=n.n(c);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return g(this,n)}}function g(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(o||(o={}));var m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(c,e);var t,n,r,a=f(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),a.call(this,e)}return t=c,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,o.CropImage,this.crop)}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());i.Radio.channel(this.options.channelName).trigger(o.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new u.a(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return l.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&p(t.prototype,n),r&&p(t,r),c}(r.a.Component)},1115:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(r=null!=(r=n.dataUrl||(null!=t?t.dataUrl:t))?r:e.hooks.helperMissing)?r.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:i}):r)+'" class="img img-fluid" />'},useData:!0})},1297:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.spinnerEl:r,t))?r:"")+"\r\n"},3:function(e,t,n,o,i){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return null!=(r=n.unless.call(null!=t?t:e.nullContext||{},null!=(r=null!=t?t.options:t)?r.dataFetched:r,{name:"unless",hash:{},fn:e.program(1,i,0),inverse:e.program(3,i,0),data:i}))?r:""},useData:!0})},1430:function(e,t,n){"use strict";n.r(t),n.d(t,"ThumbnailUploadView",(function(){return O}));var o=n(1),i=n(6),r=n(2),a=n(30),u=n(19),c=n(5),l=n(3),s=n(283),p=n(0),h=n(246),f=n(293),g=n(8),d=n(13),m=n(1114),y=n(1297),v=n.n(y);function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=E(e);if(t){var i=E(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return I(this,n)}}function I(e,t){return!t||"object"!==b(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&w(e,t)}(I,e);var t,n,y,b=C(I);function I(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,I),b.call(this,e)}return t=I,(n=[{key:"initialize",value:function(){this.videoDataService=c.a.getInstance(p.g.Video,this),this.imageUploadDataService=c.a.getInstance(p.g.ImageUpload,this),this.navLockService=c.a.getInstance(p.x.NavLock,this),this.viewModel=a.a.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,m.a.ImageCropped,this.onImageCropped),this.listenTo(p.e.VIDEO,"".concat(p.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render),this.listenTo(p.e.VIDEO,"".concat(p.f.UPDATE_VIDEO_THUMBNAIL,":").concat(this.options.videoId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||r.a.ErrorHelper.throw(new u.a("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){i.Radio.channel(this.channelName).trigger(m.a.CropImage),i.Radio.channel(this.channelName).trigger(h.b.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,g.f.Thumbnails,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n=this.model.thumbnail&&this.model.thumbnail.id;this.videoDataService.addOrUpdateThumbnail(this.options.videoId,e,n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new f.a({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new m.b({model:e,channelName:this.channelName,imageType:g.f.Thumbnails,minWidth:p.k[g.f.Thumbnails].width,minHeight:p.k[g.f.Thumbnails].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.videoDataService.getVideo(this.options.videoId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:d.q.getSpinner({size:d.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeDestroy",value:function(){a.a.get("upload:thumbnail:options").get("lockNav")&&this.navLockService.lock()}},{key:"name",get:function(){return"ThumbnailUploadView"}},{key:"title",get:function(){return l.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.thumbnailUpload"}},{key:"template",get:function(){return v.a}},{key:"channelName",get:function(){return d.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.f,title:l.a.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:l.a.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}}])&&k(t.prototype,n),y&&k(t,y),I}(r.a.View)}}]);

package/dist/scripts/53-d8f0dea552.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_library_editor=window.webpackJsonp_clickview_library_editor||[]).push([[53],{1114:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return m}));var o,i=n(6),r=n(2),a=n(1154),u=n.n(a),c=n(1115),l=n.n(c);function s(e){return(s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function p(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function h(e,t){return(h=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function f(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=d(e);if(t){var i=d(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return g(this,n)}}function g(e,t){return!t||"object"!==s(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function d(e){return(d=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}!function(e){e.ClickCrop="click:crop",e.CropImage="crop:image",e.ImageCropped="image:cropped"}(o||(o={}));var m=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&h(e,t)}(c,e);var t,n,r,a=f(c);function c(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,c),a.call(this,e)}return t=c,(n=[{key:"initialize",value:function(){this.listenTo(this.options.channelName,o.CropImage,this.crop)}},{key:"getMinCropBoxWidth",value:function(){return this.options.minWidth*this.getViewportToImageRatio()}},{key:"getMinCropBoxHeight",value:function(){return this.options.minHeight*this.getViewportToImageRatio()}},{key:"getViewportToImageRatio",value:function(){return this.options.getCropRegionWidth()/this.model.get("width")}},{key:"crop",value:function(){var e=this.cropper.getCroppedCanvas().toDataURL(this.getImageMimeType());i.Radio.channel(this.options.channelName).trigger(o.ImageCropped,e)}},{key:"getImageMimeType",value:function(){var e=this.model.get("dataUrl").match(/data:([a-zA-Z0-9]+\/[a-zA-Z0-9-.+]+).*,.*/);if(e)return e[1]}},{key:"renderCropper",value:function(){this.getMinCropBoxWidth();var e=this.getUI("image").get(0);this.cropper=new u.a(e,{viewMode:1,aspectRatio:this.options.minWidth/this.options.minHeight,minCropBoxWidth:this.getMinCropBoxWidth(),minCropBoxHeight:this.getMinCropBoxHeight(),autoCropArea:1})}},{key:"onRender",value:function(){this.renderCropper()}},{key:"onBeforeDestroy",value:function(){this.cropper.destroy()}},{key:"name",get:function(){return"ImageCropperComponent"}},{key:"template",get:function(){return l.a}},{key:"className",get:function(){return"text-center"}},{key:"elements",get:function(){return{image:".img"}}}])&&p(t.prototype,n),r&&p(t,r),c}(r.a.Component)},1115:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return'<img src="'+e.escapeExpression("function"==typeof(r=null!=(r=n.dataUrl||(null!=t?t.dataUrl:t))?r:e.hooks.helperMissing)?r.call(null!=t?t:e.nullContext||{},{name:"dataUrl",hash:{},data:i}):r)+'" class="img img-fluid" />'},useData:!0})},1297:function(e,t,n){var o=n(10);e.exports=(o.default||o).template({1:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return(null!=(r=e.lambda(null!=(r=null!=t?t.options:t)?r.spinnerEl:r,t))?r:"")+"\r\n"},3:function(e,t,n,o,i){return'<div class="cropper-region"></div>\r\n'},compiler:[8,">= 4.3.0"],main:function(e,t,n,o,i){var r;e.propertyIsEnumerable;return null!=(r=n.unless.call(null!=t?t:e.nullContext||{},null!=(r=null!=t?t.options:t)?r.dataFetched:r,{name:"unless",hash:{},fn:e.program(1,i,0),inverse:e.program(3,i,0),data:i}))?r:""},useData:!0})},1430:function(e,t,n){"use strict";n.r(t),n.d(t,"ThumbnailUploadView",(function(){return O}));var o=n(1),i=n(6),r=n(2),a=n(30),u=n(19),c=n(5),l=n(3),s=n(283),p=n(0),h=n(246),f=n(293),g=n(8),d=n(13),m=n(1114),y=n(1297),v=n.n(y);function b(e){return(b="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function k(e,t){for(var n=0;n<t.length;n++){var o=t[n];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,o.key,o)}}function w(e,t){return(w=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function C(e){var t=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(e){return!1}}();return function(){var n,o=E(e);if(t){var i=E(this).constructor;n=Reflect.construct(o,arguments,i)}else n=o.apply(this,arguments);return I(this,n)}}function I(e,t){return!t||"object"!==b(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function E(e){return(E=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}var O=function(e){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&w(e,t)}(I,e);var t,n,y,b=C(I);function I(e){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,I),b.call(this,e)}return t=I,(n=[{key:"initialize",value:function(){this.videoDataService=c.a.getInstance(p.g.Video,this),this.imageUploadDataService=c.a.getInstance(p.g.ImageUpload,this),this.navLockService=c.a.getInstance(p.x.NavLock,this),this.viewModel=a.a.get("image:storage"),this.bindListeners(),this.initImageEl()}},{key:"regions",value:function(){return{cropper:{el:".cropper-region",replaceElement:!0}}}},{key:"events",value:function(){return{"shown.bs.modal":"renderCropper"}}},{key:"bindListeners",value:function(){var e=this;this.listenTo(this.channelName,m.a.ImageCropped,this.onImageCropped),this.listenTo(p.e.VIDEO,"".concat(p.f.VIDEOS,":").concat(this.options.videoId,":sync"),this.render),this.listenTo(p.e.VIDEO,"".concat(p.f.UPDATE_VIDEO_THUMBNAIL,":").concat(this.options.videoId,":sync"),(function(){return e.triggerMethod("hide")}))}},{key:"initImageEl",value:function(){this.viewModel.get("dataUrl")||r.a.ErrorHelper.throw(new u.a("DataUrl must be set on the image:storage ViewModel")),this.imageEl=new Image,this.imageEl.src=this.viewModel.get("dataUrl"),this.viewModel.unset("dataUrl")}},{key:"getCropRegionWidth",value:function(){return this.$el.find(".modal-body").width()}},{key:"onClickCrop",value:function(){i.Radio.channel(this.channelName).trigger(m.a.CropImage),i.Radio.channel(this.channelName).trigger(h.b.ShowSpinner)}},{key:"onImageCropped",value:function(e){var t=this;this.imageUploadDataService.uploadBase64Image(e,g.f.Thumbnails,(function(e){return t.onImageUploaded(e)}))}},{key:"onImageUploaded",value:function(e){var t=this,n=this.model.thumbnail&&this.model.thumbnail.id;this.videoDataService.addOrUpdateThumbnail(this.options.videoId,e,n,(function(){return t.triggerMethod("hide")}))}},{key:"renderCropper",value:function(){var e=new f.a({dataUrl:this.imageEl.src,width:this.imageEl.width,height:this.imageEl.height});this.showChildView("cropper",new m.b({model:e,channelName:this.channelName,imageType:g.f.Thumbnails,minWidth:p.k[g.f.Thumbnails].width,minHeight:p.k[g.f.Thumbnails].height,getCropRegionWidth:o.bind(this.getCropRegionWidth,this)}))}},{key:"onBeforeRender",value:function(){this.model=this.videoDataService.getVideo(this.options.videoId)}},{key:"viewOptions",value:function(){return{dataFetched:!!this.model,spinnerEl:d.q.getSpinner({size:d.r.Large,extraClasses:"mx-auto"})}}},{key:"onBeforeDestroy",value:function(){a.a.get("upload:thumbnail:options").get("lockNav")&&this.navLockService.lock()}},{key:"name",get:function(){return"ThumbnailUploadView"}},{key:"title",get:function(){return l.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"libraryEditor.thumbnailUpload"}},{key:"template",get:function(){return v.a}},{key:"channelName",get:function(){return d.k.generateUniqueChannelName(this)}},{key:"behaviors",get:function(){var e=this;return[{behaviorClass:s.f,title:l.a.getPhrase(this.lang,"resizeAndCrop"),size:"modal-lg",spinnerButtonOptions:{channelName:this.channelName,buttonText:l.a.getPhrase(this.lang,"crop"),onClick:function(){return e.onClickCrop()}}}]}}])&&k(t.prototype,n),y&&k(t,y),I}(r.a.View)}}]);