@clickview/lite 0.0.37-rc.2 → 0.0.37-rc.4

package/dist/scripts/71-lite.chunk.js

@@ -1,75 +1,81 @@
 (window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[71],{
 
-/***/ "../../libs/shared/src/components/widgets/widget-button/WidgetButton.tsx":
+/***/ "../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"WidgetButtonDirection\", function() { return WidgetButtonDirection; });\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"WidgetButton\", function() { return WidgetButton; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/shared/src/components/svg-container/SvgContainer.tsx\");\n/* harmony import */ var libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/shared/src/utils/SvgHelper.ts\");\n/* harmony import */ var _widget_button_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/shared/src/components/widgets/widget-button/widget-button.scss\");\n/* harmony import */ var _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_widget_button_scss__WEBPACK_IMPORTED_MODULE_3__);\n\n\n\n\nvar WidgetButtonDirection;\n\n(function (WidgetButtonDirection) {\n  WidgetButtonDirection[WidgetButtonDirection[\"Left\"] = 0] = \"Left\";\n  WidgetButtonDirection[WidgetButtonDirection[\"Right\"] = 1] = \"Right\";\n})(WidgetButtonDirection || (WidgetButtonDirection = {}));\n\nfunction getPositionClass(contents, isLeftDirection) {\n  var className = _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.topPos; // Left / Right\n\n  if (isLeftDirection) className += ' ' + _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.left;else className += ' ' + _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.right;\n  return className;\n}\n\nvar WidgetButton = react__WEBPACK_IMPORTED_MODULE_0__[\"memo\"](function (props) {\n  var isLeft = props.direction === WidgetButtonDirection.Left;\n  var arrowSvg = isLeft ? libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__[\"cvSvgLibrary\"].ChevronLeft : libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__[\"cvSvgLibrary\"].ChevronRight;\n  var positionClass = getPositionClass(props.contents, isLeft);\n  if (props.hide) return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_0__[\"Fragment\"], null);\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_0__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"div\", {\n    role: 'button',\n    className: \"\".concat(positionClass, \" \").concat(_widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.button, \" \").concat(props.className || ''),\n    onClick: props.onClick\n  }, props.hoverText && react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"span\", {\n    className: \"pl-3 pr-2 \".concat(_widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.hoverText)\n  }, props.hoverText), react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__[\"SvgContainer\"], {\n    svgName: arrowSvg,\n    size: libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_1__[\"SvgContainerSize\"].Medium,\n    className: \"svg-container d-inline-block \".concat(_widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.chevron)\n  })), props.useGradientBackdrop && react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"div\", {\n    className: isLeft ? _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.gradientLeft : _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.gradientRight\n  }), !props.hideExtendedClickableArea && react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"div\", {\n    role: 'button',\n    onClick: props.onClick,\n    className: isLeft ? _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.extendedClickableAreaLeft : _widget_button_scss__WEBPACK_IMPORTED_MODULE_3___default.a.extendedClickableAreaRight\n  }));\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2NvbXBvbmVudHMvd2lkZ2V0cy93aWRnZXQtYnV0dG9uL1dpZGdldEJ1dHRvbi50c3guanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9wYWNrYWdlcy9saWJzL3NoYXJlZC9zcmMvY29tcG9uZW50cy93aWRnZXRzL3dpZGdldC1idXR0b24vV2lkZ2V0QnV0dG9uLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgKiBhcyBSZWFjdCBmcm9tICdyZWFjdCc7XHJcblxyXG5pbXBvcnQgeyBTdmdDb250YWluZXIsIFN2Z0NvbnRhaW5lclNpemUgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL3N2Zy1jb250YWluZXIvU3ZnQ29udGFpbmVyJztcclxuaW1wb3J0IHsgY3ZTdmdMaWJyYXJ5IH0gZnJvbSAnbGlicy9zaGFyZWQvdXRpbHMvU3ZnSGVscGVyJztcclxuaW1wb3J0IHsgV2lkZ2V0Q29udGVudHMgfSBmcm9tICdsaWJzL3NoYXJlZC9lbnVtcy9XaWRnZXRDb250ZW50cyc7XHJcblxyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vd2lkZ2V0LWJ1dHRvbi5zY3NzJztcclxuXHJcbmV4cG9ydCBlbnVtIFdpZGdldEJ1dHRvbkRpcmVjdGlvbiB7XHJcbiAgTGVmdCxcclxuICBSaWdodFxyXG59XHJcblxyXG5mdW5jdGlvbiBnZXRQb3NpdGlvbkNsYXNzKGNvbnRlbnRzOiBXaWRnZXRDb250ZW50cywgaXNMZWZ0RGlyZWN0aW9uOiBib29sZWFuKTogc3RyaW5nIHtcclxuICBsZXQgY2xhc3NOYW1lID0gc3R5bGVzLnRvcFBvcztcclxuXHJcbiAgLy8gTGVmdCAvIFJpZ2h0XHJcbiAgaWYgKGlzTGVmdERpcmVjdGlvbilcclxuICAgIGNsYXNzTmFtZSArPSAnICcgKyBzdHlsZXMubGVmdDtcclxuICBlbHNlXHJcbiAgICBjbGFzc05hbWUgKz0gJyAnICsgc3R5bGVzLnJpZ2h0O1xyXG5cclxuICByZXR1cm4gY2xhc3NOYW1lO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgV2lkZ2V0QnV0dG9uUHJvcHMge1xyXG4gIG9uQ2xpY2s6IChldmVudDogUmVhY3QuTW91c2VFdmVudDxIVE1MRGl2RWxlbWVudCwgTW91c2VFdmVudD4pID0+IHZvaWQ7XHJcbiAgZGlyZWN0aW9uOiBXaWRnZXRCdXR0b25EaXJlY3Rpb247XHJcbiAgaGlkZTogYm9vbGVhbjtcclxuICBjb250ZW50cz86IFdpZGdldENvbnRlbnRzO1xyXG4gIHVzZUdyYWRpZW50QmFja2Ryb3A/OiBib29sZWFuO1xyXG4gIGNsYXNzTmFtZT86IHN0cmluZztcclxuICBob3ZlclRleHQ/OiBzdHJpbmc7XHJcbiAgaGlkZUV4dGVuZGVkQ2xpY2thYmxlQXJlYT86IGJvb2xlYW47XHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBXaWRnZXRCdXR0b24gPSBSZWFjdC5tZW1vKGZ1bmN0aW9uKHByb3BzOiBXaWRnZXRCdXR0b25Qcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBpc0xlZnQgPSBwcm9wcy5kaXJlY3Rpb24gPT09IFdpZGdldEJ1dHRvbkRpcmVjdGlvbi5MZWZ0O1xyXG5cclxuICBjb25zdCBhcnJvd1N2ZyA9IGlzTGVmdCA/IGN2U3ZnTGlicmFyeS5DaGV2cm9uTGVmdCA6IGN2U3ZnTGlicmFyeS5DaGV2cm9uUmlnaHQ7XHJcblxyXG4gIGNvbnN0IHBvc2l0aW9uQ2xhc3MgPSBnZXRQb3NpdGlvbkNsYXNzKHByb3BzLmNvbnRlbnRzLCBpc0xlZnQpO1xyXG5cclxuICBpZiAocHJvcHMuaGlkZSlcclxuICAgIHJldHVybiA8PjwvPjtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDw+XHJcbiAgICAgIDxkaXZcclxuICAgICAgICByb2xlPSdidXR0b24nXHJcbiAgICAgICAgY2xhc3NOYW1lPXtgJHtwb3NpdGlvbkNsYXNzfSAke3N0eWxlcy5idXR0b259ICR7cHJvcHMuY2xhc3NOYW1lIHx8ICcnfWB9XHJcbiAgICAgICAgb25DbGljaz17cHJvcHMub25DbGlja31cclxuICAgICAgPlxyXG4gICAgICAgIHtwcm9wcy5ob3ZlclRleHQgJiYgKFxyXG4gICAgICAgICAgPHNwYW4gY2xhc3NOYW1lPXtgcGwtMyBwci0yICR7c3R5bGVzLmhvdmVyVGV4dH1gfT57cHJvcHMuaG92ZXJUZXh0fTwvc3Bhbj5cclxuICAgICAgICApfVxyXG4gICAgICAgIDxTdmdDb250YWluZXJcclxuICAgICAgICAgIHN2Z05hbWU9e2Fycm93U3ZnfVxyXG4gICAgICAgICAgc2l6ZT17U3ZnQ29udGFpbmVyU2l6ZS5NZWRpdW19XHJcbiAgICAgICAgICBjbGFzc05hbWU9e2BzdmctY29udGFpbmVyIGQtaW5saW5lLWJsb2NrICR7c3R5bGVzLmNoZXZyb259YH1cclxuICAgICAgICAvPlxyXG4gICAgICA8L2Rpdj5cclxuXHJcbiAgICAgIHtwcm9wcy51c2VHcmFkaWVudEJhY2tkcm9wICYmIDxkaXYgY2xhc3NOYW1lPXtpc0xlZnQgPyBzdHlsZXMuZ3JhZGllbnRMZWZ0IDogc3R5bGVzLmdyYWRpZW50UmlnaHR9IC8+fVxyXG4gICAgICB7IXByb3BzLmhpZGVFeHRlbmRlZENsaWNrYWJsZUFyZWEgJiYgKFxyXG4gICAgICAgIDxkaXYgcm9sZT0nYnV0dG9uJyBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrfSBjbGFzc05hbWU9e1xyXG4gICAgICAgICAgaXNMZWZ0ID8gc3R5bGVzLmV4dGVuZGVkQ2xpY2thYmxlQXJlYUxlZnQgOiBzdHlsZXMuZXh0ZW5kZWRDbGlja2FibGVBcmVhUmlnaHRcclxuICAgICAgICB9IC8+XHJcbiAgICAgICl9XHJcbiAgICA8Lz5cclxuICApO1xyXG59KTsiXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFDQTtBQUdBO0FBRUE7QUFDQTtBQURBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUtBO0FBQ0E7QUFDQTtBQVlBO0FBQ0E7QUFFQTtBQUVBO0FBRUE7QUFHQTtBQUdBO0FBQ0E7QUFDQTtBQUhBO0FBTUE7QUFBQTtBQUdBO0FBQ0E7QUFDQTtBQUhBO0FBT0E7QUFBQTtBQUVBO0FBQUE7QUFBQTtBQUFBO0FBTUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../../libs/shared/src/components/widgets/widget-button/WidgetButton.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"RecentPlaylistHelper\", function() { return RecentPlaylistHelper; });\n/* harmony import */ var libs_common_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../libs/common/src/backbone/utils/LocalStorageHelper.ts\");\n/* harmony import */ var libs_shared_utils_RecentItemHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/shared/src/utils/RecentItemHelper.ts\");\n\n\n\nvar getCacheKey = function getCacheKey(userId) {\n  return \"recent:playlists:added:to:\".concat(userId);\n};\n\nvar RecentPlaylistHelper = {\n  /**\r\n   * Get a list of ids of playlists recently added to.\r\n   */\n  getRecentlyAddedTo: function getRecentlyAddedTo(userId) {\n    return libs_shared_utils_RecentItemHelper__WEBPACK_IMPORTED_MODULE_1__[\"RecentItemHelper\"].getRecentItem(getCacheKey(userId), libs_common_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_0__[\"LocalStorageHelper\"]);\n  },\n  addRecentlyAddedTo: function addRecentlyAddedTo(userId, options) {\n    return libs_shared_utils_RecentItemHelper__WEBPACK_IMPORTED_MODULE_1__[\"RecentItemHelper\"].addRecentItem(getCacheKey(userId), libs_common_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_0__[\"LocalStorageHelper\"], options);\n  },\n  removeRecentlyAddedTo: function removeRecentlyAddedTo(userId, id) {\n    libs_shared_utils_RecentItemHelper__WEBPACK_IMPORTED_MODULE_1__[\"RecentItemHelper\"].removeRecentItem(getCacheKey(userId), id, libs_common_backbone_utils_LocalStorageHelper__WEBPACK_IMPORTED_MODULE_0__[\"LocalStorageHelper\"]);\n  }\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2FwcHMvcGxheWxpc3RzL3V0aWxzL1JlY2VudFBsYXlsaXN0SGVscGVyLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL2FwcHMvcGxheWxpc3RzL3V0aWxzL1JlY2VudFBsYXlsaXN0SGVscGVyLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IExvY2FsU3RvcmFnZUhlbHBlciB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3V0aWxzL0xvY2FsU3RvcmFnZUhlbHBlcic7XHJcbmltcG9ydCB7IFJlY2VudEl0ZW1IZWxwZXIgfSBmcm9tICdsaWJzL3NoYXJlZC91dGlscy9SZWNlbnRJdGVtSGVscGVyJztcclxuXHJcbmNvbnN0IGdldENhY2hlS2V5ID0gKHVzZXJJZDogc3RyaW5nKSA9PiBgcmVjZW50OnBsYXlsaXN0czphZGRlZDp0bzoke3VzZXJJZH1gO1xyXG5cclxuaW50ZXJmYWNlIEFkZFJlY2VudFBsYXlsaXN0c09wdGlvbnMge1xyXG4gIGlkOiBzdHJpbmc7XHJcbiAgbGltaXQ/OiBudW1iZXI7XHJcbn1cclxuXHJcbmV4cG9ydCBjb25zdCBSZWNlbnRQbGF5bGlzdEhlbHBlciA9IHtcclxuICAvKipcclxuICAgKiBHZXQgYSBsaXN0IG9mIGlkcyBvZiBwbGF5bGlzdHMgcmVjZW50bHkgYWRkZWQgdG8uXHJcbiAgICovXHJcbiAgZ2V0UmVjZW50bHlBZGRlZFRvKHVzZXJJZDogc3RyaW5nKTogc3RyaW5nW10ge1xyXG4gICAgcmV0dXJuIFJlY2VudEl0ZW1IZWxwZXIuZ2V0UmVjZW50SXRlbShnZXRDYWNoZUtleSh1c2VySWQpLCBMb2NhbFN0b3JhZ2VIZWxwZXIpO1xyXG4gIH0sXHJcblxyXG4gIGFkZFJlY2VudGx5QWRkZWRUbyh1c2VySWQ6IHN0cmluZywgb3B0aW9uczogQWRkUmVjZW50UGxheWxpc3RzT3B0aW9ucyk6IHN0cmluZ1tdIHtcclxuICAgIHJldHVybiBSZWNlbnRJdGVtSGVscGVyLmFkZFJlY2VudEl0ZW0oZ2V0Q2FjaGVLZXkodXNlcklkKSwgTG9jYWxTdG9yYWdlSGVscGVyLCBvcHRpb25zKTtcclxuICB9LFxyXG5cclxuICByZW1vdmVSZWNlbnRseUFkZGVkVG8odXNlcklkOiBzdHJpbmcsIGlkOiBzdHJpbmcpOiB2b2lkIHtcclxuICAgIFJlY2VudEl0ZW1IZWxwZXIucmVtb3ZlUmVjZW50SXRlbShnZXRDYWNoZUtleSh1c2VySWQpLCBpZCwgTG9jYWxTdG9yYWdlSGVscGVyKTtcclxuICB9XHJcbn07Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBTUE7QUFDQTs7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQWRBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts\n");
 
 /***/ }),
 
-/***/ "../../libs/shared/src/components/widgets/widget-button/widget-button.scss":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "../../libs/shared/src/apps/playlists/utils/getBackgroundColourClass.ts":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"left\":\"cv--left--789pr\",\"right\":\"cv--right--1P8qt\",\"button\":\"cv--button--24q_F\",\"hoverText\":\"cv--hoverText--p-vNG\",\"chevron\":\"cv--chevron--3M27X\",\"gradientLeft\":\"cv--gradientLeft--3fkiw\",\"gradientRight\":\"cv--gradientRight--2RDDy\",\"extendedClickableAreaRight\":\"cv--extendedClickableAreaRight--13dgy\",\"extendedClickableAreaLeft\":\"cv--extendedClickableAreaLeft--37LtK\",\"videoTopPos\":\"cv--videoTopPos--1XTRO\",\"topPos\":\"cv--topPos--3_p_J\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2NvbXBvbmVudHMvd2lkZ2V0cy93aWRnZXQtYnV0dG9uL3dpZGdldC1idXR0b24uc2Nzcy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL2xpYnMvc2hhcmVkL3NyYy9jb21wb25lbnRzL3dpZGdldHMvd2lkZ2V0LWJ1dHRvbi93aWRnZXQtYnV0dG9uLnNjc3MiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gZXh0cmFjdGVkIGJ5IG1pbmktY3NzLWV4dHJhY3QtcGx1Z2luXG5tb2R1bGUuZXhwb3J0cyA9IHtcImxlZnRcIjpcImN2LS1sZWZ0LS03ODlwclwiLFwicmlnaHRcIjpcImN2LS1yaWdodC0tMVA4cXRcIixcImJ1dHRvblwiOlwiY3YtLWJ1dHRvbi0tMjRxX0ZcIixcImhvdmVyVGV4dFwiOlwiY3YtLWhvdmVyVGV4dC0tcC12TkdcIixcImNoZXZyb25cIjpcImN2LS1jaGV2cm9uLS0zTTI3WFwiLFwiZ3JhZGllbnRMZWZ0XCI6XCJjdi0tZ3JhZGllbnRMZWZ0LS0zZmtpd1wiLFwiZ3JhZGllbnRSaWdodFwiOlwiY3YtLWdyYWRpZW50UmlnaHQtLTJSRER5XCIsXCJleHRlbmRlZENsaWNrYWJsZUFyZWFSaWdodFwiOlwiY3YtLWV4dGVuZGVkQ2xpY2thYmxlQXJlYVJpZ2h0LS0xM2RneVwiLFwiZXh0ZW5kZWRDbGlja2FibGVBcmVhTGVmdFwiOlwiY3YtLWV4dGVuZGVkQ2xpY2thYmxlQXJlYUxlZnQtLTM3THRLXCIsXCJ2aWRlb1RvcFBvc1wiOlwiY3YtLXZpZGVvVG9wUG9zLS0xWFRST1wiLFwidG9wUG9zXCI6XCJjdi0tdG9wUG9zLS0zX3BfSlwifTsiXSwibWFwcGluZ3MiOiJBQUFBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../../libs/shared/src/components/widgets/widget-button/widget-button.scss\n");
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"getPlaylistBgColourClass\", function() { return getPlaylistBgColourClass; });\nfunction getPlaylistBgColourClass(playlist, classNames) {\n  return classNames[playlist.name.charCodeAt(0) % classNames.length];\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2FwcHMvcGxheWxpc3RzL3V0aWxzL2dldEJhY2tncm91bmRDb2xvdXJDbGFzcy50cy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL2xpYnMvc2hhcmVkL3NyYy9hcHBzL3BsYXlsaXN0cy91dGlscy9nZXRCYWNrZ3JvdW5kQ29sb3VyQ2xhc3MudHMiXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgUGxheWxpc3QgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRQbGF5bGlzdEJnQ29sb3VyQ2xhc3MocGxheWxpc3Q6IFBsYXlsaXN0LCBjbGFzc05hbWVzOiBzdHJpbmdbXSk6IHN0cmluZyB7XHJcbiAgcmV0dXJuIGNsYXNzTmFtZXNbcGxheWxpc3QubmFtZS5jaGFyQ29kZUF0KDApICUgY2xhc3NOYW1lcy5sZW5ndGhdO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFFQTtBQUFBO0FBQUE7QUFDQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../../libs/shared/src/apps/playlists/utils/getBackgroundColourClass.ts\n");
 
 /***/ }),
 
-/***/ "../../libs/shared/src/flight-requests/ResourceRequests.ts":
+/***/ "../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"ResourceRequests\", function() { return ResourceRequests; });\n/* harmony import */ var libs_common_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../libs/common/src/backbone/enums/HttpVerbs.ts\");\n/* harmony import */ var libs_common_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/react/utils/RandomHelper.ts\");\n\n\nvar ResourceRequests = {\n  resource: function resource(id) {\n    return {\n      url: \"/api/domain/v2/objects/\".concat(id),\n      key: \"resources:\".concat(id)\n    };\n  },\n  videoResources: function videoResources(videoId) {\n    return {\n      url: \"/api/domain/v2/objects/\".concat(videoId, \"/resources?query=customer\"),\n      key: \"videos:\".concat(videoId, \":resources\")\n    };\n  },\n  addResource: function addResource(videoId, resource, success, error, always) {\n    return {\n      url: \"/api/domain/v2/objects/\".concat(videoId, \"/resources\"),\n      key: \"create:resource:\".concat(resource.fileId || libs_common_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_1__[\"RandomHelper\"].getRandomInt()),\n      data: resource,\n      type: libs_common_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__[\"HttpVerbs\"].POST,\n      invalidationKeys: \"videos:\".concat(videoId, \":resources\"),\n      success: success,\n      error: error,\n      always: always\n    };\n  },\n  updateResource: function updateResource(id, data, success, error, always) {\n    return {\n      url: \"/api/domain/v2/objects/\".concat(id),\n      key: \"update:resource:\".concat(id),\n      data: data,\n      type: libs_common_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__[\"HttpVerbs\"].PUT,\n      success: success,\n      error: error,\n      always: always\n    };\n  },\n  deleteResource: function deleteResource(id, videoId, success, error, always) {\n    return {\n      url: \"/api/domain/v2/objects/\".concat(id),\n      key: \"delete:resource:\".concat(id),\n      type: libs_common_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__[\"HttpVerbs\"].DELETE,\n      invalidationKeys: \"videos:\".concat(videoId, \":resources\"),\n      success: success,\n      error: error,\n      always: always\n    };\n  }\n};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2ZsaWdodC1yZXF1ZXN0cy9SZXNvdXJjZVJlcXVlc3RzLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL2ZsaWdodC1yZXF1ZXN0cy9SZXNvdXJjZVJlcXVlc3RzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IEZsaWdodCB9IGZyb20gJ2xpYnMvY29tbW9uL2ZsaWdodCc7XHJcbmltcG9ydCB7IEhhc2hPYmplY3QgfSBmcm9tICdsaWJzL2NvbW1vbi9yZWFjdC9pbnRlcmZhY2VzL0hhc2hPYmplY3QnO1xyXG5pbXBvcnQgeyBYaHIgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9pbnRlcmZhY2VzL1hocic7XHJcbmltcG9ydCB7IEh0dHBWZXJicyB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL2VudW1zL0h0dHBWZXJicyc7XHJcbmltcG9ydCB7IFJhbmRvbUhlbHBlciB9IGZyb20gJ2xpYnMvY29tbW9uL3JlYWN0L3V0aWxzL1JhbmRvbUhlbHBlcic7XHJcblxyXG5pbXBvcnQgeyBVcGRhdGVSZXNvdXJjZVJlcXVlc3QgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuXHJcbmV4cG9ydCBjb25zdCBSZXNvdXJjZVJlcXVlc3RzID0ge1xyXG4gIHJlc291cmNlKGlkOiBzdHJpbmcpOiBGbGlnaHQuUmVxdWVzdCB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICB1cmw6IGAvYXBpL2RvbWFpbi92Mi9vYmplY3RzLyR7aWR9YCxcclxuICAgICAga2V5OiBgcmVzb3VyY2VzOiR7aWR9YFxyXG4gICAgfTtcclxuICB9LFxyXG5cclxuICB2aWRlb1Jlc291cmNlcyh2aWRlb0lkOiBzdHJpbmcpOiBGbGlnaHQuUmVxdWVzdCB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICB1cmw6IGAvYXBpL2RvbWFpbi92Mi9vYmplY3RzLyR7dmlkZW9JZH0vcmVzb3VyY2VzP3F1ZXJ5PWN1c3RvbWVyYCxcclxuICAgICAga2V5OiBgdmlkZW9zOiR7dmlkZW9JZH06cmVzb3VyY2VzYFxyXG4gICAgfTtcclxuICB9LFxyXG5cclxuICBhZGRSZXNvdXJjZShcclxuICAgIHZpZGVvSWQ6IHN0cmluZyxcclxuICAgIHJlc291cmNlOiBhbnksXHJcbiAgICBzdWNjZXNzPzogKGRhdGE6IEhhc2hPYmplY3QpID0+IHZvaWQsXHJcbiAgICBlcnJvcj86ICh4aHI6IFhocikgPT4gdm9pZCxcclxuICAgIGFsd2F5cz86ICgpID0+IHZvaWRcclxuICApOiBGbGlnaHQuUmVxdWVzdCB7XHJcbiAgICByZXR1cm4ge1xyXG4gICAgICB1cmw6IGAvYXBpL2RvbWFpbi92Mi9vYmplY3RzLyR7dmlkZW9JZH0vcmVzb3VyY2VzYCxcclxuICAgICAga2V5OiBgY3JlYXRlOnJlc291cmNlOiR7cmVzb3VyY2UuZmlsZUlkIHx8IFJhbmRvbUhlbHBlci5nZXRSYW5kb21JbnQoKX1gLFxyXG4gICAgICBkYXRhOiByZXNvdXJjZSxcclxuICAgICAgdHlwZTogSHR0cFZlcmJzLlBPU1QsXHJcbiAgICAgIGludmFsaWRhdGlvbktleXM6IGB2aWRlb3M6JHt2aWRlb0lkfTpyZXNvdXJjZXNgLFxyXG4gICAgICBzdWNjZXNzLFxyXG4gICAgICBlcnJvcixcclxuICAgICAgYWx3YXlzXHJcbiAgICB9O1xyXG4gIH0sXHJcblxyXG4gIHVwZGF0ZVJlc291cmNlKFxyXG4gICAgaWQ6IHN0cmluZyxcclxuICAgIGRhdGE6IFVwZGF0ZVJlc291cmNlUmVxdWVzdCxcclxuICAgIHN1Y2Nlc3M/OiAoZGF0YTogSGFzaE9iamVjdCkgPT4gdm9pZCxcclxuICAgIGVycm9yPzogKHhocjogWGhyKSA9PiB2b2lkLFxyXG4gICAgYWx3YXlzPzogKCkgPT4gdm9pZFxyXG4gICk6IEZsaWdodC5SZXF1ZXN0IHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIHVybDogYC9hcGkvZG9tYWluL3YyL29iamVjdHMvJHtpZH1gLFxyXG4gICAgICBrZXk6IGB1cGRhdGU6cmVzb3VyY2U6JHtpZH1gLFxyXG4gICAgICBkYXRhLFxyXG4gICAgICB0eXBlOiBIdHRwVmVyYnMuUFVULFxyXG4gICAgICBzdWNjZXNzLFxyXG4gICAgICBlcnJvcixcclxuICAgICAgYWx3YXlzXHJcbiAgICB9O1xyXG4gIH0sXHJcblxyXG4gIGRlbGV0ZVJlc291cmNlKFxyXG4gICAgaWQ6IHN0cmluZyxcclxuICAgIHZpZGVvSWQ6IHN0cmluZyxcclxuICAgIHN1Y2Nlc3M/OiAoZGF0YTogSGFzaE9iamVjdCkgPT4gdm9pZCxcclxuICAgIGVycm9yPzogKHhocjogWGhyKSA9PiB2b2lkLFxyXG4gICAgYWx3YXlzPzogKCkgPT4gdm9pZFxyXG4gICk6IEZsaWdodC5SZXF1ZXN0IHtcclxuICAgIHJldHVybiB7XHJcbiAgICAgIHVybDogYC9hcGkvZG9tYWluL3YyL29iamVjdHMvJHtpZH1gLFxyXG4gICAgICBrZXk6IGBkZWxldGU6cmVzb3VyY2U6JHtpZH1gLFxyXG4gICAgICB0eXBlOiBIdHRwVmVyYnMuREVMRVRFLFxyXG4gICAgICBpbnZhbGlkYXRpb25LZXlzOiBgdmlkZW9zOiR7dmlkZW9JZH06cmVzb3VyY2VzYCxcclxuICAgICAgc3VjY2VzcyxcclxuICAgICAgZXJyb3IsXHJcbiAgICAgIGFsd2F5c1xyXG4gICAgfTtcclxuICB9XHJcbn07Il0sIm1hcHBpbmdzIjoiQUFHQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFJQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFJQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFJQTtBQUVBO0FBT0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBUkE7QUFVQTtBQUVBO0FBT0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVBBO0FBU0E7QUFFQTtBQU9BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFQQTtBQVNBO0FBcEVBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///../../libs/shared/src/flight-requests/ResourceRequests.ts\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PlaylistValidationSchema\", function() { return PlaylistValidationSchema; });\n/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"../../../node_modules/yup/lib/index.js\");\n/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n\n\nvar namespace = 'playlists.validation';\nvar PlaylistValidationSchema = yup__WEBPACK_IMPORTED_MODULE_0__[\"object\"]().shape({\n  name: yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"]().max(250, function () {\n    return libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].getPhrase(namespace, 'nameExceeds');\n  }).required(function () {\n    return libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].getPhrase(namespace, 'nameRequired');\n  }),\n  description: yup__WEBPACK_IMPORTED_MODULE_0__[\"string\"]().max(65535, function () {\n    return libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__[\"LanguageService\"].getPhrase(namespace, 'descriptionExceeds');\n  }).nullable()\n});//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2FwcHMvcGxheWxpc3RzL3ZhbGlkYXRpb24vUGxheWxpc3RWYWxpZGF0aW9uU2NoZW1hLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL2FwcHMvcGxheWxpc3RzL3ZhbGlkYXRpb24vUGxheWxpc3RWYWxpZGF0aW9uU2NoZW1hLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFl1cCBmcm9tICd5dXAnO1xyXG5pbXBvcnQgeyBMYW5ndWFnZVNlcnZpY2UgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS9zZXJ2aWNlcy9MYW5ndWFnZVNlcnZpY2UnO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ3BsYXlsaXN0cy52YWxpZGF0aW9uJztcclxuXHJcbmV4cG9ydCBjb25zdCBQbGF5bGlzdFZhbGlkYXRpb25TY2hlbWEgPSBZdXAub2JqZWN0KCkuc2hhcGUoe1xyXG4gIG5hbWU6IFl1cC5zdHJpbmcoKVxyXG4gICAgLm1heCgyNTAsICgpID0+IExhbmd1YWdlU2VydmljZS5nZXRQaHJhc2UobmFtZXNwYWNlLCAnbmFtZUV4Y2VlZHMnKSlcclxuICAgIC5yZXF1aXJlZCgoKSA9PiBMYW5ndWFnZVNlcnZpY2UuZ2V0UGhyYXNlKG5hbWVzcGFjZSwgJ25hbWVSZXF1aXJlZCcpKSxcclxuICBkZXNjcmlwdGlvbjogWXVwLnN0cmluZygpXHJcbiAgICAubWF4KDY1NTM1LCAoKSA9PiBMYW5ndWFnZVNlcnZpY2UuZ2V0UGhyYXNlKG5hbWVzcGFjZSwgJ2Rlc2NyaXB0aW9uRXhjZWVkcycpKVxyXG4gICAgLm51bGxhYmxlKClcclxufSk7Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUVBO0FBRUE7QUFDQTtBQUNBO0FBQUE7QUFDQTtBQUFBO0FBQ0E7QUFDQTtBQUFBO0FBTEEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts\n");
 
 /***/ }),
 
-/***/ "./src/shared/views/preview-pdf/PreviewPdfView.tsx":
+/***/ "../../libs/shared/src/constants/ColourClassNames.ts":
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
-eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"PreviewPdfView\", function() { return PreviewPdfView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var print_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/print-js/dist/print.js\");\n/* harmony import */ var print_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(print_js__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var react_pdf_dist_esm_entry_webpack__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../../node_modules/react-pdf/dist/esm/entry.webpack.js\");\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/common/src/backbone/utils/UrlHelper.ts\");\n/* harmony import */ var libs_shared_components_popup_Popup__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/popup/Popup.tsx\");\n/* harmony import */ var libs_shared_flight_requests_ResourceRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/flight-requests/ResourceRequests.ts\");\n/* harmony import */ var libs_shared_components_popup_PopupLoadingSpinner__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"../../libs/shared/src/components/popup/PopupLoadingSpinner.tsx\");\n/* harmony import */ var libs_shared_components_widgets_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"../../libs/shared/src/components/widgets/widget-button/WidgetButton.tsx\");\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(\"../../libs/shared/src/utils/SvgHelper.ts\");\n/* harmony import */ var libs_shared_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(\"../../libs/shared/src/components/icon-button/IconButton.tsx\");\n/* harmony import */ var libs_shared_enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(\"../../libs/shared/src/enums/ResourceFileType.ts\");\n/* harmony import */ var libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(\"../../libs/shared/src/components/svg-container/SvgContainer.tsx\");\n/* harmony import */ var libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(\"../../libs/analytics/src/AnalyticsHelper.ts\");\n/* harmony import */ var libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(\"../../libs/analytics/src/interfaces/index.ts\");\n/* harmony import */ var shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(\"./src/shared/constants/ImageUrls.ts\");\n/* harmony import */ var _preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(\"./src/shared/views/preview-pdf/preview-pdf.scss\");\n/* harmony import */ var _preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17___default = /*#__PURE__*/__webpack_require__.n(_preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17__);\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _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.\"); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar MODAL_CONTENT_X_PADDING = 80; // Total padding within the modal along the X axis in px\n\nvar namespace = 'shared.previewPdf';\n\nfunction getPreviewUrl(resource) {\n  var _a, _b, _c;\n\n  if (!resource) return null;\n  if (((_a = resource.metadata) === null || _a === void 0 ? void 0 : _a.type) === libs_shared_enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_12__[\"ResourceFileType\"].Pdf || ((_b = resource.metadata) === null || _b === void 0 ? void 0 : _b.type) === libs_shared_enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_12__[\"ResourceFileType\"].Image) return resource.url;\n  return (_c = resource.pdf) === null || _c === void 0 ? void 0 : _c.url;\n}\n\nfunction PreviewPdfError(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'd-flex flex-column align-items-center justify-content-center'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n    alt: '',\n    role: 'presentation',\n    src: shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_16__[\"ImageUrls\"].Fallbacks.RESOURCE_PREVIEW,\n    className: \"\".concat(_preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17___default.a.fallbackImage, \" pb-3\")\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"h2\", {\n    className: 'h5'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_9__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'errorHeading'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_9__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'downloadAnyway'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_11__[\"IconButton\"], {\n    svgName: libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__[\"cvSvgLibrary\"].Download,\n    onClick: props.onClickDownload,\n    className: 'btn btn-dark'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_9__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'download'\n  })));\n}\n\nfunction PreviewPdfView(props) {\n  var _a, _b;\n\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(null),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      numPages = _React$useState2[0],\n      setNumPages = _React$useState2[1];\n\n  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(1),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      pageNumber = _React$useState4[0],\n      setPageNumber = _React$useState4[1];\n\n  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0___default.a.useState(false),\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\n      hasError = _React$useState6[0],\n      setHasError = _React$useState6[1];\n\n  var pageRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef(null);\n  var downloadRef = react__WEBPACK_IMPORTED_MODULE_0___default.a.useRef(null);\n  var resource = libs_common_flight__WEBPACK_IMPORTED_MODULE_3__[\"Flight\"].useBasicFetch(libs_shared_flight_requests_ResourceRequests__WEBPACK_IMPORTED_MODULE_6__[\"ResourceRequests\"].resource(props.id));\n  /**\r\n   * Set a height on the preview container element.\r\n   * This is needed because when the user changes pages, the popup momentarily shrinks in height\r\n   * until it has finished loading the next page. This prevents that shrink from occurring.\r\n   */\n\n  function setCanvasHeight(currentPreviewHeight) {\n    if (!pageRef.current) return;\n    var currentHeightStyle = pageRef.current.style.height;\n    var currentHeightStyleNumber = +currentHeightStyle.substring(0, currentHeightStyle.length - 2);\n    if (currentPreviewHeight > currentHeightStyleNumber) pageRef.current.style.height = currentPreviewHeight + 'px';\n  }\n  /**\r\n   * Shrink or expand the width of the modal to match the width of the resource being previewed.\r\n   * This is necessary to ensure the preview always looks good.\r\n   */\n\n\n  function setModalWidth(currentPreviewWidth) {\n    var modal = document.getElementsByClassName('modal-dialog')[0];\n    var currentWidthStyle = modal.style.width;\n    var currentWidthStyleNumber = +currentWidthStyle.substring(0, currentWidthStyle.length - 2); // If the documents new width is smaller than the modal's current width style, we don't shrink it down again\n    // so as not to be too jarring.\n\n    if (currentPreviewWidth > currentWidthStyleNumber) modal.style.width = currentPreviewWidth + MODAL_CONTENT_X_PADDING + 'px';\n    modal.style.maxWidth = '100%';\n  }\n  /**\r\n   * The shrink / expand logic has been written to closely resemble the logic of Facebook's photo\r\n   * viewing modal, which also expands to fit the size of the largest image.\r\n   */\n\n\n  function onPageLoadSuccess(data) {\n    setCanvasHeight(data.height);\n    setModalWidth(data.width);\n  }\n\n  function onDocumentLoadSuccess(doc) {\n    setNumPages(doc.numPages);\n  }\n\n  function onClickNext() {\n    if (pageNumber === numPages || hasError) return;\n    setPageNumber(pageNumber + 1);\n  }\n\n  function onClickPrevious() {\n    if (pageNumber === 1 || hasError) return;\n    setPageNumber(pageNumber - 1);\n  }\n\n  function onClickPrint() {\n    var _a;\n\n    if (hasError) return;\n    print_js__WEBPACK_IMPORTED_MODULE_1___default()(libs_common_backbone_utils_UrlHelper__WEBPACK_IMPORTED_MODULE_4__[\"UrlHelper\"].urlBuilder(getPreviewUrl(resource.data), {\n      dl: 'false'\n    }), resource.data.metadata.type === libs_shared_enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_12__[\"ResourceFileType\"].Image ? 'image' : 'pdf');\n    libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__[\"AnalyticsHelper\"].logUserAction({\n      id: (_a = resource.data) === null || _a === void 0 ? void 0 : _a.id\n    }, {\n      location: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__[\"LocationContext\"].Popup,\n      actionType: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__[\"UserAction\"].Print,\n      entity: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__[\"EntityType\"].Resource,\n      workflowPhase: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__[\"WorkflowPhase\"].Complete\n    });\n  }\n\n  function onClickDownload() {\n    var _a;\n\n    var iframe = downloadRef.current;\n\n    if (!downloadRef.current) {\n      iframe = downloadRef.current = document.createElement('iframe');\n      document.body.appendChild(iframe);\n      iframe.style.display = 'none';\n    }\n\n    iframe.src = resource.data.url;\n    libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_14__[\"AnalyticsHelper\"].logUserAction({\n      id: (_a = resource.data) === null || _a === void 0 ? void 0 : _a.id\n    }, {\n      location: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__[\"LocationContext\"].Popup,\n      actionType: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__[\"UserAction\"].Download,\n      entity: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__[\"EntityType\"].Resource,\n      workflowPhase: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_15__[\"WorkflowPhase\"].Complete\n    });\n  }\n\n  function getHeaderButtons() {\n    var buttons = [{\n      svgName: libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__[\"cvSvgLibrary\"].Download,\n      onClick: onClickDownload,\n      className: 'btn btn-link mr-2',\n      svgSize: libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_13__[\"SvgContainerSize\"].Large\n    }];\n\n    if (!hasError) {\n      buttons.push({\n        svgName: libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__[\"cvSvgLibrary\"].Print,\n        onClick: onClickPrint,\n        className: 'btn btn-link',\n        svgSize: libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_13__[\"SvgContainerSize\"].Large\n      });\n    }\n\n    return buttons;\n  }\n\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_popup_Popup__WEBPACK_IMPORTED_MODULE_5__[\"Popup\"], {\n    title: (_b = (_a = resource.data) === null || _a === void 0 ? void 0 : _a.name) !== null && _b !== void 0 ? _b : '',\n    showLoadingSpinner: !resource.data,\n    size: 'lg',\n    closePopup: props.closePopup,\n    headerButtons: getHeaderButtons()\n  }, function () {\n    var _a;\n\n    if (!resource.data) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null);\n    if (((_a = resource.data.metadata) === null || _a === void 0 ? void 0 : _a.type) === libs_shared_enums_ResourceFileType__WEBPACK_IMPORTED_MODULE_12__[\"ResourceFileType\"].Image) return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n      className: 'd-flex justify-content-center w-100 h-100'\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"img\", {\n      alt: resource.data.name,\n      className: 'img-fluid',\n      src: getPreviewUrl(resource.data)\n    }));\n    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(react_pdf_dist_esm_entry_webpack__WEBPACK_IMPORTED_MODULE_2__[\"Document\"], {\n      file: getPreviewUrl(resource.data),\n      className: \"\".concat(_preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17___default.a.document, \" \").concat(hasError ? _preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17___default.a.documentError : ''),\n      onLoadSuccess: onDocumentLoadSuccess,\n      onLoadError: function onLoadError() {\n        return setHasError(true);\n      },\n      error: function error() {\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PreviewPdfError, {\n          onClickDownload: onClickDownload\n        });\n      },\n      loading: libs_shared_components_popup_PopupLoadingSpinner__WEBPACK_IMPORTED_MODULE_7__[\"PopupLoadingSpinner\"]\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_pdf_dist_esm_entry_webpack__WEBPACK_IMPORTED_MODULE_2__[\"Page\"], {\n      pageNumber: pageNumber,\n      loading: libs_shared_components_popup_PopupLoadingSpinner__WEBPACK_IMPORTED_MODULE_7__[\"PopupLoadingSpinner\"],\n      inputRef: function inputRef(ref) {\n        return pageRef.current = ref;\n      },\n      className: \"\".concat(_preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17___default.a.page, \" d-flex justify-content-center position-relative\"),\n      onLoadSuccess: onPageLoadSuccess,\n      onLoadError: function onLoadError() {\n        return setHasError(true);\n      },\n      error: function error() {\n        return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(PreviewPdfError, {\n          onClickDownload: onClickDownload\n        });\n      }\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_widgets_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_8__[\"WidgetButton\"], {\n      onClick: onClickPrevious,\n      direction: libs_shared_components_widgets_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_8__[\"WidgetButtonDirection\"].Left,\n      hide: hasError || pageNumber === 1,\n      className: _preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17___default.a.buttonLeft\n    }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_widgets_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_8__[\"WidgetButton\"], {\n      onClick: onClickNext,\n      direction: libs_shared_components_widgets_widget_button_WidgetButton__WEBPACK_IMPORTED_MODULE_8__[\"WidgetButtonDirection\"].Right,\n      hide: hasError || pageNumber === numPages,\n      className: _preview_pdf_scss__WEBPACK_IMPORTED_MODULE_17___default.a.buttonRight\n    }))), !!(numPages && numPages > 1 && !hasError) && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"p\", {\n      className: 'mt-3 text-center'\n    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_9__[\"Text\"], {\n      namespace: namespace,\n      phrase: 'pageNumber',\n      options: {\n        current: pageNumber,\n        total: numPages\n      }\n    })));\n  }());\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL3ZpZXdzL3ByZXZpZXctcGRmL1ByZXZpZXdQZGZWaWV3LnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvc3JjL3NoYXJlZC92aWV3cy9wcmV2aWV3LXBkZi9QcmV2aWV3UGRmVmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHByaW50SlMgZnJvbSAncHJpbnQtanMnO1xyXG5pbXBvcnQgeyBEb2N1bWVudCwgUGFnZSB9IGZyb20gJ3JlYWN0LXBkZi9kaXN0L2VzbS9lbnRyeS53ZWJwYWNrJztcclxuaW1wb3J0IHsgUERGRG9jdW1lbnRQcm94eSB9IGZyb20gJ3BkZmpzLWRpc3QnO1xyXG5pbXBvcnQgeyBQREZQYWdlUHJveHkgfSBmcm9tICdyZWFjdC1wZGYvZGlzdC9QYWdlJztcclxuXHJcbmltcG9ydCB7IEZsaWdodCB9IGZyb20gJ2xpYnMvY29tbW9uL2ZsaWdodCc7XHJcbmltcG9ydCB7IFVybEhlbHBlciB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3V0aWxzL1VybEhlbHBlcic7XHJcblxyXG5pbXBvcnQgeyBQb3B1cFZpZXdQcm9wcywgUmVzb3VyY2UgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgUG9wdXAsIEhlYWRlckJ1dHRvbiB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvcG9wdXAvUG9wdXAnO1xyXG5pbXBvcnQgeyBSZXNvdXJjZVJlcXVlc3RzIH0gZnJvbSAnbGlicy9zaGFyZWQvZmxpZ2h0LXJlcXVlc3RzL1Jlc291cmNlUmVxdWVzdHMnO1xyXG5pbXBvcnQgeyBQb3B1cExvYWRpbmdTcGlubmVyIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9wb3B1cC9Qb3B1cExvYWRpbmdTcGlubmVyJztcclxuaW1wb3J0IHsgV2lkZ2V0QnV0dG9uLCBXaWRnZXRCdXR0b25EaXJlY3Rpb24gfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL3dpZGdldHMvd2lkZ2V0LWJ1dHRvbi9XaWRnZXRCdXR0b24nO1xyXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy90ZXh0L1RleHQnO1xyXG5pbXBvcnQgeyBjdlN2Z0xpYnJhcnkgfSBmcm9tICdsaWJzL3NoYXJlZC91dGlscy9TdmdIZWxwZXInO1xyXG5pbXBvcnQgeyBJY29uQnV0dG9uIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9pY29uLWJ1dHRvbi9JY29uQnV0dG9uJztcclxuaW1wb3J0IHsgUmVzb3VyY2VGaWxlVHlwZSB9IGZyb20gJ2xpYnMvc2hhcmVkL2VudW1zL1Jlc291cmNlRmlsZVR5cGUnO1xyXG5pbXBvcnQgeyBTdmdDb250YWluZXJTaXplIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9zdmctY29udGFpbmVyL1N2Z0NvbnRhaW5lcic7XHJcblxyXG5pbXBvcnQgeyBBbmFseXRpY3NIZWxwZXIgfSBmcm9tICdsaWJzL2FuYWx5dGljcy9BbmFseXRpY3NIZWxwZXInO1xyXG5pbXBvcnQgeyBMb2NhdGlvbkNvbnRleHQsIFVzZXJBY3Rpb24sIEVudGl0eVR5cGUsIFdvcmtmbG93UGhhc2UgfSBmcm9tICdsaWJzL2FuYWx5dGljcy9pbnRlcmZhY2VzJztcclxuXHJcbmltcG9ydCB7IEltYWdlVXJscyB9IGZyb20gJ3NoYXJlZC9jb25zdGFudHMvSW1hZ2VVcmxzJztcclxuXHJcbmltcG9ydCBzdHlsZXMgZnJvbSAnLi9wcmV2aWV3LXBkZi5zY3NzJztcclxuXHJcbmNvbnN0IE1PREFMX0NPTlRFTlRfWF9QQURESU5HID0gODA7IC8vIFRvdGFsIHBhZGRpbmcgd2l0aGluIHRoZSBtb2RhbCBhbG9uZyB0aGUgWCBheGlzIGluIHB4XHJcblxyXG5jb25zdCBuYW1lc3BhY2UgPSAnc2hhcmVkLnByZXZpZXdQZGYnO1xyXG5cclxuZnVuY3Rpb24gZ2V0UHJldmlld1VybChyZXNvdXJjZTogUmVzb3VyY2UpOiBzdHJpbmcge1xyXG4gIGlmICghcmVzb3VyY2UpXHJcbiAgICByZXR1cm4gbnVsbDtcclxuXHJcbiAgaWYgKHJlc291cmNlLm1ldGFkYXRhPy50eXBlID09PSBSZXNvdXJjZUZpbGVUeXBlLlBkZiB8fCByZXNvdXJjZS5tZXRhZGF0YT8udHlwZSA9PT0gUmVzb3VyY2VGaWxlVHlwZS5JbWFnZSlcclxuICAgIHJldHVybiByZXNvdXJjZS51cmw7XHJcblxyXG4gIHJldHVybiByZXNvdXJjZS5wZGY/LnVybDtcclxufVxyXG5cclxuZnVuY3Rpb24gUHJldmlld1BkZkVycm9yKHByb3BzOiB7IG9uQ2xpY2tEb3dubG9hZDogKCkgPT4gdm9pZCB9KTogSlNYLkVsZW1lbnQge1xyXG4gIHJldHVybiAoXHJcbiAgICA8ZGl2IGNsYXNzTmFtZT0nZC1mbGV4IGZsZXgtY29sdW1uIGFsaWduLWl0ZW1zLWNlbnRlciBqdXN0aWZ5LWNvbnRlbnQtY2VudGVyJz5cclxuICAgICAgPGltZ1xyXG4gICAgICAgIGFsdD0nJ1xyXG4gICAgICAgIHJvbGU9J3ByZXNlbnRhdGlvbidcclxuICAgICAgICBzcmM9e0ltYWdlVXJscy5GYWxsYmFja3MuUkVTT1VSQ0VfUFJFVklFV31cclxuICAgICAgICBjbGFzc05hbWU9e2Ake3N0eWxlcy5mYWxsYmFja0ltYWdlfSBwYi0zYH1cclxuICAgICAgLz5cclxuXHJcbiAgICAgIDxoMiBjbGFzc05hbWU9J2g1Jz48VGV4dCBuYW1lc3BhY2U9e25hbWVzcGFjZX0gcGhyYXNlPSdlcnJvckhlYWRpbmcnIC8+PC9oMj5cclxuICAgICAgPHA+PFRleHQgbmFtZXNwYWNlPXtuYW1lc3BhY2V9IHBocmFzZT0nZG93bmxvYWRBbnl3YXknIC8+PC9wPlxyXG4gICAgICA8SWNvbkJ1dHRvblxyXG4gICAgICAgIHN2Z05hbWU9e2N2U3ZnTGlicmFyeS5Eb3dubG9hZH1cclxuICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsaWNrRG93bmxvYWR9XHJcbiAgICAgICAgY2xhc3NOYW1lPSdidG4gYnRuLWRhcmsnXHJcbiAgICAgID5cclxuICAgICAgICA8VGV4dCBuYW1lc3BhY2U9e25hbWVzcGFjZX0gcGhyYXNlPSdkb3dubG9hZCcgLz5cclxuICAgICAgPC9JY29uQnV0dG9uPlxyXG4gICAgPC9kaXY+XHJcbiAgKTtcclxufVxyXG5cclxudHlwZSBQcmV2aWV3UGRmVmlld1Byb3BzID0gUG9wdXBWaWV3UHJvcHMgJiB7XHJcbiAgaWQ6IHN0cmluZztcclxufTtcclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBQcmV2aWV3UGRmVmlldyhwcm9wczogUHJldmlld1BkZlZpZXdQcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBbIG51bVBhZ2VzLCBzZXROdW1QYWdlcyBdID0gUmVhY3QudXNlU3RhdGUobnVsbCk7XHJcbiAgY29uc3QgWyBwYWdlTnVtYmVyLCBzZXRQYWdlTnVtYmVyIF0gPSBSZWFjdC51c2VTdGF0ZSgxKTtcclxuICBjb25zdCBbIGhhc0Vycm9yLCBzZXRIYXNFcnJvciBdID0gUmVhY3QudXNlU3RhdGUoZmFsc2UpO1xyXG5cclxuICBjb25zdCBwYWdlUmVmID0gUmVhY3QudXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKTtcclxuICBjb25zdCBkb3dubG9hZFJlZiA9IFJlYWN0LnVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbCk7XHJcblxyXG4gIGNvbnN0IHJlc291cmNlID0gRmxpZ2h0LnVzZUJhc2ljRmV0Y2g8UmVzb3VyY2U+KFJlc291cmNlUmVxdWVzdHMucmVzb3VyY2UocHJvcHMuaWQpKTtcclxuXHJcbiAgLyoqXHJcbiAgICogU2V0IGEgaGVpZ2h0IG9uIHRoZSBwcmV2aWV3IGNvbnRhaW5lciBlbGVtZW50LlxyXG4gICAqIFRoaXMgaXMgbmVlZGVkIGJlY2F1c2Ugd2hlbiB0aGUgdXNlciBjaGFuZ2VzIHBhZ2VzLCB0aGUgcG9wdXAgbW9tZW50YXJpbHkgc2hyaW5rcyBpbiBoZWlnaHRcclxuICAgKiB1bnRpbCBpdCBoYXMgZmluaXNoZWQgbG9hZGluZyB0aGUgbmV4dCBwYWdlLiBUaGlzIHByZXZlbnRzIHRoYXQgc2hyaW5rIGZyb20gb2NjdXJyaW5nLlxyXG4gICAqL1xyXG4gIGZ1bmN0aW9uIHNldENhbnZhc0hlaWdodChjdXJyZW50UHJldmlld0hlaWdodDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBpZiAoIXBhZ2VSZWYuY3VycmVudClcclxuICAgICAgcmV0dXJuO1xyXG5cclxuICAgIGNvbnN0IGN1cnJlbnRIZWlnaHRTdHlsZSA9IHBhZ2VSZWYuY3VycmVudC5zdHlsZS5oZWlnaHQ7XHJcbiAgICBjb25zdCBjdXJyZW50SGVpZ2h0U3R5bGVOdW1iZXIgPSArKGN1cnJlbnRIZWlnaHRTdHlsZS5zdWJzdHJpbmcoMCwgY3VycmVudEhlaWdodFN0eWxlLmxlbmd0aCAtIDIpKTtcclxuXHJcbiAgICBpZiAoY3VycmVudFByZXZpZXdIZWlnaHQgPiBjdXJyZW50SGVpZ2h0U3R5bGVOdW1iZXIpXHJcbiAgICAgIHBhZ2VSZWYuY3VycmVudC5zdHlsZS5oZWlnaHQgPSBjdXJyZW50UHJldmlld0hlaWdodCArICdweCc7XHJcbiAgfVxyXG5cclxuICAvKipcclxuICAgKiBTaHJpbmsgb3IgZXhwYW5kIHRoZSB3aWR0aCBvZiB0aGUgbW9kYWwgdG8gbWF0Y2ggdGhlIHdpZHRoIG9mIHRoZSByZXNvdXJjZSBiZWluZyBwcmV2aWV3ZWQuXHJcbiAgICogVGhpcyBpcyBuZWNlc3NhcnkgdG8gZW5zdXJlIHRoZSBwcmV2aWV3IGFsd2F5cyBsb29rcyBnb29kLlxyXG4gICAqL1xyXG4gIGZ1bmN0aW9uIHNldE1vZGFsV2lkdGgoY3VycmVudFByZXZpZXdXaWR0aDogbnVtYmVyKTogdm9pZCB7XHJcbiAgICBjb25zdCBtb2RhbCA9IGRvY3VtZW50LmdldEVsZW1lbnRzQnlDbGFzc05hbWUoJ21vZGFsLWRpYWxvZycpWzBdIGFzIEhUTUxEaXZFbGVtZW50O1xyXG5cclxuICAgIGNvbnN0IGN1cnJlbnRXaWR0aFN0eWxlID0gbW9kYWwuc3R5bGUud2lkdGg7XHJcbiAgICBjb25zdCBjdXJyZW50V2lkdGhTdHlsZU51bWJlciA9ICsoY3VycmVudFdpZHRoU3R5bGUuc3Vic3RyaW5nKDAsIGN1cnJlbnRXaWR0aFN0eWxlLmxlbmd0aCAtIDIpKTtcclxuXHJcbiAgICAvLyBJZiB0aGUgZG9jdW1lbnRzIG5ldyB3aWR0aCBpcyBzbWFsbGVyIHRoYW4gdGhlIG1vZGFsJ3MgY3VycmVudCB3aWR0aCBzdHlsZSwgd2UgZG9uJ3Qgc2hyaW5rIGl0IGRvd24gYWdhaW5cclxuICAgIC8vIHNvIGFzIG5vdCB0byBiZSB0b28gamFycmluZy5cclxuICAgIGlmIChjdXJyZW50UHJldmlld1dpZHRoID4gY3VycmVudFdpZHRoU3R5bGVOdW1iZXIpXHJcbiAgICAgIG1vZGFsLnN0eWxlLndpZHRoID0gY3VycmVudFByZXZpZXdXaWR0aCArIE1PREFMX0NPTlRFTlRfWF9QQURESU5HICsgJ3B4JztcclxuXHJcbiAgICBtb2RhbC5zdHlsZS5tYXhXaWR0aCA9ICcxMDAlJztcclxuICB9XHJcblxyXG4gIC8qKlxyXG4gICAqIFRoZSBzaHJpbmsgLyBleHBhbmQgbG9naWMgaGFzIGJlZW4gd3JpdHRlbiB0byBjbG9zZWx5IHJlc2VtYmxlIHRoZSBsb2dpYyBvZiBGYWNlYm9vaydzIHBob3RvXHJcbiAgICogdmlld2luZyBtb2RhbCwgd2hpY2ggYWxzbyBleHBhbmRzIHRvIGZpdCB0aGUgc2l6ZSBvZiB0aGUgbGFyZ2VzdCBpbWFnZS5cclxuICAgKi9cclxuICBmdW5jdGlvbiBvblBhZ2VMb2FkU3VjY2VzcyhkYXRhOiBQREZQYWdlUHJveHkpOiB2b2lkIHtcclxuICAgIHNldENhbnZhc0hlaWdodChkYXRhLmhlaWdodCk7XHJcbiAgICBzZXRNb2RhbFdpZHRoKGRhdGEud2lkdGgpO1xyXG4gIH1cclxuXHJcbiAgZnVuY3Rpb24gb25Eb2N1bWVudExvYWRTdWNjZXNzKGRvYzogUERGRG9jdW1lbnRQcm94eSk6IHZvaWQge1xyXG4gICAgc2V0TnVtUGFnZXMoZG9jLm51bVBhZ2VzKTtcclxuICB9XHJcblxyXG4gIGZ1bmN0aW9uIG9uQ2xpY2tOZXh0KCk6IHZvaWQge1xyXG4gICAgaWYgKHBhZ2VOdW1iZXIgPT09IG51bVBhZ2VzIHx8IGhhc0Vycm9yKVxyXG4gICAgICByZXR1cm47XHJcblxyXG4gICAgc2V0UGFnZU51bWJlcihwYWdlTnVtYmVyICsgMSk7XHJcbiAgfVxyXG5cclxuICBmdW5jdGlvbiBvbkNsaWNrUHJldmlvdXMoKTogdm9pZCB7XHJcbiAgICBpZiAocGFnZU51bWJlciA9PT0gMSB8fCBoYXNFcnJvcilcclxuICAgICAgcmV0dXJuO1xyXG5cclxuICAgIHNldFBhZ2VOdW1iZXIocGFnZU51bWJlciAtIDEpO1xyXG4gIH1cclxuXHJcbiAgZnVuY3Rpb24gb25DbGlja1ByaW50KCk6IHZvaWQge1xyXG4gICAgaWYgKGhhc0Vycm9yKVxyXG4gICAgICByZXR1cm47XHJcblxyXG4gICAgcHJpbnRKUyhcclxuICAgICAgVXJsSGVscGVyLnVybEJ1aWxkZXIoZ2V0UHJldmlld1VybChyZXNvdXJjZS5kYXRhKSwgeyBkbDogJ2ZhbHNlJyB9KSxcclxuICAgICAgcmVzb3VyY2UuZGF0YS5tZXRhZGF0YS50eXBlID09PSBSZXNvdXJjZUZpbGVUeXBlLkltYWdlID8gJ2ltYWdlJyA6ICdwZGYnXHJcbiAgICApO1xyXG5cclxuICAgIEFuYWx5dGljc0hlbHBlci5sb2dVc2VyQWN0aW9uKHsgaWQ6IHJlc291cmNlLmRhdGE/LmlkIH0sIHtcclxuICAgICAgbG9jYXRpb246IExvY2F0aW9uQ29udGV4dC5Qb3B1cCxcclxuICAgICAgYWN0aW9uVHlwZTogVXNlckFjdGlvbi5QcmludCxcclxuICAgICAgZW50aXR5OiBFbnRpdHlUeXBlLlJlc291cmNlLFxyXG4gICAgICB3b3JrZmxvd1BoYXNlOiBXb3JrZmxvd1BoYXNlLkNvbXBsZXRlXHJcbiAgICB9KTtcclxuICB9XHJcbiBcclxuICBmdW5jdGlvbiBvbkNsaWNrRG93bmxvYWQoKTogdm9pZCB7XHJcbiAgICBsZXQgaWZyYW1lID0gZG93bmxvYWRSZWYuY3VycmVudDtcclxuXHJcbiAgICBpZiAoIWRvd25sb2FkUmVmLmN1cnJlbnQpIHtcclxuICAgICAgaWZyYW1lID0gZG93bmxvYWRSZWYuY3VycmVudCA9IGRvY3VtZW50LmNyZWF0ZUVsZW1lbnQoJ2lmcmFtZScpO1xyXG4gICAgICBkb2N1bWVudC5ib2R5LmFwcGVuZENoaWxkKGlmcmFtZSk7XHJcblxyXG4gICAgICBpZnJhbWUuc3R5bGUuZGlzcGxheSA9ICdub25lJztcclxuICAgIH1cclxuXHJcbiAgICBpZnJhbWUuc3JjID0gcmVzb3VyY2UuZGF0YS51cmw7XHJcblxyXG4gICAgQW5hbHl0aWNzSGVscGVyLmxvZ1VzZXJBY3Rpb24oeyBpZDogcmVzb3VyY2UuZGF0YT8uaWQgfSwge1xyXG4gICAgICBsb2NhdGlvbjogTG9jYXRpb25Db250ZXh0LlBvcHVwLFxyXG4gICAgICBhY3Rpb25UeXBlOiBVc2VyQWN0aW9uLkRvd25sb2FkLFxyXG4gICAgICBlbnRpdHk6IEVudGl0eVR5cGUuUmVzb3VyY2UsXHJcbiAgICAgIHdvcmtmbG93UGhhc2U6IFdvcmtmbG93UGhhc2UuQ29tcGxldGVcclxuICAgIH0pO1xyXG4gIH1cclxuXHJcbiAgZnVuY3Rpb24gZ2V0SGVhZGVyQnV0dG9ucygpOiBIZWFkZXJCdXR0b25bXSB7XHJcbiAgICBjb25zdCBidXR0b25zID0gW3tcclxuICAgICAgc3ZnTmFtZTogY3ZTdmdMaWJyYXJ5LkRvd25sb2FkLFxyXG4gICAgICBvbkNsaWNrOiBvbkNsaWNrRG93bmxvYWQsXHJcbiAgICAgIGNsYXNzTmFtZTogJ2J0biBidG4tbGluayBtci0yJyxcclxuICAgICAgc3ZnU2l6ZTogU3ZnQ29udGFpbmVyU2l6ZS5MYXJnZVxyXG4gICAgfV07XHJcblxyXG4gICAgaWYgKCFoYXNFcnJvcikge1xyXG4gICAgICBidXR0b25zLnB1c2goe1xyXG4gICAgICAgIHN2Z05hbWU6IGN2U3ZnTGlicmFyeS5QcmludCxcclxuICAgICAgICBvbkNsaWNrOiBvbkNsaWNrUHJpbnQsXHJcbiAgICAgICAgY2xhc3NOYW1lOiAnYnRuIGJ0bi1saW5rJyxcclxuICAgICAgICBzdmdTaXplOiBTdmdDb250YWluZXJTaXplLkxhcmdlXHJcbiAgICAgIH0pO1xyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiBidXR0b25zO1xyXG4gIH1cclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxQb3B1cFxyXG4gICAgICB0aXRsZT17cmVzb3VyY2UuZGF0YT8ubmFtZSA/PyAnJ31cclxuICAgICAgc2hvd0xvYWRpbmdTcGlubmVyPXshcmVzb3VyY2UuZGF0YX1cclxuICAgICAgc2l6ZT0nbGcnXHJcbiAgICAgIGNsb3NlUG9wdXA9e3Byb3BzLmNsb3NlUG9wdXB9XHJcbiAgICAgIGhlYWRlckJ1dHRvbnM9e2dldEhlYWRlckJ1dHRvbnMoKX1cclxuICAgID5cclxuICAgICAgeygoKSA9PiB7XHJcbiAgICAgICAgaWYgKCFyZXNvdXJjZS5kYXRhKVxyXG4gICAgICAgICAgcmV0dXJuIDw+PC8+O1xyXG5cclxuICAgICAgICBpZiAocmVzb3VyY2UuZGF0YS5tZXRhZGF0YT8udHlwZSA9PT0gUmVzb3VyY2VGaWxlVHlwZS5JbWFnZSlcclxuICAgICAgICAgIHJldHVybiAoXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3NOYW1lPSdkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciB3LTEwMCBoLTEwMCc+XHJcbiAgICAgICAgICAgICAgPGltZyBhbHQ9e3Jlc291cmNlLmRhdGEubmFtZX0gY2xhc3NOYW1lPSdpbWctZmx1aWQnIHNyYz17Z2V0UHJldmlld1VybChyZXNvdXJjZS5kYXRhKX0gLz5cclxuICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICApO1xyXG5cclxuICAgICAgICByZXR1cm4gKFxyXG4gICAgICAgICAgPD5cclxuICAgICAgICAgICAgPERvY3VtZW50XHJcbiAgICAgICAgICAgICAgZmlsZT17Z2V0UHJldmlld1VybChyZXNvdXJjZS5kYXRhKX1cclxuICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake3N0eWxlcy5kb2N1bWVudH0gJHtoYXNFcnJvciA/IHN0eWxlcy5kb2N1bWVudEVycm9yIDogJyd9YH1cclxuICAgICAgICAgICAgICBvbkxvYWRTdWNjZXNzPXtvbkRvY3VtZW50TG9hZFN1Y2Nlc3N9XHJcbiAgICAgICAgICAgICAgb25Mb2FkRXJyb3I9eygpID0+IHNldEhhc0Vycm9yKHRydWUpfVxyXG4gICAgICAgICAgICAgIGVycm9yPXsoKSA9PiA8UHJldmlld1BkZkVycm9yIG9uQ2xpY2tEb3dubG9hZD17b25DbGlja0Rvd25sb2FkfSAvPn1cclxuICAgICAgICAgICAgICBsb2FkaW5nPXtQb3B1cExvYWRpbmdTcGlubmVyfVxyXG4gICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgPFBhZ2VcclxuICAgICAgICAgICAgICAgIHBhZ2VOdW1iZXI9e3BhZ2VOdW1iZXJ9XHJcbiAgICAgICAgICAgICAgICBsb2FkaW5nPXtQb3B1cExvYWRpbmdTcGlubmVyfVxyXG4gICAgICAgICAgICAgICAgaW5wdXRSZWY9e3JlZiA9PiBwYWdlUmVmLmN1cnJlbnQgPSByZWZ9XHJcbiAgICAgICAgICAgICAgICBjbGFzc05hbWU9e2Ake3N0eWxlcy5wYWdlfSBkLWZsZXgganVzdGlmeS1jb250ZW50LWNlbnRlciBwb3NpdGlvbi1yZWxhdGl2ZWB9XHJcbiAgICAgICAgICAgICAgICBvbkxvYWRTdWNjZXNzPXtvblBhZ2VMb2FkU3VjY2Vzc31cclxuICAgICAgICAgICAgICAgIG9uTG9hZEVycm9yPXsoKSA9PiBzZXRIYXNFcnJvcih0cnVlKX1cclxuICAgICAgICAgICAgICAgIGVycm9yPXsoKSA9PiA8UHJldmlld1BkZkVycm9yIG9uQ2xpY2tEb3dubG9hZD17b25DbGlja0Rvd25sb2FkfSAvPn1cclxuICAgICAgICAgICAgICA+XHJcbiAgICAgICAgICAgICAgICA8V2lkZ2V0QnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2tQcmV2aW91c31cclxuICAgICAgICAgICAgICAgICAgZGlyZWN0aW9uPXtXaWRnZXRCdXR0b25EaXJlY3Rpb24uTGVmdH1cclxuICAgICAgICAgICAgICAgICAgaGlkZT17aGFzRXJyb3IgfHwgcGFnZU51bWJlciA9PT0gMX1cclxuICAgICAgICAgICAgICAgICAgY2xhc3NOYW1lPXtzdHlsZXMuYnV0dG9uTGVmdH1cclxuICAgICAgICAgICAgICAgIC8+XHJcbiAgICAgICAgICAgICAgICA8V2lkZ2V0QnV0dG9uXHJcbiAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9e29uQ2xpY2tOZXh0fVxyXG4gICAgICAgICAgICAgICAgICBkaXJlY3Rpb249e1dpZGdldEJ1dHRvbkRpcmVjdGlvbi5SaWdodH1cclxuICAgICAgICAgICAgICAgICAgaGlkZT17aGFzRXJyb3IgfHwgcGFnZU51bWJlciA9PT0gbnVtUGFnZXN9XHJcbiAgICAgICAgICAgICAgICAgIGNsYXNzTmFtZT17c3R5bGVzLmJ1dHRvblJpZ2h0fVxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8L1BhZ2U+XHJcbiAgICAgICAgICAgIDwvRG9jdW1lbnQ+XHJcbiAgICAgICAgICAgIHshIShudW1QYWdlcyAmJiBudW1QYWdlcyA+IDEgJiYgIWhhc0Vycm9yKSAmJiAoXHJcbiAgICAgICAgICAgICAgPHAgY2xhc3NOYW1lPSdtdC0zIHRleHQtY2VudGVyJz5cclxuICAgICAgICAgICAgICAgIDxUZXh0XHJcbiAgICAgICAgICAgICAgICAgIG5hbWVzcGFjZT17bmFtZXNwYWNlfVxyXG4gICAgICAgICAgICAgICAgICBwaHJhc2U9J3BhZ2VOdW1iZXInXHJcbiAgICAgICAgICAgICAgICAgIG9wdGlvbnM9e3tcclxuICAgICAgICAgICAgICAgICAgICBjdXJyZW50OiBwYWdlTnVtYmVyLFxyXG4gICAgICAgICAgICAgICAgICAgIHRvdGFsOiBudW1QYWdlc1xyXG4gICAgICAgICAgICAgICAgICB9fVxyXG4gICAgICAgICAgICAgICAgLz5cclxuICAgICAgICAgICAgICA8L3A+XHJcbiAgICAgICAgICAgICl9XHJcbiAgICAgICAgICA8Lz5cclxuICAgICAgICApO1xyXG4gICAgICB9KSgpfVxyXG4gICAgPC9Qb3B1cD5cclxuICApO1xyXG59XHJcbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBQ0E7QUFJQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUVBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBOzs7QUFDQTtBQUdBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBT0E7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUVBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFBQTtBQUFBO0FBSUE7QUFDQTtBQUtBOzs7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBREE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFJQTtBQUNBO0FBRUE7QUFFQTs7OztBQUlBO0FBQ0E7QUFBQTtBQUNBO0FBR0E7QUFDQTtBQUVBO0FBRUE7QUFFQTs7O0FBR0E7QUFDQTtBQUNBO0FBREE7QUFDQTtBQUVBO0FBQ0E7QUFHQTtBQUNBO0FBQUE7QUFHQTtBQUNBO0FBRUE7OztBQUdBO0FBQ0E7QUFDQTtBQURBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7OztBQUNBO0FBR0E7QUFDQTtBQUFBO0FBSUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQU1BO0FBQ0E7QUFDQTs7O0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQU1BO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQUNBO0FBTUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFNQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7OztBQVFBO0FBR0E7QUFFQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFJQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQU5BO0FBU0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBUEE7QUFVQTtBQUNBO0FBQ0E7QUFDQTtBQUpBO0FBT0E7QUFDQTtBQUNBO0FBQ0E7QUFKQTtBQVNBO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRkE7QUFIQTtBQVlBO0FBR0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/shared/views/preview-pdf/PreviewPdfView.tsx\n");
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"BG_COLOUR_CLASS_NAMES\", function() { return BG_COLOUR_CLASS_NAMES; });\nvar BG_COLOUR_CLASS_NAMES = ['bg-pink', 'bg-orange', 'bg-green', 'bg-cyan', 'bg-teal', 'bg-blue', 'bg-indigo', 'bg-purple'];//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2NvbnN0YW50cy9Db2xvdXJDbGFzc05hbWVzLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL2NvbnN0YW50cy9Db2xvdXJDbGFzc05hbWVzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImV4cG9ydCBjb25zdCBCR19DT0xPVVJfQ0xBU1NfTkFNRVMgPSBbXHJcbiAgJ2JnLXBpbmsnLFxyXG4gICdiZy1vcmFuZ2UnLFxyXG4gICdiZy1ncmVlbicsXHJcbiAgJ2JnLWN5YW4nLFxyXG4gICdiZy10ZWFsJyxcclxuICAnYmctYmx1ZScsXHJcbiAgJ2JnLWluZGlnbycsXHJcbiAgJ2JnLXB1cnBsZSdcclxuXTtcclxuIl0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../../libs/shared/src/constants/ColourClassNames.ts\n");
 
 /***/ }),
 
-/***/ "./src/shared/views/preview-pdf/preview-pdf.scss":
-/***/ (function(module, exports, __webpack_require__) {
+/***/ "../../libs/shared/src/hooks/UseFetchAll.ts":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"document\":\"cv--document--1Np1B\",\"page\":\"cv--page--2_iqA\",\"documentError\":\"cv--documentError--16jm0\",\"buttonLeft\":\"cv--buttonLeft--14-B9\",\"buttonRight\":\"cv--buttonRight--3jSKm\",\"fallbackImage\":\"cv--fallbackImage--2N2Gp\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvc2hhcmVkL3ZpZXdzL3ByZXZpZXctcGRmL3ByZXZpZXctcGRmLnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9saXRlL3NyYy9zaGFyZWQvdmlld3MvcHJldmlldy1wZGYvcHJldmlldy1wZGYuc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbm1vZHVsZS5leHBvcnRzID0ge1wiZG9jdW1lbnRcIjpcImN2LS1kb2N1bWVudC0tMU5wMUJcIixcInBhZ2VcIjpcImN2LS1wYWdlLS0yX2lxQVwiLFwiZG9jdW1lbnRFcnJvclwiOlwiY3YtLWRvY3VtZW50RXJyb3ItLTE2am0wXCIsXCJidXR0b25MZWZ0XCI6XCJjdi0tYnV0dG9uTGVmdC0tMTQtQjlcIixcImJ1dHRvblJpZ2h0XCI6XCJjdi0tYnV0dG9uUmlnaHQtLTNqU0ttXCIsXCJmYWxsYmFja0ltYWdlXCI6XCJjdi0tZmFsbGJhY2tJbWFnZS0tMk4yR3BcIn07Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUNBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/shared/views/preview-pdf/preview-pdf.scss\n");
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"useFetchAll\", function() { return useFetchAll; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var _UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../libs/shared/src/hooks/UseSelectAllPages.ts\");\n\n\n/**\r\n * Hook to fetch all pages of a collection.\r\n *\r\n * @param getRequest - callback function to get the request for each page.\r\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\r\n *\r\n * @param fetchNext - callback function to fetch a page.\r\n * Can be false if the request requires data that hasn't yet been fetched - e.g. user id.\r\n */\n\nfunction useFetchAll(getRequest, fetchNext) {\n  var getRequestFn = getRequest;\n  var fetchNextFn = fetchNext;\n  var response = Object(_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_1__[\"useSelectAllPages\"])(getRequest && function (cursor) {\n    return getRequestFn(cursor).key;\n  });\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    if (!response) return;\n    if (response.shouldInitialFetch && fetchNext) fetchNextFn();\n  }, [response === null || response === void 0 ? void 0 : response.shouldInitialFetch, fetchNext]);\n  Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"])(function () {\n    if (!response || !response.nextCursor || response.isFetching || !fetchNext) return;\n    fetchNextFn(response.nextCursor);\n  }, [response === null || response === void 0 ? void 0 : response.nextCursor, response === null || response === void 0 ? void 0 : response.isFetching, fetchNext]);\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2hvb2tzL1VzZUZldGNoQWxsLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL2hvb2tzL1VzZUZldGNoQWxsLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZUVmZmVjdCB9IGZyb20gJ3JlYWN0JztcclxuXHJcbmltcG9ydCB7IEZsaWdodCB9IGZyb20gJ2xpYnMvY29tbW9uL2ZsaWdodCc7XHJcbmltcG9ydCB7IEJhc2VPYmplY3QgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgdXNlU2VsZWN0QWxsUGFnZXMgfSBmcm9tICcuL1VzZVNlbGVjdEFsbFBhZ2VzJztcclxuXHJcbi8qKlxyXG4gKiBIb29rIHRvIGZldGNoIGFsbCBwYWdlcyBvZiBhIGNvbGxlY3Rpb24uXHJcbiAqIFxyXG4gKiBAcGFyYW0gZ2V0UmVxdWVzdCAtIGNhbGxiYWNrIGZ1bmN0aW9uIHRvIGdldCB0aGUgcmVxdWVzdCBmb3IgZWFjaCBwYWdlLlxyXG4gKiBDYW4gYmUgZmFsc2UgaWYgdGhlIHJlcXVlc3QgcmVxdWlyZXMgZGF0YSB0aGF0IGhhc24ndCB5ZXQgYmVlbiBmZXRjaGVkIC0gZS5nLiB1c2VyIGlkLlxyXG4gKiBcclxuICogQHBhcmFtIGZldGNoTmV4dCAtIGNhbGxiYWNrIGZ1bmN0aW9uIHRvIGZldGNoIGEgcGFnZS5cclxuICogQ2FuIGJlIGZhbHNlIGlmIHRoZSByZXF1ZXN0IHJlcXVpcmVzIGRhdGEgdGhhdCBoYXNuJ3QgeWV0IGJlZW4gZmV0Y2hlZCAtIGUuZy4gdXNlciBpZC5cclxuICovXHJcbmV4cG9ydCBmdW5jdGlvbiB1c2VGZXRjaEFsbDxUIGV4dGVuZHMgQmFzZU9iamVjdD4oXHJcbiAgZ2V0UmVxdWVzdDogKChjdXJzb3I/OiBzdHJpbmcpID0+IEZsaWdodC5SZXF1ZXN0KSB8IGZhbHNlLFxyXG4gIGZldGNoTmV4dDogKChjdXJzb3I/OiBzdHJpbmcpID0+IHZvaWQpIHwgZmFsc2VcclxuKTogdm9pZCB7XHJcbiAgY29uc3QgZ2V0UmVxdWVzdEZuID0gZ2V0UmVxdWVzdCBhcyAoY3Vyc29yPzogc3RyaW5nKSA9PiBGbGlnaHQuUmVxdWVzdDtcclxuICBjb25zdCBmZXRjaE5leHRGbiA9IGZldGNoTmV4dCBhcyAoY3Vyc29yPzogc3RyaW5nKSA9PiB2b2lkO1xyXG5cclxuICBjb25zdCByZXNwb25zZSA9IHVzZVNlbGVjdEFsbFBhZ2VzPFQ+KGdldFJlcXVlc3QgJiYgKChjdXJzb3I/OiBzdHJpbmcpID0+IGdldFJlcXVlc3RGbihjdXJzb3IpLmtleSkpO1xyXG5cclxuICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgaWYgKCFyZXNwb25zZSlcclxuICAgICAgcmV0dXJuO1xyXG5cclxuICAgIGlmIChyZXNwb25zZS5zaG91bGRJbml0aWFsRmV0Y2ggJiYgZmV0Y2hOZXh0KVxyXG4gICAgICBmZXRjaE5leHRGbigpO1xyXG4gIH0sIFsgcmVzcG9uc2U/LnNob3VsZEluaXRpYWxGZXRjaCwgZmV0Y2hOZXh0IF0pO1xyXG5cclxuICB1c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgaWYgKCFyZXNwb25zZSB8fCAhcmVzcG9uc2UubmV4dEN1cnNvciB8fCByZXNwb25zZS5pc0ZldGNoaW5nIHx8ICFmZXRjaE5leHQpXHJcbiAgICAgIHJldHVybjtcclxuXHJcbiAgICBmZXRjaE5leHRGbihyZXNwb25zZS5uZXh0Q3Vyc29yKTtcclxuICB9LCBbIHJlc3BvbnNlPy5uZXh0Q3Vyc29yLCByZXNwb25zZT8uaXNGZXRjaGluZywgZmV0Y2hOZXh0IF0pO1xyXG59Il0sIm1hcHBpbmdzIjoiQUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFJQTtBQUVBOzs7Ozs7OztBQVFBO0FBQ0E7QUFBQTtBQUlBO0FBQ0E7QUFFQTtBQUFBO0FBQUE7QUFFQTtBQUNBO0FBR0E7QUFFQTtBQUVBO0FBQ0E7QUFHQTtBQUNBO0FBQ0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../../libs/shared/src/hooks/UseFetchAll.ts\n");
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
+/***/ "../../libs/shared/src/hooks/UseSelectAllPages.ts":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-eval("/* (ignored) *///# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMi5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvaWdub3JlZCBDOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9ub2RlX21vZHVsZXMvcGRmanMtZGlzdC9idWlsZCB6bGliIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIChpZ25vcmVkKSAqLyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///2\n");
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"useSelectAllPages\", function() { return useSelectAllPages; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/backbone/utils/FunctionHelper.ts\");\nfunction _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }\n\nfunction _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.\"); }\n\nfunction _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); }\n\nfunction _iterableToArray(iter) { if (typeof Symbol !== \"undefined\" && Symbol.iterator in Object(iter)) return Array.from(iter); }\n\nfunction _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }\n\nfunction _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; }\n\n\n\n\n\n\nvar safeGetCursor = function safeGetCursor(request) {\n  var _a, _b, _c;\n\n  return (_c = (_b = (_a = request === null || request === void 0 ? void 0 : request.data) === null || _a === void 0 ? void 0 : _a.pagination) === null || _b === void 0 ? void 0 : _b.cursors) === null || _c === void 0 ? void 0 : _c.next;\n};\n/**\r\n * Hook to select all pages of a collection from the store and flatten them.\r\n * It will not trigger any fetches.\r\n *\r\n * @param getKey - callback function to get the key for each page.\r\n * Can be false if the key requires data that hasn't yet been fetched - e.g. user id.\r\n */\n\n\nfunction useSelectAllPages(getKey) {\n  return Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"useSelector\"])(Object(react__WEBPACK_IMPORTED_MODULE_0__[\"useMemo\"])(function () {\n    return function (state) {\n      if (!libs_common_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__[\"FunctionHelper\"].isFunction(getKey)) return;\n      var getKeyFn = getKey;\n      var request = libs_common_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__[\"FunctionHelper\"].isFunction(getKey) && libs_common_flight__WEBPACK_IMPORTED_MODULE_2__[\"Flight\"].getResponse(state, getKeyFn());\n      var isFetching = request && request.isFetching;\n      var statusCode = request && request.statusCode;\n      var hasCompleted = request && request.hasCompleted;\n      var shouldInitialFetch = request && request.shouldFetch;\n      var items = request && request.data && request.data.data;\n      var nextCursor = safeGetCursor(request); // Retrieve all pages that are currently in the store.\n\n      while (nextCursor) {\n        request = libs_common_flight__WEBPACK_IMPORTED_MODULE_2__[\"Flight\"].getResponse(state, getKeyFn(nextCursor));\n        isFetching = request.isFetching;\n        statusCode = request.statusCode;\n        hasCompleted = request.hasCompleted; // If next page hasn't been fetched, break.\n\n        if (request.shouldFetch) break;\n        var newItems = request.data && request.data.data;\n        newItems && items.push.apply(items, _toConsumableArray(newItems));\n        var nextNextCursor = safeGetCursor(request);\n        /**\r\n         * This is a check to basically see if the backend has messed up the cursors it's sent back.\r\n         * For some things (e.g. user manager in Lite), the cursors are generated for a paginated collection,\r\n         * but the collection is then filtered afterwards (making the cursors not entirely accurate).\r\n         * This can lead to problems where a request with a cursor might return that same cursor as the `next`\r\n         * cursor. Confusing, but basically when that happens we want this while loop to end, otherwise it'll\r\n         * run infinitely - Josh\r\n         */\n\n        if (nextNextCursor === nextCursor) {\n          nextCursor = null;\n        } else {\n          nextCursor = nextNextCursor;\n        }\n      }\n\n      return {\n        shouldInitialFetch: shouldInitialFetch,\n        items: items,\n        nextCursor: nextCursor,\n        isFetching: isFetching,\n        statusCode: statusCode,\n        hasCompleted: hasCompleted\n      };\n    };\n  }, [getKey]));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi4vLi4vbGlicy9zaGFyZWQvc3JjL2hvb2tzL1VzZVNlbGVjdEFsbFBhZ2VzLnRzLmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvbGlicy9zaGFyZWQvc3JjL2hvb2tzL1VzZVNlbGVjdEFsbFBhZ2VzLnRzIl0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IHVzZU1lbW8gfSBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IHVzZVNlbGVjdG9yIH0gZnJvbSAncmVhY3QtcmVkdXgnO1xyXG5cclxuaW1wb3J0IHsgRmxpZ2h0IH0gZnJvbSAnbGlicy9jb21tb24vZmxpZ2h0JztcclxuaW1wb3J0IHsgRnVuY3Rpb25IZWxwZXIgfSBmcm9tICdsaWJzL2NvbW1vbi9iYWNrYm9uZS91dGlscy9GdW5jdGlvbkhlbHBlcic7XHJcbmltcG9ydCB7IEFwcGxpY2F0aW9uU3RhdGUgfSBmcm9tICdsaWJzL2NvbW1vbi9yZWFjdC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgQmFzZVBhZ2luYXRlZENvbGxlY3Rpb24gfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgSHR0cFN0YXR1cyB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL2VudW1zL0h0dHBTdGF0dXMnO1xyXG5cclxuY29uc3Qgc2FmZUdldEN1cnNvciA9IChyZXF1ZXN0OiBGbGlnaHQuUmVzcG9uc2U8YW55Pik6IHN0cmluZyA9PiB7XHJcbiAgcmV0dXJuIHJlcXVlc3Q/LmRhdGE/LnBhZ2luYXRpb24/LmN1cnNvcnM/Lm5leHQ7XHJcbn07XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIFNlbGVjdEFsbFBhZ2VzUmVzdWx0PFQ+IHtcclxuICBpdGVtczogVFtdO1xyXG4gIHNob3VsZEluaXRpYWxGZXRjaDogYm9vbGVhbjtcclxuICBuZXh0Q3Vyc29yOiBzdHJpbmc7XHJcbiAgaXNGZXRjaGluZzogYm9vbGVhbjtcclxuICBzdGF0dXNDb2RlOiBIdHRwU3RhdHVzO1xyXG4gIGhhc0NvbXBsZXRlZDogYm9vbGVhbjtcclxufVxyXG5cclxuLyoqXHJcbiAqIEhvb2sgdG8gc2VsZWN0IGFsbCBwYWdlcyBvZiBhIGNvbGxlY3Rpb24gZnJvbSB0aGUgc3RvcmUgYW5kIGZsYXR0ZW4gdGhlbS5cclxuICogSXQgd2lsbCBub3QgdHJpZ2dlciBhbnkgZmV0Y2hlcy5cclxuICogXHJcbiAqIEBwYXJhbSBnZXRLZXkgLSBjYWxsYmFjayBmdW5jdGlvbiB0byBnZXQgdGhlIGtleSBmb3IgZWFjaCBwYWdlLlxyXG4gKiBDYW4gYmUgZmFsc2UgaWYgdGhlIGtleSByZXF1aXJlcyBkYXRhIHRoYXQgaGFzbid0IHlldCBiZWVuIGZldGNoZWQgLSBlLmcuIHVzZXIgaWQuXHJcbiAqL1xyXG5leHBvcnQgZnVuY3Rpb24gdXNlU2VsZWN0QWxsUGFnZXM8VD4oZ2V0S2V5OiAoKGN1cnNvcj86IHN0cmluZykgPT4gc3RyaW5nKSB8IGZhbHNlKTogU2VsZWN0QWxsUGFnZXNSZXN1bHQ8VD4ge1xyXG4gIHJldHVybiB1c2VTZWxlY3Rvcih1c2VNZW1vKCgpID0+IChzdGF0ZTogQXBwbGljYXRpb25TdGF0ZSkgPT4ge1xyXG4gICAgaWYgKCFGdW5jdGlvbkhlbHBlci5pc0Z1bmN0aW9uKGdldEtleSkpXHJcbiAgICAgIHJldHVybjtcclxuXHJcbiAgICBjb25zdCBnZXRLZXlGbiA9IGdldEtleSBhcyAoY3Vyc29yPzogc3RyaW5nKSA9PiBzdHJpbmc7XHJcblxyXG4gICAgbGV0IHJlcXVlc3QgPSBGdW5jdGlvbkhlbHBlci5pc0Z1bmN0aW9uKGdldEtleSkgJiZcclxuICAgICAgRmxpZ2h0LmdldFJlc3BvbnNlPEJhc2VQYWdpbmF0ZWRDb2xsZWN0aW9uPFQ+PihzdGF0ZSwgZ2V0S2V5Rm4oKSk7XHJcblxyXG4gICAgbGV0IGlzRmV0Y2hpbmcgPSByZXF1ZXN0ICYmIHJlcXVlc3QuaXNGZXRjaGluZztcclxuICAgIGxldCBzdGF0dXNDb2RlID0gcmVxdWVzdCAmJiByZXF1ZXN0LnN0YXR1c0NvZGU7XHJcbiAgICBsZXQgaGFzQ29tcGxldGVkID0gcmVxdWVzdCAmJiByZXF1ZXN0Lmhhc0NvbXBsZXRlZDtcclxuXHJcbiAgICBjb25zdCBzaG91bGRJbml0aWFsRmV0Y2ggPSByZXF1ZXN0ICYmIHJlcXVlc3Quc2hvdWxkRmV0Y2g7XHJcblxyXG4gICAgY29uc3QgaXRlbXMgPSByZXF1ZXN0ICYmIHJlcXVlc3QuZGF0YSAmJiByZXF1ZXN0LmRhdGEuZGF0YTtcclxuICAgIGxldCBuZXh0Q3Vyc29yID0gc2FmZUdldEN1cnNvcihyZXF1ZXN0KTtcclxuXHJcbiAgICAvLyBSZXRyaWV2ZSBhbGwgcGFnZXMgdGhhdCBhcmUgY3VycmVudGx5IGluIHRoZSBzdG9yZS5cclxuICAgIHdoaWxlIChuZXh0Q3Vyc29yKSB7XHJcbiAgICAgIHJlcXVlc3QgPSBGbGlnaHQuZ2V0UmVzcG9uc2U8QmFzZVBhZ2luYXRlZENvbGxlY3Rpb248VD4+KHN0YXRlLCBnZXRLZXlGbihuZXh0Q3Vyc29yKSk7XHJcblxyXG4gICAgICBpc0ZldGNoaW5nID0gcmVxdWVzdC5pc0ZldGNoaW5nO1xyXG4gICAgICBzdGF0dXNDb2RlID0gcmVxdWVzdC5zdGF0dXNDb2RlO1xyXG4gICAgICBoYXNDb21wbGV0ZWQgPSByZXF1ZXN0Lmhhc0NvbXBsZXRlZDtcclxuXHJcbiAgICAgIC8vIElmIG5leHQgcGFnZSBoYXNuJ3QgYmVlbiBmZXRjaGVkLCBicmVhay5cclxuICAgICAgaWYgKHJlcXVlc3Quc2hvdWxkRmV0Y2gpXHJcbiAgICAgICAgYnJlYWs7XHJcblxyXG4gICAgICBjb25zdCBuZXdJdGVtcyA9IHJlcXVlc3QuZGF0YSAmJiByZXF1ZXN0LmRhdGEuZGF0YTtcclxuICAgICAgbmV3SXRlbXMgJiYgaXRlbXMucHVzaCguLi5uZXdJdGVtcyk7XHJcblxyXG4gICAgICBjb25zdCBuZXh0TmV4dEN1cnNvciA9IHNhZmVHZXRDdXJzb3IocmVxdWVzdCk7XHJcblxyXG4gICAgICAvKipcclxuICAgICAgICogVGhpcyBpcyBhIGNoZWNrIHRvIGJhc2ljYWxseSBzZWUgaWYgdGhlIGJhY2tlbmQgaGFzIG1lc3NlZCB1cCB0aGUgY3Vyc29ycyBpdCdzIHNlbnQgYmFjay5cclxuICAgICAgICogRm9yIHNvbWUgdGhpbmdzIChlLmcuIHVzZXIgbWFuYWdlciBpbiBMaXRlKSwgdGhlIGN1cnNvcnMgYXJlIGdlbmVyYXRlZCBmb3IgYSBwYWdpbmF0ZWQgY29sbGVjdGlvbixcclxuICAgICAgICogYnV0IHRoZSBjb2xsZWN0aW9uIGlzIHRoZW4gZmlsdGVyZWQgYWZ0ZXJ3YXJkcyAobWFraW5nIHRoZSBjdXJzb3JzIG5vdCBlbnRpcmVseSBhY2N1cmF0ZSkuXHJcbiAgICAgICAqIFRoaXMgY2FuIGxlYWQgdG8gcHJvYmxlbXMgd2hlcmUgYSByZXF1ZXN0IHdpdGggYSBjdXJzb3IgbWlnaHQgcmV0dXJuIHRoYXQgc2FtZSBjdXJzb3IgYXMgdGhlIGBuZXh0YFxyXG4gICAgICAgKiBjdXJzb3IuIENvbmZ1c2luZywgYnV0IGJhc2ljYWxseSB3aGVuIHRoYXQgaGFwcGVucyB3ZSB3YW50IHRoaXMgd2hpbGUgbG9vcCB0byBlbmQsIG90aGVyd2lzZSBpdCdsbFxyXG4gICAgICAgKiBydW4gaW5maW5pdGVseSAtIEpvc2hcclxuICAgICAgICovXHJcbiAgICAgIGlmIChuZXh0TmV4dEN1cnNvciA9PT0gbmV4dEN1cnNvcikge1xyXG4gICAgICAgIG5leHRDdXJzb3IgPSBudWxsO1xyXG4gICAgICB9IGVsc2Uge1xyXG4gICAgICAgIG5leHRDdXJzb3IgPSBuZXh0TmV4dEN1cnNvcjtcclxuICAgICAgfVxyXG4gICAgfVxyXG5cclxuICAgIHJldHVybiB7XHJcbiAgICAgIHNob3VsZEluaXRpYWxGZXRjaCxcclxuICAgICAgaXRlbXMsXHJcbiAgICAgIG5leHRDdXJzb3IsXHJcbiAgICAgIGlzRmV0Y2hpbmcsXHJcbiAgICAgIHN0YXR1c0NvZGUsXHJcbiAgICAgIGhhc0NvbXBsZXRlZFxyXG4gICAgfTtcclxuICB9LCBbZ2V0S2V5XSkpO1xyXG59Il0sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7Ozs7Ozs7Ozs7OztBQUFBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFJQTs7O0FBQ0E7QUFDQTtBQVdBOzs7Ozs7QUFNQTtBQUNBO0FBQ0E7QUFEQTtBQUNBO0FBQUE7QUFDQTtBQUdBO0FBRUE7QUFHQTtBQUNBO0FBQ0E7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBR0E7QUFDQTtBQUVBO0FBRUE7Ozs7Ozs7QUFPQTtBQUNBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQU5BO0FBUUE7QUExREE7QUEyREEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///../../libs/shared/src/hooks/UseSelectAllPages.ts\n");
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
+/***/ "./src/apps/playlists/components/new-playlist-form/NewPlaylistForm.tsx":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-eval("/* (ignored) *///# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMy5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvaWdub3JlZCBDOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9ub2RlX21vZHVsZXMvcGRmanMtZGlzdC9idWlsZCBmcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiAoaWdub3JlZCkgKi8iXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///3\n");
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"NewPlaylistForm\", function() { return NewPlaylistForm; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"../../../node_modules/formik/dist/formik.esm.js\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"react-bootstrap\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var libs_shared_apps_playlists_validation_PlaylistValidationSchema__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts\");\n/* harmony import */ var libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-field/FormField.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx\");\n/* harmony import */ var libs_shared_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx\");\n/* harmony import */ var libs_shared_utils_FormHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"../../libs/shared/src/utils/FormHelper.ts\");\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n\n\n\n\n\n\n\n\n\n\nvar namespace = 'playlists.newPlaylistForm';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_9__[\"LanguageService\"].encloseNamespace(namespace);\n\nfunction NewPlaylistFormDetails() {\n  var formikProps = Object(libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_6__[\"useFormikContextWrapper\"])();\n\n  var _useFormikContext = Object(formik__WEBPACK_IMPORTED_MODULE_1__[\"useFormikContext\"])(),\n      errors = _useFormikContext.errors,\n      touched = _useFormikContext.touched;\n\n  var className = libs_shared_utils_FormHelper__WEBPACK_IMPORTED_MODULE_8__[\"FormHelper\"].getCustomFormControlClassName(errors, touched, 'name');\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__[\"Form\"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__[\"Form\"].Label, {\n    htmlFor: 'name'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_3__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'label'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'input-group'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__[\"FieldWrapper\"], {\n    type: 'text',\n    name: 'name',\n    id: 'name',\n    placeholder: getPhrase('placeholder'),\n    autoFocus: true,\n    value: formikProps.values.name,\n    className: className\n  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(\"div\", {\n    className: 'input-group-append'\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_7__[\"FormButtons\"], {\n    isNew: true,\n    submitText: getPhrase('submit'),\n    variant: 'outline-dark',\n    className: 'border border-secondary'\n  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__[\"ErrorMessage\"], {\n    name: 'name'\n  }, function (errorMessage) {\n    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__[\"Form\"].Control.Feedback, {\n      type: 'invalid'\n    }, errorMessage);\n  })));\n}\n\nfunction NewPlaylistForm(props) {\n  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(libs_shared_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_6__[\"FormWrapper\"], {\n    initialValues: {\n      name: ''\n    },\n    validationSchema: libs_shared_apps_playlists_validation_PlaylistValidationSchema__WEBPACK_IMPORTED_MODULE_4__[\"PlaylistValidationSchema\"],\n    onSubmit: props.onSubmit\n  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(NewPlaylistFormDetails, null));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9wbGF5bGlzdHMvY29tcG9uZW50cy9uZXctcGxheWxpc3QtZm9ybS9OZXdQbGF5bGlzdEZvcm0udHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9wbGF5bGlzdHMvY29tcG9uZW50cy9uZXctcGxheWxpc3QtZm9ybS9OZXdQbGF5bGlzdEZvcm0udHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XHJcbmltcG9ydCB7IEZvcm0gYXMgRm9ybWlrRm9ybSwgRXJyb3JNZXNzYWdlLCB1c2VGb3JtaWtDb250ZXh0IH0gZnJvbSAnZm9ybWlrJztcclxuaW1wb3J0IHsgRm9ybSB9IGZyb20gJ3JlYWN0LWJvb3RzdHJhcCc7XHJcblxyXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy90ZXh0L1RleHQnO1xyXG5pbXBvcnQgeyBQbGF5bGlzdFZhbGlkYXRpb25TY2hlbWEgfSBmcm9tICdsaWJzL3NoYXJlZC9hcHBzL3BsYXlsaXN0cy92YWxpZGF0aW9uL1BsYXlsaXN0VmFsaWRhdGlvblNjaGVtYSc7XHJcbmltcG9ydCB7IEZpZWxkV3JhcHBlciB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvZm9ybXMvZm9ybS1maWVsZC9Gb3JtRmllbGQnO1xyXG5pbXBvcnQgeyBGb3JtV3JhcHBlciwgdXNlRm9ybWlrQ29udGV4dFdyYXBwZXIgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL2Zvcm1zL2Zvcm0td3JhcHBlci9Gb3JtV3JhcHBlcic7XHJcbmltcG9ydCB7IEZvcm1CdXR0b25zIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9mb3Jtcy9mb3JtLWJ1dHRvbnMvRm9ybUJ1dHRvbnMnO1xyXG5pbXBvcnQgeyBGb3JtSGVscGVyIH0gZnJvbSAnbGlicy9zaGFyZWQvdXRpbHMvRm9ybUhlbHBlcic7XHJcbmltcG9ydCB7IExhbmd1YWdlU2VydmljZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0xhbmd1YWdlU2VydmljZSc7XHJcblxyXG5jb25zdCBuYW1lc3BhY2UgPSAncGxheWxpc3RzLm5ld1BsYXlsaXN0Rm9ybSc7XHJcbmNvbnN0IGdldFBocmFzZSA9IExhbmd1YWdlU2VydmljZS5lbmNsb3NlTmFtZXNwYWNlKG5hbWVzcGFjZSk7XHJcblxyXG5pbnRlcmZhY2UgTmV3UGxheWxpc3REZXRhaWxzIHtcclxuICBuYW1lOiBzdHJpbmc7XHJcbn1cclxuXHJcbmZ1bmN0aW9uIE5ld1BsYXlsaXN0Rm9ybURldGFpbHMoKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcclxuICBjb25zdCBmb3JtaWtQcm9wcyA9IHVzZUZvcm1pa0NvbnRleHRXcmFwcGVyPE5ld1BsYXlsaXN0RGV0YWlscz4oKTtcclxuICBjb25zdCB7IGVycm9ycywgdG91Y2hlZCB9ID0gdXNlRm9ybWlrQ29udGV4dDxOZXdQbGF5bGlzdERldGFpbHM+KCk7XHJcbiAgY29uc3QgY2xhc3NOYW1lID0gRm9ybUhlbHBlci5nZXRDdXN0b21Gb3JtQ29udHJvbENsYXNzTmFtZShlcnJvcnMsIHRvdWNoZWQsICduYW1lJyk7XHJcbiAgXHJcbiAgcmV0dXJuIChcclxuICAgIDxGb3JtaWtGb3JtPlxyXG4gICAgICA8Rm9ybS5MYWJlbCBodG1sRm9yPSduYW1lJz5cclxuICAgICAgICA8VGV4dCBuYW1lc3BhY2U9e25hbWVzcGFjZX0gcGhyYXNlPSdsYWJlbCcgLz5cclxuICAgICAgPC9Gb3JtLkxhYmVsPlxyXG4gICAgICA8ZGl2IGNsYXNzTmFtZT0naW5wdXQtZ3JvdXAnPlxyXG4gICAgICAgIDxGaWVsZFdyYXBwZXJcclxuICAgICAgICAgIHR5cGU9J3RleHQnXHJcbiAgICAgICAgICBuYW1lPSduYW1lJ1xyXG4gICAgICAgICAgaWQ9J25hbWUnXHJcbiAgICAgICAgICBwbGFjZWhvbGRlcj17Z2V0UGhyYXNlKCdwbGFjZWhvbGRlcicpfVxyXG4gICAgICAgICAgYXV0b0ZvY3VzXHJcbiAgICAgICAgICB2YWx1ZT17Zm9ybWlrUHJvcHMudmFsdWVzLm5hbWV9XHJcbiAgICAgICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cclxuICAgICAgICAvPlxyXG4gICAgICAgIDxkaXYgY2xhc3NOYW1lPSdpbnB1dC1ncm91cC1hcHBlbmQnPlxyXG4gICAgICAgICAgPEZvcm1CdXR0b25zXHJcbiAgICAgICAgICAgIGlzTmV3PXt0cnVlfVxyXG4gICAgICAgICAgICBzdWJtaXRUZXh0PXtnZXRQaHJhc2UoJ3N1Ym1pdCcpfVxyXG4gICAgICAgICAgICB2YXJpYW50PSdvdXRsaW5lLWRhcmsnXHJcbiAgICAgICAgICAgIGNsYXNzTmFtZT0nYm9yZGVyIGJvcmRlci1zZWNvbmRhcnknXHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvZGl2PlxyXG4gICAgICAgIDxFcnJvck1lc3NhZ2UgbmFtZT17J25hbWUnfT5cclxuICAgICAgICAgIHsoZXJyb3JNZXNzYWdlOiBzdHJpbmcpID0+IDxGb3JtLkNvbnRyb2wuRmVlZGJhY2sgdHlwZT0naW52YWxpZCc+e2Vycm9yTWVzc2FnZX08L0Zvcm0uQ29udHJvbC5GZWVkYmFjaz59XHJcbiAgICAgICAgPC9FcnJvck1lc3NhZ2U+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9Gb3JtaWtGb3JtPlxyXG4gICk7XHJcbn1cclxuXHJcbmludGVyZmFjZSBOZXdQbGF5bGlzdEZvcm1Qcm9wcyB7XHJcbiAgb25TdWJtaXQ6IChkYXRhOiBOZXdQbGF5bGlzdERldGFpbHMpID0+IHZvaWQ7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBOZXdQbGF5bGlzdEZvcm0ocHJvcHM6IE5ld1BsYXlsaXN0Rm9ybVByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcclxuICByZXR1cm4gKFxyXG4gICAgPEZvcm1XcmFwcGVyPE5ld1BsYXlsaXN0RGV0YWlscz5cclxuICAgICAgaW5pdGlhbFZhbHVlcz17eyBuYW1lOiAnJyB9fVxyXG4gICAgICB2YWxpZGF0aW9uU2NoZW1hPXtQbGF5bGlzdFZhbGlkYXRpb25TY2hlbWF9XHJcbiAgICAgIG9uU3VibWl0PXtwcm9wcy5vblN1Ym1pdH1cclxuICAgID5cclxuICAgICAgPE5ld1BsYXlsaXN0Rm9ybURldGFpbHMgLz5cclxuICAgIDwvRm9ybVdyYXBwZXI+XHJcbiAgKTtcclxufSJdLCJtYXBwaW5ncyI6IkFBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBS0E7QUFDQTtBQUNBO0FBRkE7QUFBQTtBQUFBO0FBQ0E7QUFFQTtBQUVBO0FBRUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUVBO0FBQUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQVBBO0FBU0E7QUFBQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFPQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFLQTtBQUNBO0FBS0E7QUFDQTtBQUVBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFIQTtBQVFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///./src/apps/playlists/components/new-playlist-form/NewPlaylistForm.tsx\n");
 
 /***/ }),
 
-/***/ 4:
-/***/ (function(module, exports) {
+/***/ "./src/apps/playlists/components/select-playlist/SelectPlaylist.tsx":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-eval("/* (ignored) *///# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvaWdub3JlZCBDOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9ub2RlX21vZHVsZXMvcGRmanMtZGlzdC9idWlsZCBodHRwIl0sInNvdXJjZXNDb250ZW50IjpbIi8qIChpZ25vcmVkKSAqLyJdLCJtYXBwaW5ncyI6IkFBQUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///4\n");
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"SelectPlaylist\", function() { return SelectPlaylist; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"react-bootstrap\");\n/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_common_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/react/utils/ArrayHelper.ts\");\n/* harmony import */ var libs_common_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/common/src/backbone/utils/FunctionHelper.ts\");\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var libs_shared_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/components/search-bar/SearchBar.tsx\");\n/* harmony import */ var libs_shared_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts\");\n/* harmony import */ var libs_shared_apps_playlists_utils_getBackgroundColourClass__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"../../libs/shared/src/apps/playlists/utils/getBackgroundColourClass.ts\");\n/* harmony import */ var libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"../../libs/shared/src/components/svg-container/SvgContainer.tsx\");\n/* harmony import */ var libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(\"../../libs/shared/src/utils/SvgHelper.ts\");\n/* harmony import */ var libs_shared_constants_ColourClassNames__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(\"../../libs/shared/src/constants/ColourClassNames.ts\");\n/* harmony import */ var libs_shared_components_typeahead_empty_state_TypeaheadEmptyState__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(\"../../libs/shared/src/components/typeahead-empty-state/TypeaheadEmptyState.tsx\");\n/* harmony import */ var libs_shared_components_typeahead_error_state_TypeaheadErrorState__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(\"../../libs/shared/src/components/typeahead-error-state/TypeaheadErrorState.tsx\");\n/* harmony import */ var shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(\"./src/shared/constants/ImageUrls.ts\");\n/* harmony import */ var apps_playlists_components_new_playlist_form_NewPlaylistForm__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(\"./src/apps/playlists/components/new-playlist-form/NewPlaylistForm.tsx\");\n/* harmony import */ var _select_playlist_scss__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(\"./src/apps/playlists/components/select-playlist/select-playlist.scss\");\n/* harmony import */ var _select_playlist_scss__WEBPACK_IMPORTED_MODULE_16___default = /*#__PURE__*/__webpack_require__.n(_select_playlist_scss__WEBPACK_IMPORTED_MODULE_16__);\nfunction _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }\n\nfunction _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.\"); }\n\nfunction _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); }\n\nfunction _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; }\n\nfunction _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; }\n\nfunction _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar namespace = 'playlists.selectPlaylist';\nvar RECENT_PLAYLISTS_LIMIT = 3;\n/**\r\n * These are pixel values used to calculate the height of the scroll\r\n * dynamically. HEADING_SIZE is the height of \"My Playlists\" plus the padding\r\n * and ITEM_SIZE is the height of each <li> in the suggestions. We show up to\r\n * MAX_DISPLAYED_ITEMS and then start scrolling\r\n */\n\nvar HEADING_SIZE = 36;\nvar ITEM_SIZE = 31;\nvar MIN_DISPLAYED_ITEMS = 3;\nvar MAX_DISPLAYED_ITEMS = 8;\n\nfunction calculateScrollContainerHeight(playlists) {\n  var numberOfItems = MIN_DISPLAYED_ITEMS;\n  if (playlists > MIN_DISPLAYED_ITEMS) numberOfItems = playlists;\n  if (playlists > MAX_DISPLAYED_ITEMS) numberOfItems = MAX_DISPLAYED_ITEMS;\n  return HEADING_SIZE + numberOfItems * ITEM_SIZE + 'px';\n}\n\nfunction PlaylistSuggestionItem(props) {\n  var isVideoInPlaylist = libs_common_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_4__[\"FunctionHelper\"].isFunction(props.isVideoInPlaylist) && props.isVideoInPlaylist(props.playlist);\n\n  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"](isVideoInPlaylist),\n      _React$useState2 = _slicedToArray(_React$useState, 2),\n      localIsinPlaylist = _React$useState2[0],\n      setLocalIsInPlaylist = _React$useState2[1];\n\n  react__WEBPACK_IMPORTED_MODULE_0__[\"useEffect\"](function () {\n    if (localIsinPlaylist === isVideoInPlaylist) return;\n    setLocalIsInPlaylist(isVideoInPlaylist);\n  }, [isVideoInPlaylist]);\n  var className = isVideoInPlaylist ? _select_playlist_scss__WEBPACK_IMPORTED_MODULE_16___default.a.mask : 'cursor-pointer';\n  var colourClass = Object(libs_shared_apps_playlists_utils_getBackgroundColourClass__WEBPACK_IMPORTED_MODULE_8__[\"getPlaylistBgColourClass\"])(props.playlist, libs_shared_constants_ColourClassNames__WEBPACK_IMPORTED_MODULE_11__[\"BG_COLOUR_CLASS_NAMES\"]);\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"span\", {\n    className: \"\".concat(className, \" d-flex align-items-center\"),\n    onClick: function onClick() {\n      return setLocalIsInPlaylist(!isVideoInPlaylist);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"div\", {\n    className: \"\".concat(_select_playlist_scss__WEBPACK_IMPORTED_MODULE_16___default.a.colourBox, \" \").concat(colourClass, \" d-inline-block rounded flex-shrink-0\")\n  }, localIsinPlaylist && react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_9__[\"SvgContainer\"], {\n    svgName: libs_shared_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_10__[\"cvSvgLibrary\"].Check,\n    size: libs_shared_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_9__[\"SvgContainerSize\"].Large,\n    title: libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].getPhrase(namespace, 'checkTooltip'),\n    tooltipSpanHack: true\n  })), react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"span\", {\n    className: 'ml-2 text-break'\n  }, props.playlist.name));\n}\n\nfunction SelectPlaylist(props) {\n  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"](''),\n      _React$useState4 = _slicedToArray(_React$useState3, 2),\n      query = _React$useState4[0],\n      setQuery = _React$useState4[1];\n\n  var _React$useState5 = react__WEBPACK_IMPORTED_MODULE_0__[\"useState\"](false),\n      _React$useState6 = _slicedToArray(_React$useState5, 2),\n      showCreatePlaylist = _React$useState6[0],\n      setShowCreatePlaylist = _React$useState6[1];\n\n  var containerClassName = '';\n  if (query) containerClassName += ' border-bottom pb-2';\n  var sortedPlaylists = libs_common_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_3__[\"ArrayHelper\"].sortBy(props.playlists, 'name');\n  var recentlyAddedTo = libs_shared_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_7__[\"RecentPlaylistHelper\"].getRecentlyAddedTo(props.currentUserId);\n  recentlyAddedTo = recentlyAddedTo.slice(0, RECENT_PLAYLISTS_LIMIT).map(function (id) {\n    return props.playlists.find(function (p) {\n      return p.id === id;\n    });\n  }).filter(function (p) {\n    return !!p;\n  });\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_0__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_search_bar_SearchBar__WEBPACK_IMPORTED_MODULE_6__[\"SearchBar\"], {\n    onQueryChange: function onQueryChange(q) {\n      return setQuery(q.trim());\n    },\n    onSuggestionSelected: props.onSelectPlaylist,\n    updateQueryOnSelection: false,\n    recentSearches: recentlyAddedTo,\n    recentSearchHeading: libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].getPhrase(namespace, 'recentPlaylistsHeading'),\n    suggestionsHeading: libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].getPhrase(namespace, 'suggestionsHeading'),\n    local: sortedPlaylists,\n    initialSuggestions: sortedPlaylists,\n    activationLength: 1,\n    placeholder: libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].getPhrase(namespace, 'placeholder'),\n    theme: {\n      container: containerClassName,\n      suggestionsContainer: \"mt-2 \".concat(_select_playlist_scss__WEBPACK_IMPORTED_MODULE_16___default.a.suggestionContainer),\n      suggestionsContainerOpen: ''\n    },\n    searchIconPlacement: 'left',\n    alwaysRenderSuggestions: true,\n    suggestionLimit: false,\n    getEmptyStateComponent: function getEmptyStateComponent(query) {\n      return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_typeahead_empty_state_TypeaheadEmptyState__WEBPACK_IMPORTED_MODULE_12__[\"TypeaheadEmptyState\"], {\n        query: query,\n        imageUrl: shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_14__[\"ImageUrls\"].EmptyStates.TYPEAHEAD_RESULTS\n      });\n    },\n    getErrorStateComponent: function getErrorStateComponent(onClickTryAgain) {\n      return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_typeahead_error_state_TypeaheadErrorState__WEBPACK_IMPORTED_MODULE_13__[\"TypeaheadErrorState\"], {\n        onClickTryAgain: onClickTryAgain,\n        imageUrl: shared_constants_ImageUrls__WEBPACK_IMPORTED_MODULE_14__[\"ImageUrls\"].TYPEAHEAD_ERROR\n      });\n    },\n    getSuggestionComponent: function getSuggestionComponent(playlist) {\n      return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](PlaylistSuggestionItem, {\n        playlist: playlist,\n        isVideoInPlaylist: props.isVideoInPlaylist\n      });\n    },\n    autoFocusInput: true,\n    size: 'lg',\n    customScrollbarProps: {\n      style: {\n        height: calculateScrollContainerHeight(sortedPlaylists.length)\n      }\n    }\n  }), react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"div\", {\n    className: 'border-top pt-3 px-3 mx-n3'\n  }, showCreatePlaylist ? react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](apps_playlists_components_new_playlist_form_NewPlaylistForm__WEBPACK_IMPORTED_MODULE_15__[\"NewPlaylistForm\"], {\n    onSubmit: function onSubmit(data) {\n      return props.createPlaylist(data.name);\n    }\n  }) : react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__[\"Button\"], {\n    variant: 'link',\n    className: 'text-info p-0',\n    onClick: function onClick() {\n      return setShowCreatePlaylist(true);\n    }\n  }, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_5__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'createPlaylist'\n  }))));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9wbGF5bGlzdHMvY29tcG9uZW50cy9zZWxlY3QtcGxheWxpc3QvU2VsZWN0UGxheWxpc3QudHN4LmpzIiwic291cmNlcyI6WyJmaWxlOi8vQzovQ2xpY2tWaWV3IFByb2plY3RzL0BjbGlja3ZpZXcvcGFja2FnZXMvcHJvamVjdHMvbGl0ZS9zcmMvYXBwcy9wbGF5bGlzdHMvY29tcG9uZW50cy9zZWxlY3QtcGxheWxpc3QvU2VsZWN0UGxheWxpc3QudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCAqIGFzIFJlYWN0IGZyb20gJ3JlYWN0JztcclxuaW1wb3J0IHsgQnV0dG9uIH0gZnJvbSAncmVhY3QtYm9vdHN0cmFwJztcclxuXHJcbmltcG9ydCB7IExhbmd1YWdlU2VydmljZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0xhbmd1YWdlU2VydmljZSc7XHJcbmltcG9ydCB7IEFycmF5SGVscGVyIH0gZnJvbSAnbGlicy9jb21tb24vcmVhY3QvdXRpbHMvQXJyYXlIZWxwZXInO1xyXG5pbXBvcnQgeyBGdW5jdGlvbkhlbHBlciB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3V0aWxzL0Z1bmN0aW9uSGVscGVyJztcclxuXHJcbmltcG9ydCB7IFBsYXlsaXN0IH0gZnJvbSAnbGlicy9zaGFyZWQvaW50ZXJmYWNlcyc7XHJcbmltcG9ydCB7IFRleHQgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL3RleHQvVGV4dCc7XHJcbmltcG9ydCB7IFNlYXJjaEJhciB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvc2VhcmNoLWJhci9TZWFyY2hCYXInO1xyXG5pbXBvcnQgeyBSZWNlbnRQbGF5bGlzdEhlbHBlciB9IGZyb20gJ2xpYnMvc2hhcmVkL2FwcHMvcGxheWxpc3RzL3V0aWxzL1JlY2VudFBsYXlsaXN0SGVscGVyJztcclxuaW1wb3J0IHsgZ2V0UGxheWxpc3RCZ0NvbG91ckNsYXNzIH0gZnJvbSAnbGlicy9zaGFyZWQvYXBwcy9wbGF5bGlzdHMvdXRpbHMvZ2V0QmFja2dyb3VuZENvbG91ckNsYXNzJztcclxuaW1wb3J0IHsgU3ZnQ29udGFpbmVyLCBTdmdDb250YWluZXJTaXplIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy9zdmctY29udGFpbmVyL1N2Z0NvbnRhaW5lcic7XHJcbmltcG9ydCB7IGN2U3ZnTGlicmFyeSB9IGZyb20gJ2xpYnMvc2hhcmVkL3V0aWxzL1N2Z0hlbHBlcic7XHJcbmltcG9ydCB7IEJHX0NPTE9VUl9DTEFTU19OQU1FUyB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbnN0YW50cy9Db2xvdXJDbGFzc05hbWVzJztcclxuaW1wb3J0IHsgVHlwZWFoZWFkRW1wdHlTdGF0ZSB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvdHlwZWFoZWFkLWVtcHR5LXN0YXRlL1R5cGVhaGVhZEVtcHR5U3RhdGUnO1xyXG5pbXBvcnQgeyBUeXBlYWhlYWRFcnJvclN0YXRlIH0gZnJvbSAnbGlicy9zaGFyZWQvY29tcG9uZW50cy90eXBlYWhlYWQtZXJyb3Itc3RhdGUvVHlwZWFoZWFkRXJyb3JTdGF0ZSc7XHJcblxyXG5pbXBvcnQgeyBJbWFnZVVybHMgfSBmcm9tICdzaGFyZWQvY29uc3RhbnRzL0ltYWdlVXJscyc7XHJcblxyXG5pbXBvcnQgeyBOZXdQbGF5bGlzdEZvcm0gfSBmcm9tICdhcHBzL3BsYXlsaXN0cy9jb21wb25lbnRzL25ldy1wbGF5bGlzdC1mb3JtL05ld1BsYXlsaXN0Rm9ybSc7XHJcblxyXG5pbXBvcnQgc3R5bGVzIGZyb20gJy4vc2VsZWN0LXBsYXlsaXN0LnNjc3MnO1xyXG5cclxuY29uc3QgbmFtZXNwYWNlID0gJ3BsYXlsaXN0cy5zZWxlY3RQbGF5bGlzdCc7XHJcblxyXG5jb25zdCBSRUNFTlRfUExBWUxJU1RTX0xJTUlUID0gMztcclxuXHJcbi8qKlxyXG4gKiBUaGVzZSBhcmUgcGl4ZWwgdmFsdWVzIHVzZWQgdG8gY2FsY3VsYXRlIHRoZSBoZWlnaHQgb2YgdGhlIHNjcm9sbFxyXG4gKiBkeW5hbWljYWxseS4gSEVBRElOR19TSVpFIGlzIHRoZSBoZWlnaHQgb2YgXCJNeSBQbGF5bGlzdHNcIiBwbHVzIHRoZSBwYWRkaW5nXHJcbiAqIGFuZCBJVEVNX1NJWkUgaXMgdGhlIGhlaWdodCBvZiBlYWNoIDxsaT4gaW4gdGhlIHN1Z2dlc3Rpb25zLiBXZSBzaG93IHVwIHRvXHJcbiAqIE1BWF9ESVNQTEFZRURfSVRFTVMgYW5kIHRoZW4gc3RhcnQgc2Nyb2xsaW5nXHJcbiAqL1xyXG5jb25zdCBIRUFESU5HX1NJWkUgPSAzNjtcclxuY29uc3QgSVRFTV9TSVpFID0gMzE7XHJcbmNvbnN0IE1JTl9ESVNQTEFZRURfSVRFTVMgPSAzO1xyXG5jb25zdCBNQVhfRElTUExBWUVEX0lURU1TID0gODtcclxuXHJcbmZ1bmN0aW9uIGNhbGN1bGF0ZVNjcm9sbENvbnRhaW5lckhlaWdodChwbGF5bGlzdHM6IG51bWJlcik6IHN0cmluZyB7XHJcbiAgbGV0IG51bWJlck9mSXRlbXMgPSBNSU5fRElTUExBWUVEX0lURU1TO1xyXG5cclxuICBpZiAocGxheWxpc3RzID4gTUlOX0RJU1BMQVlFRF9JVEVNUylcclxuICAgIG51bWJlck9mSXRlbXMgPSBwbGF5bGlzdHM7XHJcblxyXG4gIGlmIChwbGF5bGlzdHMgPiBNQVhfRElTUExBWUVEX0lURU1TKVxyXG4gICAgbnVtYmVyT2ZJdGVtcyA9IE1BWF9ESVNQTEFZRURfSVRFTVM7XHJcblxyXG4gIHJldHVybiBIRUFESU5HX1NJWkUgKyAobnVtYmVyT2ZJdGVtcyAqIElURU1fU0laRSkgKyAncHgnO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgUGxheWxpc3RTdWdnZXN0aW9uSXRlbVByb3BzIHtcclxuICBwbGF5bGlzdDogUGxheWxpc3Q7XHJcbiAgaXNWaWRlb0luUGxheWxpc3Q/OiAocGxheWxpc3Q6IFBsYXlsaXN0KSA9PiBib29sZWFuO1xyXG59XHJcblxyXG5mdW5jdGlvbiBQbGF5bGlzdFN1Z2dlc3Rpb25JdGVtKHByb3BzOiBQbGF5bGlzdFN1Z2dlc3Rpb25JdGVtUHJvcHMpOiBKU1guRWxlbWVudCB7XHJcbiAgY29uc3QgaXNWaWRlb0luUGxheWxpc3QgPSBGdW5jdGlvbkhlbHBlci5pc0Z1bmN0aW9uKHByb3BzLmlzVmlkZW9JblBsYXlsaXN0KVxyXG4gICAgJiYgcHJvcHMuaXNWaWRlb0luUGxheWxpc3QocHJvcHMucGxheWxpc3QpO1xyXG5cclxuICBjb25zdCBbIGxvY2FsSXNpblBsYXlsaXN0LCBzZXRMb2NhbElzSW5QbGF5bGlzdCBdID0gUmVhY3QudXNlU3RhdGUoaXNWaWRlb0luUGxheWxpc3QpO1xyXG5cclxuICBSZWFjdC51c2VFZmZlY3QoKCkgPT4ge1xyXG4gICAgaWYgKGxvY2FsSXNpblBsYXlsaXN0ID09PSBpc1ZpZGVvSW5QbGF5bGlzdClcclxuICAgICAgcmV0dXJuO1xyXG5cclxuICAgIHNldExvY2FsSXNJblBsYXlsaXN0KGlzVmlkZW9JblBsYXlsaXN0KTtcclxuICB9LCBbaXNWaWRlb0luUGxheWxpc3RdKTtcclxuXHJcbiAgY29uc3QgY2xhc3NOYW1lID0gaXNWaWRlb0luUGxheWxpc3QgPyBzdHlsZXMubWFzayA6ICdjdXJzb3ItcG9pbnRlcic7XHJcblxyXG4gIGNvbnN0IGNvbG91ckNsYXNzID0gZ2V0UGxheWxpc3RCZ0NvbG91ckNsYXNzKHByb3BzLnBsYXlsaXN0LCBCR19DT0xPVVJfQ0xBU1NfTkFNRVMpO1xyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPHNwYW4gY2xhc3NOYW1lPXtgJHtjbGFzc05hbWV9IGQtZmxleCBhbGlnbi1pdGVtcy1jZW50ZXJgfSBvbkNsaWNrPXsoKSA9PiBzZXRMb2NhbElzSW5QbGF5bGlzdCghaXNWaWRlb0luUGxheWxpc3QpfT5cclxuICAgICAgPGRpdiBjbGFzc05hbWU9e2Ake3N0eWxlcy5jb2xvdXJCb3h9ICR7Y29sb3VyQ2xhc3N9IGQtaW5saW5lLWJsb2NrIHJvdW5kZWQgZmxleC1zaHJpbmstMGB9PlxyXG4gICAgICAgIHtsb2NhbElzaW5QbGF5bGlzdCAmJlxyXG4gICAgICAgICAgPFN2Z0NvbnRhaW5lclxyXG4gICAgICAgICAgICBzdmdOYW1lPXtjdlN2Z0xpYnJhcnkuQ2hlY2t9XHJcbiAgICAgICAgICAgIHNpemU9e1N2Z0NvbnRhaW5lclNpemUuTGFyZ2V9XHJcbiAgICAgICAgICAgIHRpdGxlPXtMYW5ndWFnZVNlcnZpY2UuZ2V0UGhyYXNlKG5hbWVzcGFjZSwgJ2NoZWNrVG9vbHRpcCcpfVxyXG4gICAgICAgICAgICB0b29sdGlwU3BhbkhhY2tcclxuICAgICAgICAgIC8+XHJcbiAgICAgICAgfVxyXG4gICAgICA8L2Rpdj5cclxuICAgICAgPHNwYW4gY2xhc3NOYW1lPSdtbC0yIHRleHQtYnJlYWsnPntwcm9wcy5wbGF5bGlzdC5uYW1lfTwvc3Bhbj5cclxuICAgIDwvc3Bhbj5cclxuICApO1xyXG59XHJcblxyXG5pbnRlcmZhY2UgU2VsZWN0UGxheWxpc3RQcm9wcyB7XHJcbiAgcGxheWxpc3RzOiBQbGF5bGlzdFtdO1xyXG4gIGN1cnJlbnRVc2VySWQ6IHN0cmluZztcclxuICBvblNlbGVjdFBsYXlsaXN0OiAocGxheWxpc3Q6IFBsYXlsaXN0KSA9PiB2b2lkO1xyXG4gIGlzVmlkZW9JblBsYXlsaXN0PzogKHBsYXlsaXN0OiBQbGF5bGlzdCkgPT4gYm9vbGVhbjtcclxuICBjcmVhdGVQbGF5bGlzdD86IChuYW1lOiBzdHJpbmcpID0+IHZvaWQ7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBTZWxlY3RQbGF5bGlzdChwcm9wczogU2VsZWN0UGxheWxpc3RQcm9wcyk6IEpTWC5FbGVtZW50IHtcclxuICBjb25zdCBbIHF1ZXJ5LCBzZXRRdWVyeSBdID0gUmVhY3QudXNlU3RhdGUoJycpO1xyXG4gIGNvbnN0IFsgc2hvd0NyZWF0ZVBsYXlsaXN0LCBzZXRTaG93Q3JlYXRlUGxheWxpc3QgXSA9IFJlYWN0LnVzZVN0YXRlKGZhbHNlKTtcclxuXHJcbiAgbGV0IGNvbnRhaW5lckNsYXNzTmFtZSA9ICcnO1xyXG5cclxuICBpZiAocXVlcnkpXHJcbiAgICBjb250YWluZXJDbGFzc05hbWUgKz0gJyBib3JkZXItYm90dG9tIHBiLTInO1xyXG5cclxuICBjb25zdCBzb3J0ZWRQbGF5bGlzdHMgPSBBcnJheUhlbHBlci5zb3J0QnkocHJvcHMucGxheWxpc3RzLCAnbmFtZScpO1xyXG5cclxuICBsZXQgcmVjZW50bHlBZGRlZFRvOiBQbGF5bGlzdFtdIHwgc3RyaW5nW10gPVxyXG4gICAgUmVjZW50UGxheWxpc3RIZWxwZXIuZ2V0UmVjZW50bHlBZGRlZFRvKHByb3BzLmN1cnJlbnRVc2VySWQpO1xyXG5cclxuICByZWNlbnRseUFkZGVkVG8gPSByZWNlbnRseUFkZGVkVG9cclxuICAgIC5zbGljZSgwLCBSRUNFTlRfUExBWUxJU1RTX0xJTUlUKVxyXG4gICAgLm1hcChpZCA9PiBwcm9wcy5wbGF5bGlzdHMuZmluZChwID0+IHAuaWQgPT09IGlkKSlcclxuICAgIC5maWx0ZXIocCA9PiAhIXApO1xyXG5cclxuICByZXR1cm4gKFxyXG4gICAgPD5cclxuICAgICAgPFNlYXJjaEJhclxyXG4gICAgICAgIG9uUXVlcnlDaGFuZ2U9eyhxOiBzdHJpbmcpID0+IHNldFF1ZXJ5KHEudHJpbSgpKX1cclxuICAgICAgICBvblN1Z2dlc3Rpb25TZWxlY3RlZD17cHJvcHMub25TZWxlY3RQbGF5bGlzdH1cclxuICAgICAgICB1cGRhdGVRdWVyeU9uU2VsZWN0aW9uPXtmYWxzZX1cclxuICAgICAgICByZWNlbnRTZWFyY2hlcz17cmVjZW50bHlBZGRlZFRvfVxyXG4gICAgICAgIHJlY2VudFNlYXJjaEhlYWRpbmc9e0xhbmd1YWdlU2VydmljZS5nZXRQaHJhc2UobmFtZXNwYWNlLCAncmVjZW50UGxheWxpc3RzSGVhZGluZycpfVxyXG4gICAgICAgIHN1Z2dlc3Rpb25zSGVhZGluZz17TGFuZ3VhZ2VTZXJ2aWNlLmdldFBocmFzZShuYW1lc3BhY2UsICdzdWdnZXN0aW9uc0hlYWRpbmcnKX1cclxuICAgICAgICBsb2NhbD17c29ydGVkUGxheWxpc3RzfVxyXG4gICAgICAgIGluaXRpYWxTdWdnZXN0aW9ucz17c29ydGVkUGxheWxpc3RzfVxyXG4gICAgICAgIGFjdGl2YXRpb25MZW5ndGg9ezF9XHJcbiAgICAgICAgcGxhY2Vob2xkZXI9e0xhbmd1YWdlU2VydmljZS5nZXRQaHJhc2UobmFtZXNwYWNlLCAncGxhY2Vob2xkZXInKX1cclxuICAgICAgICB0aGVtZT17e1xyXG4gICAgICAgICAgY29udGFpbmVyOiBjb250YWluZXJDbGFzc05hbWUsXHJcbiAgICAgICAgICBzdWdnZXN0aW9uc0NvbnRhaW5lcjogYG10LTIgJHtzdHlsZXMuc3VnZ2VzdGlvbkNvbnRhaW5lcn1gLFxyXG4gICAgICAgICAgc3VnZ2VzdGlvbnNDb250YWluZXJPcGVuOiAnJ1xyXG4gICAgICAgIH19XHJcbiAgICAgICAgc2VhcmNoSWNvblBsYWNlbWVudD0nbGVmdCdcclxuICAgICAgICBhbHdheXNSZW5kZXJTdWdnZXN0aW9uc1xyXG4gICAgICAgIHN1Z2dlc3Rpb25MaW1pdD17ZmFsc2V9XHJcbiAgICAgICAgZ2V0RW1wdHlTdGF0ZUNvbXBvbmVudD17cXVlcnkgPT5cclxuICAgICAgICAgIDxUeXBlYWhlYWRFbXB0eVN0YXRlIHF1ZXJ5PXtxdWVyeX0gaW1hZ2VVcmw9e0ltYWdlVXJscy5FbXB0eVN0YXRlcy5UWVBFQUhFQURfUkVTVUxUU30gLz5cclxuICAgICAgICB9XHJcbiAgICAgICAgZ2V0RXJyb3JTdGF0ZUNvbXBvbmVudD17b25DbGlja1RyeUFnYWluID0+XHJcbiAgICAgICAgICA8VHlwZWFoZWFkRXJyb3JTdGF0ZSBvbkNsaWNrVHJ5QWdhaW49e29uQ2xpY2tUcnlBZ2Fpbn0gaW1hZ2VVcmw9e0ltYWdlVXJscy5UWVBFQUhFQURfRVJST1J9IC8+XHJcbiAgICAgICAgfVxyXG4gICAgICAgIGdldFN1Z2dlc3Rpb25Db21wb25lbnQ9eyhwbGF5bGlzdDogUGxheWxpc3QpID0+XHJcbiAgICAgICAgICA8UGxheWxpc3RTdWdnZXN0aW9uSXRlbSBwbGF5bGlzdD17cGxheWxpc3R9IGlzVmlkZW9JblBsYXlsaXN0PXtwcm9wcy5pc1ZpZGVvSW5QbGF5bGlzdH0gLz5cclxuICAgICAgICB9XHJcbiAgICAgICAgYXV0b0ZvY3VzSW5wdXRcclxuICAgICAgICBzaXplPSdsZydcclxuICAgICAgICBjdXN0b21TY3JvbGxiYXJQcm9wcz17eyBzdHlsZTogeyBoZWlnaHQ6IGNhbGN1bGF0ZVNjcm9sbENvbnRhaW5lckhlaWdodChzb3J0ZWRQbGF5bGlzdHMubGVuZ3RoKSB9IH19XHJcbiAgICAgIC8+XHJcbiAgICAgIDxkaXYgY2xhc3NOYW1lPSdib3JkZXItdG9wIHB0LTMgcHgtMyBteC1uMyc+XHJcbiAgICAgICAge3Nob3dDcmVhdGVQbGF5bGlzdCA/IChcclxuICAgICAgICAgIDxOZXdQbGF5bGlzdEZvcm0gb25TdWJtaXQ9e2RhdGEgPT4gcHJvcHMuY3JlYXRlUGxheWxpc3QoZGF0YS5uYW1lKX0gLz5cclxuICAgICAgICApIDogKFxyXG4gICAgICAgICAgPEJ1dHRvbiB2YXJpYW50PSdsaW5rJyBjbGFzc05hbWU9J3RleHQtaW5mbyBwLTAnIG9uQ2xpY2s9eygpID0+IHNldFNob3dDcmVhdGVQbGF5bGlzdCh0cnVlKX0+XHJcbiAgICAgICAgICAgIDxUZXh0IG5hbWVzcGFjZT17bmFtZXNwYWNlfSBwaHJhc2U9J2NyZWF0ZVBsYXlsaXN0Jz48L1RleHQ+XHJcbiAgICAgICAgICA8L0J1dHRvbj5cclxuICAgICAgICApfVxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvPlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBR0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQUVBO0FBRUE7QUFFQTtBQUVBOzs7OztBQUtBO0FBQ0E7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBR0E7QUFHQTtBQUNBO0FBQ0E7QUFNQTtBQUNBO0FBQ0E7QUFGQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBS0E7QUFDQTtBQUdBO0FBQ0E7QUFFQTtBQUVBO0FBRUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUdBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFRQTtBQUFBO0FBR0E7QUFDQTtBQVNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQURBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFHQTtBQUVBO0FBR0E7QUFFQTtBQUdBO0FBRUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUFBO0FBRUE7QUFHQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUhBO0FBS0E7QUFDQTtBQUNBO0FBQ0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQURBO0FBR0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQURBO0FBR0E7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQURBO0FBR0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUE5QkE7QUFnQ0E7QUFBQTtBQUVBO0FBQUE7QUFBQTtBQUFBO0FBRUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFBQTtBQUFBO0FBTUEiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/playlists/components/select-playlist/SelectPlaylist.tsx\n");
 
 /***/ }),
 
-/***/ 5:
-/***/ (function(module, exports) {
+/***/ "./src/apps/playlists/components/select-playlist/select-playlist.scss":
+/***/ (function(module, exports, __webpack_require__) {
 
-eval("/* (ignored) *///# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNS5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvaWdub3JlZCBDOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9ub2RlX21vZHVsZXMvcGRmanMtZGlzdC9idWlsZCBodHRwcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvKiAoaWdub3JlZCkgKi8iXSwibWFwcGluZ3MiOiJBQUFBIiwic291cmNlUm9vdCI6IiJ9\n//# sourceURL=webpack-internal:///5\n");
+eval("// extracted by mini-css-extract-plugin\nmodule.exports = {\"suggestionContainer\":\"cv--suggestionContainer--2omIR\",\"colourBox\":\"cv--colourBox--1pfg8\"};//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9wbGF5bGlzdHMvY29tcG9uZW50cy9zZWxlY3QtcGxheWxpc3Qvc2VsZWN0LXBsYXlsaXN0LnNjc3MuanMiLCJzb3VyY2VzIjpbImZpbGU6Ly9DOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9wYWNrYWdlcy9wcm9qZWN0cy9saXRlL3NyYy9hcHBzL3BsYXlsaXN0cy9jb21wb25lbnRzL3NlbGVjdC1wbGF5bGlzdC9zZWxlY3QtcGxheWxpc3Quc2NzcyJdLCJzb3VyY2VzQ29udGVudCI6WyIvLyBleHRyYWN0ZWQgYnkgbWluaS1jc3MtZXh0cmFjdC1wbHVnaW5cbm1vZHVsZS5leHBvcnRzID0ge1wic3VnZ2VzdGlvbkNvbnRhaW5lclwiOlwiY3YtLXN1Z2dlc3Rpb25Db250YWluZXItLTJvbUlSXCIsXCJjb2xvdXJCb3hcIjpcImN2LS1jb2xvdXJCb3gtLTFwZmc4XCJ9OyJdLCJtYXBwaW5ncyI6IkFBQUE7QUFDQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///./src/apps/playlists/components/select-playlist/select-playlist.scss\n");
 
 /***/ }),
 
-/***/ 6:
-/***/ (function(module, exports) {
+/***/ "./src/apps/playlists/views/add-to-playlist/AddToPlaylistView.tsx":
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
 
-eval("/* (ignored) *///# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNi5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvaWdub3JlZCBDOi9DbGlja1ZpZXcgUHJvamVjdHMvQGNsaWNrdmlldy9ub2RlX21vZHVsZXMvcGRmanMtZGlzdC9idWlsZCB1cmwiXSwic291cmNlc0NvbnRlbnQiOlsiLyogKGlnbm9yZWQpICovIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///6\n");
+"use strict";
+eval("__webpack_require__.r(__webpack_exports__);\n/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, \"AddToPlaylistView\", function() { return AddToPlaylistView; });\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(\"react\");\n/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(\"react-redux\");\n/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(\"../../libs/common/src/backbone/services/LanguageService.tsx\");\n/* harmony import */ var libs_common_flight__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(\"../../libs/common/src/react/index.ts\");\n/* harmony import */ var libs_common_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(\"../../libs/common/src/backbone/services/BaseAlertService.ts\");\n/* harmony import */ var libs_common_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(\"../../libs/common/src/react/utils/TextHelper.ts\");\n/* harmony import */ var libs_shared_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(\"../../libs/shared/src/components/popup/Popup.tsx\");\n/* harmony import */ var libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(\"../../libs/shared/src/components/text/Text.tsx\");\n/* harmony import */ var libs_shared_hooks_UseFetchAll__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(\"../../libs/shared/src/hooks/UseFetchAll.ts\");\n/* harmony import */ var libs_shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(\"../../libs/shared/src/flight-requests/UserRequests.ts\");\n/* harmony import */ var libs_shared_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(\"../../libs/shared/src/apps/playlists/utils/RecentPlaylistHelper.ts\");\n/* harmony import */ var libs_shared_apps_playlists_enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(\"../../libs/shared/src/apps/playlists/enums/PlaylistSortType.ts\");\n/* harmony import */ var libs_shared_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(\"../../libs/shared/src/hooks/UseSelectAllPages.ts\");\n/* harmony import */ var libs_shared_apps_playlists_interfaces_identifiers_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(\"../../libs/shared/src/apps/playlists/interfaces/identifiers/PlaylistCollectionIdentifier.ts\");\n/* harmony import */ var libs_shared_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(\"../../libs/shared/src/hooks/UseAlerts.ts\");\n/* harmony import */ var libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(\"../../libs/analytics/src/AnalyticsHelper.ts\");\n/* harmony import */ var libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__ = __webpack_require__(\"../../libs/analytics/src/interfaces/index.ts\");\n/* harmony import */ var apps_playlists_components_select_playlist_SelectPlaylist__WEBPACK_IMPORTED_MODULE_17__ = __webpack_require__(\"./src/apps/playlists/components/select-playlist/SelectPlaylist.tsx\");\n/* harmony import */ var shared_constants_DefaultAlertHeading__WEBPACK_IMPORTED_MODULE_18__ = __webpack_require__(\"./src/shared/constants/DefaultAlertHeading.ts\");\n/* harmony import */ var libs_shared_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_19__ = __webpack_require__(\"../../libs/shared/src/flight-requests/PlaylistRequests.ts\");\n/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__ = __webpack_require__(\"./src/shared/constants/LiteRadioChannels.ts\");\n/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__ = __webpack_require__(\"./src/shared/constants/LiteActions.ts\");\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nvar namespace = 'playlists.addToPlaylist';\nvar getPhrase = libs_common_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__[\"LanguageService\"].encloseNamespace(namespace);\n\nvar getPlaylistsRequest = function getPlaylistsRequest(cursor) {\n  return libs_shared_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_19__[\"PlaylistRequests\"].getUserPlaylists(new libs_shared_apps_playlists_interfaces_identifiers_PlaylistCollectionIdentifier__WEBPACK_IMPORTED_MODULE_13__[\"PlaylistCollectionIdentifier\"](libs_shared_apps_playlists_enums_PlaylistSortType__WEBPACK_IMPORTED_MODULE_11__[\"PlaylistSortType\"].AtoZ, cursor));\n};\n\nvar getVideoPlaylistsRequest = function getVideoPlaylistsRequest(videoId, userId) {\n  return function (cursor) {\n    return libs_shared_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_19__[\"PlaylistRequests\"].getVideoPlaylists(videoId, userId, cursor);\n  };\n};\n\nfunction AddToPlaylistView(props) {\n  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__[\"useDispatch\"])();\n  var alerts = Object(libs_shared_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_14__[\"useAlerts\"])();\n  var user = libs_common_flight__WEBPACK_IMPORTED_MODULE_3__[\"Flight\"].useBasicFetch(libs_shared_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_9__[\"UserRequests\"].currentUser());\n  var video = libs_common_flight__WEBPACK_IMPORTED_MODULE_3__[\"Flight\"].useBasicFetch(libs_shared_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_19__[\"PlaylistRequests\"].getVideoCandidate(props.videoId));\n  var playlists = Object(libs_shared_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_12__[\"useSelectAllPages\"])(function (cursor) {\n    return getPlaylistsRequest(cursor).key;\n  });\n  var videoPlaylists = Object(libs_shared_hooks_UseSelectAllPages__WEBPACK_IMPORTED_MODULE_12__[\"useSelectAllPages\"])(function (cursor) {\n    return !!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id)(cursor).key;\n  });\n  var videoPlaylistIds = !!videoPlaylists.items && videoPlaylists.items.map(function (p) {\n    return p.id;\n  });\n\n  var fetchNextPlaylists = function fetchNextPlaylists(cursor) {\n    libs_common_flight__WEBPACK_IMPORTED_MODULE_3__[\"Flight\"].getFetch(dispatch, getPlaylistsRequest(cursor))();\n  };\n\n  var fetchNextVideoPlaylists = function fetchNextVideoPlaylists(cursor) {\n    libs_common_flight__WEBPACK_IMPORTED_MODULE_3__[\"Flight\"].getFetch(dispatch, getVideoPlaylistsRequest(props.videoId, user.data.id)(cursor))();\n  };\n\n  Object(libs_shared_hooks_UseFetchAll__WEBPACK_IMPORTED_MODULE_8__[\"useFetchAll\"])(getPlaylistsRequest, fetchNextPlaylists);\n  Object(libs_shared_hooks_UseFetchAll__WEBPACK_IMPORTED_MODULE_8__[\"useFetchAll\"])(!!user.data && getVideoPlaylistsRequest(props.videoId, user.data.id), !!user.data && fetchNextVideoPlaylists);\n\n  var addToPlaylist = function addToPlaylist(playlist, isNew) {\n    var onSuccess = function onSuccess() {\n      alerts.success({\n        heading: shared_constants_DefaultAlertHeading__WEBPACK_IMPORTED_MODULE_18__[\"DefaultAlertHeading\"].Success,\n        type: libs_common_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__[\"AlertType\"].Success,\n        message: getPhrase(isNew ? 'successNew' : 'success', {\n          video: video.data.name,\n          playlist: playlist.name\n        }),\n        appLink: {\n          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__[\"AppChannels\"].PLAYLISTS,\n          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__[\"Actions\"].Playlists.PLAYLIST,\n          args: [playlist.id, libs_common_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_5__[\"TextHelper\"].slugify(playlist.name)]\n        },\n        appLinkText: getPhrase('goToPlaylist', {\n          playlist: playlist.name\n        }),\n        appLinkClassName: 'info-link'\n      });\n      libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_15__[\"AnalyticsHelper\"].logUserAction({\n        id: video.data.id,\n        playlistId: playlist.id\n      }, {\n        actionType: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"UserAction\"].Associate,\n        entity: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"EntityType\"].Video,\n        descriptor: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"AssocDescriptor\"].Playlist,\n        workflowPhase: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"WorkflowPhase\"].Complete,\n        location: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"LocationContext\"].Popup\n      });\n      libs_shared_apps_playlists_utils_RecentPlaylistHelper__WEBPACK_IMPORTED_MODULE_10__[\"RecentPlaylistHelper\"].addRecentlyAddedTo(user.data.id, {\n        id: playlist.id\n      });\n      if (isNew) props.closePopup();\n    };\n\n    var onError = function onError() {\n      alerts.error(getPhrase('addError', {\n        video: video.data.name,\n        playlist: playlist.name\n      }));\n      props.closePopup();\n    };\n\n    libs_common_flight__WEBPACK_IMPORTED_MODULE_3__[\"Flight\"].fetch(dispatch, libs_shared_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_19__[\"PlaylistRequests\"].addToPlaylist(playlist.id, [video.data], onSuccess, onError));\n  };\n\n  var removeFromPlaylist = function removeFromPlaylist(playlist) {\n    var onSuccess = function onSuccess() {\n      alerts.success({\n        heading: shared_constants_DefaultAlertHeading__WEBPACK_IMPORTED_MODULE_18__[\"DefaultAlertHeading\"].Success,\n        type: libs_common_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__[\"AlertType\"].Success,\n        message: getPhrase('successRemove', {\n          video: video.data.name,\n          playlist: playlist.name\n        }),\n        appLink: {\n          application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_20__[\"AppChannels\"].PLAYLISTS,\n          action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_21__[\"Actions\"].Playlists.PLAYLIST,\n          args: [playlist.id, libs_common_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_5__[\"TextHelper\"].slugify(playlist.name)]\n        },\n        appLinkText: getPhrase('goToPlaylist', {\n          playlist: playlist.name\n        }),\n        appLinkClassName: 'info-link'\n      });\n      libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_15__[\"AnalyticsHelper\"].logUserAction({\n        id: video.data.id,\n        playlistId: playlist.id\n      }, {\n        actionType: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"UserAction\"].Dissociate,\n        entity: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"EntityType\"].Video,\n        descriptor: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"AssocDescriptor\"].Playlist,\n        workflowPhase: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"WorkflowPhase\"].Complete,\n        location: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"LocationContext\"].Popup\n      });\n    };\n\n    var onError = function onError() {\n      alerts.error(getPhrase('removeError', {\n        video: video.data.name,\n        playlist: playlist.name\n      }));\n      props.closePopup();\n    };\n\n    libs_common_flight__WEBPACK_IMPORTED_MODULE_3__[\"Flight\"].fetch(dispatch, libs_shared_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_19__[\"PlaylistRequests\"].removePlaylistVideo(playlist.id, video.data, onSuccess, onError));\n  };\n\n  var createPlaylist = function createPlaylist(name) {\n    libs_common_flight__WEBPACK_IMPORTED_MODULE_3__[\"Flight\"].fetch(dispatch, libs_shared_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_19__[\"PlaylistRequests\"].createPlaylist(user.data.id, {\n      name: name\n    }, function (newPlaylist) {\n      if (!newPlaylist || !newPlaylist.id) return;\n      libs_analytics_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_15__[\"AnalyticsHelper\"].logUserAction({\n        id: newPlaylist.id\n      }, {\n        actionType: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"UserAction\"].Create,\n        entity: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"EntityType\"].Playlist,\n        workflowPhase: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"WorkflowPhase\"].Complete,\n        location: libs_analytics_interfaces__WEBPACK_IMPORTED_MODULE_16__[\"LocationContext\"].Popup\n      });\n      addToPlaylist(newPlaylist, true);\n    }, function () {\n      alerts.error(getPhrase('createError', {\n        video: video.data.name,\n        playlist: name\n      }));\n      props.closePopup();\n    }));\n  };\n\n  var onSelectPlaylist = function onSelectPlaylist(playlist) {\n    if (videoPlaylistIds.includes(playlist.id)) {\n      removeFromPlaylist(playlist);\n      return;\n    }\n\n    addToPlaylist(playlist);\n  };\n\n  var dataLoaded = !!video.data && !!playlists.items && !playlists.nextCursor && !!user.data && !!videoPlaylists.items && !videoPlaylists.nextCursor;\n  return react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__[\"Popup\"], {\n    title: getPhrase('heading'),\n    closePopup: props.closePopup,\n    showLoadingSpinner: !dataLoaded\n  }, dataLoaded && react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](react__WEBPACK_IMPORTED_MODULE_0__[\"Fragment\"], null, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](\"div\", {\n    className: 'mb-2'\n  }, react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](libs_shared_components_text_Text__WEBPACK_IMPORTED_MODULE_7__[\"Text\"], {\n    namespace: namespace,\n    phrase: 'selectPlaylist',\n    options: {\n      video: video.data.name\n    }\n  })), react__WEBPACK_IMPORTED_MODULE_0__[\"createElement\"](apps_playlists_components_select_playlist_SelectPlaylist__WEBPACK_IMPORTED_MODULE_17__[\"SelectPlaylist\"], {\n    playlists: playlists.items,\n    currentUserId: user.data.id,\n    onSelectPlaylist: onSelectPlaylist,\n    isVideoInPlaylist: function isVideoInPlaylist(playlist) {\n      return videoPlaylistIds.includes(playlist.id);\n    },\n    createPlaylist: createPlaylist\n  })));\n}//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiLi9zcmMvYXBwcy9wbGF5bGlzdHMvdmlld3MvYWRkLXRvLXBsYXlsaXN0L0FkZFRvUGxheWxpc3RWaWV3LnRzeC5qcyIsInNvdXJjZXMiOlsiZmlsZTovL0M6L0NsaWNrVmlldyBQcm9qZWN0cy9AY2xpY2t2aWV3L3BhY2thZ2VzL3Byb2plY3RzL2xpdGUvc3JjL2FwcHMvcGxheWxpc3RzL3ZpZXdzL2FkZC10by1wbGF5bGlzdC9BZGRUb1BsYXlsaXN0Vmlldy50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0ICogYXMgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyB1c2VEaXNwYXRjaCB9IGZyb20gJ3JlYWN0LXJlZHV4JztcclxuXHJcbmltcG9ydCB7IExhbmd1YWdlU2VydmljZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0xhbmd1YWdlU2VydmljZSc7XHJcbmltcG9ydCB7IEZsaWdodCB9IGZyb20gJ2xpYnMvY29tbW9uL2ZsaWdodCc7XHJcbmltcG9ydCB7IEFsZXJ0VHlwZSB9IGZyb20gJ2xpYnMvY29tbW9uL2JhY2tib25lL3NlcnZpY2VzL0Jhc2VBbGVydFNlcnZpY2UnO1xyXG5pbXBvcnQgeyBUZXh0SGVscGVyIH0gZnJvbSAnbGlicy9jb21tb24vcmVhY3QvdXRpbHMvVGV4dEhlbHBlcic7XHJcblxyXG5pbXBvcnQgeyBQb3B1cFZpZXdQcm9wcywgUGxheWxpc3QsIFVzZXIsIFZpZGVvVHlwZXMgfSBmcm9tICdsaWJzL3NoYXJlZC9pbnRlcmZhY2VzJztcclxuaW1wb3J0IHsgUG9wdXAgfSBmcm9tICdsaWJzL3NoYXJlZC9jb21wb25lbnRzL3BvcHVwL1BvcHVwJztcclxuaW1wb3J0IHsgVGV4dCB9IGZyb20gJ2xpYnMvc2hhcmVkL2NvbXBvbmVudHMvdGV4dC9UZXh0JztcclxuaW1wb3J0IHsgdXNlRmV0Y2hBbGwgfSBmcm9tICdsaWJzL3NoYXJlZC9ob29rcy9Vc2VGZXRjaEFsbCc7XHJcbmltcG9ydCB7IFVzZXJSZXF1ZXN0cyB9IGZyb20gJ2xpYnMvc2hhcmVkL2ZsaWdodC1yZXF1ZXN0cy9Vc2VyUmVxdWVzdHMnO1xyXG5pbXBvcnQgeyBSZWNlbnRQbGF5bGlzdEhlbHBlciB9IGZyb20gJ2xpYnMvc2hhcmVkL2FwcHMvcGxheWxpc3RzL3V0aWxzL1JlY2VudFBsYXlsaXN0SGVscGVyJztcclxuaW1wb3J0IHsgUGxheWxpc3RTb3J0VHlwZSB9IGZyb20gJ2xpYnMvc2hhcmVkL2FwcHMvcGxheWxpc3RzL2VudW1zL1BsYXlsaXN0U29ydFR5cGUnO1xyXG5pbXBvcnQgeyB1c2VTZWxlY3RBbGxQYWdlcyB9IGZyb20gJ2xpYnMvc2hhcmVkL2hvb2tzL1VzZVNlbGVjdEFsbFBhZ2VzJztcclxuaW1wb3J0IHsgUGxheWxpc3RDb2xsZWN0aW9uSWRlbnRpZmllciB9IGZyb20gJ2xpYnMvc2hhcmVkL2FwcHMvcGxheWxpc3RzL2ludGVyZmFjZXMvaWRlbnRpZmllcnMvUGxheWxpc3RDb2xsZWN0aW9uSWRlbnRpZmllcic7XHJcbmltcG9ydCB7IHVzZUFsZXJ0cyB9IGZyb20gJ2xpYnMvc2hhcmVkL2hvb2tzL1VzZUFsZXJ0cyc7XHJcbmltcG9ydCB7IEFuYWx5dGljc0hlbHBlciB9IGZyb20gJ2xpYnMvYW5hbHl0aWNzL0FuYWx5dGljc0hlbHBlcic7XHJcbmltcG9ydCB7IEVudGl0eVR5cGUsIFVzZXJBY3Rpb24sIFdvcmtmbG93UGhhc2UsIExvY2F0aW9uQ29udGV4dCwgQXNzb2NEZXNjcmlwdG9yIH0gZnJvbSAnbGlicy9hbmFseXRpY3MvaW50ZXJmYWNlcyc7XHJcblxyXG5pbXBvcnQgeyBTZWxlY3RQbGF5bGlzdCB9IGZyb20gJ2FwcHMvcGxheWxpc3RzL2NvbXBvbmVudHMvc2VsZWN0LXBsYXlsaXN0L1NlbGVjdFBsYXlsaXN0JztcclxuXHJcbmltcG9ydCB7IERlZmF1bHRBbGVydEhlYWRpbmcgfSBmcm9tICdzaGFyZWQvY29uc3RhbnRzL0RlZmF1bHRBbGVydEhlYWRpbmcnO1xyXG5pbXBvcnQgeyBQbGF5bGlzdFJlcXVlc3RzIH0gZnJvbSAnbGlicy9zaGFyZWQvZmxpZ2h0LXJlcXVlc3RzL1BsYXlsaXN0UmVxdWVzdHMnO1xyXG5pbXBvcnQgeyBBcHBDaGFubmVscyB9IGZyb20gJ3NoYXJlZC9jb25zdGFudHMvTGl0ZVJhZGlvQ2hhbm5lbHMnO1xyXG5pbXBvcnQgeyBBY3Rpb25zIH0gZnJvbSAnc2hhcmVkL2NvbnN0YW50cy9MaXRlQWN0aW9ucyc7XHJcblxyXG5jb25zdCBuYW1lc3BhY2UgPSAncGxheWxpc3RzLmFkZFRvUGxheWxpc3QnO1xyXG5jb25zdCBnZXRQaHJhc2UgPSBMYW5ndWFnZVNlcnZpY2UuZW5jbG9zZU5hbWVzcGFjZShuYW1lc3BhY2UpO1xyXG5cclxuY29uc3QgZ2V0UGxheWxpc3RzUmVxdWVzdCA9IChjdXJzb3I/OiBzdHJpbmcpID0+XHJcbiAgUGxheWxpc3RSZXF1ZXN0cy5nZXRVc2VyUGxheWxpc3RzKG5ldyBQbGF5bGlzdENvbGxlY3Rpb25JZGVudGlmaWVyKFBsYXlsaXN0U29ydFR5cGUuQXRvWiwgY3Vyc29yKSk7XHJcblxyXG5jb25zdCBnZXRWaWRlb1BsYXlsaXN0c1JlcXVlc3QgPSAodmlkZW9JZDogc3RyaW5nLCB1c2VySWQ6IHN0cmluZykgPT4gKGN1cnNvcj86IHN0cmluZykgPT5cclxuICBQbGF5bGlzdFJlcXVlc3RzLmdldFZpZGVvUGxheWxpc3RzKHZpZGVvSWQsIHVzZXJJZCwgY3Vyc29yKTtcclxuXHJcbmludGVyZmFjZSBBZGRUb1BsYXlsaXN0Vmlld1Byb3BzIHtcclxuICB2aWRlb0lkOiBzdHJpbmc7XHJcbn1cclxuXHJcbmV4cG9ydCBmdW5jdGlvbiBBZGRUb1BsYXlsaXN0Vmlldyhwcm9wczogQWRkVG9QbGF5bGlzdFZpZXdQcm9wcyAmIFBvcHVwVmlld1Byb3BzKTogSlNYLkVsZW1lbnQge1xyXG4gIGNvbnN0IGRpc3BhdGNoID0gdXNlRGlzcGF0Y2goKTtcclxuICBjb25zdCBhbGVydHMgPSB1c2VBbGVydHMoKTtcclxuXHJcbiAgY29uc3QgdXNlciA9IEZsaWdodC51c2VCYXNpY0ZldGNoPFVzZXI+KFVzZXJSZXF1ZXN0cy5jdXJyZW50VXNlcigpKTtcclxuICBjb25zdCB2aWRlbyA9IEZsaWdodC51c2VCYXNpY0ZldGNoPFZpZGVvVHlwZXM+KFBsYXlsaXN0UmVxdWVzdHMuZ2V0VmlkZW9DYW5kaWRhdGUocHJvcHMudmlkZW9JZCkpO1xyXG4gIGNvbnN0IHBsYXlsaXN0cyA9IHVzZVNlbGVjdEFsbFBhZ2VzPFBsYXlsaXN0PigoY3Vyc29yPzogc3RyaW5nKSA9PiBnZXRQbGF5bGlzdHNSZXF1ZXN0KGN1cnNvcikua2V5KTtcclxuICBjb25zdCB2aWRlb1BsYXlsaXN0cyA9IHVzZVNlbGVjdEFsbFBhZ2VzPFBsYXlsaXN0PigoY3Vyc29yPzogc3RyaW5nKSA9PlxyXG4gICAgISF1c2VyLmRhdGEgJiYgZ2V0VmlkZW9QbGF5bGlzdHNSZXF1ZXN0KHByb3BzLnZpZGVvSWQsIHVzZXIuZGF0YS5pZCkoY3Vyc29yKS5rZXkpO1xyXG5cclxuICBjb25zdCB2aWRlb1BsYXlsaXN0SWRzID0gISF2aWRlb1BsYXlsaXN0cy5pdGVtcyAmJiB2aWRlb1BsYXlsaXN0cy5pdGVtcy5tYXAocCA9PiBwLmlkKTtcclxuXHJcbiAgY29uc3QgZmV0Y2hOZXh0UGxheWxpc3RzID0gKGN1cnNvcj86IHN0cmluZykgPT4ge1xyXG4gICAgRmxpZ2h0LmdldEZldGNoKGRpc3BhdGNoLCBnZXRQbGF5bGlzdHNSZXF1ZXN0KGN1cnNvcikpKCk7XHJcbiAgfTtcclxuXHJcbiAgY29uc3QgZmV0Y2hOZXh0VmlkZW9QbGF5bGlzdHMgPSAoY3Vyc29yPzogc3RyaW5nKSA9PiB7XHJcbiAgICBGbGlnaHQuZ2V0RmV0Y2goZGlzcGF0Y2gsIGdldFZpZGVvUGxheWxpc3RzUmVxdWVzdChwcm9wcy52aWRlb0lkLCB1c2VyLmRhdGEuaWQpKGN1cnNvcikpKCk7XHJcbiAgfTtcclxuXHJcbiAgdXNlRmV0Y2hBbGwoZ2V0UGxheWxpc3RzUmVxdWVzdCwgZmV0Y2hOZXh0UGxheWxpc3RzKTtcclxuICB1c2VGZXRjaEFsbChcclxuICAgICEhdXNlci5kYXRhICYmIGdldFZpZGVvUGxheWxpc3RzUmVxdWVzdChwcm9wcy52aWRlb0lkLCB1c2VyLmRhdGEuaWQpLFxyXG4gICAgISF1c2VyLmRhdGEgJiYgZmV0Y2hOZXh0VmlkZW9QbGF5bGlzdHNcclxuICApO1xyXG5cclxuICBjb25zdCBhZGRUb1BsYXlsaXN0ID0gKHBsYXlsaXN0OiBQbGF5bGlzdCwgaXNOZXc/OiBib29sZWFuKSA9PiB7XHJcbiAgICBjb25zdCBvblN1Y2Nlc3MgPSAoKSA9PiB7XHJcbiAgICAgIGFsZXJ0cy5zdWNjZXNzKHtcclxuICAgICAgICBoZWFkaW5nOiBEZWZhdWx0QWxlcnRIZWFkaW5nLlN1Y2Nlc3MsXHJcbiAgICAgICAgdHlwZTogQWxlcnRUeXBlLlN1Y2Nlc3MsXHJcbiAgICAgICAgbWVzc2FnZTogZ2V0UGhyYXNlKGlzTmV3ID8gJ3N1Y2Nlc3NOZXcnIDogJ3N1Y2Nlc3MnLCB7IHZpZGVvOiB2aWRlby5kYXRhLm5hbWUsIHBsYXlsaXN0OiBwbGF5bGlzdC5uYW1lIH0pLFxyXG4gICAgICAgIGFwcExpbms6IHtcclxuICAgICAgICAgIGFwcGxpY2F0aW9uOiBBcHBDaGFubmVscy5QTEFZTElTVFMsXHJcbiAgICAgICAgICBhY3Rpb246IEFjdGlvbnMuUGxheWxpc3RzLlBMQVlMSVNULFxyXG4gICAgICAgICAgYXJnczogWyBwbGF5bGlzdC5pZCwgVGV4dEhlbHBlci5zbHVnaWZ5KHBsYXlsaXN0Lm5hbWUpIF1cclxuICAgICAgICB9LFxyXG4gICAgICAgIGFwcExpbmtUZXh0OiBnZXRQaHJhc2UoJ2dvVG9QbGF5bGlzdCcsIHsgcGxheWxpc3Q6IHBsYXlsaXN0Lm5hbWUgfSksXHJcbiAgICAgICAgYXBwTGlua0NsYXNzTmFtZTogJ2luZm8tbGluaydcclxuICAgICAgfSk7XHJcblxyXG4gICAgICBBbmFseXRpY3NIZWxwZXIubG9nVXNlckFjdGlvbih7IGlkOiB2aWRlby5kYXRhLmlkLCBwbGF5bGlzdElkOiBwbGF5bGlzdC5pZCB9LCB7XHJcbiAgICAgICAgYWN0aW9uVHlwZTogVXNlckFjdGlvbi5Bc3NvY2lhdGUsXHJcbiAgICAgICAgZW50aXR5OiBFbnRpdHlUeXBlLlZpZGVvLFxyXG4gICAgICAgIGRlc2NyaXB0b3I6IEFzc29jRGVzY3JpcHRvci5QbGF5bGlzdCxcclxuICAgICAgICB3b3JrZmxvd1BoYXNlOiBXb3JrZmxvd1BoYXNlLkNvbXBsZXRlLFxyXG4gICAgICAgIGxvY2F0aW9uOiBMb2NhdGlvbkNvbnRleHQuUG9wdXBcclxuICAgICAgfSk7XHJcblxyXG4gICAgICBSZWNlbnRQbGF5bGlzdEhlbHBlci5hZGRSZWNlbnRseUFkZGVkVG8odXNlci5kYXRhLmlkLCB7IGlkOiBwbGF5bGlzdC5pZCB9KTtcclxuXHJcbiAgICAgIGlmIChpc05ldylcclxuICAgICAgICBwcm9wcy5jbG9zZVBvcHVwKCk7XHJcbiAgICB9O1xyXG5cclxuICAgIGNvbnN0IG9uRXJyb3IgPSAoKSA9PiB7XHJcbiAgICAgIGFsZXJ0cy5lcnJvcihnZXRQaHJhc2UoJ2FkZEVycm9yJywgeyB2aWRlbzogdmlkZW8uZGF0YS5uYW1lLCBwbGF5bGlzdDogcGxheWxpc3QubmFtZSB9KSk7XHJcbiAgICAgIHByb3BzLmNsb3NlUG9wdXAoKTtcclxuICAgIH07XHJcblxyXG4gICAgRmxpZ2h0LmZldGNoKGRpc3BhdGNoLCBQbGF5bGlzdFJlcXVlc3RzLmFkZFRvUGxheWxpc3QocGxheWxpc3QuaWQsIFt2aWRlby5kYXRhXSwgb25TdWNjZXNzLCBvbkVycm9yKSk7XHJcbiAgfTtcclxuXHJcbiAgY29uc3QgcmVtb3ZlRnJvbVBsYXlsaXN0ID0gKHBsYXlsaXN0OiBQbGF5bGlzdCkgPT4ge1xyXG4gICAgY29uc3Qgb25TdWNjZXNzID0gKCkgPT4ge1xyXG4gICAgICBhbGVydHMuc3VjY2Vzcyh7XHJcbiAgICAgICAgaGVhZGluZzogRGVmYXVsdEFsZXJ0SGVhZGluZy5TdWNjZXNzLFxyXG4gICAgICAgIHR5cGU6IEFsZXJ0VHlwZS5TdWNjZXNzLFxyXG4gICAgICAgIG1lc3NhZ2U6IGdldFBocmFzZSgnc3VjY2Vzc1JlbW92ZScsIHsgdmlkZW86IHZpZGVvLmRhdGEubmFtZSwgcGxheWxpc3Q6IHBsYXlsaXN0Lm5hbWUgfSksXHJcbiAgICAgICAgYXBwTGluazoge1xyXG4gICAgICAgICAgYXBwbGljYXRpb246IEFwcENoYW5uZWxzLlBMQVlMSVNUUyxcclxuICAgICAgICAgIGFjdGlvbjogQWN0aW9ucy5QbGF5bGlzdHMuUExBWUxJU1QsXHJcbiAgICAgICAgICBhcmdzOiBbIHBsYXlsaXN0LmlkLCBUZXh0SGVscGVyLnNsdWdpZnkocGxheWxpc3QubmFtZSkgXVxyXG4gICAgICAgIH0sXHJcbiAgICAgICAgYXBwTGlua1RleHQ6IGdldFBocmFzZSgnZ29Ub1BsYXlsaXN0JywgeyBwbGF5bGlzdDogcGxheWxpc3QubmFtZSB9KSxcclxuICAgICAgICBhcHBMaW5rQ2xhc3NOYW1lOiAnaW5mby1saW5rJ1xyXG4gICAgICB9KTtcclxuXHJcbiAgICAgIEFuYWx5dGljc0hlbHBlci5sb2dVc2VyQWN0aW9uKHsgaWQ6IHZpZGVvLmRhdGEuaWQsIHBsYXlsaXN0SWQ6IHBsYXlsaXN0LmlkIH0sIHtcclxuICAgICAgICBhY3Rpb25UeXBlOiBVc2VyQWN0aW9uLkRpc3NvY2lhdGUsXHJcbiAgICAgICAgZW50aXR5OiBFbnRpdHlUeXBlLlZpZGVvLFxyXG4gICAgICAgIGRlc2NyaXB0b3I6IEFzc29jRGVzY3JpcHRvci5QbGF5bGlzdCxcclxuICAgICAgICB3b3JrZmxvd1BoYXNlOiBXb3JrZmxvd1BoYXNlLkNvbXBsZXRlLFxyXG4gICAgICAgIGxvY2F0aW9uOiBMb2NhdGlvbkNvbnRleHQuUG9wdXBcclxuICAgICAgfSk7XHJcbiAgICB9O1xyXG5cclxuICAgIGNvbnN0IG9uRXJyb3IgPSAoKSA9PiB7XHJcbiAgICAgIGFsZXJ0cy5lcnJvcihnZXRQaHJhc2UoJ3JlbW92ZUVycm9yJywgeyB2aWRlbzogdmlkZW8uZGF0YS5uYW1lLCBwbGF5bGlzdDogcGxheWxpc3QubmFtZSB9KSk7XHJcbiAgICAgIHByb3BzLmNsb3NlUG9wdXAoKTtcclxuICAgIH07XHJcblxyXG4gICAgRmxpZ2h0LmZldGNoKGRpc3BhdGNoLCBQbGF5bGlzdFJlcXVlc3RzLnJlbW92ZVBsYXlsaXN0VmlkZW8ocGxheWxpc3QuaWQsIHZpZGVvLmRhdGEsIG9uU3VjY2Vzcywgb25FcnJvcikpO1xyXG4gIH07XHJcblxyXG4gIGNvbnN0IGNyZWF0ZVBsYXlsaXN0ID0gKG5hbWU6IHN0cmluZykgPT4ge1xyXG4gICAgRmxpZ2h0LmZldGNoKGRpc3BhdGNoLCBQbGF5bGlzdFJlcXVlc3RzLmNyZWF0ZVBsYXlsaXN0KHVzZXIuZGF0YS5pZCwgeyBuYW1lIH0sIChuZXdQbGF5bGlzdDogUGxheWxpc3QpID0+IHtcclxuICAgICAgaWYgKCFuZXdQbGF5bGlzdCB8fCAhbmV3UGxheWxpc3QuaWQpXHJcbiAgICAgICAgcmV0dXJuO1xyXG5cclxuICAgICAgQW5hbHl0aWNzSGVscGVyLmxvZ1VzZXJBY3Rpb24oeyBpZDogbmV3UGxheWxpc3QuaWQgfSwge1xyXG4gICAgICAgIGFjdGlvblR5cGU6IFVzZXJBY3Rpb24uQ3JlYXRlLFxyXG4gICAgICAgIGVudGl0eTogRW50aXR5VHlwZS5QbGF5bGlzdCxcclxuICAgICAgICB3b3JrZmxvd1BoYXNlOiBXb3JrZmxvd1BoYXNlLkNvbXBsZXRlLFxyXG4gICAgICAgIGxvY2F0aW9uOiBMb2NhdGlvbkNvbnRleHQuUG9wdXBcclxuICAgICAgfSk7XHJcblxyXG4gICAgICBhZGRUb1BsYXlsaXN0KG5ld1BsYXlsaXN0LCB0cnVlKTtcclxuICAgIH0sICgpID0+IHtcclxuICAgICAgYWxlcnRzLmVycm9yKGdldFBocmFzZSgnY3JlYXRlRXJyb3InLCB7IHZpZGVvOiB2aWRlby5kYXRhLm5hbWUsIHBsYXlsaXN0OiBuYW1lIH0pKTtcclxuICAgICAgcHJvcHMuY2xvc2VQb3B1cCgpO1xyXG4gICAgfSkpO1xyXG4gIH07XHJcblxyXG4gIGNvbnN0IG9uU2VsZWN0UGxheWxpc3QgPSAocGxheWxpc3Q6IFBsYXlsaXN0KSA9PiB7XHJcbiAgICBpZiAodmlkZW9QbGF5bGlzdElkcy5pbmNsdWRlcyhwbGF5bGlzdC5pZCkpIHtcclxuICAgICAgcmVtb3ZlRnJvbVBsYXlsaXN0KHBsYXlsaXN0KTtcclxuICAgICAgcmV0dXJuO1xyXG4gICAgfVxyXG5cclxuICAgIGFkZFRvUGxheWxpc3QocGxheWxpc3QpO1xyXG4gIH07XHJcblxyXG4gIGNvbnN0IGRhdGFMb2FkZWQgPSAhIXZpZGVvLmRhdGFcclxuICAgICYmICEhcGxheWxpc3RzLml0ZW1zXHJcbiAgICAmJiAhcGxheWxpc3RzLm5leHRDdXJzb3JcclxuICAgICYmICEhdXNlci5kYXRhXHJcbiAgICAmJiAhIXZpZGVvUGxheWxpc3RzLml0ZW1zXHJcbiAgICAmJiAhdmlkZW9QbGF5bGlzdHMubmV4dEN1cnNvcjtcclxuXHJcbiAgcmV0dXJuIChcclxuICAgIDxQb3B1cCB0aXRsZT17Z2V0UGhyYXNlKCdoZWFkaW5nJyl9IGNsb3NlUG9wdXA9e3Byb3BzLmNsb3NlUG9wdXB9IHNob3dMb2FkaW5nU3Bpbm5lcj17IWRhdGFMb2FkZWR9PlxyXG4gICAgICB7ZGF0YUxvYWRlZCAmJlxyXG4gICAgICAgIDw+XHJcbiAgICAgICAgICA8ZGl2IGNsYXNzTmFtZT0nbWItMic+XHJcbiAgICAgICAgICAgIDxUZXh0IG5hbWVzcGFjZT17bmFtZXNwYWNlfSBwaHJhc2U9J3NlbGVjdFBsYXlsaXN0JyBvcHRpb25zPXt7IHZpZGVvOiB2aWRlby5kYXRhLm5hbWUgfX0gLz5cclxuICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgPFNlbGVjdFBsYXlsaXN0XHJcbiAgICAgICAgICAgIHBsYXlsaXN0cz17cGxheWxpc3RzLml0ZW1zfVxyXG4gICAgICAgICAgICBjdXJyZW50VXNlcklkPXt1c2VyLmRhdGEuaWR9XHJcbiAgICAgICAgICAgIG9uU2VsZWN0UGxheWxpc3Q9e29uU2VsZWN0UGxheWxpc3R9XHJcbiAgICAgICAgICAgIGlzVmlkZW9JblBsYXlsaXN0PXsocGxheWxpc3Q6IFBsYXlsaXN0KSA9PiAodmlkZW9QbGF5bGlzdElkcy5pbmNsdWRlcyhwbGF5bGlzdC5pZCkpfVxyXG4gICAgICAgICAgICBjcmVhdGVQbGF5bGlzdD17Y3JlYXRlUGxheWxpc3R9XHJcbiAgICAgICAgICAvPlxyXG4gICAgICAgIDwvPlxyXG4gICAgICB9XHJcbiAgICA8L1BvcHVwPlxyXG4gICk7XHJcbn0iXSwibWFwcGluZ3MiOiJBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQ0E7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBRUE7QUFFQTtBQUNBO0FBQ0E7QUFDQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBRUE7QUFBQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBTUE7QUFDQTtBQUNBO0FBRUE7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUNBO0FBQUE7QUFBQTtBQUdBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUlBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSEE7QUFLQTtBQUFBO0FBQUE7QUFDQTtBQVZBO0FBYUE7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBTEE7QUFRQTtBQUFBO0FBQUE7QUFFQTtBQUVBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFIQTtBQUtBO0FBQUE7QUFBQTtBQUNBO0FBVkE7QUFhQTtBQUFBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFMQTtBQU9BO0FBQ0E7QUFDQTtBQUNBO0FBQUE7QUFBQTtBQUFBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUdBO0FBQUE7QUFBQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBSkE7QUFPQTtBQUNBO0FBQ0E7QUFBQTtBQUFBO0FBQUE7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBQ0E7QUFDQTtBQUNBO0FBT0E7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUdBO0FBQUE7QUFDQTtBQUFBO0FBQUE7QUFBQTtBQUFBO0FBQUE7QUFHQTtBQUNBO0FBQ0E7QUFDQTtBQUFBO0FBQUE7QUFDQTtBQUxBO0FBV0EiLCJzb3VyY2VSb290IjoiIn0=\n//# sourceURL=webpack-internal:///./src/apps/playlists/views/add-to-playlist/AddToPlaylistView.tsx\n");
 
 /***/ })