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

package/dist/scripts/67.chunk.js

@@ -0,0 +1,173 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[67],{
+
+/***/ "../../libs/shared/src/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView Projects/@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/upload/views/cancel-upload/CancelUploadView.tsx":
+/*!******************************************************************!*\
+  !*** ./src/apps/upload/views/cancel-upload/CancelUploadView.tsx ***!
+  \******************************************************************/
+/*! exports provided: CancelUploadView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CancelUploadView", function() { return CancelUploadView; });
+/* 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 backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! backbone */ "backbone");
+/* harmony import */ var backbone__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(backbone__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _libs_shared_src_constants_RadioChannels__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/constants/RadioChannels */ "../../libs/shared/src/constants/RadioChannels.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_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var _libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/upload/constants/UploadConstants */ "../../libs/shared/src/apps/upload/constants/UploadConstants.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var shared_constants_Services__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! shared/constants/Services */ "./src/shared/constants/Services.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/upload/services/CombineUploadsService */ "./src/apps/upload/services/CombineUploadsService.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 = 'upload.cancelUpload';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].encloseNamespace(namespace);
+function CancelUploadView(props) {
+  var id = props.id,
+      status = props.status,
+      name = props.name;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      showSpinner = _React$useState2[0],
+      setShowSpinner = _React$useState2[1];
+
+  var combineUploadsService = Object(_libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_2__["useService"])(shared_constants_Services__WEBPACK_IMPORTED_MODULE_11__["Services"].CombineUploads);
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_8__["useAlerts"])();
+  var isUploading = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Uploading;
+
+  var onCancelComplete = function onCancelComplete() {
+    var headingPhrase = isUploading ? 'cancelUploadingAlertHeading' : 'cancelProcessingAlertHeading';
+    var messagePhrase = isUploading ? 'cancelUploadingAlertMessage' : 'cancelProcessingAlertMessage';
+    alerts.success({
+      type: _libs_common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_4__["AlertType"].Success,
+      heading: getPhrase(headingPhrase),
+      message: getPhrase(messagePhrase, {
+        videoName: name
+      })
+    });
+    props.closePopup();
+  };
+
+  var cancelUpload = function cancelUpload() {
+    setShowSpinner(true);
+
+    if (isUploading) {
+      combineUploadsService.cancelUpload(id);
+      var uploadChannel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(_libs_shared_src_constants_RadioChannels__WEBPACK_IMPORTED_MODULE_5__["SharedServiceChannels"].VIDEO_UPLOAD);
+      uploadChannel.on(_libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__["UploadEventNames"].UPLOAD_CANCELLED, function () {
+        return onCancelComplete();
+      });
+    } else {
+      combineUploadsService.cancelProcessing(id);
+      var combinedUploadsChannel = backbone__WEBPACK_IMPORTED_MODULE_1__["Radio"].channel(shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_12__["ServiceChannels"].COMBINE_UPLOADS);
+      combinedUploadsChannel.on(_libs_shared_src_apps_upload_constants_UploadConstants__WEBPACK_IMPORTED_MODULE_9__["UploadEventNames"].PROCESSING_CANCELLED, function () {
+        return onCancelComplete();
+      });
+    }
+  };
+
+  var buttons = [{
+    variant: 'link',
+    onClick: function onClick() {
+      return props.closePopup();
+    },
+    buttonText: 'No'
+  }, {
+    variant: 'primary',
+    onClick: cancelUpload,
+    buttonText: 'Yes',
+    isSpinnerButton: true,
+    showSpinner: showSpinner
+  }];
+  var titlePhraseKey = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Processing ? 'cancelProcessingTitle' : 'cancelUploadingTitle';
+  var messagePhraseKey = status === apps_upload_services_CombineUploadsService__WEBPACK_IMPORTED_MODULE_13__["CombinedUploadStatus"].Processing ? 'cancelProcessingMessage' : 'cancelUploadingMessage';
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_6__["Popup"], {
+    title: getPhrase(titlePhraseKey),
+    closePopup: function closePopup() {
+      return props.closePopup();
+    }
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_10__["Text"], {
+    namespace: namespace,
+    phrase: messagePhraseKey,
+    options: {
+      videoName: name
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_PopupButtons__WEBPACK_IMPORTED_MODULE_7__["PopupButtons"], {
+    buttons: buttons
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=67.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/upload/views/cancel-upload/CancelUploadView.tsx"],"names":[],"mappings":"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","file":"scripts/67.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 { Radio } from 'backbone';\r\nimport { useService } from 'libs/common/react/hooks/UseService';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { AlertType } from 'libs/common/backbone/services/BaseAlertService';\r\n\r\nimport { SharedServiceChannels } from 'libs/shared/constants/RadioChannels';\r\nimport { PopupViewProps } 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 { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\nimport { UploadEventNames } from 'libs/shared/apps/upload/constants/UploadConstants';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { Services } from 'shared/constants/Services';\r\nimport { ServiceChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { CombineUploadsService, CombinedUploadStatus } from 'apps/upload/services/CombineUploadsService';\r\n\r\nconst namespace = 'upload.cancelUpload';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface CancelUploadViewProps {\r\n  id: string;\r\n  name: string;\r\n  status: CombinedUploadStatus;\r\n}\r\n\r\nexport function CancelUploadView(props: CancelUploadViewProps & PopupViewProps): JSX.Element {\r\n  const { id, status, name } = props;\r\n\r\n  const [ showSpinner, setShowSpinner ] = React.useState(false);\r\n\r\n  const combineUploadsService = useService<CombineUploadsService>(Services.CombineUploads);\r\n  const alerts = useAlerts();\r\n\r\n  const isUploading = status === CombinedUploadStatus.Uploading;\r\n\r\n  const onCancelComplete = () => {\r\n    const headingPhrase = isUploading ? 'cancelUploadingAlertHeading' : 'cancelProcessingAlertHeading';\r\n    const messagePhrase = isUploading ? 'cancelUploadingAlertMessage' : 'cancelProcessingAlertMessage';\r\n\r\n    alerts.success({\r\n      type: AlertType.Success,\r\n      heading: getPhrase(headingPhrase),\r\n      message: getPhrase(messagePhrase, { videoName: name })\r\n    });\r\n\r\n    props.closePopup();\r\n  };\r\n\r\n  const cancelUpload = () => {\r\n    setShowSpinner(true);\r\n\r\n    if (isUploading) {\r\n      combineUploadsService.cancelUpload(id);\r\n\r\n      const uploadChannel = Radio.channel(SharedServiceChannels.VIDEO_UPLOAD);\r\n      uploadChannel.on(UploadEventNames.UPLOAD_CANCELLED, () => onCancelComplete());\r\n    } else {\r\n      combineUploadsService.cancelProcessing(id);\r\n\r\n      const combinedUploadsChannel = Radio.channel(ServiceChannels.COMBINE_UPLOADS);\r\n      combinedUploadsChannel.on(UploadEventNames.PROCESSING_CANCELLED, () => onCancelComplete());\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: 'No'\r\n    },\r\n    {\r\n      variant: 'primary',\r\n      onClick: cancelUpload,\r\n      buttonText: 'Yes',\r\n      isSpinnerButton: true,\r\n      showSpinner\r\n    }\r\n  ];\r\n\r\n  const titlePhraseKey = status === CombinedUploadStatus.Processing\r\n    ? 'cancelProcessingTitle'\r\n    : 'cancelUploadingTitle';\r\n\r\n  const messagePhraseKey = status === CombinedUploadStatus.Processing\r\n    ? 'cancelProcessingMessage'\r\n    : 'cancelUploadingMessage';\r\n\r\n  return (\r\n    <Popup title={getPhrase(titlePhraseKey)} closePopup={() => props.closePopup()}>\r\n      <p>\r\n        <Text\r\n          namespace={namespace}\r\n          phrase={messagePhraseKey}\r\n          options={{\r\n            videoName: name\r\n          }}\r\n        />\r\n      </p>\r\n      <PopupButtons buttons={buttons} />\r\n    </Popup>\r\n  );\r\n}\r\n"],"sourceRoot":""}

package/dist/scripts/68.chunk.js

@@ -0,0 +1,165 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[68],{
+
+/***/ "./src/apps/user-manager/views/school-teacher-manager/SchoolTeacherManagerView.tsx":
+/*!*****************************************************************************************!*\
+  !*** ./src/apps/user-manager/views/school-teacher-manager/SchoolTeacherManagerView.tsx ***!
+  \*****************************************************************************************/
+/*! exports provided: SchoolTeacherManagerView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SchoolTeacherManagerView", function() { return SchoolTeacherManagerView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_components_pagination_Pagination__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/pagination/Pagination */ "../../libs/shared/src/components/pagination/Pagination.tsx");
+/* harmony import */ var _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/services/ContextService */ "../../libs/shared/src/services/ContextService.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! apps/user-manager/flight-requests/SchoolUserRequests */ "./src/apps/user-manager/flight-requests/SchoolUserRequests.ts");
+/* harmony import */ var apps_user_manager_components_manage_users_list_ManageUsersList__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/user-manager/components/manage-users-list/ManageUsersList */ "./src/apps/user-manager/components/manage-users-list/ManageUsersList.tsx");
+/* harmony import */ var apps_user_manager_components_manage_users_list_partial_loading_PartialManageUsersList__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList */ "./src/apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList.tsx");
+/* harmony import */ var apps_search_utils__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! apps/search/utils */ "./src/apps/search/utils/index.ts");
+/* harmony import */ var apps_search_components__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! apps/search/components */ "./src/apps/search/components/index.ts");
+/* harmony import */ var apps_search_components_scoped_search_bar_ScopedSearchBar__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/search/components/scoped-search-bar/ScopedSearchBar */ "./src/apps/search/components/scoped-search-bar/ScopedSearchBar.tsx");
+/* harmony import */ var apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! apps/user-manager/enums */ "./src/apps/user-manager/enums/index.ts");
+/* harmony import */ var _empty_state_SchoolTeacherManagerEmptyState__WEBPACK_IMPORTED_MODULE_15__ = __webpack_require__(/*! ./empty-state/SchoolTeacherManagerEmptyState */ "./src/apps/user-manager/views/school-teacher-manager/empty-state/SchoolTeacherManagerEmptyState.tsx");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'userManager.schoolTeacherManager';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function SchoolTeacherManagerView(props) {
+  var _a, _b;
+
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__["useSetPageTitle"])(getPhrase('pageTitle'));
+  var userRoles = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__["SchoolUserRequests"].getUserRoles());
+  var teachers = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(apps_user_manager_flight_requests_SchoolUserRequests__WEBPACK_IMPORTED_MODULE_8__["SchoolUserRequests"].getSchoolTeachers(apps_search_utils__WEBPACK_IMPORTED_MODULE_11__["FilterHelper"].getBackendQueryParams(props.queryParams)));
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: 'pl-4'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'pl-4 py-2 row'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'col-9 p-0'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components__WEBPACK_IMPORTED_MODULE_12__["SearchFilters"], {
+    queryParams: props.queryParams,
+    mainFilters: [apps_search_utils__WEBPACK_IMPORTED_MODULE_11__["Filters"].SortByName(apps_search_utils__WEBPACK_IMPORTED_MODULE_11__["FilterHelper"].getNameSortOptions())],
+    analyticsOptions: {
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["EntityType"].User,
+      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].TeacherManager
+    },
+    hideHeading: true
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'col-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_search_components_scoped_search_bar_ScopedSearchBar__WEBPACK_IMPORTED_MODULE_13__["ScopedSearchBar"], {
+    id: 'school-teacher-search',
+    name: 'school-teacher-search',
+    placeholder: getPhrase('searchBarPlaceholder')
+  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: 'pl-4 mb-0 font-weight-bold'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'entries',
+    options: {
+      smartCount: ((_b = (_a = teachers.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.length) || 0
+    }
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("main", {
+    className: 'py-3'
+  }, function () {
+    var _a;
+
+    if (!((_a = teachers.data) === null || _a === void 0 ? void 0 : _a.data) || !userRoles.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_manage_users_list_partial_loading_PartialManageUsersList__WEBPACK_IMPORTED_MODULE_10__["PartialManageUsersList"], null);
+    if (!teachers.data.data.length) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_empty_state_SchoolTeacherManagerEmptyState__WEBPACK_IMPORTED_MODULE_15__["SchoolTeacherManagerEmptyState"], null);
+    return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_user_manager_components_manage_users_list_ManageUsersList__WEBPACK_IMPORTED_MODULE_9__["ManageUsersList"], {
+      users: teachers.data.data,
+      userType: apps_user_manager_enums__WEBPACK_IMPORTED_MODULE_14__["MockUserType"].Teacher,
+      userRoles: userRoles.data,
+      analyticsOptions: {
+        location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_7__["LocationContext"].StudentManager
+      }
+    }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_pagination_Pagination__WEBPACK_IMPORTED_MODULE_4__["Pagination"], {
+      appLink: _libs_shared_src_services_ContextService__WEBPACK_IMPORTED_MODULE_5__["ContextService"].getCurrentRoute().appLink,
+      cursors: {
+        next: teachers.data.pagination.cursors.next,
+        previous: teachers.data.pagination.cursors.previous
+      },
+      className: 'pt-3 d-flex justify-content-end'
+    }));
+  }()));
+}
+
+/***/ }),
+
+/***/ "./src/apps/user-manager/views/school-teacher-manager/empty-state/SchoolTeacherManagerEmptyState.tsx":
+/*!***********************************************************************************************************!*\
+  !*** ./src/apps/user-manager/views/school-teacher-manager/empty-state/SchoolTeacherManagerEmptyState.tsx ***!
+  \***********************************************************************************************************/
+/*! exports provided: SchoolTeacherManagerEmptyState */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SchoolTeacherManagerEmptyState", function() { return SchoolTeacherManagerEmptyState; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
+/* harmony import */ var shared_components_video_info_button_VideoInfoButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/components/video-info-button/VideoInfoButton */ "./src/shared/components/video-info-button/VideoInfoButton.tsx");
+
+
+
+
+
+var namespace = 'userManager.schoolTeacherManagerEmptyState';
+function SchoolTeacherManagerEmptyState() {
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["LanguageNamespaceContext"].Provider, {
+    value: namespace
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'text-center py-5'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", null, "TODO: add an actual empty state image once bev has one"), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("img", {
+    src: '/favicon.ico',
+    className: 'pb-3'
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h6'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("p", {
+    className: 'w-33 mx-auto'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'info'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(shared_components_video_info_button_VideoInfoButton__WEBPACK_IMPORTED_MODULE_4__["VideoInfoButton"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'videoLink'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_3__["IconButton"], {
+    className: 'btn btn-dark d-block mx-auto',
+    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Plus
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    phrase: 'addNew'
+  }))));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=68.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/user-manager/views/school-teacher-manager/SchoolTeacherManagerView.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/user-manager/views/school-teacher-manager/empty-state/SchoolTeacherManagerEmptyState.tsx"],"names":[],"mappings":"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","file":"scripts/68.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { Pagination } from 'libs/shared/components/pagination/Pagination';\r\nimport { ContextService } from 'libs/shared/services/ContextService';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { LocationContext, EntityType } from 'libs/analytics/interfaces';\r\n\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { ManageUsersList } from 'apps/user-manager/components/manage-users-list/ManageUsersList';\r\nimport { PartialManageUsersList } from 'apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList';\r\n\r\nimport { Filters, FilterHelper } from 'apps/search/utils';\r\nimport { SearchFilters } from 'apps/search/components';\r\nimport { ScopedSearchBar } from 'apps/search/components/scoped-search-bar/ScopedSearchBar';\r\nimport { MockUserType } from 'apps/user-manager/enums';\r\n\r\nimport { SchoolTeacherManagerEmptyState } from './empty-state/SchoolTeacherManagerEmptyState';\r\nimport { MockUserRole, MockTeacherCollection } from 'apps/user-manager/interfaces';\r\n\r\nconst namespace = 'userManager.schoolTeacherManager';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface SchoolTeacherManagerViewProps {\r\n  queryParams: HashObject;\r\n}\r\n\r\nexport function SchoolTeacherManagerView(props: SchoolTeacherManagerViewProps): JSX.Element {\r\n  useSetPageTitle(getPhrase('pageTitle'));\r\n\r\n  const userRoles = Flight.useBasicFetch<MockUserRole[]>(SchoolUserRequests.getUserRoles());\r\n  const teachers = Flight.useBasicFetch<MockTeacherCollection>(\r\n    SchoolUserRequests.getSchoolTeachers(FilterHelper.getBackendQueryParams(props.queryParams)));\r\n\r\n  return (\r\n    <div className='px-3'>\r\n      <h1 className='pl-4'><Text namespace={namespace} phrase='heading' /></h1>\r\n\r\n      <div className='pl-4 py-2 row'>\r\n        <div className='col-9 p-0'>\r\n          <SearchFilters\r\n            queryParams={props.queryParams}\r\n            mainFilters={[Filters.SortByName(FilterHelper.getNameSortOptions())]}\r\n            analyticsOptions={{\r\n              entity: EntityType.User,\r\n              location: LocationContext.TeacherManager\r\n            }}\r\n            hideHeading\r\n          />\r\n        </div>\r\n\r\n        <div className='col-3'>\r\n          <ScopedSearchBar\r\n            id='school-teacher-search'\r\n            name='school-teacher-search'\r\n            placeholder={getPhrase('searchBarPlaceholder')}\r\n          />\r\n        </div>\r\n      </div>\r\n\r\n      <p className='pl-4 mb-0 font-weight-bold'>\r\n        <Text namespace={namespace} phrase='entries' options={{ smartCount: teachers.data?.data?.length || 0 }} />\r\n      </p>\r\n\r\n      <main className='py-3'>\r\n        {(() => {\r\n          if (!teachers.data?.data || !userRoles.data)\r\n            return <PartialManageUsersList />;\r\n\r\n          if (!teachers.data.data.length)\r\n            return <SchoolTeacherManagerEmptyState />;\r\n\r\n          return (\r\n            <>\r\n              <ManageUsersList\r\n                users={teachers.data.data}\r\n                userType={MockUserType.Teacher}\r\n                userRoles={userRoles.data}\r\n                analyticsOptions={{ location: LocationContext.StudentManager }}\r\n              />\r\n              <Pagination\r\n                appLink={ContextService.getCurrentRoute().appLink}\r\n                cursors={{\r\n                  next: teachers.data.pagination.cursors.next,\r\n                  previous: teachers.data.pagination.cursors.previous\r\n                }}\r\n                className='pt-3 d-flex justify-content-end'\r\n              />\r\n            </>\r\n          );\r\n        })()}\r\n      </main>\r\n    </div>\r\n  );\r\n}","import React from 'react';\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\n\r\nimport { VideoInfoButton } from 'shared/components/video-info-button/VideoInfoButton';\r\n\r\nconst namespace = 'userManager.schoolTeacherManagerEmptyState';\r\n\r\nexport function SchoolTeacherManagerEmptyState(): JSX.Element {\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <div className='text-center py-5'>\r\n        <p>TODO: add an actual empty state image once bev has one</p>\r\n        <img src='/favicon.ico' className='pb-3' />\r\n\r\n        <h2 className='h6'><Text phrase='heading' /></h2>\r\n        <p className='w-33 mx-auto'><Text phrase='info' /></p>\r\n\r\n        <VideoInfoButton>\r\n          <Text phrase='videoLink' />\r\n        </VideoInfoButton>\r\n\r\n        <IconButton\r\n          className='btn btn-dark d-block mx-auto'\r\n          svgName={cvSvgLibrary.Plus}\r\n        >\r\n          <Text phrase='addNew' />\r\n        </IconButton>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/69.chunk.js

@@ -0,0 +1,102 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[69],{
+
+/***/ "./src/shared/flight-requests/ShareRequests.ts":
+/*!*****************************************************!*\
+  !*** ./src/shared/flight-requests/ShareRequests.ts ***!
+  \*****************************************************/
+/*! exports provided: ShareRequests */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ShareRequests", function() { return ShareRequests; });
+/* harmony import */ var _libs_common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../libs/common/src/backbone/enums/HttpVerbs */ "../../libs/common/src/backbone/enums/HttpVerbs.ts");
+/* harmony import */ var shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/WithStatements */ "./src/shared/constants/WithStatements.ts");
+
+
+var ShareRequests = {
+  getShareData: function getShareData(id) {
+    if (!id) return;
+    return {
+      url: '/api/domain/v1/share',
+      key: "share:".concat(id),
+      type: _libs_common_src_backbone_enums_HttpVerbs__WEBPACK_IMPORTED_MODULE_0__["HttpVerbs"].POST,
+      data: {
+        id: id,
+        privacy: null
+      }
+    };
+  },
+  sharedResource: function sharedResource(shortCode) {
+    return {
+      url: "/api/domain/v2/share/".concat(shortCode, "?query=").concat(shared_constants_WithStatements__WEBPACK_IMPORTED_MODULE_1__["WithStatements"].VIDEO),
+      key: "shared:resource:".concat(shortCode)
+    };
+  }
+};
+
+/***/ }),
+
+/***/ "./src/shared/views/play-shared/PlaySharedView.tsx":
+/*!*********************************************************!*\
+  !*** ./src/shared/views/play-shared/PlaySharedView.tsx ***!
+  \*********************************************************/
+/*! exports provided: PlaySharedView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaySharedView", function() { return PlaySharedView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/useViewModel */ "../../libs/common/src/react/hooks/useViewModel.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var shared_components_play_page_PlayPage__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! shared/components/play-page/PlayPage */ "./src/shared/components/play-page/PlayPage.tsx");
+/* harmony import */ var shared_flight_requests_ShareRequests__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! shared/flight-requests/ShareRequests */ "./src/shared/flight-requests/ShareRequests.ts");
+/* harmony import */ var shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/LiteViewModels */ "./src/shared/constants/LiteViewModels.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; }
+
+
+
+
+
+
+
+
+function PlaySharedView(props) {
+  var _a;
+
+  var _useViewModel = Object(_libs_common_src_react_hooks_useViewModel__WEBPACK_IMPORTED_MODULE_2__["useViewModel"])(shared_constants_LiteViewModels__WEBPACK_IMPORTED_MODULE_6__["ViewModelKeys"].WEB_PLAYER_DATA),
+      _useViewModel2 = _slicedToArray(_useViewModel, 2),
+      setPlayerData = _useViewModel2[1];
+
+  var video = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].useBasicFetch(shared_flight_requests_ShareRequests__WEBPACK_IMPORTED_MODULE_5__["ShareRequests"].sharedResource(props.shortCode)); // const relatedVideos = Flight.useBasicFetch<VideoCollection>(FavouriteVideoRequests.favouriteVideos(null));
+
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__["useSetPageTitle"])((_a = video.data) === null || _a === void 0 ? void 0 : _a.name);
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!video.data) return;
+    setPlayerData('video', video.data);
+  }, [!!video.data]);
+  if (!video.data) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](shared_components_play_page_PlayPage__WEBPACK_IMPORTED_MODULE_4__["PlayPage"], {
+    video: video.data
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=69.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/flight-requests/ShareRequests.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/shared/views/play-shared/PlaySharedView.tsx"],"names":[],"mappings":";;;;;;;;;;AACA;AAAA;AAAA;AAAA;AAAA;AACA;AAEO,IAAM,aAAa,GAAG;AAC3B,cAD2B,wBACd,EADc,EACJ;AACrB,QAAI,CAAC,EAAL,EACE;AAEF,WAAO;AACL,SAAG,EAAE,sBADA;AAEL,SAAG,kBAAW,EAAX,CAFE;AAGL,UAAI,EAAE,mFAAS,CAAC,IAHX;AAIL,UAAI,EAAE;AACJ,UAAE,EAAF,EADI;AAEJ,eAAO,EAAE;AAFL;AAJD,KAAP;AASD,GAd0B;AAgB3B,gBAhB2B,0BAgBZ,SAhBY,EAgBK;AAC9B,WAAO;AACL,SAAG,iCAA0B,SAA1B,oBAA6C,8EAAc,CAAC,KAA5D,CADE;AAEL,SAAG,4BAAqB,SAArB;AAFE,KAAP;AAID;AArB0B,CAAtB,C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ACJP;AAEA;AACA;AAGA;AAEA;AACA;AACA;AAMM,SAAU,cAAV,CAAyB,KAAzB,EAA6C;;;AAAA,sBACrB,8FAAY,CAAC,6EAAa,CAAC,eAAf,CADS;AAAA;AAAA,MACvC,aADuC;;AAGjD,MAAM,KAAK,GAAG,6DAAM,CAAC,aAAP,CAA4B,kFAAa,CAAC,cAAd,CAA6B,KAAK,CAAC,SAAnC,CAA5B,CAAd,CAHiD,CAIjD;;AAEA,sGAAe,OAAC,KAAK,CAAC,IAAP,MAAW,IAAX,IAAW,aAAX,GAAW,MAAX,GAAW,GAAE,IAAb,CAAf;AAEA,kDAAgB,YAAK;AACnB,QAAI,CAAC,KAAK,CAAC,IAAX,EACE;AAEF,iBAAa,CAAC,OAAD,EAAU,KAAK,CAAC,IAAhB,CAAb;AACD,GALD,EAKG,CAAC,CAAC,CAAC,KAAK,CAAC,IAAT,CALH;AAOA,MAAI,CAAC,KAAK,CAAC,IAAX,EACE,OAAO,yGAAP;AAEF,SACE;AAAK,aAAS,EAAC;AAAf,KACE,oDAAC,6EAAD,EAAS;AACP,SAAK,EAAE,KAAK,CAAC;AADN,GAAT,CADF,CADF;AAQD,C","file":"scripts/69.chunk.js","sourcesContent":["import { Flight } from 'libs/common/flight';\r\nimport { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\r\nimport { WithStatements } from 'shared/constants/WithStatements';\r\n\r\nexport const ShareRequests = {\r\n  getShareData(id: string): Flight.Request {\r\n    if (!id)\r\n      return;\r\n\r\n    return {\r\n      url: '/api/domain/v1/share',\r\n      key: `share:${id}`,\r\n      type: HttpVerbs.POST,\r\n      data: {\r\n        id,\r\n        privacy: null\r\n      }\r\n    };\r\n  },\r\n\r\n  sharedResource(shortCode: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v2/share/${shortCode}?query=${WithStatements.VIDEO}`,\r\n      key: `shared:resource:${shortCode}`\r\n    };\r\n  }\r\n};","import * as React from 'react';\r\n\r\nimport { Flight } from 'libs/common/flight';\r\nimport { useViewModel } from 'libs/common/react/hooks/useViewModel';\r\nimport { Video, VideoCollection } from 'libs/shared/interfaces';\r\nimport { FavouriteVideoRequests } from 'libs/shared/flight-requests/FavouriteVideoRequests';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\n\r\nimport { PlayPage } from 'shared/components/play-page/PlayPage';\r\nimport { ShareRequests } from 'shared/flight-requests/ShareRequests';\r\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\r\n\r\ninterface PlayViewProps {\r\n  shortCode: string;\r\n}\r\n\r\nexport function PlaySharedView(props: PlayViewProps): React.ReactElement {\r\n  const [ , setPlayerData ] = useViewModel(ViewModelKeys.WEB_PLAYER_DATA);\r\n\r\n  const video = Flight.useBasicFetch<Video>(ShareRequests.sharedResource(props.shortCode));\r\n  // const relatedVideos = Flight.useBasicFetch<VideoCollection>(FavouriteVideoRequests.favouriteVideos(null));\r\n\r\n  useSetPageTitle(video.data?.name);\r\n\r\n  React.useEffect(() => {\r\n    if (!video.data)\r\n      return;\r\n\r\n    setPlayerData('video', video.data);\r\n  }, [!!video.data]);\r\n\r\n  if (!video.data)\r\n    return <></>;\r\n\r\n  return (\r\n    <div className='px-3'>\r\n      <PlayPage\r\n        video={video.data}\r\n        // relatedVideos={relatedVideos.data ? relatedVideos.data.data : null}\r\n      />\r\n    </div>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{7-16928fdb95.chunk.js → 7-096f5703bd.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[7],{1075:function(t,e,n){"use strict";var r=n(0),a=n(826),o=n(7),i=n(73),c=n(832),l=n(849),u=n(850),s=n(886),f="playlists.validation",y=s.object().shape({name:s.string().max(250,(function(){return o.a.getPhrase(f,"nameExceeds")})).required((function(){return o.a.getPhrase(f,"nameRequired")})),description:s.string().max(65535,(function(){return o.a.getPhrase(f,"descriptionExceeds")}))});n.d(e,"a",(function(){return m}));var d=o.a.encloseNamespace("playlists.playlistDetails");function p(t){var e=Object(c.b)();return r.createElement(a.c,null,r.createElement(l.b,{label:d("nameLabel"),type:"text",name:"name",id:"name",placeholder:d("namePlaceholder"),autoFocus:!0,value:e.values.name}),r.createElement(l.b,{label:d("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:d("descriptionPlaceholder"),value:e.values.description}),r.createElement("div",{className:"btn-container d-flex justify-content-end"},r.createElement("button",{type:"button",className:"btn btn-".concat(t.cancelButtonClass," mr-2"),onClick:t.onClickCancel},r.createElement(i.b,{namespace:"playlists.playlistDetails",phrase:"cancel"})),r.createElement(u.a,{isNew:t.isNew})))}function m(t){var e=t.playlist,n=(e=void 0===e?{}:e).name,a=void 0===n?"":n,o=e.description,i=void 0===o?"":o,l=e.id,u=void 0===l?null:l,s=t.savePlaylist,f=t.onClickCancel,d=t.cancelButtonClass;return r.createElement(c.a,{initialValues:{name:a,description:i},validationSchema:y,onSubmit:s},r.createElement(p,{isNew:!u,onClickCancel:f,cancelButtonClass:d}))}},824:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(153),a=n(48),o=n(52),i=function(){var t=Object(r.a)(o.a.ALERT);return{success:function(e){t.success(e)()},error:function(e){t.error(e)()},warning:function(e){t.createAlert({type:a.a.Warning,heading:a.c.Warning,message:e})}}}},832:function(t,e,n){"use strict";n.d(e,"a",(function(){return l})),n.d(e,"b",(function(){return u}));var r=n(0),a=n(826),o=n(35),i=n(57),c=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(n[r[a]]=t[r[a]])}return n};function l(t){var e=t.castInitialValues,n=t.castValuesOnSubmit,l=t.initialValues,u=t.onSubmit,s=t.resetOnSubmit,f=c(t,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),y=e&&t.validationSchema?t.validationSchema.cast(function t(e){var n=i.a.deepClone(e);return Object.keys(n).forEach((function(e){n.hasOwnProperty(e)&&(i.a.isObject(n[e])?n[e]=t(n[e]):null===n[e]&&delete n[e])})),n}(l)):l,d={allowInitialSubmit:t.allowInitialSubmit};return r.createElement(a.d,Object.assign({enableReinitialize:!0},f,{initialValues:y,onSubmit:function(e,r){var a=r.setSubmitting,o=r.resetForm,i=n&&t.validationSchema?t.validationSchema.cast(e):e;u(i,(function(){s&&o(),a(!1)}))},initialStatus:d}),o.a.isFunction(t.children)?function(e){return t.children(e)}:r.Children.count(t.children)?t.children:null)}function u(){return Object(a.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},838:function(t,e,n){"use strict";n.d(e,"a",(function(){return d}));var r=n(244),a=n(85),o=n(863);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 l(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 u(t,e){return(u=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(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=y(t);if(e){var a=y(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return f(this,n)}}function f(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 y(t){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var d=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&&u(t,e)}(f,t);var e,n,r,i=s(f);function f(){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,f),(t=i.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})).type=r,t}return e=f,(n=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&l(e.prototype,n),r&&l(e,r),f}(r.a)},841:function(t,e,n){"use strict";n.d(e,"a",(function(){return a}));var r=n(826),a={getCustomFormControlClassName:function(t,e,n,a){var o="form-control";return Object(r.e)(e,n)&&Object(r.e)(t,n)&&(o+=" is-invalid"),a&&(o+=" ".concat(a)),o}}},849:function(t,e,n){"use strict";var r=n(0),a=n(826),o=n(33),i=n(35),c=n(841);function l(t){var e=Object(a.f)().values[t.fieldName];return"string"!=typeof e?r.createElement(r.Fragment,null):r.createElement("div",{className:"float-right text-muted"},e.length,"/",t.limit)}var u=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(n[r[a]]=t[r[a]])}return n};function s(t){var e=t.label,n=u(t,["label"]);return r.createElement(o.Form.Group,null,r.createElement("div",{className:"custom-control custom-checkbox"},r.createElement(y,Object.assign({className:"custom-control-input"},n)),r.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},e)))}n.d(e,"a",(function(){return y})),n.d(e,"b",(function(){return d}));var f=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(n[r[a]]=t[r[a]])}return n};function y(t){var e=t.children,n=f(t,["children"]);return r.createElement(a.b,Object.assign({},n),i.a.isFunction(e)?function(t){return e(t)}:r.Children.count(e)?e:null)}function d(t){var e=t.label,n=t.className,i=t.showCharacterCounter,u=f(t,["label","className","showCharacterCounter"]),d=Object(a.f)(),p=d.errors,m=d.touched;return"checkbox"===u.type?r.createElement(s,Object.assign({},t)):r.createElement(o.Form.Group,null,!!e&&r.createElement(o.Form.Label,{htmlFor:u.id},e),r.createElement(y,Object.assign({className:c.a.getCustomFormControlClassName(p,m,u.name,n)},u)),!!i&&!!u.maxLength&&r.createElement(l,{fieldName:u.name,limit:u.maxLength}),r.createElement(a.a,{name:u.name},(function(t){return r.createElement(o.Form.Control.Feedback,{type:"invalid"},t)})))}},850:function(t,e,n){"use strict";var r=n(0),a=n(826);function o(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){a=!0,o=t}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(t,e)||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,e)||function(){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 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=n(246),l=n(73);n.d(e,"a",(function(){return u}));function u(t){var e=Object(a.f)(),n=function(t){var e,n=o(r.useState(!1),2),a=n[0],i=n[1];return r.useEffect((function(){var e;t.isValid&&(t.dirty||(null===(e=t.initialStatus)||void 0===e?void 0:e.allowInitialSubmit))?i(!0):i(!1)}),[t.isValid,null===(e=t.initialStatus)||void 0===e?void 0:e.allowInitialSubmit,t.dirty,t.values]),r.useEffect((function(){t.isSubmitting&&i(!1)}),[t.isSubmitting]),a}(e);r.useEffect((function(){function t(t){13===t.keyCode&&n&&e.validateForm().then((function(t){Object.keys(t).length||e.submitForm()}))}return window.addEventListener("keypress",t),function(){return window.removeEventListener("keypress",t)}}),[n]);var i="save";return t.isNew&&(i="create"),t.hasNext&&(i="next"),r.createElement(c.a,{variant:t.variant||"primary",showSpinner:e.isSubmitting,type:"submit",disabled:!n},t.submitText?r.createElement(r.Fragment,null,t.submitText):r.createElement(l.b,{namespace:"shared.formButtons",phrase:i}))}},859:function(t,e,n){"use strict";var r=n(21),a=n(46),o=n(862);n(838);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 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 s(this,n)}}function s(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,d=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)}(n,t);var e=u(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(244).a);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(y||(y={}));var p=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)&&(r[t]=Object.assign(Object.assign({},r[t]),e)),r}},m=function(t){return function(e){var n=Object.assign({},e);return n.hasOwnProperty(t)&&delete n[t],n}},b=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 O}));var v=function(t){return t?"&cursor=".concat(t):""},h=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},g=function(t,e){return"".concat(t).concat(e?":".concat(e):"")},O={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(h(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(),formatData:function(t){return Object.assign(Object.assign({},t),{data:t.data.map((function(t){return t.owner?Object.assign(Object.assign({},t),{owner:Object.assign(Object.assign({},t.owner),{avatar:t.owner.avatar.url})}):t}))})}}},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:g("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(h(e)),key:g("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:g("video:playlists:".concat(t),n)}},createPlaylist:function(t,e,n,a){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:e,type:r.a.POST,success:n,error:a,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,e,n,a){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:a,updateState:{keys:"playlist:".concat(t),updateData:p("playlist:".concat(t),e)}}},deletePlaylist:function(t,e,n){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,success:e,error:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:m("playlist:".concat(t))}}},addToPlaylist:function(t,e,n,a){var o=["user:playlists",new d(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:b("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,":following:").concat(e)],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,":following:").concat(e)],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:y.Processed}},success:t,error:e}}}},862:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var r=n(127),a=n(57);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),l=[t],u=n[t],s=!!u&&!!u.data&&u.data.length;u&&Array.isArray(u.data);){i.push.apply(i,o(u.data));var f=u.pagination&&u.pagination.cursors&&u.pagination.cursors.next,y=!!f&&"".concat(t,":").concat(f);(u=f&&n[y])&&l.push(y)}if(!i.length)return n;var d=r.a.findIndex(i,(function(t){return t.id===e.sourceMemberId})),p=[].concat(i),m=p.splice(d,1),b=e.destinationMemberId?r.a.findIndex(p,(function(t){return t.id===e.destinationMemberId})):p.length;return p.splice(b,0,m[0]),l.forEach((function(t){var e=p.splice(0,s);c[t].data=e})),c}}},863: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={}))}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[7],{1075:function(t,e,n){"use strict";var r=n(0),a=n(825),o=n(7),i=n(73),c=n(831),l=n(850),u=n(851),s=n(885),f="playlists.validation",y=s.object().shape({name:s.string().max(250,(function(){return o.a.getPhrase(f,"nameExceeds")})).required((function(){return o.a.getPhrase(f,"nameRequired")})),description:s.string().max(65535,(function(){return o.a.getPhrase(f,"descriptionExceeds")}))});n.d(e,"a",(function(){return m}));var d=o.a.encloseNamespace("playlists.playlistDetails");function p(t){var e=Object(c.b)();return r.createElement(a.c,null,r.createElement(l.b,{label:d("nameLabel"),type:"text",name:"name",id:"name",placeholder:d("namePlaceholder"),autoFocus:!0,value:e.values.name}),r.createElement(l.b,{label:d("descriptionLabel"),component:"textarea",name:"description",id:"description",placeholder:d("descriptionPlaceholder"),value:e.values.description}),r.createElement("div",{className:"btn-container d-flex justify-content-end"},r.createElement("button",{type:"button",className:"btn btn-".concat(t.cancelButtonClass," mr-2"),onClick:t.onClickCancel},r.createElement(i.b,{namespace:"playlists.playlistDetails",phrase:"cancel"})),r.createElement(u.a,{isNew:t.isNew})))}function m(t){var e=t.playlist,n=(e=void 0===e?{}:e).name,a=void 0===n?"":n,o=e.description,i=void 0===o?"":o,l=e.id,u=void 0===l?null:l,s=t.savePlaylist,f=t.onClickCancel,d=t.cancelButtonClass;return r.createElement(c.a,{initialValues:{name:a,description:i},validationSchema:y,onSubmit:s},r.createElement(p,{isNew:!u,onClickCancel:f,cancelButtonClass:d}))}},823:function(t,e,n){"use strict";n.d(e,"a",(function(){return i}));var r=n(153),a=n(48),o=n(52),i=function(){var t=Object(r.a)(o.a.ALERT);return{success:function(e){t.success(e)()},error:function(e){t.error(e)()},warning:function(e){t.createAlert({type:a.a.Warning,heading:a.c.Warning,message:e})}}}},831:function(t,e,n){"use strict";n.d(e,"a",(function(){return l})),n.d(e,"b",(function(){return u}));var r=n(0),a=n(825),o=n(35),i=n(57),c=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(n[r[a]]=t[r[a]])}return n};function l(t){var e=t.castInitialValues,n=t.castValuesOnSubmit,l=t.initialValues,u=t.onSubmit,s=t.resetOnSubmit,f=c(t,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),y=e&&t.validationSchema?t.validationSchema.cast(function t(e){var n=i.a.deepClone(e);return Object.keys(n).forEach((function(e){n.hasOwnProperty(e)&&(i.a.isObject(n[e])?n[e]=t(n[e]):null===n[e]&&delete n[e])})),n}(l)):l,d={allowInitialSubmit:t.allowInitialSubmit};return r.createElement(a.d,Object.assign({enableReinitialize:!0},f,{initialValues:y,onSubmit:function(e,r){var a=r.setSubmitting,o=r.resetForm,i=n&&t.validationSchema?t.validationSchema.cast(e):e;u(i,(function(){s&&o(),a(!1)}))},initialStatus:d}),o.a.isFunction(t.children)?function(e){return t.children(e)}:r.Children.count(t.children)?t.children:null)}function u(){return Object(a.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},837:function(t,e,n){"use strict";n.d(e,"a",(function(){return d}));var r=n(244),a=n(85),o=n(864);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 l(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 u(t,e){return(u=Object.setPrototypeOf||function(t,e){return t.__proto__=e,t})(t,e)}function s(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=y(t);if(e){var a=y(this).constructor;n=Reflect.construct(r,arguments,a)}else n=r.apply(this,arguments);return f(this,n)}}function f(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 y(t){return(y=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var d=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&&u(t,e)}(f,t);var e,n,r,i=s(f);function f(){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,f),(t=i.call(this,{collectionPrefix:"user:playlists",cursor:n,sort:e})).type=r,t}return e=f,(n=[{key:"toString",value:function(){return[this.collectionPrefix,this.sort,this.cursor,this.type].filter(Boolean).join(":")}}])&&l(e.prototype,n),r&&l(e,r),f}(r.a)},841:function(t,e,n){"use strict";n.d(e,"a",(function(){return a}));var r=n(825),a={getCustomFormControlClassName:function(t,e,n,a){var o="form-control";return Object(r.e)(e,n)&&Object(r.e)(t,n)&&(o+=" is-invalid"),a&&(o+=" ".concat(a)),o}}},850:function(t,e,n){"use strict";var r=n(0),a=n(825),o=n(33),i=n(35),c=n(841);function l(t){var e=Object(a.f)().values[t.fieldName];return"string"!=typeof e?r.createElement(r.Fragment,null):r.createElement("div",{className:"float-right text-muted"},e.length,"/",t.limit)}var u=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(n[r[a]]=t[r[a]])}return n};function s(t){var e=t.label,n=u(t,["label"]);return r.createElement(o.Form.Group,null,r.createElement("div",{className:"custom-control custom-checkbox"},r.createElement(y,Object.assign({className:"custom-control-input"},n)),r.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},e)))}n.d(e,"a",(function(){return y})),n.d(e,"b",(function(){return d}));var f=function(t,e){var n={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(n[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(r=Object.getOwnPropertySymbols(t);a<r.length;a++)e.indexOf(r[a])<0&&Object.prototype.propertyIsEnumerable.call(t,r[a])&&(n[r[a]]=t[r[a]])}return n};function y(t){var e=t.children,n=f(t,["children"]);return r.createElement(a.b,Object.assign({},n),i.a.isFunction(e)?function(t){return e(t)}:r.Children.count(e)?e:null)}function d(t){var e=t.label,n=t.className,i=t.showCharacterCounter,u=f(t,["label","className","showCharacterCounter"]),d=Object(a.f)(),p=d.errors,m=d.touched;return"checkbox"===u.type?r.createElement(s,Object.assign({},t)):r.createElement(o.Form.Group,null,!!e&&r.createElement(o.Form.Label,{htmlFor:u.id},e),r.createElement(y,Object.assign({className:c.a.getCustomFormControlClassName(p,m,u.name,n)},u)),!!i&&!!u.maxLength&&r.createElement(l,{fieldName:u.name,limit:u.maxLength}),r.createElement(a.a,{name:u.name},(function(t){return r.createElement(o.Form.Control.Feedback,{type:"invalid"},t)})))}},851:function(t,e,n){"use strict";var r=n(0),a=n(825);function o(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var n=[],r=!0,a=!1,o=void 0;try{for(var i,c=t[Symbol.iterator]();!(r=(i=c.next()).done)&&(n.push(i.value),!e||n.length!==e);r=!0);}catch(t){a=!0,o=t}finally{try{r||null==c.return||c.return()}finally{if(a)throw o}}return n}(t,e)||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,e)||function(){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 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=n(246),l=n(73);n.d(e,"a",(function(){return u}));function u(t){var e=Object(a.f)(),n=function(t){var e,n=o(r.useState(!1),2),a=n[0],i=n[1];return r.useEffect((function(){var e;t.isValid&&(t.dirty||(null===(e=t.initialStatus)||void 0===e?void 0:e.allowInitialSubmit))?i(!0):i(!1)}),[t.isValid,null===(e=t.initialStatus)||void 0===e?void 0:e.allowInitialSubmit,t.dirty,t.values]),r.useEffect((function(){t.isSubmitting&&i(!1)}),[t.isSubmitting]),a}(e);r.useEffect((function(){function t(t){13===t.keyCode&&n&&e.validateForm().then((function(t){Object.keys(t).length||e.submitForm()}))}return window.addEventListener("keypress",t),function(){return window.removeEventListener("keypress",t)}}),[n]);var i="save";return t.isNew&&(i="create"),t.hasNext&&(i="next"),r.createElement(c.a,{variant:t.variant||"primary",showSpinner:e.isSubmitting,type:"submit",disabled:!n},t.submitText?r.createElement(r.Fragment,null,t.submitText):r.createElement(l.b,{namespace:"shared.formButtons",phrase:i}))}},860:function(t,e,n){"use strict";var r=n(21),a=n(46),o=n(863);n(837);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 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 s(this,n)}}function s(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,d=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)}(n,t);var e=u(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(244).a);!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(y||(y={}));var p=function(t,e){return function(n){var r=Object.assign({},n);return r.hasOwnProperty(t)&&(r[t]=Object.assign(Object.assign({},r[t]),e)),r}},m=function(t){return function(e){var n=Object.assign({},e);return n.hasOwnProperty(t)&&delete n[t],n}},b=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 O}));var v=function(t){return t?"&cursor=".concat(t):""},h=function(t){return Number.isInteger(t)?"&maxRatingValue=".concat(t):""},g=function(t,e){return"".concat(t).concat(e?":".concat(e):"")},O={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(h(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(),formatData:function(t){return Object.assign(Object.assign({},t),{data:t.data.map((function(t){return t.owner?Object.assign(Object.assign({},t),{owner:Object.assign(Object.assign({},t.owner),{avatar:t.owner.avatar.url})}):t}))})}}},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:g("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(h(e)),key:g("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:g("video:playlists:".concat(t),n)}},createPlaylist:function(t,e,n,a){return{key:"create:playlist",url:"/api/domain/v2/objects/".concat(t,"/playlists"),data:e,type:r.a.POST,success:n,error:a,invalidationKeys:"user:playlists"}},updatePlaylist:function(t,e,n,a){return{key:"update:playlist",url:"/api/domain/v2/objects/".concat(t),data:e,type:r.a.PUT,success:n,error:a,updateState:{keys:"playlist:".concat(t),updateData:p("playlist:".concat(t),e)}}},deletePlaylist:function(t,e,n){return{key:"delete:playlist",url:"/api/domain/v2/objects/".concat(t),type:r.a.DELETE,success:e,error:n,invalidationKeys:"user:playlists",updateState:{keys:"playlist:".concat(t),updateData:m("playlist:".concat(t))}}},addToPlaylist:function(t,e,n,a){var o=["user:playlists",new d(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:b("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,":following:").concat(e)],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,":following:").concat(e)],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:y.Processed}},success:t,error:e}}}},863:function(t,e,n){"use strict";n.d(e,"a",(function(){return c}));var r=n(127),a=n(57);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),l=[t],u=n[t],s=!!u&&!!u.data&&u.data.length;u&&Array.isArray(u.data);){i.push.apply(i,o(u.data));var f=u.pagination&&u.pagination.cursors&&u.pagination.cursors.next,y=!!f&&"".concat(t,":").concat(f);(u=f&&n[y])&&l.push(y)}if(!i.length)return n;var d=r.a.findIndex(i,(function(t){return t.id===e.sourceMemberId})),p=[].concat(i),m=p.splice(d,1),b=e.destinationMemberId?r.a.findIndex(p,(function(t){return t.id===e.destinationMemberId})):p.length;return p.splice(b,0,m[0]),l.forEach((function(t){var e=p.splice(0,s);c[t].data=e})),c}}},864: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={}))}}]);