@clickview/lite 0.0.19 → 0.0.20-rc.1

package/dist/scripts/38.chunk.js

@@ -0,0 +1,245 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[38],{
+
+/***/ "./src/apps/settings/components/SettingsGroup.tsx":
+/*!********************************************************!*\
+  !*** ./src/apps/settings/components/SettingsGroup.tsx ***!
+  \********************************************************/
+/*! exports provided: SettingsGroup */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SettingsGroup", function() { return SettingsGroup; });
+/* 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_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../libs/shared/src/components/svg-container/SvgContainer */ "../../libs/shared/src/components/svg-container/SvgContainer.tsx");
+/* harmony import */ var _settings_group_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./settings-group.scss */ "./src/apps/settings/components/settings-group.scss");
+/* harmony import */ var _settings_group_scss__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_settings_group_scss__WEBPACK_IMPORTED_MODULE_3__);
+
+
+
+
+function SettingsGroup(props) {
+  var _a;
+
+  var hasModules = !!((_a = props.modules) === null || _a === void 0 ? void 0 : _a.length);
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+    appLink: props.appLink
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "row p-3 border border-dark m-0 w-100 ".concat(_settings_group_scss__WEBPACK_IMPORTED_MODULE_3___default.a.group)
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'col-3 px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'd-flex justify-content-center align-items-center h-100'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_svg_container_SvgContainer__WEBPACK_IMPORTED_MODULE_2__["SvgContainer"], {
+    svgName: props.svg,
+    className: _settings_group_scss__WEBPACK_IMPORTED_MODULE_3___default.a.tempSvg
+  }))), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: "col-9 ".concat(!hasModules ? 'd-flex align-items-center' : '')
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h2", {
+    className: 'h3'
+  }, props.name), hasModules && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("ul", {
+    className: 'list-unstyled mb-0'
+  }, props.modules.map(function (m) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("li", {
+      key: m.name,
+      className: 'mb-1'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
+      appLink: m.appLink
+    }, m.name));
+  })))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/settings/components/settings-group.scss":
+/*!**********************************************************!*\
+  !*** ./src/apps/settings/components/settings-group.scss ***!
+  \**********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"group":"cv--group--IT422","tempSvg":"cv--tempSvg--2CLu3"};
+
+/***/ }),
+
+/***/ "./src/apps/settings/utils/getSettingsGroups.ts":
+/*!******************************************************!*\
+  !*** ./src/apps/settings/utils/getSettingsGroups.ts ***!
+  \******************************************************/
+/*! exports provided: getSettingsGroups */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "getSettingsGroups", function() { return getSettingsGroups; });
+/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+
+
+
+function getSettingsGroups() {
+  return [{
+    // Account Management
+    svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_0__["cvSvgLibrary"].HeartOutline,
+    name: 'My Account',
+    modules: [{
+      name: 'Profile Details',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+        action: 'profile:details' // Not putting any unimplemented action's in constants yet
+
+      }
+    }, {
+      name: 'Email & Password',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+        action: 'email:password'
+      }
+    }, {
+      name: 'Year Level & Subject Preferences',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SUBJECT,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].Subjects.PREFERENCES
+      }
+    }]
+  }, {
+    // School Management
+    svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_0__["cvSvgLibrary"].HeartOutline,
+    name: 'School Management',
+    modules: [{
+      name: 'Student Manager',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].USER_MANAGER,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].UserManager.STUDENTS
+      }
+    }, {
+      name: 'Teacher Manager',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].USER_MANAGER,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_2__["Actions"].UserManager.TEACHERS
+      }
+    }]
+  }, {
+    // Device Management
+    svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_0__["cvSvgLibrary"].HeartOutline,
+    name: 'Device Management',
+    modules: [{
+      name: 'Devices',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+        action: 'devices'
+      }
+    }, {
+      name: 'Local Cache',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+        action: 'local:cache'
+      }
+    }]
+  }, {
+    // Integrations Management
+    svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_0__["cvSvgLibrary"].HeartOutline,
+    name: 'Integration',
+    modules: [{
+      name: 'Single Sign On (SSO)',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+        action: 'single:sign:on'
+      }
+    }, {
+      name: 'Reduced Single Sign On (RSO)',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+        action: 'reduced:single:sign:on'
+      }
+    }]
+  }, {
+    // Analytics
+    svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_0__["cvSvgLibrary"].HeartOutline,
+    name: 'ClickView Analytics',
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+      action: 'analytics'
+    }
+  }, {
+    // Supports Links
+    svg: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_0__["cvSvgLibrary"].HeartOutline,
+    name: 'ClickView Support',
+    modules: [{
+      name: 'Send Feedback',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+        action: 'send:feedback'
+      }
+    }, {
+      name: 'Help Centre',
+      appLink: {
+        application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_1__["AppChannels"].SETTINGS,
+        action: 'help:centre'
+      }
+    }]
+  }];
+}
+
+/***/ }),
+
+/***/ "./src/apps/settings/views/settings/SettingsView.tsx":
+/*!***********************************************************!*\
+  !*** ./src/apps/settings/views/settings/SettingsView.tsx ***!
+  \***********************************************************/
+/*! exports provided: SettingsView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SettingsView", function() { return SettingsView; });
+/* 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 apps_settings_components_SettingsGroup__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/settings/components/SettingsGroup */ "./src/apps/settings/components/SettingsGroup.tsx");
+/* harmony import */ var apps_settings_utils_getSettingsGroups__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/settings/utils/getSettingsGroups */ "./src/apps/settings/utils/getSettingsGroups.ts");
+/* harmony import */ var _settings_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./settings.scss */ "./src/apps/settings/views/settings/settings.scss");
+/* harmony import */ var _settings_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_settings_scss__WEBPACK_IMPORTED_MODULE_4__);
+
+
+
+
+
+var namespace = 'settings.settings';
+function SettingsView() {
+  var groups = Object(apps_settings_utils_getSettingsGroups__WEBPACK_IMPORTED_MODULE_3__["getSettingsGroups"])();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(react__WEBPACK_IMPORTED_MODULE_0___default.a.Fragment, null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("h1", null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
+    namespace: namespace,
+    phrase: 'heading'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("main", {
+    className: 'row'
+  }, groups.map(function (group) {
+    return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      key: group.name,
+      className: 'col-md-6 p-0'
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+      className: _settings_scss__WEBPACK_IMPORTED_MODULE_4___default.a.groupContainer
+    }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_settings_components_SettingsGroup__WEBPACK_IMPORTED_MODULE_2__["SettingsGroup"], Object.assign({}, group))));
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/settings/views/settings/settings.scss":
+/*!********************************************************!*\
+  !*** ./src/apps/settings/views/settings/settings.scss ***!
+  \********************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"settingsContainer":"cv--settingsContainer--3VOac","groupContainer":"cv--groupContainer--mlors"};
+
+/***/ })
+
+}]);
+//# sourceMappingURL=38.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/settings/components/SettingsGroup.tsx","webpack://@clickview/lite/./src/apps/settings/components/settings-group.scss?4923","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/settings/utils/getSettingsGroups.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/settings/views/settings/SettingsView.tsx","webpack://@clickview/lite/./src/apps/settings/views/settings/settings.scss?5baa"],"names":[],"mappings":"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","file":"scripts/38.chunk.js","sourcesContent":["import React from 'react';\r\n\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\n\r\nimport { SettingsGroup } from 'apps/settings/interfaces/SettingsGroup';\r\n\r\nimport styles from './settings-group.scss';\r\n\r\nexport function SettingsGroup(props: SettingsGroup): JSX.Element {\r\n  const hasModules = !!props.modules?.length;\r\n\r\n  return (\r\n    <AppLink appLink={props.appLink}>\r\n      <div className={`row p-3 border border-dark m-0 w-100 ${styles.group}`}>\r\n        <div className='col-3 px-3'>\r\n          <div className='d-flex justify-content-center align-items-center h-100'>\r\n            <SvgContainer svgName={props.svg} className={styles.tempSvg} />\r\n          </div>\r\n        </div>\r\n\r\n        <div className={`col-9 ${!hasModules ? 'd-flex align-items-center' : ''}`}>\r\n          <h2 className='h3'>{props.name}</h2>\r\n\r\n          {hasModules && (\r\n            <ul className='list-unstyled mb-0'>\r\n              {props.modules.map(m => (\r\n                <li key={m.name} className='mb-1'>\r\n                  <AppLink appLink={m.appLink}>\r\n                    {m.name}\r\n                  </AppLink>\r\n                </li>\r\n              ))}\r\n            </ul>\r\n          )}\r\n        </div>\r\n      </div>\r\n    </AppLink>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"group\":\"cv--group--IT422\",\"tempSvg\":\"cv--tempSvg--2CLu3\"};","import { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { SettingsGroup } from 'apps/settings/interfaces/SettingsGroup';\r\n\r\nexport function getSettingsGroups(): SettingsGroup[] {\r\n  return [\r\n    {\r\n      // Account Management\r\n      svg: cvSvgLibrary.HeartOutline, // TODO: Use actual unique icons\r\n      name: 'My Account',\r\n      modules: [\r\n        {\r\n          name: 'Profile Details',\r\n          appLink: {\r\n            application: AppChannels.SETTINGS,\r\n            action: 'profile:details' // Not putting any unimplemented action's in constants yet\r\n          }\r\n        },\r\n        {\r\n          name: 'Email & Password',\r\n          appLink: {\r\n            application: AppChannels.SETTINGS,\r\n            action: 'email:password'\r\n          }\r\n        },\r\n        {\r\n          name: 'Year Level & Subject Preferences',\r\n          appLink: {\r\n            application: AppChannels.SUBJECT,\r\n            action: Actions.Subjects.PREFERENCES\r\n          }\r\n        }\r\n      ]\r\n    },\r\n    {\r\n      // School Management\r\n      svg: cvSvgLibrary.HeartOutline,\r\n      name: 'School Management',\r\n      modules: [\r\n        {\r\n          name: 'Student Manager',\r\n          appLink: {\r\n            application: AppChannels.USER_MANAGER,\r\n            action: Actions.UserManager.STUDENTS\r\n          }\r\n        },\r\n        {\r\n          name: 'Teacher Manager',\r\n          appLink: {\r\n            application: AppChannels.USER_MANAGER,\r\n            action: Actions.UserManager.TEACHERS\r\n          }\r\n        }\r\n      ]\r\n    },\r\n    {\r\n      // Device Management\r\n      svg: cvSvgLibrary.HeartOutline,\r\n      name: 'Device Management',\r\n      modules: [\r\n        {\r\n          name: 'Devices',\r\n          appLink: {\r\n            application: AppChannels.SETTINGS,\r\n            action: 'devices'\r\n          }\r\n        },\r\n        {\r\n          name: 'Local Cache',\r\n          appLink: {\r\n            application: AppChannels.SETTINGS,\r\n            action: 'local:cache'\r\n          }\r\n        }\r\n      ]\r\n    },\r\n    {\r\n      // Integrations Management\r\n      svg: cvSvgLibrary.HeartOutline,\r\n      name: 'Integration',\r\n      modules: [\r\n        {\r\n          name: 'Single Sign On (SSO)',\r\n          appLink: {\r\n            application: AppChannels.SETTINGS,\r\n            action: 'single:sign:on'\r\n          }\r\n        },\r\n        {\r\n          name: 'Reduced Single Sign On (RSO)',\r\n          appLink: {\r\n            application: AppChannels.SETTINGS,\r\n            action: 'reduced:single:sign:on'\r\n          }\r\n        }\r\n      ]\r\n    },\r\n    {\r\n      // Analytics\r\n      svg: cvSvgLibrary.HeartOutline,\r\n      name: 'ClickView Analytics',\r\n      appLink: {\r\n        application: AppChannels.SETTINGS,\r\n        action: 'analytics'\r\n      }\r\n    },\r\n    {\r\n      // Supports Links\r\n      svg: cvSvgLibrary.HeartOutline,\r\n      name: 'ClickView Support',\r\n      modules: [\r\n        {\r\n          name: 'Send Feedback',\r\n          appLink: {\r\n            application: AppChannels.SETTINGS,\r\n            action: 'send:feedback'\r\n          }\r\n        },\r\n        {\r\n          name: 'Help Centre',\r\n          appLink: {\r\n            application: AppChannels.SETTINGS,\r\n            action: 'help:centre'\r\n          }\r\n        }\r\n      ]\r\n    }\r\n  ];\r\n}","import React from 'react';\r\n\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { SettingsGroup as SettingsGroupComponent } from 'apps/settings/components/SettingsGroup';\r\nimport { getSettingsGroups } from 'apps/settings/utils/getSettingsGroups';\r\n\r\nimport styles from './settings.scss';\r\n\r\nconst namespace = 'settings.settings';\r\n\r\nexport function SettingsView(): JSX.Element {\r\n  const groups = getSettingsGroups();\r\n\r\n  return (\r\n    <>\r\n      <h1><Text namespace={namespace} phrase='heading' /></h1>\r\n\r\n      <main className='row'>\r\n        {groups.map(group => (\r\n          <div key={group.name} className='col-md-6 p-0'>\r\n            <div className={styles.groupContainer}>\r\n              <SettingsGroupComponent {...group} />\r\n            </div>\r\n          </div>\r\n        ))}\r\n      </main>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"settingsContainer\":\"cv--settingsContainer--3VOac\",\"groupContainer\":\"cv--groupContainer--mlors\"};"],"sourceRoot":""}

package/dist/scripts/39.chunk.js

@@ -0,0 +1,337 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[39],{
+
+/***/ "../../libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts":
+/*!***********************************************************************************************************************!*\
+  !*** C:/ClickView/front-end/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/front-end/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/front-end/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/front-end/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=39.chunk.js.map