@clickview/lite 0.0.24-rc.4 → 0.0.24

package/dist/scripts/15.chunk.js

@@ -1,5 +1,58 @@
 (window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[15],{
 
+/***/ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts":
+/*!*******************************************************************************************************************************!*\
+  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts ***!
+  \*******************************************************************************************************************************/
+/*! exports provided: ContentUpdateRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdateRequests", function() { return ContentUpdateRequests; });
+/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
+
+var ContentUpdateRequests = {
+  getContentUpdates: function getContentUpdates(from, to) {
+    return {
+      url: "/api/domain/v1/subjects/content-updates?from=".concat(from, "&to=").concat(to) + "&query=".concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION),
+      key: 'content:updates',
+      normalize: false
+    };
+  },
+  getClassifications: function getClassifications(ids) {
+    var url = '/api/domain/v1/subjects';
+    var params = [];
+    ids.forEach(function (id) {
+      return params.push("id=".concat(id));
+    });
+    return {
+      url: "".concat(url, "?").concat(params.join('&'), "&query=banner"),
+      key: "classifications:".concat(ids.join(','))
+    };
+  },
+  getClassification: function getClassification(id) {
+    return {
+      url: "/api/domain/v1/subjects/".concat(id, "?query=banner"),
+      key: "classification:".concat(id)
+    };
+  },
+
+  /**
+   * TODO: Delete thise and use the shared video requests
+   */
+  videos: function videos(ids, success) {
+    var url = "/api/domain/v1/videos?ids=".concat(ids.join(','), "&with=").concat(_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION);
+    return {
+      url: url,
+      key: "videos:by:id:".concat(ids.join(',')),
+      success: success
+    };
+  }
+};
+
+/***/ }),
+
 /***/ "../../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 ***!
@@ -76,279 +129,307 @@ module.exports = {"partialName":"cv--partialName--7KNC2","partialDescription":"c
 
 /***/ }),
 
-/***/ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts":
-/*!***********************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/flight-requests/FavouriteVideoRequests.ts ***!
-  \***********************************************************************************************************/
-/*! exports provided: FavouriteVideoRequests */
+/***/ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx":
+/*!********************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx ***!
+  \********************************************************************************************/
+/*! exports provided: ClassificationBanner */
 /***/ (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 = {};
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return ClassificationBanner; });
+/* 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 _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./classification-banner.scss */ "./src/apps/content-updates/components/classification-banner/classification-banner.scss");
+/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_6__);
 
-  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
-  };
+
+var namespace = 'contentUpdates.classificationBanner';
+function ClassificationBanner(props) {
+  var classification = props.classification,
+      backgroundUrl = props.backgroundUrl,
+      followed = props.followed,
+      follow = props.follow,
+      showFollowSpinner = props.showFollowSpinner;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "banner mb-2 d-flex justify-content-between ".concat(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_6___default.a.banner),
+    style: {
+      backgroundImage: "url('".concat(backgroundUrl, "')")
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    className: 'text-white text-shadow',
+    appLink: props.getClassificationAppLink(classification)
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
+    className: 'h3 mb-0'
+  }, classification.name)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_5__["IconButton"], {
+    className: "btn follow-btn ".concat(followed ? 'btn-dark' : 'btn-white'),
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].Bell,
+    onClick: function onClick() {
+      return follow(classification.id, !followed);
+    }
+  }, showFollowSpinner ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Spinner"], {
+    as: 'span',
+    animation: 'border',
+    role: 'status',
+    size: 'sm'
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: followed ? 'unfollow' : 'follow'
+  })));
 }
 
-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
-  };
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/classification-banner/classification-banner.scss":
+/*!**********************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-banner/classification-banner.scss ***!
+  \**********************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"banner":"cv--banner--1ZGpQ","followBtn":"cv--followBtn--1WQAD"};
+
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx":
+/*!*******************************************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx ***!
+  \*******************************************************************************************************************/
+/*! exports provided: ClassificationUpdateBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return ClassificationUpdateBreadcrumbs; });
+/* 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_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+
+var namespace = 'playlists.liteClassificationUpdateBreadcrumbs';
+function ClassificationUpdateBreadcrumbs(props) {
+  var classification = props.classification;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.dashboardAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'dashboard'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.contentUpdatesAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item active',
+    "aria-current": 'page'
+  }, classification.name))));
 }
 
-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;
+/***/ }),
+
+/***/ "./src/apps/content-updates/components/index.ts":
+/*!******************************************************!*\
+  !*** ./src/apps/content-updates/components/index.ts ***!
+  \******************************************************/
+/*! exports provided: WhatsNewBreadcrumbs, ClassificationBanner, ClassificationUpdateBreadcrumbs */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-        if (!((_a = videos) === null || _a === void 0 ? void 0 : _a.length)) return videos;
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony import */ var _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./whats-new-breadcrumbs/WhatsNewBreadcrumbs */ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__["WhatsNewBreadcrumbs"]; });
 
-        var setIsFavourited = function setIsFavourited(video) {
-          var _a, _b;
+/* harmony import */ var _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./classification-banner/ClassificationBanner */ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__["ClassificationBanner"]; });
 
-          var favouritedBy = video.favouritedBy,
-              v = __rest(video, ["favouritedBy"]); // As we filtered by userId, if there are any users, set isFavourited to true.
+/* harmony import */ var _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs */ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx");
+/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__["ClassificationUpdateBreadcrumbs"]; });
 
 
-          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/flight-requests/VideoHistoryRequests.ts":
-/*!************************************************************************!*\
-  !*** ./src/apps/watch-history/flight-requests/VideoHistoryRequests.ts ***!
-  \************************************************************************/
-/*! exports provided: VideoHistoryRequests */
+/***/ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx":
+/*!*******************************************************************************************!*\
+  !*** ./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx ***!
+  \*******************************************************************************************/
+/*! exports provided: WhatsNewBreadcrumbs */
 /***/ (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
-    };
-  }
-};
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return WhatsNewBreadcrumbs; });
+/* 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_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+
+
+
+var namespace = 'playlists.liteWhatsNewBreadcrumbs';
+function WhatsNewBreadcrumbs(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
+    "aria-label": 'breadcrumb'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
+    className: 'breadcrumb p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
+    appLink: props.dashboardAppLink
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'dashboard'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
+    className: 'breadcrumb-item active',
+    "aria-current": 'page'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'whatsNew'
+  })))));
+}
 
 /***/ }),
 
-/***/ "./src/shared/hooks/useVideoMixin.ts":
-/*!*******************************************!*\
-  !*** ./src/shared/hooks/useVideoMixin.ts ***!
-  \*******************************************/
-/*! exports provided: useVideoMixin */
+/***/ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx":
+/*!*********************************************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx ***!
+  \*********************************************************************************/
+/*! exports provided: SortableVideoListContainer */
 /***/ (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(); }
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return SortableVideoListContainer; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/errors/DevError */ "../../libs/common/src/backbone/errors/DevError.ts");
+/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
+/* harmony import */ var _libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/partial-loading/PartialVideoList */ "../../libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx");
+/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable-video-list-container.scss */ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss");
+/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
 
-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 _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
 
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
 
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
+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;
+};
 
 
 
 
 
-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] : {};
+function SortableVideoListContainer(props) {
+  var onSortComplete = props.onSortComplete,
+      onSortStart = props.onSortStart,
+      showPartialLoading = props.showPartialLoading,
+      videoListProps = __rest(props, ["onSortComplete", "onSortStart", "showPartialLoading"]);
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentSortingIndex = _React$useState2[0],
+      setCurrentSortingIndex = _React$useState2[1];
 
-  var _a, _b, _c;
+  var onSortStartHandler = function onSortStartHandler(index) {
+    if (_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortStart)) onSortStart(index);
+  };
 
-  var _Object$assign = Object.assign(Object.assign({}, defaults), options),
-      ratings = _Object$assign.ratings,
-      favourites = _Object$assign.favourites,
-      watchHistory = _Object$assign.watchHistory;
+  var onSortEnd = function onSortEnd(sort) {
+    setCurrentSortingIndex(null);
 
-  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);
+    if (!_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortComplete)) {
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ErrorHelper["throw"](new _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__["DevError"]('An onSortComplete callback function must be passed to SortableVideoListComponent'));
+      return;
+    }
+
+    onSortComplete(sort.oldIndex, sort.newIndex);
+  };
+
+  if (showPartialLoading) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_partial_loading_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__["PartialVideoList"], {
+    withReordering: true
   });
+  if (!props.canEdit) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["VideoList"], Object.assign({}, videoListProps));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["SortableVideoList"], Object.assign({}, videoListProps, {
+    currentSortingIndex: currentSortingIndex,
+    updateBeforeSortStart: function updateBeforeSortStart(_ref) {
+      var index = _ref.index;
+      return setCurrentSortingIndex(index);
+    },
+    onSortStart: function onSortStart(_ref2) {
+      var index = _ref2.index;
+      return onSortStartHandler(index);
+    },
+    onSortEnd: onSortEnd,
+    lockAxis: 'y',
+    lockToContainerEdges: true,
+    lockOffset: ['0%', '100%'],
+    helperClass: "bg-white ".concat(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default.a.sortableItem),
+    distance: 1,
+    useDragHandle: true
+  }));
 }
 
 /***/ }),
 
-/***/ "./src/shared/utils/LiteAppLinkUtils.ts":
-/*!**********************************************!*\
-  !*** ./src/shared/utils/LiteAppLinkUtils.ts ***!
-  \**********************************************/
-/*! exports provided: getVideoActionAppLink */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
+/***/ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss":
+/*!*************************************************************************************!*\
+  !*** ./src/apps/playlists/components/video-list/sortable-video-list-container.scss ***!
+  \*************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
 
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVideoActionAppLink", function() { return getVideoActionAppLink; });
-/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-
-
-
-function getVideoActionAppLink(video, action) {
-  switch (action) {
-    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].AddToPlaylist:
-      return {
-        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].PLAYLISTS,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Playlists.ADD_TO_PLAYLIST,
-        args: [video.id]
-      };
-
-    case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].Share:
-      return {
-        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].DEFAULT,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Default.SHARE,
-        args: [video.id],
-        params: {
-          entityType: 'video'
-        }
-      };
-  }
-}
+// extracted by mini-css-extract-plugin
+module.exports = {"sortableItem":"cv--sortableItem--2eiPB"};
 
 /***/ })