@clickview/lite 0.0.20-rc.1 → 0.0.20

package/dist/scripts/20.chunk.js

@@ -1,212 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[20],{
-
-/***/ "../../libs/shared/src/components/edit-video-details/EditVideoDetails.tsx":
-/*!********************************************************************************************************************!*\
-  !*** C:/ClickView/front-end/clickview/packages/libs/shared/src/components/edit-video-details/EditVideoDetails.tsx ***!
-  \********************************************************************************************************************/
-/*! exports provided: VideoValidationSchema, EditVideoDetails */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "VideoValidationSchema", function() { return VideoValidationSchema; });
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditVideoDetails", function() { return EditVideoDetails; });
-/* 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 yup__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! yup */ "../../../node_modules/yup/lib/index.js");
-/* harmony import */ var yup__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(yup__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var formik__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! formik */ "../../../node_modules/formik/dist/formik.esm.js");
-/* harmony import */ var _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../forms/form-field/FormField */ "../../libs/shared/src/components/forms/form-field/FormField.tsx");
-/* harmony import */ var _forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
-/* harmony import */ var _forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../forms/form-buttons/FormButtons */ "../../libs/shared/src/components/forms/form-buttons/FormButtons.tsx");
-/* harmony import */ var _text_Text__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-
-
-
-
-
-
-
-
-var namespace = 'shared.editVideoDetails';
-var VideoValidationSchema = yup__WEBPACK_IMPORTED_MODULE_1__["object"]().shape({
-  name: yup__WEBPACK_IMPORTED_MODULE_1__["string"]().max(255, function () {
-    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'nameExceeds');
-  }).required(function () {
-    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'nameRequired');
-  }),
-  description: yup__WEBPACK_IMPORTED_MODULE_1__["string"]().max(65535, function () {
-    return _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'descriptionExceeds');
-  })
-});
-
-function VideoDetailsForm(props) {
-  var formikProps = Object(formik__WEBPACK_IMPORTED_MODULE_2__["useFormikContext"])();
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](formik__WEBPACK_IMPORTED_MODULE_2__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_4__["FormField"], {
-    label: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'nameLabel'),
-    type: 'text',
-    name: 'name',
-    id: 'name',
-    placeholder: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'namePlaceholder'),
-    autoFocus: true,
-    value: formikProps.values.name
-  }), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_4__["FormField"], {
-    label: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'descriptionLabel'),
-    as: 'textarea',
-    name: 'description',
-    id: 'description',
-    placeholder: _common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_3__["LanguageService"].getPhrase(namespace, 'descriptionPlaceholder'),
-    autoFocus: true,
-    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-link mr-2",
-    onClick: props.onClickCancel
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_text_Text__WEBPACK_IMPORTED_MODULE_7__["Text"], {
-    namespace: namespace,
-    phrase: 'cancel'
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_6__["FormButtons"], {
-    isNew: false
-  })));
-}
-
-function EditVideoDetails(props) {
-  var _props$video = props.video,
-      name = _props$video.name,
-      description = _props$video.description,
-      saveVideo = props.saveVideo,
-      onClickCancel = props.onClickCancel;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_5__["FormWrapper"], {
-    initialValues: {
-      name: name,
-      description: description
-    },
-    validationSchema: VideoValidationSchema,
-    onSubmit: saveVideo
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](VideoDetailsForm, {
-    onClickCancel: onClickCancel
-  }));
-}
-
-/***/ }),
-
-/***/ "../../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/upload/views/edit-upload/EditUploadView.tsx":
-/*!**************************************************************!*\
-  !*** ./src/apps/upload/views/edit-upload/EditUploadView.tsx ***!
-  \**************************************************************/
-/*! exports provided: EditUploadView */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditUploadView", function() { return EditUploadView; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react/hooks/UseService */ "../../libs/common/src/react/hooks/UseService.ts");
-/* harmony import */ var _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/services/LanguageService */ "../../libs/common/src/backbone/services/LanguageService.tsx");
-/* harmony import */ var _libs_shared_src_components_edit_video_details_EditVideoDetails__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/edit-video-details/EditVideoDetails */ "../../libs/shared/src/components/edit-video-details/EditVideoDetails.tsx");
-/* harmony import */ var _libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__ = __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_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/hooks/UseAlerts */ "../../libs/shared/src/hooks/UseAlerts.ts");
-/* harmony import */ var shared_constants_Services__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! shared/constants/Services */ "./src/shared/constants/Services.ts");
-/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
-/* harmony import */ var _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/interfaces */ "../../libs/analytics/src/interfaces/index.ts");
-
-
-
-
-
-
-
-
-
-var namespace = 'upload.editUpload';
-var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
-function EditUploadView(props) {
-  var uploadId = props.uploadId;
-  var videoUploadService = Object(_libs_common_src_react_hooks_UseService__WEBPACK_IMPORTED_MODULE_1__["useService"])(shared_constants_Services__WEBPACK_IMPORTED_MODULE_6__["Services"].VideoUpload);
-  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
-  var upload = videoUploadService.getCollection().get(uploadId);
-  /**
-   * We set editingMetadata to true while the user has the edit form open
-   * This prevents the VideoUploadService from posting till the user is done
-   */
-
-  if (!upload.get('editingMetadata')) upload.set('editingMetadata', true);
-
-  var closePopup = function closePopup() {
-    upload.set('editingMetadata', false);
-    props.closePopup();
-  };
-
-  var saveUpload = function saveUpload(data) {
-    upload.set(data);
-    _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_7__["AnalyticsHelper"].logUserAction(data, {
-      location: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["LocationContext"].Popup,
-      actionType: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["UserAction"].Edit,
-      workflowPhase: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["WorkflowPhase"].Complete,
-      entity: _libs_analytics_src_interfaces__WEBPACK_IMPORTED_MODULE_8__["EntityType"].Upload
-    });
-    alerts.success(getPhrase('alertBody', {
-      videoName: data.name
-    }));
-    closePopup();
-  };
-
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
-    closePopup: closePopup,
-    title: _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].getPhrase(namespace, 'title')
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_edit_video_details_EditVideoDetails__WEBPACK_IMPORTED_MODULE_3__["EditVideoDetails"], {
-    video: {
-      name: upload.get('name'),
-      description: upload.get('description'),
-      productionYear: 0
-    },
-    saveVideo: saveUpload,
-    onClickCancel: closePopup
-  }));
-}
-
-/***/ })
-
-}]);
-//# sourceMappingURL=20.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/edit-video-details/EditVideoDetails.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/upload/views/edit-upload/EditUploadView.tsx"],"names":[],"mappings":"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","file":"scripts/20.chunk.js","sourcesContent":["import * as React from 'react';\r\nimport * as Yup from 'yup';\r\nimport { useFormikContext, Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { Video, UpdateVideoRequest } from 'libs/shared/interfaces';\r\n\r\ninterface VideoDetailsFormProps {\r\n  onClickCancel: () => void;\r\n}\r\n\r\nconst namespace = 'shared.editVideoDetails';\r\n\r\nexport const VideoValidationSchema = Yup.object().shape({\r\n  name: Yup.string()\r\n    .max(255, () => LanguageService.getPhrase(namespace, 'nameExceeds'))\r\n    .required(() => LanguageService.getPhrase(namespace, 'nameRequired')),\r\n  description: Yup.string()\r\n    .max(65535, () => LanguageService.getPhrase(namespace, 'descriptionExceeds'))\r\n});\r\n\r\nfunction VideoDetailsForm(props: VideoDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContext<UpdateVideoRequest>();\r\n\r\n  return (\r\n    <Form>\r\n      <FormField\r\n        label={LanguageService.getPhrase(namespace, 'nameLabel')}\r\n        type='text'\r\n        name='name'\r\n        id='name'\r\n        placeholder={LanguageService.getPhrase(namespace, 'namePlaceholder')}\r\n        autoFocus\r\n        value={formikProps.values.name}\r\n      />\r\n      <FormField\r\n        label={LanguageService.getPhrase(namespace, 'descriptionLabel')}\r\n        as='textarea'\r\n        name='description'\r\n        id='description'\r\n        placeholder={LanguageService.getPhrase(namespace, 'descriptionPlaceholder')}\r\n        autoFocus\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-link mr-2`} onClick={props.onClickCancel}>\r\n          <Text namespace={namespace} phrase='cancel' />\r\n        </button>\r\n        <FormButtons isNew={false} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}\r\n\r\ninterface EditVideoDetailsComponentProps {\r\n  video?: Video;\r\n  saveVideo: (data: UpdateVideoRequest) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditVideoDetails(props: EditVideoDetailsComponentProps): JSX.Element {\r\n  const { video: { name, description }, saveVideo, onClickCancel } = props;\r\n  return (\r\n    <FormWrapper<UpdateVideoRequest>\r\n      initialValues={{ name, description }}\r\n      validationSchema={VideoValidationSchema}\r\n      onSubmit={saveVideo}\r\n    >\r\n      <VideoDetailsForm onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\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 { useService } from 'libs/common/react/hooks/UseService';\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { EditVideoDetails } from 'libs/shared/components/edit-video-details/EditVideoDetails';\r\nimport { UpdateVideoRequest, PopupViewProps } from 'libs/shared/interfaces';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { Services } from 'shared/constants/Services';\r\n\r\nimport { VideoUploadService } from 'apps/upload/services/VideoUploadService';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, UserAction, WorkflowPhase, EntityType } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'upload.editUpload';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface EditUploadViewProps {\r\n  uploadId: string;\r\n}\r\n\r\nexport function EditUploadView(props: EditUploadViewProps & PopupViewProps): JSX.Element {\r\n  const { uploadId } = props;\r\n\r\n  const videoUploadService = useService<VideoUploadService>(Services.VideoUpload);\r\n  const alerts = useAlerts();\r\n\r\n  var upload = videoUploadService.getCollection().get(uploadId);\r\n\r\n  /**\r\n   * We set editingMetadata to true while the user has the edit form open\r\n   * This prevents the VideoUploadService from posting till the user is done\r\n   */\r\n  if (!upload.get('editingMetadata'))\r\n    upload.set('editingMetadata', true);\r\n\r\n  const closePopup = () => {\r\n    upload.set('editingMetadata', false);\r\n    props.closePopup();\r\n  };\r\n\r\n  const saveUpload = (data: UpdateVideoRequest) => {\r\n    upload.set(data);\r\n\r\n    AnalyticsHelper.logUserAction(data, {\r\n      location: LocationContext.Popup,\r\n      actionType: UserAction.Edit,\r\n      workflowPhase: WorkflowPhase.Complete,\r\n      entity: EntityType.Upload\r\n    });\r\n\r\n    alerts.success(getPhrase('alertBody', { videoName: data.name }));\r\n\r\n    closePopup();\r\n  };\r\n\r\n  return (\r\n    <Popup closePopup={closePopup} title={LanguageService.getPhrase(namespace, 'title')}>\r\n      <EditVideoDetails\r\n        video={{ name: upload.get('name'), description: upload.get('description'), productionYear: 0 }}\r\n        saveVideo={saveUpload}\r\n        onClickCancel={closePopup}\r\n      />\r\n    </Popup>\r\n  );\r\n}\r\n"],"sourceRoot":""}