@clickview/library-editor 1.1.22-dev.0 → 1.1.22-rc.0

package/dist/scripts/73.chunk.js

@@ -0,0 +1,404 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[73],{
+
+/***/ "./src/apps/migration-wizard/views/start/Start.hbs":
+/*!*********************************************************!*\
+  !*** ./src/apps/migration-wizard/views/start/Start.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, alias5=container.lambda;
+
+  return "<div class=\"m-4\">\r\n  <h4>"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"heading",{"name":"lang","hash":{},"data":data}))
+    + "</h4>\r\n  <div class=\"text-left mt-3\">\r\n    <p class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.subtitle : stack1), depth0))
+    + " text-center\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"question",{"name":"lang","hash":{},"data":data}))
+    + "</p>\r\n\r\n    <img src=\"/images/migrate.png\" class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.image : stack1), depth0))
+    + " w-50 d-block p-2\">\r\n\r\n    <p class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.options : stack1), depth0))
+    + " mt-3\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"options",{"name":"lang","hash":{},"data":data}))
+    + "</p>\r\n\r\n    <div class=\"mb-2\">\r\n      <input type=\"radio\" class=\"d-inline-block align-top mt-1\" id=\"smart\" value=\"1\" name=\"options\">\r\n      <label for=\"smart\" class=\"mb-1 "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionHeader : stack1), depth0))
+    + "\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"smartOption",{"name":"lang","hash":{},"data":data}))
+    + " <span class=\"badge "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.migrationBadge : stack1), depth0))
+    + " ml-2\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"recommended",{"name":"lang","hash":{},"data":data}))
+    + "</span></label>\r\n      <span class=\"d-block "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionText : stack1), depth0))
+    + "\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"smartOptionInfo",{"name":"lang","hash":{},"data":data}))
+    + "</span>\r\n    </div>\r\n    <div class=\"mb-2\">\r\n      <input type=\"radio\" class=\"d-inline-block align-top mt-1\" id=\"all\" value=\"3\" name=\"options\">\r\n      <label for=\"all\" class=\"mb-1 "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionHeader : stack1), depth0))
+    + "\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"allVideosOption",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n      <span class=\"d-block "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionText : stack1), depth0))
+    + "\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"allVideosOptionInfo",{"name":"lang","hash":{},"data":data}))
+    + "</span>\r\n    </div>\r\n    <div class=\"mb-2\">\r\n      <input type=\"radio\" class=\"d-inline-block align-top mt-1\" id=\"fresh\" value=\"2\" name=\"options\">\r\n      <label for=\"fresh\" class=\"mb-1 "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionHeader : stack1), depth0))
+    + "\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"startFreshOption",{"name":"lang","hash":{},"data":data}))
+    + "</label>\r\n      <span class=\"d-block "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionText : stack1), depth0))
+    + "\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"startFreshOptionInfo",{"name":"lang","hash":{},"data":data}))
+    + "</span>\r\n    </div>\r\n    <div>\r\n      "
+    + ((stack1 = (helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"support",{"name":"lang","hash":{"supportUrl":((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.supportUrl : stack1),"className":"info-link"},"data":data})) != null ? stack1 : "")
+    + "\r\n    </div>\r\n  </div>\r\n\r\n  <div class=\"save-region\"></div>\r\n  <div class=\"smart-select-waiting-message\" style=\"display: none;\">\r\n    <p class=\"mt-2\">"
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"waiting",{"name":"lang","hash":{},"data":data}))
+    + "</p>\r\n    <p class=\"mt-2 smart-count\"></p>\r\n  </div>\r\n</div>\r\n<div class=\""
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.migrationBanner : stack1), depth0))
+    + " p-3 text-white "
+    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.infoMessage : stack1), depth0))
+    + "\">\r\n  "
+    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,"note",{"name":"lang","hash":{},"data":data}))
+    + "\r\n</div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/apps/migration-wizard/views/start/StartView.ts":
+/*!************************************************************!*\
+  !*** ./src/apps/migration-wizard/views/start/StartView.ts ***!
+  \************************************************************/
+/*! exports provided: StartView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "StartView", function() { return StartView; });
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__ = __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_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/ViewModelService */ "../../libs/common/src/backbone/services/ViewModelService.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
+/* harmony import */ var _shared_behaviors__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../shared/behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../shared/components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+/* harmony import */ var _shared_services_ConfigDataService__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../shared/services/ConfigDataService */ "./src/shared/services/ConfigDataService.ts");
+/* harmony import */ var _shared_constants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../shared/constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _shared_utils__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../shared/utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../enums */ "./src/apps/migration-wizard/enums/index.ts");
+/* harmony import */ var _models__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../models */ "./src/apps/migration-wizard/models/index.ts");
+/* harmony import */ var _errors__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../errors */ "./src/apps/migration-wizard/errors/index.ts");
+/* harmony import */ var _errors_smart_migration_api_call_SmartMigrationApiCallError__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../errors/smart-migration-api-call/SmartMigrationApiCallError */ "./src/apps/migration-wizard/errors/smart-migration-api-call/SmartMigrationApiCallError.ts");
+/* harmony import */ var _start_scss__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./start.scss */ "./src/apps/migration-wizard/views/start/start.scss");
+/* harmony import */ var _start_scss__WEBPACK_IMPORTED_MODULE_15___default = /*#__PURE__*/__webpack_require__.n(_start_scss__WEBPACK_IMPORTED_MODULE_15__);
+/* harmony import */ var _Start_hbs__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./Start.hbs */ "./src/apps/migration-wizard/views/start/Start.hbs");
+/* harmony import */ var _Start_hbs__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_Start_hbs__WEBPACK_IMPORTED_MODULE_16__);
+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 StartView = /*#__PURE__*/function (_Core$View) {
+  _inherits(StartView, _Core$View);
+
+  var _super = _createSuper(StartView);
+
+  function StartView() {
+    _classCallCheck(this, StartView);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(StartView, [{
+    key: "initialize",
+    value: function initialize() {
+      this.migrationVideoDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_9__["DataServices"].MigrationVideo, this);
+      this.selectedVideoService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__["InstanceManager"].getInstance(_shared_constants__WEBPACK_IMPORTED_MODULE_9__["Services"].SelectedVideo, this);
+      this.initViewModel();
+      this.listenTo(this.channelName, 'continue', this.onClickContinue);
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_9__["DataChannels"].MIGRATION, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_9__["DataPrefixes"].CUSTOMER_SMART_VIDEOS, ":error"), this.onSmartMigrationError);
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        save: {
+          el: '.save-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "initViewModel",
+    value: function initViewModel() {
+      this.viewModel = _libs_common_src_backbone_services_ViewModelService__WEBPACK_IMPORTED_MODULE_4__["ViewModelService"].get("".concat(this.name, ":viewmodel"), {
+        option: _enums__WEBPACK_IMPORTED_MODULE_11__["MigrationOption"].Smart
+      }, {
+        ctor: _models__WEBPACK_IMPORTED_MODULE_12__["MigrationOptions"]
+      });
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _start_scss__WEBPACK_IMPORTED_MODULE_15___default.a,
+        supportUrl: _libs_common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_5__["UrlHelper"].safeUrlConcat(this.config.get('supportSiteUrl'), _shared_constants__WEBPACK_IMPORTED_MODULE_9__["SupportArticles"].MIGRATION_OPTIONS)
+      };
+    }
+    /**
+     * Called when the 'Continue' button is clicked
+     * We find what migration type to do and go to the relevant view
+     */
+
+  }, {
+    key: "onClickContinue",
+    value: function onClickContinue() {
+      this.listenTo(_shared_constants__WEBPACK_IMPORTED_MODULE_9__["DataChannels"].MIGRATION, "".concat(_shared_constants__WEBPACK_IMPORTED_MODULE_9__["DataPrefixes"].CUSTOMER_VIDEOS, ":finalise:all:error"), this.onFinaliseError);
+      backbone__WEBPACK_IMPORTED_MODULE_0__["Radio"].channel(this.channelName).trigger(_shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_7__["SpinnerButtonEvents"].ShowSpinner);
+      var option = this.viewModel.get('option');
+
+      switch (+option) {
+        case _enums__WEBPACK_IMPORTED_MODULE_11__["MigrationOption"].Smart:
+          this.startSmartMigrationPaginated();
+          break;
+
+        case _enums__WEBPACK_IMPORTED_MODULE_11__["MigrationOption"].Full:
+          this.startFullMigration();
+          break;
+
+        case _enums__WEBPACK_IMPORTED_MODULE_11__["MigrationOption"].Scratch:
+          this.startScratchMigration();
+          break;
+      }
+    }
+  }, {
+    key: "startScratchMigration",
+    value: function startScratchMigration() {
+      var _this = this;
+
+      this.migrationVideoDataService.updateCustomerMigrationOption(_enums__WEBPACK_IMPORTED_MODULE_11__["MigrationOption"].Scratch, function () {
+        _this.migrationVideoDataService.clearCacheAndGetCustomerMetadata(function () {
+          _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+            application: _shared_constants__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].LIBRARY_EDITOR,
+            action: _shared_constants__WEBPACK_IMPORTED_MODULE_9__["Actions"].LibraryEditor.HOME
+          });
+        });
+      });
+    }
+  }, {
+    key: "startFullMigration",
+    value: function startFullMigration() {
+      var _this2 = this;
+
+      this.migrationVideoDataService.updateCustomerMigrationOption(_enums__WEBPACK_IMPORTED_MODULE_11__["MigrationOption"].Full, function () {
+        _this2.migrationVideoDataService.finaliseAllVideos(function (finalisationTask) {
+          /**
+           * We clear the cache so that the MigrationWizardApplication re-fetches customer meta
+           * and subsequently hides the top nav
+           */
+          _this2.migrationVideoDataService.getCustomerMetadata(function (customerMeta) {
+            /**
+             * Because Migration API can take up to a second to set the active finalisation task
+             * instead of clearing the customer meta cache and re-fetching. We instead update the state
+             * of the customer meta model to what it will be in 1 second's time
+             */
+            customerMeta.set('finalisationTask', finalisationTask.toJSON());
+            _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+              application: _shared_constants__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].MIGRATION_WIZARD,
+              action: _shared_constants__WEBPACK_IMPORTED_MODULE_9__["Actions"].MigrationWizard.PROGRESS,
+              args: [finalisationTask.get('id')],
+              params: {
+                initialMigration: true
+              }
+            });
+          });
+        });
+      });
+    }
+    /**
+     * If Smart is chosen we want to send the user to the
+     * migration view with videos selected before we update the migration option.
+     * They might decide to hit back and choose another option.
+     */
+
+  }, {
+    key: "startSmartMigrationPaginated",
+    value: function startSmartMigrationPaginated() {
+      var _this3 = this;
+
+      var timeout = window.setTimeout(function () {
+        var message = _this3.getUI('waitingMessage');
+
+        message && message.show();
+      }, 2000);
+
+      var onProgress = function onProgress(progress) {
+        var text = "<strong>".concat(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(_this3.lang, 'progress', {
+          count: progress
+        }), "</strong>");
+
+        _this3.getUI('smartCount').html(text);
+      };
+
+      this.selectedVideoService.removeAllSelectedVideos();
+      this.migrationVideoDataService.clearCacheAndgetCustomerSmartSelect(onProgress, function (videos) {
+        window.clearTimeout(timeout);
+
+        _this3.selectedVideoService.addSmartSelectedVideos(videos);
+
+        _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+          application: _shared_constants__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].MIGRATION_WIZARD,
+          action: _shared_constants__WEBPACK_IMPORTED_MODULE_9__["Actions"].MigrationWizard.SMART
+        });
+      });
+    }
+  }, {
+    key: "onSmartMigrationError",
+    value: function onSmartMigrationError() {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].ErrorHelper.throw(new _errors_smart_migration_api_call_SmartMigrationApiCallError__WEBPACK_IMPORTED_MODULE_14__["SmartMigrationApiCallError"](this.config.get('supportSiteUrl')));
+    }
+  }, {
+    key: "onFinaliseError",
+    value: function onFinaliseError() {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].ErrorHelper.throw(new _errors__WEBPACK_IMPORTED_MODULE_13__["MigrationFinalisationError"]());
+    }
+  }, {
+    key: "renderSaveButton",
+    value: function renderSaveButton() {
+      var view = new _shared_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_7__["SpinnerButtonComponent"]({
+        saveEvent: 'continue',
+        channelName: this.channelName,
+        buttonText: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(this.lang, 'continue'),
+        extraButtonClass: "btn-lg btn-primary mt-3",
+        spinnerOptions: {
+          size: _shared_utils__WEBPACK_IMPORTED_MODULE_10__["SpinnerSize"].Medium,
+          type: _shared_utils__WEBPACK_IMPORTED_MODULE_10__["SpinnerType"].Light,
+          extraClasses: 'mx-auto'
+        }
+      });
+      this.showChildView('save', view);
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderSaveButton();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'StartView';
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(this.lang, 'title');
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'migrationWizard.start';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "".concat(_start_scss__WEBPACK_IMPORTED_MODULE_15___default.a.migrationContainer, " text-center bg-white ").concat(_start_scss__WEBPACK_IMPORTED_MODULE_15___default.a.start);
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return "".concat(this.name).concat(this.cid);
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _Start_hbs__WEBPACK_IMPORTED_MODULE_16___default.a;
+    }
+  }, {
+    key: "bindings",
+    get: function get() {
+      return {
+        'input[name=options]': 'option'
+      };
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      return [{
+        behaviorClass: _shared_behaviors__WEBPACK_IMPORTED_MODULE_6__["StickitBehavior"],
+        bindViewModel: true
+      }];
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        continue: '.continue',
+        waitingMessage: '.smart-select-waiting-message',
+        smartCount: '.smart-count'
+      };
+    }
+  }, {
+    key: "requiredResources",
+    get: function get() {
+      return {
+        config: _shared_services_ConfigDataService__WEBPACK_IMPORTED_MODULE_8__["ConfigDataServiceHelper"].config
+      };
+    }
+  }]);
+
+  return StartView;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].View);
+
+/***/ }),
+
+/***/ "./src/apps/migration-wizard/views/start/start.scss":
+/*!**********************************************************!*\
+  !*** ./src/apps/migration-wizard/views/start/start.scss ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"start":"cv--start--GpK3N","subtitle":"cv--subtitle--2tQJA","options":"cv--options--BxsJX","optionHeader":"cv--optionHeader--2OS3h","optionText":"cv--optionText--1sNAq","image":"cv--image--xsCzA","infoMessage":"cv--infoMessage--3jOln","migrationBanner":"cv--migrationBanner--n_A_A","migrationBadge":"cv--migrationBadge--plIse","migrationContainer":"cv--migrationContainer--33xeg"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=73.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/views/start/Start.hbs","file://C:/ClickView Projects/@clickview/packages/projects/library-editor/src/apps/migration-wizard/views/start/StartView.ts","webpack://@clickview/library-editor/./src/apps/migration-wizard/views/start/start.scss?836d"],"names":[],"mappings":"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","file":"scripts/73.chunk.js","sourcesContent":["var Handlebars = require('handlebars');\nmodule.exports = (Handlebars['default'] || Handlebars).template({\"compiler\":[8,\">= 4.3.0\"],\"main\":function(container,depth0,helpers,partials,data) {\n    var stack1, alias1=container.propertyIsEnumerable, alias2=depth0 != null ? depth0 : (container.nullContext || {}), alias3=container.hooks.helperMissing, alias4=container.escapeExpression, alias5=container.lambda;\n\n  return \"<div class=\\\"m-4\\\">\\r\\n  <h4>\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"heading\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</h4>\\r\\n  <div class=\\\"text-left mt-3\\\">\\r\\n    <p class=\\\"\"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.subtitle : stack1), depth0))\n    + \" text-center\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"question\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</p>\\r\\n\\r\\n    <img src=\\\"/images/migrate.png\\\" class=\\\"\"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.image : stack1), depth0))\n    + \" w-50 d-block p-2\\\">\\r\\n\\r\\n    <p class=\\\"\"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.options : stack1), depth0))\n    + \" mt-3\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"options\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</p>\\r\\n\\r\\n    <div class=\\\"mb-2\\\">\\r\\n      <input type=\\\"radio\\\" class=\\\"d-inline-block align-top mt-1\\\" id=\\\"smart\\\" value=\\\"1\\\" name=\\\"options\\\">\\r\\n      <label for=\\\"smart\\\" class=\\\"mb-1 \"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionHeader : stack1), depth0))\n    + \"\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"smartOption\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \" <span class=\\\"badge \"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.migrationBadge : stack1), depth0))\n    + \" ml-2\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"recommended\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</span></label>\\r\\n      <span class=\\\"d-block \"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionText : stack1), depth0))\n    + \"\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"smartOptionInfo\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</span>\\r\\n    </div>\\r\\n    <div class=\\\"mb-2\\\">\\r\\n      <input type=\\\"radio\\\" class=\\\"d-inline-block align-top mt-1\\\" id=\\\"all\\\" value=\\\"3\\\" name=\\\"options\\\">\\r\\n      <label for=\\\"all\\\" class=\\\"mb-1 \"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionHeader : stack1), depth0))\n    + \"\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"allVideosOption\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</label>\\r\\n      <span class=\\\"d-block \"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionText : stack1), depth0))\n    + \"\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"allVideosOptionInfo\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</span>\\r\\n    </div>\\r\\n    <div class=\\\"mb-2\\\">\\r\\n      <input type=\\\"radio\\\" class=\\\"d-inline-block align-top mt-1\\\" id=\\\"fresh\\\" value=\\\"2\\\" name=\\\"options\\\">\\r\\n      <label for=\\\"fresh\\\" class=\\\"mb-1 \"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionHeader : stack1), depth0))\n    + \"\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"startFreshOption\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</label>\\r\\n      <span class=\\\"d-block \"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.optionText : stack1), depth0))\n    + \"\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"startFreshOptionInfo\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</span>\\r\\n    </div>\\r\\n    <div>\\r\\n      \"\n    + ((stack1 = (helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"support\",{\"name\":\"lang\",\"hash\":{\"supportUrl\":((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.supportUrl : stack1),\"className\":\"info-link\"},\"data\":data})) != null ? stack1 : \"\")\n    + \"\\r\\n    </div>\\r\\n  </div>\\r\\n\\r\\n  <div class=\\\"save-region\\\"></div>\\r\\n  <div class=\\\"smart-select-waiting-message\\\" style=\\\"display: none;\\\">\\r\\n    <p class=\\\"mt-2\\\">\"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"waiting\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"</p>\\r\\n    <p class=\\\"mt-2 smart-count\\\"></p>\\r\\n  </div>\\r\\n</div>\\r\\n<div class=\\\"\"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.migrationBanner : stack1), depth0))\n    + \" p-3 text-white \"\n    + alias4(alias5(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.infoMessage : stack1), depth0))\n    + \"\\\">\\r\\n  \"\n    + alias4((helpers.lang||(depth0 && depth0.lang)||alias3).call(alias2,\"note\",{\"name\":\"lang\",\"hash\":{},\"data\":data}))\n    + \"\\r\\n</div>\";\n},\"useData\":true});","import * as _ from 'underscore';\r\nimport { ObjectHash } from 'backbone';\r\nimport { Radio } from 'backbone';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\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\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\r\n\r\nimport { StickitBehavior } from 'shared/behaviors';\r\nimport { SpinnerButtonComponent, SpinnerButtonEvents } from 'shared/components/spinner-button/SpinnerButtonComponent';\r\nimport { ConfigDataServiceHelper } from 'shared/services/ConfigDataService';\r\nimport { Actions, DataServices, Services, DataPrefixes, DataChannels, AppChannels, SupportArticles } from 'shared/constants';\r\nimport { Config } from 'shared/models/Config';\r\nimport { SpinnerSize, SpinnerType } from 'shared/utils';\r\n\r\nimport { MigrationOption } from 'apps/migration-wizard/enums';\r\nimport { MigrationOptions, FinalisationTask, CustomerMetadata } from 'apps/migration-wizard/models';\r\nimport { MigrationVideoDataService } from 'apps/migration-wizard/services/MigrationVideoDataService';\r\nimport { SelectedVideoService } from 'apps/migration-wizard/services/SelectedVideoService';\r\nimport { MigrationFinalisationError } from 'apps/migration-wizard/errors';\r\nimport { SmartSelectVideoCollection } from 'apps/migration-wizard/collections';\r\nimport { SmartMigrationApiCallError } from 'apps/migration-wizard/errors/smart-migration-api-call/SmartMigrationApiCallError';\r\n\r\nimport styles from './start.scss';\r\nimport StartTemplate from './Start.hbs';\r\n\r\nexport class StartView extends Core.View {\r\n  private config: Config;\r\n  public viewModel: MigrationOptions;\r\n  private migrationVideoDataService: MigrationVideoDataService;\r\n  private selectedVideoService: SelectedVideoService;\r\n\r\n  public initialize(): void {\r\n    this.migrationVideoDataService = InstanceManager.getInstance(DataServices.MigrationVideo, this);\r\n    this.selectedVideoService = InstanceManager.getInstance(Services.SelectedVideo, this);\r\n\r\n    this.initViewModel();\r\n\r\n    this.listenTo(this.channelName, 'continue', this.onClickContinue);\r\n    this.listenTo(DataChannels.MIGRATION, `${DataPrefixes.CUSTOMER_SMART_VIDEOS}:error`, this.onSmartMigrationError);\r\n  }\r\n\r\n  public get name(): string {\r\n    return 'StartView';\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.start';\r\n  }\r\n\r\n  public get className(): string {\r\n    return `${styles.migrationContainer} text-center bg-white ${styles.start}`;\r\n  }\r\n\r\n  public get channelName(): string {\r\n    return `${this.name}${this.cid}`;\r\n  }\r\n\r\n  public get template(): any {\r\n    return StartTemplate;\r\n  }\r\n\r\n  public regions(): ObjectHash {\r\n    return {\r\n      save: {\r\n        el: '.save-region',\r\n        replaceElement: true\r\n      }\r\n    };\r\n  }\r\n\r\n  public get bindings(): ObjectHash {\r\n    return {\r\n      'input[name=options]': 'option',\r\n    };\r\n  }\r\n\r\n  public get behaviors(): any[] {\r\n    return [\r\n      {\r\n        behaviorClass: StickitBehavior,\r\n        bindViewModel: true\r\n      }\r\n    ];\r\n  }\r\n\r\n  public get elements(): ObjectHash {\r\n    return {\r\n      continue: '.continue',\r\n      waitingMessage: '.smart-select-waiting-message',\r\n      smartCount: '.smart-count'\r\n    };\r\n  }\r\n\r\n  private initViewModel(): void {\r\n    this.viewModel = ViewModelService.get<MigrationOptions>(\r\n      `${this.name}:viewmodel`,\r\n      { option: MigrationOption.Smart },\r\n      { ctor: MigrationOptions }\r\n    );\r\n  }\r\n\r\n  public viewOptions(): ObjectHash {\r\n    return {\r\n      styles,\r\n      supportUrl: UrlHelper.safeUrlConcat(this.config.get('supportSiteUrl'), SupportArticles.MIGRATION_OPTIONS)\r\n    };\r\n  }\r\n\r\n  /**\r\n   * Called when the 'Continue' button is clicked\r\n   * We find what migration type to do and go to the relevant view\r\n   */\r\n  private onClickContinue(): void {\r\n    this.listenTo(DataChannels.MIGRATION, `${DataPrefixes.CUSTOMER_VIDEOS}:finalise:all:error`, this.onFinaliseError);\r\n\r\n    Radio.channel(this.channelName)\r\n         .trigger(SpinnerButtonEvents.ShowSpinner);\r\n\r\n    const option = this.viewModel.get('option');\r\n\r\n    switch (+option) {\r\n    case MigrationOption.Smart:\r\n      this.startSmartMigrationPaginated();\r\n      break;\r\n    case MigrationOption.Full:\r\n      this.startFullMigration();\r\n      break;\r\n    case MigrationOption.Scratch:\r\n      this.startScratchMigration();\r\n      break;\r\n    }\r\n  }\r\n\r\n  private startScratchMigration(): void {\r\n    this.migrationVideoDataService.updateCustomerMigrationOption(MigrationOption.Scratch, () => {\r\n      this.migrationVideoDataService.clearCacheAndGetCustomerMetadata(() => {\r\n        Core.AppLinkHelper.trigger({\r\n          application: AppChannels.LIBRARY_EDITOR,\r\n          action: Actions.LibraryEditor.HOME\r\n        });\r\n      });\r\n    });\r\n  }\r\n\r\n  private startFullMigration(): void {\r\n    this.migrationVideoDataService.updateCustomerMigrationOption(MigrationOption.Full, () => {\r\n      this.migrationVideoDataService.finaliseAllVideos((finalisationTask: FinalisationTask) => {\r\n        /**\r\n         * We clear the cache so that the MigrationWizardApplication re-fetches customer meta \r\n         * and subsequently hides the top nav\r\n         */\r\n        this.migrationVideoDataService.getCustomerMetadata((customerMeta: CustomerMetadata) => {\r\n\r\n          /**\r\n           * Because Migration API can take up to a second to set the active finalisation task\r\n           * instead of clearing the customer meta cache and re-fetching. We instead update the state\r\n           * of the customer meta model to what it will be in 1 second's time\r\n           */\r\n          customerMeta.set('finalisationTask', finalisationTask.toJSON());\r\n          Core.AppLinkHelper.trigger({\r\n            application: AppChannels.MIGRATION_WIZARD,\r\n            action: Actions.MigrationWizard.PROGRESS,\r\n            args: [finalisationTask.get('id')],\r\n            params: { initialMigration: true }\r\n          });\r\n        });\r\n      });\r\n    });\r\n  }\r\n\r\n  /**\r\n   * If Smart is chosen we want to send the user to the\r\n   * migration view with videos selected before we update the migration option.\r\n   * They might decide to hit back and choose another option.\r\n   */\r\n  private startSmartMigrationPaginated(): void {\r\n    const timeout = window.setTimeout(() => {\r\n      const message = this.getUI('waitingMessage');\r\n      message && message.show();\r\n    }, 2000);\r\n\r\n    const onProgress = (progress: number) => {\r\n      const text = `<strong>${LanguageService.getPhrase(this.lang, 'progress', { count: progress })}</strong>`;\r\n      this.getUI('smartCount').html(text);\r\n    };\r\n\r\n    this.selectedVideoService.removeAllSelectedVideos();\r\n    this.migrationVideoDataService.clearCacheAndgetCustomerSmartSelect(\r\n      onProgress,\r\n      (videos: SmartSelectVideoCollection) => {\r\n        window.clearTimeout(timeout);\r\n        this.selectedVideoService.addSmartSelectedVideos(videos);\r\n        Core.AppLinkHelper.trigger({\r\n          application: AppChannels.MIGRATION_WIZARD,\r\n          action: Actions.MigrationWizard.SMART\r\n        });\r\n      }\r\n    );\r\n  }\r\n\r\n  private onSmartMigrationError(): void {\r\n    Core.ErrorHelper.throw(new SmartMigrationApiCallError(this.config.get('supportSiteUrl')));\r\n  }\r\n\r\n  private onFinaliseError(): void {\r\n    Core.ErrorHelper.throw(new MigrationFinalisationError());\r\n  }\r\n\r\n  public get requiredResources(): Core.RequiredResourceHash {\r\n    return {\r\n      config: ConfigDataServiceHelper.config\r\n    };\r\n  }\r\n\r\n  private renderSaveButton(): void {\r\n    const view = new SpinnerButtonComponent({\r\n      saveEvent: 'continue',\r\n      channelName: this.channelName,\r\n      buttonText: LanguageService.getPhrase(this.lang, 'continue'),\r\n      extraButtonClass: `btn-lg btn-primary mt-3`,\r\n      spinnerOptions: {\r\n        size: SpinnerSize.Medium,\r\n        type: SpinnerType.Light,\r\n        extraClasses: 'mx-auto'\r\n      }\r\n    });\r\n\r\n    this.showChildView('save', view);\r\n  }\r\n\r\n  public onRender(): void {\r\n    this.renderSaveButton();\r\n  }\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"start\":\"cv--start--GpK3N\",\"subtitle\":\"cv--subtitle--2tQJA\",\"options\":\"cv--options--BxsJX\",\"optionHeader\":\"cv--optionHeader--2OS3h\",\"optionText\":\"cv--optionText--1sNAq\",\"image\":\"cv--image--xsCzA\",\"infoMessage\":\"cv--infoMessage--3jOln\",\"migrationBanner\":\"cv--migrationBanner--n_A_A\",\"migrationBadge\":\"cv--migrationBadge--plIse\",\"migrationContainer\":\"cv--migrationContainer--33xeg\"};"],"sourceRoot":""}