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

package/dist/scripts/26.chunk.js

@@ -1,1603 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[26],{
-
-/***/ "../../libs/shared/src/apps/playlists/components/empty-state/EmptyVideoList.tsx":
-/*!**************************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/empty-state/EmptyVideoList.tsx ***!
-  \**************************************************************************************************************************/
-/*! exports provided: EmptyVideoListComponent */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmptyVideoListComponent", function() { return EmptyVideoListComponent; });
-/* 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 _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../common/src/backbone/utils/UrlHelper */ "../../libs/common/src/backbone/utils/UrlHelper.ts");
-/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../constants/SharedServices */ "../../libs/shared/src/constants/SharedServices.ts");
-/* harmony import */ var _constants_SupportArticles__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../constants/SupportArticles */ "../../libs/shared/src/constants/SupportArticles.ts");
-/* harmony import */ var _components_empty_state_EmptyState__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../components/empty-state/EmptyState */ "../../libs/shared/src/components/empty-state/EmptyState.tsx");
-
-
-
-
-
-
-
-var getPhrase = _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace('playlists.emptyState');
-function EmptyVideoListComponent(props) {
-  var _a;
-
-  var imageUrlService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_3__["useService"])(_constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__["SharedServices"].ImageUrl);
-  var imageUrls = imageUrlService.getImageUrls();
-  var supportArticleUrl = _common_src_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_1__["UrlHelper"].safeUrlConcat(props.supportSiteUrl, _constants_SupportArticles__WEBPACK_IMPORTED_MODULE_5__["SupportArticles"].ADD_TO_PLAYLIST);
-  var currentUserIsPlaylistOwner = ((_a = props.playlist.owner) === null || _a === void 0 ? void 0 : _a.id) === props.currentUser.id;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_empty_state_EmptyState__WEBPACK_IMPORTED_MODULE_6__["EmptyState"], {
-    imageUrl: imageUrls.EmptyStates.VIDEOS,
-    heading: getPhrase('noVideosHeading'),
-    description: currentUserIsPlaylistOwner && "<a href=\"".concat(supportArticleUrl, "\" target=\"_blank\">").concat(getPhrase('noVideosInfo'), "</a>")
-  });
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/apps/playlists/utils/getBackgroundColourClass.ts":
-/*!******************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/utils/getBackgroundColourClass.ts ***!
-  \******************************************************************************************************************/
-/*! exports provided: getPlaylistBgColourClass */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getPlaylistBgColourClass", function() { return getPlaylistBgColourClass; });
-function getPlaylistBgColourClass(playlist, classNames) {
-  return classNames[playlist.name.charCodeAt(0) % classNames.length];
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/back-button/BackButton.tsx":
-/*!*******************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/back-button/BackButton.tsx ***!
-  \*******************************************************************************************************/
-/*! exports provided: BackButton */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BackButton", function() { return BackButton; });
-/* 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 _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-
-
-
-
-
-var namespace = 'shared.backButton';
-BackButton.defaultProps = {
-  color: 'black',
-  extraClasses: ''
-};
-function BackButton(_ref) {
-  var backToName = _ref.backToName,
-      appLink = _ref.appLink,
-      color = _ref.color,
-      extraClasses = _ref.extraClasses;
-  var backPhrase = backToName ? _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'backTo', {
-    backToName: backToName
-  }) : _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'back');
-  var colorClass = color === 'black' ? '' : 'text-light';
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_3__["AppLink"], {
-    appLink: appLink,
-    className: "d-inline-flex align-items-center h5 mb-0 ".concat(extraClasses, " ").concat(colorClass)
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
-    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_4__["cvSvgLibrary"].ChevronLeft,
-    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Medium
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
-    className: 'ml-1'
-  }, backPhrase));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/banner-header/BannerHeader.tsx":
-/*!***********************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/banner-header/BannerHeader.tsx ***!
-  \***********************************************************************************************************/
-/*! exports provided: BannerHeader, PartialBannerHeader */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "BannerHeader", function() { return BannerHeader; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialBannerHeader", function() { return PartialBannerHeader; });
-/* 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 _back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../back-button/BackButton */ "../../libs/shared/src/components/back-button/BackButton.tsx");
-/* harmony import */ var _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../utils/ImageHelper */ "../../libs/shared/src/utils/ImageHelper.ts");
-/* harmony import */ var _enums_Images__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../enums/Images */ "../../libs/shared/src/enums/Images.ts");
-/* harmony import */ var _actions_Actions__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
-/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./banner-header.scss */ "../../libs/shared/src/components/banner-header/banner-header.scss");
-/* harmony import */ var _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_banner_header_scss__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-var BannerHeader = react__WEBPACK_IMPORTED_MODULE_0__["memo"](function (props) {
-  var heading = props.heading,
-      banner = props.banner,
-      imageCdnUrl = props.imageCdnUrl,
-      actions = props.actions,
-      sortComponent = props.sortComponent,
-      blockColourClass = props.blockColourClass;
-  var url = _utils_ImageHelper__WEBPACK_IMPORTED_MODULE_2__["ImageHelper"].createBannerUrl(banner, {
-    fallbackBaseUrl: imageCdnUrl,
-    fallbackCategoryName: heading,
-    type: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageType"].Banners
-  }, {
-    size: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ImageSize"].Large,
-    resizeType: _enums_Images__WEBPACK_IMPORTED_MODULE_3__["ResizeType"].Cover
-  });
-  var containerProps = {
-    className: 'banner banner-header',
-    style: {
-      backgroundImage: "url('".concat(url, "')")
-    }
-  };
-
-  if (!banner && blockColourClass) {
-    delete containerProps.style;
-    containerProps.className += " ".concat(blockColourClass);
-  }
-
-  return (// "banner" is used in playlists in Online. banner-header is used by all other projects
-    react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", Object.assign({}, containerProps), props.backButtonAppLink && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-      className: 'pt-3'
-    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_back_button_BackButton__WEBPACK_IMPORTED_MODULE_1__["BackButton"], {
-      appLink: props.backButtonAppLink,
-      backToName: props.backButtonText,
-      extraClasses: props.backButtonClasses,
-      color: 'white'
-    })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
-      className: "".concat(_banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default.a.text, " text-white text-shadow position-absolute mb-3 clamp-2")
-    }, heading), !!actions && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-      className: _banner_header_scss__WEBPACK_IMPORTED_MODULE_5___default.a.actionsContainer
-    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_actions_Actions__WEBPACK_IMPORTED_MODULE_4__["Actions"], {
-      actions: actions,
-      sortComponent: sortComponent,
-      actionsDropdownClassName: props.actionsDropdownClassName
-    })))
-  );
-}, function (prevProps, nextProps) {
-  return prevProps.actions === nextProps.actions;
-});
-var PartialBannerHeader = function PartialBannerHeader() {
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "partial-banner partial-loading-background"
-  });
-};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/banner-header/banner-header.scss":
-/*!*************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/banner-header/banner-header.scss ***!
-  \*************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"actionsContainer":"cv--actionsContainer--286KF","text":"cv--text--3TSgh"};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/empty-state/EmptyState.tsx":
-/*!*******************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/empty-state/EmptyState.tsx ***!
-  \*******************************************************************************************************/
-/*! exports provided: EmptyState */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmptyState", function() { return EmptyState; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-
-function EmptyState(props) {
-  var imageUrl = props.imageUrl,
-      heading = props.heading,
-      description = props.description;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'empty-state-container'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'content-container'
-  }, imageUrl && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", {
-    src: imageUrl
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, heading), description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
-    dangerouslySetInnerHTML: {
-      __html: description
-    }
-  })));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx":
-/*!****************************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx ***!
-  \****************************************************************************************************************************/
-/*! exports provided: InfiniteScrollFooter */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "InfiniteScrollFooter", function() { return InfiniteScrollFooter; });
-/* 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 _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
-/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./infinite-scroll-footer.scss */ "../../libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss");
-/* harmony import */ var _infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4__);
-
-
-
-
-
-function InfiniteScrollFooter(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "p-3 text-center ".concat(_infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4___default.a.container)
-  }, props.isFetching ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Spinner"], {
-    as: 'span',
-    animation: 'border',
-    role: 'status',
-    className: _infinite_scroll_footer_scss__WEBPACK_IMPORTED_MODULE_4___default.a.spinner
-  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
-    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_3__["cvSvgLibrary"].ChevronDown,
-    className: 'svg-container cursor-pointer',
-    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainerSize"].Large,
-    onClick: props.onClick
-  }));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss":
-/*!*******************************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss ***!
-  \*******************************************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"container":"cv--container--1_KC6","spinner":"cv--spinner--VXlcl"};
-
-/***/ }),
-
-/***/ "../../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/constants/SupportArticles.ts":
-/*!**********************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/constants/SupportArticles.ts ***!
-  \**********************************************************************************************/
-/*! exports provided: SupportArticles */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SupportArticles", function() { return SupportArticles; });
-var SupportArticles = {
-  ADD_TO_PLAYLIST: 'hc/articles/115005679748'
-};
-
-/***/ }),
-
-/***/ "../../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) : '';
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseInfiniteList.ts":
-/*!******************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseInfiniteList.ts ***!
-  \******************************************************************************************/
-/*! exports provided: useInfiniteList */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useInfiniteList", function() { return useInfiniteList; });
-/* 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 _UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./UseSelectAllPages */ "../../libs/shared/src/hooks/UseSelectAllPages.ts");
-/* harmony import */ var _UseInfiniteScroll__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./UseInfiniteScroll */ "../../libs/shared/src/hooks/UseInfiniteScroll.ts");
-
-
-
-/**
- * Hook to extract an infinite list from the application state,
- * save it locally in state and only update when new data
- * is fetched.
- *
- * @param getRequest - callback function to get the request for each page.
- * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.
- *
- * @param fetchNext - callback function to fetch a page.
- * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.
- */
-
-function useInfiniteList(getRequest, fetchNext) {
-  var fetchNextFn = fetchNext;
-  var response = Object(_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__["useSelectAllPages"])(getRequest && function (cursor) {
-    return getRequest(cursor).key;
-  });
-  Object(_UseInfiniteScroll__WEBPACK_IMPORTED_MODULE_2__["useInfiniteScroll"])(function () {
-    return fetchNext && fetchNextFn(response.nextCursor);
-  }, !!response.nextCursor, response.isFetching);
-  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () {
-    if (response.shouldInitialFetch && fetchNext) fetchNextFn();
-  }, [response.shouldInitialFetch, fetchNext]);
-  return {
-    items: response.items,
-    hasMore: !!response.nextCursor,
-    isFetching: response.isFetching
-  };
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseInfiniteScroll.ts":
-/*!********************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseInfiniteScroll.ts ***!
-  \********************************************************************************************/
-/*! exports provided: useInfiniteScroll */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useInfiniteScroll", function() { return useInfiniteScroll; });
-/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-
-
-var SCROLL_TOLERANCE = 400; // value in px
-
-function useInfiniteScroll(fetchNextPage, hasMore, isFetching) {
-  var handleScroll = function handleScroll() {
-    if (isFetching) return;
-    var currentScrollHeight = window.innerHeight + document.documentElement.scrollTop;
-    var totalHeight = document.documentElement.scrollHeight - SCROLL_TOLERANCE;
-    if (currentScrollHeight < totalHeight) return;
-    fetchNextPage();
-  };
-
-  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () {
-    var onScroll = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].throttle(handleScroll, 200);
-    if (hasMore) window.addEventListener('scroll', onScroll);
-    return function () {
-      return window.removeEventListener('scroll', onScroll);
-    };
-  }, [hasMore, fetchNextPage]);
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseReorderedItems.ts":
-/*!********************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseReorderedItems.ts ***!
-  \********************************************************************************************/
-/*! exports provided: useReorderedItems */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useReorderedItems", function() { return useReorderedItems; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-function isOrderEqual(arr1, arr2) {
-  var isEqual = true;
-  if (arr1.length !== arr2.length) return false;
-
-  for (var i = 0; i < arr1.length; i++) {
-    if (arr1[i].id !== arr2[i].id) {
-      isEqual = false;
-      break;
-    }
-  }
-
-  return isEqual;
-}
-/**
- * This function can be used to temporarily store an array of reordered objects
- * until the array obtained from the application store updates to the new order.
- *
- * @param items array of objects from application store.
- */
-
-
-function useReorderedItems(items) {
-  var _useState = Object(react__WEBPACK_IMPORTED_MODULE_0__["useState"])(),
-      _useState2 = _slicedToArray(_useState, 2),
-      reorderedItems = _useState2[0],
-      setReorderedItems = _useState2[1];
-
-  Object(react__WEBPACK_IMPORTED_MODULE_0__["useEffect"])(function () {
-    if (!reorderedItems) return;
-    if (items.length !== reorderedItems.length || isOrderEqual(items, reorderedItems)) setReorderedItems(null);
-  }, [items]);
-  return [reorderedItems, setReorderedItems];
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseSelectAllPages.ts":
-/*!********************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseSelectAllPages.ts ***!
-  \********************************************************************************************/
-/*! exports provided: useSelectAllPages */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useSelectAllPages", function() { return useSelectAllPages; });
-/* 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 _common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.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 safeGetCursor = function safeGetCursor(request) {
-  return request && request.data && request.data.pagination && request.data.pagination.cursors && request.data.pagination.cursors.next;
-};
-/**
- * Hook to select all pages of a collection from the store and flatten them.
- * It will not trigger any fetches.
- *
- * @param getKey - callback function to get the key for each page.
- * Can be false if the key requires data that hasn't yet been fetched - e.g. user id.
- */
-
-
-function useSelectAllPages(getKey) {
-  return Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useSelector"])(Object(react__WEBPACK_IMPORTED_MODULE_0__["useMemo"])(function () {
-    return function (state) {
-      var getKeyFn = getKey;
-      var request = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(getKey) && _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getResponse(state, getKeyFn());
-      var isFetching = request && request.isFetching;
-      var shouldInitialFetch = request && request.shouldFetch;
-      var items = request && request.data && request.data.data;
-      var nextCursor = safeGetCursor(request); // Retrieve all pages that are currently in the store.
-
-      while (nextCursor) {
-        request = _common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getResponse(state, getKeyFn(nextCursor));
-        isFetching = request.isFetching; // If next page hasn't been fetched, break.
-
-        if (request.shouldFetch) break;
-        var newItems = request.data && request.data.data;
-        newItems && items.push.apply(items, _toConsumableArray(newItems));
-        var nextNextCursor = safeGetCursor(request);
-        /**
-         * This is a check to basically see if the backend has messed up the cursors it's sent back.
-         * For some things (e.g. user manager in Lite), the cursors are generated for a paginated collection,
-         * but the collection is then filtered afterwards (making the cursors not entirely accurate).
-         * This can lead to problems where a request with a cursor might return that same cursor as the `next`
-         * cursor. Confusing, but basically when that happens we want this while loop to end, otherwise it'll
-         * run infinitely - Josh
-         */
-
-        if (nextNextCursor === nextCursor) {
-          nextCursor = null;
-        } else {
-          nextCursor = nextNextCursor;
-        }
-      }
-
-      return {
-        shouldInitialFetch: shouldInitialFetch,
-        items: items,
-        nextCursor: nextCursor,
-        isFetching: isFetching
-      };
-    };
-  }, [getKey]));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/utils/RatingHelper.ts":
-/*!***************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/utils/RatingHelper.ts ***!
-  \***************************************************************************************/
-/*! exports provided: RatingHelper */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RatingHelper", function() { return RatingHelper; });
-/* harmony import */ var _enums_UserRole__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../enums/UserRole */ "../../libs/shared/src/enums/UserRole.ts");
-
-var RatingHelper = {
-  getMaxAllowedRatingForUser: function getMaxAllowedRatingForUser(user) {
-    var _a, _b;
-
-    if (((_a = user) === null || _a === void 0 ? void 0 : _a.onlineRole) === _enums_UserRole__WEBPACK_IMPORTED_MODULE_0__["OnlineUserRole"].Staff) return;
-    return (_b = user) === null || _b === void 0 ? void 0 : _b.maxAllowedRating;
-  }
-};
-
-/***/ }),
-
-/***/ "./src/apps/playlists/components/playlist-header/PlaylistHeader.tsx":
-/*!**************************************************************************!*\
-  !*** ./src/apps/playlists/components/playlist-header/PlaylistHeader.tsx ***!
-  \**************************************************************************/
-/*! exports provided: PlaylistHeader */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistHeader", function() { return PlaylistHeader; });
-/* 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_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseMediaQuery */ "../../libs/shared/src/hooks/UseMediaQuery.tsx");
-/* harmony import */ var _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
-/* harmony import */ var _libs_shared_src_apps_playlists_utils_getBackgroundColourClass__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/utils/getBackgroundColourClass */ "../../libs/shared/src/apps/playlists/utils/getBackgroundColourClass.ts");
-/* harmony import */ var apps_playlists_constants_PlaylistBgColourClassNames__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/playlists/constants/PlaylistBgColourClassNames */ "./src/apps/playlists/constants/PlaylistBgColourClassNames.ts");
-/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-/* harmony import */ var _partial_loading_PartialPlaylistHeader__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ./partial-loading/PartialPlaylistHeader */ "./src/apps/playlists/components/playlist-header/partial-loading/PartialPlaylistHeader.tsx");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var namespace = 'playlists.playlistHeader';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace(namespace);
-function PlaylistHeader(props) {
-  // Store isFollowing in local state so that it updates immediately.
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](props.isFollowing),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      isFollowing = _React$useState2[0],
-      setIsFollowing = _React$useState2[1];
-
-  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      showFollowSpinner = _React$useState4[0],
-      setShowFollowSpinner = _React$useState4[1];
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
-    return setIsFollowing(props.isFollowing);
-  }, [props.isFollowing]);
-  var isMobile = Object(_libs_shared_src_hooks_UseMediaQuery__WEBPACK_IMPORTED_MODULE_4__["useMediaQuery"])(_libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_5__["MediaQueryStrings"].XS);
-  if (props.showPartialLoading) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_partial_loading_PartialPlaylistHeader__WEBPACK_IMPORTED_MODULE_12__["PartialPlaylistHeader"], null);
-  var description = props.playlist.description;
-  var application = props.application;
-  var args = [props.playlist.id];
-  var actions = [];
-
-  if (props.canSharePlaylists) {
-    actions.push({
-      label: getPhrase('share'),
-      appLink: {
-        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__["AppChannels"].SHARE,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Share.SHARE,
-        args: [props.playlist.id],
-        params: {
-          entityType: 'playlist'
-        }
-      },
-      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Share,
-      className: 'btn btn-secondary',
-      button: !isMobile
-    });
-  }
-
-  if (props.canEdit) {
-    actions.push( // TODO: Add collaborate
-    {
-      label: getPhrase('edit'),
-      appLink: {
-        application: application,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Playlists.EDIT_PLAYLIST,
-        args: args
-      },
-      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Edit,
-      className: 'btn btn-secondary',
-      button: false
-    }, {
-      label: getPhrase('delete'),
-      appLink: {
-        application: application,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Playlists.DELETE_PLAYLIST,
-        args: args
-      },
-      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Delete,
-      className: 'text-danger',
-      button: false
-    });
-  }
-
-  if (!props.canEdit) {
-    actions.push({
-      label: getPhrase(isFollowing ? 'following' : 'follow'),
-      onClick: function onClick() {
-        setIsFollowing(!isFollowing);
-        setShowFollowSpinner(true);
-        props.follow(!isFollowing, function () {
-          setShowFollowSpinner(false);
-          _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_2__["AnalyticsHelper"].logUserAction({
-            id: props.playlistId
-          }, {
-            location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].Banner,
-            actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Follow,
-            descriptor: isFollowing ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["ToggleDescriptor"].Off : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["ToggleDescriptor"].On,
-            entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Playlist,
-            workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["WorkflowPhase"].Complete
-          });
-        }, function () {
-          setShowFollowSpinner(false);
-          setIsFollowing(isFollowing);
-        });
-      },
-      svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].Bell,
-      className: "btn follow-btn btn-".concat(isFollowing ? 'dark' : 'light'),
-      button: !isMobile,
-      showSpinner: showFollowSpinner
-    }, {
-      label: getPhrase('copy'),
-      appLink: {
-        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_11__["AppChannels"].PLAYLISTS,
-        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_10__["Actions"].Playlists.COPY_PLAYLIST,
-        args: args
-      },
-      button: false
-    });
-  }
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_7__["BannerHeader"], {
-    heading: props.playlist.name,
-    banner: props.playlist.banner,
-    imageCdnUrl: props.imageCdnUrl,
-    actions: actions.length && actions,
-    actionsDropdownClassName: 'btn btn-secondary',
-    blockColourClass: Object(_libs_shared_src_apps_playlists_utils_getBackgroundColourClass__WEBPACK_IMPORTED_MODULE_8__["getPlaylistBgColourClass"])(props.playlist, apps_playlists_constants_PlaylistBgColourClassNames__WEBPACK_IMPORTED_MODULE_9__["PLAYLIST_BG_COLOUR_CLASS_NAMES"])
-  }), !!description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
-    className: 'py-2 border-bottom'
-  }, description));
-}
-
-/***/ }),
-
-/***/ "./src/apps/playlists/components/playlist-header/partial-loading/PartialPlaylistHeader.tsx":
-/*!*************************************************************************************************!*\
-  !*** ./src/apps/playlists/components/playlist-header/partial-loading/PartialPlaylistHeader.tsx ***!
-  \*************************************************************************************************/
-/*! exports provided: PartialPlaylistHeader */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialPlaylistHeader", function() { return PartialPlaylistHeader; });
-/* 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_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/banner-header/BannerHeader */ "../../libs/shared/src/components/banner-header/BannerHeader.tsx");
-/* harmony import */ var _partial_playlist_header_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./partial-playlist-header.scss */ "./src/apps/playlists/components/playlist-header/partial-loading/partial-playlist-header.scss");
-/* harmony import */ var _partial_playlist_header_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_partial_playlist_header_scss__WEBPACK_IMPORTED_MODULE_2__);
-
-
-
-function PartialPlaylistHeader() {
-  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_banner_header_BannerHeader__WEBPACK_IMPORTED_MODULE_1__["PartialBannerHeader"], null), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: 'mb-2'
-  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
-    className: "partial-loading-background my-2 border-bottom ".concat(_partial_playlist_header_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialDescription)
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/playlists/components/playlist-header/partial-loading/partial-playlist-header.scss":
-/*!****************************************************************************************************!*\
-  !*** ./src/apps/playlists/components/playlist-header/partial-loading/partial-playlist-header.scss ***!
-  \****************************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"partialDescription":"cv--partialDescription--3cyjk"};
-
-/***/ }),
-
-/***/ "./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__, "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 _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __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 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 onSortStartHandler = function onSortStartHandler(index) {
-    if (_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortStart)) onSortStart(index);
-  };
-
-  var onSortEnd = function onSortEnd(sort) {
-    setCurrentSortingIndex(null);
-
-    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/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__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"sortableItem":"cv--sortableItem--2eiPB"};
-
-/***/ }),
-
-/***/ "./src/apps/playlists/constants/PlaylistBgColourClassNames.ts":
-/*!********************************************************************!*\
-  !*** ./src/apps/playlists/constants/PlaylistBgColourClassNames.ts ***!
-  \********************************************************************/
-/*! exports provided: PLAYLIST_BG_COLOUR_CLASS_NAMES */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PLAYLIST_BG_COLOUR_CLASS_NAMES", function() { return PLAYLIST_BG_COLOUR_CLASS_NAMES; });
-var PLAYLIST_BG_COLOUR_CLASS_NAMES = ['bg-froly', 'bg-pizazz', 'bg-emerald', 'bg-puerto-rico', 'bg-pelorous', 'bg-picton-blue', 'bg-portage', 'bg-east-side'];
-
-/***/ }),
-
-/***/ "./src/apps/playlists/utils/PlaylistVideoActionAppLinkHelper.ts":
-/*!**********************************************************************!*\
-  !*** ./src/apps/playlists/utils/PlaylistVideoActionAppLinkHelper.ts ***!
-  \**********************************************************************/
-/*! exports provided: getVideoActionAppLink */
-/***/ (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 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_LiteActions__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
-/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
-
-
-
-function getVideoActionAppLink(application, playlistId) {
-  return function (video, action) {
-    switch (action) {
-      case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].RemoveFromPlaylist:
-        return {
-          application: application,
-          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_1__["Actions"].Playlists.REMOVE_VIDEO_FROM_PLAYLIST,
-          args: [video.id, playlistId]
-        };
-
-      case _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_0__["VideoAction"].AddToPlaylist:
-        return {
-          application: application,
-          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_1__["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_2__["AppChannels"].SHARE,
-          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_1__["Actions"].Share.SHARE,
-          args: [video.id],
-          params: {
-            entityType: 'video'
-          }
-        };
-    }
-  };
-}
-
-/***/ }),
-
-/***/ "./src/apps/playlists/views/playlist/PlaylistView.tsx":
-/*!************************************************************!*\
-  !*** ./src/apps/playlists/views/playlist/PlaylistView.tsx ***!
-  \************************************************************/
-/*! exports provided: PlaylistView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistView", function() { return PlaylistView; });
-/* 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_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_shared_src_apps_playlists_components_empty_state_EmptyVideoList__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/components/empty-state/EmptyVideoList */ "../../libs/shared/src/apps/playlists/components/empty-state/EmptyVideoList.tsx");
-/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/ConfigRequests */ "../../libs/shared/src/flight-requests/ConfigRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__ = __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_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/FavouriteVideoRequests */ "../../libs/shared/src/flight-requests/FavouriteVideoRequests.ts");
-/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
-/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseInfiniteList__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseInfiniteList */ "../../libs/shared/src/hooks/UseInfiniteList.ts");
-/* harmony import */ var _libs_shared_src_components_infinite_scroll_footer_InfiniteScrollFooter__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter */ "../../libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx");
-/* harmony import */ var _libs_shared_src_utils_ReorderHelper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/ReorderHelper */ "../../libs/shared/src/utils/ReorderHelper.ts");
-/* harmony import */ var _libs_shared_src_utils_RatingHelper__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/RatingHelper */ "../../libs/shared/src/utils/RatingHelper.ts");
-/* harmony import */ var _libs_shared_src_hooks_UseReorderedItems__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseReorderedItems */ "../../libs/shared/src/hooks/UseReorderedItems.ts");
-/* harmony import */ var _libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/context/VideoActionsContext */ "../../libs/shared/src/context/VideoActionsContext.tsx");
-/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! shared/hooks/useVideoMixin */ "./src/shared/hooks/useVideoMixin.ts");
-/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
-/* harmony import */ var shared_hooks_useHandleObjectError__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! shared/hooks/useHandleObjectError */ "./src/shared/hooks/useHandleObjectError.ts");
-/* harmony import */ var apps_playlists_components_playlist_header_PlaylistHeader__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! apps/playlists/components/playlist-header/PlaylistHeader */ "./src/apps/playlists/components/playlist-header/PlaylistHeader.tsx");
-/* harmony import */ var apps_playlists_components_video_list_SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! apps/playlists/components/video-list/SortableVideoListContainer */ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx");
-/* harmony import */ var apps_playlists_utils_PlaylistVideoActionAppLinkHelper__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! apps/playlists/utils/PlaylistVideoActionAppLinkHelper */ "./src/apps/playlists/utils/PlaylistVideoActionAppLinkHelper.ts");
-/* harmony import */ var _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! ./PlaylistViewUtils */ "./src/apps/playlists/views/playlist/PlaylistViewUtils.ts");
-/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_27__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
-/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_28__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var namespace = 'playlists.playlist';
-function PlaylistView(props) {
-  var _a;
-
-  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_19__["useAlerts"])();
-
-  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_28__["usePermissions"])(),
-      hasPermissions = _usePermissions.hasPermissions;
-
-  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_8__["ConfigRequests"].config());
-  var user = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__["UserRequests"].currentUser());
-  var isUserSignedIn = !_libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isEmpty(user.data);
-  var maxAllowedRating = props.filterByRating ? isUserSignedIn && _libs_shared_src_utils_RatingHelper__WEBPACK_IMPORTED_MODULE_16__["RatingHelper"].getMaxAllowedRatingForUser(user.data) : null;
-  var playlistRequest = props.isShared ? !!user.data && _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].getSharedPlaylist(props.playlistId, maxAllowedRating) : _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].getPlaylist(props.playlistId);
-  var playlist = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(playlistRequest);
-  Object(shared_hooks_useHandleObjectError__WEBPACK_IMPORTED_MODULE_22__["useHandleObjectError"])(playlist, _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_26__["playlistErrors"]);
-
-  var getVideosRequest = !!user.data && function (cursor) {
-    var request = props.isShared ? _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].getSharedPlaylistVideos : _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].getPlaylistVideos;
-    return request(props.playlistId, maxAllowedRating, cursor);
-  };
-
-  var following = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(!!user.data && _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].getIsFollowingPlaylist(props.playlistId, user.data.id));
-
-  var fetchNext = function fetchNext(cursor) {
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].getFetch(dispatch, getVideosRequest(cursor))();
-  };
-
-  var _useInfiniteList = Object(_libs_shared_src_hooks_UseInfiniteList__WEBPACK_IMPORTED_MODULE_13__["useInfiniteList"])(getVideosRequest, fetchNext),
-      videos = _useInfiniteList.items,
-      hasMore = _useInfiniteList.hasMore,
-      isFetching = _useInfiniteList.isFetching;
-
-  Object(shared_hooks_useVideoMixin__WEBPACK_IMPORTED_MODULE_20__["useVideoMixin"])(videos); // Locally stored array of videos used to immediately reflect changes in order.
-
-  var _useReorderedItems = Object(_libs_shared_src_hooks_UseReorderedItems__WEBPACK_IMPORTED_MODULE_17__["useReorderedItems"])(videos),
-      _useReorderedItems2 = _slicedToArray(_useReorderedItems, 2),
-      reorderedVideos = _useReorderedItems2[0],
-      setReorderedVideos = _useReorderedItems2[1];
-
-  var restrictionsRequest = isUserSignedIn && !!videos && !!videos.length && shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_21__["VideoRequests"].getRestrictions(videos.map(function (v) {
-    return v.id;
-  }));
-  var restrictions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetResponse(restrictionsRequest && restrictionsRequest.key);
-  var fetchRestrictions = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useGetFetch(restrictionsRequest);
-
-  if (restrictionsRequest && restrictions.shouldFetch) {
-    fetchRestrictions();
-  }
-
-  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_12__["useSetPageTitle"])(!!playlist.data && playlist.data.name, [playlist.data]);
-
-  var onSortStart = function onSortStart(index) {
-    var video = videos[index];
-    if (video) _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_26__["logSortAction"](props.playlistId, video.id, _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Start);
-  };
-
-  var onSortComplete = function onSortComplete(oldIdx, newIdx) {
-    if (oldIdx === newIdx) return;
-    var video = videos[oldIdx];
-    if (!video) return;
-
-    var _ReorderHelper$reorde = _libs_shared_src_utils_ReorderHelper__WEBPACK_IMPORTED_MODULE_15__["ReorderHelper"].reorder(videos, oldIdx, newIdx),
-        reorderedItems = _ReorderHelper$reorde.reorderedItems,
-        reorderRequest = _ReorderHelper$reorde.reorderRequest;
-
-    setReorderedVideos(reorderedItems);
-    _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_26__["logSortAction"](props.playlistId, video.id, _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Complete);
-
-    var onError = function onError() {
-      setReorderedVideos(null);
-    };
-
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].reorderVideos(props.playlistId, reorderRequest, null, onError));
-  };
-
-  var follow = function follow(shouldFollow, onSuccess, onError) {
-    var req = shouldFollow ? _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].followPlaylist : _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].unfollowPlaylist;
-
-    var error = function error() {
-      onError();
-      alerts.error(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, shouldFollow ? 'followError' : 'unfollowError'));
-    };
-
-    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, req(props.playlistId, user.data.id, onSuccess, error));
-  };
-
-  var setFavourite = 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_10__["FavouriteVideoRequests"].updateIsVideoFavourited(video.id, user.data.id, shouldFavourite, function () {
-      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
-        id: video.id
-      }, {
-        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Video,
-        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Favourite,
-        descriptor: shouldFavourite ? _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ToggleDescriptor"].On : _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["ToggleDescriptor"].Off,
-        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["LocationContext"].VideoThumbnail,
-        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Complete
-      });
-      alerts.success(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].getPhrase(namespace, shouldFavourite ? 'favourited' : 'unfavourited', {
-        video: video.name
-      }));
-    }, onError));
-  };
-
-  var canEdit = !!props.allowEdit && _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_26__["canEditPlaylist"](playlist.data, user.data);
-  var playlistIsEmpty = !!videos && videos.length === 0;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_context_VideoActionsContext__WEBPACK_IMPORTED_MODULE_18__["VideoActionsContext"].Provider, {
-    value: {
-      videoActions: _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_26__["getVideoActions"](canEdit, hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_27__["PermissionName"].ShareVideos)),
-      getActionAppLink: Object(apps_playlists_utils_PlaylistVideoActionAppLinkHelper__WEBPACK_IMPORTED_MODULE_25__["getVideoActionAppLink"])(props.application, props.playlistId),
-      hideLabel: true
-    }
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'bg-white px-3'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_playlist_header_PlaylistHeader__WEBPACK_IMPORTED_MODULE_23__["PlaylistHeader"], {
-    playlistId: props.playlistId,
-    playlist: playlist.data,
-    hasVideos: !playlistIsEmpty,
-    isFollowing: (_a = following.data) === null || _a === void 0 ? void 0 : _a.isFollowing,
-    follow: follow,
-    application: props.application,
-    canEdit: canEdit,
-    canSharePlaylists: hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_27__["PermissionName"].SharePlaylists),
-    isShared: props.isShared,
-    showBreadcrumbs: props.showBreadcrumbs,
-    showDateMetadata: props.showDateMetadata,
-    playAllAppLink: props.playAllAppLink,
-    showPartialLoading: !playlist.data || !videos || !user.data || !config.data || !following.data,
-    lastUpdated: !!videos && _PlaylistViewUtils__WEBPACK_IMPORTED_MODULE_26__["getLastUpdatedDate"](videos),
-    imageCdnUrl: !!config.data && config.data.imageCdnUrl,
-    returnAppLink: props.returnAppLink
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'mt-2'
-  }, playlistIsEmpty ? !!config.data && !!user.data && !!playlist.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_empty_state_EmptyVideoList__WEBPACK_IMPORTED_MODULE_7__["EmptyVideoListComponent"], {
-    playlist: playlist.data,
-    currentUser: user.data,
-    supportSiteUrl: config.data.supportSiteUrl
-  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_video_list_SortableVideoListContainer__WEBPACK_IMPORTED_MODULE_24__["SortableVideoListContainer"], {
-    videos: reorderedVideos || videos,
-    playlistId: !!playlist.data && playlist.data.id,
-    onSortStart: onSortStart,
-    onSortComplete: onSortComplete,
-    isUserSignedIn: isUserSignedIn,
-    canEdit: canEdit,
-    showPartialLoading: !videos || !user.data || !config.data,
-    getVideoAppLink: props.getVideoAppLink,
-    getSeriesAppLink: props.getSeriesAppLink,
-    fetchRestrictions: fetchRestrictions,
-    setFavourite: setFavourite,
-    hideFavouriteButton: !hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_27__["PermissionName"].FavouriteVideos)
-  })), !!hasMore && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_infinite_scroll_footer_InfiniteScrollFooter__WEBPACK_IMPORTED_MODULE_14__["InfiniteScrollFooter"], {
-    isFetching: isFetching,
-    onClick: fetchNext
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/playlists/views/playlist/PlaylistViewUtils.ts":
-/*!****************************************************************!*\
-  !*** ./src/apps/playlists/views/playlist/PlaylistViewUtils.ts ***!
-  \****************************************************************/
-/*! exports provided: getLastUpdatedDate, getVideoActions, logSortAction, canEditPlaylist, playlistErrors */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getLastUpdatedDate", function() { return getLastUpdatedDate; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getVideoActions", function() { return getVideoActions; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "logSortAction", function() { return logSortAction; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "canEditPlaylist", function() { return canEditPlaylist; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "playlistErrors", function() { return playlistErrors; });
-/* harmony import */ var _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
-/* harmony import */ var _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
-/* harmony import */ var _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/video-actions/VideoActionsHelper */ "../../libs/shared/src/utils/video-actions/VideoActionsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var shared_errors_playlists_playlist_not_found_LitePlaylistNotFoundError__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/errors/playlists/playlist-not-found/LitePlaylistNotFoundError */ "./src/shared/errors/playlists/playlist-not-found/LitePlaylistNotFoundError.ts");
-/* harmony import */ var shared_errors_playlists_playlist_private_PlaylistPrivateError__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/errors/playlists/playlist-private/PlaylistPrivateError */ "./src/shared/errors/playlists/playlist-private/PlaylistPrivateError.ts");
-
-
-
-
-
-
-
-/**
- * NOTE:
- * This will be wrong if we increase the playlist limit from 100, or
- * stop fetching all 100 videos at once.
- */
-
-function getLastUpdatedDate(videos) {
-  var videoLastUpdatedDates = videos && videos.length && videos.map(function (v) {
-    return v.dateAssociated;
-  });
-  return videoLastUpdatedDates && videoLastUpdatedDates.length ? _libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_0__["ArrayHelper"].max(videoLastUpdatedDates, function (date) {
-    return new Date(date).getTime();
-  }) : null;
-}
-function getVideoActions(canEdit, canShare) {
-  var actions = [canEdit ? _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoAction"].RemoveFromPlaylist : _libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoAction"].AddToPlaylist];
-  if (canShare) actions.push(_libs_shared_src_utils_video_actions_VideoActionsHelper__WEBPACK_IMPORTED_MODULE_2__["VideoAction"].Share);
-  return actions;
-}
-function logSortAction(playlistId, videoId, workflowPhase) {
-  _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_4__["AnalyticsHelper"].logUserAction({
-    id: videoId,
-    playlistId: playlistId
-  }, {
-    location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["LocationContext"].VideoList,
-    entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["EntityType"].Video,
-    actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_3__["UserAction"].Move,
-    workflowPhase: workflowPhase
-  });
-}
-function canEditPlaylist(playlist, user) {
-  if (_libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(user) || !playlist || _libs_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_1__["ObjectHelper"].isEmpty(playlist.owner)) return false;
-  return playlist.owner.id === user.id;
-}
-var playlistErrors = {
-  notFound: shared_errors_playlists_playlist_not_found_LitePlaylistNotFoundError__WEBPACK_IMPORTED_MODULE_5__["PlaylistNotFoundError"],
-  forbidden: {
-    privacy: shared_errors_playlists_playlist_private_PlaylistPrivateError__WEBPACK_IMPORTED_MODULE_6__["PlaylistPrivateError"]
-  }
-};
-
-/***/ }),
-
-/***/ "./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/shared/hooks/useHandleObjectError.ts":
-/*!**************************************************!*\
-  !*** ./src/shared/hooks/useHandleObjectError.ts ***!
-  \**************************************************/
-/*! exports provided: useHandleObjectError */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useHandleObjectError", function() { return useHandleObjectError; });
-/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone/enums/HttpStatus */ "../../libs/common/src/backbone/enums/HttpStatus.ts");
-/* harmony import */ var shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/errors/general/not-found/LiteNotFoundError */ "./src/shared/errors/general/not-found/LiteNotFoundError.ts");
-/* harmony import */ var shared_errors_general_unspecified_error_UnspecifiedError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! shared/errors/general/unspecified-error/UnspecifiedError */ "./src/shared/errors/general/unspecified-error/UnspecifiedError.ts");
-/* harmony import */ var shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/errors/general/private-resource/PrivateResourceError */ "./src/shared/errors/general/private-resource/PrivateResourceError.ts");
-/* harmony import */ var shared_errors_general_region_locked_resource_RegionLockedResourceError__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/errors/general/region-locked-resource/RegionLockedResourceError */ "./src/shared/errors/general/region-locked-resource/RegionLockedResourceError.ts");
-
-
-
-
-
-
-var defaultErrors = {
-  notFound: shared_errors_general_not_found_LiteNotFoundError__WEBPACK_IMPORTED_MODULE_2__["NotFoundError"],
-  forbidden: {
-    rating: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"],
-    yearLevel: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"],
-    region: shared_errors_general_region_locked_resource_RegionLockedResourceError__WEBPACK_IMPORTED_MODULE_5__["RegionLockedResourceError"],
-    privacy: shared_errors_general_private_resource_PrivateResourceError__WEBPACK_IMPORTED_MODULE_4__["PrivateResourceError"]
-  },
-  badRequest: shared_errors_general_unspecified_error_UnspecifiedError__WEBPACK_IMPORTED_MODULE_3__["UnspecifiedError"]
-};
-function useHandleObjectError(object, customErrors) {
-  var errors = Object.assign(Object.assign({}, defaultErrors), customErrors);
-  if (!object.statusCode || object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].Ok) return;
-
-  if (object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].NotFound) {
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.notFound());
-    return;
-  }
-
-  if (object.statusCode === _libs_common_src_backbone_enums_HttpStatus__WEBPACK_IMPORTED_MODULE_1__["HttpStatus"].Forbidden) {
-    /**
-     * TODO: Work out how to go about handling all forbidden errors, such as region locking, year levels,
-     * ratings, and privacy.
-     */
-    _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.forbidden.privacy());
-    return;
-  }
-
-  _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].ErrorHelper["throw"](new errors.badRequest());
-}
-
-/***/ }),
-
-/***/ "./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; // eslint-disable-next-line
-
-
-  var attribute = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_0__["Flight"].useGetResponse((_a = request) === null || _a === void 0 ? void 0 : _a.key); // eslint-disable-next-line
-
-  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=26.chunk.js.map