@clickview/lite 0.0.24-rc.2 → 0.0.24-rc.4

package/dist/scripts/12.chunk.js

@@ -0,0 +1,445 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[12],{
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx":
+/*!**********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx ***!
+  \**********************************************************************************************************************************/
+/*! exports provided: PreferenceFooter */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceFooter", function() { return PreferenceFooter; });
+/* 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 _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _preference_footer_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./preference-footer.scss */ "../../libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss");
+/* harmony import */ var _preference_footer_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_preference_footer_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+PreferenceFooter.defaultProps = {
+  justify: 'between'
+};
+function PreferenceFooter(props) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_2__["useGetMediaQueryString"])();
+  var widthClass = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_1__["MediaQueryStrings"].XS ? 'w-100' : 'w-75';
+  var justifyClass = "justify-content-".concat(props.justify);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(widthClass, " ").concat(justifyClass, " ").concat(_preference_footer_scss__WEBPACK_IMPORTED_MODULE_3___default.a.preferenceFooter, " d-flex px-3")
+  }, props.children);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss":
+/*!************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss ***!
+  \************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"preferenceFooter":"cv--preferenceFooter--P29kw"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/index.ts":
+/*!***************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/index.ts ***!
+  \***************************************************************************************************************/
+/*! exports provided: PreferenceFooter, PreferencesNav, PreferenceItem, SubjectPreferenceGrid, SubjectPreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./footer/PreferenceFooter */ "../../libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferenceFooter", function() { return _footer_PreferenceFooter__WEBPACK_IMPORTED_MODULE_0__["PreferenceFooter"]; });
+
+/* harmony import */ var _nav_PreferencesNav__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./nav/PreferencesNav */ "../../libs/shared/src/apps/subjects/components/preferences/nav/PreferencesNav.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferencesNav", function() { return _nav_PreferencesNav__WEBPACK_IMPORTED_MODULE_1__["PreferencesNav"]; });
+
+/* harmony import */ var _subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./subject-preference-grid/SubjectPreferenceGrid */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceGrid", function() { return _subject_preference_grid_SubjectPreferenceGrid__WEBPACK_IMPORTED_MODULE_2__["SubjectPreferenceGrid"]; });
+
+/* harmony import */ var _subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./subject-preference-item/SubjectPreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceItem", function() { return _subject_preference_item_SubjectPreferenceItem__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferenceItem"]; });
+
+/* harmony import */ var _preference_item_PreferenceItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./preference-item/PreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "PreferenceItem", function() { return _preference_item_PreferenceItem__WEBPACK_IMPORTED_MODULE_4__["PreferenceItem"]; });
+
+
+
+
+
+
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx":
+/*!*****************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx ***!
+  \*****************************************************************************************************************************************/
+/*! exports provided: PreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceItem", function() { return PreferenceItem; });
+/* 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 _PreferenceItemStatus__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./PreferenceItemStatus */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx");
+/* harmony import */ var _preference_item_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./preference-item.scss */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss");
+/* harmony import */ var _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_preference_item_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PreferenceItem(props) {
+  function getContainerClass() {
+    var baseClass = _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.preferenceItem;
+    if (props.extraClasses) baseClass += ' ' + props.extraClasses;
+    if (props.isDisabled) baseClass += ' ' + _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.disabled;
+    if (props.isSelected && !props.isExpandable) baseClass += ' ' + _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.selected;
+    if (props.hideStatus) baseClass += ' ' + _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.noBorder;
+    return baseClass;
+  }
+
+  var caretClass = "".concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.expandCaret, " ").concat(props.expand ? _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.up : _preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.down);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+    className: getContainerClass(),
+    onClick: props.onClick,
+    "aria-checked": props.isSelected,
+    "aria-haspopup": props.isExpandable,
+    role: props.isExpandable ? 'button' : 'checkbox',
+    style: {
+      backgroundImage: "url(".concat(props.imageUrl, ")")
+    },
+    tabIndex: 0
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_2___default.a.textBox, " p-2")
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'm-0 text-truncate'
+  }, props.name, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("span", {
+    className: props.isExpandable ? caretClass : ''
+  })), !props.hideStatus && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, props.isExpandable ? react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PreferenceItemStatus__WEBPACK_IMPORTED_MODULE_1__["ExpandableItemStatus"], {
+    selectedChildrenCount: props.selectedChildCount
+  }) : react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_PreferenceItemStatus__WEBPACK_IMPORTED_MODULE_1__["SelectableItemStatus"], {
+    selected: props.isSelected,
+    radioButton: props.radioButton
+  }))));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx":
+/*!***********************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx ***!
+  \***********************************************************************************************************************************************/
+/*! exports provided: ExpandableItemStatus, SelectableItemStatus */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ExpandableItemStatus", function() { return ExpandableItemStatus; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SelectableItemStatus", function() { return SelectableItemStatus; });
+/* 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 _components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _preference_item_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./preference-item.scss */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss");
+/* harmony import */ var _preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_preference_item_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+var ExpandableItemStatus = function ExpandableItemStatus(props) {
+  if (!props.selectedChildrenCount) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.itemStatus, " ").concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.green)
+  }, props.selectedChildrenCount);
+};
+var SelectableItemStatus = function SelectableItemStatus(props) {
+  var svg;
+  if (props.selected) svg = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Check
+  });else if (!props.radioButton) svg = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
+  });else svg = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, "\xA0");
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.itemStatus, " ").concat(props.selected ? _preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.green : _preference_item_scss__WEBPACK_IMPORTED_MODULE_3___default.a.unchecked)
+  }, svg);
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss":
+/*!*******************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss ***!
+  \*******************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"preferenceItem":"cv--preferenceItem--1LDb6","expandCaret":"cv--expandCaret--3QEWB","down":"cv--down--2y-iF","up":"cv--up--1kGNY","disabled":"cv--disabled--2w4FH","selected":"cv--selected--1lSYv","noBorder":"cv--noBorder--3Mxuo","textBox":"cv--textBox--3HCeK","itemStatus":"cv--itemStatus--2msq4","unchecked":"cv--unchecked--2VQLv","green":"cv--green--AHd64"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx":
+/*!********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: SubjectPreferenceGrid */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceGrid", function() { return SubjectPreferenceGrid; });
+/* 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 _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var ___WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./.. */ "../../libs/shared/src/apps/subjects/components/preferences/index.ts");
+/* harmony import */ var _contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./subject-preference-grid.scss */ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss");
+/* harmony import */ var _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6__);
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+
+
+
+
+
+function useGetRowItemCapacity() {
+  var viewportWidth = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+
+  switch (viewportWidth) {
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].LG:
+    default:
+      return 5;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD:
+      return 4;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM:
+      return 3;
+
+    case _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS:
+      return 2;
+  }
+}
+
+function isDisabled(subject, expandedSubject) {
+  if (!expandedSubject || subject.id === expandedSubject.id) return false;
+  if (expandedSubject.children.find(function (child) {
+    return child.id === subject.id;
+  })) return false;
+  return true;
+}
+
+function SubjectPreferenceGridRow(props) {
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__["SubjectPreferencesContext"]),
+      expandedSubject = _React$useContext.expandedSubject,
+      selections = _React$useContext.selectedSubjects;
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.subjects.map(function (subject) {
+    var itemDisabled = isDisabled(subject, expandedSubject);
+    var clickHandler = props.onSelect;
+    if (subject.isExpandableOption) clickHandler = props.onExpand;
+    if (itemDisabled) clickHandler = props.onCollapse;
+    if (props.hasSelectedBulk) clickHandler = function clickHandler() {};
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](___WEBPACK_IMPORTED_MODULE_4__["SubjectPreferenceItem"], {
+      key: subject.id,
+      subject: subject,
+      selected: !props.hasSelectedBulk && selections.includes(subject.id),
+      disabled: props.hasSelectedBulk || itemDisabled,
+      onClick: function onClick(e) {
+        return clickHandler(subject);
+      },
+      hasSelectedBulk: props.hasSelectedBulk
+    });
+  }));
+}
+
+function SubjectPreferenceGrid(props) {
+  var subjects = props.subjects,
+      hasSelectedBulk = props.hasSelectedBulk,
+      eventHandlers = __rest(props, ["subjects", "hasSelectedBulk"]);
+
+  var _React$useContext2 = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_5__["SubjectPreferencesContext"]),
+      expandedSubject = _React$useContext2.expandedSubject;
+
+  var itemsPerRow = useGetRowItemCapacity();
+  /**
+   * This is an array of arrays, where each sub-array is a row of classifications.
+   * We do this to make sure any sub-grid's of child preference options get rendered in the row
+   * directly beneath their parent's row.
+   */
+
+  var subjectRows = subjects.reduce(function (acc, subject, index) {
+    index % itemsPerRow === 0 ? acc.push([subject]) // Start a new row
+    : _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_1__["ArrayHelper"].last(acc).push(subject); // Fill up an existing row
+
+    return acc;
+  }, []);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ul", {
+    className: _subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default.a.grid
+  }, subjectRows.map(function (row, i) {
+    var isExpanded = expandedSubject && !!row.find(function (subject) {
+      return expandedSubject.id === subject.id && subject.isExpandableOption;
+    });
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+      key: i
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SubjectPreferenceGridRow, Object.assign({
+      subjects: row,
+      hasSelectedBulk: hasSelectedBulk
+    }, eventHandlers)), isExpanded && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+      className: "".concat(_subject_preference_grid_scss__WEBPACK_IMPORTED_MODULE_6___default.a.subgrid, " m-0")
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](SubjectPreferenceGrid, Object.assign({
+      subjects: expandedSubject.children,
+      hasSelectedBulk: hasSelectedBulk
+    }, eventHandlers))));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss":
+/*!***********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss ***!
+  \***********************************************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"grid":"cv--grid--G_RXX","subgrid":"cv--subgrid--38ohZ"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx":
+/*!********************************************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx ***!
+  \********************************************************************************************************************************************************/
+/*! exports provided: SubjectPreferenceItem */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferenceItem", function() { return SubjectPreferenceItem; });
+/* 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 _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var _contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../contexts/SubjectPreferencesContext */ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts");
+/* harmony import */ var _preference_item_PreferenceItem__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../preference-item/PreferenceItem */ "../../libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx");
+/* harmony import */ var _components_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../components/tooltip/Tooltip */ "../../libs/shared/src/components/tooltip/Tooltip.tsx");
+
+
+
+
+
+
+function SubjectPreferenceItem(props) {
+  var _a, _b, _c, _d;
+
+  var context = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_contexts_SubjectPreferencesContext__WEBPACK_IMPORTED_MODULE_3__["SubjectPreferencesContext"]);
+  var coverUrl = props.subject.cover ? _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_1__["ImageHelper"].createUrl(props.subject.cover.url, {
+    size: _enums_Images__WEBPACK_IMPORTED_MODULE_2__["ImageSize"].Small
+  }) : '';
+  var childIds = props.subject.isExpandableOption ? props.subject.children.map(function (child) {
+    return child.id;
+  }) : [];
+  var selectedChildCount = !props.hasSelectedBulk ? (_b = (_a = context) === null || _a === void 0 ? void 0 : _a.selectedSubjects) === null || _b === void 0 ? void 0 : _b.filter(function (selection) {
+    return childIds.includes(selection);
+  }).length : 0;
+  var component = react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_preference_item_PreferenceItem__WEBPACK_IMPORTED_MODULE_4__["PreferenceItem"], {
+    name: props.subject.name,
+    imageUrl: coverUrl,
+    onClick: props.onClick,
+    isSelected: props.selected,
+    isDisabled: props.disabled,
+    isExpandable: props.subject.isExpandableOption,
+    expand: ((_d = (_c = context) === null || _c === void 0 ? void 0 : _c.expandedSubject) === null || _d === void 0 ? void 0 : _d.id) === props.subject.id,
+    selectedChildCount: selectedChildCount,
+    extraClasses: props.extraClasses,
+    hideStatus: props.hideStatus
+  });
+  return props.disabled ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", null, component) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_tooltip_Tooltip__WEBPACK_IMPORTED_MODULE_5__["Tooltip"], {
+    title: props.subject.name
+  }, component);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts":
+/*!*********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts ***!
+  \*********************************************************************************************************************/
+/*! exports provided: SubjectPreferencesContext */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SubjectPreferencesContext", function() { return SubjectPreferencesContext; });
+/* 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__);
+
+var SubjectPreferencesContext = Object(react__WEBPACK_IMPORTED_MODULE_0__["createContext"])(undefined);
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView Projects/@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
+      });
+    }
+  };
+};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=12.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/PreferenceFooter.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/footer/preference-footer.scss","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/index.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItem.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/PreferenceItemStatus.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/preference-item/preference-item.scss","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/SubjectPreferenceGrid.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-grid/subject-preference-grid.scss","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/components/preferences/subject-preference-item/SubjectPreferenceItem.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/subjects/contexts/SubjectPreferencesContext.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts"],"names":[],"mappings":"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","file":"scripts/12.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport styles from './preference-footer.scss';\r\n\r\ninterface PreferenceFooterProps extends React.PropsWithChildren<{}> {\r\n  justify?: 'end' | 'center' | 'between';\r\n}\r\n\r\nPreferenceFooter.defaultProps = {\r\n  justify: 'between'\r\n};\r\n\r\nexport function PreferenceFooter(props: PreferenceFooterProps): JSX.Element {\r\n  const mediaQuery = useGetMediaQueryString();\r\n  const widthClass = (mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.XS) ? 'w-100' : 'w-75';\r\n\r\n  let justifyClass = `justify-content-${props.justify}`;\r\n\r\n  return (\r\n    <div className={`${widthClass} ${justifyClass} ${styles.preferenceFooter} d-flex px-3`}>\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"preferenceFooter\":\"cv--preferenceFooter--P29kw\"};","export * from './footer/PreferenceFooter';\r\nexport * from './nav/PreferencesNav';\r\nexport * from './subject-preference-grid/SubjectPreferenceGrid';\r\nexport * from './subject-preference-item/SubjectPreferenceItem';\r\nexport * from './preference-item/PreferenceItem';","import React from 'react';\r\n\r\nimport { ExpandableItemStatus, SelectableItemStatus } from './PreferenceItemStatus';\r\n\r\nimport styles from './preference-item.scss';\r\n\r\ninterface PreferenceItemProps {\r\n  name: string;\r\n  imageUrl: string;\r\n\r\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\r\n  isDisabled?: boolean;\r\n  isSelected: boolean;\r\n  hideStatus?: boolean;\r\n  radioButton?: boolean;\r\n\r\n  isExpandable?: boolean;\r\n  expand?: boolean;\r\n  selectedChildCount?: number;\r\n\r\n  extraClasses?: string;\r\n}\r\n\r\nexport function PreferenceItem(props: PreferenceItemProps): JSX.Element {\r\n  function getContainerClass(): string {\r\n    let baseClass = styles.preferenceItem;\r\n\r\n    if (props.extraClasses)\r\n      baseClass += ' ' + props.extraClasses;\r\n\r\n    if (props.isDisabled)\r\n      baseClass += ' ' + styles.disabled;\r\n\r\n    if (props.isSelected && !props.isExpandable)\r\n      baseClass += ' ' + styles.selected;\r\n\r\n    if (props.hideStatus)\r\n      baseClass += ' ' + styles.noBorder;\r\n\r\n    return baseClass;\r\n  }\r\n\r\n  const caretClass = `${styles.expandCaret} ${props.expand ? styles.up : styles.down}`;\r\n\r\n  return (\r\n    <li\r\n      className={getContainerClass()}\r\n      onClick={props.onClick}\r\n      aria-checked={props.isSelected}\r\n      aria-haspopup={props.isExpandable}\r\n      role={props.isExpandable ? 'button' : 'checkbox'}\r\n      style={{ backgroundImage: `url(${props.imageUrl})` }}\r\n      tabIndex={0}\r\n    >\r\n      <div className={`${styles.textBox} p-2`}>\r\n        <p className='m-0 text-truncate'>\r\n          {props.name}\r\n          <span className={props.isExpandable ? caretClass : ''} />\r\n        </p>\r\n\r\n        {!props.hideStatus && (\r\n          <>{props.isExpandable\r\n            ? <ExpandableItemStatus selectedChildrenCount={props.selectedChildCount} />\r\n            : <SelectableItemStatus selected={props.isSelected} radioButton={props.radioButton} />\r\n          }</>\r\n        )}\r\n      </div>\r\n    </li>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './preference-item.scss';\r\n\r\ninterface ExpandableItemStatusProps {\r\n  selectedChildrenCount: number;\r\n}\r\n\r\nexport const ExpandableItemStatus = (props: ExpandableItemStatusProps): JSX.Element => {\r\n  if (!props.selectedChildrenCount)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className={`${styles.itemStatus} ${styles.green}`}>\r\n      {props.selectedChildrenCount}\r\n    </div>\r\n  );\r\n};\r\n\r\ninterface SelectableItemStatusProps {\r\n  selected: boolean;\r\n  radioButton?: boolean;\r\n}\r\n\r\nexport const SelectableItemStatus = (props: SelectableItemStatusProps): JSX.Element => {\r\n  let svg;\r\n\r\n  if (props.selected)\r\n    svg = <SvgContainer svgName={cvSvgLibrary.Check} />;\r\n  else if (!props.radioButton)\r\n    svg = <SvgContainer svgName={cvSvgLibrary.Plus} />;\r\n  else\r\n    svg = <>&nbsp;</>;\r\n\r\n  return (\r\n    <div className={`${styles.itemStatus} ${props.selected ? styles.green : styles.unchecked}`}>\r\n      {svg}\r\n    </div>\r\n  );\r\n};\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"preferenceItem\":\"cv--preferenceItem--1LDb6\",\"expandCaret\":\"cv--expandCaret--3QEWB\",\"down\":\"cv--down--2y-iF\",\"up\":\"cv--up--1kGNY\",\"disabled\":\"cv--disabled--2w4FH\",\"selected\":\"cv--selected--1lSYv\",\"noBorder\":\"cv--noBorder--3Mxuo\",\"textBox\":\"cv--textBox--3HCeK\",\"itemStatus\":\"cv--itemStatus--2msq4\",\"unchecked\":\"cv--unchecked--2VQLv\",\"green\":\"cv--green--AHd64\"};","import * as React from 'react';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\n\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport { SubjectPreferenceItem } from 'libs/shared/apps/subjects/components/preferences';\r\nimport { SubjectPreferencesContext } from 'libs/shared/apps/subjects/contexts/SubjectPreferencesContext';\r\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\r\n\r\nimport styles from './subject-preference-grid.scss';\r\n\r\nfunction useGetRowItemCapacity(): number {\r\n  const viewportWidth = useGetMediaQueryString();\r\n\r\n  switch (viewportWidth) {\r\n  case MediaQueryStrings.LG:\r\n  default:\r\n    return 5;\r\n\r\n  case MediaQueryStrings.MD:\r\n    return 4;\r\n\r\n  case MediaQueryStrings.SM:\r\n    return 3;\r\n\r\n  case MediaQueryStrings.XS:\r\n    return 2;\r\n  }\r\n}\r\n\r\nfunction isDisabled(subject: ClassificationPreference, expandedSubject: ClassificationPreference): boolean {\r\n  if (!expandedSubject || subject.id === expandedSubject.id)\r\n    return false;\r\n\r\n  if (expandedSubject.children.find(child => child.id === subject.id))\r\n    return false;\r\n\r\n  return true;\r\n}\r\n\r\ninterface SubjectPreferenceGridRowProps extends SubjectPreferenceGridProps {}\r\n\r\nfunction SubjectPreferenceGridRow(props: SubjectPreferenceGridRowProps): JSX.Element {\r\n  const { expandedSubject, selectedSubjects: selections } = React.useContext(SubjectPreferencesContext);\r\n\r\n  return (\r\n    <>\r\n      {props.subjects.map(subject => {\r\n        const itemDisabled = isDisabled(subject, expandedSubject);\r\n\r\n        let clickHandler = props.onSelect;\r\n\r\n        if (subject.isExpandableOption)\r\n          clickHandler = props.onExpand;\r\n\r\n        if (itemDisabled)\r\n          clickHandler = props.onCollapse;\r\n\r\n        if (props.hasSelectedBulk)\r\n          clickHandler = () => {};\r\n\r\n        return (\r\n          <SubjectPreferenceItem\r\n            key={subject.id}\r\n            subject={subject}\r\n            selected={!props.hasSelectedBulk && selections.includes(subject.id)}\r\n            disabled={props.hasSelectedBulk || itemDisabled}\r\n            onClick={(e: React.MouseEvent<HTMLLIElement, MouseEvent>) => clickHandler(subject)}\r\n            hasSelectedBulk={props.hasSelectedBulk}\r\n          />\r\n        );\r\n      })}\r\n    </>\r\n  );\r\n}\r\n\r\ninterface SubjectPreferenceGridProps {\r\n  subjects: ClassificationPreference[];\r\n  onSelect: (subject: Classification) => void;\r\n  onExpand: (subject: Classification) => void;\r\n  onCollapse: (subject: Classification) => void;\r\n  hasSelectedBulk?: boolean;\r\n}\r\n\r\nexport function SubjectPreferenceGrid(props: SubjectPreferenceGridProps): JSX.Element {\r\n  const { subjects, hasSelectedBulk, ...eventHandlers } = props;\r\n  const { expandedSubject } = React.useContext(SubjectPreferencesContext);\r\n\r\n  const itemsPerRow = useGetRowItemCapacity();\r\n\r\n  /**\r\n   * This is an array of arrays, where each sub-array is a row of classifications.\r\n   * We do this to make sure any sub-grid's of child preference options get rendered in the row\r\n   * directly beneath their parent's row.\r\n   */\r\n  const subjectRows = subjects.reduce((\r\n    acc: ClassificationPreference[][], subject: ClassificationPreference, index: number\r\n  ) => {\r\n    index % itemsPerRow === 0\r\n      ? acc.push([subject]) // Start a new row\r\n      : ArrayHelper.last(acc).push(subject); // Fill up an existing row\r\n\r\n    return acc;\r\n  }, []);\r\n\r\n  return (\r\n    <ul className={styles.grid}>\r\n      {subjectRows.map((row, i) => {\r\n        const isExpanded = expandedSubject && !!row.find(subject => {\r\n          return expandedSubject.id === subject.id && subject.isExpandableOption;\r\n        });\r\n\r\n        return (\r\n          <React.Fragment key={i}>\r\n            <SubjectPreferenceGridRow\r\n              subjects={row}\r\n              hasSelectedBulk={hasSelectedBulk}\r\n              {...eventHandlers}\r\n            />\r\n\r\n            {isExpanded && (\r\n              <li className={`${styles.subgrid} m-0`}>\r\n                <SubjectPreferenceGrid\r\n                  subjects={expandedSubject.children as ClassificationPreference[]}\r\n                  hasSelectedBulk={hasSelectedBulk}\r\n                  {...eventHandlers}\r\n                />\r\n              </li>\r\n            )}\r\n          </React.Fragment>\r\n        );\r\n      })}\r\n    </ul>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"grid\":\"cv--grid--G_RXX\",\"subgrid\":\"cv--subgrid--38ohZ\"};","import * as React from 'react';\r\n\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { ImageSize } from 'libs/shared/enums/Images';\r\nimport { SubjectPreferencesContext } from 'libs/shared/apps/subjects/contexts/SubjectPreferencesContext';\r\nimport { ClassificationPreference } from 'libs/shared/apps/subjects/interfaces/ClassificationPreference';\r\nimport { PreferenceItem } from 'libs/shared/apps/subjects/components/preferences/preference-item/PreferenceItem';\r\nimport { Tooltip } from 'libs/shared/components/tooltip/Tooltip';\r\n\r\ninterface SubjectPreferenceItemProps {\r\n  subject: ClassificationPreference;\r\n  selected: boolean;\r\n  disabled?: boolean;\r\n  onClick?: (event: React.MouseEvent<HTMLLIElement, MouseEvent>) => void;\r\n  extraClasses?: string;\r\n  hideStatus?: boolean;\r\n  hasSelectedBulk?: boolean;\r\n}\r\n\r\nexport function SubjectPreferenceItem(props: SubjectPreferenceItemProps): JSX.Element {\r\n  const context = React.useContext(SubjectPreferencesContext);\r\n\r\n  const coverUrl = props.subject.cover ? ImageHelper.createUrl(props.subject.cover.url, { size: ImageSize.Small }) : '';\r\n\r\n  const childIds = props.subject.isExpandableOption ? props.subject.children.map(child => child.id) : [];\r\n  const selectedChildCount = !props.hasSelectedBulk\r\n    ? context?.selectedSubjects?.filter(selection => childIds.includes(selection)).length\r\n    : 0;\r\n\r\n  const component = (\r\n    <PreferenceItem\r\n      name={props.subject.name}\r\n      imageUrl={coverUrl}\r\n      onClick={props.onClick}\r\n      isSelected={props.selected}\r\n      isDisabled={props.disabled}\r\n      isExpandable={props.subject.isExpandableOption}\r\n      expand={context?.expandedSubject?.id === props.subject.id}\r\n      selectedChildCount={selectedChildCount}\r\n      extraClasses={props.extraClasses}\r\n      hideStatus={props.hideStatus}\r\n    />\r\n  );\r\n\r\n  return props.disabled\r\n    ? <span>{component}</span>\r\n    : <Tooltip title={props.subject.name}>{component}</Tooltip>;\r\n}","import { createContext } from 'react';\r\nimport { ClassificationPreference } from '../interfaces/ClassificationPreference';\r\n\r\ninterface SubjectPreferencesContextFields {\r\n  selectedSubjects: string[];\r\n  expandedSubject: ClassificationPreference;\r\n}\r\n\r\nexport const SubjectPreferencesContext = createContext<SubjectPreferencesContextFields>(undefined);","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};"],"sourceRoot":""}

package/dist/scripts/13-4245983c0a.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[13],{1018:function(e,t,a){"use strict";var n,r=a(0),i=a(35),o=a(57),c=a(127),s=a(894),l=a(51),u=function(e){var t=e.breadcrumb,a=t.label,n=t.appLink,i=t.active;return r.createElement("li",{className:"breadcrumb-item".concat(i?" active":"")},i?r.createElement("strong",null,a):r.createElement(l.a,{appLink:n},a))},d=function(e){var t=e.breadcrumbs;return r.createElement("ol",{className:"breadcrumb m-0 p-0"},t.map((function(e,t){return r.createElement(u,{key:t,breadcrumb:e})})))};function m(e){return function(e){if(Array.isArray(e))return v(e)}(e)||function(e){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(e))return Array.from(e)}(e)||f(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 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 a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||f(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 f(e,t){if(e){if("string"==typeof e)return v(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);return"Object"===a&&e.constructor&&(a=e.constructor.name),"Map"===a||"Set"===a?Array.from(e):"Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)?v(e,t):void 0}}function v(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function b(e,t,a){return{label:e.name,appLink:t(e),active:a}}function y(e){var t=function(e,t){var a,n=e.currentItem,s=e.getItemAppLink,l=e.getParent,u=e.rootItem,d=e.data,f=e.subview,v=p(Object(r.useState)([]),2),y=v[0],g=v[1],h=null===(a=d)||void 0===a?void 0:a.map((function(e){var t;return null===(t=e)||void 0===t?void 0:t.name})).join("-");r.useEffect((function(){if(!t&&!o.a.isEmpty(d)){var e=d.map((function(e,t){return b(e,s,t+1===d.length)}));u&&e.unshift(u),g(e)}}),[h]),r.useEffect((function(){if(t&&i.a.isFunction(l)){var e=[b(n,s,!0)];for(n=l(n);n;)e.unshift(b(n,s)),n=l(n);return u&&e.unshift(u),g(e)}}),[n,l,s,u]);var E=r.useRef({label:f,appLink:null,active:!0}).current;if(f){y.includes(E)||g([].concat(m(y),[E]));var k=y.filter((function(e){return e.active&&e!==E}));k.length&&(c.a.first(k).active=!1)}return y}(e,e.type===n.Dynamic);return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement(d,{breadcrumbs:t}))}a.d(t,"a",(function(){return n})),a.d(t,"b",(function(){return y})),a.d(t,"c",(function(){return h})),function(e){e[e.Static=0]="Static",e[e.Dynamic=1]="Dynamic"}(n||(n={}));var g=s.a.getPartialLoadingItems({numItems:3}),h=function(){return r.createElement("nav",{"aria-label":"breadcrumb"},r.createElement("ol",{className:"breadcrumb m-0 p-0"},g.map((function(e,t){var a=e.width;return r.createElement("li",{key:t,className:"breadcrumb-item"},r.createElement("span",{className:"d-inline-block partial-loading-background",style:{width:a},dangerouslySetInnerHTML:{__html:"&nbsp"}}))}))))}},1280:function(e,t,a){"use strict";a.r(t),a.d(t,"SeriesView",(function(){return I}));var n=a(0),r=a(61),i=a(14),o=a(7),c=a(154),s=a(157),l=a(830),u=a(912),d=a(1018),m=a(829),p=a(847),f=a(13),v=a(40),b=a(3),y=a(47),g=a(237),h=a(823),E=a(992),k=a(10),N=a(5),A=a(849);function C(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 a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))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 a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var S=o.a.encloseNamespace("shared.series"),L=function(e){return{application:N.a.SUBJECT,action:k.a.Subjects.CLASSIFICATION,args:[e.id,y.a.slugify(e.name)]}},w=function(e){return{application:N.a.DEFAULT,action:k.a.Default.PLAY_VIDEO,args:[e.id,y.a.slugify(e.name)],params:e.lastProgressPoint?{t:Math.floor(e.lastProgressPoint)}:{}}},j=function(e){return{application:N.a.DEFAULT,action:k.a.Default.SERIES,args:[e.id,y.a.slugify(e.name)]}},x=function(e){return[{label:o.a.getPhrase("shared.series","share"),appLink:e&&{application:N.a.DEFAULT,action:k.a.Default.SHARE,args:[e.id],params:{entityType:"series"}},svgName:f.b.Share,className:"btn btn-light mr-2",button:!0},{label:o.a.getPhrase("shared.series","follow"),appLink:{application:N.a.DEFAULT,action:"index"},svgName:f.b.Bell,className:"btn btn-light",button:!0}]};function I(e){var t,a=Object(r.useDispatch)(),f=Object(h.a)(),y=i.a.useBasicFetch(s.a.config),O=i.a.useBasicFetch(c.a.currentUser()),I=i.a.useBasicFetch(E.a.series(e.id)),D=i.a.useBasicFetch(E.a.seriesVideos(e.id,e.cursor));Object(g.a)(null===(t=I.data)||void 0===t?void 0:t.name),Object(A.a)(D.data);var P=[I.data];if(e.classificationId){var T=i.a.useBasicFetch(E.a.breadcrumbs(e.classificationId));T.data&&P.unshift.apply(P,C(T.data))}if(!D.data||!y.data||!I.data)return n.createElement(n.Fragment,null);var F=S("series",{seriesName:I.data.name});return n.createElement("div",{className:"px-3"},n.createElement(u.a,{heading:F,banner:null,imageCdnUrl:y.data.imageCdnUrl,backButtonAppLink:{application:N.a.DASHBOARD,action:k.a.Dashboard.HOME},backButtonText:"Home",actions:x(I.data)}),n.createElement("div",null,n.createElement("div",{className:"border-bottom py-3 mb-3"},e.classificationId&&P.length<2?n.createElement(d.c,null):n.createElement(d.b,{currentItem:I.data,type:d.a.Static,getItemAppLink:L,data:P,rootItem:{label:S("dashboard"),appLink:{application:N.a.DASHBOARD,action:k.a.Dashboard.HOME}}}),I.data.description&&n.createElement("p",{className:"pt-3"},I.data.description)),D.data?D.isFetching?n.createElement(p.a,null):n.createElement(m.c,{videos:D.data.data,cursors:D.data.pagination.cursors,getVideoAppLink:w,getSeriesAppLink:j,setFavourite:function(e,t,n){i.a.fetch(a,l.a.updateIsVideoFavourited(e.id,O.data.id,t,(function(){v.a.logUserAction({id:e.id},{entity:b.d.Video,actionType:b.n.Favourite,descriptor:t?b.m.On:b.m.Off,location:b.j.VideoThumbnail,workflowPhase:b.o.Complete}),f.success(o.a.getPhrase("shared.series",t?"favourited":"unfavourited",{video:e.name}))}),n))}}):n.createElement(n.Fragment,null,"Empty State")))}},824:function(e,t,a){"use strict";a.d(t,"a",(function(){return r}));var n=a(0);function r(e){return n.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},826:function(e,t,a){e.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},827:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(240),o=a(40),c=a(55),s=a(51),l=a(13),u=a(826),d=a.n(u),m=a(35);function p(e){var t="dropdown-item";return e&&(t+=" ".concat(e)),t}function f(e){if(e.action.appLink)return n.createElement(s.a,{appLink:e.action.appLink,onClick:e.action.onClick,className:p(e.action.className),analyticsData:e.action.analyticsData,analyticsOptions:e.action.analyticsOptions},e.action.label);return n.createElement("span",{className:"cursor-pointer ".concat(p(e.action.className)),onClick:function(t){e.action.analyticsData&&e.action.analyticsOptions&&o.a.logUserAction(e.action.analyticsData,e.action.analyticsOptions),m.a.isFunction(e.action.onClick)&&e.action.onClick(t)}},e.action.label)}function v(e){if(!e.actions||!e.actions.length)return n.createElement(n.Fragment,null);var t="actions-dropdown-".concat(i.a.getRandomInt()),a="px-0 ".concat(d.a.dropdownToggle);return e.dropdownToggleClassName&&(a+=" ".concat(e.dropdownToggleClassName)),n.createElement(r.Dropdown,{className:e.className?e.className:"",alignRight:!0},n.createElement(r.Dropdown.Toggle,{as:"button",type:"button",id:t,className:a},n.createElement(c.a,{svgName:l.b.More,size:c.b.Small})),n.createElement(r.Dropdown.Menu,null,e.actions.map((function(e,t){return n.createElement(f,{key:t,action:e})}))))}v.defaultProps={dropdownToggleClassName:"btn btn-light"};var b=a(235),y=a(156);function g(e){var t="ml-2";e.className&&(t+=" ".concat(e.className));var a=e.showSpinner?n.createElement(r.Spinner,{as:"span",animation:"border",role:"status",size:"sm"}):e.children;if(e.tooltip)return n.createElement(y.a,{title:e.tooltip},n.createElement(b.a,{appLink:e.appLink,svgName:e.svgName,onClick:e.onClick,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a));if(e.svgName)return n.createElement(b.a,{onClick:e.onClick,appLink:e.appLink,svgName:e.svgName,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);if(e.appLink)return n.createElement(s.a,{onClick:e.onClick,appLink:e.appLink,className:t,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions},a);return n.createElement("button",{onClick:function(t){e.analyticsData&&e.analyticsOptions&&o.a.logUserAction(e.analyticsData,e.analyticsOptions),m.a.isFunction(e.onClick)&&e.onClick(t)},className:t},a)}function h(e){var t=[],a=[];e.actions.forEach((function(e){e.button?t.push(e):a.push(e)}));var r="d-flex";return e.className&&(r+=" ".concat(e.className)),n.createElement("div",{className:r},n.createElement(n.Fragment,null,!!t.length&&n.createElement("span",{className:d.a.buttonList},t.map((function(e,t){return n.createElement(n.Fragment,{key:t},e.label?n.createElement(g,{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):n.createElement(b.a,{appLink:e.appLink,onClick:e.onClick,svgName:e.svgName,className:e.className,analyticsData:e.analyticsData,analyticsOptions:e.analyticsOptions}))}))),e.sortComponent?e.sortComponent:"",!!a.length&&n.createElement(v,{actions:a,className:!!t.length&&"ml-2",dropdownToggleClassName:e.actionsDropdownClassName})))}a.d(t,"a",(function(){return h}))},829:function(e,t,a){"use strict";a.d(t,"a",(function(){return s})),a.d(t,"c",(function(){return l})),a.d(t,"b",(function(){return u}));var n=a(0),r=a(817),i=a(2),o=a(836),c=a(843),s=n.createContext({isSortable:!1});function l(e){var t=n.useContext(s).isSortable?c.a:c.b,a=i.a.AppLinkHelper.getCurrentAppLink();return n.createElement(n.Fragment,null,n.createElement("div",{className:"position-relative"},e.videos.map((function(a,r){return n.createElement(t,{key:a.id,idx:r,index:r,video:a,getVideoAppLink:e.getVideoAppLink,getSeriesAppLink:e.getSeriesAppLink,setFavourite:e.setFavourite,hideInteractiveBadge:e.hideInteractiveBadge})}))),e.cursors&&n.createElement(o.b,{appLink:a,cursors:e.cursors}))}var u=Object(r.SortableContainer)((function(e){return n.createElement(s.Provider,{value:{isSortable:!0,currentSortingIndex:e.currentSortingIndex}},n.createElement(l,Object.assign({},e)))}))},830:function(e,t,a){"use strict";a.d(t,"a",(function(){return s}));var n=a(21),r=a(46),i=function(e,t){var a={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(a[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(e);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(e,n[r])&&(a[n[r]]=e[n[r]])}return a};function o(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t),key:"favourite:video:".concat(t,":").concat(e),data:{favouriteVideos:e},type:n.a.PUT,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}function c(e,t,a,r){return{url:"/api/domain/v2/objects/".concat(t,"/favouriteVideos/").concat(e),key:"favourite:video:".concat(t,":").concat(e),type:n.a.DELETE,invalidationKeys:["favourite:videos:".concat(t),"video:is:favourited:".concat(t)],success:a,error:r}}var s={favouriteVideos:function(e,t){var a="".concat(r.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t));return{url:"/api/domain/v2/objects/".concat(e,"/favouriteVideos?query=").concat(a),key:"favourite:videos:".concat(e).concat(t?":".concat(t):"")}},updateIsVideoFavourited:function(e,t,a,n,r){return(a?o:c)(e,t,n,r)},isFavourited:function(e,t){var a=t.slice().sort(),n=a.map((function(e){return"id=".concat(e)}));if(n.length)return{url:"/api/domain/v2/objects?query=favouritedBy{id:".concat(e,"}&").concat(n.join("&")),key:"video:is:favourited:".concat(e,":by:id:").concat(a.join(",")),formatData:function(e){var t;if(!(null===(t=e)||void 0===t?void 0:t.length))return e;return e.map((function(e){var t,a,n=e.favouritedBy,r=i(e,["favouritedBy"]);return Object.assign(Object.assign({},r),{isFavourited:!!(null===(a=null===(t=n)||void 0===t?void 0:t.data)||void 0===a?void 0:a.length)})}))}}}}},836:function(e,t,a){"use strict";a.d(t,"b",(function(){return u})),a.d(t,"a",(function(){return d}));var n=a(0),r=a(824),i=a(51),o=a(73),c=a(40),s=a(3);function l(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,a=e.cursors,r=e.className;function u(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:r},n.createElement(i.a,{appLink:l(t,a.previous),className:"btn btn-secondary mr-1 ".concat(a.previous?"":"disabled"),onClick:function(){return u("previous")}},n.createElement(o.b,{phrase:"previous"})),n.createElement(i.a,{appLink:l(t,a.next),className:"btn btn-secondary ".concat(a.next?"":"disabled"),onClick:function(){return u("next")}},n.createElement(o.b,{phrase:"next"}))))}function d(e){function t(e){c.a.logUserAction({page:e},{location:s.j.Pagination,entity:s.d.Pagination,actionType:s.n.Navigate})}return n.createElement(o.a.Provider,{value:"shared.pagination"},n.createElement("div",{className:e.className},n.createElement(r.a,{onClick:function(){1!==e.currentPage&&(t("previous"),e.onClickBack())},className:"btn btn-secondary mr-1 cursor-pointer ".concat(1===e.currentPage?"disabled":"")},n.createElement(o.b,{phrase:"previous"})),n.createElement(r.a,{onClick:function(){e.currentPage!==e.totalPages&&(t("next"),e.onClickNext())},className:"btn btn-secondary cursor-pointer ".concat(e.currentPage===e.totalPages?"disabled":"")},n.createElement(o.b,{phrase:"next"}))))}u.defaultProps={className:"py-2"},d.defaultProps={className:"py-2"}},842:function(e,t,a){"use strict";a.d(t,"a",(function(){return n}));var n={userVideoHistory:function(e,t,a,n,r,i){var o="video:history:".concat(e,":").concat(t),c="/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history");return a&&(o+=":".concat(a),c+="?cursor=".concat(a)),{key:o,url:c,success:n,error:r,always:i}},videoHistory:function(e,t,a,n,r,i){var o=a.sort().map((function(e){return"videoId=".concat(e)}));return{key:"video:history:".concat(e,":").concat(t,":videos:").concat(o.join("&")),url:"/api/videoviews/v1/customers/".concat(e,"/users/").concat(t,"/videos/history?").concat(o.join("&")),formatData:function(e){var t;return(null===(t=e)||void 0===t?void 0:t.length)?e.map((function(e){return{id:e.videoId,lastProgressPoint:e.lastProgressPoint}})):e},success:n,error:r,always:i}}}},843:function(e,t,a){"use strict";var n=a(0),r=a(33),i=a(817),o=a(859),c=a(245),s=a(55),l=a(838),u=a(853),d=a(45),m=function(e){return!!e&&e.series&&!!e.series.id},p=a(13),f=a(829),v=a(35),b=a(827),y=a(242),g=a(128),h=a(107),E=a(844),k=a.n(E),N=[g.a.AddToPlaylist,g.a.Share];function A(e){var t=n.useContext(y.a),a=t.videoActions,r=void 0===a?N:a,i=t.getActionAppLink,o=t.hideLabel,c=Object(h.a)(d.a.XS);if(!v.a.isFunction(i))return n.createElement(n.Fragment,null);var s=[];return r.forEach((function(t){var a=i(e.video,t);a&&s.push(Object.assign({appLink:a,className:"btn btn-link",button:!c},Object(g.b)()[t]))})),o&&!c&&(s=s.map((function(e){return Object.assign(Object.assign({},e),{label:null})}))),n.createElement(b.a,{actions:s,className:"float-right mt-n1",actionsDropdownClassName:"btn btn-link rounded-circle p-0 ".concat(k.a.actionsDropdown)})}var C=a(73),O=a(845),S=a.n(O);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 a=[],n=!0,r=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(n=(o=c.next()).done)&&(a.push(o.value),!t||a.length!==t);n=!0);}catch(e){r=!0,i=e}finally{try{n||null==c.return||c.return()}finally{if(r)throw i}}return a}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return w(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return w(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 w(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}function j(e){var t=L(n.useState(e.truncate),2),a=t[0],r=t[1];return Object(h.a)(d.a.XS)?n.createElement(n.Fragment,null):n.createElement("div",{className:"position-relative overflow-hidden ".concat(a?"clamp-2":"")},n.createElement("p",{className:"m-0"},e.video.description,!!e.isExpandable&&n.createElement("span",{className:"cursor-pointer ".concat(S.a.ellipsis),onClick:function(){return r(!a)}},n.createElement(C.b,{namespace:"shared.videoItemDescription",phrase:a?"showMore":"showLess"}))))}j.defaultProps={truncate:!0};var x=a(51);function I(e){return n.createElement(x.a,{appLink:e.appLink},n.createElement("h5",{className:"m-0 mb-1 clamp-2"},e.video.name))}var D=a(862),P=a(857),T=a(846),F=a.n(T),B=a(236),V=a(3);a.d(t,"b",(function(){return M})),a.d(t,"a",(function(){return H}));var U=Object(i.SortableHandle)((function(){return n.createElement(r.Col,{xs:2,className:"d-flex justify-content-center align-items-center cursor-pointer ".concat(F.a.dragHandleContainer)},n.createElement(s.a,{svgName:p.b.Handle,size:s.b.Small}))}));function M(e){var t,a=Object(B.a)(),i=a===d.a.XS,s=a===d.a.SM||a===d.a.MD,p=a===d.a.SM,v=n.useContext(f.a).isSortable&&!i,b=e.getVideoAppLink(e.video),y=m(e.video)&&e.getSeriesAppLink(e.video.series);return n.createElement(r.Row,{className:"py-2"},n.createElement(r.Col,{xs:i?12:s?4:3,className:"flex-column align-items-flex-start mb-1"},n.createElement(r.Row,null,!!v&&n.createElement(U,null),n.createElement(r.Col,{xs:(t=v,t?10:12)},n.createElement(o.a,{video:e.video,appLink:b,seriesAppLink:y,size:v?l.a.Small:l.a.Medium,textPosition:u.a.Independent,setFavourite:e.setFavourite,type:"static",analyticsOptions:{location:V.j.VideoListItem}})))),n.createElement(r.Col,{xs:i?12:s?8:9},n.createElement(A,{video:e.video}),n.createElement(c.a,{className:"d-block",video:e.video,appLink:y,analyticsOptions:{location:V.j.VideoListItem}}),n.createElement(I,{video:e.video,appLink:e.getVideoAppLink(e.video)}),n.createElement(D.a,null,n.createElement(P.a,{type:P.b.Rating,data:e.video.rating}),n.createElement(P.a,{type:P.b.ProductionYear,data:e.video.productionYear}),!e.hideInteractiveBadge&&n.createElement(P.a,{type:P.b.Interactive,data:e.video.interactives})),!p&&n.createElement(j,{video:e.video})))}var H=Object(i.SortableElement)((function(e){return n.createElement(M,Object.assign({},e))}))},844:function(e,t,a){e.exports={actionsDropdown:"XR0aX"}},845:function(e,t,a){e.exports={ellipsis:"LJY5U"}},846:function(e,t,a){e.exports={dragHandleContainer:"_24s1b"}},847:function(e,t,a){"use strict";a.d(t,"a",(function(){return u}));var n=a(0),r=a.n(n),i=a(33),o=a(45),c=a(236),s=a(848),l=a.n(s);function u(e){var t=Object(c.a)(),a=t===o.a.XS,n=t===o.a.SM||t===o.a.MD,s=e.withReordering&&!a;return r.a.createElement(r.a.Fragment,null,Array(e.numVideos).fill(null).map((function(e,t){return r.a.createElement(i.Row,{key:t,className:"py-2"},r.a.createElement(i.Col,{xs:a?12:n?4:3,className:"flex-column align-items-flex-start mb-1"},r.a.createElement(i.Row,null,!!s&&r.a.createElement("div",{className:"d-flex align-items-center justify-content-center col-2"},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDragHandle)})),r.a.createElement(i.Col,{xs:s?10:12},r.a.createElement("div",{className:"partial-loading-background rounded-lg ".concat(l.a.partialThumbnail)})))),r.a.createElement(i.Col,{xs:a?12:n?8:9},r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialSeriesLink)}),r.a.createElement("div",{className:"partial-loading-background mb-1 ".concat(l.a.partialName)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialDescription)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialBadges)}),r.a.createElement("div",{className:"partial-loading-background ".concat(l.a.partialActions)})))})))}u.defaultProps={numVideos:15}},848:function(e,t,a){e.exports={partialName:"_7KNC2",partialDescription:"Vk_wR",partialThumbnail:"_3peRZ",partialDragHandle:"_1F7_f"}},849:function(e,t,a){"use strict";a.d(t,"a",(function(){return m}));var n=a(14),r=a(154),i=a(830),o=a(239),c=a(842);function s(e){return function(e){if(Array.isArray(e))return l(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 l(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return l(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 l(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}var u={ratings:!0,favourites:!0,watchHistory:!0};function d(e,t){var a,r=n.a.useGetResponse(null===(a=t)||void 0===a?void 0:a.key),i=n.a.useGetFetch(t);e&&t&&r.shouldFetch&&i()}function m(e){var t,a,l,m=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},p=Object.assign(Object.assign({},u),m),f=p.ratings,v=p.favourites,b=p.watchHistory,y=n.a.useBasicFetch(r.a.currentUser()),g=e&&(Array.isArray(e)?e.filter(Boolean).map((function(e){return e.id})):e.data.filter(Boolean).map((function(e){return e.id}))),h=y.data,E=[];f&&(E=[].concat(s(E),[!!(null===(t=g)||void 0===t?void 0:t.length)&&o.a.videoRatings(g)])),v&&(E=[].concat(s(E),[!!(null===(a=g)||void 0===a?void 0:a.length)&&h&&i.a.isFavourited(h.id,g)])),b&&(E=[].concat(s(E),[!!(null===(l=g)||void 0===l?void 0:l.length)&&h&&c.a.videoHistory(h.customerId,h.id,g)])),E.forEach((function(t){return d(!!e,t)}))}},894:function(e,t,a){"use strict";function n(e){return function(e){if(Array.isArray(e))return r(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 r(e,t);var a=Object.prototype.toString.call(e).slice(8,-1);"Object"===a&&e.constructor&&(a=e.constructor.name);if("Map"===a||"Set"===a)return Array.from(e);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return r(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 r(e,t){(null==t||t>e.length)&&(t=e.length);for(var a=0,n=new Array(t);a<t;a++)n[a]=e[a];return n}a.d(t,"a",(function(){return i}));var i={getPartialLoadingItems:function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},t=e.numItems,a=void 0===t?5:t,r=e.minWidth,i=void 0===r?50:r,o=e.maxWidth,c=void 0===o?100:o,s=function(){return Math.max(Math.floor(Math.random()*c),i)};return n(Array(a)).map((function(){return{width:"".concat(s(),"px")}}))}}},912:function(e,t,a){"use strict";var n=a(0),r=a(7),i=a(55),o=a(51),c=a(13);function s(e){var t=e.backToName,a=e.appLink,s=e.color,l=e.extraClasses,u=t?r.a.getPhrase("shared.backButton","backTo",{backToName:t}):r.a.getPhrase("shared.backButton","back"),d="black"===s?"":"text-light";return n.createElement(o.a,{appLink:a,className:"d-inline-flex align-items-center h5 mb-0 ".concat(l," ").concat(d)},n.createElement(i.a,{svgName:c.b.ChevronLeft,size:i.b.Medium}),n.createElement("span",{className:"ml-1"},u))}s.defaultProps={color:"black",extraClasses:""};var l=a(155),u=a(115),d=a(827),m=a(930),p=a.n(m);a.d(t,"a",(function(){return f})),a.d(t,"b",(function(){return v}));var f=n.memo((function(e){var t=e.heading,a=e.banner,r=e.imageCdnUrl,i=e.actions,o=e.sortComponent,c=l.a.createBannerUrl(a,{fallbackBaseUrl:r,fallbackCategoryName:t,type:u.b.Banners},{size:u.a.Large,resizeType:u.c.Cover});return n.createElement("div",{className:"banner-header",style:{backgroundImage:"url('".concat(c,"')")}},e.backButtonAppLink&&n.createElement("div",{className:"pt-3"},n.createElement(s,{appLink:e.backButtonAppLink,backToName:e.backButtonText,extraClasses:e.backButtonClasses,color:"white"})),n.createElement("h1",{className:"".concat(p.a.text," text-white text-shadow position-absolute mb-3 clamp-2")},t),!!i&&n.createElement("div",{className:p.a.actionsContainer},n.createElement(d.a,{actions:i,sortComponent:o})))}),(function(e,t){return e.actions===t.actions})),v=function(){return n.createElement("div",{className:"partial-banner partial-loading-background"})}},930:function(e,t,a){e.exports={actionsContainer:"_286KF",text:"_3TSgh"}},992:function(e,t,a){"use strict";a.d(t,"a",(function(){return c}));var n=a(161),r=function(e){return"/api/domain/v2/objects/".concat(e)},i=function(e,t){return"/api/domain/v2/objects/".concat(e,"/videos?query=").concat(n.a.VIDEO_COLLECTION).concat(function(e){return e?"&cursor=".concat(e):""}(t))},o=function(e){return"/api/domain/v1/subjects/".concat(e,"/path")},c={series:function(e){return{url:r(e),key:"series:".concat(e)}},seriesVideos:function(e,t){return{url:i(e,t),key:"series:".concat(e,":videos:").concat(t)}},breadcrumbs:function(e){if(e)return{url:o(e),key:"series:".concat(e,":breadcrumbs")}}}}}]);