@clickview/lite 0.0.26-dev.0 → 0.0.26-dev.1

package/dist/scripts/39.chunk.js

@@ -0,0 +1,408 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[39],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx ***!
+  \***************************************************************************************************/
+/*! exports provided: ClassroomGroupDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupDetailsForm", function() { return ClassroomGroupDetailsForm; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/colour-picker/ColourPicker */ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx");
+/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./classroom-group-details-form.scss */ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss");
+/* harmony import */ var _classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default = /*#__PURE__*/__webpack_require__.n(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8__);
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomGroupDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function ClassroomGroupDetailsForm(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'w-50 d-inline-block h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'nameLabel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'd-inline-block h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'colourLabel'
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'pb-3 d-flex align-items-center'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'w-50'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    className: "".concat(_classroom_group_details_form_scss__WEBPACK_IMPORTED_MODULE_8___default.a.groupNameInput),
+    placeholder: getPhrase('groupNamePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'form-group'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_colour_picker_ColourPicker__WEBPACK_IMPORTED_MODULE_7__["ColourPicker"], {
+    onSelect: function onSelect(c) {
+      return formikProps.setFieldValue('colour', c);
+    },
+    selection: formikProps.values.colour,
+    id: "".concat(props.isNew ? 'create' : 'edit', "-classroom-group")
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
+    isNew: props.isNew
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss":
+/*!*******************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss ***!
+  \*******************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"groupNameInput":"cv--groupNameInput--3hGvq"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/colour-picker/ColourPicker.tsx":
+/*!***********************************************************************!*\
+  !*** ./src/apps/classrooms/components/colour-picker/ColourPicker.tsx ***!
+  \***********************************************************************/
+/*! exports provided: ColourPicker */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ColourPicker", function() { return ColourPicker; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/div-button/DivButton */ "../../libs/shared/src/components/div-button/DivButton.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
+/* harmony import */ var apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/utils/GroupHelper */ "./src/apps/classrooms/utils/GroupHelper.ts");
+/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./colour-picker.scss */ "./src/apps/classrooms/components/colour-picker/colour-picker.scss");
+/* harmony import */ var _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+ColourPicker.defaultProps = {
+  selection: _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ClassroomGroupColour"].White,
+  onSelect: function onSelect() {}
+};
+function ColourPicker(props) {
+  function getToggleButtonClass() {
+    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle, " outline-none p-0 d-flex align-items-center text-decoration-none");
+    var disabledClass = props.disabled ? 'cursor-default' : '';
+    return "".concat(baseClass, " ").concat(disabledClass);
+  }
+
+  function getOptionClass(colour) {
+    var baseClass = "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourOption, " position-relative");
+    var borderClass = colour === 'colour:0' ? 'border border-dark' : '';
+    var disabledClass = props.disabled ? 'cursor-default' : '';
+    var colorClass = Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(colour);
+    return "".concat(baseClass, " ").concat(borderClass, " ").concat(disabledClass, " ").concat(colorClass);
+  }
+
+  var dropdownProps = {};
+  if (props.disabled) dropdownProps.show = false;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"], Object.assign({}, dropdownProps), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Toggle, {
+    id: props.id,
+    variant: 'link',
+    className: getToggleButtonClass()
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "border border-secondary rounded bg-white ".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourButton)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "px-0 py-1 rounded ".concat(Object(apps_classrooms_utils_GroupHelper__WEBPACK_IMPORTED_MODULE_6__["mapColourToClassName"])(props.selection))
+  }, "\xA0")), !props.disabled && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_3__["SvgContainer"], {
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].Caret
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Dropdown"].Menu, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: "".concat(_colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.colourList, " list-unstyled d-flex flex-wrap px-2 m-0")
+  }, Object.keys(_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ClassroomGroupColour"]).map(function (colourKey) {
+    var colour = _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ClassroomGroupColour"][colourKey];
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: "".concat(props.id, ":").concat(colour),
+      className: 'm-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_div_button_DivButton__WEBPACK_IMPORTED_MODULE_2__["DivButton"], {
+      onClick: function onClick() {
+        return props.onSelect(colour);
+      },
+      className: getOptionClass(colour)
+    }, colour === _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ClassroomGroupColour"].White ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: _colour_picker_scss__WEBPACK_IMPORTED_MODULE_7___default.a.lineThrough
+    }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, "\xA0")));
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/colour-picker/colour-picker.scss":
+/*!*************************************************************************!*\
+  !*** ./src/apps/classrooms/components/colour-picker/colour-picker.scss ***!
+  \*************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"dropdownToggle":"cv--dropdownToggle--347DY","colourButton":"cv--colourButton--1rKvE","colourList":"cv--colourList--328-w","colourOption":"cv--colourOption--1Tw7u","lineThrough":"cv--lineThrough--18oZq"};
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx ***!
+  \***************************************************************************************************/
+/*! exports provided: EditClassroomGroupDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomGroupDetails", function() { return EditClassroomGroupDetails; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomGroupValidationSchema */ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts");
+/* harmony import */ var apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm */ "./src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx");
+
+
+
+
+function EditClassroomGroupDetails(props) {
+  var _a, _b, _c, _d, _e;
+
+  var group = props.group,
+      saveGroup = props.saveGroup,
+      onClickCancel = props.onClickCancel;
+  var initialValues = {
+    id: (_a = group) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = group) === null || _b === void 0 ? void 0 : _b.name,
+    description: (_c = group) === null || _c === void 0 ? void 0 : _c.description,
+    colour: (_e = (_d = group) === null || _d === void 0 ? void 0 : _d.metadata) === null || _e === void 0 ? void 0 : _e.colour
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    validationSchema: apps_classrooms_validation_ClassroomGroupValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomGroupValidationSchema"],
+    onSubmit: saveGroup
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_group_details_form_ClassroomGroupDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomGroupDetailsForm"], {
+    isNew: !group,
+    onClickCancel: onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/utils/GroupHelper.ts":
+/*!**************************************************!*\
+  !*** ./src/apps/classrooms/utils/GroupHelper.ts ***!
+  \**************************************************/
+/*! exports provided: mapColourToClassName */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "mapColourToClassName", function() { return mapColourToClassName; });
+/* harmony import */ var _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
+
+function mapColourToClassName(groupColour) {
+  switch (groupColour) {
+    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].White:
+    default:
+      return 'bg-white';
+
+    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].Pink:
+      return 'bg-pink';
+
+    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].YellowOrange:
+      return 'bg-yellow-orange';
+
+    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].Emerald:
+      return 'bg-emerald';
+
+    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].PuertoRico:
+      return 'bg-puerto-rico';
+
+    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].PictonBlue:
+      return 'bg-picton-blue';
+
+    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].EastSide:
+      return 'bg-east-side';
+
+    case _libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_0__["ClassroomGroupColour"].Portage:
+      return 'bg-portage';
+  }
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts":
+/*!**************************************************************************!*\
+  !*** ./src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts ***!
+  \**************************************************************************/
+/*! exports provided: ClassroomGroupValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomGroupValidationSchema", function() { return ClassroomGroupValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__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_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/interfaces */ "../../libs/shared/src/interfaces/index.ts");
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
+var ClassroomGroupValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"](''),
+  description: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])()["default"](''),
+  colour: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])() // TODO: Make this required when backend is implemented
+  // .required(() => getPhrase('colourRequired'))
+  ["default"](_libs_shared_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["ClassroomGroupColour"].White)
+});
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/edit-classroom-group/EditClassroomGroupView.tsx":
+/*!***********************************************************************************!*\
+  !*** ./src/apps/classrooms/views/edit-classroom-group/EditClassroomGroupView.tsx ***!
+  \***********************************************************************************/
+/*! exports provided: EditClassroomGroupView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomGroupView", function() { return EditClassroomGroupView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails */ "./src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx");
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.editClassroomGroup';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+function EditClassroomGroupView(props) {
+  var group = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_7__["ClassroomRequests"].getClassroomGroup(props.groupId));
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_6__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var saveGroup = function saveGroup(editedGroup) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_7__["ClassroomRequests"].editGroup(editedGroup, props.classroomId, function () {
+      alerts.success(getPhrase('success', {
+        groupName: editedGroup.name
+      }));
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"].logUserAction(editedGroup, props.analyticsOptions);
+      props.closePopup();
+    }, function () {
+      // TODO: Handle possible errors once we have a server side
+      alerts.error(getPhrase('error', {
+        groupName: group.data.name
+      }));
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_5__["Popup"], {
+    title: getPhrase('title'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !group.data
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_group_details_EditClassroomGroupDetails__WEBPACK_IMPORTED_MODULE_8__["EditClassroomGroupDetails"], {
+    saveGroup: saveGroup,
+    group: group.data,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=39.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss?5f70","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/colour-picker/ColourPicker.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/colour-picker/colour-picker.scss?a69e","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/utils/GroupHelper.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/edit-classroom-group/EditClassroomGroupView.tsx"],"names":[],"mappings":"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","file":"scripts/39.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import React from 'react';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { ColourPicker } from 'apps/classrooms/components/colour-picker/ColourPicker';\r\nimport { EditClassroomGroupRequest } from 'apps/classrooms/interfaces/EditClassroomGroupRequest';\r\n\r\nimport styles from './classroom-group-details-form.scss';\r\n\r\nconst namespace = 'classrooms.classroomGroupDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ClassroomGroupDetailsFormProps {\r\n  isNew: boolean;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function ClassroomGroupDetailsForm(props: ClassroomGroupDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContextWrapper<EditClassroomGroupRequest>();\r\n\r\n  return (\r\n    <>\r\n      <div>\r\n        <h2 className='w-50 d-inline-block h6'><Text namespace={namespace} phrase='nameLabel' /></h2>\r\n        <h2 className='d-inline-block h6'><Text namespace={namespace} phrase='colourLabel' /></h2>\r\n      </div>\r\n\r\n      <Form>\r\n        <div className='pb-3 d-flex align-items-center'>\r\n          <div className='w-50'>\r\n            <FormField\r\n              type='text'\r\n              name='name'\r\n              id='name'\r\n              className={`${styles.groupNameInput}`}\r\n              placeholder={getPhrase('groupNamePlaceholder')}\r\n              autoFocus\r\n              value={formikProps.values.name}\r\n            />\r\n          </div>\r\n          <div className='form-group'>\r\n            <ColourPicker\r\n              onSelect={c => formikProps.setFieldValue('colour', c)}\r\n              selection={formikProps.values.colour}\r\n              id={`${props.isNew ? 'create' : 'edit'}-classroom-group`}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div className='btn-container d-flex justify-content-end'>\r\n          <button type='button' className='btn btn-link mr-2' onClick={props.onClickCancel}>\r\n            <Text namespace={namespace} phrase='cancel' />\r\n          </button>\r\n          <FormButtons isNew={props.isNew} />\r\n        </div>\r\n      </Form>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"groupNameInput\":\"cv--groupNameInput--3hGvq\"};","import React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { ClassroomGroupColour } from 'libs/shared/interfaces';\r\n\r\nimport { mapColourToClassName } from 'apps/classrooms/utils/GroupHelper';\r\n\r\nimport styles from './colour-picker.scss';\r\n\r\ninterface ColourPickerProps {\r\n  id: string;\r\n  onSelect?: (colour: string) => void;\r\n  selection?: ClassroomGroupColour;\r\n  disabled?: boolean;\r\n}\r\n\r\nColourPicker.defaultProps = {\r\n  selection: ClassroomGroupColour.White,\r\n  onSelect: () => {}\r\n};\r\n\r\nexport function ColourPicker(props: ColourPickerProps): JSX.Element {\r\n  function getToggleButtonClass(): string {\r\n    const baseClass = `${styles.dropdownToggle} outline-none p-0 d-flex align-items-center text-decoration-none`;\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n\r\n    return `${baseClass} ${disabledClass}`;\r\n  }\r\n\r\n  function getOptionClass(colour: ClassroomGroupColour): string {\r\n    const baseClass = `${styles.colourOption} position-relative`;\r\n    const borderClass = colour === 'colour:0' ? 'border border-dark' : '';\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n    const colorClass = mapColourToClassName(colour);\r\n\r\n    return `${baseClass} ${borderClass} ${disabledClass} ${colorClass}`;\r\n  }\r\n\r\n  const dropdownProps: HashObject = {};\r\n  if (props.disabled)\r\n    dropdownProps.show = false;\r\n\r\n  return (\r\n    <Dropdown {...dropdownProps}>\r\n      <Dropdown.Toggle id={props.id} variant='link' className={getToggleButtonClass()}>\r\n        <div className={`border border-secondary rounded bg-white ${styles.colourButton}`}>\r\n          <div className={`px-0 py-1 rounded ${mapColourToClassName(props.selection)}`}>\r\n            &nbsp;\r\n          </div>\r\n        </div>\r\n\r\n        {!props.disabled &&\r\n          <SvgContainer svgName={cvSvgLibrary.Caret} />\r\n        }\r\n      </Dropdown.Toggle>\r\n\r\n      <Dropdown.Menu>\r\n        <ul className={`${styles.colourList} list-unstyled d-flex flex-wrap px-2 m-0`}>\r\n          {Object.keys(ClassroomGroupColour).map(colourKey => {\r\n            const colour = (ClassroomGroupColour as any)[colourKey];\r\n\r\n            return (\r\n              <li key={`${props.id}:${colour}`} className='m-1'>\r\n                <DivButton\r\n                  onClick={() => props.onSelect(colour)}\r\n                  className={getOptionClass(colour)}\r\n                >\r\n                  {colour === ClassroomGroupColour.White\r\n                    ? <div className={styles.lineThrough} />\r\n                    : <>&nbsp;</>\r\n                  }\r\n                </DivButton>\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdownToggle\":\"cv--dropdownToggle--347DY\",\"colourButton\":\"cv--colourButton--1rKvE\",\"colourList\":\"cv--colourList--328-w\",\"colourOption\":\"cv--colourOption--1Tw7u\",\"lineThrough\":\"cv--lineThrough--18oZq\"};","import React from 'react';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\n\r\nimport { ClassroomGroup } from 'libs/shared/interfaces';\r\nimport { ClassroomGroupValidationSchema } from 'apps/classrooms/validation/ClassroomGroupValidationSchema';\r\nimport { ClassroomGroupDetailsForm } from 'apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm';\r\nimport { EditClassroomGroupRequest } from 'apps/classrooms/interfaces/EditClassroomGroupRequest';\r\n\r\ninterface EditClassroomGroupDetailsProps {\r\n  group?: ClassroomGroup;\r\n  saveGroup: (group: EditClassroomGroupRequest) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditClassroomGroupDetails(props: EditClassroomGroupDetailsProps): React.ReactElement {\r\n  const { group, saveGroup, onClickCancel } = props;\r\n\r\n  const initialValues: EditClassroomGroupRequest = {\r\n    id: group?.id,\r\n    name: group?.name,\r\n    description: group?.description,\r\n    colour: group?.metadata?.colour\r\n  };\r\n\r\n  return (\r\n    <FormWrapper<EditClassroomGroupRequest>\r\n      initialValues={initialValues}\r\n      validationSchema={ClassroomGroupValidationSchema}\r\n      onSubmit={saveGroup}\r\n    >\r\n      <ClassroomGroupDetailsForm isNew={!group} onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","import { ClassroomGroupColour } from 'libs/shared/interfaces';\r\n\r\nexport function mapColourToClassName(groupColour: ClassroomGroupColour): string {\r\n  switch (groupColour) {\r\n  case ClassroomGroupColour.White:\r\n  default:\r\n    return 'bg-white';\r\n  case ClassroomGroupColour.Pink:\r\n    return 'bg-pink';\r\n  case ClassroomGroupColour.YellowOrange:\r\n    return 'bg-yellow-orange';\r\n  case ClassroomGroupColour.Emerald:\r\n    return 'bg-emerald';\r\n  case ClassroomGroupColour.PuertoRico:\r\n    return 'bg-puerto-rico';\r\n  case ClassroomGroupColour.PictonBlue:\r\n    return 'bg-picton-blue';\r\n  case ClassroomGroupColour.EastSide:\r\n    return 'bg-east-side';\r\n  case ClassroomGroupColour.Portage:\r\n    return 'bg-portage';\r\n  }\r\n}","import { object, string } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { ClassroomGroupColour } from 'libs/shared/interfaces';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('classrooms.classroomValidation');\r\n\r\nexport const ClassroomGroupValidationSchema = object().shape({\r\n  name: string()\r\n    .max(255, () => getPhrase('nameExceeds'))\r\n    .required(() => getPhrase('nameRequired'))\r\n    .default(''),\r\n  description: string()\r\n    .default(''),\r\n  colour: string()\r\n    // TODO: Make this required when backend is implemented\r\n    // .required(() => getPhrase('colourRequired'))\r\n    .default(ClassroomGroupColour.White)\r\n});","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { ClassroomGroup } from 'libs/shared/interfaces';\r\n\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { EditClassroomGroupDetails } from 'apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails';\r\nimport { EditClassroomGroupRequest } from 'apps/classrooms/interfaces/EditClassroomGroupRequest';\r\n\r\nconst namespace = 'classrooms.editClassroomGroup';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype EditClassroomGroupViewProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{\r\n  classroomId: string;\r\n  groupId: string;\r\n}>>;\r\n\r\nexport function EditClassroomGroupView(props: EditClassroomGroupViewProps): JSX.Element {\r\n  const group = Flight.useBasicFetch<ClassroomGroup>(ClassroomRequests.getClassroomGroup(props.groupId));\r\n\r\n  const alerts = useAlerts();\r\n  const dispatch = useDispatch();\r\n\r\n  const saveGroup = (editedGroup: EditClassroomGroupRequest) => {\r\n    Flight.fetch(dispatch, ClassroomRequests.editGroup(editedGroup, props.classroomId, () => {\r\n      alerts.success(getPhrase('success', { groupName: editedGroup.name }));\r\n\r\n      AnalyticsHelper.logUserAction(editedGroup, props.analyticsOptions);\r\n\r\n      props.closePopup();\r\n    }, () => {\r\n      // TODO: Handle possible errors once we have a server side\r\n      alerts.error(getPhrase('error', { groupName: group.data.name }));\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={!group.data}>\r\n      <EditClassroomGroupDetails\r\n        saveGroup={saveGroup}\r\n        group={group.data}\r\n        onClickCancel={props.closePopup}\r\n      />\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/4-eef3251d84.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[4],{1002:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(0);function a(e){return r.createElement("div",{className:"custom-control custom-checkbox ".concat(e.className)},r.createElement("input",{type:"checkbox",className:"custom-control-input",id:e.id,name:e.name,checked:e.checked,onChange:e.onChange}),r.createElement("label",{className:"custom-control-label cursor-pointer",htmlFor:e.id},e.label))}a.defaultProps={checked:!1,label:"",className:""}},1013:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(140),a=/([0-9]+)/gi,i=/(^\w+)/gi;var o={getSortedPresentationAudiences:function(e,t){var n=e.map((function(e){return e.id.toString()}));return t.filter((function(e){return n.includes(e.masterId.toString())}))},getMergedPresentationAudienceString:function(e){if(1===e.length)return e[0];var t=e.map((function(e){return e.name})).join(","),n=t.match(a),r=t.match(i);if(!n||!r)return e[0];var o=function(e){var t,n,r,a,i=!1,o=[];for(e=e.sort((function(e,t){return e-t})),r=0;r<e.length;r++)a=r+1,i||(t=e[r]),n=e[a],e[r]+1===n?i=!0:i?(o.push("".concat(t," - ").concat(e[r])),i=!1):(o.push("".concat(e[r])),i=!1);return o}(n.map((function(e){return+e}))||[]),c=r[0];return{name:"".concat(c," ").concat(o.join(" , "))}},sortMembersWithDuplicateNamesByAudience:function(e){var t=function(e){return e.length?(e.forEach((function(e){var i=+r.a.first(e.name.match(a));if(!t)return t=e,void(n=i);i<n&&(t=e)})),t):null;var t,n},n={},i=[];return e.forEach((function(e){if(!n[e.name])return n[e.name]=1,void i.push(e);i.push(e),n[e.name]++;var r=i.splice(i.length-n[e.name]).sort((function(e,n){var r=t(e.subjectPresentationAudiences.data),a=t(n.subjectPresentationAudiences.data);if(!r&&a)return 1;if(!a)return-1;var i=r.name.localeCompare(a.name);return 0===i?i:i>0?-1:1}));i=i.concat(r)})),i}}},1014:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r),i=n(303);function o(e){var t=e.on&&!e.disabled?"on":"",n=e.disabled?"disabled":"",r=e.hideOutline?"outline-none":"";return a.a.createElement(i.a,{onClick:function(){e.disabled||e.onClick.apply(e,arguments)},className:"".concat("d-inline-block float-right align-top custom-toggle toggle-option"," ").concat(t," ").concat(n," ").concat(r)},a.a.createElement("span",{className:"handle"}))}},1018:function(e,t,n){"use strict";var r=n(0);function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var i=Object(r.createContext)(null);function o(e,t){switch(t.type){case"apply":case"reset":return Object.assign(Object.assign({},e),a({},t.payload.filter.id,{active:t.payload.active,selection:t.payload.selection}));case"trigger-reset":return Object.assign(Object.assign({},e),{bulkReset:!0});case"bulk-reset":return Object.assign(Object.assign(Object.assign({},e),t.payload),{bulkReset:!1});default:return e}}n.d(t,"a",(function(){return i})),n.d(t,"b",(function(){return o}))},1021:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(0);n(1067);function a(e){return e.audience?r.createElement("div",{className:"audience-label border rounded-pill d-inline-block px-2 mt-1 ".concat("border-"+e.border)},e.audience.name):r.createElement(r.Fragment,null)}},1031:function(e,t,n){e.exports={playlistItem:"_6o0Z2",playlistItemGradient:"_2JLPt",playlistMetadata:"_3MCKL",playlistName:"_1Ukz7",partialHeading:"_13tO6",ownerAvatarContainer:"CwjTl"}},1032:function(e,t,n){"use strict";var r=n(0),a=n(123),i=n(9),o=n(211),c=n(1013),l=n(160),s=n(91),u=n(58),d=n(1001),f=n(994),m=n(1021),p=n(314),v=n(315),y=n(259),g=n(1068);function b(){return r.createElement("div",{className:g.avatar},r.createElement(y.b,null))}function h(e){var t,n,a,i,o=e.playlist.owner;if(!!(null===(t=e.playlist.cover)||void 0===t?void 0:t.url))return r.createElement(b,null);if(!(null===(n=o)||void 0===n?void 0:n.id)||!(null===(a=e.currentUser)||void 0===a?void 0:a.id))return r.createElement(r.Fragment,null);if(o.id.toString()===e.currentUser.id.toString())return r.createElement(r.Fragment,null);var c="string"==typeof o.avatar?o.avatar:null===(i=o.avatar)||void 0===i?void 0:i.url;return r.createElement(p.a,{imageUrl:c,imageCdnUrl:e.imageCdnUrl,initials:v.a.getInitials(o.name,o.surname)})}var E=n(1044),S=n(1031),A=n.n(S);n.d(t,"a",(function(){return O}));var k=i.a.encloseNamespace("playlists.playlistItem");function O(e){var t,n,i=o.a.createUrl(e.data.cover&&e.data.cover.url,{size:l.a.Medium,resizeType:l.c.Cover}),p=e.data.subjectPresentationAudiences&&e.data.subjectPresentationAudiences.data,v=p&&e.presentationAudiences&&c.a.getSortedPresentationAudiences(p,e.presentationAudiences),y=v&&c.a.getMergedPresentationAudienceString(v),g=!!e.showCount&&!!e.data.videos&&e.data.videos.count,b=!!e.showLastUpdated&&e.data.contentModifiedDate&&a.utc(e.data.contentModifiedDate),S=A.a.playlistItem,O=!!i||!!e.showFallbackImage;O&&(S+=" ".concat(A.a.playlistItemGradient)),!O&&e.bgColourClassNames&&(S+=" ".concat(A.a.playlistItem," ").concat(Object(E.a)(e.data,e.bgColourClassNames)));var w=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=e.data)||void 0===t?void 0:t.id,name:null===(n=e.data)||void 0===n?void 0:n.name});return r.createElement(s.a.Provider,{value:"playlists.playlistItem"},r.createElement(u.a,{appLink:e.appLink,analyticsData:w,analyticsOptions:e.analyticsOptions},r.createElement(d.b,{data:i,className:S},!!e.showFallbackImage&&r.createElement(f.a,{type:f.b.Playlist}),r.createElement("div",{className:"text-white ".concat(A.a.playlistMetadata)},Number.isInteger(g)&&r.createElement(s.b,{phrase:"videos",options:{smartCount:g}}),r.createElement("h5",{className:"".concat(A.a.playlistName," text-shadow mb-0")},e.data.name),!!p&&!!p.length&&!!y&&r.createElement(m.a,{audience:y,border:"white"}),function(){if(!b)return r.createElement(r.Fragment,null);var e=b.isBefore(a.utc().subtract(1,"month"))?k("notUpdatedRecently"):k("lastUpdated",{timeAgo:b.fromNow()});return r.createElement("p",{className:"mb-0"},e)}()),!!e.showOwner&&!!e.imageCdnUrl&&r.createElement("div",{className:A.a.ownerAvatarContainer},r.createElement(h,{playlist:e.data,currentUser:e.currentUser,imageCdnUrl:e.imageCdnUrl})))))}},1044:function(e,t,n){"use strict";function r(e,t){return t[e.name.charCodeAt(0)%t.length]}n.d(t,"a",(function(){return r}))},1045:function(e,t,n){"use strict";n.d(t,"a",(function(){return s}));var r=n(0),a=n(40),i=n(64),o=n(17),c=n(1143),l=n.n(c);function s(e){return r.createElement("div",{className:"p-3 text-center ".concat(l.a.container)},e.isFetching?r.createElement(a.Spinner,{as:"span",animation:"border",role:"status",className:l.a.spinner}):r.createElement(i.a,{svgName:o.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:e.onClick}))}},1048:function(e,t,n){"use strict";var r=n(0),a=n(9),i=n(140),o=n(69),c=n(1154);function l(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return s(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var u=a.a.encloseNamespace("search.utils"),d={SortByName:function(e){return{id:"sortName",name:u("firstNameAToZ"),type:"dropdown",options:e}},YearGroup:function(e){return{id:"yearGroup",name:u("yearGroup"),type:"radio",customComponent:c.f,options:e}},ObjectType:function(e){return{id:"objectType",name:u("objectTypes"),type:"radio",options:e}},Ratings:function(e){return{id:"ratings",name:u("ratings"),type:"rating",options:e}},Interactives:function(){return{id:"interactives",name:u("interactives"),type:"switch",description:u("interactivesDescription")}},Clips:function(){return{id:"clips",name:u("clips"),type:"switch",description:u("clipsDescription")}},Classroom:function(e){return{id:"classroom",name:u("classroom"),type:"checkbox",options:e}}},f={getMoreFilters:function(){return{id:"moreFilters",name:u("moreFilters"),type:"more-filters",filters:[]}},mapTypeToComponent:function(e){switch(e){case"switch":return function(e){return r.createElement(c.e,Object.assign({key:e.id},e))};case"checkbox":return function(e){return r.createElement(c.a,Object.assign({key:e.id},e))};case"radio":return function(e){return r.createElement(c.d,Object.assign({key:e.id},e))};case"rating":return function(e){return r.createElement(c.e,Object.assign({key:e.id},e))};case"dropdown":return function(e){return r.createElement(c.b,Object.assign({key:e.id},e))};case"more-filters":return function(e){return r.createElement(c.c,Object.assign({key:e.id},e))}}},deriveInitialStateFromQuery:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:null,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:null,r=arguments.length>3?arguments[3]:void 0,a={sortName:{active:!!e.sortName,selection:m(e,t,"sortName")},objectType:{active:!!e.objectType,selection:m(e,t,"objectType")},ratings:{active:!!e.ratings,selection:e.ratings||null},interactives:{active:e.interactives},clips:{active:e.clips},yearGroup:{active:!!e.yearGroup,selection:m(e,t,"yearGroup")},classroom:{active:!!e.classroom,selection:m(e,t,"classroom")},moreFilters:{active:!1}},i=t.reduce((function(e,t){return e[t.id]=a[t.id],e}),{});return n&&(i.moreFilters=a.moreFilters),i.appLink=r,i},hasActiveFilters:function(e){var t=Object.keys(e);return!!t.length&&!!t.filter((function(t){return"query"!==t&&"cursor"!==t&&"page"!==t&&!(Array.isArray(e[t])&&!e[t].length)})).length},getLabel:function(e,t){var n;if(!(null===(n=t.selection)||void 0===n?void 0:n.length))return e.name;if("dropdown"===e.type)return i.a.first(t.selection).name;if("radio"===e.type){var r=i.a.first(t.selection);return!r||r.default?e.name:r.name}return"checkbox"===e.type?"".concat(e.name," - ").concat(t.selection.length):void 0},buildQueryParams:function(e,t){var n,r,a=t.filter,o=a.id,c=a.type,l=Object.assign({},e);switch(c){case"switch":l[o]=t.active?"true":"";break;case"radio":case"dropdown":l[o]=(n=t.selection,(null===(r=n)||void 0===r?void 0:r.length)?i.a.first(n).id:"");break;case"checkbox":l[o]=t.active?t.selection.map((function(e){return e.id})):[]}return l[o]||delete l[o],l},getFilters:function(e){var t,n,r,a,i,o,c,l;return["videos{".concat(f.getNextPage(null===(n=null===(t=e)||void 0===t?void 0:t.videos)||void 0===n?void 0:n.pagination),"}"),"playlists{".concat(f.getNextPage(null===(a=null===(r=e)||void 0===r?void 0:r.playlists)||void 0===a?void 0:a.pagination),"}"),"series{".concat(f.getNextPage(null===(o=null===(i=e)||void 0===i?void 0:i.series)||void 0===o?void 0:o.pagination),"}"),"classifications{".concat(f.getNextPage(null===(l=null===(c=e)||void 0===c?void 0:c.classifications)||void 0===l?void 0:l.pagination),"}")].join(",")},getNextPage:function(e){var t,n;return e?(null===(t=e.cursors)||void 0===t?void 0:t.next)?"page:".concat(+e.cursors.next):(null===(n=e.cursors)||void 0===n?void 0:n.previous)?"page:".concat(+e.cursors.previous+1):"page:1":"page:1"},getYearGroupOptions:function(e){var t;return(null===(t=e)||void 0===t?void 0:t.length)?e.map((function(e){return{id:e.value.toString(),name:e.name}})):[]},getBackendQueryParams:function(e){var t=e.query,n=function(e){var t="";if(e.sortName)switch(e.sortName){case"first-name-atoz":t+="{orderby:name}";break;case"first-name-ztoa":t+="{orderbydesc:name}";break;case"surname-atoz":t+="{orderby:surname}";break;case"surname-ztoa":t+="{orderbydesc:surname}"}return t}(e),r=function(e){var t=o.a.omit(e,["query","sortName","cursor","page"]);return Object.keys(t).map((function(e){return"".concat(e,":").concat(t[e])})).join(",")}(e),a={};return t&&(a.q=t),n&&(a.query=n),r&&(a.filter="{".concat(r,"}")),e.cursor&&(a.cursor=e.cursor),a},convertWithStatementToObject:function(e){if(!e)return{};var t=(e=e.replace("{",",").replace("}",",")).split(","),n="",r=[];t.forEach((function(e){e.includes(":")?n=e:r.push(e)}));var a=l(n.split(":"),2),i=a[0],o=a[1];return{assocs:r,sortKey:i,sortValue:o}},revertFilterString:function(e){if(!e)return{};var t=(e=e.slice(1,-1)).split(","),n=[],r="";return t.forEach((function(e){if(e.includes(":"))return r=e.split(":")[0],void n.push(e);var t="".concat(r,":").concat(e);n.push(t)})),n.reduce((function(e,t){var n=l(t.split(":"),2),r=n[0],a=n[1];if(e[r]&&!Array.isArray(e[r])){var i=e[r];e[r]=[i]}return Array.isArray(e[r])?e[r].push(a):e[r]=a,e}),{})},getObjectTypeOptions:function(){return[{id:"allTypes",name:u("allTypes"),default:!0},{id:"topics",name:u("topics")},{id:"playlists",name:u("playlists")},{id:"series",name:u("series")},{id:"videos",name:u("videos")}]},getNameSortOptions:function(){return[{id:"first-name-atoz",name:u("firstNameAToZ"),default:!0},{id:"first-name-ztoa",name:u("firstNameZToA")},{id:"surname-atoz",name:u("surnameAToZ")},{id:"surname-ztoa",name:u("surnameZToA")}]}};function m(e,t,n){var r=t.find((function(e){return e.id===n}));if(!r)return[];if(!e[n])return r.options.filter((function(e){return e.default}));var a=e[n];return Array.isArray(a)||(a=[a]),r.options.filter((function(e){return a.includes(e.id)}))}var p=n(1041),v=n(963),y=n(1020),g=n(43),b=n(1032),h=n(1412),E=n.n(h),S=function(e,t){var n={};for(var r in e)Object.prototype.hasOwnProperty.call(e,r)&&t.indexOf(r)<0&&(n[r]=e[r]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(e);a<r.length;a++)t.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(e,r[a])&&(n[r[a]]=e[r[a]])}return n};function A(e){var t=S(e,[]),n=Object.assign(Object.assign({},e.appLink),{args:[e.data.id,g.a.slugify(e.data.name)]});return r.createElement("div",{className:"position-relative p-1 flex-shrink-0 ".concat(E.a.width)},r.createElement(b.a,Object.assign({},t,{appLink:n})))}var k=n(1095),O=n(7),w=n(13),N=n(1092);function j(e){return function(e){if(Array.isArray(e))return C(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return C(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var x={CLASSIFICATIONS:10,PLAYLISTS:5,SERIES:4},I={VIDEOS:6,PLAYLISTS:10,SERIES:10},L={filterMainResults:function(e){var t=x;return{classifications:i.a.firstFew(e.classifications.data,t.CLASSIFICATIONS),firstVideo:i.a.first(e.videos.data),playlists:i.a.firstFew(e.playlists.data,t.PLAYLISTS),series:i.a.firstFew(e.series.data,t.SERIES),otherResults:{videos:i.a.lastFew(e.videos.data,e.videos.data.length-1),playlists:i.a.lastFew(e.playlists.data,e.playlists.data.length-t.PLAYLISTS),series:i.a.lastFew(e.series.data,e.series.data.length-t.SERIES)}}},structureOtherResults:function(e){var t=I,n=i.a.chunk(e.videos,t.VIDEOS),r=i.a.chunk(e.playlists,t.PLAYLISTS),a=i.a.chunk(e.series,t.SERIES);return L.buildResultStructure(n,r,a)},buildResultStructure:function(e,t,n){for(var r=[],a=j(e),i=j(t),o=j(n),c=e.length,l=0;l<c;l++){var s=a.shift(),u=L.getSeriesOrPlaylistSet(i,o,l);s&&r.push({type:"video",data:s}),u&&r.push(u)}return i.length&&i.forEach((function(e){return r.push({type:"playlist",data:e})})),o.length&&o.forEach((function(e){return r.push({type:"series",data:e})})),r.filter((function(e){return e.data&&!!e.data.length}))},getSeriesOrPlaylistSet:function(e,t,n){var r=n%2==0;return r&&t.length||!e.length?{type:"series",data:t.shift()}:!r&&e.length||!t.length?{type:"playlist",data:e.shift()}:null},getResultSetComponent:function(e,t,n,i,o,c){switch(e.type){case"video":return r.createElement("div",{className:"pb-3 mt-n2"},r.createElement(v.c,{videos:e.data,getVideoAppLink:L.getVideoAppLink,getSeriesAppLink:L.getSeriesAppLink,setFavourite:i,hideFavouriteButton:n}));case"playlist":return r.createElement("div",{className:"mx-n1"},r.createElement(y.a,{name:a.a.getPhrase("search.searchResults","relatedPlaylists"),collection:e.data,childAppLink:L.getPlaylistAppLink(),childComponent:function(e){return r.createElement(A,Object.assign({},e,{presentationAudiences:t,imageCdnUrl:c,showOwner:!0,showLastUpdated:!0,currentUser:o,bgColourClassNames:N.a}))},contents:p.a.Playlists,prefetched:!0}));case"series":return r.createElement("div",{className:"mx-n1"},r.createElement(y.a,{name:a.a.getPhrase("search.searchResults","relatedSeries"),collection:e.data,childAppLink:{application:O.a.DEFAULT,action:w.a.Default.SERIES},childComponent:function(e){return r.createElement(k.a,Object.assign({},e,{audiences:t}))},contents:p.a.Series,prefetched:!0}))}},getVideoAppLink:function(e){return{application:O.a.DEFAULT,action:w.a.Default.PLAY_VIDEO,args:[e.id,g.a.slugify(e.name)]}},getSeriesAppLink:function(e){return{application:O.a.DEFAULT,action:w.a.Default.SERIES,args:[e.id,g.a.slugify(e.name)]}},getPlaylistAppLink:function(){return{application:O.a.PLAYLISTS,action:w.a.Playlists.PLAYLIST}},mergeNextPage:function(e,t){var n=function(e,t){var n,r,a,i;return(null===(r=null===(n=e)||void 0===n?void 0:n.cursors)||void 0===r?void 0:r.next)===(null===(i=null===(a=t)||void 0===a?void 0:a.cursors)||void 0===i?void 0:i.next)};return{classifications:{data:n(e.classifications.pagination,t.classifications.pagination)?e.classifications.data:[].concat(j(e.classifications.data),j(t.classifications.data)),pagination:t.classifications.pagination},series:{data:n(e.series.pagination,t.series.pagination)?e.series.data:[].concat(j(e.series.data),j(t.series.data)),pagination:t.series.pagination},playlists:{data:n(e.playlists.pagination,t.playlists.pagination)?e.playlists.data:[].concat(j(e.playlists.data),j(t.playlists.data)),pagination:t.playlists.pagination},videos:{data:n(e.videos.pagination,t.videos.pagination)?e.videos.data:[].concat(j(e.videos.data),j(t.videos.data)),pagination:t.videos.pagination}}}};n.d(t,"b",(function(){return d})),n.d(t,"a",(function(){return f})),n.d(t,"c",(function(){return L}))},1050:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n.n(r);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var l=function(e){var t,n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},c=a.a.useState(!1),l=o(c,2),s=l[0],u=l[1],d=a.a.useState({}),f=o(d,2),m=f[0],p=f[1],v=r.idField,y=void 0===v?"id":v;function g(){var t=!s;u(t);var n=e.reduce((function(e,n){return e[n[y]]=t,e}),{});p(n)}function b(t){var n=!m[t.toString()],r=Object.assign(Object.assign({},m),i({},t.toString(),n));p(r),Object.keys(r).filter((function(e){return r[e]})).length!==e.length?!n&&s&&u(!1):u(!0)}function h(e){return!!s||("string"!=typeof e&&"number"!=typeof e&&(e=e[y]),m[e])}function E(){return s?Object.keys(m):Object.keys(m).filter((function(e){return m[e]}))}return a.a.useEffect((function(){var t;if(null===(t=e)||void 0===t?void 0:t.length){var n=e.reduce((function(e,t){var n,a,i=!1;return(null===(a=null===(n=r)||void 0===n?void 0:n.preselectedIds)||void 0===a?void 0:a.includes(t[y]))&&(i=!0),e[t[y].toString()]=i,e}),{});p(n)}}),[e,null===(n=null===(t=r)||void 0===t?void 0:t.preselectedIds)||void 0===n?void 0:n.length]),{onToggleBulk:g,onToggleItem:b,getSelected:E,isChecked:h,bulkChecked:s}}},1066:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(0),a=n(45);function i(e,t,n){var i=function(){n||(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||e())};Object(r.useEffect)((function(){var e=a.a.throttle(i,200);return t&&window.addEventListener("scroll",e),function(){return window.removeEventListener("scroll",e)}}),[t,e])}},1067:function(e,t,n){e.exports={audienceLabelListItem:"_2YGVO"}},1068:function(e,t,n){e.exports={avatar:"_1IfFN"}},1074:function(e,t,n){"use strict";var r=n(0),a=n(91),i=n(1048),o=n(1018);function c(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return l(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return l(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function l(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function s(e){var t=e.queryParams,n=e.mainFilters,l=e.moreFilters,s=e.appLink,u=e.hideHeading,d=r.useMemo((function(){return i.a.deriveInitialStateFromQuery(t,n,l,s)}),[t]),f=c(r.useReducer(o.b,d),2),m=f[0],p=f[1];return r.useEffect((function(){m.bulkReset&&p({type:"bulk-reset",payload:i.a.deriveInitialStateFromQuery({},n,l,s)})}),[m]),r.createElement(o.a.Provider,{value:{state:m,dispatch:p}},r.createElement(a.a.Provider,{value:"search.searchFilters"},r.createElement("section",{className:"d-flex"},!u&&r.createElement("h2",{className:"h5 mb-0 d-inline-block pr-2 border-right d-flex align-items-center"},r.createElement(a.b,{phrase:"heading"})),r.createElement("div",{className:"d-flex ".concat(u?"":"ml-1")},n.map((function(t){return r.createElement(b,{key:t.id,filter:t,analyticsOptions:e.analyticsOptions})})),l&&r.createElement(b,{key:l.id,filter:l,analyticsOptions:e.analyticsOptions}),i.a.hasActiveFilters(t)&&r.createElement(O,{currentQueryParam:t.query,analyticsOptions:e.analyticsOptions})))))}var u=n(1409),d=n.n(u);function f(e){var t=e.count,n=void 0===t?6:t,a=e.hideHeading;return r.createElement("div",{className:"d-flex"},!a&&r.createElement("div",{className:"\n          ".concat(d.a.partialFilterHeading,"\n          partial-loading-background\n          d-inline-block\n          pr-2\n          border-right\n          d-flex\n          align-items-center\n          my-auto\n        ")}),r.createElement("div",{className:"d-flex pl-1"},Array(n).fill(null).map((function(e,t){return r.createElement("div",{key:t,className:"".concat(d.a.partialButton," partial-loading-background mx-1")})}))))}var m=n(40),p=n(1410),v=n.n(p);function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){var t=y(r.useState(e.filter.name),2),n=t[0],a=t[1],c=e.filter.customComponent?e.filter.customComponent:i.a.mapTypeToComponent(e.filter.type),l=r.useContext(o.a).state[e.filter.id];r.useEffect((function(){a(i.a.getLabel(e.filter,l))}),[e.filter,l.selection]);var s="".concat(v.a.filterButton," mx-1 btn"),u=l.active?"btn-info":"btn-secondary",d="dropdown"!==e.filter.type?v.a.hideCaret:"";return r.createElement(m.Dropdown,null,r.createElement(m.Dropdown.Toggle,{id:e.filter.id,className:"".concat(s," ").concat(u," ").concat(d)},n),r.createElement(m.Dropdown.Menu,{onClick:function(e){return e.stopPropagation()}},r.createElement("div",{className:"".concat(v.a.filterItem," mx-1 ").concat("dropdown"!==e.filter.type?"px-2 py-1":"")},r.createElement(c,{analyticsOptions:e.analyticsOptions,filter:e.filter}))))}var h=n(1094),E=n(2),S=n(303),A=n(48),k=n(3);function O(e){var t=r.useContext(o.a),n=t.state,i=t.dispatch;return r.createElement(S.a,{onClick:function(){var t={application:n.appLink.application,action:n.appLink.action};A.a.logUserAction({type:"All",active:!1},A.a.mergeOptions(e.analyticsOptions,{actionType:k.n.Filter,descriptor:k.g.Reset,workflowPhase:k.o.Complete})),e.currentQueryParam&&(t.params={query:e.currentQueryParam}),E.a.AppLinkHelper.trigger(t),i({type:"trigger-reset",payload:{}})},className:"hover-text-underline cursor-pointer d-flex align-items-center ml-2"},r.createElement(a.b,{namespace:"search.resetButton",phrase:"reset"}))}n(1154);n.d(t,"e",(function(){return s})),n.d(t,"c",(function(){return f})),n.d(t,"b",(function(){return b})),n.d(t,"a",(function(){return h.a})),n.d(t,"d",(function(){return O}))},1092:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var r=["bg-froly","bg-pizazz","bg-emerald","bg-puerto-rico","bg-pelorous","bg-picton-blue","bg-portage","bg-east-side"]},1094:function(e,t,n){"use strict";n.d(t,"a",(function(){return v}));var r=n(0),a=n(953),i=n(2),o=n(140),c=n(91),l=n(303),s=n(48),u=n(3),d=n(1018),f=n(1048);function m(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return p(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function v(e){var t=r.useContext(d.a),n=t.state,p=t.dispatch,v=m(r.useState(!1),2),y=v[0],g=v[1],b=m(a.useInView(),2),h=b[0],E=b[1];function S(t){var r,a,c=1===(null===(r=e.selection)||void 0===r?void 0:r.length)&&(null===(a=o.a.first(e.selection))||void 0===a?void 0:a.default);s.a.logUserAction({type:e.filter.name,selection:e.selection&&!c?e.selection:[],isActive:e.active&&!c,applyClicked:t},s.a.mergeOptions(e.analyticsOptions,{workflowPhase:u.o.Complete,actionType:u.n.Filter}));var l,d,m,v={filter:e.filter,active:e.active&&!c,selection:e.selection&&!c?e.selection:[]};p({type:"apply",payload:v}),l=v,d=n.appLink,m=i.a.LocationUtils.GetQuery(),i.a.AppLinkHelper.trigger(Object.assign(Object.assign({},d),{params:f.a.buildQueryParams(m,l)}))}return r.useEffect((function(){E?g(!0):!E&&y&&(g(!1),S(!1))}),[E]),r.createElement("div",{ref:h,className:"d-flex justify-content-between ".concat(e.className)},e.onClickReset&&e.active?r.createElement(l.a,{className:"text-muted hover-text-underline cursor-pointer",onClick:function(t){t.preventDefault(),e.onClickReset()}},r.createElement(c.b,{namespace:"search.filterActions",phrase:"reset"})):r.createElement("div",{className:"invisible"}),r.createElement(l.a,{className:"info-link",onClick:function(e){e.preventDefault(),S(!0)}},r.createElement(c.b,{namespace:"search.filterActions",phrase:"apply"})))}v.defaultProps={active:!1,className:""}},1095:function(e,t,n){"use strict";n.d(t,"a",(function(){return b}));var r=n(0),a=n(43),i=n(1060),o=n(1013),c=n(58),l=n(1001),s=n(994),u=n(1021),d=n(985),f=n(160),m=n(3),p=n(1096),v=n.n(p);function y(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return g(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return g(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function g(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function b(e){var t,n,p=e.data,g=e.appLink,b=e.preloadImage,h=Object.assign(Object.assign({},g),{args:[p.id,a.a.slugify(p.name)]}),E=p&&p.subjectPresentationAudiences&&p.subjectPresentationAudiences.data||[],S=o.a.getSortedPresentationAudiences(E,e.audiences),A=o.a.getMergedPresentationAudienceString(S),k=y(Object(i.b)(v.a.hoverActive),2),O=k[0],w=k[1],N=Object.assign(Object.assign({},e.analyticsData),{id:null===(t=p)||void 0===t?void 0:t.id,name:null===(n=p)||void 0===n?void 0:n.name}),j=Object.assign(Object.assign({},e.analyticsOptions),{actionType:m.n.Click,entity:m.d.Series,descriptor:m.b.TallPoster});return r.createElement(c.a,{key:p.id,appLink:h,className:"position-relative p-1 flex-shrink-0 ".concat(v.a.width),analyticsData:N,analyticsOptions:j},r.createElement("div",{ref:O},w&&r.createElement("div",{className:"p-3 text-white text-center ".concat(v.a.mask)},r.createElement("h3",{className:"h4"},p.name),r.createElement("p",null,p.description)),r.createElement(l.b,{data:p.tallPoster,aspectRatio:l.a.NineBySixteen,preload:b,imageOptions:{size:f.a.Large}},r.createElement(s.a,{type:s.b.Series}),r.createElement("div",{className:"position-absolute text-white ".concat(v.a.labelContainer)},E&&E.length?r.createElement(u.a,{audience:A,border:"white"}):r.createElement(d.a,{type:d.b.Rating,data:p.rating})))))}},1096:function(e,t,n){e.exports={partialLoadingHeading:"_1RLPq",partialLoading:"oArG4",labelContainer:"QLCgm",hoverActive:"_3Aleb",mask:"_2M2Zz",width:"TQg2K"}},1143:function(e,t,n){e.exports={container:"_1_KC6",spinner:"VXlcl"}},1145:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(0),a=n.n(r);function i(e){var t=e.yearGroup,n=e.selected,r=e.onSelect;var i=n?"badge-info":"badge-light";return a.a.createElement("span",{className:"badge-pill d-inline-block mr-1 mb-1 cursor-pointer ".concat(i),role:"radio","aria-checked":n,onClick:function(){return r(t)},tabIndex:0,onKeyDown:function(e){n||13!==e.keyCode||r(t)}},t.name)}function o(e){var t=e.yearGroups,n=e.selected,r=e.onSelect,o=e.className;return a.a.createElement("div",{role:"radiogroup",className:o},t.map((function(e){return a.a.createElement(i,{key:e.id,yearGroup:e,selected:!!n&&e.id===n.id,onSelect:r})})))}},1154:function(e,t,n){"use strict";var r=n(0),a=n.n(r),i=n(40),o=n(1002),c=n(1050),l=n(1018),s=n(1094);function u(e){var t,n=r.useContext(l.a).state[e.filter.id],a=Object(c.a)(e.filter.options,{preselectedIds:(null===(t=n.selection)||void 0===t?void 0:t.map((function(e){return e.id})))||[]}),u=a.onToggleItem,d=a.isChecked,f=a.getSelected,m=f().map((function(t){return e.filter.options.find((function(e){return e.id===t}))}));return r.createElement(r.Fragment,null,r.createElement("h3",{className:"h6 mb-2"},e.filter.name),r.createElement(i.Form,{className:"mb-3"},e.filter.options.map((function(e){return r.createElement(o.a,{key:e.id,label:e.name,name:e.id,id:e.id,onChange:function(){return u(e.id)},checked:d(e.id),className:"my-1"})}))),r.createElement(s.a,{active:!!m.length,filter:e.filter,selection:m,analyticsOptions:e.analyticsOptions,onClickReset:function(){f().forEach((function(e){d(e)&&u(e)}))}}))}function d(){return r.createElement(r.Fragment,null)}var f=n(1014),m=n(1074);function p(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return v(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return v(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function y(e){var t=r.useContext(l.a).state[e.filter.id],n=p(r.useState(t.active),2),a=n[0],i=n[1];return r.createElement(r.Fragment,null,r.createElement("h3",{className:"h6 mb-2"},e.filter.name),r.createElement("p",{className:"d-inline-block w-75 mr-auto"},e.filter.description),r.createElement(f.a,{onClick:function(){return i(!a)},on:a}),r.createElement(m.a,{active:a,filter:e.filter,analyticsOptions:e.analyticsOptions,onClickReset:function(){return i(!1)}}))}function g(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return b(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return b(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function b(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function h(e){var t=a.a.useContext(l.a).state[e.filter.id],n=g(a.a.useState(t.selection),2),r=n[0],o=n[1];return a.a.createElement(a.a.Fragment,null,e.filter.options.map((function(e){return a.a.createElement(i.Dropdown.Item,{key:e.id,onClick:function(){return o([e])}},e.name)})),a.a.createElement(s.a,{active:!!r,filter:e.filter,selection:r,className:"pt-1 px-2",analyticsOptions:e.analyticsOptions}))}var E=n(140),S=n(1411),A=n.n(S);function k(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return O(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function w(e){var t,n=r.useContext(l.a).state[e.filter.id],a=k(r.useState(n.selection),2),o=a[0],c=a[1];r.useEffect((function(){return c(n.selection)}),[n.selection]);var s=e.filter.options.find((function(e){return e.default}));return r.createElement(r.Fragment,null,r.createElement("h3",{className:"h6 mb-2"},e.filter.name),r.createElement(i.Form,{className:"mb-3"},e.filter.options.map((function(e){var t,n=(null===(t=o)||void 0===t?void 0:t.length)&&e.id===E.a.first(o).id;return r.createElement(i.Form.Check,{key:e.id,custom:!0,type:"radio",label:e.name,name:e.id,id:e.id,value:e.id,onChange:function(){return c([e])},checked:n,className:A.a.radioFilter})}))),r.createElement(m.a,{active:!!(null===(t=o)||void 0===t?void 0:t.length),filter:e.filter,selection:o,analyticsOptions:e.analyticsOptions,onClickReset:function(){return c(s?[s]:null)}}))}var N=n(1145);function j(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return C(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return C(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function C(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function x(e){var t,n=r.useContext(l.a).state[e.filter.id],a=j(r.useState(n.selection),2),o=a[0],c=a[1];return r.useEffect((function(){return c(n.selection)}),[n.selection]),r.createElement(r.Fragment,null,r.createElement("h3",{className:"h6 mb-2"},e.filter.name),r.createElement(i.Form,{className:"mb-3"},r.createElement(N.a,{yearGroups:e.filter.options,onSelect:function(t){c([e.filter.options.find((function(e){return e.id===t.id}))])},selected:E.a.first(o)||null})),r.createElement(m.a,{active:!!(null===(t=o)||void 0===t?void 0:t.length),filter:e.filter,selection:o,analyticsOptions:e.analyticsOptions,onClickReset:function(){return c(null)}}))}n.d(t,"a",(function(){return u})),n.d(t,"c",(function(){return d})),n.d(t,"e",(function(){return y})),n.d(t,"b",(function(){return h})),n.d(t,"d",(function(){return w})),n.d(t,"f",(function(){return x}))},1409:function(e,t,n){e.exports={partialFilterHeading:"_2zHGT",partialButton:"_3Gy7Y"}},1410:function(e,t,n){e.exports={filterButton:"_2LJ1G",hideCaret:"_2OStB",filterItem:"_13K5j"}},1411:function(e,t,n){e.exports={radioFilter:"_3srm_"}},1412:function(e,t,n){e.exports={width:"wNWEd"}},960:function(e,t,n){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},961:function(e,t,n){"use strict";var r=n(0),a=n(184),i=n(306),o=n(45),c=n(48),l=n(64),s=n(58),u=n(17),d=n(960),f=n.n(d);function m(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function p(e){if(e.action.appLink)return r.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:m(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return r.createElement("span",{className:"cursor-pointer ".concat(m(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&c.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),o.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function v(e){if(!e.actions||!e.actions.length)return r.createElement(r.Fragment,null);var t="dropdown";e.className&&(t+=" ".concat(e.className));var n="actions-dropdown-".concat(i.a.getRandomInt()),a="dropdown-toggle px-0 ".concat(f.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),r.createElement("div",{className:t},r.createElement("button",{className:a,type:"button",id:n,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},r.createElement(l.a,{svgName:u.b.More,size:l.b.Small})),r.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":n},e.actions.map((function(e,t){return r.createElement(p,{key:t,action:e})}))))}v.defaultProps={dropdownToggleClassName:"btn btn-light"};var y=n(308);function g(e){var t=[],n=[];e.actions.forEach((function(e){e.button?t.push(e):n.push(e)}));var i="d-flex";return e.className&&(i+=" ".concat(e.className)),r.createElement("div",{className:i},r.createElement(r.Fragment,null,!!t.length&&r.createElement("span",{className:f.a.buttonList},t.map((function(e,t){return r.createElement(r.Fragment,{key:t},e.label?r.createElement(y.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,tooltip:e.tooltip,showSpinner:e.showSpinner,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},e.label):r.createElement(a.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!n.length&&r.createElement(v,{actions:n,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}n.d(t,"a",(function(){return g}))},962:function(e,t,n){"use strict";n.d(t,"a",(function(){return o})),n.d(t,"b",(function(){return l}));var r=n(9),a=n(17);function i(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var o,c="shared.videoActionsHelper";!function(e){e[e.AddToPlaylist=0]="AddToPlaylist",e[e.RemoveFromPlaylist=1]="RemoveFromPlaylist",e[e.Share=2]="Share",e[e.Edit=3]="Edit"}(o||(o={}));var l=function(){var e;return i(e={},o.AddToPlaylist,{label:r.a.getPhrase(c,"addToPlaylist"),svgName:a.b.AddToPlaylists}),i(e,o.RemoveFromPlaylist,{label:r.a.getPhrase(c,"removeFromPlaylist"),svgName:a.b.Delete}),i(e,o.Share,{label:r.a.getPhrase(c,"share"),svgName:a.b.Share2}),i(e,o.Edit,{label:r.a.getPhrase(c,"edit"),svgName:a.b.Edit}),e}},963:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"c",(function(){return s})),n.d(t,"b",(function(){return u}));var r=n(0),a=n(952),i=n(2),o=n(967),c=n(974),l=r.createContext({isSortable:!1});function s(e){var t=r.useContext(l).isSortable?c.a:c.b,n=i.a.AppLinkHelper.getCurrentAppLink();return r.createElement(r.Fragment,null,r.createElement("div",{className:"position-relative"},e.videos.map((function(n,a){return r.createElement(t,{key:n.id,idx:a,index:a,video:n,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge,hideFavouriteButton:e.hideFavouriteButton})}))),e.cursors&&r.createElement(o.b,{appLink:n,cursors:e.cursors}))}var u=Object(a.SortableContainer)((function(e){return r.createElement(l.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},r.createElement(s,Object.assign({},e)))}))},964:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(0),a=r.createContext({})},965:function(e,t,n){"use strict";function r(e){return(r="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}n.d(t,"a",(function(){return a}));var a={isNumber:function(e){return a.isType(e,"number")},isString:function(e){return a.isType(e,"string")},isType:function(e,t){return r(e)===t}}},967:function(e,t,n){"use strict";n.d(t,"b",(function(){return u})),n.d(t,"a",(function(){return d}));var r=n(0),a=n(303),i=n(58),o=n(91),c=n(48),l=n(3);function s(e,t){return t?{application:e.application,action:e.action,args:e.args,params:Object.assign({},e.params,{cursor:t})}:null}function u(e){var t=e.appLink,n=e.cursors,a=e.className;function u(e){c.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return r.createElement(o.a.Provider,{value:"shared.pagination"},r.createElement("div",{className:a},r.createElement(i.a,{appLink:s(t,n.previous),className:"btn btn-secondary mr-1 ".concat(n.previous?"":"disabled"),onClick:function(){return u("previous")}},r.createElement(o.b,{phrase:"previous"})),r.createElement(i.a,{appLink:s(t,n.next),className:"btn btn-secondary ".concat(n.next?"":"disabled"),onClick:function(){return u("next")}},r.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){c.a.logUserAction({page:e},{location:l.j.Pagination,entity:l.d.Pagination,actionType:l.n.Navigate})}return r.createElement(o.a.Provider,{value:"shared.pagination"},r.createElement("div",{className:e.className},r.createElement(a.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},r.createElement(o.b,{phrase:"previous"})),r.createElement(a.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},r.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},968:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(965),a=n(69);function i(e){return function(e){if(Array.isArray(e))return o(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function c(e){var t=e.page,n=e.totalPages,i=r.a.isNumber(t)&&t>0&&t<n&&t+1,o=r.a.isNumber(t)&&t>1&&t-1,c={};if(i&&i<=n&&(c.next=i.toString()),o&&(c.previous=o.toString()),!a.a.isEmpty(c))return c}var l={isEmpty:function(e){return e&&!(e.data&&e.data.length)},length:function(e){return e&&e.data&&e.data.length},at:function(e,t){if(e&&e.data&&e.data.length&&!(t>e.data.length))return e.data[t]},get:function(e,t){if(e&&e.data&&e.data.length)return e.data.find((function(e){return e.id&&e.id.toString()===t}))},flattenCollections:function(e){if(e&&e.length){var t=[];return e.forEach((function(e){t=[].concat(i(t),i(e.data))})),t}},getNextCursor:function(e){return e.pagination&&e.pagination.cursors&&e.pagination.cursors.next},convertLegacyPaginatedCollection:function(e){if(e)return{data:e.data,pagination:{cursors:c(e.pagination),limit:e.pagination.pageSize}}}}},974:function(e,t,n){"use strict";var r=n(0),a=n(40),i=n(952),o=n(982),c=n(310),l=n(64),s=n(975),u=n(46),d=n(115),f=n(17),m=n(963),p=n(45),v=n(961),y=n(964),g=n(962),b=n(77),h=n(976),E=n.n(h),S=[g.a.AddToPlaylist];function A(e){var t=r.useContext(y.a),n=t.videoActions,a=void 0===n?S:n,i=t.getActionAppLink,o=t.hideLabel,c=Object(b.a)(u.a.XS);if(!p.a.isFunction(i))return r.createElement(r.Fragment,null);var l=[];return a.forEach((function(t){var n=i(e.video,t);n&&l.push(Object.assign({appLink:n,className:"btn btn-link",button:!c},Object(g.b)()[t]))})),o&&!c&&(l=l.map((function(e){return Object.assign(Object.assign({},e),{label:null})}))),r.createElement(v.a,{actions:l,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(E.a.actionsDropdown)})}var k=n(91),O=n(977),w=n.n(O);function N(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return j(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return j(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function j(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function C(e){var t=N(r.useState(e.truncate),2),n=t[0],a=t[1];return Object(b.a)(u.a.XS)?r.createElement(r.Fragment,null):r.createElement("div",{className:"position-relative overflow-hidden ".concat(n?"clamp-2":"")},r.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&r.createElement("span",{className:"cursor-pointer ".concat(w.a.ellipsis),onClick:function(){return a(!n)}},r.createElement(k.b,{namespace:"shared.videoItemDescription",phrase:n?"showMore":"showLess"}))))}C.defaultProps={truncate:!0};var x=n(58);function I(e){return r.createElement(x.a,{appLink:e.appLink},r.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var L=n(990),P=n(985),T=n(209),F=n(3),U=n(160),D=n(978),R=n.n(D);n.d(t,"b",(function(){return _})),n.d(t,"a",(function(){return z}));var M=Object(i.SortableHandle)((function(){return r.createElement(a.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(R.a.dragHandleContainer)},r.createElement(l.a,{svgName:f.b.Handle,size:l.b.Small}))}));function _(e){var t,n,i=Object(T.a)(),l=i===u.a.XS,f=i===u.a.SM||i===u.a.MD,p=i===u.a.SM,v=r.useContext(m.a).isSortable&&!l,y=e.getVideoAppLink(e.video),g=d.a.hasSeries(e.video)&&e.getSeriesAppLink(e.video.series);return r.createElement(a.Row,{className:"py-2"},r.createElement(a.Col,{xs:l?12:f?4:3,className:"flex-column align-items-flex-start mb-1"},r.createElement(a.Row,null,!!v&&r.createElement(M,null),r.createElement(a.Col,{xs:(n=v,n?10:12)},r.createElement(o.a,{video:e.video,appLink:y,seriesAppLink:g,imageOptions:{size:v?U.a.Small:U.a.Medium},textPosition:s.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:F.j.VideoListItem},hideFavouriteButton:e.hideFavouriteButton})))),r.createElement(a.Col,{xs:l?12:f?8:9},r.createElement(A,{video:e.video}),r.createElement(c.a,{className:"d-block",video:e.video,appLink:g,analyticsOptions:{location:F.j.VideoListItem}}),r.createElement(I,{video:e.video,appLink:e.getVideoAppLink(e.video)}),r.createElement(L.a,null,r.createElement(P.a,{type:P.b.Rating,data:e.video.rating}),r.createElement(P.a,{type:P.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&r.createElement(P.a,{type:P.b.Interactive,data:null===(t=e.video._hasinteractives)||void 0===t?void 0:t.value})),!p&&r.createElement(C,{video:e.video})))}var z=Object(i.SortableElement)((function(e){return r.createElement(_,Object.assign({},e))}))},976:function(e,t,n){e.exports={actionsDropdown:"XR0aX"}},977:function(e,t,n){e.exports={ellipsis:"LJY5U"}},978:function(e,t,n){e.exports={dragHandleContainer:"_24s1b"}},999:function(e,t,n){"use strict";function r(e){return function(e){if(Array.isArray(e))return a(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||function(e,t){if(!e)return;if("string"==typeof e)return a(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return a(e,t)}(e)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function a(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}n.d(t,"a",(function(){return i}));var i={getPartialLoadingItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.numItems,n=void 0===t?5:t,a=e.minWidth,i=void 0===a?50:a,o=e.maxWidth,c=void 0===o?100:o,l=function(){return Math.max(Math.floor(Math.random()*c),i)};return r(Array(n)).map((function(){return{width:"".concat(l(),"px")}}))}}}}]);