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

package/dist/scripts/42.chunk.js

@@ -0,0 +1,529 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[42],{
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx":
+/*!****************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx ***!
+  \****************************************************************************************************************************/
+/*! exports provided: PartialVideoList, PartialVideoItem */
+/***/ (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 export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoItem", function() { return PartialVideoItem; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
+/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var _hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./partial-video-list.scss */ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss");
+/* harmony import */ var _partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+PartialVideoList.defaultProps = {
+  numVideos: 15
+};
+function PartialVideoList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, Array(props.numVideos).fill(null).map(function (_, i) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PartialVideoItem, Object.assign({
+      key: i
+    }, props));
+  }));
+}
+function PartialVideoItem(props) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+  var isMobile = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS;
+  var isTablet = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].SM || mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].MD;
+  var withDragHandle = props.withReordering && !isMobile;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+    className: 'py-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: isMobile ? 12 : isTablet ? 4 : 3,
+    className: 'flex-column align-items-flex-start mb-1'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, !!withDragHandle && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex align-items-center justify-content-center col-2'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDragHandle)
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: withDragHandle ? 10 : 12
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background rounded-lg ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialThumbnail)
+  })))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+    xs: isMobile ? 12 : isTablet ? 8 : 9
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialSeriesLink)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background mb-1 ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialName)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialDescription)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialBadges)
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "partial-loading-background ".concat(_partial_video_list_scss__WEBPACK_IMPORTED_MODULE_4___default.a.partialActions)
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/partial-video-list.scss":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss ***!
+  \*******************************************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialName":"cv--partialName--7KNC2","partialDescription":"cv--partialDescription--Vk_wR","partialThumbnail":"cv--partialThumbnail--3peRZ","partialDragHandle":"cv--partialDragHandle--1F7_f"};
+
+/***/ }),
+
+/***/ "../../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");
+
+
+
+function favouriteVideo(videoId, userId, success, error) {
+  return {
+    url: "{gateway}/v1/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: "{gateway}/v1/objects/".concat(userId, "/favouriteVideos?memberId=").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) {
+    return {
+      url: "{gateway}/v1/objects/".concat(userId, "/favouriteVideos?query=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["WithStatementHelper"].VideoCollectionWithAssocs(userId, true)).concat(addCursor(cursor)),
+      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);
+    });
+    if (!params.length) return;
+    return {
+      url: "{gateway}/v1/objects?query=favouritedBy{id:".concat(userId, "}&").concat(params.join('&')),
+      key: "video:is:favourited:".concat(userId, ":by:id:").concat(sortedIds.join(','))
+    };
+  }
+};
+
+function addCursor(cursor) {
+  return cursor ? "&cursor=".concat(cursor) : '';
+}
+
+/***/ }),
+
+/***/ "./src/apps/watch-history/components/watch-history-video-list/WatchHistoryVideoList.tsx":
+/*!**********************************************************************************************!*\
+  !*** ./src/apps/watch-history/components/watch-history-video-list/WatchHistoryVideoList.tsx ***!
+  \**********************************************************************************************/
+/*! exports provided: WatchHistoryVideoList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WatchHistoryVideoList", function() { return WatchHistoryVideoList; });
+/* 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 _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_pagination_Pagination__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/pagination/Pagination */ "../../libs/shared/src/components/pagination/Pagination.tsx");
+/* harmony import */ var _libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/VideoHelper */ "../../libs/shared/src/utils/VideoHelper.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'watchHistory.watchHistoryVideoList';
+
+var getVideoAppLink = function getVideoAppLink(video) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Default.PLAY_VIDEO,
+    args: [video.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_4__["TextHelper"].slugify(video.name)],
+    params: _libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_8__["VideoHelper"].getVideoProgress(video) ? {
+      t: Math.floor(_libs_shared_src_utils_VideoHelper__WEBPACK_IMPORTED_MODULE_8__["VideoHelper"].getVideoProgress(video))
+    } : {}
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_9__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Default.SERIES,
+    args: [series.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_4__["TextHelper"].slugify(series.name)]
+  };
+};
+
+function formatDate(date) {
+  var today = moment__WEBPACK_IMPORTED_MODULE_1__();
+  var diff = today.diff(date, 'days');
+  if (diff === 0) return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_5__["LanguageService"].getPhrase(namespace, 'today');
+  if (diff === 1) return _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_5__["LanguageService"].getPhrase(namespace, 'yesterday');
+  return moment__WEBPACK_IMPORTED_MODULE_1__(date).format('Do MMMM');
+}
+
+function WatchHistoryVideoList(props) {
+  var historyGroups = _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__["ArrayHelper"].groupBy(props.videoHistory.data, 'lastDateWatched');
+  var videoGroups = {};
+  var sortedDates = Object.keys(historyGroups).sort().reverse(); // Map video history to video objects and mixin lastProgressPoint
+
+  sortedDates.forEach(function (date) {
+    videoGroups[date] = historyGroups[date].map(function (history) {
+      var video = props.videos.find(function (v) {
+        return v.id.toString() === history.videoId.toString();
+      });
+      if (!video) return null;
+      return Object.assign(Object.assign({}, video), {
+        lastProgressPoint: history.lastProgressPoint
+      });
+    }).filter(Boolean);
+  });
+  var currentAppLink = _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.getCurrentAppLink();
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, sortedDates.map(function (date) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      key: date,
+      className: 'pb-3'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+      className: 'h4'
+    }, formatDate(date)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_6__["VideoList"], {
+      videos: videoGroups[date],
+      getVideoAppLink: getVideoAppLink,
+      getSeriesAppLink: getSeriesAppLink,
+      setFavourite: props.setFavourite,
+      hideFavouriteButton: props.hideFavouriteButton
+    }));
+  }), props.videoHistory.pagination.cursors && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_pagination_Pagination__WEBPACK_IMPORTED_MODULE_7__["Pagination"], {
+    appLink: currentAppLink,
+    cursors: props.videoHistory.pagination.cursors
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts":
+/*!************************************************************************!*\
+  !*** ./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts ***!
+  \************************************************************************/
+/*! exports provided: VideoHistoryRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoHistoryRequests", function() { return VideoHistoryRequests; });
+var VideoHistoryRequests = {
+  userVideoHistory: function userVideoHistory(customerId, userId, cursor, success, error, always) {
+    var key = "video:history:".concat(customerId, ":").concat(userId);
+    var url = "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history");
+
+    if (cursor) {
+      key += ":".concat(cursor);
+      url += "?cursor=".concat(cursor);
+    }
+
+    return {
+      key: key,
+      url: url,
+      success: success,
+      error: error,
+      always: always
+    };
+  },
+  videoHistory: function videoHistory(customerId, userId, ids, success, error, always) {
+    var params = ids.sort().map(function (i) {
+      return "videoId=".concat(i);
+    });
+    return {
+      key: "video:history:".concat(customerId, ":").concat(userId, ":videos:").concat(params.join('&')),
+      url: "/api/videoviews/v1/customers/".concat(customerId, "/users/").concat(userId, "/videos/history?").concat(params.join('&')),
+      formatData: function formatData(historyCollection) {
+        var _a;
+
+        if (!((_a = historyCollection) === null || _a === void 0 ? void 0 : _a.length)) return historyCollection;
+        /**
+         * Data is formatted to enable it to be merged with the existing video object in the store
+         * Where we need to merge more history properties with the video object, map them below.
+         */
+
+        return historyCollection.map(function (watchHistory) {
+          return {
+            id: watchHistory.videoId,
+            lastProgressPoint: watchHistory.lastProgressPoint
+          };
+        });
+      },
+      success: success,
+      error: error,
+      always: always
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/apps/watch-history/views/watch-history/WatchHistoryView.tsx":
+/*!*************************************************************************!*\
+  !*** ./src/apps/watch-history/views/watch-history/WatchHistoryView.tsx ***!
+  \*************************************************************************/
+/*! exports provided: getVideoActionAppLink, WatchHistoryView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVideoActionAppLink", function() { return getVideoActionAppLink; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WatchHistoryView", function() { return WatchHistoryView; });
+/* 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_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.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_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/context/VideoActionsContext */ "../../libs/shared/src/context/VideoActionsContext.tsx");
+/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
+/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! apps/watch-history/flight-requests/VideoHistoryRequests */ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts");
+/* harmony import */ var apps_watch_history_components_watch_history_video_list_WatchHistoryVideoList__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! apps/watch-history/components/watch-history-video-list/WatchHistoryVideoList */ "./src/apps/watch-history/components/watch-history-video-list/WatchHistoryVideoList.tsx");
+/* harmony import */ var _partial_loading_PartialWatchHistory__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ./partial-loading/PartialWatchHistory */ "./src/apps/watch-history/views/watch-history/partial-loading/PartialWatchHistory.tsx");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'watchHistory.watchHistory';
+function getVideoActionAppLink() {
+  return function (video, action) {
+    switch (action) {
+      case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_6__["VideoAction"].AddToPlaylist:
+        return {
+          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_16__["AppChannels"].PLAYLISTS,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_17__["Actions"].Playlists.ADD_TO_PLAYLIST,
+          args: [video.id]
+        };
+
+      case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_6__["VideoAction"].Share:
+        return {
+          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_16__["AppChannels"].SHARE,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_17__["Actions"].Share.SHARE,
+          args: [video.id],
+          params: {
+            entityType: 'video'
+          }
+        };
+    }
+  };
+}
+
+function getVideoActions(canShare) {
+  var actions = [_libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_6__["VideoAction"].AddToPlaylist];
+  if (canShare) actions.push(_libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_6__["VideoAction"].Share);
+  return actions;
+}
+
+function WatchHistoryView(props) {
+  var _a, _b, _c, _d;
+
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__["useSetPageTitle"])(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, 'pageTitle'));
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_15__["useAlerts"])();
+
+  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_11__["usePermissions"])(),
+      hasPermissions = _usePermissions.hasPermissions;
+
+  var currentUser = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_7__["UserRequests"].currentUser());
+  var videoHistory = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(!!currentUser.data && apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_18__["VideoHistoryRequests"].userVideoHistory(currentUser.data.customerId, currentUser.data.id, props.cursor));
+  var videoIds = (_b = (_a = videoHistory.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.map(function (v) {
+    return v.videoId;
+  });
+  var videos = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(((_c = videoIds) === null || _c === void 0 ? void 0 : _c.length) && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_14__["VideoRequests"].watchHistoryVideos(videoIds, (_d = currentUser.data) === null || _d === void 0 ? void 0 : _d.id));
+
+  function setFavourite(video, shouldFavourite, onError) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_8__["FavouriteVideoRequests"].updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_12__["AnalyticsHelper"].logUserAction({
+        id: video.id
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["LocationContext"].VideoThumbnail,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_13__["WorkflowPhase"].Complete
+      });
+      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, shouldFavourite ? 'favourited' : 'unfavourited', {
+        video: video.name
+      }));
+    }, onError));
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+    phrase: 'heading'
+  })), function () {
+    var _a;
+
+    if (!videoHistory.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_partial_loading_PartialWatchHistory__WEBPACK_IMPORTED_MODULE_20__["PartialWatchHistory"], null); // TODO: Add empty state.
+
+    if (!((_a = videoHistory.data.data) === null || _a === void 0 ? void 0 : _a.length)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_9__["Text"], {
+      phrase: 'emptyState'
+    });
+    if (!videos.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_partial_loading_PartialWatchHistory__WEBPACK_IMPORTED_MODULE_20__["PartialWatchHistory"], null);
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_5__["VideoActionsContext"].Provider, {
+      value: {
+        videoActions: getVideoActions(hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_10__["PermissionName"].ShareVideos)),
+        getActionAppLink: getVideoActionAppLink(),
+        hideLabel: true
+      }
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_watch_history_components_watch_history_video_list_WatchHistoryVideoList__WEBPACK_IMPORTED_MODULE_19__["WatchHistoryVideoList"], {
+      videoHistory: videoHistory.data,
+      videos: videos.data,
+      setFavourite: setFavourite,
+      hideFavouriteButton: !hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_10__["PermissionName"].FavouriteVideos)
+    }));
+  }()));
+}
+
+/***/ }),
+
+/***/ "./src/apps/watch-history/views/watch-history/partial-loading/PartialWatchHistory.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/watch-history/views/watch-history/partial-loading/PartialWatchHistory.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: PartialWatchHistory */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialWatchHistory", function() { return PartialWatchHistory; });
+/* 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_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList */ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx");
+/* harmony import */ var _partial_watch_history_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-watch-history.scss */ "./src/apps/watch-history/views/watch-history/partial-loading/partial-watch-history.scss");
+/* harmony import */ var _partial_watch_history_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_watch_history_scss__WEBPACK_IMPORTED_MODULE_2__);
+
+
+
+function PartialWatchHistory() {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_watch_history_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialDate, " mb-2 partial-loading-background")
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_1__["PartialVideoList"], {
+    numVideos: 2
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_watch_history_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialDate, " mb-2 partial-loading-background")
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_1__["PartialVideoList"], {
+    numVideos: 3
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_watch_history_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialDate, " mb-2 partial-loading-background")
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_1__["PartialVideoList"], {
+    numVideos: 2
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'mb-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "".concat(_partial_watch_history_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialDate, " mb-2 partial-loading-background")
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_1__["PartialVideoList"], {
+    numVideos: 5
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/watch-history/views/watch-history/partial-loading/partial-watch-history.scss":
+/*!***********************************************************************************************!*\
+  !*** ./src/apps/watch-history/views/watch-history/partial-loading/partial-watch-history.scss ***!
+  \***********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"partialDate":"cv--partialDate--2wbjP"};
+
+/***/ })
+
+}]);
+//# 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/partial-loading/PartialVideoList.tsx","webpack://@clickview/lite/C:/ClickView/front-end/clickview/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss?cc73","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/watch-history/components/watch-history-video-list/WatchHistoryVideoList.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/watch-history/flight-requests/VideoHistoryRequests.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/watch-history/views/watch-history/WatchHistoryView.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/watch-history/views/watch-history/partial-loading/PartialWatchHistory.tsx","webpack://@clickview/lite/./src/apps/watch-history/views/watch-history/partial-loading/partial-watch-history.scss?ad2e"],"names":[],"mappings":"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","file":"scripts/42.chunk.js","sourcesContent":["import React from 'react';\r\nimport { Row, Col } from 'react-bootstrap';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\n\r\nimport styles from './partial-video-list.scss';\r\n\r\ninterface PartialVideoListProps {\r\n  withReordering?: boolean;\r\n  numVideos?: number;\r\n}\r\n\r\nPartialVideoList.defaultProps = {\r\n  numVideos: 15\r\n};\r\n\r\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\r\n  return (\r\n    <>\r\n      {Array(props.numVideos).fill(null).map((_, i) => (\r\n        <PartialVideoItem key={i} {...props} />\r\n      ))}\r\n    </>\r\n  );\r\n}\r\n\r\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\r\n  const mediaQuery = useGetMediaQueryString();\r\n  const isMobile = mediaQuery === MediaQueryStrings.XS;\r\n  const isTablet = mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.MD;\r\n\r\n  const withDragHandle = props.withReordering && !isMobile;\r\n\r\n  return (\r\n    <Row className='py-2'>\r\n      <Col xs={isMobile ? 12 : isTablet ? 4 : 3} className='flex-column align-items-flex-start mb-1'>\r\n        <Row>\r\n          {!!withDragHandle && (\r\n            <div className='d-flex align-items-center justify-content-center col-2'>\r\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\r\n            </div>\r\n          )}\r\n          <Col xs={withDragHandle ? 10 : 12}>\r\n            <div className={`partial-loading-background rounded-lg ${styles.partialThumbnail}`} />\r\n          </Col>\r\n        </Row>\r\n      </Col>\r\n      <Col xs={isMobile ? 12 : isTablet ? 8 : 9}>\r\n        <div className={`partial-loading-background ${styles.partialSeriesLink}`} />\r\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\r\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\r\n        <div className={`partial-loading-background ${styles.partialBadges}`} />\r\n        <div className={`partial-loading-background ${styles.partialActions}`} />\r\n      </Col>\r\n    </Row>\r\n  );\r\n}\r\n\r\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialName\":\"cv--partialName--7KNC2\",\"partialDescription\":\"cv--partialDescription--Vk_wR\",\"partialThumbnail\":\"cv--partialThumbnail--3peRZ\",\"partialDragHandle\":\"cv--partialDragHandle--1F7_f\"};","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 { WithStatementHelper } 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: `{gateway}/v1/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: `{gateway}/v1/objects/${userId}/favouriteVideos?memberId=${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    return {\r\n      url: `{gateway}/v1/objects/${userId}/favouriteVideos?query=${WithStatementHelper.VideoCollectionWithAssocs(userId, true)}${addCursor(cursor)}`,\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    if (!params.length)\r\n      return;\r\n\r\n    return {\r\n      url: `{gateway}/v1/objects?query=favouritedBy{id:${userId}}&${params.join('&')}`,\r\n      key: `video:is:favourited:${userId}:by:id:${sortedIds.join(',')}`,\r\n    };\r\n  }\r\n};\r\n\r\nfunction addCursor(cursor: string): string {\r\n  return cursor ? `&cursor=${cursor}` : '';\r\n}","import * as React from 'react';\r\nimport * as moment from 'moment';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nimport { VideoHistoryCollection, Video, Series } from 'libs/shared/interfaces';\r\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\r\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\r\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nconst namespace = 'watchHistory.watchHistoryVideoList';\r\n\r\nconst getVideoAppLink = (video: Video): Core.AppLink => ({\r\n  application: AppChannels.DEFAULT,\r\n  action: Actions.Default.PLAY_VIDEO,\r\n  args: [ video.id, TextHelper.slugify(video.name) ],\r\n  params: VideoHelper.getVideoProgress(video) ? { t: Math.floor(VideoHelper.getVideoProgress(video)) } : {}\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\nfunction formatDate(date: string): string {\r\n  const today = moment();\r\n  const diff = today.diff(date, 'days');\r\n\r\n  if (diff === 0)\r\n    return LanguageService.getPhrase(namespace, 'today');\r\n\r\n  if (diff === 1)\r\n    return LanguageService.getPhrase(namespace, 'yesterday');\r\n\r\n  return moment(date).format('Do MMMM');\r\n}\r\n\r\ninterface WatchHistoryVideoListProps {\r\n  videoHistory: VideoHistoryCollection;\r\n  videos: Video[];\r\n  setFavourite: (video: Video, shouldFavourite: boolean, onError?: () => void) => void;\r\n  hideFavouriteButton?: boolean;\r\n}\r\n\r\nexport function WatchHistoryVideoList(props: WatchHistoryVideoListProps): JSX.Element {\r\n  const historyGroups = ArrayHelper.groupBy(props.videoHistory.data, 'lastDateWatched');\r\n\r\n  const videoGroups: { [index: string]: Video[] } = {};\r\n\r\n  const sortedDates = Object.keys(historyGroups).sort().reverse();\r\n\r\n  // Map video history to video objects and mixin lastProgressPoint\r\n  sortedDates.forEach(date => {\r\n    videoGroups[date] = historyGroups[date].map(history => {\r\n      const video = props.videos.find(v => v.id.toString() === history.videoId.toString());\r\n\r\n      if (!video)\r\n        return null;\r\n\r\n      return {\r\n        ...video,\r\n        lastProgressPoint: history.lastProgressPoint\r\n      };\r\n    }).filter(Boolean);\r\n  });\r\n\r\n  const currentAppLink = Core.AppLinkHelper.getCurrentAppLink();\r\n\r\n  return (\r\n    <>\r\n      {sortedDates.map(date => (\r\n        <div key={date} className='pb-3'>\r\n          <h2 className='h4'>{formatDate(date)}</h2>\r\n          <VideoList\r\n            videos={videoGroups[date]}\r\n            getVideoAppLink={getVideoAppLink}\r\n            getSeriesAppLink={getSeriesAppLink}\r\n            setFavourite={props.setFavourite}\r\n            hideFavouriteButton={props.hideFavouriteButton}\r\n          />\r\n        </div>\r\n      ))}\r\n      {props.videoHistory.pagination.cursors &&\r\n        <Pagination appLink={currentAppLink} cursors={props.videoHistory.pagination.cursors} />\r\n      }\r\n    </>\r\n  );\r\n}","import { Flight } from 'libs/common/flight';\r\nimport { HashObject } from 'libs/common/react/interfaces';\r\nimport { Xhr } from 'libs/common/backbone/interfaces';\r\n\r\nexport const VideoHistoryRequests = {\r\n  userVideoHistory(\r\n    customerId: string,\r\n    userId: string,\r\n    cursor?: string,\r\n    success?: (data: HashObject) => void,\r\n    error?: (Xhr: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    let key = `video:history:${customerId}:${userId}`;\r\n    let url = `/api/videoviews/v1/customers/${customerId}/users/${userId}/videos/history`;\r\n\r\n    if (cursor) {\r\n      key += `:${cursor}`;\r\n      url += `?cursor=${cursor}`;\r\n    }\r\n\r\n    return {\r\n      key,\r\n      url,\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  },\r\n\r\n  videoHistory(\r\n    customerId: string,\r\n    userId: string,\r\n    ids: string[],\r\n    success?: (data: HashObject) => void,\r\n    error?: (Xhr: Xhr) => void,\r\n    always?: () => void\r\n  ): Flight.Request {\r\n    const params = ids.sort().map(i => `videoId=${i}`);\r\n\r\n    return {\r\n      key: `video:history:${customerId}:${userId}:videos:${params.join('&')}`,\r\n      url: `/api/videoviews/v1/customers/${customerId}/users/${userId}/videos/history?${params.join('&')}`,\r\n      formatData: (historyCollection: HashObject[]) => {\r\n        if (!historyCollection?.length)\r\n          return historyCollection;\r\n\r\n        /**\r\n         * Data is formatted to enable it to be merged with the existing video object in the store\r\n         * Where we need to merge more history properties with the video object, map them below.\r\n         */\r\n        return historyCollection.map((watchHistory: HashObject) => ({\r\n          id: watchHistory.videoId,\r\n          lastProgressPoint: watchHistory.lastProgressPoint\r\n        }));\r\n      },\r\n      success,\r\n      error,\r\n      always\r\n    };\r\n  }\r\n};","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\r\nimport { VideoAction } from 'libs/shared/utils/video-actions/VideoActionsHelper';\r\nimport { VideoHistoryCollection, CurrentUser, Video } from 'libs/shared/interfaces';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\r\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { EntityType, UserAction, ToggleDescriptor, LocationContext, WorkflowPhase } from 'libs/analytics/interfaces';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { VideoHistoryRequests } from 'apps/watch-history/flight-requests/VideoHistoryRequests';\r\nimport { WatchHistoryVideoList } from 'apps/watch-history/components/watch-history-video-list/WatchHistoryVideoList';\r\n\r\nimport { PartialWatchHistory } from './partial-loading/PartialWatchHistory';\r\n\r\nconst namespace = 'watchHistory.watchHistory';\r\n\r\nexport function getVideoActionAppLink(): (video: Video, action: VideoAction) => Core.AppLink {\r\n  return (video: Video, action: VideoAction) => {\r\n    switch (action) {\r\n    case VideoAction.AddToPlaylist:\r\n      return { application: AppChannels.PLAYLISTS, action: Actions.Playlists.ADD_TO_PLAYLIST, args: [video.id]};\r\n\r\n    case VideoAction.Share:\r\n      return {\r\n        application: AppChannels.SHARE,\r\n        action: Actions.Share.SHARE,\r\n        args: [video.id],\r\n        params: { entityType: 'video' }\r\n      };\r\n    }\r\n  };\r\n}\r\n\r\nfunction getVideoActions(canShare: boolean): VideoAction[] {\r\n  const actions: VideoAction[] = [VideoAction.AddToPlaylist];\r\n\r\n  if (canShare)\r\n    actions.push(VideoAction.Share);\r\n\r\n  return actions;\r\n}\r\n\r\ninterface WatchHistoryViewProps {\r\n  cursor?: string;\r\n}\r\n\r\nexport function WatchHistoryView(props: WatchHistoryViewProps): JSX.Element {\r\n  useSetPageTitle(LanguageService.getPhrase(namespace, 'pageTitle'));\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n  const { hasPermissions } = usePermissions();\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n\r\n  const videoHistory = Flight.useBasicFetch<VideoHistoryCollection>(!!currentUser.data\r\n    && VideoHistoryRequests.userVideoHistory(currentUser.data.customerId, currentUser.data.id, props.cursor));\r\n\r\n  const videoIds = videoHistory.data?.data?.map(v => v.videoId);\r\n\r\n  const videos = Flight.useBasicFetch<Video[]>(\r\n    videoIds?.length && VideoRequests.watchHistoryVideos(videoIds, currentUser.data?.id));\r\n\r\n  function setFavourite(video: Video, shouldFavourite: boolean, onError?: () => void): void {\r\n    Flight.fetch(\r\n      dispatch,\r\n      FavouriteVideoRequests.updateIsVideoFavourited(video.id, currentUser.data.id, shouldFavourite, () => {\r\n        AnalyticsHelper.logUserAction({ id: video.id }, {\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\r\n        alerts.success(LanguageService.getPhrase(\r\n          namespace,\r\n          shouldFavourite ? 'favourited' : 'unfavourited',\r\n          { video: video.name }\r\n        ));\r\n      }, onError)\r\n    );\r\n  }\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='px-3'>\r\n        <h1><Text phrase='heading' /></h1>\r\n        {(() => {\r\n          if (!videoHistory.data)\r\n            return <PartialWatchHistory />;\r\n\r\n          // TODO: Add empty state.\r\n          if (!videoHistory.data.data?.length)\r\n            return <Text phrase='emptyState' />;\r\n\r\n          if (!videos.data)\r\n            return <PartialWatchHistory />;\r\n\r\n          return (\r\n            <VideoActionsContext.Provider\r\n              value={{\r\n                videoActions: getVideoActions(hasPermissions(PermissionName.ShareVideos)),\r\n                getActionAppLink: getVideoActionAppLink(),\r\n                hideLabel: true\r\n              }}\r\n            >\r\n              <WatchHistoryVideoList\r\n                videoHistory={videoHistory.data}\r\n                videos={videos.data}\r\n                setFavourite={setFavourite}\r\n                hideFavouriteButton={!hasPermissions(PermissionName.FavouriteVideos)}\r\n              />\r\n            </VideoActionsContext.Provider>\r\n          );\r\n        })()}\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n\r\n}","import React from 'react';\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\r\n\r\nimport styles from './partial-watch-history.scss';\r\n\r\nexport function PartialWatchHistory(): JSX.Element {\r\n  return (\r\n    <div className='px-3'>\r\n      <div className='mb-3'>\r\n        <div className={`${styles.partialDate} mb-2 partial-loading-background`} />\r\n        <PartialVideoList numVideos={2} />\r\n      </div>\r\n\r\n      <div className='mb-3'>\r\n        <div className={`${styles.partialDate} mb-2 partial-loading-background`} />\r\n        <PartialVideoList numVideos={3} />\r\n      </div>\r\n\r\n      <div className='mb-3'>\r\n        <div className={`${styles.partialDate} mb-2 partial-loading-background`} />\r\n        <PartialVideoList numVideos={2} />\r\n      </div>\r\n\r\n      <div className='mb-3'>\r\n        <div className={`${styles.partialDate} mb-2 partial-loading-background`} />\r\n        <PartialVideoList numVideos={5} />\r\n      </div>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"partialDate\":\"cv--partialDate--2wbjP\"};"],"sourceRoot":""}