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

package/dist/scripts/78.chunk.js

@@ -0,0 +1,170 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[78],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/playlists/views/delete-playlist/DeletePlaylistView.tsx":
+/*!*************************************************************************!*\
+  !*** ./src/apps/playlists/views/delete-playlist/DeletePlaylistView.tsx ***!
+  \*************************************************************************/
+/*! exports provided: DeletePlaylistView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "DeletePlaylistView", function() { return DeletePlaylistView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'playlists.deletePlaylist';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].encloseNamespace(namespace);
+function DeletePlaylistView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_12__["useAlerts"])();
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showButtonSpinner = _React$useState2[0],
+      setShowButtonSpinner = _React$useState2[1];
+
+  var playlist = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].getPlaylist(props.playlistId));
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_10__["useSetPageTitle"])(playlist.data && "".concat(getPhrase('title', {
+    name: playlist.data.name
+  })), [playlist.data]);
+
+  var deletePlaylist = function deletePlaylist() {
+    setShowButtonSpinner(true);
+
+    var onSuccess = function onSuccess() {
+      alerts.success(getPhrase('success', {
+        name: playlist.data.name
+      }));
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+        id: props.playlistId
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Delete,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Playlist,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Complete
+      }));
+      props.closePopup();
+      if (props.routeToOnDelete) _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger(props.routeToOnDelete);
+    };
+
+    var onError = function onError() {
+      alerts.error(getPhrase('error', {
+        name: playlist.data.name
+      }));
+      props.closePopup();
+    };
+
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_11__["PlaylistRequests"].deletePlaylist(props.playlistId, onSuccess, onError));
+  };
+
+  var buttons = [{
+    variant: 'link',
+    onClick: props.closePopup,
+    buttonText: getPhrase('keep')
+  }, {
+    variant: 'danger',
+    onClick: deletePlaylist,
+    buttonText: getPhrase('confirm'),
+    isSpinnerButton: true,
+    showSpinner: showButtonSpinner
+  }];
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_9__["Popup"], {
+    title: getPhrase('check'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !playlist.data
+  }, !!playlist.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'delete-playlist-container'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'delete-playlist-body'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    phrase: 'warning',
+    options: {
+      name: playlist.data.name
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
+    phrase: 'videoNote'
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_8__["PopupButtons"], {
+    buttons: buttons
+  }))));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=78.chunk.js.map

package/dist/scripts/78.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/views/delete-playlist/DeletePlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/78.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { UserAction, EntityType, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { PropsWithPopupViewProps, PropsWithAnalyticsOptions, Playlist } from 'libs/shared/interfaces';\r\n\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { PopupButton, PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\n\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nconst namespace = 'playlists.deletePlaylist';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface DeletePlaylistViewProps {\r\n  playlistId: string;\r\n  routeToOnDelete?: Core.AppLink;\r\n}\r\n\r\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<DeletePlaylistViewProps>>;\r\n\r\nexport function DeletePlaylistView(props: PropTypes): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const playlist = Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(props.playlistId));\r\n\r\n  useSetPageTitle(playlist.data && `${getPhrase('title', { name: playlist.data.name })}`, [playlist.data]);\r\n\r\n  const deletePlaylist = (): void => {\r\n    setShowButtonSpinner(true);\r\n\r\n    const onSuccess = () => {\r\n      alerts.success(getPhrase('success', { name: playlist.data.name }));\r\n\r\n      AnalyticsHelper.logUserAction({ id: props.playlistId }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n        actionType: UserAction.Delete,\r\n        entity: EntityType.Playlist,\r\n        workflowPhase: WorkflowPhase.Complete\r\n      }));\r\n\r\n      props.closePopup();\r\n\r\n      if (props.routeToOnDelete)\r\n        Core.AppLinkHelper.trigger(props.routeToOnDelete);\r\n    };\r\n\r\n    const onError = () => {\r\n      alerts.error(getPhrase('error', { name: playlist.data.name }));\r\n      props.closePopup();\r\n    };\r\n\r\n    Flight.fetch(dispatch, PlaylistRequests.deletePlaylist(props.playlistId, onSuccess, onError));\r\n  };\r\n\r\n  const buttons: PopupButton[] = [\r\n    {\r\n      variant: 'link',\r\n      onClick: props.closePopup,\r\n      buttonText: getPhrase('keep')\r\n    },\r\n    {\r\n      variant: 'danger',\r\n      onClick: deletePlaylist,\r\n      buttonText: getPhrase('confirm'),\r\n      isSpinnerButton: true,\r\n      showSpinner: showButtonSpinner\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <Popup title={getPhrase('check')} closePopup={props.closePopup} showLoadingSpinner={!playlist.data}>\r\n        {!!playlist.data &&\r\n          <div className='delete-playlist-container'>\r\n            <div className='delete-playlist-body'>\r\n              <p>\r\n                <Text phrase='warning' options={{ name: playlist.data.name }} />\r\n              </p>\r\n              <p><Text phrase='videoNote' /></p>\r\n            </div>\r\n            <PopupButtons buttons={buttons} />\r\n          </div>\r\n        }\r\n      </Popup>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/79-90eb976e11.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[79],{1467:function(a,e,t){"use strict";t.r(e),t.d(e,"EditUserView",(function(){return w}));var r=t(0),s=t.n(r),c=t(76),i=t(9),o=t(19),u=t(305),n=t(958),d=t(70),p=t(48),l=t(970),m=t(1099),y=i.a.encloseNamespace("userManager.editUser");function w(a){var e=Object(n.a)(),t=Object(c.useDispatch)(),r=o.a.useBasicFetch(l.a.getUser(a.id)),i=o.a.useBasicFetch(d.a.currentUser()),w=o.a.useBasicFetch(i.data&&l.a.yearGroups(i.data.customerId)),f=!!r.data&&!!i.data&&!!w.data;return s.a.createElement(u.a,{closePopup:a.closePopup,title:y("popupTitle"),showLoadingSpinner:!f},f&&s.a.createElement(m.a,{userType:a.userType,yearGroups:w.data,initialValues:{userId:r.data.id,firstName:r.data.name,surname:r.data.surname,userType:r.data.userType,customerId:i.data.customerId,email:r.data.email,yearGroup:r.data.yearGroup,masterYearGroup:r.data.masterYearGroup,username:r.data.username,masterRole:r.data.role,roleId:r.data.roleId,isPrimaryContact:r.data.isPrimaryContact},saveUser:function(r){o.a.fetch(t,l.a.updateUser(r,i.data.id,(function(){p.a.logUserAction(r,a.analyticsOptions),e.success(y("success"))}),(function(){e.error(y("error"))}),(function(){a.closePopup()})))},onClickCancel:a.closePopup}))}}}]);

package/dist/scripts/79.chunk.js

@@ -0,0 +1,172 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[79],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/playlists/views/remove-video-from-playlist/RemoveVideoFromPlaylistView.tsx":
+/*!*********************************************************************************************!*\
+  !*** ./src/apps/playlists/views/remove-video-from-playlist/RemoveVideoFromPlaylistView.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: RemoveVideoFromPlaylistView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "RemoveVideoFromPlaylistView", function() { return RemoveVideoFromPlaylistView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/PopupButtons */ "../../libs/shared/src/components/popup/PopupButtons.tsx");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/flight-requests/VideoRequests */ "./src/shared/flight-requests/VideoRequests.ts");
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'playlists.removeVideoFromPlaylist';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+function RemoveVideoFromPlaylistView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_11__["useAlerts"])();
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showButtonSpinner = _React$useState2[0],
+      setShowButtonSpinner = _React$useState2[1];
+
+  var playlist = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__["PlaylistRequests"].getPlaylist(props.playlistId));
+  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].useBasicFetch(shared_flight_requests_VideoRequests__WEBPACK_IMPORTED_MODULE_12__["VideoRequests"].video(props.videoId));
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_9__["useSetPageTitle"])(!!video.data && getPhrase('title', {
+    name: video.data.name
+  }), [video.data]);
+
+  var removeVideo = function removeVideo() {
+    setShowButtonSpinner(true);
+
+    var onSuccess = function onSuccess() {
+      alerts.success(getPhrase('success', {
+        video: video.data.name,
+        playlist: playlist.data.name
+      }));
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction({
+        id: props.videoId,
+        playlistId: props.playlistId
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Dissociate,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].Video,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Complete
+      }));
+      props.closePopup();
+    };
+
+    var onError = function onError() {
+      alerts.error(getPhrase('error', {
+        video: video.data.name,
+        playlist: playlist.data.name
+      }));
+      props.closePopup();
+    };
+
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_2__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_10__["PlaylistRequests"].removePlaylistVideo(props.playlistId, props.videoId, onSuccess, onError));
+  };
+
+  var buttons = [{
+    variant: 'link',
+    onClick: props.closePopup,
+    buttonText: getPhrase('keep')
+  }, {
+    variant: 'danger',
+    onClick: removeVideo,
+    buttonText: getPhrase('confirm'),
+    isSpinnerButton: true,
+    showSpinner: showButtonSpinner
+  }];
+  var dataLoaded = !!playlist.data && !!video.data;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__["Popup"], {
+    title: getPhrase('check'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !dataLoaded
+  }, dataLoaded && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'remove-video-container'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'remove-video-body'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_8__["Text"], {
+    namespace: namespace,
+    phrase: 'warning',
+    options: {
+      video: video.data.name,
+      playlist: playlist.data.name
+    }
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__["PopupButtons"], {
+    buttons: buttons
+  })));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=79.chunk.js.map

package/dist/scripts/79.chunk.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/views/remove-video-from-playlist/RemoveVideoFromPlaylistView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEO,IAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;AAC5B,MAAM,YAAY,GAAG,qFAAU,CAAmB,4FAAc,CAAC,KAAlC,CAA/B;AAEA,SAAO;AACL,WADK,mBACG,YADH,EACsD;AACzD,kBAAY,CAAC,OAAb,CAAqB,YAArB;AACD,KAHI;AAIL,SAJK,iBAIC,YAJD,EAIoD;AACvD,kBAAY,CAAC,KAAb,CAAmB,YAAnB;AACD,KANI;AAOL,WAPK,mBAOG,YAPH,EAOuB;AAC1B,kBAAY,CAAC,WAAb,CAAyB;AACvB,YAAI,EAAE,wFAAS,CAAC,OADO;AAEvB,eAAO,EAAE,kGAAmB,CAAC,OAFN;AAGvB,eAAO,EAAE;AAHc,OAAzB;AAKD;AAbI,GAAP;AAeD,CAlBM,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACJP;AACA;AAEA;AACA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AAEA;AAEA,IAAM,SAAS,GAAG,mCAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AASM,SAAU,2BAAV,CAAsC,KAAtC,EAAsD;AAC1D,MAAM,QAAQ,GAAG,+DAAW,EAA5B;AACA,MAAM,MAAM,GAAG,mFAAS,EAAxB;;AAF0D,wBAIN,+CAAe,KAAf,CAJM;AAAA;AAAA,MAIlD,iBAJkD;AAAA,MAI/B,oBAJ+B;;AAM1D,MAAM,QAAQ,GAAG,6DAAM,CAAC,aAAP,CAA+B,mGAAgB,CAAC,WAAjB,CAA6B,KAAK,CAAC,UAAnC,CAA/B,CAAjB;AACA,MAAM,KAAK,GAAG,6DAAM,CAAC,aAAP,CAA4B,mFAAa,CAAC,KAAd,CAAoB,KAAK,CAAC,OAA1B,CAA5B,CAAd;AAEA,sGAAe,CAAC,CAAC,CAAC,KAAK,CAAC,IAAR,IAAgB,SAAS,CAAC,OAAD,EAAU;AAAE,QAAI,EAAE,KAAK,CAAC,IAAN,CAAW;AAAnB,GAAV,CAA1B,EAAgE,CAAC,KAAK,CAAC,IAAP,CAAhE,CAAf;;AAEA,MAAM,WAAW,GAAG,SAAd,WAAc,GAAW;AAC7B,wBAAoB,CAAC,IAAD,CAApB;;AAEA,QAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;AACrB,YAAM,CAAC,OAAP,CAAe,SAAS,CAAC,SAAD,EAAY;AAAE,aAAK,EAAE,KAAK,CAAC,IAAN,CAAW,IAApB;AAA0B,gBAAQ,EAAE,QAAQ,CAAC,IAAT,CAAc;AAAlD,OAAZ,CAAxB;AAEA,yFAAe,CAAC,aAAhB,CACE;AAAE,UAAE,EAAE,KAAK,CAAC,OAAZ;AAAqB,kBAAU,EAAE,KAAK,CAAC;AAAvC,OADF,EAEE,mFAAe,CAAC,YAAhB,CAA6B,KAAK,CAAC,gBAAnC,EAAqD;AACnD,kBAAU,EAAE,yEAAU,CAAC,UAD4B;AAEnD,cAAM,EAAE,yEAAU,CAAC,KAFgC;AAGnD,qBAAa,EAAE,4EAAa,CAAC;AAHsB,OAArD,CAFF;AASA,WAAK,CAAC,UAAN;AACD,KAbD;;AAeA,QAAM,OAAO,GAAG,SAAV,OAAU,GAAK;AACnB,YAAM,CAAC,KAAP,CAAa,SAAS,CAAC,OAAD,EAAU;AAAE,aAAK,EAAE,KAAK,CAAC,IAAN,CAAW,IAApB;AAA0B,gBAAQ,EAAE,QAAQ,CAAC,IAAT,CAAc;AAAlD,OAAV,CAAtB;AACA,WAAK,CAAC,UAAN;AACD,KAHD;;AAKA,iEAAM,CAAC,KAAP,CACE,QADF,EAEE,mGAAgB,CAAC,mBAAjB,CAAqC,KAAK,CAAC,UAA3C,EAAuD,KAAK,CAAC,OAA7D,EAAsE,SAAtE,EAAiF,OAAjF,CAFF;AAID,GA3BD;;AA6BA,MAAM,OAAO,GAAkB,CAC7B;AACE,WAAO,EAAE,MADX;AAEE,WAAO,EAAE,KAAK,CAAC,UAFjB;AAGE,cAAU,EAAE,SAAS,CAAC,MAAD;AAHvB,GAD6B,EAM7B;AACE,WAAO,EAAE,QADX;AAEE,WAAO,EAAE,WAFX;AAGE,cAAU,EAAE,SAAS,CAAC,SAAD,CAHvB;AAIE,mBAAe,EAAE,IAJnB;AAKE,eAAW,EAAE;AALf,GAN6B,CAA/B;AAeA,MAAM,UAAU,GAAG,CAAC,CAAC,QAAQ,CAAC,IAAX,IAAmB,CAAC,CAAC,KAAK,CAAC,IAA9C;AAEA,SACE,oDAAC,6EAAD,EAAM;AAAC,SAAK,EAAE,SAAS,CAAC,OAAD,CAAjB;AAA4B,cAAU,EAAE,KAAK,CAAC,UAA9C;AAA0D,sBAAkB,EAAE,CAAC;AAA/E,GAAN,EACG,UAAU,IACT;AAAK,aAAS,EAAC;AAAf,KACE;AAAK,aAAS,EAAC;AAAf,KACE,+DACE,oDAAC,0EAAD,EAAK;AACH,aAAS,EAAE,SADR;AAEH,UAAM,EAAC,SAFJ;AAGH,WAAO,EAAE;AAAE,WAAK,EAAE,KAAK,CAAC,IAAN,CAAW,IAApB;AAA0B,cAAQ,EAAE,QAAQ,CAAC,IAAT,CAAc;AAAlD;AAHN,GAAL,CADF,CADF,CADF,EAUE,oDAAC,2FAAD,EAAa;AAAC,WAAO,EAAE;AAAV,GAAb,CAVF,CAFJ,CADF;AAkBD,C","file":"scripts/79.chunk.js","sourcesContent":["import { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { UserAction, EntityType, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { Video, Playlist, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PopupButton, PopupButtons } from 'libs/shared/components/popup/PopupButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { VideoRequests } from 'shared/flight-requests/VideoRequests';\r\n\r\nconst namespace = 'playlists.removeVideoFromPlaylist';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface RemoveVideoFromPlaylistViewProps {\r\n  videoId: string;\r\n  playlistId: string;\r\n}\r\n\r\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<RemoveVideoFromPlaylistViewProps>>;\r\n\r\nexport function RemoveVideoFromPlaylistView(props: PropTypes): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  const [ showButtonSpinner, setShowButtonSpinner ] = React.useState(false);\r\n\r\n  const playlist = Flight.useBasicFetch<Playlist>(PlaylistRequests.getPlaylist(props.playlistId));\r\n  const video = Flight.useBasicFetch<Video>(VideoRequests.video(props.videoId));\r\n\r\n  useSetPageTitle(!!video.data && getPhrase('title', { name: video.data.name }), [video.data]);\r\n\r\n  const removeVideo = (): void => {\r\n    setShowButtonSpinner(true);\r\n\r\n    const onSuccess = () => {\r\n      alerts.success(getPhrase('success', { video: video.data.name, playlist: playlist.data.name }));\r\n\r\n      AnalyticsHelper.logUserAction(\r\n        { id: props.videoId, playlistId: props.playlistId },\r\n        AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n          actionType: UserAction.Dissociate,\r\n          entity: EntityType.Video,\r\n          workflowPhase: WorkflowPhase.Complete\r\n        })\r\n      );\r\n\r\n      props.closePopup();\r\n    };\r\n\r\n    const onError = () => {\r\n      alerts.error(getPhrase('error', { video: video.data.name, playlist: playlist.data.name }));\r\n      props.closePopup();\r\n    };\r\n\r\n    Flight.fetch(\r\n      dispatch,\r\n      PlaylistRequests.removePlaylistVideo(props.playlistId, props.videoId, onSuccess, onError)\r\n    );\r\n  };\r\n\r\n  const buttons: PopupButton[] = [\r\n    {\r\n      variant: 'link',\r\n      onClick: props.closePopup,\r\n      buttonText: getPhrase('keep')\r\n    },\r\n    {\r\n      variant: 'danger',\r\n      onClick: removeVideo,\r\n      buttonText: getPhrase('confirm'),\r\n      isSpinnerButton: true,\r\n      showSpinner: showButtonSpinner\r\n    }\r\n  ];\r\n\r\n  const dataLoaded = !!playlist.data && !!video.data;\r\n\r\n  return (\r\n    <Popup title={getPhrase('check')} closePopup={props.closePopup} showLoadingSpinner={!dataLoaded}>\r\n      {dataLoaded &&\r\n        <div className='remove-video-container'>\r\n          <div className='remove-video-body'>\r\n            <p>\r\n              <Text\r\n                namespace={namespace}\r\n                phrase='warning'\r\n                options={{ video: video.data.name, playlist: playlist.data.name }}\r\n              />\r\n            </p>\r\n          </div>\r\n          <PopupButtons buttons={buttons} />\r\n        </div>\r\n      }\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/8-fe4d1fcbb5.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[8],{1030:function(t,e,n){"use strict";n.d(e,"a",(function(){return u}));var r=n(0),a=n(76),o=n(19),i=n(45);function c(t){return function(t){if(Array.isArray(t))return s(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return s(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return s(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function s(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var l=function(t){return t&&t.data&&t.data.pagination&&t.data.pagination.cursors&&t.data.pagination.cursors.next};function u(t){return Object(a.useSelector)(Object(r.useMemo)((function(){return function(e){for(var n=t,r=i.a.isFunction(t)&&o.a.getResponse(e,n()),a=r&&r.isFetching,s=r&&r.shouldFetch,u=r&&r.data&&r.data.data,p=l(r);p&&(a=(r=o.a.getResponse(e,n(p))).isFetching,!r.shouldFetch);){var f=r.data&&r.data.data;f&&u.push.apply(u,c(f));var y=l(r);p=y===p?null:y}return{shouldInitialFetch:s,items:u,nextCursor:p,isFetching:a}}}),[t]))}},1044:function(t,e,n){"use strict";function r(t,e){return e[t.name.charCodeAt(0)%e.length]}n.d(e,"a",(function(){return r}))},1045:function(t,e,n){"use strict";n.d(e,"a",(function(){return l}));var r=n(0),a=n(40),o=n(64),i=n(17),c=n(1143),s=n.n(c);function l(t){return r.createElement("div",{className:"p-3 text-center ".concat(s.a.container)},t.isFetching?r.createElement(a.Spinner,{as:"span",animation:"border",role:"status",className:s.a.spinner}):r.createElement(o.a,{svgName:i.b.ChevronDown,className:"svg-container cursor-pointer",size:o.b.Large,onClick:t.onClick}))}},1066:function(t,e,n){"use strict";n.d(e,"a",(function(){return o}));var r=n(0),a=n(45);function o(t,e,n){var o=function(){n||(window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||t())};Object(r.useEffect)((function(){var t=a.a.throttle(o,200);return e&&window.addEventListener("scroll",t),function(){return window.removeEventListener("scroll",t)}}),[e,t])}},1092:function(t,e,n){"use strict";n.d(e,"a",(function(){return r}));var r=["bg-froly","bg-pizazz","bg-emerald","bg-puerto-rico","bg-pelorous","bg-picton-blue","bg-portage","bg-east-side"]},1143:function(t,e,n){t.exports={container:"_1_KC6",spinner:"VXlcl"}},1214:function(t,e,n){"use strict";n.d(e,"a",(function(){return a}));var r=n(0);function a(t){var e=t.imageUrl,n=t.heading,a=t.description;return r.createElement("div",{className:"empty-state-container"},r.createElement("div",{className:"content-container"},e&&r.createElement("img",{src:e}),r.createElement("h1",null,n),a&&r.createElement("p",{dangerouslySetInnerHTML:{__html:a}})))}},960:function(t,e,n){t.exports={buttonList:"_2v9CT",dropdownToggle:"AYBvQ"}},961:function(t,e,n){"use strict";var r=n(0),a=n(184),o=n(306),i=n(45),c=n(48),s=n(64),l=n(58),u=n(17),p=n(960),f=n.n(p);function y(t){var e="dropdown-item";return t&&(e+=" ".concat(t)),e}function d(t){if(t.action.appLink)return r.createElement(l.a,{appLink:t.action.appLink,onClick:t.action.onClick,className:y(t.action.className),analyticsData:t.action.analyticsData,analyticsOptions:t.action.analyticsOptions},t.action.label);return r.createElement("span",{className:"cursor-pointer ".concat(y(t.action.className)),onClick:function(e){t.action.analyticsData&&t.action.analyticsOptions&&c.a.logUserAction(t.action.analyticsData,t.action.analyticsOptions),i.a.isFunction(t.action.onClick)&&t.action.onClick(e)}},t.action.label)}function m(t){if(!t.actions||!t.actions.length)return r.createElement(r.Fragment,null);var e="dropdown";t.className&&(e+=" ".concat(t.className));var n="actions-dropdown-".concat(o.a.getRandomInt()),a="dropdown-toggle px-0 ".concat(f.a.dropdownToggle);return t.dropdownToggleClassName&&(a+=" ".concat(t.dropdownToggleClassName)),r.createElement("div",{className:e},r.createElement("button",{className:a,type:"button",id:n,"data-toggle":"dropdown","aria-haspopup":"true","aria-expanded":"false"},r.createElement(s.a,{svgName:u.b.More,size:s.b.Small})),r.createElement("div",{className:"dropdown-menu dropdown-menu-right","aria-labelledby":n},t.actions.map((function(t,e){return r.createElement(d,{key:e,action:t})}))))}m.defaultProps={dropdownToggleClassName:"btn btn-light"};var v=n(308);function g(t){var e=[],n=[];t.actions.forEach((function(t){t.button?e.push(t):n.push(t)}));var o="d-flex";return t.className&&(o+=" ".concat(t.className)),r.createElement("div",{className:o},r.createElement(r.Fragment,null,!!e.length&&r.createElement("span",{className:f.a.buttonList},e.map((function(t,e){return r.createElement(r.Fragment,{key:e},t.label?r.createElement(v.a,{appLink:t.appLink,onClick:t.onClick,svgName:t.svgName,className:t.className,tooltip:t.tooltip,showSpinner:t.showSpinner,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions},t.label):r.createElement(a.a,{appLink:t.appLink,onClick:t.onClick,svgName:t.svgName,className:t.className,analyticsData:t.analyticsData,analyticsOptions:t.analyticsOptions}))}))),t.sortComponent?t.sortComponent:"",!!n.length&&r.createElement(m,{actions:n,className:!!e.length&&"ml-2",dropdownToggleClassName:t.actionsDropdownClassName})))}n.d(e,"a",(function(){return g}))},971:function(t,e,n){"use strict";n.d(e,"a",(function(){return y}));var r=n(312),a=n(116),o=n(996);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){for(var n=0;n<e.length;n++){var r=e[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(t,r.key,r)}}function l(t,e){return(l=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function u(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=f(t);if(e){var a=f(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return p(this,n)}}function p(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function f(t){return(f=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var y=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&l(t,e)}(p,t);var e,n,r,i=u(p);function p(){var t,e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:a.a.Newest,n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"",r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:o.a.OwnedByMe;return c(this,p),(t=i.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})).type=r,t}return e=p,(n=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&s(e.prototype,n),r&&s(e,r),p}(r.a)},989:function(t,e,n){"use strict";var r=n(27),a=n(49),o=n(995);n(971);function i(t){return(i="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function c(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}function s(t,e){return(s=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function l(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var n,r=p(t);if(e){var a=p(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return u(this,n)}}function u(t,e){return!e||"object"!==i(e)&&"function"!=typeof e?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):e}function p(t){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var f,y=function(t){!function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(e&&e.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),e&&s(t,e)}(n,t);var e=l(n);function n(t){var r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";return c(this,n),e.call(this,{collectionPrefix:"playlist:videos",id:t,cursor:r})}return n}(n(312).a);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(f||(f={}));var d=function(t){return function(e){var n=Object.assign({},e);return n.hasOwnProperty(t)&&delete n[t],n}},m=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)?(r[t].videos||(r[t].videos={}),r[t].videos.count=r[t].videos.count?r[t].videos.count+e:e,r):n}};n.d(e,"a",(function(){return h}));var v=function(t){return t?"&cursor=".concat(t):""},g=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},b=function(t,e){return"".concat(t).concat(e?":".concat(e):"")},h={getPlaylist:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"?query=").concat(a.a.PLAYLIST),key:"playlist:".concat(t),success:e,error:n}},getSharedPlaylist:function(t,e,n,r){var o="/api/domain/v2/share/".concat(t);return{url:"".concat(o,"?query=").concat(a.a.PLAYLIST).concat(g(e)),key:"shared:playlist:".concat(t),success:n,error:r}},getUserPlaylists:function(t){var e=t.sort,n=t.type;return{url:"/api/domain/v2/me/playlists/".concat(n,"?sort=").concat(e,"&query={limit:100}")+"".concat(a.a.PLAYLIST_COLLECTION).concat(v(t.cursor)),key:t.toString()}},getPlaylistVideos:function(t,e,n){var r="orderBy:orderindex,limit:100";return Number.isInteger(e)&&(r+=",rating.value:0...".concat(e)),{url:"/api/domain/v2/objects/".concat(t,"/videos?query={").concat(r,"}")+"".concat(a.a.VIDEO_COLLECTION).concat(v(n)),key:b("playlist:".concat(t,":videos"),n)}},getSharedPlaylistVideos:function(t,e,n){return{url:"/api/domain/v2/share/".concat(t,"/videos?query={orderBy:orderindex,limit:100}")+"".concat(a.a.SHARED_PLAYLIST_VIDEO_COLLECTION)+"".concat(v(n)).concat(g(e)),key:b("shared:playlist:".concat(t,":videos"),n)}},getVideoPlaylists:function(t,e,n){return{url:"/api/domain/v2/objects/".concat(t,"/playlists?query={limit:100,owner.id:[").concat(e,"]}"),key:b("video:playlists:".concat(t),n)}},createPlaylist:function(t,e,n,a,o){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:e,type:r.a.POST,success:n,error:a,always:o,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,e,n,a,o){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:a,always:o}},deletePlaylist:function(t,e,n,a){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,success:e,error:n,always:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:d("playlist:".concat(t))}}},addToPlaylist:function(t,e,n,a){var o=["user:playlists",new y(t).toString()];return e.forEach((function(t){o.push("video:playlists:".concat(t))})),{key:"add:to:playlist",url:"/api/domain/v2/objects/".concat(t,"/associate"),data:e,type:r.a.POST,success:n,error:a,invalidationKeys:o,updateState:{keys:"playlist:".concat(t),updateData:m("playlist:".concat(t),e.length)}}},reorderVideos:function(t,e,n,a){return{key:"reorder:playlist",url:"/api/domain/v2/objects/".concat(t,"/videos/reorder"),data:e,type:r.a.PUT,success:n,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t,":videos"),updateData:function(n){return o.a.updateState("playlist:".concat(t,":videos"),e,n)}}}},removePlaylistVideo:function(t,e,n,a){return{key:"remove:playlist:video",url:"/api/domain/v2/objects/".concat(t,"/dissociate?memberId=").concat(e),type:r.a.DELETE,success:n,error:a,invalidationKeys:["user:playlists","playlist:".concat(t,":videos")]}},getIsFollowingPlaylist:function(t,e){return{url:"/api/domain/v2/objects/".concat(e,"/followedPlaylists?query={id:").concat(t,"}"),key:"playlist:".concat(t,":following:").concat(e),formatData:function(e){var n,r;return{objectId:t,isFollowing:!!(null===(r=null===(n=e)||void 0===n?void 0:n.data)||void 0===r?void 0:r.length)}},normalize:!1}},followPlaylist:function(t,e,n,a,o){return{url:"/api/domain/v2/objects/".concat(e),key:"follow:playlist:".concat(t),data:{followedPlaylists:t},type:r.a.PUT,invalidationKeys:["user:playlists","playlist:".concat(t),"shared:playlist"],success:n,error:a,always:o}},unfollowPlaylist:function(t,e,n,a,o){return{url:"/api/domain/v2/objects/".concat(e,"/followedplaylists/").concat(t),key:"unfollow:playlist:".concat(t),type:r.a.DELETE,invalidationKeys:["user:playlists","playlist:".concat(t),"shared:playlist"],success:n,error:a,always:o}},getPlaylistPrivacy:function(t){return{key:"playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),formatData:function(e){return{id:t,privacy:e}}}},updatePlaylistPrivacy:function(t,e,n,a,o){return{key:"update:playlist:privacy:".concat(t),url:"/api/domain/v1/playlists/".concat(t,"/privacy"),type:r.a.PUT,data:{privacy:e},formatData:function(){return{id:t,privacy:e}},success:n,error:a,always:o}},getMigrationTask:function(t,e){return{url:"/api/playlist-app/migration-task",key:"migration:task",formatData:function(t){return t||{status:f.Processed}},success:t,error:e}},copyPlaylist:function(t,e,n,a){return{url:"{gateway}/v1/playlists/copy",key:"copy:playlist",data:{playlistId:t},type:r.a.POST,invalidationKeys:"user:playlists",success:e,error:n,always:a}}}},995:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var r=n(140),a=n(69);function o(t){return function(t){if(Array.isArray(t))return i(t)}(t)||function(t){if("undefined"!=typeof Symbol&&Symbol.iterator in Object(t))return Array.from(t)}(t)||function(t,e){if(!t)return;if("string"==typeof t)return i(t,e);var n=Object.prototype.toString.call(t).slice(8,-1);"Object"===n&&t.constructor&&(n=t.constructor.name);if("Map"===n||"Set"===n)return Array.from(t);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return i(t,e)}(t)||function(){throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function i(t,e){(null==e||e>t.length)&&(e=t.length);for(var n=0,r=new Array(e);n<e;n++)r[n]=t[n];return r}var c={reorder:function(t,e,n){if(e===n)return{reorderedItems:t,reorderRequest:null};var a=r.a.moveItem(t,e,n),o=n<t.length-1?a[n+1].id:null;return{reorderedItems:a,reorderRequest:{sourceMemberId:a[n].id,destinationMemberId:o}}},updateState:function(t,e,n){for(var i=[],c=a.a.deepClone(n),s=[t],l=n[t],u=!!l&&!!l.data&&l.data.length;l&&Array.isArray(l.data);){i.push.apply(i,o(l.data));var p=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,f=!!p&&"".concat(t,":").concat(p);(l=p&&n[f])&&s.push(f)}if(!i.length)return n;var y=r.a.findIndex(i,(function(t){return t.id===e.sourceMemberId})),d=[].concat(i),m=d.splice(y,1),v=e.destinationMemberId?r.a.findIndex(d,(function(t){return t.id===e.destinationMemberId})):d.length;return d.splice(v,0,m[0]),s.forEach((function(t){var e=d.splice(0,u);c[t].data=e})),c}}},996:function(t,e,n){"use strict";var r;n.d(e,"a",(function(){return r})),function(t){t.OwnedByMe="owned_by_me",t.Followed="followed",t.All="all"}(r||(r={}))}}]);