@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

package/dist/scripts/40.chunk.js

@@ -0,0 +1,337 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[40],{
+
+/***/ "../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts":
+/*!**********************************************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts ***!
+  \**********************************************************************************************************************/
+/*! exports provided: PlaylistValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistValidationSchema", function() { return PlaylistValidationSchema; });
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
+/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+
+
+var namespace = 'playlists.validation';
+var PlaylistValidationSchema = yup__WEBPACK_IMPORTED_MODULE_0__["object"]().shape({
+  name: yup__WEBPACK_IMPORTED_MODULE_0__["string"]().max(255, function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'nameExceeds');
+  }).required(function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'nameRequired');
+  }),
+  description: yup__WEBPACK_IMPORTED_MODULE_0__["string"]().max(65535, function () {
+    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'descriptionExceeds');
+  })
+});
+
+/***/ }),
+
+/***/ "../../libs/shared/src/context/PageTitleContext.tsx":
+/*!*********************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/context/PageTitleContext.tsx ***!
+  \*********************************************************************************************/
+/*! exports provided: PageTitleContext, PageTitleContextProvider */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleContext", function() { return PageTitleContext; });
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleContextProvider", function() { return PageTitleContextProvider; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../utils/PageTitleHelper */ "../../libs/shared/src/utils/PageTitleHelper.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 PageTitleContext = react__WEBPACK_IMPORTED_MODULE_0__["createContext"]({});
+var namespace = 'shared.context';
+
+var DEFAULT_TITLE = function DEFAULT_TITLE() {
+  return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'defaultTitle');
+};
+
+var PageTitleContextProvider = function PageTitleContextProvider(_ref) {
+  var children = _ref.children;
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE),
+      _React$useState2 = _slicedToArray(_React$useState, 2),
+      currentPageTitle = _React$useState2[0],
+      setCurrentPageTitle = _React$useState2[1];
+
+  var _React$useState3 = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE),
+      _React$useState4 = _slicedToArray(_React$useState3, 2),
+      previousPageTitle = _React$useState4[0],
+      setPreviousPageTitle = _React$useState4[1];
+
+  var setPageTitle = function setPageTitle(title) {
+    if (title === currentPageTitle) return;
+    if (currentPageTitle !== previousPageTitle) setPreviousPageTitle(currentPageTitle);
+    setCurrentPageTitle(title);
+  };
+
+  var revertPageTitle = function revertPageTitle() {
+    setCurrentPageTitle(previousPageTitle);
+  };
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    return _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__["PageTitleHelper"].setPageTitle(currentPageTitle);
+  }, [currentPageTitle]);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PageTitleContext.Provider, {
+    value: {
+      setPageTitle: setPageTitle,
+      revertPageTitle: revertPageTitle
+    }
+  }, children);
+};
+
+/***/ }),
+
+/***/ "../../libs/shared/src/hooks/useSetPageTitle.ts":
+/*!*****************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts ***!
+  \*****************************************************************************************/
+/*! exports provided: useSetPageTitle */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useSetPageTitle", function() { return useSetPageTitle; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
+/* harmony import */ var _context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../context/PageTitleContext */ "../../libs/shared/src/context/PageTitleContext.tsx");
+function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
+
+function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
+
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+
+
+
+/**
+ * Hook function to set the page title using the useEffect hook.
+ * @param title - value to set the page title to.
+ * @param dependencies - values from the component (e.g. state, props and functions) that are used
+ * inside the effect hook.
+ */
+
+function useSetPageTitle(title) {
+  var dependencies = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+
+  var _React$useContext = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__["PageTitleContext"]),
+      setPageTitle = _React$useContext.setPageTitle;
+
+  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](function () {
+    if (!title || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(setPageTitle)) return;
+    setPageTitle(title);
+  }, [title].concat(_toConsumableArray(dependencies)));
+}
+
+/***/ }),
+
+/***/ "../../libs/shared/src/utils/PageTitleHelper.ts":
+/*!*****************************************************************************************!*\
+  !*** C:/ClickView Projects/clickview/packages/libs/shared/src/utils/PageTitleHelper.ts ***!
+  \*****************************************************************************************/
+/*! exports provided: PageTitleHelper */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PageTitleHelper", function() { return PageTitleHelper; });
+/* harmony import */ var _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+
+var TITLE_LENGTH = 60;
+var SUFFIX = ' - ClickView';
+
+var trimTitle = function trimTitle(title) {
+  if (title.length + SUFFIX.length <= TITLE_LENGTH) return title + SUFFIX;
+  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;
+};
+
+var PageTitleHelper = {
+  setPageTitle: function setPageTitle(title) {
+    if (!title) return;
+    _common_src_backbone__WEBPACK_IMPORTED_MODULE_0__["Core"].LocationUtils.SetPageTitle(trimTitle(title));
+  }
+};
+
+/***/ }),
+
+/***/ "./src/apps/playlists/components/playlist-details/PlaylistDetails.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/playlists/components/playlist-details/PlaylistDetails.tsx ***!
+  \****************************************************************************/
+/*! exports provided: PlaylistDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PlaylistDetails", function() { return PlaylistDetails; });
+/* 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 formik__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
+/* 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_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
+/* harmony import */ var _libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
+/* harmony import */ var _libs_shared_src_apps_playlists_validation_PlaylistValidationSchema__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema */ "../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts");
+
+
+
+
+
+
+
+
+var namespace = 'playlists.playlistDetails';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+
+function PlaylistDetailsFormComponent(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__["FormField"], {
+    label: getPhrase('nameLabel'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getPhrase('namePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_5__["FormField"], {
+    label: getPhrase('descriptionLabel'),
+    component: 'textarea',
+    name: 'description',
+    id: 'description',
+    placeholder: getPhrase('descriptionPlaceholder'),
+    value: formikProps.values.description
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("button", {
+    type: 'button',
+    className: "btn btn-".concat(props.cancelButtonClass, " mr-2"),
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__["FormButtons"], {
+    isNew: props.isNew
+  })));
+}
+
+function PlaylistDetails(props) {
+  var _props$playlist = props.playlist;
+  _props$playlist = _props$playlist === void 0 ? {} : _props$playlist;
+  var _props$playlist$name = _props$playlist.name,
+      name = _props$playlist$name === void 0 ? '' : _props$playlist$name,
+      _props$playlist$descr = _props$playlist.description,
+      description = _props$playlist$descr === void 0 ? '' : _props$playlist$descr,
+      _props$playlist$id = _props$playlist.id,
+      id = _props$playlist$id === void 0 ? null : _props$playlist$id,
+      savePlaylist = props.savePlaylist,
+      onClickCancel = props.onClickCancel,
+      cancelButtonClass = props.cancelButtonClass;
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["FormWrapper"], {
+    initialValues: {
+      name: name,
+      description: description
+    },
+    validationSchema: _libs_shared_src_apps_playlists_validation_PlaylistValidationSchema__WEBPACK_IMPORTED_MODULE_7__["PlaylistValidationSchema"],
+    onSubmit: savePlaylist
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PlaylistDetailsFormComponent, {
+    isNew: !id,
+    onClickCancel: onClickCancel,
+    cancelButtonClass: cancelButtonClass
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/playlists/views/edit-playlist/EditPlaylistView.tsx":
+/*!*********************************************************************!*\
+  !*** ./src/apps/playlists/views/edit-playlist/EditPlaylistView.tsx ***!
+  \*********************************************************************/
+/*! exports provided: EditPlaylistView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditPlaylistView", function() { return EditPlaylistView; });
+/* 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_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__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* 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_hooks_useSetPageTitle__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/useSetPageTitle */ "../../libs/shared/src/hooks/useSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/PlaylistRequests */ "../../libs/shared/src/flight-requests/PlaylistRequests.ts");
+/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var apps_playlists_components_playlist_details_PlaylistDetails__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! apps/playlists/components/playlist-details/PlaylistDetails */ "./src/apps/playlists/components/playlist-details/PlaylistDetails.tsx");
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace('playlists.editPlaylist');
+function EditPlaylistView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var playlist = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_7__["PlaylistRequests"].getPlaylist(props.playlistId));
+  Object(_libs_shared_src_hooks_useSetPageTitle__WEBPACK_IMPORTED_MODULE_6__["useSetPageTitle"])(playlist.data && getPhrase('title', {
+    name: playlist.data.name
+  }), [playlist]);
+
+  var savePlaylist = function savePlaylist(data) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_7__["PlaylistRequests"].updatePlaylist(props.playlistId, data, props.closePopup, props.closePopup));
+    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].logUserAction(data, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_5__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["UserAction"].Edit,
+      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["EntityType"].Playlist,
+      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_4__["WorkflowPhase"].Complete
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_8__["Popup"], {
+    title: getPhrase('heading'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !playlist.data
+  }, !!playlist.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_playlist_details_PlaylistDetails__WEBPACK_IMPORTED_MODULE_9__["PlaylistDetails"], {
+    playlist: playlist.data,
+    savePlaylist: savePlaylist,
+    onClickCancel: props.closePopup,
+    cancelButtonClass: 'secondary'
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=40.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts","file://C:/ClickView Projects/clickview/packages/libs/shared/src/context/PageTitleContext.tsx","file://C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/useSetPageTitle.ts","file://C:/ClickView Projects/clickview/packages/libs/shared/src/utils/PageTitleHelper.ts","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/playlists/components/playlist-details/PlaylistDetails.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/playlists/views/edit-playlist/EditPlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/40.chunk.js","sourcesContent":["import * as Yup from 'yup';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst namespace = 'playlists.validation';\r\n\r\nexport const PlaylistValidationSchema = Yup.object().shape({\r\n  name: Yup.string()\r\n    .max(255, () => LanguageService.getPhrase(namespace, 'nameExceeds'))\r\n    .required(() => LanguageService.getPhrase(namespace, 'nameRequired')),\r\n  description: Yup.string()\r\n    .max(65535, () => LanguageService.getPhrase(namespace, 'descriptionExceeds'))\r\n});","import * as React from 'react';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { PageTitleHelper } from 'libs/shared/utils/PageTitleHelper';\r\n\r\ninterface IPageTitleContext {\r\n  setPageTitle?: (title: string) => void;\r\n  revertPageTitle?: () => void;\r\n}\r\n\r\nexport const PageTitleContext = React.createContext<IPageTitleContext>({});\r\n\r\nconst namespace = 'shared.context';\r\n\r\nconst DEFAULT_TITLE = () => LanguageService.getPhrase(namespace, 'defaultTitle');\r\n\r\nexport const PageTitleContextProvider = ({ children }: React.PropsWithChildren<{}>): React.ReactElement => {\r\n  const [ currentPageTitle, setCurrentPageTitle ] = React.useState(DEFAULT_TITLE);\r\n  const [ previousPageTitle, setPreviousPageTitle ] = React.useState(DEFAULT_TITLE);\r\n\r\n  const setPageTitle = (title: string) => {\r\n    if (title === currentPageTitle)\r\n      return;\r\n\r\n    if (currentPageTitle !== previousPageTitle)\r\n      setPreviousPageTitle(currentPageTitle);\r\n\r\n    setCurrentPageTitle(title);\r\n  };\r\n\r\n  const revertPageTitle = () => {\r\n    setCurrentPageTitle(previousPageTitle);\r\n  };\r\n\r\n  React.useEffect(() => PageTitleHelper.setPageTitle(currentPageTitle), [currentPageTitle]);\r\n\r\n  return (\r\n    <PageTitleContext.Provider value={{ setPageTitle, revertPageTitle }}>\r\n      {children}\r\n    </PageTitleContext.Provider>\r\n  );\r\n};","import * as React from 'react';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { PageTitleContext } from 'libs/shared/context/PageTitleContext';\r\n\r\n/**\r\n * Hook function to set the page title using the useEffect hook.\r\n * @param title - value to set the page title to.\r\n * @param dependencies - values from the component (e.g. state, props and functions) that are used \r\n * inside the effect hook.\r\n */\r\nexport function useSetPageTitle(title: string, dependencies: any[] = []): void {\r\n  const { setPageTitle } = React.useContext(PageTitleContext);\r\n\r\n  React.useEffect(() => {\r\n    if (!title || !FunctionHelper.isFunction(setPageTitle))\r\n      return;\r\n\r\n    setPageTitle(title);\r\n  }, [ title, ...dependencies ]);\r\n}","import { Core } from 'libs/common/core';\r\n\r\nconst TITLE_LENGTH = 60;\r\nconst SUFFIX = ' - ClickView';\r\n\r\nconst trimTitle = (title: string): string => {\r\n  if (title.length + SUFFIX.length <= TITLE_LENGTH)\r\n    return title + SUFFIX;\r\n\r\n  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;\r\n};\r\n\r\nexport const PageTitleHelper = {\r\n  setPageTitle(title: string): void {\r\n    if (!title)\r\n      return;\r\n\r\n    Core.LocationUtils.SetPageTitle(trimTitle(title));\r\n  }\r\n};","import * as React from 'react';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Playlist } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { FormWrapper, useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { CreateOrUpdatePlaylistRequest } from 'libs/shared/apps/playlists/interfaces';\r\nimport { PlaylistValidationSchema } from 'libs/shared/apps/playlists/validation/PlaylistValidationSchema';\r\n\r\nconst namespace = 'playlists.playlistDetails';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface PlaylistDetailsFormComponentProps {\r\n  isNew?: boolean;\r\n  onClickCancel: () => void;\r\n  cancelButtonClass: 'secondary' | 'link';\r\n}\r\n\r\nfunction PlaylistDetailsFormComponent(props: PlaylistDetailsFormComponentProps): React.ReactElement {\r\n  const formikProps = useFormikContextWrapper<CreateOrUpdatePlaylistRequest>();\r\n\r\n  return (\r\n    <Form>\r\n      <FormField\r\n        label={getPhrase('nameLabel')}\r\n        type='text'\r\n        name='name'\r\n        id ='name'\r\n        placeholder={getPhrase('namePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.name}\r\n      />\r\n      <FormField\r\n        label={getPhrase('descriptionLabel')}\r\n        component='textarea'\r\n        name='description'\r\n        id ='description'\r\n        placeholder={getPhrase('descriptionPlaceholder')}\r\n        value={formikProps.values.description}\r\n      />\r\n      <div className='btn-container d-flex justify-content-end'>\r\n        <button type='button' className={`btn btn-${props.cancelButtonClass} mr-2`} onClick={props.onClickCancel}>\r\n          <Text namespace={namespace} phrase='cancel' />\r\n        </button>\r\n        <FormButtons isNew={props.isNew} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}\r\n\r\ninterface PlaylistDetailsComponentProps {\r\n  playlist?: Playlist;\r\n  savePlaylist: (data: CreateOrUpdatePlaylistRequest) => void;\r\n  onClickCancel: () => void;\r\n  cancelButtonClass: 'secondary' | 'link';\r\n}\r\n\r\nexport function PlaylistDetails(props: PlaylistDetailsComponentProps): React.ReactElement {\r\n  const { playlist: { name = '', description = '', id = null } = {}, savePlaylist, onClickCancel, cancelButtonClass } = props;\r\n\r\n  return (\r\n    <FormWrapper<CreateOrUpdatePlaylistRequest>\r\n      initialValues={{ name, description }}\r\n      validationSchema={PlaylistValidationSchema}\r\n      onSubmit={savePlaylist}\r\n    >\r\n      <PlaylistDetailsFormComponent\r\n        isNew={!id}\r\n        onClickCancel={onClickCancel}\r\n        cancelButtonClass={cancelButtonClass}\r\n      />\r\n    </FormWrapper>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { UserAction, EntityType, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { useSetPageTitle } from 'libs/shared/hooks/useSetPageTitle';\r\nimport { Playlist, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { PlaylistRequests } from 'libs/shared/flight-requests/PlaylistRequests';\r\nimport { CreateOrUpdatePlaylistRequest } from 'libs/shared/apps/playlists/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\n\r\nimport { PlaylistDetails } from 'apps/playlists/components/playlist-details/PlaylistDetails';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('playlists.editPlaylist');\r\n\r\ninterface EditPlaylistViewProps {\r\n  playlistId: string;\r\n}\r\n\r\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<EditPlaylistViewProps>>;\r\n\r\nexport function EditPlaylistView(props: PropTypes): React.ReactElement {\r\n  const dispatch = useDispatch();\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]);\r\n\r\n  const savePlaylist = (data: CreateOrUpdatePlaylistRequest): void => {\r\n    Flight.fetch(\r\n      dispatch,\r\n      PlaylistRequests.updatePlaylist(props.playlistId, data, props.closePopup, props.closePopup)\r\n    );\r\n\r\n    AnalyticsHelper.logUserAction(data, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Edit,\r\n      entity: EntityType.Playlist,\r\n      workflowPhase: WorkflowPhase.Complete\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Popup title={getPhrase('heading')} closePopup={props.closePopup} showLoadingSpinner={!playlist.data}>\r\n      {!!playlist.data &&\r\n        <PlaylistDetails\r\n          playlist={playlist.data}\r\n          savePlaylist={savePlaylist}\r\n          onClickCancel={props.closePopup}\r\n          cancelButtonClass='secondary'\r\n        />\r\n      }\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{39-40fb064bfa.chunk.js → 41-3c305d8a8a.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[39],{1204:function(e,a,n){e.exports={group:"IT422",tempSvg:"_2CLu3"}},1205:function(e,a,n){e.exports={settingsContainer:"_3VOac",groupContainer:"mlors"}},1251:function(e,a,n){"use strict";n.r(a);var t=n(0),i=n.n(t),c=n(81),l=n(51),p=n(50),r=n(1204),s=n.n(r);function o(e){var a,n=!!(null===(a=e.modules)||void 0===a?void 0:a.length);return i.a.createElement(l.a,{appLink:e.appLink},i.a.createElement("div",{className:"row p-3 border border-dark m-0 w-100 ".concat(s.a.group)},i.a.createElement("div",{className:"col-3 px-3"},i.a.createElement("div",{className:"d-flex justify-content-center align-items-center h-100"},i.a.createElement(p.a,{svgName:e.svg,className:s.a.tempSvg}))),i.a.createElement("div",{className:"col-9 ".concat(n?"":"d-flex align-items-center")},i.a.createElement("h2",{className:"h3"},e.name),n&&i.a.createElement("ul",{className:"list-unstyled mb-0"},e.modules.map((function(e){return i.a.createElement("li",{key:e.name,className:"mb-1"},i.a.createElement(l.a,{appLink:e.appLink},e.name))}))))))}var m=n(12),u=n(6),S=n(13);var d=n(1205),g=n.n(d);n.d(a,"SettingsView",(function(){return E}));function E(){var e=[{svg:m.b.HeartOutline,name:"My Account",modules:[{name:"Profile Details",appLink:{application:u.a.SETTINGS,action:"profile:details"}},{name:"Email & Password",appLink:{application:u.a.SETTINGS,action:"email:password"}},{name:"Year Level & Subject Preferences",appLink:{application:u.a.SUBJECT,action:S.a.Subjects.PREFERENCES}}]},{svg:m.b.HeartOutline,name:"School Management",modules:[{name:"Student Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.STUDENTS}},{name:"Teacher Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.TEACHERS}}]},{svg:m.b.HeartOutline,name:"Device Management",modules:[{name:"Devices",appLink:{application:u.a.SETTINGS,action:"devices"}},{name:"Local Cache",appLink:{application:u.a.SETTINGS,action:"local:cache"}}]},{svg:m.b.HeartOutline,name:"Integration",modules:[{name:"Single Sign On (SSO)",appLink:{application:u.a.SETTINGS,action:"single:sign:on"}},{name:"Reduced Single Sign On (RSO)",appLink:{application:u.a.SETTINGS,action:"reduced:single:sign:on"}}]},{svg:m.b.HeartOutline,name:"ClickView Analytics",appLink:{application:u.a.SETTINGS,action:"analytics"}},{svg:m.b.HeartOutline,name:"ClickView Support",modules:[{name:"Send Feedback",appLink:{application:u.a.SETTINGS,action:"send:feedback"}},{name:"Help Centre",appLink:{application:u.a.SETTINGS,action:"help:centre"}}]}];return i.a.createElement(i.a.Fragment,null,i.a.createElement("h1",null,i.a.createElement(c.b,{namespace:"settings.settings",phrase:"heading"})),i.a.createElement("main",{className:"row"},e.map((function(e){return i.a.createElement("div",{key:e.name,className:"col-md-6 p-0"},i.a.createElement("div",{className:g.a.groupContainer},i.a.createElement(o,Object.assign({},e))))}))))}}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[41],{1210:function(e,a,n){e.exports={group:"IT422",tempSvg:"_2CLu3"}},1211:function(e,a,n){e.exports={settingsContainer:"_3VOac",groupContainer:"mlors"}},1257:function(e,a,n){"use strict";n.r(a);var t=n(0),i=n.n(t),c=n(81),l=n(51),p=n(50),r=n(1210),s=n.n(r);function o(e){var a,n=!!(null===(a=e.modules)||void 0===a?void 0:a.length);return i.a.createElement(l.a,{appLink:e.appLink},i.a.createElement("div",{className:"row p-3 border border-dark m-0 w-100 ".concat(s.a.group)},i.a.createElement("div",{className:"col-3 px-3"},i.a.createElement("div",{className:"d-flex justify-content-center align-items-center h-100"},i.a.createElement(p.a,{svgName:e.svg,className:s.a.tempSvg}))),i.a.createElement("div",{className:"col-9 ".concat(n?"":"d-flex align-items-center")},i.a.createElement("h2",{className:"h3"},e.name),n&&i.a.createElement("ul",{className:"list-unstyled mb-0"},e.modules.map((function(e){return i.a.createElement("li",{key:e.name,className:"mb-1"},i.a.createElement(l.a,{appLink:e.appLink},e.name))}))))))}var m=n(12),u=n(6),S=n(13);var d=n(1211),g=n.n(d);n.d(a,"SettingsView",(function(){return E}));function E(){var e=[{svg:m.b.HeartOutline,name:"My Account",modules:[{name:"Profile Details",appLink:{application:u.a.SETTINGS,action:"profile:details"}},{name:"Email & Password",appLink:{application:u.a.SETTINGS,action:"email:password"}},{name:"Year Level & Subject Preferences",appLink:{application:u.a.SUBJECT,action:S.a.Subjects.PREFERENCES}}]},{svg:m.b.HeartOutline,name:"School Management",modules:[{name:"Student Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.STUDENTS}},{name:"Teacher Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.TEACHERS}}]},{svg:m.b.HeartOutline,name:"Device Management",modules:[{name:"Devices",appLink:{application:u.a.SETTINGS,action:"devices"}},{name:"Local Cache",appLink:{application:u.a.SETTINGS,action:"local:cache"}}]},{svg:m.b.HeartOutline,name:"Integration",modules:[{name:"Single Sign On (SSO)",appLink:{application:u.a.SETTINGS,action:"single:sign:on"}},{name:"Reduced Single Sign On (RSO)",appLink:{application:u.a.SETTINGS,action:"reduced:single:sign:on"}}]},{svg:m.b.HeartOutline,name:"ClickView Analytics",appLink:{application:u.a.SETTINGS,action:"analytics"}},{svg:m.b.HeartOutline,name:"ClickView Support",modules:[{name:"Send Feedback",appLink:{application:u.a.SETTINGS,action:"send:feedback"}},{name:"Help Centre",appLink:{application:u.a.SETTINGS,action:"help:centre"}}]}];return i.a.createElement(i.a.Fragment,null,i.a.createElement("h1",null,i.a.createElement(c.b,{namespace:"settings.settings",phrase:"heading"})),i.a.createElement("main",{className:"row"},e.map((function(e){return i.a.createElement("div",{key:e.name,className:"col-md-6 p-0"},i.a.createElement("div",{className:g.a.groupContainer},i.a.createElement(o,Object.assign({},e))))}))))}}}]);

package/dist/scripts/41-a5c400ad15.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[41],{1210:function(e,a,n){e.exports={group:"IT422",tempSvg:"_2CLu3"}},1211:function(e,a,n){e.exports={settingsContainer:"_3VOac",groupContainer:"mlors"}},1257:function(e,a,n){"use strict";n.r(a);var t=n(0),i=n.n(t),c=n(81),l=n(51),p=n(50),r=n(1210),s=n.n(r);function o(e){var a,n=!!(null===(a=e.modules)||void 0===a?void 0:a.length);return i.a.createElement(l.a,{appLink:e.appLink},i.a.createElement("div",{className:"row p-3 border border-dark m-0 w-100 ".concat(s.a.group)},i.a.createElement("div",{className:"col-3 px-3"},i.a.createElement("div",{className:"d-flex justify-content-center align-items-center h-100"},i.a.createElement(p.a,{svgName:e.svg,className:s.a.tempSvg}))),i.a.createElement("div",{className:"col-9 ".concat(n?"":"d-flex align-items-center")},i.a.createElement("h2",{className:"h3"},e.name),n&&i.a.createElement("ul",{className:"list-unstyled mb-0"},e.modules.map((function(e){return i.a.createElement("li",{key:e.name,className:"mb-1"},i.a.createElement(l.a,{appLink:e.appLink},e.name))}))))))}var m=n(12),u=n(6),S=n(13);var d=n(1211),g=n.n(d);n.d(a,"SettingsView",(function(){return E}));function E(){var e=[{svg:m.b.HeartOutline,name:"My Account",modules:[{name:"Profile Details",appLink:{application:u.a.SETTINGS,action:"profile:details"}},{name:"Email & Password",appLink:{application:u.a.SETTINGS,action:"email:password"}},{name:"Year Level & Subject Preferences",appLink:{application:u.a.SUBJECT,action:S.a.Subjects.PREFERENCES}}]},{svg:m.b.HeartOutline,name:"School Management",modules:[{name:"Student Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.STUDENTS}},{name:"Teacher Manager",appLink:{application:u.a.USER_MANAGER,action:S.a.UserManager.TEACHERS}}]},{svg:m.b.HeartOutline,name:"Device Management",modules:[{name:"Devices",appLink:{application:u.a.SETTINGS,action:"devices"}},{name:"Local Cache",appLink:{application:u.a.SETTINGS,action:"local:cache"}}]},{svg:m.b.HeartOutline,name:"Integration",modules:[{name:"Single Sign On (SSO)",appLink:{application:u.a.SETTINGS,action:"single:sign:on"}},{name:"Reduced Single Sign On (RSO)",appLink:{application:u.a.SETTINGS,action:"reduced:single:sign:on"}}]},{svg:m.b.HeartOutline,name:"ClickView Analytics",appLink:{application:u.a.SETTINGS,action:"analytics"}},{svg:m.b.HeartOutline,name:"ClickView Support",modules:[{name:"Send Feedback",appLink:{application:u.a.SETTINGS,action:"send:feedback"}},{name:"Help Centre",appLink:{application:u.a.SETTINGS,action:"help:centre"}}]}];return i.a.createElement(i.a.Fragment,null,i.a.createElement("h1",null,i.a.createElement(c.b,{namespace:"settings.settings",phrase:"heading"})),i.a.createElement("main",{className:"row"},e.map((function(e){return i.a.createElement("div",{key:e.name,className:"col-md-6 p-0"},i.a.createElement("div",{className:g.a.groupContainer},i.a.createElement(o,Object.assign({},e))))}))))}}}]);