@clickview/lite 0.0.24-rc.5 → 0.0.24

package/dist/scripts/44.chunk.js

@@ -0,0 +1,537 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[44],{
+
+/***/ "../../libs/shared/src/flight-requests/PreferenceRequests.ts":
+/*!*******************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/PreferenceRequests.ts ***!
+  \*******************************************************************************************************/
+/*! exports provided: PreferenceRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PreferenceRequests", function() { return PreferenceRequests; });
+/* harmony import */ var _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+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 classificationQuery = _constants_WithStatements__WEBPACK_IMPORTED_MODULE_2__["SharedWithStatements"].CLASSIFICATION;
+var endpoints = {
+  // Subjects
+  allSubjectPreferences: function allSubjectPreferences() {
+    return "/api/domain/v1/subjects/preferences?query=".concat(classificationQuery, "&type=subject");
+  },
+  mySubjectPreferences: function mySubjectPreferences() {
+    return "/api/domain/v1/subjects/classifications/following?query=".concat(classificationQuery);
+  },
+  followSubjects: function followSubjects() {
+    return '/api/domain/v1/subjects/classifications/following';
+  },
+  unfollowSubjects: function unfollowSubjects(ids) {
+    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/classifications/following', {
+      id: ids
+    });
+  },
+  // Levels
+  allLevelPreferences: function allLevelPreferences() {
+    return "/api/domain/v1/subjects/audiences?type=subject";
+  },
+  myLevelPreferences: function myLevelPreferences() {
+    return "/api/domain/v1/subjects/audiences/following";
+  },
+  followLevels: function followLevels() {
+    return "/api/domain/v1/subjects/audiences/following";
+  },
+  unfollowLevels: function unfollowLevels(ids) {
+    return _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_0__["UrlHelper"].urlBuilder('/api/domain/v1/subjects/audiences/following', {
+      id: ids
+    });
+  },
+  // School Level
+  getSchoolLevels: function getSchoolLevels() {
+    return "/api/domain/v1/subjects/school-level";
+  },
+  getSelectedSchoolLevel: function getSelectedSchoolLevel(userId) {
+    return "/api/domain/v1/subjects/school-level/".concat(userId);
+  },
+  setSchoolLevel: function setSchoolLevel() {
+    return '/api/domain/v1/subjects/school-level';
+  },
+  // Curriculum
+  getCurriculums: function getCurriculums() {
+    return "/api/domain/v1/subjects/curriculum";
+  },
+  getSelectedCurriculum: function getSelectedCurriculum(userId) {
+    return "/api/domain/v1/subjects/school-level/".concat(userId);
+  },
+  setCurriculum: function setCurriculum() {
+    return '/api/domain/v1/subjects/curriculum';
+  },
+  getCurrentPresentations: function getCurrentPresentations(type) {
+    return "/api/domain/v1/subjects/presentations".concat(type ? "?type=".concat(type) : '');
+  },
+  getAvailablePresentations: function getAvailablePresentations(type) {
+    return "/api/domain/v1/subjects/presentations/available".concat(type ? "?type=".concat(type) : '');
+  },
+  setPresentation: function setPresentation(id) {
+    return "/api/domain/v1/subjects/presentations/".concat(id);
+  }
+};
+var PreferenceRequests = {
+  /**
+   * Presentations
+   */
+  currentPresentations: function currentPresentations(type) {
+    return {
+      url: endpoints.getCurrentPresentations(type),
+      key: "current:presentations".concat(type ? ":".concat(type) : ''),
+      expiryTime: Infinity
+    };
+  },
+  availablePresentations: function availablePresentations(type) {
+    return {
+      url: endpoints.getAvailablePresentations(type),
+      key: "available:presentations:".concat(type),
+      expiryTime: Infinity
+    };
+  },
+  setPresentation: function setPresentation(presentation, type, success) {
+    return {
+      url: endpoints.setPresentation(presentation.id),
+      key: "set:".concat(type, ":presentation"),
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      data: {},
+      invalidationKeys: ["current:presentations:".concat(type), 'current:presentations', 'subject:preference:options', 'my:subject:preferences', 'level:preference:options', 'my:level:preferences'],
+      success: success
+    };
+  },
+
+  /**
+   * Subjects
+   */
+  allSubjectPreferences: function allSubjectPreferences() {
+    return {
+      url: endpoints.allSubjectPreferences(),
+      key: "subject:preference:options",
+      expiryTime: Infinity
+    };
+  },
+  mySubjectPreferences: function mySubjectPreferences(success) {
+    return {
+      url: endpoints.mySubjectPreferences(),
+      key: "my:subject:preferences",
+      normalize: false,
+      expiryTime: Infinity,
+      success: success,
+      formatData: function formatData(preferences) {
+        return preferences.filter(function (p) {
+          return p.canBePreferred;
+        });
+      }
+    };
+  },
+  followSubjects: function followSubjects(subjectIds, success, error, always) {
+    return {
+      url: endpoints.followSubjects(),
+      key: "follow:subjects",
+      data: subjectIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      success: success,
+      error: error,
+      always: always,
+      invalidationKeys: [].concat(_toConsumableArray(subjectIds.map(function (id) {
+        return "classification:".concat(id);
+      })), ['my:subject:preferences'])
+    };
+  },
+  unfollowSubjects: function unfollowSubjects(subjectIds, success, error, always) {
+    return {
+      url: endpoints.unfollowSubjects(subjectIds),
+      key: "unfollow:subjects",
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success: success,
+      error: error,
+      always: always,
+      invalidationKeys: [].concat(_toConsumableArray(subjectIds.map(function (id) {
+        return "classification:".concat(id);
+      })), ['my:subject:preferences'])
+    };
+  },
+
+  /**
+   * Levels
+   */
+  allLevelPreferences: function allLevelPreferences() {
+    return {
+      url: endpoints.allLevelPreferences(),
+      key: "level:preference:options",
+      normalize: false,
+      expiryTime: Infinity
+    };
+  },
+  myLevelPreferences: function myLevelPreferences(success) {
+    return {
+      url: endpoints.myLevelPreferences(),
+      key: "my:level:preferences",
+      normalize: false,
+      expiryTime: Infinity,
+      success: success
+    };
+  },
+  followLevels: function followLevels(levelIds, success, error, always) {
+    return {
+      url: endpoints.followLevels(),
+      key: "follow:levels",
+      data: levelIds,
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].POST,
+      success: success,
+      error: error,
+      always: always,
+      invalidationKeys: ['my:level:preferences']
+    };
+  },
+  unfollowLevels: function unfollowLevels(levelIds, success, error, always) {
+    return {
+      url: endpoints.unfollowLevels(levelIds),
+      key: "unfollow:levels",
+      type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_1__["HttpVerbs"].DELETE,
+      success: success,
+      error: error,
+      always: always,
+      invalidationKeys: ['my:level:preferences']
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/UseBatchFetch.ts":
+/*!****************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts ***!
+  \****************************************************************************************/
+/*! exports provided: useBatchFetch */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useBatchFetch", function() { return useBatchFetch; });
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+
+
+
+var BATCH_SIZE = 25;
+/**
+ * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple
+ * requests if there are more than 25 items.
+ * This will return null until we have all our items. Items will be returned as an object with
+ * their ids as they key for easy mapping
+ *
+ * @param itemIds
+ * @param getRequest
+ */
+
+function useBatchFetch(itemIds, getRequest) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useDispatch"])();
+  return Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useSelector"])(function (state) {
+    var _a;
+
+    if (!((_a = itemIds) === null || _a === void 0 ? void 0 : _a.length)) return null;
+    var uniqueItemIds = _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].uniq(itemIds);
+    var items = {};
+    /* Used locally to only return our items if we've fetched all of them */
+
+    var status = {};
+
+    for (var i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {
+      var ids = uniqueItemIds.slice(i, i + BATCH_SIZE);
+      var request = getRequest(ids);
+      var response = _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].getResponse(state, request.key);
+      status[i] = !!response.data;
+      if (response.shouldFetch) _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].fetch(dispatch, request);
+      if (response.data) response.data.forEach(function (v) {
+        return items[v.id] = v;
+      });
+    }
+
+    return Object.keys(status).every(function (k) {
+      return status[k];
+    }) ? items : null;
+  });
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/views/content-updates/ContentUpdatesView.tsx":
+/*!*******************************************************************************!*\
+  !*** ./src/apps/content-updates/views/content-updates/ContentUpdatesView.tsx ***!
+  \*******************************************************************************/
+/*! exports provided: ContentUpdatesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdatesView", function() { return ContentUpdatesView; });
+/* 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 moment__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! moment */ "moment");
+/* harmony import */ var moment__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(moment__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_2__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PreferenceRequests */ "../../libs/shared/src/flight-requests/PreferenceRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseBatchFetch__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseBatchFetch */ "../../libs/shared/src/hooks/UseBatchFetch.ts");
+/* harmony import */ var _libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests */ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var apps_content_updates_components__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/content-updates/components */ "./src/apps/content-updates/components/index.ts");
+/* harmony import */ var _components_ContentUpdateClassification__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ./components/ContentUpdateClassification */ "./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx");
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _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 INITIAL_VIDEO_COUNT = 3;
+var namespace = 'contentUpdates.contentUpdatesView';
+
+function map(contentUpdates, classifications) {
+  if (!contentUpdates || !classifications) return null;
+  return contentUpdates.map(function (c) {
+    return {
+      showMore: c.videos.length > INITIAL_VIDEO_COUNT,
+      classification: classifications[c.classificationId],
+      videos: c.videos.map(function (m) {
+        m.classification = classifications[m.classificationId];
+        return m;
+      }).filter(function (v) {
+        return v;
+      })
+    };
+  });
+}
+
+function ContentUpdatesView(props) {
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"]({}),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      followSpinners = _React$useState2[0],
+      setFollowSpinners = _React$useState2[1];
+
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_2__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_9__["useAlerts"])();
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_12__["useSetPageTitle"])(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, 'pageTitle'));
+  var from = moment__WEBPACK_IMPORTED_MODULE_1__().subtract(1, 'year').toISOString();
+  var to = moment__WEBPACK_IMPORTED_MODULE_1__().toISOString();
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__["ConfigRequests"].config);
+  var contentUpdates = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__["ContentUpdateRequests"].getContentUpdates(from, to));
+  var subjectPreferences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].mySubjectPreferences());
+  /* Map content update response into list of video ids and classification ids*/
+
+  var classificationIds = [];
+  contentUpdates.data && contentUpdates.data.forEach(function (c) {
+    return classificationIds.push(c.classificationId);
+  });
+  /* Batch fetch the videos and classifications by id */
+
+  var classifications = Object(_libs_shared_src_hooks_UseBatchFetch__WEBPACK_IMPORTED_MODULE_10__["useBatchFetch"])(classificationIds, function (ids) {
+    return _libs_shared_src_apps_content_updates_flight_requests_ContentUpdateRequests__WEBPACK_IMPORTED_MODULE_11__["ContentUpdateRequests"].getClassifications(ids);
+  });
+  /** Callbacks */
+
+  function onFollow(classificationId, follow) {
+    setFollowSpinners(function (currentState) {
+      return Object.assign(Object.assign({}, currentState), _defineProperty({}, classificationId, true));
+    });
+
+    var onSuccess = function onSuccess() {
+      var _a, _b;
+
+      setFollowSpinners(function (currentState) {
+        return Object.assign(Object.assign({}, currentState), _defineProperty({}, classificationId, false));
+      });
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+        id: classificationId,
+        name: (_a = classifications[classificationId]) === null || _a === void 0 ? void 0 : _a.name
+      }, {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["LocationContext"].ContentUpdatesClassificationBanner,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["WorkflowPhase"].Complete,
+        descriptor: follow ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["ToggleDescriptor"].Off,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["UserAction"].Follow,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_6__["EntityType"].Classification
+      });
+      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, follow ? 'followed' : 'unfollowed', {
+        classification: (_b = classifications[classificationId]) === null || _b === void 0 ? void 0 : _b.name
+      }));
+    };
+
+    var onError = function onError() {
+      setFollowSpinners(function (currentState) {
+        return Object.assign(Object.assign({}, currentState), _defineProperty({}, classificationId, false));
+      });
+      alerts.error(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, 'error'));
+    };
+
+    var request = follow ? _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].followSubjects([classificationId], onSuccess, onError) : _libs_shared_src_flight_requests_PreferenceRequests__WEBPACK_IMPORTED_MODULE_7__["PreferenceRequests"].unfollowSubjects([classificationId], onSuccess, onError);
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, request);
+  }
+
+  if (!contentUpdates.data || !config.data || !subjectPreferences.data || !classifications) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  /* Build out array of content updates from our lists of videos and classifications */
+
+  var mappedUpdates = map(contentUpdates.data, classifications);
+  var preferredSubjectIds = subjectPreferences.data.map(function (subject) {
+    return subject.id;
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_content_updates_components__WEBPACK_IMPORTED_MODULE_13__["WhatsNewBreadcrumbs"], {
+    dashboardAppLink: props.appLinks.dashboardAppLink
+  }), mappedUpdates.map(function (c) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_ContentUpdateClassification__WEBPACK_IMPORTED_MODULE_14__["ContentUpdateClassification"], {
+      classification: c.classification,
+      videos: c.videos,
+      imageCdnUrl: config.data.imageCdnUrl,
+      showMore: c.showMore,
+      key: c.classification.id,
+      appLinks: props.appLinks,
+      followed: preferredSubjectIds.includes(c.classification.id),
+      follow: onFollow,
+      showFollowSpinner: followSpinners[c.classification.id]
+    });
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx":
+/*!***************************************************************************************************!*\
+  !*** ./src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx ***!
+  \***************************************************************************************************/
+/*! exports provided: ContentUpdateClassification */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdateClassification", function() { return ContentUpdateClassification; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
+/* harmony import */ var _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/enums/Images */ "../../libs/shared/src/enums/Images.ts");
+/* harmony import */ var apps_content_updates_components__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! apps/content-updates/components */ "./src/apps/content-updates/components/index.ts");
+/* harmony import */ var apps_playlists_components_video_list__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/playlists/components/video-list */ "./src/apps/playlists/components/video-list/index.ts");
+
+
+
+
+
+
+
+var namespace = 'contentUpdates.contentUpdatesView';
+function ContentUpdateClassification(props) {
+  var classification = props.classification,
+      videos = props.videos,
+      imageCdnUrl = props.imageCdnUrl,
+      showMore = props.showMore,
+      followed = props.followed;
+  var url = _libs_shared_src_utils_ImageHelper__WEBPACK_IMPORTED_MODULE_3__["ImageHelper"].createBannerUrl(classification.banner, {
+    fallbackBaseUrl: imageCdnUrl,
+    fallbackCategoryName: classification.name,
+    type: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageType"].Banners
+  }, {
+    size: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__["ImageSize"].Small,
+    resizeType: _libs_shared_src_enums_Images__WEBPACK_IMPORTED_MODULE_4__["ResizeType"].Cover
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_content_updates_components__WEBPACK_IMPORTED_MODULE_5__["ClassificationBanner"], {
+    classification: classification,
+    backgroundUrl: url,
+    getClassificationAppLink: props.appLinks.getClassificationAppLink,
+    followed: followed,
+    follow: props.follow,
+    showFollowSpinner: props.showFollowSpinner
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_video_list__WEBPACK_IMPORTED_MODULE_6__["SortableVideoListContainer"], {
+    playlistId: '0',
+    isUserSignedIn: true,
+    onSortComplete: function onSortComplete() {},
+    videos: videos,
+    getVideoAppLink: props.appLinks.getVideoAppLink,
+    getSeriesAppLink: props.appLinks.getSeriesAppLink
+  }), showMore && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'show-more'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+    className: 'info-link',
+    appLink: props.appLinks.getClassificationUpdateAppLink(classification)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_2__["Text"], {
+    namespace: namespace,
+    phrase: 'showMore',
+    options: {
+      classificationName: classification.name
+    }
+  }))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/video-list/index.ts":
+/*!***********************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/index.ts ***!
+  \***********************************************************/
+/*! exports provided: SortableVideoListContainer */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./SortableVideoListContainer */ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return _SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_0__["SortableVideoListContainer"]; });
+
+
+
+/***/ })
+
+}]);
+//# sourceMappingURL=44.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/PreferenceRequests.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/views/content-updates/ContentUpdatesView.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/views/content-updates/components/ContentUpdateClassification.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/components/video-list/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AACA;AACA;AAEA;AAIA,IAAM,mBAAmB,GAAG,8EAAoB,CAAC,cAAjD;AAEA,IAAM,SAAS,GAAG;AAChB;AACA,uBAAqB,EAAE;AAAA,+DAAmD,mBAAnD;AAAA,GAFP;AAGhB,sBAAoB,EAAE;AAAA,6EAAiE,mBAAjE;AAAA,GAHN;AAIhB,gBAAc,EAAE;AAAA,WAAM,mDAAN;AAAA,GAJA;AAKhB,kBAAgB,EAAE,0BAAC,GAAD;AAAA,WAAmB,8EAAS,CAAC,UAAV,CAAqB,mDAArB,EAA0E;AAAE,QAAE,EAAE;AAAN,KAA1E,CAAnB;AAAA,GALF;AAOhB;AACA,qBAAmB,EAAE;AAAA;AAAA,GARL;AAShB,oBAAkB,EAAE;AAAA;AAAA,GATJ;AAUhB,cAAY,EAAE;AAAA;AAAA,GAVE;AAWhB,gBAAc,EAAE,wBAAC,GAAD;AAAA,WAAmB,8EAAS,CAAC,UAAV,CAAqB,6CAArB,EAAoE;AAAE,QAAE,EAAE;AAAN,KAApE,CAAnB;AAAA,GAXA;AAahB;AACA,iBAAe,EAAE;AAAA;AAAA,GAdD;AAehB,wBAAsB,EAAE,gCAAC,MAAD;AAAA,0DAA4D,MAA5D;AAAA,GAfR;AAgBhB,gBAAc,EAAE;AAAA,WAAM,sCAAN;AAAA,GAhBA;AAkBhB;AACA,gBAAc,EAAE;AAAA;AAAA,GAnBA;AAoBhB,uBAAqB,EAAE,+BAAC,MAAD;AAAA,0DAA4D,MAA5D;AAAA,GApBP;AAqBhB,eAAa,EAAE;AAAA,WAAM,oCAAN;AAAA,GArBC;AAuBhB,yBAAuB,EAAE,iCAAC,IAAD;AAAA,0DACiB,IAAI,mBAAY,IAAZ,IAAqB,EAD1C;AAAA,GAvBT;AAyBhB,2BAAyB,EAAE,mCAAC,IAAD;AAAA,oEACyB,IAAI,mBAAY,IAAZ,IAAqB,EADlD;AAAA,GAzBX;AA2BhB,iBAAe,EAAE,yBAAC,EAAD;AAAA,2DAAyD,EAAzD;AAAA;AA3BD,CAAlB;AA8BO,IAAM,kBAAkB,GAAG;AAChC;;;AAIA,sBALgC,gCAKX,IALW,EAKY;AAC1C,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,uBAAV,CAAkC,IAAlC,CADA;AAEL,SAAG,iCAA0B,IAAI,cAAO,IAAP,IAAgB,EAA9C,CAFE;AAGL,gBAAU,EAAE;AAHP,KAAP;AAKD,GAX+B;AAahC,wBAbgC,kCAaT,IAbS,EAac;AAC5C,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,yBAAV,CAAoC,IAApC,CADA;AAEL,SAAG,oCAA6B,IAA7B,CAFE;AAGL,gBAAU,EAAE;AAHP,KAAP;AAKD,GAnB+B;AAqBhC,iBArBgC,2BAsB9B,YAtB8B,EAsBF,IAtBE,EAsBsB,OAtBtB,EAsB0C;AAExE,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,eAAV,CAA0B,YAAY,CAAC,EAAvC,CADA;AAEL,SAAG,gBAAS,IAAT,kBAFE;AAGL,UAAI,EAAE,8EAAS,CAAC,IAHX;AAIL,UAAI,EAAE,EAJD;AAKL,sBAAgB,EAAE,iCACS,IADT,GAEhB,uBAFgB,EAGhB,4BAHgB,EAIhB,wBAJgB,EAKhB,0BALgB,EAMhB,sBANgB,CALb;AAaL,aAAO,EAAP;AAbK,KAAP;AAeD,GAvC+B;;AAyChC;;;AAGA,uBA5CgC,mCA4CX;AACnB,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,qBAAV,EADA;AAEL,SAAG,8BAFE;AAGL,gBAAU,EAAE;AAHP,KAAP;AAKD,GAlD+B;AAoDhC,sBApDgC,gCAoDX,OApDW,EAoDkB;AAChD,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,oBAAV,EADA;AAEL,SAAG,0BAFE;AAGL,eAAS,EAAE,KAHN;AAIL,gBAAU,EAAE,QAJP;AAKL,aAAO,EAAP,OALK;AAML,gBAAU,EAAE,+BAAW;AAAA,eAAI,WAAW,CAAC,MAAZ,CAAmB,UAAC,CAAD;AAAA,iBAAuB,CAAC,CAAC,cAAzB;AAAA,SAAnB,CAAJ;AAAA;AANlB,KAAP;AAQD,GA7D+B;AA+DhC,gBA/DgC,0BAgE9B,UAhE8B,EAiE9B,OAjE8B,EAkE9B,KAlE8B,EAmE9B,MAnE8B,EAmEX;AAEnB,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,cAAV,EADA;AAEL,SAAG,mBAFE;AAGL,UAAI,EAAE,UAHD;AAIL,UAAI,EAAE,8EAAS,CAAC,IAJX;AAKL,aAAO,EAAP,OALK;AAML,WAAK,EAAL,KANK;AAOL,YAAM,EAAN,MAPK;AAQL,sBAAgB,+BAAO,UAAU,CAAC,GAAX,CAAe,YAAE;AAAA,wCAAsB,EAAtB;AAAA,OAAjB,CAAP,IAAqD,wBAArD;AARX,KAAP;AAUD,GA/E+B;AAiFhC,kBAjFgC,4BAkF9B,UAlF8B,EAmF9B,OAnF8B,EAoF9B,KApF8B,EAqF9B,MArF8B,EAqFX;AAEnB,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,gBAAV,CAA2B,UAA3B,CADA;AAEL,SAAG,qBAFE;AAGL,UAAI,EAAE,8EAAS,CAAC,MAHX;AAIL,aAAO,EAAP,OAJK;AAKL,WAAK,EAAL,KALK;AAML,YAAM,EAAN,MANK;AAOL,sBAAgB,+BAAO,UAAU,CAAC,GAAX,CAAe,YAAE;AAAA,wCAAsB,EAAtB;AAAA,OAAjB,CAAP,IAAqD,wBAArD;AAPX,KAAP;AASD,GAhG+B;;AAkGhC;;;AAGA,qBArGgC,iCAqGb;AACjB,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,mBAAV,EADA;AAEL,SAAG,4BAFE;AAGL,eAAS,EAAE,KAHN;AAIL,gBAAU,EAAE;AAJP,KAAP;AAMD,GA5G+B;AA8GhC,oBA9GgC,8BA8Gb,OA9Ga,EA8GgB;AAC9C,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,kBAAV,EADA;AAEL,SAAG,wBAFE;AAGL,eAAS,EAAE,KAHN;AAIL,gBAAU,EAAE,QAJP;AAKL,aAAO,EAAP;AALK,KAAP;AAOD,GAtH+B;AAwHhC,cAxHgC,wBAyH9B,QAzH8B,EA0H9B,OA1H8B,EA2H9B,KA3H8B,EA4H9B,MA5H8B,EA4HX;AAEnB,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,YAAV,EADA;AAEL,SAAG,iBAFE;AAGL,UAAI,EAAE,QAHD;AAIL,UAAI,EAAE,8EAAS,CAAC,IAJX;AAKL,aAAO,EAAP,OALK;AAML,WAAK,EAAL,KANK;AAOL,YAAM,EAAN,MAPK;AAQL,sBAAgB,EAAE,CAAC,sBAAD;AARb,KAAP;AAUD,GAxI+B;AA0IhC,gBA1IgC,0BA2I9B,QA3I8B,EA4I9B,OA5I8B,EA6I9B,KA7I8B,EA8I9B,MA9I8B,EA8IX;AAEnB,WAAO;AACL,SAAG,EAAE,SAAS,CAAC,cAAV,CAAyB,QAAzB,CADA;AAEL,SAAG,mBAFE;AAGL,UAAI,EAAE,8EAAS,CAAC,MAHX;AAIL,aAAO,EAAP,OAJK;AAKL,WAAK,EAAL,KALK;AAML,YAAM,EAAN,MANK;AAOL,sBAAgB,EAAE,CAAC,sBAAD;AAPb,KAAP;AASD;AAzJ+B,CAA3B,C;;;;;;;;;;;;ACxCP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAIA,IAAM,UAAU,GAAG,EAAnB;AAEA;;;;;;;;;;AASM,SAAU,aAAV,CACJ,OADI,EACe,UADf,EAC4D;AAEhE,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AACA,SAAO,+DAAW,CAAC,UAAC,KAAD,EAA4B;;;AAC7C,QAAI,QAAC,OAAD,MAAQ,IAAR,IAAQ,aAAR,GAAQ,MAAR,GAAQ,GAAE,MAAV,CAAJ,EACE,OAAO,IAAP;AAEF,QAAM,aAAa,GAAG,+EAAW,CAAC,IAAZ,CAAiB,OAAjB,CAAtB;AACA,QAAI,KAAK,GAAwB,EAAjC;AAEA;;AACA,QAAM,MAAM,GAAe,EAA3B;;AAEA,SAAK,IAAI,CAAC,GAAG,CAAb,EAAgB,CAAC,GAAG,aAAa,CAAC,MAAlC,EAA0C,CAAC,IAAI,UAA/C,EAA2D;AACzD,UAAM,GAAG,GAAG,aAAa,CAAC,KAAd,CAAoB,CAApB,EAAuB,CAAC,GAAG,UAA3B,CAAZ;AAEA,UAAM,OAAO,GAAG,UAAU,CAAC,GAAD,CAA1B;AACA,UAAM,QAAQ,GAAG,wDAAM,CAAC,WAAP,CAAwB,KAAxB,EAA+B,OAAO,CAAC,GAAvC,CAAjB;AACA,YAAM,CAAC,CAAD,CAAN,GAAY,CAAC,CAAC,QAAQ,CAAC,IAAvB;AAEA,UAAI,QAAQ,CAAC,WAAb,EACE,wDAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,OAAvB;AAEF,UAAI,QAAQ,CAAC,IAAb,EACE,QAAQ,CAAC,IAAT,CAAc,OAAd,CAAsB,WAAC;AAAA,eAAI,KAAK,CAAC,CAAC,CAAC,EAAH,CAAL,GAAc,CAAlB;AAAA,OAAvB;AACH;;AAED,WAAO,MAAM,CAAC,IAAP,CAAY,MAAZ,EAAoB,KAApB,CAA0B,WAAC;AAAA,aAAI,MAAM,CAAC,CAAD,CAAV;AAAA,KAA3B,IAA4C,KAA5C,GAAoD,IAA3D;AACD,GAzBiB,CAAlB;AA0BD,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AC/CD;AACA;AACA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA;AAEA;AAEA,IAAM,mBAAmB,GAAG,CAA5B;AACA,IAAM,SAAS,GAAG,mCAAlB;;AAEA,SAAS,GAAT,CACE,cADF,EAEE,eAFF,EAEkD;AAEhD,MAAI,CAAC,cAAD,IAAmB,CAAC,eAAxB,EACE,OAAO,IAAP;AAEF,SAAO,cAAc,CAAC,GAAf,CAAmB,UAAC,CAAD,EAAqB;AAC7C,WAAO;AACL,cAAQ,EAAE,CAAC,CAAC,MAAF,CAAS,MAAT,GAAkB,mBADvB;AAEL,oBAAc,EAAE,eAAe,CAAC,CAAC,CAAC,gBAAH,CAF1B;AAGL,YAAM,EAAE,CAAC,CAAC,MAAF,CAAS,GAAT,CAAa,UAAC,CAAD,EAAW;AAC9B,SAAC,CAAC,cAAF,GAAmB,eAAe,CAAC,CAAC,CAAC,gBAAH,CAAlC;AACA,eAAO,CAAP;AACD,OAHO,EAGL,MAHK,CAGE,WAAC;AAAA,eAAI,CAAJ;AAAA,OAHH;AAHH,KAAP;AAQD,GATM,CAAP;AAUD;;AAUK,SAAU,kBAAV,CAA6B,KAA7B,EAA2D;AAAA,wBACjB,+CAAkC,EAAlC,CADiB;AAAA;AAAA,MACvD,cADuD;AAAA,MACvC,iBADuC;;AAG/D,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AACA,MAAM,MAAM,GAAG,kFAAS,EAAxB;AAEA,uGAAe,CAAC,kGAAe,CAAC,SAAhB,CAA0B,SAA1B,EAAqC,WAArC,CAAD,CAAf;AAEA,MAAM,IAAI,GAAG,mCAAM,GAAG,QAAT,CAAkB,CAAlB,EAAqB,MAArB,EAA6B,WAA7B,EAAb;AACA,MAAM,EAAE,GAAG,mCAAM,GAAG,WAAT,EAAX;AAEA,MAAM,MAAM,GAAG,6DAAM,CAAC,aAAP,CAA6B,8FAAc,CAAC,MAA5C,CAAf;AACA,MAAM,cAAc,GAAG,6DAAM,CAAC,aAAP,CACrB,kIAAqB,CAAC,iBAAtB,CAAwC,IAAxC,EAA8C,EAA9C,CADqB,CAAvB;AAGA,MAAM,kBAAkB,GAAG,6DAAM,CAAC,aAAP,CAAuC,sGAAkB,CAAC,oBAAnB,EAAvC,CAA3B;AAEA;;AACA,MAAM,iBAAiB,GAAa,EAApC;AACA,gBAAc,CAAC,IAAf,IAAuB,cAAc,CAAC,IAAf,CAAoB,OAApB,CAA4B,WAAC;AAAA,WAAI,iBAAiB,CAAC,IAAlB,CAAuB,CAAC,CAAC,gBAAzB,CAAJ;AAAA,GAA7B,CAAvB;AAEA;;AACA,MAAM,eAAe,GAAG,2FAAa,CACnC,iBADmC,EAChB,UAAC,GAAD;AAAA,WAAmB,kIAAqB,CAAC,kBAAtB,CAAyC,GAAzC,CAAnB;AAAA,GADgB,CAArC;AAIA;;AACA,WAAS,QAAT,CAAkB,gBAAlB,EAA4C,MAA5C,EAA2D;AACzD,qBAAiB,CAAC,sBAAY;AAAA,aAAI,gCAC7B,YAD6B,uBAE/B,gBAF+B,EAEZ,IAFY,EAAJ;AAAA,KAAb,CAAjB;;AAKA,QAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;;;AACrB,uBAAiB,CAAC,sBAAY;AAAA,eAAI,gCAC7B,YAD6B,uBAE/B,gBAF+B,EAEZ,KAFY,EAAJ;AAAA,OAAb,CAAjB;AAKA,yFAAe,CAAC,aAAhB,CAA8B;AAC5B,UAAE,EAAE,gBADwB;AAE5B,YAAI,QAAE,eAAe,CAAC,gBAAD,CAAjB,MAAmC,IAAnC,IAAmC,aAAnC,GAAmC,MAAnC,GAAmC,GAAE;AAFb,OAA9B,EAGG;AACD,gBAAQ,EAAE,8EAAe,CAAC,kCADzB;AAED,qBAAa,EAAE,4EAAa,CAAC,QAF5B;AAGD,kBAAU,EAAE,MAAM,GAAG,+EAAgB,CAAC,EAApB,GAAyB,+EAAgB,CAAC,GAH3D;AAID,kBAAU,EAAE,yEAAU,CAAC,MAJtB;AAKD,cAAM,EAAE,yEAAU,CAAC;AALlB,OAHH;AAWA,YAAM,CAAC,OAAP,CAAe,kGAAe,CAAC,SAAhB,CACb,SADa,EAEb,MAAM,GAAG,UAAH,GAAgB,YAFT,EAGb;AAAE,sBAAc,QAAE,eAAe,CAAC,gBAAD,CAAjB,MAAmC,IAAnC,IAAmC,aAAnC,GAAmC,MAAnC,GAAmC,GAAE;AAArD,OAHa,CAAf;AAKD,KAtBD;;AAwBA,QAAM,OAAO,GAAG,SAAV,OAAU,GAAK;AACnB,uBAAiB,CAAC,sBAAY;AAAA,eAAI,gCAC7B,YAD6B,uBAE/B,gBAF+B,EAEZ,KAFY,EAAJ;AAAA,OAAb,CAAjB;AAKA,YAAM,CAAC,KAAP,CAAa,kGAAe,CAAC,SAAhB,CAA0B,SAA1B,EAAqC,OAArC,CAAb;AACD,KAPD;;AASA,QAAM,OAAO,GAAG,MAAM,GACpB,sGAAkB,CAAC,cAAnB,CAAkC,CAAC,gBAAD,CAAlC,EAAsD,SAAtD,EAAiE,OAAjE,CADoB,GAEpB,sGAAkB,CAAC,gBAAnB,CAAoC,CAAC,gBAAD,CAApC,EAAwD,SAAxD,EAAmE,OAAnE,CAFF;AAIA,iEAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,OAAvB;AACD;;AAED,MAAI,CAAC,cAAc,CAAC,IAAhB,IAAwB,CAAC,MAAM,CAAC,IAAhC,IAAwC,CAAC,kBAAkB,CAAC,IAA5D,IAAoE,CAAC,eAAzE,EACE,OAAO,yGAAP;AAEF;;AACA,MAAM,aAAa,GAAG,GAAG,CAAC,cAAc,CAAC,IAAhB,EAAsB,eAAtB,CAAzB;AACA,MAAM,mBAAmB,GAAG,kBAAkB,CAAC,IAAnB,CAAwB,GAAxB,CAA4B,iBAAO;AAAA,WAAI,OAAO,CAAC,EAAZ;AAAA,GAAnC,CAA5B;AAEA,SACE;AAAK,aAAS,EAAC;AAAf,KACE,oDAAC,oFAAD,EAAoB;AAClB,oBAAgB,EAAE,KAAK,CAAC,QAAN,CAAe;AADf,GAApB,CADF,EAIG,aAAa,CAAC,GAAd,CAAkB,UAAC,CAAD;AAAA,WACjB,oDAAC,oGAAD,EAA4B;AAC1B,oBAAc,EAAE,CAAC,CAAC,cADQ;AAE1B,YAAM,EAAE,CAAC,CAAC,MAFgB;AAG1B,iBAAW,EAAE,MAAM,CAAC,IAAP,CAAY,WAHC;AAI1B,cAAQ,EAAE,CAAC,CAAC,QAJc;AAK1B,SAAG,EAAE,CAAC,CAAC,cAAF,CAAiB,EALI;AAM1B,cAAQ,EAAE,KAAK,CAAC,QANU;AAO1B,cAAQ,EAAE,mBAAmB,CAAC,QAApB,CAA6B,CAAC,CAAC,cAAF,CAAiB,EAA9C,CAPgB;AAQ1B,YAAM,EAAE,QARkB;AAS1B,uBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC,cAAF,CAAiB,EAAlB;AATP,KAA5B,CADiB;AAAA,GAAlB,CAJH,CADF;AAoBD,C;;;;;;;;;;;;ACvJD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA;AACA;AACA;AACA;AAGA;AACA;AAEA,IAAM,SAAS,GAAG,mCAAlB;AAcM,SAAU,2BAAV,CAAsC,KAAtC,EAAgE;AAAA,MAC5D,cAD4D,GACA,KADA,CAC5D,cAD4D;AAAA,MAC5C,MAD4C,GACA,KADA,CAC5C,MAD4C;AAAA,MACpC,WADoC,GACA,KADA,CACpC,WADoC;AAAA,MACvB,QADuB,GACA,KADA,CACvB,QADuB;AAAA,MACb,QADa,GACA,KADA,CACb,QADa;AAGpE,MAAM,GAAG,GAAG,8EAAW,CAAC,eAAZ,CAA4B,cAAc,CAAC,MAA3C,EAAmD;AAC7D,mBAAe,EAAE,WAD4C;AAE7D,wBAAoB,EAAE,cAAc,CAAC,IAFwB;AAG7D,QAAI,EAAE,uEAAS,CAAC;AAH6C,GAAnD,EAIT;AAAE,QAAI,EAAE,uEAAS,CAAC,KAAlB;AAAyB,cAAU,EAAE,wEAAU,CAAC;AAAhD,GAJS,CAAZ;AAMA,SACE;AAAK,aAAS,EAAC;AAAf,KACE,oDAAC,oFAAD,EAAqB;AACnB,kBAAc,EAAE,cADG;AAEnB,iBAAa,EAAE,GAFI;AAGnB,4BAAwB,EAAE,KAAK,CAAC,QAAN,CAAe,wBAHtB;AAInB,YAAQ,EAAE,QAJS;AAKnB,UAAM,EAAE,KAAK,CAAC,MALK;AAMnB,qBAAiB,EAAE,KAAK,CAAC;AANN,GAArB,CADF,EASE,oDAAC,+FAAD,EAA2B;AACzB,cAAU,EAAE,GADa;AAEzB,kBAAc,EAAE,IAFS;AAGzB,kBAAc,EAAE,0BAAK,CAAG,CAHC;AAIzB,UAAM,EAAE,MAJiB;AAKzB,mBAAe,EAAE,KAAK,CAAC,QAAN,CAAe,eALP;AAMzB,oBAAgB,EAAE,KAAK,CAAC,QAAN,CAAe;AANR,GAA3B,CATF,EAiBG,QAAQ,IACP;AAAK,aAAS,EAAE;AAAhB,KACE,oDAAC,oFAAD,EAAQ;AAAC,aAAS,EAAC,WAAX;AAAuB,WAAO,EAAE,KAAK,CAAC,QAAN,CAAe,8BAAf,CAA8C,cAA9C;AAAhC,GAAR,EACE,oDAAC,0EAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAC,UAA9B;AAAyC,WAAO,EAAE;AACrD,wBAAkB,EAAE,cAAc,CAAC;AADkB;AAAlD,GAAL,CADF,CADF,CAlBJ,CADF;AA6BD,C;;;;;;;;;;;;AChED;AAAA;AAAA;AAAA","file":"scripts/44.chunk.js","sourcesContent":["import { Flight } from 'libs/common/flight';\r\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\n\r\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\r\nimport { PresentationType } from 'libs/shared/enums/PresentationType';\r\nimport { Presentation, Classification } from 'libs/shared/interfaces';\r\n\r\nconst classificationQuery = SharedWithStatements.CLASSIFICATION;\r\n\r\nconst endpoints = {\r\n  // Subjects\r\n  allSubjectPreferences: () => `/api/domain/v1/subjects/preferences?query=${classificationQuery}&type=subject`,\r\n  mySubjectPreferences: () => `/api/domain/v1/subjects/classifications/following?query=${classificationQuery}`,\r\n  followSubjects: () => '/api/domain/v1/subjects/classifications/following',\r\n  unfollowSubjects: (ids: string[]) => UrlHelper.urlBuilder('/api/domain/v1/subjects/classifications/following', { id: ids }),\r\n\r\n  // Levels\r\n  allLevelPreferences: () => `/api/domain/v1/subjects/audiences?type=subject`,\r\n  myLevelPreferences: () => `/api/domain/v1/subjects/audiences/following`,\r\n  followLevels: () => `/api/domain/v1/subjects/audiences/following`,\r\n  unfollowLevels: (ids: string[]) => UrlHelper.urlBuilder('/api/domain/v1/subjects/audiences/following', { id: ids }),\r\n\r\n  // School Level\r\n  getSchoolLevels: () => `/api/domain/v1/subjects/school-level`,\r\n  getSelectedSchoolLevel: (userId: string) => `/api/domain/v1/subjects/school-level/${userId}`,\r\n  setSchoolLevel: () => '/api/domain/v1/subjects/school-level',\r\n\r\n  // Curriculum\r\n  getCurriculums: () => `/api/domain/v1/subjects/curriculum`,\r\n  getSelectedCurriculum: (userId: string) => `/api/domain/v1/subjects/school-level/${userId}`,\r\n  setCurriculum: () => '/api/domain/v1/subjects/curriculum',\r\n\r\n  getCurrentPresentations: (type?: PresentationType) =>\r\n    `/api/domain/v1/subjects/presentations${type ? `?type=${type}` : ''}`,\r\n  getAvailablePresentations: (type?: PresentationType) =>\r\n    `/api/domain/v1/subjects/presentations/available${type ? `?type=${type}` : ''}`,\r\n  setPresentation: (id: string) => `/api/domain/v1/subjects/presentations/${id}`\r\n};\r\n\r\nexport const PreferenceRequests = {\r\n  /**\r\n   * Presentations\r\n   */\r\n\r\n  currentPresentations(type?: PresentationType): Flight.Request {\r\n    return {\r\n      url: endpoints.getCurrentPresentations(type),\r\n      key: `current:presentations${type ? `:${type}` : ''}`,\r\n      expiryTime: Infinity\r\n    };\r\n  },\r\n\r\n  availablePresentations(type?: PresentationType): Flight.Request {\r\n    return {\r\n      url: endpoints.getAvailablePresentations(type),\r\n      key: `available:presentations:${type}`,\r\n      expiryTime: Infinity\r\n    };\r\n  },\r\n\r\n  setPresentation(\r\n    presentation: Presentation, type: PresentationType, success?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      url: endpoints.setPresentation(presentation.id),\r\n      key: `set:${type}:presentation`,\r\n      type: HttpVerbs.POST,\r\n      data: {},\r\n      invalidationKeys: [\r\n        `current:presentations:${type}`,\r\n        'current:presentations',\r\n        'subject:preference:options',\r\n        'my:subject:preferences',\r\n        'level:preference:options',\r\n        'my:level:preferences'\r\n      ],\r\n      success\r\n    };\r\n  },\r\n\r\n  /**\r\n   * Subjects\r\n   */\r\n  allSubjectPreferences(): Flight.Request {\r\n    return {\r\n      url: endpoints.allSubjectPreferences(),\r\n      key: `subject:preference:options`,\r\n      expiryTime: Infinity\r\n    };\r\n  },\r\n\r\n  mySubjectPreferences(success?: (data: any) => void): Flight.Request {\r\n    return {\r\n      url: endpoints.mySubjectPreferences(),\r\n      key: `my:subject:preferences`,\r\n      normalize: false,\r\n      expiryTime: Infinity,\r\n      success,\r\n      formatData: preferences => preferences.filter((p: Classification) => p.canBePreferred)\r\n    };\r\n  },\r\n\r\n  followSubjects(\r\n    subjectIds: string[],\r\n    success: () => void,\r\n    error?: () => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      url: endpoints.followSubjects(),\r\n      key: `follow:subjects`,\r\n      data: subjectIds,\r\n      type: HttpVerbs.POST,\r\n      success,\r\n      error,\r\n      always,\r\n      invalidationKeys: [ ...subjectIds.map(id => `classification:${id}`), 'my:subject:preferences' ]\r\n    };\r\n  },\r\n\r\n  unfollowSubjects(\r\n    subjectIds: string[],\r\n    success: () => void,\r\n    error?: () => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      url: endpoints.unfollowSubjects(subjectIds),\r\n      key: `unfollow:subjects`,\r\n      type: HttpVerbs.DELETE,\r\n      success,\r\n      error,\r\n      always,\r\n      invalidationKeys: [ ...subjectIds.map(id => `classification:${id}`), 'my:subject:preferences' ]\r\n    };\r\n  },\r\n\r\n  /**\r\n   * Levels\r\n   */\r\n  allLevelPreferences(): Flight.Request {\r\n    return {\r\n      url: endpoints.allLevelPreferences(),\r\n      key: `level:preference:options`,\r\n      normalize: false,\r\n      expiryTime: Infinity\r\n    };\r\n  },\r\n\r\n  myLevelPreferences(success?: (data: any) => void): Flight.Request {\r\n    return {\r\n      url: endpoints.myLevelPreferences(),\r\n      key: `my:level:preferences`,\r\n      normalize: false,\r\n      expiryTime: Infinity,\r\n      success\r\n    };\r\n  },\r\n\r\n  followLevels(\r\n    levelIds: string[],\r\n    success: () => void,\r\n    error?: () => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      url: endpoints.followLevels(),\r\n      key: `follow:levels`,\r\n      data: levelIds,\r\n      type: HttpVerbs.POST,\r\n      success,\r\n      error,\r\n      always,\r\n      invalidationKeys: ['my:level:preferences']\r\n    };\r\n  },\r\n\r\n  unfollowLevels(\r\n    levelIds: string[],\r\n    success: () => void,\r\n    error?: () => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    return {\r\n      url: endpoints.unfollowLevels(levelIds),\r\n      key: `unfollow:levels`,\r\n      type: HttpVerbs.DELETE,\r\n      success,\r\n      error,\r\n      always,\r\n      invalidationKeys: ['my:level:preferences']\r\n    };\r\n  }\r\n};","import { useDispatch, useSelector } from 'react-redux';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { HashObject, ApplicationState } from 'libs/common/react/interfaces';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\n\r\nconst BATCH_SIZE = 25;\r\n\r\n/**\r\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\r\n * requests if there are more than 25 items.\r\n * This will return null until we have all our items. Items will be returned as an object with\r\n * their ids as they key for easy mapping\r\n * \r\n * @param itemIds \r\n * @param getRequest \r\n */\r\nexport function useBatchFetch<T extends BaseObject>(\r\n  itemIds: string[], getRequest: (ids: string[]) => Flight.Request\r\n): { [key: string]: T} {\r\n  const dispatch = useDispatch();\r\n  return useSelector((state: ApplicationState) => {\r\n    if (!itemIds?.length)\r\n      return null;\r\n\r\n    const uniqueItemIds = ArrayHelper.uniq(itemIds);\r\n    let items: { [key: string]: T} = {};\r\n\r\n    /* Used locally to only return our items if we've fetched all of them */\r\n    const status: HashObject = {};\r\n\r\n    for (let i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {\r\n      const ids = uniqueItemIds.slice(i, i + BATCH_SIZE);\r\n\r\n      const request = getRequest(ids);\r\n      const response = Flight.getResponse<T[]>(state, request.key);\r\n      status[i] = !!response.data;\r\n\r\n      if (response.shouldFetch)\r\n        Flight.fetch(dispatch, request);\r\n\r\n      if (response.data)\r\n        response.data.forEach(v => items[v.id] = v);\r\n    }\r\n\r\n    return Object.keys(status).every(k => status[k]) ? items : null;\r\n  });\r\n}","import * as React from 'react';\r\nimport * as moment from 'moment';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Classification, Config } from 'libs/shared/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, WorkflowPhase, UserAction, EntityType, ToggleDescriptor } from 'libs/analytics/interfaces';\r\nimport { PreferenceRequests } from 'libs/shared/flight-requests/PreferenceRequests';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { useBatchFetch } from 'libs/shared/hooks/UseBatchFetch';\r\nimport { ContentUpdateRequests } from 'libs/shared/apps/content-updates/flight-requests/ContentUpdateRequests';\r\nimport { ContentUpdateAppLinks, ContentUpdate, ClassificationVideosGrouping } from 'libs/shared/apps/content-updates/interfaces';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\n\r\nimport { WhatsNewBreadcrumbs } from 'apps/content-updates/components';\r\n\r\nimport { ContentUpdateClassification } from './components/ContentUpdateClassification';\r\n\r\nconst INITIAL_VIDEO_COUNT = 3;\r\nconst namespace = 'contentUpdates.contentUpdatesView';\r\n\r\nfunction map(\r\n  contentUpdates: ClassificationVideosGrouping[],\r\n  classifications: {[key: string]: Classification}\r\n): ContentUpdate[] {\r\n  if (!contentUpdates || !classifications)\r\n    return null;\r\n\r\n  return contentUpdates.map((c): ContentUpdate => {\r\n    return {\r\n      showMore: c.videos.length > INITIAL_VIDEO_COUNT,\r\n      classification: classifications[c.classificationId],\r\n      videos: c.videos.map((m: any) => {\r\n        m.classification = classifications[m.classificationId];\r\n        return m;\r\n      }).filter(v => v)\r\n    };\r\n  });\r\n}\r\n\r\ninterface FollowSpinnersMap {\r\n  [classificationId: string]: boolean;\r\n}\r\n\r\ninterface ContentUpdatesViewProps {\r\n  appLinks: ContentUpdateAppLinks;\r\n}\r\n\r\nexport function ContentUpdatesView(props: ContentUpdatesViewProps): JSX.Element {\r\n  const [ followSpinners, setFollowSpinners ] = React.useState<FollowSpinnersMap>({});\r\n\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  useSetPageTitle(LanguageService.getPhrase(namespace, 'pageTitle'));\r\n\r\n  const from = moment().subtract(1, 'year').toISOString();\r\n  const to = moment().toISOString();\r\n\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config);\r\n  const contentUpdates = Flight.useBasicFetch<ClassificationVideosGrouping[]>(\r\n    ContentUpdateRequests.getContentUpdates(from, to)\r\n  );\r\n  const subjectPreferences = Flight.useBasicFetch<Classification[]>(PreferenceRequests.mySubjectPreferences());\r\n\r\n  /* Map content update response into list of video ids and classification ids*/\r\n  const classificationIds: string[] = [];\r\n  contentUpdates.data && contentUpdates.data.forEach(c => classificationIds.push(c.classificationId));\r\n\r\n  /* Batch fetch the videos and classifications by id */\r\n  const classifications = useBatchFetch<Classification>(\r\n    classificationIds, (ids: string[]) => ContentUpdateRequests.getClassifications(ids));\r\n\r\n\r\n  /** Callbacks */\r\n  function onFollow(classificationId: string, follow: boolean): void {\r\n    setFollowSpinners(currentState => ({\r\n      ...currentState,\r\n      [classificationId]: true\r\n    }));\r\n\r\n    const onSuccess = () => {\r\n      setFollowSpinners(currentState => ({\r\n        ...currentState,\r\n        [classificationId]: false\r\n      }));\r\n\r\n      AnalyticsHelper.logUserAction({\r\n        id: classificationId,\r\n        name: classifications[classificationId]?.name\r\n      }, {\r\n        location: LocationContext.ContentUpdatesClassificationBanner,\r\n        workflowPhase: WorkflowPhase.Complete,\r\n        descriptor: follow ? ToggleDescriptor.On : ToggleDescriptor.Off,\r\n        actionType: UserAction.Follow,\r\n        entity: EntityType.Classification\r\n      });\r\n\r\n      alerts.success(LanguageService.getPhrase(\r\n        namespace,\r\n        follow ? 'followed' : 'unfollowed',\r\n        { classification: classifications[classificationId]?.name }\r\n      ));\r\n    };\r\n\r\n    const onError = () => {\r\n      setFollowSpinners(currentState => ({\r\n        ...currentState,\r\n        [classificationId]: false\r\n      }));\r\n\r\n      alerts.error(LanguageService.getPhrase(namespace, 'error'));\r\n    };\r\n\r\n    const request = follow ?\r\n      PreferenceRequests.followSubjects([classificationId], onSuccess, onError) :\r\n      PreferenceRequests.unfollowSubjects([classificationId], onSuccess, onError);\r\n\r\n    Flight.fetch(dispatch, request);\r\n  }\r\n\r\n  if (!contentUpdates.data || !config.data || !subjectPreferences.data || !classifications)\r\n    return <></>;\r\n\r\n  /* Build out array of content updates from our lists of videos and classifications */\r\n  const mappedUpdates = map(contentUpdates.data, classifications);\r\n  const preferredSubjectIds = subjectPreferences.data.map(subject => subject.id);\r\n\r\n  return (\r\n    <div className='bg-white px-3'>\r\n      <WhatsNewBreadcrumbs\r\n        dashboardAppLink={props.appLinks.dashboardAppLink}\r\n      />\r\n      {mappedUpdates.map((c: ContentUpdate) => (\r\n        <ContentUpdateClassification\r\n          classification={c.classification}\r\n          videos={c.videos}\r\n          imageCdnUrl={config.data.imageCdnUrl}\r\n          showMore={c.showMore}\r\n          key={c.classification.id}\r\n          appLinks={props.appLinks}\r\n          followed={preferredSubjectIds.includes(c.classification.id)}\r\n          follow={onFollow}\r\n          showFollowSpinner={followSpinners[c.classification.id]}\r\n        />\r\n      ))}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\r\nimport { ImageType, ImageSize, ResizeType } from 'libs/shared/enums/Images';\r\nimport { VideoWithClassification, ContentUpdateAppLinks } from 'libs/shared/apps/content-updates/interfaces';\r\n\r\nimport { ClassificationBanner } from 'apps/content-updates/components';\r\nimport { SortableVideoListContainer } from 'apps/playlists/components/video-list';\r\n\r\nconst namespace = 'contentUpdates.contentUpdatesView';\r\n\r\ninterface ClassificationProps {\r\n  classification: Classification;\r\n  videos: VideoWithClassification[];\r\n  imageCdnUrl: string;\r\n  showMore: boolean;\r\n  // reason: any;\r\n  appLinks: ContentUpdateAppLinks;\r\n  followed: boolean;\r\n  follow: (classificationId: string, follow: boolean) => void;\r\n  showFollowSpinner: boolean;\r\n}\r\n\r\nexport function ContentUpdateClassification(props: ClassificationProps): JSX.Element {\r\n  const { classification, videos, imageCdnUrl, showMore, followed } = props;\r\n\r\n  const url = ImageHelper.createBannerUrl(classification.banner, {\r\n    fallbackBaseUrl: imageCdnUrl,\r\n    fallbackCategoryName: classification.name,\r\n    type: ImageType.Banners\r\n  }, { size: ImageSize.Small, resizeType: ResizeType.Cover });\r\n\r\n  return (\r\n    <div className='mb-3'>\r\n      <ClassificationBanner\r\n        classification={classification}\r\n        backgroundUrl={url}\r\n        getClassificationAppLink={props.appLinks.getClassificationAppLink}\r\n        followed={followed}\r\n        follow={props.follow}\r\n        showFollowSpinner={props.showFollowSpinner}\r\n      />\r\n      <SortableVideoListContainer\r\n        playlistId={'0'}\r\n        isUserSignedIn={true}\r\n        onSortComplete={() => {}}\r\n        videos={videos}\r\n        getVideoAppLink={props.appLinks.getVideoAppLink}\r\n        getSeriesAppLink={props.appLinks.getSeriesAppLink}\r\n      />\r\n      {showMore &&\r\n        <div className={'show-more'}>\r\n          <AppLink className='info-link' appLink={props.appLinks.getClassificationUpdateAppLink(classification)}>\r\n            <Text namespace={namespace} phrase='showMore' options={{\r\n              classificationName: classification.name\r\n            }} />\r\n          </AppLink>\r\n        </div>\r\n      }\r\n    </div>\r\n  );\r\n}","export * from './SortableVideoListContainer';"],"sourceRoot":""}