@clickview/lite 0.0.19 → 0.0.20-rc.1

package/dist/scripts/20.chunk.js

@@ -0,0 +1,212 @@
+(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

@@ -0,0 +1 @@
+{"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":""}