@clickview/lite 0.0.18-rc.2 → 0.0.18

package/dist/scripts/15.chunk.js

@@ -1,609 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[15],{
-
-/***/ "../../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 */ "yup");
-/* 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");
-
-
-const namespace = 'playlists.validation';
-const PlaylistValidationSchema = yup__WEBPACK_IMPORTED_MODULE_0__["object"]().shape({
-  name: yup__WEBPACK_IMPORTED_MODULE_0__["string"]().max(255, () => _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'nameExceeds')).required(() => _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'nameRequired')),
-  description: yup__WEBPACK_IMPORTED_MODULE_0__["string"]().max(65535, () => _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'descriptionExceeds'))
-});
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx":
-/*!***************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx ***!
-  \***************************************************************************************************************/
-/*! exports provided: FormButtons */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormButtons", function() { return FormButtons; });
-/* 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 _hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../hooks/UseCanSubmitForm */ "../../libs/shared/src/hooks/UseCanSubmitForm.ts");
-/* harmony import */ var _spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../spinner-button/SpinnerButton */ "../../libs/shared/src/components/spinner-button/SpinnerButton.tsx");
-/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-
-
-
-
-
-const namespace = 'shared.formButtons';
-const ENTER_KEY_CODE = 13;
-function FormButtons(props) {
-  const formikProps = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
-  const canSubmit = Object(_hooks_UseCanSubmitForm__WEBPACK_IMPORTED_MODULE_2__["useCanSubmitForm"])(formikProps);
-  /**
-   * This hook listens to "Enter" keypress events, and submits the form if there
-   * are no errors. This prevents any edge cases where submitting doesn't work on
-   * Enter normally, such as when a custom component is in focus.
-   */
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
-    function onKeyPress(e) {
-      if (e.keyCode !== ENTER_KEY_CODE || !canSubmit) return;
-      formikProps.validateForm().then(errors => {
-        if (!Object.keys(errors).length) formikProps.submitForm();
-      });
-    }
-
-    window.addEventListener('keypress', onKeyPress);
-    return () => window.removeEventListener('keypress', onKeyPress);
-  }, [canSubmit]);
-  let phraseKey = 'save';
-  if (props.isNew) phraseKey = 'create';
-  if (props.hasNext) phraseKey = 'next';
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_spinner_button_SpinnerButton__WEBPACK_IMPORTED_MODULE_3__["SpinnerButton"], {
-    showSpinner: formikProps.isSubmitting,
-    type: 'submit',
-    disabled: !canSubmit
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
-    namespace: namespace,
-    phrase: phraseKey
-  }));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx":
-/*!*****************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx ***!
-  \*****************************************************************************************************************/
-/*! exports provided: FormCheckbox */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormCheckbox", function() { return FormCheckbox; });
-/* 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_bootstrap__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
-/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _form_field_FormField__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-/**
- * Use this checkbox within Formik contexts
- */
-
-function FormCheckbox(props) {
-  const {
-    label
-  } = props,
-        fieldProps = __rest(props, ["label"]);
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Group, null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'custom-control custom-checkbox'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_field_FormField__WEBPACK_IMPORTED_MODULE_2__["FieldWrapper"], Object.assign({
-    className: 'custom-control-input'
-  }, fieldProps)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_1__["Form"].Label, {
-    className: 'custom-control-label',
-    htmlFor: fieldProps.id
-  }, label)));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx":
-/*!******************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx ***!
-  \******************************************************************************************************************/
-/*! exports provided: CharacterCounter */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CharacterCounter", function() { return CharacterCounter; });
-/* 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");
-
-
-function CharacterCounter(props) {
-  const {
-    values
-  } = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
-  const field = values[props.fieldName];
-  if (typeof field !== 'string') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: 'float-right text-muted'
-  }, field.length, "/", props.limit);
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/forms/form-field/FormField.tsx":
-/*!***********************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx ***!
-  \***********************************************************************************************************/
-/*! exports provided: FieldWrapper, FormField */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FieldWrapper", function() { return FieldWrapper; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormField", function() { return FormField; });
-/* 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 react_bootstrap__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! react-bootstrap */ "react-bootstrap");
-/* harmony import */ var react_bootstrap__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(react_bootstrap__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../utils/FormHelper */ "../../libs/shared/src/utils/FormHelper.ts");
-/* harmony import */ var _CharacterCounter__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./CharacterCounter */ "../../libs/shared/src/components/forms/form-field/CharacterCounter.tsx");
-/* harmony import */ var _form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../form-checkbox/FormCheckbox */ "../../libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx");
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-
-
-
-
-function FieldWrapper(props) {
-  const {
-    children
-  } = props,
-        fieldProps = __rest(props, ["children"]);
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Field"], Object.assign({}, fieldProps), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_3__["FunctionHelper"].isFunction(children) ? f => children(f) : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(children) ? children : null);
-}
-function FormField(props) {
-  const {
-    label,
-    className,
-    showCharacterCounter
-  } = props,
-        fieldProps = __rest(props, ["label", "className", "showCharacterCounter"]);
-
-  const {
-    errors,
-    touched
-  } = Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
-  if (fieldProps.type === 'checkbox') return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_form_checkbox_FormCheckbox__WEBPACK_IMPORTED_MODULE_6__["FormCheckbox"], Object.assign({}, props));
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Group, null, !!label && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Label, {
-    htmlFor: fieldProps.id
-  }, label), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](FieldWrapper, Object.assign({
-    className: _utils_FormHelper__WEBPACK_IMPORTED_MODULE_4__["FormHelper"].getCustomFormControlClassName(errors, touched, fieldProps.name, className)
-  }, fieldProps)), !!showCharacterCounter && !!fieldProps.maxLength && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_CharacterCounter__WEBPACK_IMPORTED_MODULE_5__["CharacterCounter"], {
-    fieldName: fieldProps.name,
-    limit: fieldProps.maxLength
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["ErrorMessage"], {
-    name: fieldProps.name
-  }, errorMessage => react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react_bootstrap__WEBPACK_IMPORTED_MODULE_2__["Form"].Control.Feedback, {
-    type: 'invalid'
-  }, errorMessage)));
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx":
-/*!***************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx ***!
-  \***************************************************************************************************************/
-/*! exports provided: FormWrapper, useFormikContextWrapper */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormWrapper", function() { return FormWrapper; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useFormikContextWrapper", function() { return useFormikContextWrapper; });
-/* 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 _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../common/src/react/utils/ObjectHelper */ "../../libs/common/src/react/utils/ObjectHelper.ts");
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-
-
-function omitNullInitialValues(initialValues) {
-  const values = _common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].deepClone(initialValues);
-  Object.keys(values).forEach(key => {
-    if (!values.hasOwnProperty(key)) return;
-    if (_common_src_react_utils_ObjectHelper__WEBPACK_IMPORTED_MODULE_3__["ObjectHelper"].isObject(values[key])) values[key] = omitNullInitialValues(values[key]);else if (values[key] === null) delete values[key];
-  });
-  return values;
-}
-
-FormWrapper.defaultProps = {
-  castInitialValues: true,
-  castValuesOnSubmit: true
-};
-function FormWrapper(props) {
-  const {
-    castInitialValues,
-    castValuesOnSubmit,
-    initialValues,
-    onSubmit,
-    resetOnSubmit
-  } = props,
-        formikProps = __rest(props, ["castInitialValues", "castValuesOnSubmit", "initialValues", "onSubmit", "resetOnSubmit"]);
-  /**
-   * If castInitialValues is true, cast initialValues to the validationSchema.
-   * This will ensure that any data fetched from the api conforms to the expected form data shape.
-   */
-
-
-  const formattedInitialValues = castInitialValues && props.validationSchema ? props.validationSchema.cast(omitNullInitialValues(initialValues)) : initialValues;
-
-  const onSubmitHandler = (values, {
-    setSubmitting,
-    resetForm
-  }) => {
-    /**
-     * validationSchema.cast will coerce the values to the types defined in validationSchema.
-     * This is useful for trimming inputs:
-     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.
-     */
-    const formattedData = castValuesOnSubmit && props.validationSchema ? props.validationSchema.cast(values) : values;
-    onSubmit(formattedData, () => {
-      resetOnSubmit && resetForm();
-      setSubmitting(false);
-    });
-  };
-
-  const initialStatus = {
-    allowInitialSubmit: props.allowInitialSubmit
-  };
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_1__["Formik"], Object.assign({
-    enableReinitialize: true
-  }, formikProps, {
-    initialValues: formattedInitialValues,
-    onSubmit: onSubmitHandler,
-    initialStatus: initialStatus
-  }), _common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(props.children) ? f => props.children(f) : react__WEBPACK_IMPORTED_MODULE_0__["Children"].count(props.children) ? props.children : null);
-}
-function useFormikContextWrapper() {
-  return Object(formik__WEBPACK_IMPORTED_MODULE_1__["useFormikContext"])();
-}
-
-/***/ }),
-
-/***/ "../../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");
-
-
-
-const PageTitleContext = react__WEBPACK_IMPORTED_MODULE_0__["createContext"]({});
-const namespace = 'shared.context';
-
-const DEFAULT_TITLE = () => _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'defaultTitle');
-
-const PageTitleContextProvider = ({
-  children
-}) => {
-  const [currentPageTitle, setCurrentPageTitle] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE);
-  const [previousPageTitle, setPreviousPageTitle] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](DEFAULT_TITLE);
-
-  const setPageTitle = title => {
-    if (title === currentPageTitle) return;
-    if (currentPageTitle !== previousPageTitle) setPreviousPageTitle(currentPageTitle);
-    setCurrentPageTitle(title);
-  };
-
-  const revertPageTitle = () => {
-    setCurrentPageTitle(previousPageTitle);
-  };
-
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => _utils_PageTitleHelper__WEBPACK_IMPORTED_MODULE_2__["PageTitleHelper"].setPageTitle(currentPageTitle), [currentPageTitle]);
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](PageTitleContext.Provider, {
-    value: {
-      setPageTitle,
-      revertPageTitle
-    }
-  }, children);
-};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseCanSubmitForm.ts":
-/*!*******************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts ***!
-  \*******************************************************************************************/
-/*! exports provided: useCanSubmitForm */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useCanSubmitForm", function() { return useCanSubmitForm; });
-/* 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__);
-
-/**
- * useCanSubmitForm determines if a form can be submitted.
- *
- * It will return true if a form is valid and has been changed from it's initial state.
- *
- * A common use case for this is determining whether or not to enable
- * a submit button in a form.
- */
-
-function useCanSubmitForm(formikProps) {
-  var _a;
-
-  const [canSubmit, setCanSubmit] = react__WEBPACK_IMPORTED_MODULE_0__["useState"](false);
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
-    var _a;
-
-    if (!formikProps.isValid) {
-      setCanSubmit(false);
-      return;
-    } // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.
-
-
-    if (formikProps.dirty || ((_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit)) setCanSubmit(true);else setCanSubmit(false);
-  }, [formikProps.isValid, (_a = formikProps.initialStatus) === null || _a === void 0 ? void 0 : _a.allowInitialSubmit, formikProps.dirty, formikProps.values]);
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
-    if (formikProps.isSubmitting) setCanSubmit(false);
-  }, [formikProps.isSubmitting]);
-  return canSubmit;
-}
-
-/***/ }),
-
-/***/ "../../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");
-
-
-
-/**
- * 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, dependencies = []) {
-  const {
-    setPageTitle
-  } = react__WEBPACK_IMPORTED_MODULE_0__["useContext"](_context_PageTitleContext__WEBPACK_IMPORTED_MODULE_2__["PageTitleContext"]);
-  react__WEBPACK_IMPORTED_MODULE_0__["useEffect"](() => {
-    if (!title || !_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_1__["FunctionHelper"].isFunction(setPageTitle)) return;
-    setPageTitle(title);
-  }, [title, ...dependencies]);
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/utils/FormHelper.ts":
-/*!*************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/FormHelper.ts ***!
-  \*************************************************************************************/
-/*! exports provided: FormHelper */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "FormHelper", function() { return FormHelper; });
-/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
-
-const FormHelper = {
-  getCustomFormControlClassName(errors, touched, attribute, additionalClassName) {
-    let className = 'form-control'; // Using getIn as it supports dot notation
-
-    if (Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(touched, attribute) && Object(formik__WEBPACK_IMPORTED_MODULE_0__["getIn"])(errors, attribute)) className += ' is-invalid';
-    if (additionalClassName) className += ` ${additionalClassName}`;
-    return className;
-  }
-
-};
-
-/***/ }),
-
-/***/ "../../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");
-
-const TITLE_LENGTH = 60;
-const SUFFIX = ' - ClickView';
-
-const trimTitle = title => {
-  if (title.length + SUFFIX.length <= TITLE_LENGTH) return title + SUFFIX;
-  return title.substring(0, TITLE_LENGTH - 3) + '...' + SUFFIX;
-};
-
-const PageTitleHelper = {
-  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
-  }));
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=15.chunk.js.map