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

package/dist/scripts/16.chunk.js

@@ -0,0 +1,1290 @@
+(window["webpackJsonp_clickview_library_editor"] = window["webpackJsonp_clickview_library_editor"] || []).push([[16],{
+
+/***/ "./src/shared/components/dropdown/DropdownButton.hbs":
+/*!***********************************************************!*\
+  !*** ./src/shared/components/dropdown/DropdownButton.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 "<label for=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.buttonId : stack1), depth0))
+    + "\" class=\"control-label\">"
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.labelText : stack1), depth0))
+    + "</label>\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;
+
+  return ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.labelText : stack1),{"name":"if","hash":{},"fn":container.program(1, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "<button class=\"dropdown-toggle form-control btn-block text-left "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.buttonClass : stack1), depth0))
+    + "\" type=\"button\" id=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.buttonId : stack1), depth0))
+    + "\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\r\n  "
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.selected : stack1), depth0))
+    + "\r\n</button>\r\n<div class=\"dropdown-menu-region\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/components/dropdown/DropdownButtonComponent.ts":
+/*!*******************************************************************!*\
+  !*** ./src/shared/components/dropdown/DropdownButtonComponent.ts ***!
+  \*******************************************************************/
+/*! exports provided: DropdownButtonComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DropdownButtonComponent", function() { return DropdownButtonComponent; });
+/* 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 _utils__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _DropdownComponentCollection__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DropdownComponentCollection */ "./src/shared/components/dropdown/DropdownComponentCollection.ts");
+/* harmony import */ var _DropdownButton_hbs__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./DropdownButton.hbs */ "./src/shared/components/dropdown/DropdownButton.hbs");
+/* harmony import */ var _DropdownButton_hbs__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_DropdownButton_hbs__WEBPACK_IMPORTED_MODULE_3__);
+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); }
+
+
+
+
+
+/**
+ * IMPORTANT: Always use the DropdownComponentCollection DIRECTLY where possible.
+ *
+ * Use this component ONLY when you need an intermediate layer between a parent view/component and the dropdown list.
+ *
+ * During a select event, we need to re-render the template of the button to display the updated value, if this markup
+ * already exists in your parent it will introduce additional rendering overhead if your parent already has other
+ * complex UI logic (with stickit, validation, etc) - which will be executed again with each select.
+ */
+
+var DropdownButtonComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(DropdownButtonComponent, _Core$Component);
+
+  var _super = _createSuper(DropdownButtonComponent);
+
+  function DropdownButtonComponent(options) {
+    _classCallCheck(this, DropdownButtonComponent);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(DropdownButtonComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      var id = this.model ? this.model.get('id') : '';
+      _utils__WEBPACK_IMPORTED_MODULE_1__["CollectionHelpers"].setSelected(id, this.collection);
+      this.listenTo(this.options.channelName, this.options.eventName, this.onSelect);
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        dropdown: {
+          el: '.dropdown-menu-region',
+          replaceElement: true
+        }
+      };
+    }
+  }, {
+    key: "onSelect",
+    value: function onSelect(model) {
+      _utils__WEBPACK_IMPORTED_MODULE_1__["CollectionHelpers"].setSelected(model.get('id'), this.collection);
+      this.render();
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      var model = _utils__WEBPACK_IMPORTED_MODULE_1__["CollectionHelpers"].getSelected(this.collection);
+      return Object.assign({
+        selected: model && model.get('name')
+      }, this.options);
+    }
+  }, {
+    key: "getIsOptionDisabledFn",
+    value: function getIsOptionDisabledFn() {
+      var currentModel = _utils__WEBPACK_IMPORTED_MODULE_1__["CollectionHelpers"].getSelected(this.collection);
+      var currentSelectionId = currentModel && currentModel.id;
+      return function () {
+        if (!currentSelectionId) return false;
+        currentSelectionId = currentSelectionId.toString();
+        var id = this.model.get('id').toString();
+        return id === currentSelectionId;
+      };
+    }
+  }, {
+    key: "renderChannelDropdown",
+    value: function renderChannelDropdown() {
+      this.showChildView('dropdown', new _DropdownComponentCollection__WEBPACK_IMPORTED_MODULE_2__["DropdownComponentCollection"]({
+        collection: this.collection,
+        channelName: this.options.channelName,
+        childOptions: {
+          titleProperty: this.options.titleProperty,
+          isDisabled: this.getIsOptionDisabledFn(),
+          eventName: this.options.eventName
+        },
+        displayOptions: this.options.displayOptions,
+        analyticsHelper: this.options.analyticsHelper
+      }));
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.renderChannelDropdown();
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'DropdownComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _DropdownButton_hbs__WEBPACK_IMPORTED_MODULE_3___default.a;
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      if (this.options.buttonClass) return "select-channel ".concat(this.options.buttonClass);
+      return 'select-channel';
+    }
+  }]);
+
+  return DropdownButtonComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/components/dropdown/DropdownComponentCollection.ts":
+/*!***********************************************************************!*\
+  !*** ./src/shared/components/dropdown/DropdownComponentCollection.ts ***!
+  \***********************************************************************/
+/*! exports provided: DropdownComponentCollection */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DropdownComponentCollection", function() { return DropdownComponentCollection; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _DropdownItemComponent__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./DropdownItemComponent */ "./src/shared/components/dropdown/DropdownItemComponent.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+var DropdownComponentCollection = /*#__PURE__*/function (_Core$ComponentCollec) {
+  _inherits(DropdownComponentCollection, _Core$ComponentCollec);
+
+  var _super = _createSuper(DropdownComponentCollection);
+
+  function DropdownComponentCollection(options) {
+    _classCallCheck(this, DropdownComponentCollection);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(DropdownComponentCollection, [{
+    key: "initialize",
+    value: function initialize() {
+      this.listenTo(this.options.channelName, 'center:dropdown', this.centerSelectedItem);
+    }
+  }, {
+    key: "getExtraClasses",
+    value: function getExtraClasses() {
+      var displayOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      var _displayOptions$align = displayOptions.alignment,
+          alignment = _displayOptions$align === void 0 ? 'left' : _displayOptions$align,
+          extraClasses = displayOptions.extraClasses;
+      var className = "dropdown-menu-".concat(alignment);
+      if (extraClasses) className = "".concat(className, " ").concat(extraClasses);
+      return className;
+    }
+  }, {
+    key: "centerSelectedItem",
+    value: function centerSelectedItem() {
+      var active = this.$el.find('.active');
+      if (!active.length) return;
+      var halfRatio = 0.5;
+      var top = this.$el.scrollTop() + active.position().top;
+      var distance = this.$el.height() * halfRatio + active.height() * halfRatio;
+      this.$el.scrollTop(top - distance);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'DropdownCollectionComponent';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "dropdown-menu items-viewpart ".concat(this.getExtraClasses(this.options.displayOptions));
+    }
+  }, {
+    key: "attributes",
+    get: function get() {
+      return {
+        'aria-labelledby': 'dropdownSelector'
+      };
+    }
+  }, {
+    key: "childView",
+    get: function get() {
+      return _DropdownItemComponent__WEBPACK_IMPORTED_MODULE_2__["DropdownItemComponent"];
+    }
+  }, {
+    key: "childViewOptions",
+    get: function get() {
+      var baseChildOptions = {
+        channelName: this.options.channelName,
+        analyticsHelper: this.options.analyticsHelper
+      };
+      return underscore__WEBPACK_IMPORTED_MODULE_0__["extend"](baseChildOptions, this.options.childOptions);
+    }
+  }]);
+
+  return DropdownComponentCollection;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ComponentCollection);
+
+/***/ }),
+
+/***/ "./src/shared/models/DisabledSpinnerModel.ts":
+/*!***************************************************!*\
+  !*** ./src/shared/models/DisabledSpinnerModel.ts ***!
+  \***************************************************/
+/*! exports provided: DisabledSpinnerModel */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DisabledSpinnerModel", function() { return DisabledSpinnerModel; });
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+var DisabledSpinnerModel = /*#__PURE__*/function (_Core$Model) {
+  _inherits(DisabledSpinnerModel, _Core$Model);
+
+  var _super = _createSuper(DisabledSpinnerModel);
+
+  function DisabledSpinnerModel() {
+    _classCallCheck(this, DisabledSpinnerModel);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(DisabledSpinnerModel, [{
+    key: "defaults",
+    value: function defaults() {
+      return _defineProperty({}, _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_1__["SpinnerButtonModelAttributes"].Disabled, true);
+    }
+  }]);
+
+  return DisabledSpinnerModel;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Model);
+
+/***/ }),
+
+/***/ "./src/shared/views/restrict-access/RestrictAccess.hbs":
+/*!*************************************************************!*\
+  !*** ./src/shared/views/restrict-access/RestrictAccess.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;
+
+  return ((stack1 = container.lambda(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.spinnerEl : stack1), depth0)) != null ? stack1 : "")
+    + "\r\n";
+},"3":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return "<div class=\"d-flex align-items-center\">\r\n<label class=\"control-label m-0 pb-2\">"
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.restrictFromLabel : stack1), depth0))
+    + "</label>\r\n"
+    + ((stack1 = helpers["if"].call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.supportUrl : stack1),{"name":"if","hash":{},"fn":container.program(4, data, 0),"inverse":container.noop,"data":data})) != null ? stack1 : "")
+    + "</div>\r\n<div class=\"dropdown-region "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.select : stack1), depth0))
+    + " mb-3\"></div>\r\n<div class=\"access-view-region\"></div>\r\n";
+},"4":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable, alias2=container.lambda, alias3=container.escapeExpression;
+
+  return "<a \r\n  class=\"d-inline-block ml-1 mb-3 "
+    + alias3(alias2(((stack1 = ((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.styles : stack1)) != null ? stack1.svgContainer : stack1), depth0))
+    + "\"\r\n  title=\""
+    + alias3((helpers.lang||(depth0 && depth0.lang)||container.hooks.helperMissing).call(depth0 != null ? depth0 : (container.nullContext || {}),"findOutMore",{"name":"lang","hash":{},"data":data}))
+    + "\"\r\n  href=\""
+    + alias3(alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.supportUrl : stack1), depth0))
+    + "\" \r\n  target=\"_blank\"\r\n>\r\n  "
+    + ((stack1 = alias2(((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.svg : stack1), depth0)) != null ? stack1 : "")
+    + "\r\n</a>\r\n";
+},"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    var stack1, alias1=container.propertyIsEnumerable;
+
+  return ((stack1 = helpers.unless.call(depth0 != null ? depth0 : (container.nullContext || {}),((stack1 = (depth0 != null ? depth0.options : depth0)) != null ? stack1.dataFetched : stack1),{"name":"unless","hash":{},"fn":container.program(1, data, 0),"inverse":container.program(3, data, 0),"data":data})) != null ? stack1 : "");
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/views/restrict-access/RestrictAccessComponent.ts":
+/*!*********************************************************************!*\
+  !*** ./src/shared/views/restrict-access/RestrictAccessComponent.ts ***!
+  \*********************************************************************/
+/*! exports provided: RestrictAccessComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RestrictAccessComponent", function() { return RestrictAccessComponent; });
+/* 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_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+var RestrictAccessComponent = /*#__PURE__*/function (_Core$Component) {
+  _inherits(RestrictAccessComponent, _Core$Component);
+
+  var _super = _createSuper(RestrictAccessComponent);
+
+  function RestrictAccessComponent() {
+    _classCallCheck(this, RestrictAccessComponent);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(RestrictAccessComponent, [{
+    key: "getTemplateText",
+    value: function getTemplateText() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(this.lang, 'groupNoAccess', {
+        groupName: _utils__WEBPACK_IMPORTED_MODULE_2__["RestrictedAccessHelper"].mapYearGroupToName(this.model.get('groupId'))
+      });
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'RestrictAccessComponent';
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return "<p>".concat(this.getTemplateText(), "</p>");
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.restrictAccess';
+    }
+  }]);
+
+  return RestrictAccessComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/views/restrict-access/RestrictAccessGroup.hbs":
+/*!******************************************************************!*\
+  !*** ./src/shared/views/restrict-access/RestrictAccessGroup.hbs ***!
+  \******************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+var Handlebars = __webpack_require__(/*! handlebars */ "handlebars");
+module.exports = (Handlebars['default'] || Handlebars).template({"compiler":[8,">= 4.3.0"],"main":function(container,depth0,helpers,partials,data) {
+    return "<div class=\"year-group-region\"></div>\r\n<div name=\"year\" class=\"mt-3\"></div>";
+},"useData":true});
+
+/***/ }),
+
+/***/ "./src/shared/views/restrict-access/RestrictAccessGroupComponent.ts":
+/*!**************************************************************************!*\
+  !*** ./src/shared/views/restrict-access/RestrictAccessGroupComponent.ts ***!
+  \**************************************************************************/
+/*! exports provided: RestrictAccessGroupComponent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RestrictAccessGroupComponent", function() { return RestrictAccessGroupComponent; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* 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_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _restrict_access_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./restrict-access.scss */ "./src/shared/views/restrict-access/restrict-access.scss");
+/* harmony import */ var _restrict_access_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_restrict_access_scss__WEBPACK_IMPORTED_MODULE_5__);
+/* harmony import */ var _RestrictAccessGroup_hbs__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./RestrictAccessGroup.hbs */ "./src/shared/views/restrict-access/RestrictAccessGroup.hbs");
+/* harmony import */ var _RestrictAccessGroup_hbs__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_RestrictAccessGroup_hbs__WEBPACK_IMPORTED_MODULE_6__);
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _services_UserDataService__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../services/UserDataService */ "./src/shared/services/UserDataService.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../enums */ "./src/shared/enums/index.ts");
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Date.prototype.toString.call(Reflect.construct(Date, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+
+
+
+
+
+
+
+
+
+
+
+
+var RestrictAccessYearGroupItemCollection = /*#__PURE__*/function (_Core$Component) {
+  _inherits(RestrictAccessYearGroupItemCollection, _Core$Component);
+
+  var _super = _createSuper(RestrictAccessYearGroupItemCollection);
+
+  function RestrictAccessYearGroupItemCollection() {
+    _classCallCheck(this, RestrictAccessYearGroupItemCollection);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(RestrictAccessYearGroupItemCollection, [{
+    key: "events",
+    value: function events() {
+      return {
+        click: 'onClick'
+      };
+    }
+  }, {
+    key: "onClick",
+    value: function onClick() {
+      var channel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.options.channelName);
+      channel.trigger('group:selected', this.model);
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'RestrictAccessYearGroupItemView';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      var className = "btn text-center p-0 pb-1 pt-1 ".concat(_restrict_access_scss__WEBPACK_IMPORTED_MODULE_5___default.a.groupButton);
+      if (this.model.get('selected')) className += " ".concat(_restrict_access_scss__WEBPACK_IMPORTED_MODULE_5___default.a.groupButtonSelected);
+      return className;
+    }
+  }, {
+    key: "tagName",
+    get: function get() {
+      return 'button';
+    }
+  }, {
+    key: "attributes",
+    get: function get() {
+      var width = 100 / this.model.collection.length;
+      return {
+        type: 'button',
+        style: "width: ".concat(width, "%")
+      };
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      var year = this.model.get('year');
+      return "<span>".concat(year, "</span>");
+    }
+  }]);
+
+  return RestrictAccessYearGroupItemCollection;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+var RestrictAccessYearGroupComponentCollection = /*#__PURE__*/function (_Core$CollectionView) {
+  _inherits(RestrictAccessYearGroupComponentCollection, _Core$CollectionView);
+
+  var _super2 = _createSuper(RestrictAccessYearGroupComponentCollection);
+
+  function RestrictAccessYearGroupComponentCollection() {
+    _classCallCheck(this, RestrictAccessYearGroupComponentCollection);
+
+    return _super2.apply(this, arguments);
+  }
+
+  _createClass(RestrictAccessYearGroupComponentCollection, [{
+    key: "initialize",
+    value: function initialize() {
+      this.bindListeners();
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      this.listenTo(this.channelName, 'group:selected', this.onYearGroupSelected);
+    }
+  }, {
+    key: "onYearGroupSelected",
+    value: function onYearGroupSelected(model) {
+      this.collection.each(function (m) {
+        return m.set('selected', m.get('groupId') <= model.get('groupId'));
+      });
+      this.model.set('groupId', model.get('groupId'));
+      this.model.set('yearGroup', model.get('groupId'));
+      this.render();
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      // Year group in this view has been previously set, so refresh that state
+      var yearGroup = this.model.get('yearGroup') || this.model.get('groupId');
+
+      if (yearGroup) {
+        this.collection.each(function (g) {
+          return g.set('selected', g.get('groupId') <= yearGroup);
+        });
+        this.model.set('groupId', yearGroup);
+      }
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'RestrictAccessYearGroupComponentCollection';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return "btn-group w-100 ".concat(_restrict_access_scss__WEBPACK_IMPORTED_MODULE_5___default.a.groupButtons);
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return "".concat(this.name).concat(this.cid);
+    }
+  }, {
+    key: "childView",
+    get: function get() {
+      return RestrictAccessYearGroupItemCollection;
+    }
+  }, {
+    key: "childViewOptions",
+    get: function get() {
+      return {
+        channelName: this.channelName
+      };
+    }
+  }]);
+
+  return RestrictAccessYearGroupComponentCollection;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].CollectionView);
+
+var RestrictAccessGroupComponent = /*#__PURE__*/function (_Core$Component2) {
+  _inherits(RestrictAccessGroupComponent, _Core$Component2);
+
+  var _super3 = _createSuper(RestrictAccessGroupComponent);
+
+  function RestrictAccessGroupComponent() {
+    _classCallCheck(this, RestrictAccessGroupComponent);
+
+    return _super3.apply(this, arguments);
+  }
+
+  _createClass(RestrictAccessGroupComponent, [{
+    key: "initialize",
+    value: function initialize() {
+      this.configDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__["InstanceManager"].getInstance(_constants__WEBPACK_IMPORTED_MODULE_7__["DataServices"].Config, this);
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        yearGroupList: {
+          replaceElement: true,
+          el: '.year-group-region'
+        }
+      };
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      return {
+        styles: _restrict_access_scss__WEBPACK_IMPORTED_MODULE_5___default.a
+      };
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      var _this = this;
+
+      if (!this.yearGroups) this.getYearGroups(); // If the videos groupId isn't a year group, set it to undefined
+
+      if (!underscore__WEBPACK_IMPORTED_MODULE_0__["some"](this.yearGroups, function (g) {
+        return g.groupId === _this.model.get('groupId');
+      })) this.model.set('groupId', undefined);
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      this.stickit();
+      this.showChildView('yearGroupList', new RestrictAccessYearGroupComponentCollection({
+        model: this.model,
+        collection: new _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Collection(this.yearGroups)
+      }));
+    }
+  }, {
+    key: "onBeforeDestroy",
+    value: function onBeforeDestroy() {
+      this.unstickit();
+    }
+  }, {
+    key: "getYearGroups",
+    value: function getYearGroups() {
+      var _this2 = this;
+
+      var customerYearGroups = this.configDataService.getCustomerYearGroups(this.currentUser.get('countryCode'));
+      this.yearGroups = [];
+
+      underscore__WEBPACK_IMPORTED_MODULE_0__["keys"](_enums__WEBPACK_IMPORTED_MODULE_10__["YearGroup"]).forEach(function (oyg) {
+        var groupId = parseInt(oyg, 10); // Only add year groups present in the customers year groups
+
+        if (!underscore__WEBPACK_IMPORTED_MODULE_0__["isNaN"](groupId) && underscore__WEBPACK_IMPORTED_MODULE_0__["contains"](customerYearGroups, groupId)) {
+          var year = groupId === _enums__WEBPACK_IMPORTED_MODULE_10__["YearGroup"].Kindergarten ? 'K' : _enums__WEBPACK_IMPORTED_MODULE_10__["YearGroup"][groupId].replace('Year', 'Y');
+
+          _this2.yearGroups.push({
+            year: year,
+            groupId: groupId
+          });
+        }
+      });
+    }
+  }, {
+    key: "buildGroupMessage",
+    value: function buildGroupMessage(group) {
+      if (group) {
+        var groupName = _utils__WEBPACK_IMPORTED_MODULE_8__["RestrictedAccessHelper"].mapYearGroupToName(group);
+        return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'selectedYearGroups', {
+          classNames: _restrict_access_scss__WEBPACK_IMPORTED_MODULE_5___default.a.mediumWeight,
+          groupName: groupName
+        });
+      }
+
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'selectYearGroups');
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'RestrictAccessGroupComponent';
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.restrictAccess';
+    }
+  }, {
+    key: "props",
+    get: function get() {
+      return ['configDataService', 'currentUser'];
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _RestrictAccessGroup_hbs__WEBPACK_IMPORTED_MODULE_6___default.a;
+    }
+    /**
+     * Setup a binding for when the value of the year group changes
+     */
+
+  }, {
+    key: "bindings",
+    get: function get() {
+      var _this3 = this;
+
+      return {
+        '[name=year]': {
+          observe: 'groupId',
+          onGet: function onGet(value) {
+            return _this3.buildGroupMessage(value);
+          },
+          updateMethod: 'html',
+          escape: false
+        }
+      };
+    }
+  }, {
+    key: "requiredResources",
+    get: function get() {
+      return {
+        currentUser: _services_UserDataService__WEBPACK_IMPORTED_MODULE_9__["UserDataServiceHelper"].currentUser
+      };
+    }
+  }]);
+
+  return RestrictAccessGroupComponent;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Component);
+
+/***/ }),
+
+/***/ "./src/shared/views/restrict-access/RestrictAccessView.ts":
+/*!****************************************************************!*\
+  !*** ./src/shared/views/restrict-access/RestrictAccessView.ts ***!
+  \****************************************************************/
+/*! exports provided: RestrictAccessView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RestrictAccessView", function() { return RestrictAccessView; });
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! underscore */ "underscore");
+/* harmony import */ var underscore__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(underscore__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* 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_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_legacy_behaviors_tooltip_TooltipBehavior__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/legacy/behaviors/tooltip/TooltipBehavior */ "../../libs/shared/src/legacy/behaviors/tooltip/TooltipBehavior.ts");
+/* harmony import */ var _models_DisabledSpinnerModel__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../models/DisabledSpinnerModel */ "./src/shared/models/DisabledSpinnerModel.ts");
+/* harmony import */ var _behaviors__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../behaviors */ "./src/shared/behaviors/index.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../utils */ "./src/shared/utils/index.ts");
+/* harmony import */ var _models_Restriction__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../models/Restriction */ "./src/shared/models/Restriction.ts");
+/* harmony import */ var _constants__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../constants */ "./src/shared/constants/index.ts");
+/* harmony import */ var _services_UserDataService__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../services/UserDataService */ "./src/shared/services/UserDataService.ts");
+/* harmony import */ var _services_ConfigDataService__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../services/ConfigDataService */ "./src/shared/services/ConfigDataService.ts");
+/* harmony import */ var _enums__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../enums */ "./src/shared/enums/index.ts");
+/* harmony import */ var _components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../components/spinner-button/SpinnerButtonComponent */ "./src/shared/components/spinner-button/SpinnerButtonComponent.ts");
+/* harmony import */ var _components_dropdown_DropdownButtonComponent__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../components/dropdown/DropdownButtonComponent */ "./src/shared/components/dropdown/DropdownButtonComponent.ts");
+/* harmony import */ var _RestrictAccessGroupComponent__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ./RestrictAccessGroupComponent */ "./src/shared/views/restrict-access/RestrictAccessGroupComponent.ts");
+/* harmony import */ var _RestrictAccessComponent__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./RestrictAccessComponent */ "./src/shared/views/restrict-access/RestrictAccessComponent.ts");
+/* harmony import */ var _RestrictAccess_hbs__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ./RestrictAccess.hbs */ "./src/shared/views/restrict-access/RestrictAccess.hbs");
+/* harmony import */ var _RestrictAccess_hbs__WEBPACK_IMPORTED_MODULE_21___default = /*#__PURE__*/__webpack_require__.n(_RestrictAccess_hbs__WEBPACK_IMPORTED_MODULE_21__);
+/* harmony import */ var _restrict_access_scss__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ./restrict-access.scss */ "./src/shared/views/restrict-access/restrict-access.scss");
+/* harmony import */ var _restrict_access_scss__WEBPACK_IMPORTED_MODULE_22___default = /*#__PURE__*/__webpack_require__.n(_restrict_access_scss__WEBPACK_IMPORTED_MODULE_22__);
+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 DropdownOption;
+
+(function (DropdownOption) {
+  DropdownOption["Students"] = "Students";
+  DropdownOption["Groups"] = "Certain year groups";
+  DropdownOption["All"] = "Students and staff";
+})(DropdownOption || (DropdownOption = {}));
+
+var RestrictAccessView = /*#__PURE__*/function (_Core$View) {
+  _inherits(RestrictAccessView, _Core$View);
+
+  var _super = _createSuper(RestrictAccessView);
+
+  function RestrictAccessView(options) {
+    _classCallCheck(this, RestrictAccessView);
+
+    return _super.call(this, options);
+  }
+
+  _createClass(RestrictAccessView, [{
+    key: "initialize",
+    value: function initialize() {
+      this.restriction = new _models_Restriction__WEBPACK_IMPORTED_MODULE_12__["Restriction"]({
+        groupId: _enums__WEBPACK_IMPORTED_MODULE_16__["YearGroup"].Students
+      });
+      this.selected = DropdownOption.Students;
+      this.bindListeners();
+      this.videoDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__["InstanceManager"].getInstance(_constants__WEBPACK_IMPORTED_MODULE_13__["DataServices"].Video, this);
+      this.restrictedVideoDataService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__["InstanceManager"].getInstance(_constants__WEBPACK_IMPORTED_MODULE_13__["DataServices"].RestrictedVideo, this);
+      this.videoMixinService = _libs_common_src_backbone_services_InstanceManager__WEBPACK_IMPORTED_MODULE_3__["InstanceManager"].getInstance(_constants__WEBPACK_IMPORTED_MODULE_13__["Services"].VideoMixin, this);
+    }
+  }, {
+    key: "bindListeners",
+    value: function bindListeners() {
+      this.listenTo(this.channelName, 'dropdown:selected', this.onOptionSelected);
+      this.listenTo(this.restriction, 'change:groupId', this.onGroupChanged);
+      this.listenTo(_constants__WEBPACK_IMPORTED_MODULE_13__["DataChannels"].VIDEO, "".concat(_constants__WEBPACK_IMPORTED_MODULE_13__["DataPrefixes"].VIDEOS, ":").concat(this.options.videoId, ":sync"), this.render);
+      this.listenTo(_constants__WEBPACK_IMPORTED_MODULE_13__["DataChannels"].RESTRICTED_VIDEO, "".concat(_constants__WEBPACK_IMPORTED_MODULE_13__["DataPrefixes"].RESTRICTED_OBJECTS, ":").concat(this.options.videoId, ":sync"), this.render);
+    }
+  }, {
+    key: "events",
+    value: function events() {
+      return {
+        'submit': 'onSubmit',
+        'click .allow-full-access': 'onAllowFullAccess'
+      };
+    }
+  }, {
+    key: "regions",
+    value: function regions() {
+      return {
+        dropdown: '.dropdown-region',
+        accessView: {
+          replaceElement: true,
+          el: '.access-view-region'
+        }
+      };
+    }
+  }, {
+    key: "getAllowFullAccessBtnClassName",
+    value: function getAllowFullAccessBtnClassName() {
+      var className = 'btn btn-link cursor-pointer mr-2 allow-full-access';
+      if (!this.dataFetched() || this.spinnerModel.get(_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_17__["SpinnerButtonModelAttributes"].ShowSpinner)) className += ' disabled';
+      return className;
+    }
+  }, {
+    key: "getSubmitBtnTooltipOptions",
+    value: function getSubmitBtnTooltipOptions() {
+      if (!this.dataFetched() || !this.spinnerModel.get(_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_17__["SpinnerButtonModelAttributes"].Disabled)) return;
+      return {
+        title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'selectYear')
+      };
+    }
+    /**
+     * Called when a dropdown access option is selected
+     */
+
+  }, {
+    key: "onOptionSelected",
+    value: function onOptionSelected(model) {
+      this.refreshRestriction();
+      var accessView = this.getAccessView(model.get('name'));
+      this.showChildView('accessView', new accessView({
+        model: this.restriction,
+        currentUser: this.currentUser
+      }));
+      this.renderDropdown();
+    }
+    /**
+     * Make sure a year group is selected in the year group button group
+     */
+
+  }, {
+    key: "onGroupChanged",
+    value: function onGroupChanged(model) {
+      if (!this.isRendered()) return;
+      this.spinnerModel.set(_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_17__["SpinnerButtonModelAttributes"].Disabled, underscore__WEBPACK_IMPORTED_MODULE_0__["isUndefined"](model.get('groupId')));
+    }
+    /**
+     * Returns corresponding view to render based on selected option
+     * and sets group if Students or All selected
+     */
+
+  }, {
+    key: "getAccessView",
+    value: function getAccessView(selected) {
+      this.selected = selected;
+
+      switch (selected) {
+        case DropdownOption.Students:
+          this.restriction.set('groupId', _enums__WEBPACK_IMPORTED_MODULE_16__["YearGroup"].Students);
+          return _RestrictAccessComponent__WEBPACK_IMPORTED_MODULE_20__["RestrictAccessComponent"];
+
+        case DropdownOption.Groups:
+          return _RestrictAccessGroupComponent__WEBPACK_IMPORTED_MODULE_19__["RestrictAccessGroupComponent"];
+
+        case DropdownOption.All:
+          this.restriction.set('groupId', _enums__WEBPACK_IMPORTED_MODULE_16__["YearGroup"].All);
+          return _RestrictAccessComponent__WEBPACK_IMPORTED_MODULE_20__["RestrictAccessComponent"];
+      }
+    }
+    /**
+     * Returns the dropdown item corresponding to the given restriction groupId
+     */
+
+  }, {
+    key: "getSelection",
+    value: function getSelection(groupId) {
+      switch (groupId) {
+        case _enums__WEBPACK_IMPORTED_MODULE_16__["YearGroup"].All:
+        case _enums__WEBPACK_IMPORTED_MODULE_16__["YearGroup"].Staff:
+          return DropdownOption.All;
+
+        case _enums__WEBPACK_IMPORTED_MODULE_16__["YearGroup"].Students:
+          return DropdownOption.Students;
+
+        default:
+          return DropdownOption.Groups;
+      }
+    }
+    /**
+     * Re-sets the server side restriction on the model, essentially refreshing the model with its
+     * actual restrictions. Also sets the dropdown selection to the dropdown corresponding to the restriction
+     */
+
+  }, {
+    key: "refreshRestriction",
+    value: function refreshRestriction() {
+      if (!this.restrictedObjectCollection || !this.restrictedObjectCollection.length || !this.model) return;
+      this.videoMixinService.mixinVideoRestriction(this.model, this.restrictedObjectCollection);
+      var restriction = this.model.restrictions.last(); // If a restriction on the video exists, set the views selection and restriction to it
+
+      if (restriction && underscore__WEBPACK_IMPORTED_MODULE_0__["isNumber"](restriction.get('groupId'))) {
+        this.restriction.set('groupId', restriction.get('groupId'));
+        this.selected = this.getSelection(restriction.get('groupId'));
+      }
+    }
+  }, {
+    key: "onSubmit",
+    value: function onSubmit(e) {
+      var _this = this;
+
+      e && e.preventDefault();
+      if (underscore__WEBPACK_IMPORTED_MODULE_0__["isUndefined"](this.restriction.get('groupId'))) return false;
+      backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(this.channelName).trigger(_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_17__["SpinnerButtonEvents"].ShowSpinner);
+      this.restrictedVideoDataService.updateVideoRestriction(this.options.videoId, this.restriction.get('groupId'), this.currentUser.get('customerId'), this.currentUser.get('id'), function () {
+        _this.triggerMethod('hide');
+
+        backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_constants__WEBPACK_IMPORTED_MODULE_13__["DataChannels"].RESTRICTED_VIDEO).trigger('cache:cleared');
+      });
+      this.logAction(this.restriction.get('groupId'));
+    }
+  }, {
+    key: "onAllowFullAccess",
+    value: function onAllowFullAccess() {
+      if (!this.dataFetched() || this.spinnerModel.get(_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_17__["SpinnerButtonModelAttributes"].ShowSpinner)) return;
+      this.spinnerModel.set(_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_17__["SpinnerButtonModelAttributes"].Disabled, true);
+      this.restriction.set('groupId', _enums__WEBPACK_IMPORTED_MODULE_16__["YearGroup"].All);
+      this.restrictedVideoDataService.deleteVideoRestriction(this.options.videoId, function () {
+        backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_constants__WEBPACK_IMPORTED_MODULE_13__["DataChannels"].RESTRICTED_VIDEO).trigger('cache:cleared');
+      });
+      this.triggerMethod('hide');
+      this.logAction();
+    }
+  }, {
+    key: "logAction",
+    value: function logAction(groupId) {
+      var analyticsOptions = {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["LocationContext"].Popup,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["UserAction"].SetAccess,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["EntityType"].Video,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_9__["WorkflowPhase"].Complete
+      };
+      var data = {
+        id: this.model.get('id'),
+        restriction: underscore__WEBPACK_IMPORTED_MODULE_0__["isNumber"](groupId) ? _enums__WEBPACK_IMPORTED_MODULE_16__["YearGroup"][groupId] : false
+      };
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_10__["AnalyticsHelper"].logUserAction(data, analyticsOptions);
+    }
+  }, {
+    key: "dataFetched",
+    value: function dataFetched() {
+      return !!this.model && !!this.restrictedObjectCollection;
+    }
+  }, {
+    key: "renderDropdown",
+    value: function renderDropdown() {
+      var _this2 = this;
+
+      this.collection = new _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Collection([{
+        name: DropdownOption.Students
+      }, {
+        name: DropdownOption.Groups
+      }, {
+        name: DropdownOption.All
+      }]); // TODO: uncomment this when schoolType is populated in user model
+      // if (SchoolTypeMetadata[this.currentUser.get('schoolType')].hasYearGroups)
+      // this.collection.findWhere({ name: DropdownOption.Groups }).destroy();
+      // Set selected model to the one chosen in the access dropdown
+
+      this.collection.each(function (m) {
+        return m.set('selected', m.get('name') === _this2.selected);
+      });
+      this.showChildView('dropdown', new _components_dropdown_DropdownButtonComponent__WEBPACK_IMPORTED_MODULE_18__["DropdownButtonComponent"]({
+        titleProperty: 'name',
+        eventName: 'dropdown:selected',
+        buttonId: 'select-btn',
+        collection: this.collection,
+        channelName: this.channelName,
+        buttonClass: _restrict_access_scss__WEBPACK_IMPORTED_MODULE_22___default.a.selectButton,
+        displayOptions: {
+          extraClasses: 'w-100'
+        },
+        analyticsHelper: _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_10__["AnalyticsHelper"]
+      }));
+    }
+  }, {
+    key: "onBeforeRender",
+    value: function onBeforeRender() {
+      this.model = this.videoDataService.getVideo(this.options.videoId);
+      this.restrictedObjectCollection = this.restrictedVideoDataService.getVideoRestrictions([this.options.videoId]);
+      if (this.model && this.restrictedObjectCollection) this.refreshRestriction();
+      if (this.dataFetched()) this.spinnerModel.set(_components_spinner_button_SpinnerButtonComponent__WEBPACK_IMPORTED_MODULE_17__["SpinnerButtonModelAttributes"].Disabled, false);
+    }
+  }, {
+    key: "viewOptions",
+    value: function viewOptions() {
+      var supportUrl = this.config ? "".concat(this.config.get('supportSiteUrl')).concat(_constants__WEBPACK_IMPORTED_MODULE_13__["SupportArticles"].VIDEO_ACCESS) : '';
+      return {
+        styles: _restrict_access_scss__WEBPACK_IMPORTED_MODULE_22___default.a,
+        supportUrl: supportUrl,
+        svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["SvgHelper"].getSvg(_libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_5__["cvSvgLibrary"].Info),
+        dataFetched: this.dataFetched(),
+        spinnerEl: _utils__WEBPACK_IMPORTED_MODULE_11__["SpinnerHelper"].getSpinner({
+          size: _utils__WEBPACK_IMPORTED_MODULE_11__["SpinnerSize"].Large,
+          extraClasses: 'mx-auto'
+        }),
+        restrictFromLabel: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'popupSubheading')
+      };
+    }
+  }, {
+    key: "onRender",
+    value: function onRender() {
+      if (!this.dataFetched()) return;
+      this.renderDropdown();
+      this.onOptionSelected(new _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].Model({
+        name: this.selected
+      }));
+    }
+  }, {
+    key: "name",
+    get: function get() {
+      return 'RestrictAccessView';
+    }
+  }, {
+    key: "title",
+    get: function get() {
+      return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'title');
+    }
+  }, {
+    key: "lang",
+    get: function get() {
+      return 'shared.restrictAccess';
+    }
+  }, {
+    key: "tagName",
+    get: function get() {
+      return 'form';
+    }
+  }, {
+    key: "className",
+    get: function get() {
+      return 'form-group';
+    }
+  }, {
+    key: "channelName",
+    get: function get() {
+      return _utils__WEBPACK_IMPORTED_MODULE_11__["RadioChannelHelper"].generateUniqueChannelName(this);
+    }
+  }, {
+    key: "template",
+    get: function get() {
+      return _RestrictAccess_hbs__WEBPACK_IMPORTED_MODULE_21___default.a;
+    }
+  }, {
+    key: "behaviors",
+    get: function get() {
+      var _this3 = this;
+
+      return [{
+        behaviorClass: _behaviors__WEBPACK_IMPORTED_MODULE_8__["PopupBehavior"],
+        title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'popupHeading'),
+        modalClasses: _restrict_access_scss__WEBPACK_IMPORTED_MODULE_22___default.a.modal,
+        hideCloseButton: true,
+        size: 'modal-md',
+        spinnerButtonOptions: {
+          channelName: this.channelName,
+          model: this.spinnerModel = new _models_DisabledSpinnerModel__WEBPACK_IMPORTED_MODULE_7__["DisabledSpinnerModel"](),
+          buttonText: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'updateAccess'),
+          tooltip: function tooltip() {
+            return _this3.getSubmitBtnTooltipOptions();
+          },
+          onClick: function onClick(e) {
+            return _this3.onSubmit(e);
+          }
+        },
+        buttons: [{
+          text: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'allowFullAccess'),
+          getClassName: function getClassName() {
+            return _this3.getAllowFullAccessBtnClassName();
+          }
+        }]
+      }, {
+        behaviorClass: _libs_shared_src_legacy_behaviors_tooltip_TooltipBehavior__WEBPACK_IMPORTED_MODULE_6__["TooltipBehavior"],
+        selector: ".".concat(_restrict_access_scss__WEBPACK_IMPORTED_MODULE_22___default.a.svgContainer),
+        title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(this.lang, 'findOutMore')
+      }];
+    }
+  }, {
+    key: "elements",
+    get: function get() {
+      return {
+        submit: 'submit'
+      };
+    }
+  }, {
+    key: "requiredResources",
+    get: function get() {
+      return {
+        config: _services_ConfigDataService__WEBPACK_IMPORTED_MODULE_15__["ConfigDataServiceHelper"].config,
+        currentUser: _services_UserDataService__WEBPACK_IMPORTED_MODULE_14__["UserDataServiceHelper"].currentUser
+      };
+    }
+  }]);
+
+  return RestrictAccessView;
+}(_libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].View);
+
+/***/ }),
+
+/***/ "./src/shared/views/restrict-access/restrict-access.scss":
+/*!***************************************************************!*\
+  !*** ./src/shared/views/restrict-access/restrict-access.scss ***!
+  \***************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"select":"cv--select--1rbBR","selectButton":"cv--selectButton--htYy7","svgContainer":"cv--svgContainer--1sQ7D","groupButton":"cv--groupButton--2CM1D","groupButtons":"cv--groupButtons--3uv-z","groupButtonSelected":"cv--groupButtonSelected--uC5RG","buttonDisabled":"cv--buttonDisabled--3-I1L","mediumWeight":"cv--mediumWeight--10amI"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=16.chunk.js.map