@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/29.chunk.js

@@ -0,0 +1,721 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[29],{
+
+/***/ "../../libs/shared/src/components/audience-label/AudienceLabel.tsx":
+/*!************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/audience-label/AudienceLabel.tsx ***!
+  \************************************************************************************************************/
+/*! exports provided: AudienceLabel, AudienceLabelList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceLabel", function() { return AudienceLabel; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceLabelList", function() { return AudienceLabelList; });
+/* 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 _audience_label_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./audience-label.scss */ "../../libs/shared/src/components/audience-label/audience-label.scss");
+/* harmony import */ var _audience_label_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_audience_label_scss__WEBPACK_IMPORTED_MODULE_1__);
+
+
+function AudienceLabel(props) {
+  if (!props.audience) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "border rounded-pill d-inline-block px-2 mt-1 ".concat('border-' + props.border)
+  }, props.audience.name);
+}
+function AudienceLabelList(props) {
+  if (!props.audiences || !props.audiences.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.audiences.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      key: idx,
+      className: _audience_label_scss__WEBPACK_IMPORTED_MODULE_1___default.a.audienceLabelListItem
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](AudienceLabel, {
+      audience: a,
+      border: props.border
+    }));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/audience-label/audience-label.scss":
+/*!**************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/audience-label/audience-label.scss ***!
+  \**************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"audienceLabelListItem":"cv--audienceLabelListItem--2YGVO"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/badges/Badge.tsx":
+/*!********************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/badges/Badge.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: BadgeType, Badge */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BadgeType", function() { return BadgeType; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Badge", function() { return Badge; });
+/* 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 _utils_VideoDetailsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/VideoDetailsHelper */ "../../libs/shared/src/utils/VideoDetailsHelper.ts");
+/* harmony import */ var _utils_DurationHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/DurationHelper */ "../../libs/shared/src/utils/DurationHelper.ts");
+/* harmony import */ var _badge_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./badge.scss */ "../../libs/shared/src/components/badges/badge.scss");
+/* harmony import */ var _badge_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_badge_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+var BadgeType;
+
+(function (BadgeType) {
+  BadgeType["Duration"] = "duration";
+  BadgeType["Interactive"] = "interactive";
+  BadgeType["Rating"] = "rating";
+  BadgeType["ProductionYear"] = "production-year";
+})(BadgeType || (BadgeType = {}));
+
+function getClassName(type, data) {
+  var baseClass = 'badge';
+  var typeClass = '';
+  if (type === BadgeType.Duration) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.duration;
+  if (type === BadgeType.Interactive) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.interactive;
+  if (type === BadgeType.Rating) typeClass = "".concat(_badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.rating, " ").concat(_utils_VideoDetailsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoDetailsHelper"].mapRatingToClass(data.value));
+  if (type === BadgeType.ProductionYear) typeClass = _badge_scss__WEBPACK_IMPORTED_MODULE_4___default.a.productionYear;
+  return "".concat(baseClass, " ").concat(typeClass);
+}
+
+function getBadgeText(type, data) {
+  if (type === BadgeType.Interactive) return 'Interactive';
+  if (type === BadgeType.Duration) return _utils_DurationHelper__WEBPACK_IMPORTED_MODULE_3__["DurationHelper"].ToDisplayDuration(data); // data expected to be the duration
+
+  if (type === BadgeType.Rating) return data.code; // data expected to be a rating object
+
+  if (type === BadgeType.ProductionYear) return data; // data should be the production year
+}
+
+function getTooltip(type, data) {
+  if (type === BadgeType.Rating) return {
+    title: data.name,
+    placement: 'top'
+  };
+  return null;
+}
+
+function hasData(type, data) {
+  if (type === BadgeType.Rating) return data && !!data.value;
+  return !!data;
+}
+
+function Badge(props) {
+  var type = props.type,
+      data = props.data;
+  if (!hasData(type, data)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var className = getClassName(type, data);
+  var text = getBadgeText(type, data);
+  var tooltip = getTooltip(type, data);
+
+  if (tooltip) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["OverlayTrigger"], {
+      placement: tooltip.placement,
+      overlay: react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Tooltip"], {
+        id: tooltip.title
+      }, tooltip.title)
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+      className: className
+    }, text));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: className
+  }, text);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/badges/badge.scss":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/badges/badge.scss ***!
+  \*********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"duration":"cv--duration--3XH_S","interactive":"cv--interactive--INxgX","productionYear":"cv--productionYear--Bt6Bx","rating":"cv--rating--3bOtF","badgeList":"cv--badgeList--1BsVS"};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/widgets/items/series-widget-item/PartialSeriesList.tsx":
+/*!**********************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/components/widgets/items/series-widget-item/PartialSeriesList.tsx ***!
+  \**********************************************************************************************************************************/
+/*! exports provided: PartialSeriesList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialSeriesList", function() { return PartialSeriesList; });
+/* 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 _series_widget_item_scss__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./series-widget-item.scss */ "../../libs/shared/src/components/widgets/items/series-widget-item/series-widget-item.scss");
+/* harmony import */ var _series_widget_item_scss__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_1__);
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+var PARTIAL_SERIES = _toConsumableArray(Array(4));
+
+var PartialSeriesList = function PartialSeriesList() {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "partial-loading-background ".concat(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialLoadingHeading),
+    dangerouslySetInnerHTML: {
+      __html: '&nbsp'
+    }
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'row'
+  }, PARTIAL_SERIES.map(function (s, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      key: idx,
+      className: 'col-6 col-sm-4 col-lg-3 '
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'py-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: "".concat(_series_widget_item_scss__WEBPACK_IMPORTED_MODULE_1___default.a.partialLoading, " partial-loading-background")
+    })));
+  })));
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/AudienceRequests.ts":
+/*!****************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/flight-requests/AudienceRequests.ts ***!
+  \****************************************************************************************************/
+/*! exports provided: AudienceRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceRequests", function() { return AudienceRequests; });
+var endpoints = {
+  presentationAudiences: function presentationAudiences() {
+    return "/api/domain/v1/subjects/audiences";
+  }
+};
+var AudienceRequests = {
+  presentationAudiences: function presentationAudiences() {
+    return {
+      bootstrapName: 'presentationAudiences',
+      url: endpoints.presentationAudiences(),
+      key: "presentation:audiences",
+      normalize: false
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseHover.ts":
+/*!**********************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseHover.ts ***!
+  \**********************************************************************************/
+/*! exports provided: useHover, useHoverIntent */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHover", function() { return useHover; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHoverIntent", function() { return useHoverIntent; });
+/* 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_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+var defaultOptions = {
+  className: '',
+  delay: 0
+};
+/**
+ * This hook detects hover events on an element.
+ * This should only be used where CSS hover events won't suffice for what you are trying to achieve.
+ */
+
+function useHover() {
+  var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : defaultOptions;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      isHovering = _React$useState2[0],
+      setHovering = _React$useState2[1];
+
+  var ref = react__WEBPACK_IMPORTED_MODULE_0__["useRef"](null);
+  var triggerHover = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].throttle(function () {
+    var _a, _b;
+
+    if (options.className) (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.add(options.className);
+    setHovering(true);
+  }, options.delay, {
+    leading: false
+  });
+
+  var handleMouseOut = function handleMouseOut() {
+    var _a, _b;
+
+    if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(triggerHover.cancel)) triggerHover.cancel();
+    if (options.className) (_b = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.classList) === null || _b === void 0 ? void 0 : _b.remove(options.className);
+    setHovering(false);
+  };
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useLayoutEffect"](function () {
+    var node = ref.current;
+
+    if (node) {
+      node.addEventListener('mouseenter', triggerHover);
+      node.addEventListener('mouseleave', handleMouseOut);
+      return function () {
+        node.removeEventListener('mouseenter', triggerHover);
+        node.removeEventListener('mouseleave', handleMouseOut);
+      };
+    }
+  }, [ref.current]);
+  return [ref, isHovering];
+}
+function useHoverIntent(className) {
+  return useHover({
+    className: className,
+    delay: 275
+  });
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/AudienceHelper.ts":
+/*!****************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/utils/AudienceHelper.ts ***!
+  \****************************************************************************************/
+/*! exports provided: AudienceHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceHelper", function() { return AudienceHelper; });
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+
+var DIGIT_REGEX = /([0-9]+)/ig;
+var NAME_REGEX = /(^\w+)/ig;
+var COUNT_OFFSET = 1;
+
+function processAudienceRanges(audienceValues) {
+  /**
+   * Lookahead by increments of offset
+   */
+  var offset = COUNT_OFFSET;
+  var initialVal, nextVal;
+  var isContinguous = false;
+  var ranges = []; // Audience values need to be in ascending order
+
+  audienceValues = audienceValues.sort(function (a, b) {
+    return a - b;
+  });
+  var i, j;
+
+  for (i = 0; i < audienceValues.length; i++) {
+    j = i + 1; // Set our lower boundary to compare against
+
+    if (!isContinguous) initialVal = audienceValues[i];
+    nextVal = audienceValues[j];
+    /**
+     * Where the next number is also the next incremental value
+     * we're going to continue iterating until the next value
+     * is no longer contiguos.
+     */
+
+    if (audienceValues[i] + offset === nextVal) {
+      isContinguous = true;
+    } else if (isContinguous) {
+      /**
+       * Where we were tracking a contiguous set, format appropriately
+       * and store the vals
+       */
+      ranges.push("".concat(initialVal, " - ").concat(audienceValues[i]));
+      isContinguous = false;
+    } else {
+      /**
+       * Where the values arent contiguous, just store the current value
+       */
+      ranges.push("".concat(audienceValues[i]));
+      isContinguous = false;
+    }
+  }
+
+  return ranges;
+}
+
+var AudienceHelper = {
+  /**
+   * This is needed to sort an object's audiences, as they are not sorted by the backend.
+   * To do this, we take the presentation audiences (sorted) and filter them by the object's
+   * audiences, leaving behind a sorted array of object audiences.
+   */
+  getSortedPresentationAudiences: function getSortedPresentationAudiences(objectAudiences, presentationAudiences) {
+    var objectAudienceIds = objectAudiences.map(function (audience) {
+      return audience.id.toString();
+    });
+    /**
+     * Remove audiences that aren't relevant for the user's current presentation
+     */
+
+    var filteredAudiences = presentationAudiences.filter(function (presAudience) {
+      return objectAudienceIds.includes(presAudience.masterId.toString());
+    });
+    return filteredAudiences;
+  },
+  getMergedPresentationAudienceString: function getMergedPresentationAudienceString(presentationAudiences) {
+    if (presentationAudiences.length === 1) return presentationAudiences[0];
+    /**
+     * Create a string with all of the audiences
+     */
+
+    var valuesStr = presentationAudiences.map(function (a) {
+      return a.name;
+    }).join(',');
+    /**
+     * Extract all the numbers and  matches from the string
+     * Where there aren't matches, just return the first Audience.
+     */
+
+    var valMatches = valuesStr.match(DIGIT_REGEX);
+    var nameMatches = valuesStr.match(NAME_REGEX);
+    if (!valMatches || !nameMatches) return presentationAudiences[0];
+    var audienceValues = valMatches.map(function (l) {
+      return +l;
+    }) || [];
+    /**
+     * Build set of logical audience ranges
+     */
+
+    var audienceRange = processAudienceRanges(audienceValues);
+    /**
+     * Get matches name
+     */
+
+    var audienceName = nameMatches[0];
+    return {
+      name: "".concat(audienceName, " ").concat(audienceRange.join(' , '))
+    };
+  },
+
+  /**
+   * This function assumes the members array passed in is ordered by `name`.
+   */
+  sortMembersWithDuplicateNamesByAudience: function sortMembersWithDuplicateNamesByAudience(members) {
+    // Returns the lowest level audience out of an array of audience objects by looking at the name
+    var getLowestAudience = function getLowestAudience(audiences) {
+      if (!audiences.length) return null;
+      var lowestAudience;
+      var lowestAudienceDigit;
+      audiences.forEach(function (audience) {
+        var digit = +_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].first(audience.name.match(DIGIT_REGEX));
+
+        if (!lowestAudience) {
+          lowestAudience = audience;
+          lowestAudienceDigit = digit;
+          return;
+        }
+
+        if (digit > lowestAudienceDigit) lowestAudience = audience;
+      });
+      return lowestAudience;
+    }; // This is used to track how many times a member's name appears in the collection
+
+
+    var nameCountMap = {};
+    var sorted = [];
+    members.forEach(function (member) {
+      if (!nameCountMap[member.name]) {
+        nameCountMap[member.name] = 1;
+        sorted.push(member);
+        return;
+      }
+
+      sorted.push(member);
+      nameCountMap[member.name]++; // Take the slice of duplicates that we want to sort by audience
+
+      var slice = sorted.splice(sorted.length - nameCountMap[member.name]); // Sort the slice by lowest audience
+
+      var sortedSlice = slice.sort(function (a, b) {
+        var firstObjLowestAudience = getLowestAudience(a.subjectPresentationAudiences.data);
+        var secondObjLowestAudience = getLowestAudience(b.subjectPresentationAudiences.data);
+        if (!firstObjLowestAudience && secondObjLowestAudience) return 1;
+        if (!secondObjLowestAudience) return -1;
+        return firstObjLowestAudience.name.localeCompare(secondObjLowestAudience.name);
+      });
+      sorted = sorted.concat(sortedSlice);
+    });
+    return sorted;
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/VideoDetailsHelper.ts":
+/*!********************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/utils/VideoDetailsHelper.ts ***!
+  \********************************************************************************************/
+/*! exports provided: VideoDetailsHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoDetailsHelper", function() { return VideoDetailsHelper; });
+var VideoDetailsHelper = {
+  mapRatingToClass: function mapRatingToClass(ratingValue) {
+    if (!ratingValue) return '';
+
+    var ratings = function ratings(rating) {
+      switch (true) {
+        case rating < 32:
+          return 'bg-purple';
+
+        case rating < 48:
+          return 'bg-success';
+
+        case rating < 80:
+          return 'bg-info';
+
+        case rating < 96:
+          return 'bg-danger';
+
+        case rating < 128:
+          return 'bg-pink';
+
+        case rating >= 128:
+          return 'bg-warning';
+
+        default:
+          return '';
+        // Handles unrated
+      }
+    };
+
+    return ratings(ratingValue);
+  }
+};
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/classification-series-list-view/ClassificationSeriesListView.tsx":
+/*!**************************************************************************************************!*\
+  !*** ./src/apps/subjects/views/classification-series-list-view/ClassificationSeriesListView.tsx ***!
+  \**************************************************************************************************/
+/*! exports provided: ClassificationSeriesListView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationSeriesListView", function() { return ClassificationSeriesListView; });
+/* 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_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
+/* harmony import */ var _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ClassificationRequests */ "../../libs/shared/src/flight-requests/ClassificationRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/AudienceRequests */ "../../libs/shared/src/flight-requests/AudienceRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_useQueryString__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/useQueryString */ "../../libs/shared/src/hooks/useQueryString.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_hooks_useAudienceParams__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/hooks/useAudienceParams */ "../../libs/shared/src/apps/subjects/hooks/useAudienceParams.tsx");
+/* harmony import */ var _libs_shared_src_apps_subjects_reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/reducers/AudienceReducer */ "../../libs/shared/src/apps/subjects/reducers/AudienceReducer.ts");
+/* harmony import */ var _libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter */ "../../libs/shared/src/apps/subjects/components/audience-filter/AudienceFilter.tsx");
+/* harmony import */ var _libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/widgets/items/series-widget-item */ "../../libs/shared/src/components/widgets/items/series-widget-item/index.ts");
+/* harmony import */ var apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! apps/subjects/utils/ClassificationAppLinks */ "./src/apps/subjects/utils/ClassificationAppLinks.ts");
+/* harmony import */ var _classification_series_list_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ./classification-series-list.scss */ "./src/apps/subjects/views/classification-series-list-view/classification-series-list.scss");
+/* harmony import */ var _classification_series_list_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_classification_series_list_scss__WEBPACK_IMPORTED_MODULE_16__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('subjects.classificationSeriesList');
+function ClassificationSeriesListView(props) {
+  var _a, _b, _c, _d, _e;
+
+  var id = props.id,
+      queryParams = props.queryParams;
+
+  var _React$useReducer = react__WEBPACK_IMPORTED_MODULE_0__["useReducer"](_libs_shared_src_apps_subjects_reducers_AudienceReducer__WEBPACK_IMPORTED_MODULE_12__["AudienceReducer"], {}),
+      _React$useReducer2 = _slicedToArray(_React$useReducer, 2),
+      activeAudiences = _React$useReducer2[0],
+      audienceDispatch = _React$useReducer2[1];
+  /**
+   * Data fetching
+   */
+
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__["UserRequests"].currentUser);
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_6__["ConfigRequests"].config);
+  var classification = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(((_a = currentUser.data) === null || _a === void 0 ? void 0 : _a.id) ? _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_8__["ClassificationRequests"].classification(id, (_b = currentUser.data) === null || _b === void 0 ? void 0 : _b.id) : null);
+  var presentation = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_8__["ClassificationRequests"].presentation());
+  var path = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_8__["ClassificationRequests"].path(id));
+  var audiences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_9__["AudienceRequests"].presentationAudiences());
+  /**
+   * We use the current active audiences to re-fetch content for that specific audience set.
+   */
+
+  var activeAudienceIds = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].keys(activeAudiences);
+  var activeAudienceValues = _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].values(activeAudiences);
+  var presentationId = (_d = (_c = presentation) === null || _c === void 0 ? void 0 : _c.data) === null || _d === void 0 ? void 0 : _d.id;
+  var seriesRequest = _libs_shared_src_flight_requests_ClassificationRequests__WEBPACK_IMPORTED_MODULE_8__["ClassificationRequests"].series(id, presentationId, activeAudienceIds);
+  var series = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetResponse(seriesRequest && seriesRequest.key);
+  var fetchSeries = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetFetch(seriesRequest);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!presentationId) return;
+    fetchSeries();
+  }, [presentationId]);
+  var classificationAppLinkFn = Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__["getClassificationAppLink"])();
+  /**
+   * Where our selected presentation audiences change, always update the URL
+   */
+
+  Object(_libs_shared_src_hooks_useQueryString__WEBPACK_IMPORTED_MODULE_10__["useSetQueryString"])({
+    appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__["getSeriesSubviewAppLink"])(classification.data),
+    paramBuilder: function paramBuilder() {
+      return {
+        a: activeAudienceValues.map(function (v) {
+          return v.name;
+        })
+      };
+    },
+    isValid: function isValid() {
+      var _a;
+
+      return !!((_a = classification.data) === null || _a === void 0 ? void 0 : _a.id);
+    },
+    appLinkOptions: {
+      replace: true
+    }
+  }, [activeAudienceValues.length]);
+  /**
+   * On page load, we will parse the querystring and automatically
+   * select any applicable presentation audiences. This should only be performed
+   * once we have access to the audience data for the selected classification.
+   */
+
+  var shouldParseParams = !!(audiences.data && audiences.data.length);
+  Object(_libs_shared_src_apps_subjects_hooks_useAudienceParams__WEBPACK_IMPORTED_MODULE_11__["useParseAudienceParams"])(queryParams, audiences.data, audienceDispatch, [shouldParseParams]);
+  var breadcrumbsDataLoaded = !!path.data;
+  var audienceDataLoaded = !!audiences.data;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white'
+  }, !!classification.data && !!config.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_4__["BannerHeader"], {
+    heading: getPhrase('heading', {
+      classification: classification.data.name
+    }),
+    banner: classification.data.banner,
+    imageCdnUrl: config.data.imageCdnUrl
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_4__["PartialBannerHeader"], null), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'py-3 mb-3 border-bottom'
+  }, breadcrumbsDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_5__["Breadcrumbs"], {
+    currentItem: classification.data,
+    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_5__["BreadcrumbType"].Static,
+    getItemAppLink: classificationAppLinkFn,
+    data: path.data,
+    rootItem: {
+      label: getPhrase('dashboard'),
+      appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__["getDashboardAppLink"])()
+    },
+    subview: getPhrase('subview')
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_5__["PartialBreadcrumbs"], null), audienceDataLoaded ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_13__["AudienceFilter"], {
+    audiences: audiences.data,
+    activeAudiences: activeAudiences,
+    setAudience: audienceDispatch
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_subjects_components_audience_filter_AudienceFilter__WEBPACK_IMPORTED_MODULE_13__["PartialAudienceFilter"], null)), !!((_e = series.data) === null || _e === void 0 ? void 0 : _e.data) && !!classification.data ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mx-n2'
+  }, series.data.data.map(function (s) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: "d-inline-flex position-relative px-2 mb-2 ".concat(_classification_series_list_scss__WEBPACK_IMPORTED_MODULE_16___default.a.seriesItem)
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_14__["SeriesWidgetItem"], {
+      data: s,
+      appLink: Object(apps_subjects_utils_ClassificationAppLinks__WEBPACK_IMPORTED_MODULE_15__["getSeriesSubviewAppLink"])(classification.data),
+      audiences: audiences.data
+    }));
+  })) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_widgets_items_series_widget_item__WEBPACK_IMPORTED_MODULE_14__["PartialSeriesList"], null)));
+}
+
+/***/ }),
+
+/***/ "./src/apps/subjects/views/classification-series-list-view/classification-series-list.scss":
+/*!*************************************************************************************************!*\
+  !*** ./src/apps/subjects/views/classification-series-list-view/classification-series-list.scss ***!
+  \*************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"seriesItem":"cv--seriesItem--1tgrv"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=29.chunk.js.map