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

package/dist/scripts/61.chunk.js

@@ -0,0 +1,249 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[61],{
+
+/***/ "../../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(250, 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/hooks/UseAlerts.ts":
+/*!************************************************************************************!*\
+  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts ***!
+  \************************************************************************************/
+/*! exports provided: useAlerts */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useAlerts", function() { return useAlerts; });
+/* harmony import */ var _common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
+/* harmony import */ var _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/backbone/services/BaseAlertService */ "../../libs/common/src/backbone/services/BaseAlertService.ts");
+/* harmony import */ var _common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/backbone/constants/CommonServices */ "../../libs/common/src/backbone/constants/CommonServices.ts");
+
+
+
+var useAlerts = function useAlerts() {
+  var alertService = Object(_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_0__["useService"])(_common_src_backbone_constants_CommonServices__WEBPACK_IMPORTED_MODULE_2__["CommonServices"].ALERT);
+  return {
+    success: function success(alertContent) {
+      alertService.success(alertContent)();
+    },
+    error: function error(alertContent) {
+      alertService.error(alertContent)();
+    },
+    warning: function warning(alertContent) {
+      alertService.createAlert({
+        type: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["AlertType"].Warning,
+        heading: _common_src_backbone_services_BaseAlertService__WEBPACK_IMPORTED_MODULE_1__["DefaultAlertHeading"].Warning,
+        message: alertContent
+      });
+    }
+  };
+};
+
+/***/ }),
+
+/***/ "./src/apps/playlists/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/new-playlist/NewPlaylistView.tsx":
+/*!*******************************************************************!*\
+  !*** ./src/apps/playlists/views/new-playlist/NewPlaylistView.tsx ***!
+  \*******************************************************************/
+/*! exports provided: NewPlaylistView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NewPlaylistView", function() { return NewPlaylistView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react-redux */ "react-redux");
+/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_1__);
+/* harmony import */ var _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
+/* harmony import */ var _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/flight-requests/UserRequests */ "../../libs/shared/src/flight-requests/UserRequests.ts");
+/* harmony import */ var _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__ = __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_10__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/popup/Popup */ "../../libs/shared/src/components/popup/Popup.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var apps_playlists_components_playlist_details_PlaylistDetails__WEBPACK_IMPORTED_MODULE_13__ = __webpack_require__(/*! apps/playlists/components/playlist-details/PlaylistDetails */ "./src/apps/playlists/components/playlist-details/PlaylistDetails.tsx");
+/* harmony import */ var _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/TextHelper */ "../../libs/common/src/react/utils/TextHelper.ts");
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_4__["LanguageService"].encloseNamespace('playlists.newPlaylist');
+function NewPlaylistView(props) {
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_11__["useAlerts"])();
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_7__["useSetPageTitle"])(getPhrase('title'));
+  var user = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(_libs_shared_src_flight_requests_UserRequests__WEBPACK_IMPORTED_MODULE_8__["UserRequests"].currentUser());
+
+  var savePlaylist = function savePlaylist(data) {
+    var onSuccess = function onSuccess(newPlaylist) {
+      alerts.success(getPhrase('success', {
+        name: data.name
+      }));
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].logUserAction({
+        id: newPlaylist.id
+      }, _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_6__["AnalyticsHelper"].mergeOptions(props.analyticsOptions, {
+        actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["UserAction"].Create,
+        entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["EntityType"].Playlist,
+        workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_5__["WorkflowPhase"].Complete
+      }));
+      props.closePopup();
+      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_2__["Core"].AppLinkHelper.trigger({
+        application: props.application,
+        action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_12__["Actions"].Playlists.PLAYLIST,
+        args: [newPlaylist.id, _libs_common_src_react_utils_TextHelper__WEBPACK_IMPORTED_MODULE_14__["TextHelper"].slugify(newPlaylist.name)]
+      });
+    };
+
+    var onError = function onError() {
+      alerts.error(getPhrase('error'));
+      props.closePopup();
+    };
+
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, _libs_shared_src_flight_requests_PlaylistRequests__WEBPACK_IMPORTED_MODULE_9__["PlaylistRequests"].createPlaylist(user.data.id, data, onSuccess, onError));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_10__["Popup"], {
+    title: getPhrase('title'),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !user.data
+  }, !!user.data && react__WEBPACK_IMPORTED_MODULE_0__["createElement"](apps_playlists_components_playlist_details_PlaylistDetails__WEBPACK_IMPORTED_MODULE_13__["PlaylistDetails"], {
+    savePlaylist: savePlaylist,
+    onClickCancel: props.closePopup,
+    cancelButtonClass: 'link'
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=61.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/apps/playlists/validation/PlaylistValidationSchema.ts","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/components/playlist-details/PlaylistDetails.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/playlists/views/new-playlist/NewPlaylistView.tsx"],"names":[],"mappings":"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","file":"scripts/61.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(250, () => 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 { useService } from 'libs/common/react/hooks/UseService';\r\nimport { BaseAlertService, BaseAlert, BaseAlertOptions, AlertType, DefaultAlertHeading } from 'libs/common/backbone/services/BaseAlertService';\r\nimport { CommonServices } from 'libs/common/backbone/constants/CommonServices';\r\n\r\nexport const useAlerts = () => {\r\n  const alertService = useService<BaseAlertService>(CommonServices.ALERT);\r\n\r\n  return {\r\n    success(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.success(alertContent)();\r\n    },\r\n    error(alertContent: string | BaseAlert | BaseAlertOptions): void {\r\n      alertService.error(alertContent)();\r\n    },\r\n    warning(alertContent: string): void {\r\n      alertService.createAlert({\r\n        type: AlertType.Warning,\r\n        heading: DefaultAlertHeading.Warning,\r\n        message: alertContent\r\n      });\r\n    }\r\n  };\r\n};","import * as React from 'react';\r\nimport { 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 { Core } from 'libs/common/core';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { UserAction, EntityType, WorkflowPhase } from 'libs/analytics/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nimport { Playlist, CurrentUser, PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\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\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { PlaylistDetails } from 'apps/playlists/components/playlist-details/PlaylistDetails';\r\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('playlists.newPlaylist');\r\n\r\ninterface NewPlaylistViewProps {\r\n  application: string;\r\n}\r\n\r\ntype PropTypes = PropsWithAnalyticsOptions<PropsWithPopupViewProps<NewPlaylistViewProps>>;\r\n\r\nexport function NewPlaylistView(props: PropTypes): React.ReactElement {\r\n  const dispatch = useDispatch();\r\n  const alerts = useAlerts();\r\n\r\n  useSetPageTitle(getPhrase('title'));\r\n\r\n  const user = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n\r\n  const savePlaylist = (data: CreateOrUpdatePlaylistRequest): void => {\r\n    const onSuccess = (newPlaylist: Playlist) => {\r\n      alerts.success(getPhrase('success', { name: data.name }));\r\n\r\n      AnalyticsHelper.logUserAction({ id: newPlaylist.id }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n        actionType: UserAction.Create,\r\n        entity: EntityType.Playlist,\r\n        workflowPhase: WorkflowPhase.Complete\r\n      }));\r\n\r\n      props.closePopup();\r\n\r\n      Core.AppLinkHelper.trigger({\r\n        application: props.application,\r\n        action: Actions.Playlists.PLAYLIST,\r\n        args: [ newPlaylist.id, TextHelper.slugify(newPlaylist.name) ]\r\n      });\r\n    };\r\n\r\n    const onError = () => {\r\n      alerts.error(getPhrase('error'));\r\n      props.closePopup();\r\n    };\r\n\r\n    Flight.fetch(dispatch, PlaylistRequests.createPlaylist(user.data.id, data, onSuccess, onError));\r\n  };\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup} showLoadingSpinner={!user.data}>\r\n      {!!user.data && (\r\n        <PlaylistDetails\r\n          savePlaylist={savePlaylist}\r\n          onClickCancel={props.closePopup}\r\n          cancelButtonClass='link'\r\n        />\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/{55-6c7d49f405.chunk.js → 62-9a61055529.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[55],{1356:function(t,n,e){var o=e(35);t.exports=(o.default||o).template({1:function(t,n,e,o,i){return"disabled"},compiler:[8,">= 4.3.0"],main:function(t,n,e,o,i){t.propertyIsEnumerable;var r,a=null!=n?n:t.nullContext||{},s=t.hooks.helperMissing,c=t.escapeExpression;return'<div class="p-3">\r\n  <a class="btn previous-applink btn-secondary '+(null!=(r=e.unless.call(a,null!=(r=null!=(r=null!=n?n.options:n)?r.cursors:r)?r.previous:r,{name:"unless",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i}))?r:"")+'">'+c((e.lang||n&&n.lang||s).call(a,"previous",{name:"lang",hash:{},data:i}))+'</a>\r\n  <a class="btn next-applink btn-secondary '+(null!=(r=e.unless.call(a,null!=(r=null!=(r=null!=n?n.options:n)?r.cursors:r)?r.next:r,{name:"unless",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i}))?r:"")+'">'+c((e.lang||n&&n.lang||s).call(a,"next",{name:"lang",hash:{},data:i}))+"</a>\r\n</div>"},useData:!0})},1357:function(t,n,e){var o=e(35);t.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(t,n,e,o,i){t.propertyIsEnumerable;return'<div class="container-fluid bg-white p-3">\r\n  <h1 class="h3 header border-bottom pb-2 m-0">'+t.escapeExpression((e.lang||n&&n.lang||t.hooks.helperMissing).call(null!=n?n:t.nullContext||{},"notifications",{name:"lang",hash:{},data:i}))+'</h1>\r\n  <div class="list-region"></div>\r\n  <div class="pagination-region"></div>\r\n</div>'},useData:!0})},1437:function(t,n,e){"use strict";e.r(n);var o=e(2),i=e(8),r=e(10),a=e(228),s=e(48),c=e(20),u=e(42),l=e(460),p=e(1),f=e(4),h=e(46),y=e(1356),g=e.n(y);function v(t){return(v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function d(t,n){return(d=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function m(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,o=w(t);if(n){var i=w(this).constructor;e=Reflect.construct(o,arguments,i)}else e=o.apply(this,arguments);return k(this,e)}}function k(t,n){return!n||"object"!==v(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var O=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&d(t,n)}(r,t);var n,e,o,i=m(r);function r(t){return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,r),i.call(this,t)}return n=r,(e=[{key:"events",value:function(){return{"click .previous-applink":"onClickPrevious","click .next-applink":"onClickNext"}}},{key:"buildCursor",value:function(t){return{application:this.options.appLink.application,action:this.options.appLink.action,args:this.options.appLink.args,params:p.extend({},this.options.appLink.params,(n={},e=this.options.cursorParamName,o=t,e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o,n))};var n,e,o}},{key:"onClickPrevious",value:function(){this.logAction("previous")}},{key:"onClickNext",value:function(){this.logAction("next")}},{key:"logAction",value:function(t){var n=h.a.mergeOptions(this.options.analyticsOptions,{location:f.j.Pagination,entity:f.d.Pagination,actionType:f.n.Navigate}),e={id:this.options.collectionId,page:t};h.a.logUserAction(e,n)}},{key:"viewOptions",value:function(){return{cursors:this.options.cursors}}},{key:"onBeforeRender",value:function(){return!!this.options.cursors}},{key:"defaults",get:function(){return{cursors:{},cursorParamName:"cursor"}}},{key:"name",get:function(){return"PaginationComponent"}},{key:"template",get:function(){return g.a}},{key:"lang",get:function(){return"shared._pagination"}},{key:"appLinks",get:function(){var t={};if(!this.options.cursors)return{};if(this.options.cursors.previous){var n=this.options.cursors.previous,e=this.buildCursor(this.options.cursors.previous);+n<=1&&!0!==this.options.allowFirstPageCursor&&delete e.params.cursor,t[".previous-applink"]=e}return this.options.cursors.next&&(t[".next-applink"]=this.buildCursor(this.options.cursors.next)),t}}])&&b(n.prototype,e),o&&b(n,o),r}(o.a.Component),P=e(231),C=e(1357),x=e.n(C),_=e(412),j=e.n(_),S=e(413),I=e.n(S);function N(t){return(N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function E(t,n){return(E=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function L(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,o=D(t);if(n){var i=D(this).constructor;e=Reflect.construct(o,arguments,i)}else e=o.apply(this,arguments);return T(this,e)}}function T(t,n){return!n||"object"!==N(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function D(t){return(D=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}e.d(n,"NotificationsView",(function(){return V}));var V=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&E(t,n)}(f,t);var n,e,o,p=L(f);function f(t){return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,f),p.call(this,t)}return n=f,(e=[{key:"regions",value:function(){return{notifications:{replaceElement:!0,el:".list-region",partialLoading:{component:a.a.ComponentCollection,options:{collectionLength:5,childOptions:{template:j.a,className:"px-1 py-2",viewOptions:{styles:I.a}}}}},pagination:{replaceElement:!0,el:".pagination-region"}}}},{key:"initialize",value:function(){this.notificationService=r.a.getInstance(c.b.Notification,this),this.appVariables=r.a.getInstance(u.a.NOTIFICATIONS,this)}},{key:"onData",value:function(t){this.collection=t,this.render()}},{key:"getCollectionIdentifier",value:function(){return this.collectionIdentifier?this.collectionIdentifier:this.collectionIdentifier=new l.a(Object.assign({collectionPrefix:s.a.NOTIFICATIONS},this.options.params))}},{key:"renderNotificationList",value:function(){var t=new P.b({collection:this.collection,childType:P.a.Default});this.showChildView("notifications",t)}},{key:"renderPagination",value:function(){if(this.collection.length){var t=this.notificationService.getNotificationsCursors(this.getCollectionIdentifier()),n=new O({cursors:t,appLink:Object.assign(Object.assign({},this.appVariables.appLinks.notifications),{args:[],params:this.getCollectionIdentifier().toParams()})});this.showChildView("pagination",n)}}},{key:"onBeforeRender",value:function(){var t=this;return this.collection||this.notificationService.getNotifications(this.options.params,this.getCollectionIdentifier(),(function(n){return t.onData(n)})),!!this.collection}},{key:"onRender",value:function(){this.renderNotificationList(),this.renderPagination()}},{key:"name",get:function(){return"NotificationsView"}},{key:"title",get:function(){return i.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"notifications.notifications"}},{key:"className",get:function(){return"notifications-container"}},{key:"template",get:function(){return x.a}}])&&R(n.prototype,e),o&&R(n,o),f}(o.a.View)}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[62],{1404:function(t,n,e){var o=e(34);t.exports=(o.default||o).template({1:function(t,n,e,o,i){return"disabled"},compiler:[8,">= 4.3.0"],main:function(t,n,e,o,i){t.propertyIsEnumerable;var r,a=null!=n?n:t.nullContext||{},s=t.hooks.helperMissing,c=t.escapeExpression;return'<div class="p-3">\r\n  <a class="btn previous-applink btn-secondary '+(null!=(r=e.unless.call(a,null!=(r=null!=(r=null!=n?n.options:n)?r.cursors:r)?r.previous:r,{name:"unless",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i}))?r:"")+'">'+c((e.lang||n&&n.lang||s).call(a,"previous",{name:"lang",hash:{},data:i}))+'</a>\r\n  <a class="btn next-applink btn-secondary '+(null!=(r=e.unless.call(a,null!=(r=null!=(r=null!=n?n.options:n)?r.cursors:r)?r.next:r,{name:"unless",hash:{},fn:t.program(1,i,0),inverse:t.noop,data:i}))?r:"")+'">'+c((e.lang||n&&n.lang||s).call(a,"next",{name:"lang",hash:{},data:i}))+"</a>\r\n</div>"},useData:!0})},1405:function(t,n,e){var o=e(34);t.exports=(o.default||o).template({compiler:[8,">= 4.3.0"],main:function(t,n,e,o,i){t.propertyIsEnumerable;return'<div class="container-fluid bg-white p-3">\r\n  <h1 class="h3 header border-bottom pb-2 m-0">'+t.escapeExpression((e.lang||n&&n.lang||t.hooks.helperMissing).call(null!=n?n:t.nullContext||{},"notifications",{name:"lang",hash:{},data:i}))+'</h1>\r\n  <div class="list-region"></div>\r\n  <div class="pagination-region"></div>\r\n</div>'},useData:!0})},1499:function(t,n,e){"use strict";e.r(n);var o=e(2),i=e(9),r=e(10),a=e(235),s=e(51),c=e(20),u=e(39),l=e(472),p=e(1),f=e(3),h=e(48),y=e(1404),g=e.n(y);function v(t){return(v="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function b(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function d(t,n){return(d=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function m(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,o=w(t);if(n){var i=w(this).constructor;e=Reflect.construct(o,arguments,i)}else e=o.apply(this,arguments);return k(this,e)}}function k(t,n){return!n||"object"!==v(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function w(t){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}var O=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&d(t,n)}(r,t);var n,e,o,i=m(r);function r(t){return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,r),i.call(this,t)}return n=r,(e=[{key:"events",value:function(){return{"click .previous-applink":"onClickPrevious","click .next-applink":"onClickNext"}}},{key:"buildCursor",value:function(t){return{application:this.options.appLink.application,action:this.options.appLink.action,args:this.options.appLink.args,params:p.extend({},this.options.appLink.params,(n={},e=this.options.cursorParamName,o=t,e in n?Object.defineProperty(n,e,{value:o,enumerable:!0,configurable:!0,writable:!0}):n[e]=o,n))};var n,e,o}},{key:"onClickPrevious",value:function(){this.logAction("previous")}},{key:"onClickNext",value:function(){this.logAction("next")}},{key:"logAction",value:function(t){var n=h.a.mergeOptions(this.options.analyticsOptions,{location:f.j.Pagination,entity:f.d.Pagination,actionType:f.n.Navigate}),e={id:this.options.collectionId,page:t};h.a.logUserAction(e,n)}},{key:"viewOptions",value:function(){return{cursors:this.options.cursors}}},{key:"onBeforeRender",value:function(){return!!this.options.cursors}},{key:"defaults",get:function(){return{cursors:{},cursorParamName:"cursor"}}},{key:"name",get:function(){return"PaginationComponent"}},{key:"template",get:function(){return g.a}},{key:"lang",get:function(){return"shared._pagination"}},{key:"appLinks",get:function(){var t={};if(!this.options.cursors)return{};if(this.options.cursors.previous){var n=this.options.cursors.previous,e=this.buildCursor(this.options.cursors.previous);+n<=1&&!0!==this.options.allowFirstPageCursor&&delete e.params.cursor,t[".previous-applink"]=e}return this.options.cursors.next&&(t[".next-applink"]=this.buildCursor(this.options.cursors.next)),t}}])&&b(n.prototype,e),o&&b(n,o),r}(o.a.Component),P=e(239),C=e(1405),x=e.n(C),_=e(426),j=e.n(_),S=e(427),I=e.n(S);function N(t){return(N="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t})(t)}function R(t,n){for(var e=0;e<n.length;e++){var o=n[e];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(t,o.key,o)}}function E(t,n){return(E=Object.setPrototypeOf||function(t,n){return t.__proto__=n,t})(t,n)}function L(t){var n=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Date.prototype.toString.call(Reflect.construct(Date,[],(function(){}))),!0}catch(t){return!1}}();return function(){var e,o=D(t);if(n){var i=D(this).constructor;e=Reflect.construct(o,arguments,i)}else e=o.apply(this,arguments);return T(this,e)}}function T(t,n){return!n||"object"!==N(n)&&"function"!=typeof n?function(t){if(void 0===t)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return t}(t):n}function D(t){return(D=Object.setPrototypeOf?Object.getPrototypeOf:function(t){return t.__proto__||Object.getPrototypeOf(t)})(t)}e.d(n,"NotificationsView",(function(){return V}));var V=function(t){!function(t,n){if("function"!=typeof n&&null!==n)throw new TypeError("Super expression must either be null or a function");t.prototype=Object.create(n&&n.prototype,{constructor:{value:t,writable:!0,configurable:!0}}),n&&E(t,n)}(f,t);var n,e,o,p=L(f);function f(t){return function(t,n){if(!(t instanceof n))throw new TypeError("Cannot call a class as a function")}(this,f),p.call(this,t)}return n=f,(e=[{key:"regions",value:function(){return{notifications:{replaceElement:!0,el:".list-region",partialLoading:{component:a.a.ComponentCollection,options:{collectionLength:5,childOptions:{template:j.a,className:"px-1 py-2",viewOptions:{styles:I.a}}}}},pagination:{replaceElement:!0,el:".pagination-region"}}}},{key:"initialize",value:function(){this.notificationService=r.a.getInstance(c.b.Notification,this),this.appVariables=r.a.getInstance(u.a.NOTIFICATIONS,this)}},{key:"onData",value:function(t){this.collection=t,this.render()}},{key:"getCollectionIdentifier",value:function(){return this.collectionIdentifier?this.collectionIdentifier:this.collectionIdentifier=new l.a(Object.assign({collectionPrefix:s.a.NOTIFICATIONS},this.options.params))}},{key:"renderNotificationList",value:function(){var t=new P.b({collection:this.collection,childType:P.a.Default});this.showChildView("notifications",t)}},{key:"renderPagination",value:function(){if(this.collection.length){var t=this.notificationService.getNotificationsCursors(this.getCollectionIdentifier()),n=new O({cursors:t,appLink:Object.assign(Object.assign({},this.appVariables.appLinks.notifications),{args:[],params:this.getCollectionIdentifier().toParams()})});this.showChildView("pagination",n)}}},{key:"onBeforeRender",value:function(){var t=this;return this.collection||this.notificationService.getNotifications(this.options.params,this.getCollectionIdentifier(),(function(n){return t.onData(n)})),!!this.collection}},{key:"onRender",value:function(){this.renderNotificationList(),this.renderPagination()}},{key:"name",get:function(){return"NotificationsView"}},{key:"title",get:function(){return i.a.getPhrase(this.lang,"title")}},{key:"lang",get:function(){return"notifications.notifications"}},{key:"className",get:function(){return"notifications-container"}},{key:"template",get:function(){return x.a}}])&&R(n.prototype,e),o&&R(n,o),f}(o.a.View)}}]);

package/dist/scripts/62.chunk.js

@@ -0,0 +1,132 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[62],{
+
+/***/ "./src/apps/default/views/error/LiteErrorView.tsx":
+/*!********************************************************!*\
+  !*** ./src/apps/default/views/error/LiteErrorView.tsx ***!
+  \********************************************************/
+/*! exports provided: ErrorView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ErrorView", function() { return ErrorView; });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
+/* harmony import */ var _libs_common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/utils/RandomHelper */ "../../libs/common/src/react/utils/RandomHelper.ts");
+/* harmony import */ var _libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseSetPageTitle */ "../../libs/common/src/react/hooks/UseSetPageTitle.ts");
+/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
+/* harmony import */ var _libs_shared_src_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseGetMediaQueryString */ "../../libs/shared/src/hooks/UseGetMediaQueryString.ts");
+/* harmony import */ var _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/enums/MediaQueries */ "../../libs/shared/src/enums/MediaQueries.ts");
+/* harmony import */ var shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! shared/constants/LiteRadioChannels */ "./src/shared/constants/LiteRadioChannels.ts");
+/* harmony import */ var shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! shared/constants/LiteActions */ "./src/shared/constants/LiteActions.ts");
+/* harmony import */ var _error_scss__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./error.scss */ "./src/apps/default/views/error/error.scss");
+/* harmony import */ var _error_scss__WEBPACK_IMPORTED_MODULE_10___default = /*#__PURE__*/__webpack_require__.n(_error_scss__WEBPACK_IMPORTED_MODULE_10__);
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+
+
+
+
+
+
+
+
+
+
+var namespace = 'default.error';
+var TOTAL_ERROR_IMAGES = 19;
+function ErrorView(_ref) {
+  var error = _ref.error;
+
+  var _a;
+
+  Object(_libs_common_src_react_hooks_UseSetPageTitle__WEBPACK_IMPORTED_MODULE_3__["useSetPageTitle"])(((_a = error) === null || _a === void 0 ? void 0 : _a.heading) || _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].getPhrase(namespace, 'defaultPageTitle'));
+
+  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](_libs_common_src_react_utils_RandomHelper__WEBPACK_IMPORTED_MODULE_2__["RandomHelper"].getRandomInt(TOTAL_ERROR_IMAGES) + 1),
+      _React$useState2 = _slicedToArray(_React$useState, 1),
+      imageNumber = _React$useState2[0];
+
+  var mediaQuery = Object(_libs_shared_src_hooks_UseGetMediaQueryString__WEBPACK_IMPORTED_MODULE_6__["useGetMediaQueryString"])();
+  var smallView = mediaQuery === _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_7__["MediaQueryStrings"].SM || mediaQuery === _libs_shared_src_enums_MediaQueries__WEBPACK_IMPORTED_MODULE_7__["MediaQueryStrings"].XS;
+  var imagePath = "/images/error-avatars/".concat(smallView ? 'small' : 'large', "/error-").concat(imageNumber, ".png");
+  if (!error) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
+  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("main", {
+    className: 'bg-white text-center px-3'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: "".concat(_error_scss__WEBPACK_IMPORTED_MODULE_10___default.a.imageContainer, " mx-auto pb-3 position-relative")
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("img", {
+    className: 'img-fluid',
+    alt: '',
+    role: 'presentation',
+    src: imagePath
+  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
+    className: _error_scss__WEBPACK_IMPORTED_MODULE_10___default.a.textContainer
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", {
+    className: _error_scss__WEBPACK_IMPORTED_MODULE_10___default.a.heading
+  }, error.heading), error.description && react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("p", {
+    className: "font-weight-normal mx-auto mb-1 ".concat(_error_scss__WEBPACK_IMPORTED_MODULE_10___default.a.description)
+  }, error.description), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_5__["AppLink"], {
+    appLink: {
+      application: shared_constants_LiteRadioChannels__WEBPACK_IMPORTED_MODULE_8__["AppChannels"].DASHBOARD,
+      action: shared_constants_LiteActions__WEBPACK_IMPORTED_MODULE_9__["Actions"].Dashboard.HOME
+    },
+    className: 'info-link'
+  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_4__["Text"], {
+    namespace: namespace,
+    phrase: 'countryRoads'
+  })))));
+}
+
+/***/ }),
+
+/***/ "./src/apps/default/views/error/error.scss":
+/*!*************************************************!*\
+  !*** ./src/apps/default/views/error/error.scss ***!
+  \*************************************************/
+/*! no static exports found */
+/***/ (function(module, exports, __webpack_require__) {
+
+// extracted by mini-css-extract-plugin
+module.exports = {"textContainer":"cv--textContainer--swp8b","heading":"cv--heading--3tcRm","description":"cv--description--1ABwp","imageContainer":"cv--imageContainer--2epaT"};
+
+/***/ }),
+
+/***/ "./src/apps/default/views/not-found/LiteNotFoundView.tsx":
+/*!***************************************************************!*\
+  !*** ./src/apps/default/views/not-found/LiteNotFoundView.tsx ***!
+  \***************************************************************/
+/*! exports provided: NotFoundView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "NotFoundView", function() { return NotFoundView; });
+/* 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 apps_default_views_error_LiteErrorView__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! apps/default/views/error/LiteErrorView */ "./src/apps/default/views/error/LiteErrorView.tsx");
+
+
+function NotFoundView(_ref) {
+  var error = _ref.error;
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_default_views_error_LiteErrorView__WEBPACK_IMPORTED_MODULE_1__["ErrorView"], {
+    error: error
+  });
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=62.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/default/views/error/LiteErrorView.tsx","webpack://@clickview/lite/./src/apps/default/views/error/error.scss?1cf6","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/default/views/not-found/LiteNotFoundView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAEA;AACA;AAEA;AACA;AACA;AACA;AACA;AAEA;AACA;AAEA;AAEA,IAAM,SAAS,GAAG,eAAlB;AAEA,IAAM,kBAAkB,GAAG,EAA3B;AAMM,SAAU,SAAV,OAA6C;AAAA,MAAvB,KAAuB,QAAvB,KAAuB;;;;AACjD,sGAAe,CAAC,kBAAK,IAAL,IAAK,aAAL,GAAK,MAAL,GAAK,GAAE,OAAP,KAAkB,kGAAe,CAAC,SAAhB,CAA0B,SAA1B,EAAqC,kBAArC,CAAnB,CAAf;;AADiD,wBAG3B,+CAAe,sFAAY,CAAC,YAAb,CAA0B,kBAA1B,IAAgD,CAA/D,CAH2B;AAAA;AAAA,MAG1C,WAH0C;;AAKjD,MAAM,UAAU,GAAG,4GAAsB,EAAzC;AAEA,MAAM,SAAS,GAAG,UAAU,KAAK,qFAAiB,CAAC,EAAjC,IAAuC,UAAU,KAAK,qFAAiB,CAAC,EAA1F;AAEA,MAAM,SAAS,mCAA4B,SAAS,GAAG,OAAH,GAAa,OAAlD,oBAAmE,WAAnE,SAAf;AAEA,MAAI,CAAC,KAAL,EACE,OAAO,yGAAP;AAEF,SACE;AAAM,aAAS,EAAC;AAAhB,KACE;AAAK,aAAS,YAAK,mDAAM,CAAC,cAAZ;AAAd,KACE;AAAK,aAAS,EAAC,WAAf;AAA2B,OAAG,EAAC,EAA/B;AAAkC,QAAI,EAAC,cAAvC;AAAsD,OAAG,EAAE;AAA3D,IADF,EAEE;AAAK,aAAS,EAAE,mDAAM,CAAC;AAAvB,KACE;AAAI,aAAS,EAAE,mDAAM,CAAC;AAAtB,KAAgC,KAAK,CAAC,OAAtC,CADF,EAEG,KAAK,CAAC,WAAN,IACC;AAAG,aAAS,4CAAqC,mDAAM,CAAC,WAA5C;AAAZ,KAAwE,KAAK,CAAC,WAA9E,CAHJ,EAKE,oDAAC,oFAAD,EAAQ;AACN,WAAO,EAAE;AACP,iBAAW,EAAE,8EAAW,CAAC,SADlB;AAEP,YAAM,EAAE,oEAAO,CAAC,SAAR,CAAkB;AAFnB,KADH;AAKN,aAAS,EAAC;AALJ,GAAR,EAOE,oDAAC,0EAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAC;AAA9B,GAAL,CAPF,CALF,CAFF,CADF,CADF;AAsBD,C;;;;;;;;;;;AC5DD;AACA,kBAAkB,+J;;;;;;;;;;;;ACDlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAIA;AAMM,SAAU,YAAV,OAAmD;AAAA,MAA1B,KAA0B,QAA1B,KAA0B;AACvD,SAAO,2DAAC,gFAAD,EAAU;AAAC,SAAK,EAAE;AAAR,GAAV,CAAP;AACD,C","file":"scripts/62.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { RandomHelper } from 'libs/common/react/utils/RandomHelper';\r\nimport { ErrorPageError } from 'libs/shared/errors/primitives/ErrorPageError';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { useGetMediaQueryString } from 'libs/shared/hooks/UseGetMediaQueryString';\r\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport styles from './error.scss';\r\n\r\nconst namespace = 'default.error';\r\n\r\nconst TOTAL_ERROR_IMAGES = 19;\r\n\r\ninterface ErrorViewProps {\r\n  error: ErrorPageError;\r\n}\r\n\r\nexport function ErrorView({ error }: ErrorViewProps): React.ReactElement {\r\n  useSetPageTitle(error?.heading || LanguageService.getPhrase(namespace, 'defaultPageTitle'));\r\n\r\n  const [imageNumber] = React.useState(RandomHelper.getRandomInt(TOTAL_ERROR_IMAGES) + 1);\r\n\r\n  const mediaQuery = useGetMediaQueryString();\r\n\r\n  const smallView = mediaQuery === MediaQueryStrings.SM || mediaQuery === MediaQueryStrings.XS;\r\n\r\n  const imagePath = `/images/error-avatars/${smallView ? 'small' : 'large'}/error-${imageNumber}.png`;\r\n\r\n  if (!error)\r\n    return <></>;\r\n\r\n  return (\r\n    <main className='bg-white text-center px-3'>\r\n      <div className={`${styles.imageContainer} mx-auto pb-3 position-relative`}>\r\n        <img className='img-fluid' alt='' role='presentation' src={imagePath} />\r\n        <div className={styles.textContainer}>\r\n          <h1 className={styles.heading}>{error.heading}</h1>\r\n          {error.description && (\r\n            <p className={`font-weight-normal mx-auto mb-1 ${styles.description}`}>{error.description}</p>\r\n          )}\r\n          <AppLink\r\n            appLink={{\r\n              application: AppChannels.DASHBOARD,\r\n              action: Actions.Dashboard.HOME\r\n            }}\r\n            className='info-link'\r\n          >\r\n            <Text namespace={namespace} phrase='countryRoads' />\r\n          </AppLink>\r\n        </div>\r\n      </div>\r\n    </main>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"textContainer\":\"cv--textContainer--swp8b\",\"heading\":\"cv--heading--3tcRm\",\"description\":\"cv--description--1ABwp\",\"imageContainer\":\"cv--imageContainer--2epaT\"};","import React from 'react';\r\n\r\nimport { ErrorPageError } from 'libs/shared/errors/primitives/ErrorPageError';\r\n\r\nimport { ErrorView } from 'apps/default/views/error/LiteErrorView';\r\n\r\ninterface NotFoundViewProps {\r\n  error: ErrorPageError;\r\n}\r\n\r\nexport function NotFoundView({ error }: NotFoundViewProps): React.ReactElement {\r\n  return <ErrorView error={error} />;\r\n}"],"sourceRoot":""}

package/dist/scripts/63-ecc242395a.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[63],{1029:function(e,t,n){"use strict";n.d(t,"a",(function(){return a}));var r=n(27),a={clip:function(e){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e,"?query=video[thumbnail],owner")}},createClip:function(e,t,n,a,i){return{key:"create:clip",url:"/api/domain/v2/objects/".concat(e,"/clips"),data:t,type:r.a.POST,success:n,error:a,always:i}},updateClip:function(e,t,n,a,i){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),data:t,type:r.a.PUT,success:n,error:a,always:i}},deleteClip:function(e,t,n,a,i){return{key:"clip:".concat(e),url:"/api/domain/v2/objects/".concat(e),type:r.a.DELETE,invalidationKeys:["videos:".concat(t)],success:n,error:a,always:i}}}},1453:function(e,t,n){"use strict";n.r(t),n.d(t,"DeleteClipView",(function(){return k}));var r=n(0),a=n(76),i=n(19),o=n(2),c=n(43),u=n(48),l=n(165),s=n(958),p=n(9),d=n(305),f=n(307),y=n(91),m=n(1029),v=n(7),b=n(13);function h(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return w(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return w(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function w(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var g=p.a.encloseNamespace("shared.deleteClip");function k(e){var t=Object(a.useDispatch)(),n=Object(s.a)(),p=h(r.useState(!1),2),w=p[0],k=p[1],E=i.a.useBasicFetch(m.a.clip(e.id));var j=[{variant:"link",onClick:e.closePopup,buttonText:g("cancel")},{variant:"danger",onClick:function(){var r;k(!0);var a=E.data.video;i.a.fetch(t,m.a.deleteClip(e.id,null===(r=a)||void 0===r?void 0:r.id,(function(){n.success(g("success",{name:E.data.name})),u.a.logUserAction({id:e.id},{actionType:l.n.Delete,entity:l.d.Clip,location:l.j.Popup,workflowPhase:l.o.Complete}),o.a.AppLinkHelper.trigger({application:v.a.DEFAULT,action:a?b.a.Default.PLAY_VIDEO:b.a.Dashboard.HOME,args:a?[a.id,c.a.slugify(a.name)]:[]})}),(function(){n.error(g("error",{name:E.data.name}))}),(function(){e.closePopup()})))},buttonText:g("confirm"),isSpinnerButton:!0,showSpinner:w}];return r.createElement(d.a,{title:g("title"),closePopup:e.closePopup,showLoadingSpinner:!E.data},!!E.data&&r.createElement(r.Fragment,null,r.createElement("p",null,r.createElement(y.b,{namespace:"shared.deleteClip",phrase:"body",options:{name:E.data.name}})),r.createElement(f.a,{buttons:j})))}},958:function(e,t,n){"use strict";n.d(t,"a",(function(){return o}));var r=n(208),a=n(61),i=n(71),o=function(){var e=Object(r.a)(i.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:a.a.Warning,heading:a.c.Warning,message:t})}}}}}]);