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

package/dist/scripts/30.chunk.js

@@ -0,0 +1,792 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[30],{
+
+/***/ "../../libs/shared/src/apps/playlists/components/empty-state/EmptyPlaylistList.tsx":
+/*!*****************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/empty-state/EmptyPlaylistList.tsx ***!
+  \*****************************************************************************************************************************/
+/*! exports provided: EmptyPlaylistList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EmptyPlaylistList", function() { return EmptyPlaylistList; });
+/* 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 _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _components_empty_state_EmptyState__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../components/empty-state/EmptyState */ "../../libs/shared/src/components/empty-state/EmptyState.tsx");
+/* harmony import */ var _constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../constants/SharedServices */ "../../libs/shared/src/constants/SharedServices.ts");
+
+
+
+
+
+var getPhrase = _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('playlists.emptyState');
+function EmptyPlaylistList() {
+  var imageUrlService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_2__["useService"])(_constants_SharedServices__WEBPACK_IMPORTED_MODULE_4__["SharedServices"].ImageUrl);
+  var imageUrls = imageUrlService.getImageUrls();
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_empty_state_EmptyState__WEBPACK_IMPORTED_MODULE_3__["EmptyState"], {
+    imageUrl: imageUrls.EmptyStates.VIDEOS,
+    heading: getPhrase('noPlaylistsHeading'),
+    description: getPhrase('noPlaylistsInfo')
+  });
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx":
+/*!*********************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx ***!
+  \*********************************************************************************************************************************/
+/*! exports provided: PartialPlaylistList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialPlaylistList", function() { return PartialPlaylistList; });
+/* 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 _playlist_scss__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./playlist.scss */ "../../libs/shared/src/apps/playlists/components/playlist-list/playlist.scss");
+/* harmony import */ var _playlist_scss__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_playlist_scss__WEBPACK_IMPORTED_MODULE_2__);
+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; }
+
+
+
+
+PartialPlaylistList.defaultProps = {
+  numItems: 8
+};
+function PartialPlaylistList(props) {
+  var PARTIAL_PLAYLISTS = _toConsumableArray(Array(props.numItems));
+
+  var className = props.itemClassName || '';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, props.showHeading && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_2___default.a.partialHeading, " partial-loading-background")
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, PARTIAL_PLAYLISTS.map(function (p, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      key: idx,
+      xs: 6,
+      sm: 4,
+      lg: 3,
+      className: className
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: 'py-2'
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+      className: "".concat(_playlist_scss__WEBPACK_IMPORTED_MODULE_2___default.a.playlistItem, " partial-loading-background")
+    })));
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx":
+/*!**************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx ***!
+  \**************************************************************************************************************************/
+/*! exports provided: PlaylistList */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistList", function() { return PlaylistList; });
+/* 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 _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _PlaylistItem__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./PlaylistItem */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistItem.tsx");
+
+
+
+
+var analyticsOptions = {
+  actionType: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["UserAction"].Click,
+  entity: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["EntityType"].Playlist,
+  location: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["LocationContext"].PlaylistListItem,
+  descriptor: _analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_2__["ClickDescriptor"].Cover
+};
+function PlaylistList(props) {
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Row"], null, props.playlists.map(function (p) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Col"], {
+      key: p.id,
+      xs: 6,
+      sm: 4,
+      lg: 3,
+      className: "mb-3 ".concat(props.itemContainerClassName ? props.itemContainerClassName : '')
+    }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_PlaylistItem__WEBPACK_IMPORTED_MODULE_3__["PlaylistItem"], {
+      data: p,
+      appLink: props.getPlaylistAppLink(p),
+      imageCdnUrl: props.imageCdnUrl,
+      currentUser: props.currentUser,
+      presentationAudiences: props.presentationAudiences,
+      bgColourClassNames: props.bgColourClassNames,
+      showCount: props.showCount,
+      showOwner: props.showOwner,
+      showFallbackImage: props.showFallbackImage,
+      showLastUpdated: props.showLastUpdated,
+      analyticsData: props.analyticsData,
+      analyticsOptions: Object.assign(Object.assign({}, props.analyticsOptions), analyticsOptions)
+    }));
+  }));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/apps/playlists/components/sort-select/PlaylistSortSelect.tsx":
+/*!******************************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/components/sort-select/PlaylistSortSelect.tsx ***!
+  \******************************************************************************************************************************/
+/*! exports provided: PlaylistSortSelect */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistSortSelect", function() { return PlaylistSortSelect; });
+/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../enums/PlaylistSortType */ "../../libs/shared/src/apps/playlists/enums/PlaylistSortType.ts");
+/* harmony import */ var _components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+
+var namespace = 'playlists.playlistSortSelect';
+var getSortTypes = _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].memoize(function () {
+  var _ref;
+
+  return _ref = {}, _defineProperty(_ref, _enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_3__["PlaylistSortType"].RecentlyUpdated, {
+    name: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'recentlyUpdated')
+  }), _defineProperty(_ref, _enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_3__["PlaylistSortType"].AtoZ, {
+    name: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'atoz')
+  }), _defineProperty(_ref, _enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_3__["PlaylistSortType"].ZtoA, {
+    name: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'ztoa')
+  }), _defineProperty(_ref, _enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_3__["PlaylistSortType"].Newest, {
+    name: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'newest')
+  }), _defineProperty(_ref, _enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_3__["PlaylistSortType"].Oldest, {
+    name: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'oldest')
+  }), _ref;
+});
+PlaylistSortSelect.defaultProps = {
+  variant: 'light'
+};
+function PlaylistSortSelect(props) {
+  var type = props.type,
+      getSortAppLink = props.getSortAppLink,
+      variant = props.variant;
+  var sortTypes = getSortTypes();
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'dropdown'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("a", {
+    className: "btn btn-".concat(variant, " ml-2 dropdown-toggle"),
+    type: 'button',
+    id: 'sort-select',
+    "data-toggle": 'dropdown',
+    "aria-haspopup": 'true',
+    "aria-expanded": 'false'
+  }, sortTypes[type].name), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'dropdown-menu dropdown-menu-right',
+    "aria-labelledby": 'sort-select'
+  }, Object.values(_enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_3__["PlaylistSortType"]).map(function (k) {
+    var className = 'dropdown-item';
+    if (k === type) className += ' active';
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_4__["AppLink"], {
+      key: k,
+      className: className,
+      appLink: getSortAppLink(k)
+    }, sortTypes[k].name);
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/Actions.tsx":
+/*!************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/Actions.tsx ***!
+  \************************************************************************************************/
+/*! exports provided: Actions */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "Actions", function() { return Actions; });
+/* 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 _icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var _ActionsDropdown__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./ActionsDropdown */ "../../libs/shared/src/components/actions/ActionsDropdown.tsx");
+/* harmony import */ var _ActionButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./ActionButton */ "../../libs/shared/src/components/actions/ActionButton.tsx");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+function Actions(props) {
+  var buttonActions = [];
+  var moreActions = [];
+  props.actions.forEach(function (a) {
+    if (a.button) buttonActions.push(a);else moreActions.push(a);
+  });
+  var className = 'd-flex';
+  if (props.className) className += " ".concat(props.className);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, !!buttonActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: _actions_scss__WEBPACK_IMPORTED_MODULE_4___default.a.buttonList
+  }, buttonActions.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], {
+      key: idx
+    }, a.label ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionButton__WEBPACK_IMPORTED_MODULE_3__["ActionButton"], {
+      appLink: a.appLink,
+      onClick: a.onClick,
+      svgName: a.svgName,
+      className: a.className,
+      tooltip: a.tooltip,
+      showSpinner: a.showSpinner,
+      analyticsData: a.analyticsData,
+      analyticsOptions: a.analyticsOptions
+    }, a.label) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_1__["IconButton"], {
+      appLink: a.appLink,
+      onClick: a.onClick,
+      svgName: a.svgName,
+      className: a.className,
+      analyticsData: a.analyticsData,
+      analyticsOptions: a.analyticsOptions
+    }));
+  })), props.sortComponent ? props.sortComponent : '', !!moreActions.length && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_ActionsDropdown__WEBPACK_IMPORTED_MODULE_2__["ActionsDropdown"], {
+    actions: moreActions,
+    className: !!buttonActions.length && 'ml-2',
+    dropdownToggleClassName: props.actionsDropdownClassName
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/ActionsDropdown.tsx":
+/*!********************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/ActionsDropdown.tsx ***!
+  \********************************************************************************************************/
+/*! exports provided: ActionsDropdown */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ActionsDropdown", function() { return ActionsDropdown; });
+/* 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_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../common/src/react/utils/RandomHelper */ "../../libs/common/src/react/utils/RandomHelper.ts");
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ./actions.scss */ "../../libs/shared/src/components/actions/actions.scss");
+/* harmony import */ var _actions_scss__WEBPACK_IMPORTED_MODULE_7___default = /*#__PURE__*/__webpack_require__.n(_actions_scss__WEBPACK_IMPORTED_MODULE_7__);
+
+
+
+
+
+
+
+
+
+function getDropdownItemClassName(actionClassName) {
+  var className = 'dropdown-item';
+  if (actionClassName) className += " ".concat(actionClassName);
+  return className;
+}
+
+function ActionsDropdownItem(props) {
+  if (props.action.appLink) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: props.action.appLink,
+    onClick: props.action.onClick,
+    className: getDropdownItemClassName(props.action.className),
+    analyticsData: props.action.analyticsData,
+    analyticsOptions: props.action.analyticsOptions
+  }, props.action.label);
+
+  function onClick(e) {
+    if (props.action.analyticsData && props.action.analyticsOptions) _analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_3__["AnalyticsHelper"].logUserAction(props.action.analyticsData, props.action.analyticsOptions);
+    if (_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.action.onClick)) props.action.onClick(e);
+  }
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("span", {
+    className: "cursor-pointer ".concat(getDropdownItemClassName(props.action.className)),
+    onClick: onClick
+  }, props.action.label);
+}
+
+ActionsDropdown.defaultProps = {
+  dropdownToggleClassName: 'btn btn-light'
+};
+function ActionsDropdown(props) {
+  if (!props.actions || !props.actions.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  var className = 'dropdown';
+  if (props.className) className += " ".concat(props.className); // Generate unique id to avoid collisions.
+
+  var dropdownToggleId = "actions-dropdown-".concat(_common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__["RandomHelper"].getRandomInt());
+  var dropdownToggleClassName = "dropdown-toggle px-0 ".concat(_actions_scss__WEBPACK_IMPORTED_MODULE_7___default.a.dropdownToggle);
+  if (props.dropdownToggleClassName) dropdownToggleClassName += " ".concat(props.dropdownToggleClassName);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: className
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    className: dropdownToggleClassName,
+    type: 'button',
+    id: dropdownToggleId,
+    "data-toggle": 'dropdown',
+    "aria-haspopup": 'true',
+    "aria-expanded": 'false'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainer"], {
+    svgName: _utils_SvgHelper__WEBPACK_IMPORTED_MODULE_6__["cvSvgLibrary"].More,
+    size: _svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_4__["SvgContainerSize"].Small
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'dropdown-menu dropdown-menu-right',
+    "aria-labelledby": dropdownToggleId
+  }, props.actions.map(function (a, idx) {
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](ActionsDropdownItem, {
+      key: idx,
+      action: a
+    });
+  })));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/components/actions/actions.scss":
+/*!*************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/actions/actions.scss ***!
+  \*************************************************************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"buttonList":"cv--buttonList--2v9CT","dropdownToggle":"cv--dropdownToggle--AYBvQ"};
+
+/***/ }),
+
+/***/ "../../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/flight-requests/AudienceRequests.ts":
+/*!*****************************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/flight-requests/AudienceRequests.ts ***!
+  \*****************************************************************************************************/
+/*! exports provided: AudienceRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "AudienceRequests", function() { return AudienceRequests; });
+var endpoints = {
+  presentationAudiences: function presentationAudiences() {
+    return "/api/domain/v1/subjects/audiences?type=subject";
+  }
+};
+var AudienceRequests = {
+  presentationAudiences: function presentationAudiences() {
+    return {
+      bootstrapName: 'presentationAudiences',
+      url: endpoints.presentationAudiences(),
+      key: "presentation:audiences",
+      normalize: false
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "../../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/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]));
+}
+
+/***/ }),
+
+/***/ "./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/views/playlists/PlaylistsView.tsx":
+/*!**************************************************************!*\
+  !*** ./src/apps/playlists/views/playlists/PlaylistsView.tsx ***!
+  \**************************************************************/
+/*! exports provided: PlaylistsView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistsView", function() { return PlaylistsView; });
+/* 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_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/AudienceRequests */ "../../libs/shared/src/flight-requests/AudienceRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_7__ = __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_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseInfiniteScroll__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseInfiniteScroll */ "../../libs/shared/src/hooks/UseInfiniteScroll.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseSelectAllPages */ "../../libs/shared/src/hooks/UseSelectAllPages.ts");
+/* harmony import */ var _libs_shared_src_apps_playlists_components_playlist_list_PlaylistList__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistList */ "../../libs/shared/src/apps/playlists/components/playlist-list/PlaylistList.tsx");
+/* harmony import */ var _libs_shared_src_apps_playlists_components_playlist_list_PartialPlaylistList__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList */ "../../libs/shared/src/apps/playlists/components/playlist-list/PartialPlaylistList.tsx");
+/* harmony import */ var _libs_shared_src_apps_playlists_components_empty_state_EmptyPlaylistList__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/components/empty-state/EmptyPlaylistList */ "../../libs/shared/src/apps/playlists/components/empty-state/EmptyPlaylistList.tsx");
+/* harmony import */ var _libs_shared_src_components_infinite_scroll_footer_InfiniteScrollFooter__WEBPACK_IMPORTED_MODULE_15__ = __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_apps_playlists_interfaces_identifiers_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier */ "../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier.ts");
+/* harmony import */ var _libs_shared_src_apps_playlists_enums_PlaylistType__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/enums/PlaylistType */ "../../libs/shared/src/apps/playlists/enums/PlaylistType.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_apps_playlists_components_sort_select_PlaylistSortSelect__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/components/sort-select/PlaylistSortSelect */ "../../libs/shared/src/apps/playlists/components/sort-select/PlaylistSortSelect.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/actions/Actions */ "../../libs/shared/src/components/actions/Actions.tsx");
+/* harmony import */ var _libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_22__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/PermissionName */ "../../libs/shared/src/enums/PermissionName.ts");
+/* harmony import */ var _libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_23__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/usePermissions */ "../../libs/shared/src/hooks/usePermissions.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_24__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_25__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_playlists_constants_PlaylistBgColourClassNames__WEBPACK_IMPORTED_MODULE_26__ = __webpack_require__(/*! apps/playlists/constants/PlaylistBgColourClassNames */ "./src/apps/playlists/constants/PlaylistBgColourClassNames.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'playlists.playlists';
+
+function getSortAppLink(sort) {
+  return {
+    application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_24__["AppChannels"].PLAYLISTS,
+    action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_25__["Actions"].Playlists.HOME,
+    params: {
+      sort: sort
+    }
+  };
+}
+
+function PlaylistsView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var _usePermissions = Object(_libs_shared_src_hooks_usePermissions__WEBPACK_IMPORTED_MODULE_23__["usePermissions"])(),
+      hasPermissions = _usePermissions.hasPermissions;
+
+  var config = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_ConfigRequests__WEBPACK_IMPORTED_MODULE_7__["ConfigRequests"].config());
+  var user = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_8__["UserRequests"].currentUser());
+  var audiences = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_AudienceRequests__WEBPACK_IMPORTED_MODULE_6__["AudienceRequests"].presentationAudiences());
+
+  var getPlaylistRequest = function getPlaylistRequest(cursor) {
+    return _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_5__["PlaylistRequests"].getUserPlaylists(new _libs_shared_src_apps_playlists_interfaces_identifiers_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_16__["PlaylistCollectionIdentifier"](props.sort, cursor, _libs_shared_src_apps_playlists_enums_PlaylistType__WEBPACK_IMPORTED_MODULE_17__["PlaylistType"].All));
+  };
+
+  var fetchNext = function fetchNext(cursor) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_4__["Flight"].getFetch(dispatch, getPlaylistRequest(cursor))();
+  };
+
+  var playlists = Object(_libs_shared_src_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_11__["useSelectAllPages"])(function (cursor) {
+    return getPlaylistRequest(cursor).key;
+  });
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_10__["useSetPageTitle"])(_libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'title'));
+  Object(_libs_shared_src_hooks_UseInfiniteScroll__WEBPACK_IMPORTED_MODULE_9__["useInfiniteScroll"])(function () {
+    return fetchNext(playlists.nextCursor);
+  }, !!playlists.nextCursor, playlists.isFetching);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (playlists.shouldInitialFetch) fetchNext();
+  }, [playlists.shouldInitialFetch]);
+  var actions = hasPermissions(_libs_shared_src_enums_PermissionName__WEBPACK_IMPORTED_MODULE_22__["PermissionName"].CreatePlaylists) ? [{
+    label: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'newPlaylist'),
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_24__["AppChannels"].PLAYLISTS,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_25__["Actions"].Playlists.NEW_PLAYLIST
+    },
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_20__["cvSvgLibrary"].Plus,
+    className: 'btn btn-secondary',
+    button: true
+  }] : [];
+  if (_libs_common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].isEmpty(playlists.items)) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_empty_state_EmptyPlaylistList__WEBPACK_IMPORTED_MODULE_14__["EmptyPlaylistList"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'bg-white px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'd-flex justify-content-between'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_18__["Text"], {
+    namespace: namespace,
+    phrase: 'title'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_actions_Actions__WEBPACK_IMPORTED_MODULE_21__["Actions"], {
+    actions: actions,
+    sortComponent: react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_sort_select_PlaylistSortSelect__WEBPACK_IMPORTED_MODULE_19__["PlaylistSortSelect"], {
+      variant: 'secondary',
+      type: props.sort,
+      getSortAppLink: getSortAppLink
+    })
+  }))), !!playlists.items && !!user.data && !!config.data && (!!audiences.data || audiences.hasError) ? react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_playlist_list_PlaylistList__WEBPACK_IMPORTED_MODULE_12__["PlaylistList"], {
+    playlists: playlists.items,
+    getPlaylistAppLink: props.getPlaylistAppLink,
+    imageCdnUrl: config.data.imageCdnUrl,
+    currentUser: user.data,
+    presentationAudiences: audiences.data || [],
+    bgColourClassNames: apps_playlists_constants_PlaylistBgColourClassNames__WEBPACK_IMPORTED_MODULE_26__["PLAYLIST_BG_COLOUR_CLASS_NAMES"],
+    showCount: true,
+    showOwner: true,
+    showLastUpdated: true
+  }) : react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_apps_playlists_components_playlist_list_PartialPlaylistList__WEBPACK_IMPORTED_MODULE_13__["PartialPlaylistList"], null), !!playlists.items && !!(playlists.nextCursor || playlists.isFetching) && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_infinite_scroll_footer_InfiniteScrollFooter__WEBPACK_IMPORTED_MODULE_15__["InfiniteScrollFooter"], {
+    isFetching: playlists.isFetching,
+    onClick: function onClick() {
+      return fetchNext(playlists.nextCursor);
+    }
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=30.chunk.js.map