@clickview/lite 0.0.19 → 0.0.20-rc.1

package/dist/scripts/42.chunk.js

@@ -0,0 +1,404 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[42],{
+
+/***/ "../../libs/shared/src/components/video-list/PartialVideoList.tsx":
+/*!************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx ***!
+  \************************************************************************************************************/
+/*! exports provided: PartialVideoList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
+/* 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__);
+
+function PartialVideoList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
+/*!***********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
+  \***********************************************************************************************************/
+/*! exports provided: FavouriteVideoRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FavouriteVideoRequests", function() { return FavouriteVideoRequests; });
+/* harmony import */ var _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+var __rest = undefined && undefined.__rest || function (s, e) {
+  var t = {};
+
+  for (var p in s) {
+    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  }
+
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    data: {
+      favouriteVideos: videoId
+    },
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].PUT,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+function unfavouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos/").concat(videoId),
+    key: "favourite:video:".concat(userId, ":").concat(videoId),
+    type: _common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].DELETE,
+    invalidationKeys: ["favourite:videos:".concat(userId), "video:is:favourited:".concat(userId)],
+    success: success,
+    error: error
+  };
+}
+
+var FavouriteVideoRequests = {
+  favouriteVideos: function favouriteVideos(userId, cursor) {
+    var query = "".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["SharedWithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
+    return {
+      url: "/api/domain/v2/objects/".concat(userId, "/favouriteVideos?query=").concat(query),
+      key: "favourite:videos:".concat(userId).concat(cursor ? ":".concat(cursor) : '')
+    };
+  },
+  updateIsVideoFavourited: function updateIsVideoFavourited(videoId, userId, shouldFavourite, success, error) {
+    var requestFn = shouldFavourite ? favouriteVideo : unfavouriteVideo;
+    return requestFn(videoId, userId, success, error);
+  },
+  isFavourited: function isFavourited(userId, ids) {
+    var sortedIds = ids.slice().sort();
+    var params = sortedIds.map(function (i) {
+      return "id=".concat(i);
+    });
+    return {
+      url: "/api/domain/v2/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
+      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(',')),
+      formatData: function formatData(videos) {
+        var _a;
+
+        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+
+        var setIsFavourited = function setIsFavourited(video) {
+          var _a, _b;
+
+          var favouritedBy = video.favouritedBy,
+              v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+
+
+          return Object.assign(Object.assign({}, v), {
+            isFavourited: !!((_b = (_a = favouritedBy) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length)
+          });
+        };
+
+        return videos.map(setIsFavourited);
+      }
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "./src/shared/flight-requests/SeriesRequests.ts":
+/*!******************************************************!*\
+  !*** ./src/shared/flight-requests/SeriesRequests.ts ***!
+  \******************************************************/
+/*! exports provided: SeriesRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesRequests", function() { return SeriesRequests; });
+/* harmony import */ var shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! shared/constants/WithStatements */ "./src/shared/constants/WithStatements.ts");
+
+var endpoints = {
+  series: function series(id) {
+    return "/api/domain/v2/objects/".concat(id);
+  },
+  seriesVideos: function seriesVideos(id, cursor) {
+    return "/api/domain/v2/objects/".concat(id, "/videos?query=").concat(shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["WithStatements"].VIDEO_COLLECTION).concat(addCursor(cursor));
+  },
+  breadcrumbs: function breadcrumbs(id) {
+    return "/api/domain/v1/subjects/".concat(id, "/path");
+  }
+};
+var SeriesRequests = {
+  series: function series(id) {
+    return {
+      url: endpoints.series(id),
+      key: "series:".concat(id)
+    };
+  },
+  seriesVideos: function seriesVideos(id, cursor) {
+    return {
+      url: endpoints.seriesVideos(id, cursor),
+      key: "series:".concat(id, ":videos:").concat(cursor)
+    };
+  },
+  breadcrumbs: function breadcrumbs(classificationId) {
+    if (!classificationId) return;
+    return {
+      url: endpoints.breadcrumbs(classificationId),
+      key: "series:".concat(classificationId, ":breadcrumbs")
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "./src/shared/hooks/useVideoMixin.ts":
+/*!*******************************************!*\
+  !*** ./src/shared/hooks/useVideoMixin.ts ***!
+  \*******************************************/
+/*! exports provided: useVideoMixin */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useVideoMixin", function() { return useVideoMixin; });
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+
+
+
+
+
+function fetchAttribute(videosFetched, request) {
+  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse(request && request.key);
+  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
+  if (videosFetched && attribute.shouldFetch) fetch();
+}
+
+function useVideoMixin(videos) {
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_1__["UserRequests"].currentUser);
+  var videoIds = videos && (Array.isArray(videos) ? videos.map(function (v) {
+    return v.id;
+  }) : videos.data.map(function (v) {
+    return v.id;
+  }));
+  var requests = [videoIds && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds), videoIds && currentUser.data && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(currentUser.data.id, videoIds)];
+  requests.forEach(function (r) {
+    return fetchAttribute(!!videos, r);
+  });
+}
+
+/***/ }),
+
+/***/ "./src/shared/views/series/SeriesView.tsx":
+/*!************************************************!*\
+  !*** ./src/shared/views/series/SeriesView.tsx ***!
+  \************************************************/
+/*! exports provided: SeriesView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SeriesView", function() { return SeriesView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__ = __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_8__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/breadcrumbs/Breadcrumbs */ "../../libs/shared/src/components/breadcrumbs/Breadcrumbs.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/video-list/PartialVideoList */ "../../libs/shared/src/components/video-list/PartialVideoList.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/flight-requests/SeriesRequests */ "./src/shared/flight-requests/SeriesRequests.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.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; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+/**
+ * This will need to change when this is moved into its own application directory.
+ */
+
+var namespace = 'shared.series';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace); // Update this applink when we pull dashboard in
+
+var getClassificationAppLink = function getClassificationAppLink(classification) {
+  return {
+    application: null,
+    action: null,
+    args: [classification.id]
+  };
+};
+
+var getVideoAppLink = function getVideoAppLink(video) {
+  return {
+    application: null,
+    action: null,
+    args: [video.id]
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["Actions"].Default.SERIES,
+    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_18__["TextHelper"].slugify(series.name)]
+  };
+};
+
+var getHeaderActions = function getHeaderActions() {
+  return [{
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'share'),
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
+      action: 'index'
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Share,
+    className: 'btn btn-light mr-2',
+    button: true
+  }, {
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'follow'),
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DEFAULT,
+      action: 'index'
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_11__["cvSvgLibrary"].Edit,
+    className: 'btn btn-light',
+    button: true
+  }];
+};
+
+function SeriesView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_5__["ConfigRequests"].config);
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_4__["UserRequests"].currentUser);
+  var series = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_12__["SeriesRequests"].series(props.id));
+  var seriesVideos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_12__["SeriesRequests"].seriesVideos(props.id, props.cursor));
+  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_15__["useVideoMixin"])(seriesVideos.data);
+  var breadcrumbs = [series.data];
+
+  if (props.classificationId) {
+    var subjectPath = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_SeriesRequests__WEBPACK_IMPORTED_MODULE_12__["SeriesRequests"].breadcrumbs(props.classificationId));
+
+    if (subjectPath.data) {
+      breadcrumbs.unshift.apply(breadcrumbs, _toConsumableArray(subjectPath.data));
+    }
+  }
+
+  function setFavourite(videoId, shouldFavourite, onError) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_6__["FavouriteVideoRequests"].updateIsVideoFavourited(videoId, currentUser.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_16__["AnalyticsHelper"].logUserAction({
+        id: videoId
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["LocationContext"].VideoThumbnail,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_17__["WorkflowPhase"].Complete
+      });
+    }, onError));
+  }
+
+  if (!seriesVideos.data || !config.data || !series.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var heading = getPhrase('series', {
+    seriesName: series.data.name
+  });
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__["BannerHeader"], {
+    heading: heading,
+    banner: null,
+    imageCdnUrl: config.data.imageCdnUrl,
+    backButtonAppLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DASHBOARD,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["Actions"].Dashboard.HOME
+    },
+    backButtonText: 'Home' // this needs to be changed eventually
+    ,
+    actions: getHeaderActions()
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'border-bottom py-3 mb-3'
+  }, props.classificationId && breadcrumbs.length < 2 ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["PartialBreadcrumbs"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["Breadcrumbs"], {
+    currentItem: series.data,
+    type: _libs_shared_src_components_breadcrumbs_Breadcrumbs__WEBPACK_IMPORTED_MODULE_8__["BreadcrumbType"].Static,
+    getItemAppLink: getClassificationAppLink,
+    data: breadcrumbs,
+    rootItem: {
+      label: getPhrase('dashboard'),
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_14__["AppChannels"].DASHBOARD,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_13__["Actions"].Dashboard.HOME
+      }
+    }
+  }), series.data.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'pt-3'
+  }, series.data.description)), seriesVideos.data ? !seriesVideos.isFetching ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_9__["VideoList"], {
+    videos: seriesVideos.data.data,
+    cursors: seriesVideos.data.pagination.cursors,
+    getVideoAppLink: getVideoAppLink,
+    getSeriesAppLink: getSeriesAppLink,
+    setFavourite: setFavourite
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_10__["PartialVideoList"], null) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, "Empty State")));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=42.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/flight-requests/SeriesRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/hooks/useVideoMixin.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/views/series/SeriesView.tsx"],"names":[],"mappings":"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","file":"scripts/42.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface PartialVideoListProps {\r\n\r\n}\r\n\r\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\r\n  return (\r\n    <>\r\n    </>\r\n  );\r\n}","import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\r\n\r\nfunction favouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `/api/domain/v2/objects/${userId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    data: { favouriteVideos: videoId },\r\n    type: HttpVerbs.PUT,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nfunction unfavouriteVideo(\r\n  videoId: string, userId: string, success?: () => void, error?: (Xhr: Xhr) => void\r\n): Flight.Request {\r\n  return {\r\n    url: `/api/domain/v2/objects/${userId}/favouriteVideos/${videoId}`,\r\n    key: `favourite:video:${userId}:${videoId}`,\r\n    type: HttpVerbs.DELETE,\r\n    invalidationKeys: [ `favourite:videos:${userId}`, `video:is:favourited:${userId}` ],\r\n    success,\r\n    error\r\n  };\r\n}\r\n\r\nexport const FavouriteVideoRequests = {\r\n  favouriteVideos(userId: string, cursor?: string): Flight.Request {\r\n    const query = `${SharedWithStatements.VIDEO_COLLECTION}${addCursor(cursor)}`;\r\n\r\n    return {\r\n      url: `/api/domain/v2/objects/${userId}/favouriteVideos?query=${query}`,\r\n      key: `favourite:videos:${userId}${cursor ? `:${cursor}` : ''}`\r\n    };\r\n  },\r\n\r\n  updateIsVideoFavourited(\r\n    videoId: string, userId: string, shouldFavourite: boolean, success?: () => void, error?: (Xhr: Xhr) => void\r\n  ): Flight.Request {\r\n    const requestFn = shouldFavourite\r\n      ? favouriteVideo\r\n      : unfavouriteVideo;\r\n\r\n    return requestFn(videoId, userId, success, error);\r\n  },\r\n\r\n  isFavourited(userId: string, ids: string[]): Flight.Request {\r\n    const sortedIds = ids.slice().sort();\r\n\r\n    const params = sortedIds.map(i => `id=${i}`);\r\n\r\n    return {\r\n      url: `/api/domain/v2/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,\r\n      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,\r\n      formatData: (videos: HashObject[]) => {\r\n        if (!videos?.length)\r\n          return videos;\r\n\r\n        const setIsFavourited = (video: HashObject) => {\r\n          const { favouritedBy, ...v } = video;\r\n\r\n          // As we filtered by userId, if there are any users, set isFavourited to true.\r\n          return {\r\n            ...v,\r\n            isFavourited: !!favouritedBy?.data?.length\r\n          };\r\n        };\r\n\r\n        return videos.map(setIsFavourited);\r\n      }\r\n    };\r\n  }\r\n};\r\n\r\nfunction addCursor(cursor: string): string {\r\n  return cursor ? `&cursor=${cursor}` : '';\r\n}","import { Flight } from 'libs/common/flight';\r\nimport { WithStatements } from 'shared/constants/WithStatements';\r\n\r\nconst endpoints = {\r\n  series: (id: string) => `/api/domain/v2/objects/${id}`,\r\n  seriesVideos: (id: string, cursor: string) =>\r\n    `/api/domain/v2/objects/${id}/videos?query=${WithStatements.VIDEO_COLLECTION}${addCursor(cursor)}`,\r\n\r\n  breadcrumbs: (id: string) => `/api/domain/v1/subjects/${id}/path`\r\n};\r\n\r\nexport const SeriesRequests = {\r\n  series(id: string): Flight.Request {\r\n    return {\r\n      url: endpoints.series(id),\r\n      key: `series:${id}`\r\n    };\r\n  },\r\n  seriesVideos(id: string, cursor: string): Flight.Request {\r\n    return {\r\n      url: endpoints.seriesVideos(id, cursor),\r\n      key: `series:${id}:videos:${cursor}`\r\n    };\r\n  },\r\n  breadcrumbs(classificationId: string): Flight.Request {\r\n    if (!classificationId)\r\n      return;\r\n\r\n    return {\r\n      url: endpoints.breadcrumbs(classificationId),\r\n      key: `series:${classificationId}:breadcrumbs`\r\n    };\r\n  }\r\n};\r\n\r\nfunction addCursor(cursor: string): string {\r\n  return cursor ? `&cursor=${cursor}` : '';\r\n}","import { Flight } from 'libs/common/flight';\r\nimport { VideoCollection, User, Video } from 'libs/shared/interfaces';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nfunction fetchAttribute(videosFetched: boolean, request: Flight.Request): void {\r\n  const attribute = Flight.useGetResponse<VideoCollection>(request && request.key);\r\n  const fetch = Flight.useGetFetch(request);\r\n\r\n  if (videosFetched && attribute.shouldFetch)\r\n    fetch();\r\n}\r\n\r\nexport function useVideoMixin(videos: VideoCollection | Video[]): void {\r\n  const currentUser = Flight.useBasicFetch<User>(UserRequests.currentUser);\r\n\r\n  const videoIds = videos && (Array.isArray(videos)\r\n    ? videos.map(v => v.id)\r\n    : videos.data.map(v => v.id));\r\n\r\n  const requests: Flight.Request[] = [\r\n    videoIds && VideoRequests.videoRatings(videoIds),\r\n    videoIds && currentUser.data && FavouriteVideoRequests.isFavourited(currentUser.data.id, videoIds)\r\n  ];\r\n\r\n  requests.forEach(r => fetchAttribute(!!videos, r));\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Core } from 'libs/common/core';\r\nimport { Series, Config, Video, Classification, VideoCollection, BaseObject, User } from 'libs/shared/interfaces';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\nimport { BannerHeader } from 'libs/shared/components/banner-header/BannerHeader';\r\nimport { Breadcrumbs, BreadcrumbType, PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\r\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/PartialVideoList';\r\nimport { ActionOptions } from 'libs/shared/components/actions/Actions';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { SeriesRequests } from 'shared/flight-requests/SeriesRequests';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, UserAction, LocationContext, WorkflowPhase, ToggleDescriptor } from 'libs/analytics/interfaces';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\n\r\n/**\r\n * This will need to change when this is moved into its own application directory.\r\n */\r\nconst namespace = 'shared.series';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\n// Update this applink when we pull dashboard in\r\nconst getClassificationAppLink = (classification: Classification): Core.AppLink => ({\r\n  application: null,\r\n  action: null,\r\n  args: [classification.id]\r\n});\r\n\r\nconst getVideoAppLink = (video: Video): Core.AppLink => ({\r\n  application: null,\r\n  action: null,\r\n  args: [video.id]\r\n});\r\n\r\nconst getSeriesAppLink = (series: Series): Core.AppLink => ({\r\n  application: AppChannels.DEFAULT,\r\n  action: Actions.Default.SERIES,\r\n  args: [ series.id, TextHelper.slugify(series.name) ]\r\n});\r\n\r\nconst getHeaderActions = (): ActionOptions[] => ([\r\n  {\r\n    label: LanguageService.getPhrase(namespace, 'share'),\r\n    appLink: { application: AppChannels.DEFAULT, action: 'index' },\r\n    svgName: cvSvgLibrary.Share,\r\n    className: 'btn btn-light mr-2',\r\n    button: true\r\n  },\r\n  {\r\n    label: LanguageService.getPhrase(namespace, 'follow'),\r\n    appLink: { application: AppChannels.DEFAULT, action: 'index' },\r\n    svgName: cvSvgLibrary.Edit, // TODO: Change to \"Follow\" icon\r\n    className: 'btn btn-light',\r\n    button: true\r\n  }\r\n]);\r\n\r\ninterface SeriesViewProps {\r\n  id: string;\r\n  classificationId?: string;\r\n  cursor?: string;\r\n}\r\n\r\nexport function SeriesView(props: SeriesViewProps): JSX.Element {\r\n  const dispatch = useDispatch();\r\n\r\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config);\r\n  const currentUser = Flight.useBasicFetch<User>(UserRequests.currentUser);\r\n  const series = Flight.useBasicFetch<Series>(SeriesRequests.series(props.id));\r\n  const seriesVideos = Flight.useBasicFetch<VideoCollection>(SeriesRequests.seriesVideos(props.id, props.cursor));\r\n\r\n  useVideoMixin(seriesVideos.data);\r\n\r\n  let breadcrumbs: BaseObject[] = [series.data];\r\n  if (props.classificationId) {\r\n    const subjectPath = Flight.useBasicFetch<Classification[]>(SeriesRequests.breadcrumbs(props.classificationId));\r\n    if (subjectPath.data) {\r\n      breadcrumbs.unshift(...subjectPath.data);\r\n    }\r\n  }\r\n\r\n  function setFavourite(videoId: string, shouldFavourite: boolean, onError?: () => void): void {\r\n    Flight.fetch(\r\n      dispatch,\r\n      FavouriteVideoRequests.updateIsVideoFavourited(videoId, currentUser.data.id, shouldFavourite, () => {\r\n        AnalyticsHelper.logUserAction({ id: videoId }, {\r\n          entity: EntityType.Video,\r\n          actionType: UserAction.Favourite,\r\n          descriptor: shouldFavourite ? ToggleDescriptor.On : ToggleDescriptor.Off,\r\n          location: LocationContext.VideoThumbnail,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        });\r\n      }, onError)\r\n    );\r\n  }\r\n\r\n  if (!seriesVideos.data || !config.data || !series.data)\r\n    return <></>;\r\n\r\n  const heading = getPhrase('series', { seriesName: series.data.name });\r\n\r\n  return (\r\n    <>\r\n      <BannerHeader\r\n        heading={heading}\r\n        banner={null}\r\n        imageCdnUrl={config.data.imageCdnUrl}\r\n        backButtonAppLink={{\r\n          application: AppChannels.DASHBOARD,\r\n          action: Actions.Dashboard.HOME\r\n        }}\r\n        backButtonText='Home' // this needs to be changed eventually\r\n        actions={getHeaderActions()}\r\n      />\r\n      <div>\r\n        <div className='border-bottom py-3 mb-3'>\r\n          {(props.classificationId && breadcrumbs.length < 2)\r\n            ? <PartialBreadcrumbs />\r\n            : <Breadcrumbs\r\n                currentItem={series.data}\r\n                type={BreadcrumbType.Static}\r\n                getItemAppLink={getClassificationAppLink}\r\n                data={breadcrumbs}\r\n                rootItem={{\r\n                  label: getPhrase('dashboard'),\r\n                  appLink: {\r\n                    application: AppChannels.DASHBOARD,\r\n                    action: Actions.Dashboard.HOME\r\n                  }\r\n                }}\r\n              />\r\n          }\r\n\r\n          {series.data.description && (\r\n            <p className='pt-3'>{series.data.description}</p>\r\n          )}\r\n        </div>\r\n\r\n        {seriesVideos.data\r\n          ? !seriesVideos.isFetching\r\n            ? <VideoList\r\n                videos={seriesVideos.data.data}\r\n                cursors={seriesVideos.data.pagination.cursors}\r\n                getVideoAppLink={getVideoAppLink}\r\n                getSeriesAppLink={getSeriesAppLink}\r\n                setFavourite={setFavourite}\r\n              />\r\n            : <PartialVideoList />\r\n          : <>Empty State</>\r\n        }\r\n      </div>\r\n    </>\r\n  );\r\n}"],"sourceRoot":""}