@clickview/lite 0.0.25-rc.0 → 0.0.25

package/dist/scripts/34.chunk.js

@@ -0,0 +1,622 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[34],{
+
+/***/ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx":
+/*!****************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/partial-loading/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__);
+/* 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) {
+  var mediaQuery = Object(_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_3__["useGetMediaQueryString"])();
+  var isMobile = mediaQuery === _enums_MediaQueries__WEBPACK_IMPORTED_MODULE_2__["MediaQueryStrings"].XS;
+  var isIPad = 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__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(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], {
+      key: i,
+      className: 'py-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      xs: isMobile ? 12 : isIPad ? 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 : isIPad ? 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 Projects/@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 Projects/@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);
+    });
+    if (!params.length) return;
+    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/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 shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_9__ = __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_8__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_9__["Actions"].Default.PLAY_VIDEO,
+    args: [video.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_4__["TextHelper"].slugify(video.name)],
+    params: video.lastProgressPoint ? {
+      t: Math.floor(video.lastProgressPoint)
+    } : {}
+  };
+};
+
+var getSeriesAppLink = function getSeriesAppLink(series) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].DEFAULT,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_9__["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
+    }));
+  }), 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_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_17__ = __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_18__ = __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_19__ = __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_15__["AppChannels"].PLAYLISTS,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_16__["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_15__["AppChannels"].DEFAULT,
+          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_16__["Actions"].Default.SHARE,
+          args: [video.id],
+          params: {
+            entityType: 'video'
+          }
+        };
+    }
+  };
+}
+function WatchHistoryView(props) {
+  var _a, _b, _c;
+
+  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_14__["useAlerts"])();
+  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_17__["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_12__["VideoRequests"].hydratedVideos(videoIds));
+  /**
+   * We don't need to load in watch history as we started with the user's
+   * watch history to begin with
+   */
+
+  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_13__["useVideoMixin"])(videos.data, {
+    watchHistory: false
+  });
+
+  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_10__["AnalyticsHelper"].logUserAction({
+        id: video.id
+      }, {
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["EntityType"].Video,
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["UserAction"].Favourite,
+        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["ToggleDescriptor"].Off,
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["LocationContext"].VideoThumbnail,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_11__["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_19__["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_19__["PartialWatchHistory"], null);
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_5__["VideoActionsContext"].Provider, {
+      value: {
+        videoActions: [_libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_6__["VideoAction"].AddToPlaylist, _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_6__["VideoAction"].Share],
+        getActionAppLink: getVideoActionAppLink(),
+        hideLabel: true
+      }
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_watch_history_components_watch_history_video_list_WatchHistoryVideoList__WEBPACK_IMPORTED_MODULE_18__["WatchHistoryVideoList"], {
+      videoHistory: videoHistory.data,
+      videos: videos.data,
+      setFavourite: setFavourite
+    }));
+  }()));
+}
+
+/***/ }),
+
+/***/ "./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"};
+
+/***/ }),
+
+/***/ "./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");
+/* harmony import */ var apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! apps/watch-history/flight-requests/VideoHistoryRequests */ "./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+
+
+var defaults = {
+  ratings: true,
+  favourites: true,
+  watchHistory: true
+};
+
+function fetchAttribute(videosFetched, request) {
+  var _a;
+
+  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse((_a = request) === null || _a === void 0 ? void 0 : _a.key);
+  var fetch = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetFetch(request);
+  if (videosFetched && request && attribute.shouldFetch) fetch();
+}
+
+function useVideoMixin(videos) {
+  var options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+
+  var _a, _b, _c;
+
+  var _Object$assign = Object.assign(Object.assign({}, defaults), options),
+      ratings = _Object$assign.ratings,
+      favourites = _Object$assign.favourites,
+      watchHistory = _Object$assign.watchHistory;
+
+  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.filter(Boolean).map(function (v) {
+    return v.id;
+  }) : videos.data.filter(Boolean).map(function (v) {
+    return v.id;
+  }));
+  var user = currentUser.data;
+  var requests = [];
+  if (ratings) requests = [].concat(_toConsumableArray(requests), [!!((_a = videoIds) === null || _a === void 0 ? void 0 : _a.length) && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_3__["VideoRequests"].videoRatings(videoIds)]);
+  if (favourites) requests = [].concat(_toConsumableArray(requests), [!!((_b = videoIds) === null || _b === void 0 ? void 0 : _b.length) && user && _libs_shared_src_flight_requests_FavouriteVideoRequests__WEBPACK_IMPORTED_MODULE_2__["FavouriteVideoRequests"].isFavourited(user.id, videoIds)]);
+  if (watchHistory) requests = [].concat(_toConsumableArray(requests), [!!((_c = videoIds) === null || _c === void 0 ? void 0 : _c.length) && user && apps_watch_history_flight_requests_VideoHistoryRequests__WEBPACK_IMPORTED_MODULE_4__["VideoHistoryRequests"].videoHistory(user.customerId, user.id, videoIds)]);
+  requests.forEach(function (r) {
+    return fetchAttribute(!!videos, r);
+  });
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=34.chunk.js.map