@clickview/lite 0.0.23-rc.0 → 0.0.23-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/search/components/scoped-search-bar/ScopedSearchBar.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/search/components/scoped-search-bar/scoped-search-bar.scss","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/ManageUsersList.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/students/ManageStudentItem.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/students/manage-student-item.scss","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/teachers/ManageTeacherItem.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/shared/components/video-info-button/VideoInfoButton.tsx"],"names":[],"mappings":"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","file":"scripts/18.chunk.js","sourcesContent":["import React from 'react';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { ContextService } from 'libs/shared/services/ContextService';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport styles from './scoped-search-bar.scss';\r\n\r\ninterface ScopedSearchBarProps {\r\n  id: string;\r\n  onSubmit?: (query: string) => void;\r\n  name?: string;\r\n  placeholder?: string;\r\n  className?: string;\r\n  queryParamName?: string;\r\n  debounceTime?: number;\r\n}\r\n\r\nScopedSearchBar.defaultProps = {\r\n  debounceTime: 300,\r\n  queryParamName: 'query'\r\n};\r\n\r\nexport function ScopedSearchBar(props: ScopedSearchBarProps): JSX.Element {\r\n  const [ searchQuery, setSearchQuery ] = React.useState('');\r\n\r\n  /**\r\n   * Update the value in the search bar to match an existing query param on first load\r\n   */\r\n  React.useEffect(() => {\r\n    const currentQueryParams = ContextService.getCurrentRoute().appLink.params;\r\n\r\n    if (!currentQueryParams || typeof currentQueryParams === 'string')\r\n      return;\r\n\r\n    if (currentQueryParams[props.queryParamName])\r\n      setSearchQuery(currentQueryParams[props.queryParamName]);\r\n  }, []);\r\n\r\n  const delayedQuery = React.useCallback(\r\n    FunctionHelper.debounce((query: string) => search(query), props.debounceTime),\r\n    []\r\n  );\r\n\r\n  function onChange(event: React.FormEvent<HTMLInputElement>): void {\r\n    setSearchQuery(event.currentTarget.value);\r\n    delayedQuery(event.currentTarget.value);\r\n  }\r\n\r\n  function search(query: string = ''): void {\r\n    const currentAppLink = ContextService.getCurrentRoute().appLink;\r\n    const currentFilters = ObjectHelper.omit(currentAppLink.params, [props.queryParamName]);\r\n\r\n    const nextParams = {\r\n      [props.queryParamName]: query,\r\n      ...currentFilters\r\n    };\r\n\r\n    if (!nextParams[props.queryParamName])\r\n      delete nextParams[props.queryParamName];\r\n\r\n    Core.AppLinkHelper.trigger({\r\n      ...currentAppLink,\r\n      params: nextParams\r\n    });\r\n  }\r\n\r\n  return (\r\n    <div className='position-relative w-100'>\r\n      <input\r\n        name={props.name}\r\n        type='text'\r\n        className={`form-control p-1 w-100 ${props.className || ''}`}\r\n        id={props.id}\r\n        autoComplete='off'\r\n        placeholder={props.placeholder}\r\n        aria-label='Search'\r\n        onChange={onChange}\r\n        value={searchQuery}\r\n      />\r\n      <SvgContainer\r\n        svgName={cvSvgLibrary.Search}\r\n        className={`${styles.searchSvg} svg-container cursor-pointer text-secondary`}\r\n      />\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"searchSvg\":\"cv--searchSvg--Pt-8R\"};","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { WorkflowPhase, UserAction, EntityType, OperationDescriptor } from 'libs/analytics/interfaces';\r\n\r\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\n\r\nimport { useBulkCheckboxManager } from 'shared/hooks/useBulkCheckboxManager';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport { MockYearLevel, MockUserRole } from 'apps/user-manager/interfaces';\r\nimport { MockUserType } from 'apps/user-manager/enums';\r\n\r\nimport { ManageStudentItem } from './students/ManageStudentItem';\r\nimport { ManageTeacherItem } from './teachers/ManageTeacherItem';\r\nimport { BulkUploadFileSelect } from '../bulk-upload-file-select/BulkUploadFileSelect';\r\n\r\nconst newStudentAppLink: Core.AppLink = {\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.NEW_STUDENT\r\n};\r\n\r\nconst newTeacherAppLink: Core.AppLink = {\r\n  application: AppChannels.USER_MANAGER,\r\n  action: Actions.UserManager.NEW_TEACHER\r\n};\r\n\r\ntype ManageUsersListProps = PropsWithAnalyticsOptions<{\r\n  users: any[];\r\n  userType: MockUserType;\r\n  yearLevels?: MockYearLevel[];\r\n  userRoles?: MockUserRole[];\r\n}>;\r\n\r\nexport function ManageUsersList(props: ManageUsersListProps): JSX.Element {\r\n  const { onToggleBulk, onToggleItem, getSelected, isChecked, bulkChecked } = useBulkCheckboxManager(props.users);\r\n\r\n  function onClickAddNewStudents(): void {\r\n    AnalyticsHelper.logUserAction({}, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      workflowPhase: WorkflowPhase.Start,\r\n      actionType: UserAction.Create,\r\n      entity: EntityType.User\r\n    }));\r\n  }\r\n\r\n  function onBulkDelete(): void {\r\n    const userIds = getSelected();\r\n\r\n    if (!userIds?.length)\r\n      return;\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      count: userIds.length\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Delete,\r\n      entity: EntityType.User,\r\n      workflowPhase: WorkflowPhase.Start,\r\n      descriptor: userIds.length === 1 ? OperationDescriptor.Single : OperationDescriptor.Bulk\r\n    }));\r\n\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.USER_MANAGER,\r\n      action: Actions.UserManager.REMOVE_USERS,\r\n      params: { userIds, userType: props.userType }\r\n    });\r\n  }\r\n\r\n  const isManagingStudents = props.userType === MockUserType.Student;\r\n\r\n  const ChildComponent = isManagingStudents ? ManageStudentItem : ManageTeacherItem;\r\n  const newUserAppLink = isManagingStudents ? newStudentAppLink : newTeacherAppLink;\r\n  const i18nNamespace = isManagingStudents ? 'userManager.manageStudents' : 'userManager.manageTeachers';\r\n  const bulkAction = isManagingStudents\r\n    ? Actions.UserManager.STUDENT_UPLOAD_REVIEW : Actions.UserManager.TEACHER_UPLOAD_REVIEW;\r\n\r\n  return (\r\n    <>\r\n      <div className='d-flex align-items-center pb-3'>\r\n        <div className='px-4'>\r\n          <Checkbox\r\n            id='user-manager'\r\n            name='user-manager'\r\n            checked={bulkChecked}\r\n            onChange={onToggleBulk}\r\n          />\r\n        </div>\r\n\r\n        <div className='mr-auto'>\r\n          {!!getSelected().length && (\r\n            <DivButton onClick={onBulkDelete} className='cursor-pointer'>\r\n              <SvgContainer svgName={cvSvgLibrary.Delete} />\r\n            </DivButton>\r\n          )}\r\n        </div>\r\n\r\n        <BulkUploadFileSelect\r\n          action={bulkAction}\r\n          userType={props.userType}\r\n          yearLevels={props.yearLevels}\r\n          userRoles={props.userRoles}\r\n        />\r\n        <IconButton\r\n          className='btn btn-outline-dark ml-2'\r\n          appLink={newUserAppLink}\r\n          svgName={cvSvgLibrary.Plus}\r\n          onClick={onClickAddNewStudents}\r\n        >\r\n          <Text namespace={i18nNamespace} phrase='addNew' />\r\n        </IconButton>\r\n      </div>\r\n\r\n      <ul className='m-0 list-unstyled striped-list'>\r\n        {props.users.map(user => (\r\n          <ChildComponent\r\n            key={user.id}\r\n            user={user}\r\n            onToggleCheckbox={() => onToggleItem(user.id)}\r\n            isChecked={isChecked(user.id)}\r\n          />\r\n        ))}\r\n      </ul>\r\n    </>\r\n  );\r\n}","import React from 'react';\r\n\r\nfunction PartialUserItem(): JSX.Element {\r\n  return (\r\n    <li className='w-100 d-flex align-items-center py-2'>\r\n      <div className='mx-4 partial-loading-background' style={{ width: '21px', height: '21px' }} />\r\n\r\n      <div className='d-flex flex-column justify-content-center w-100'>\r\n        <div className='pb-1'>\r\n          <div className='partial-loading-background mr-1 align-middle d-inline-block' style={{ width: '180px', height: '28px' }} />\r\n        </div>\r\n\r\n        <div className='d-flex'>\r\n          <div className='w-50'>\r\n            <div className='partial-loading-background align-middle d-inline-block' style={{ width: '250px', height: '21px' }} />\r\n          </div>\r\n\r\n          <div className='d-flex w-50 pl-1'>\r\n            <div className='w-50'>\r\n              <div className='partial-loading-background' style={{ width: '100px', height: '21px' }} />\r\n            </div>\r\n            <div className='w-50'>\r\n              <div className='partial-loading-background' style={{ width: '100px', height: '21px' }} />\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </div>\r\n    </li>\r\n  );\r\n}\r\n\r\nexport function PartialManageUsersList(): JSX.Element {\r\n  return (\r\n    <>\r\n      <div className='d-flex justify-content-between align-items-center mb-3'>\r\n        <div className='mx-4 partial-loading-background' style={{ width: '21px', height: '21px' }} />\r\n        <div className='d-flex align-items-center'>\r\n          <div className='partial-loading-background' style={{ width: '140px', height: '35px' }} />\r\n          <div className='partial-loading-background ml-2' style={{ width: '150px', height: '35px' }} />\r\n        </div>\r\n      </div>\r\n\r\n      <ul className='m-0 list-unstyled striped-list'>\r\n        {Array(20).fill(null).map((item, index) => <PartialUserItem key={index} />)}\r\n      </ul>\r\n    </>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\r\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { MockStudent } from 'apps/user-manager/interfaces';\r\n\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\n\r\nimport styles from './manage-student-item.scss';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, EntityType, WorkflowPhase, LocationContext } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'userManager.manageStudents';\r\n\r\ninterface ManageStudentItemProps {\r\n  user: MockStudent;\r\n  isChecked: boolean;\r\n  onToggleCheckbox: () => void;\r\n}\r\n\r\nexport function ManageStudentItem(props: ManageStudentItemProps): JSX.Element {\r\n  const { user, isChecked, onToggleCheckbox } = props;\r\n\r\n  const actions = [\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'edit'),\r\n      appLink: {\r\n        application: AppChannels.USER_MANAGER,\r\n        action: Actions.UserManager.EDIT_STUDENT,\r\n        args: [user.id]\r\n      },\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: user.id }, {\r\n          actionType: UserAction.Edit,\r\n          entity: EntityType.User,\r\n          workflowPhase: WorkflowPhase.Start,\r\n          location: LocationContext.StudentManagerListItem\r\n        });\r\n      }\r\n    },\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'enableProfile'),\r\n      appLink: {\r\n        application: AppChannels.USER_MANAGER,\r\n        // action: Actions.UserManager.ENABLE_USER_PROFILE,\r\n        action: 'enable:user:profile', // TODO: Replace this with commented out line above\r\n        args: [user.id]\r\n      }\r\n    },\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'activate'),\r\n      appLink: {\r\n        application: AppChannels.USER_MANAGER,\r\n        // action: Actions.UserManager.ACTIVATE_USER,\r\n        action: 'activate:user', // TODO: Replace this with commented out line above\r\n        args: [user.id]\r\n      }\r\n    },\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'remove'),\r\n      appLink: {\r\n        application: AppChannels.USER_MANAGER,\r\n        action: Actions.UserManager.REMOVE_USERS,\r\n        params: {\r\n          userIds: [user.id],\r\n          userType: 'student'\r\n        }\r\n      },\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: user.id }, {\r\n          actionType: UserAction.Delete,\r\n          entity: EntityType.User,\r\n          workflowPhase: WorkflowPhase.Start,\r\n          location: LocationContext.StudentManagerListItem\r\n        });\r\n      },\r\n      className: 'text-danger'\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <li className='d-flex align-items-center py-2'>\r\n      <div className='px-4'>\r\n        <Checkbox\r\n          id={user.id}\r\n          name={user.id}\r\n          checked={isChecked}\r\n          onChange={onToggleCheckbox}\r\n        />\r\n      </div>\r\n\r\n      <div className='d-flex flex-column justify-content-center w-100'>\r\n        <div className='pb-1'>\r\n          <h2 className='h5 m-0 mr-1 d-inline-block align-middle'>{user.name} {user.surname || ''}</h2>\r\n          {user.username && <p className='m-0 d-inline-block align-middle'>({user.username})</p>}\r\n        </div>\r\n\r\n        <div className='d-flex'>\r\n          <p className='m-0 w-50 text-truncate'>{user.email}</p>\r\n\r\n          <div className='d-flex w-50 pl-1'>\r\n            <div className='w-50'>\r\n              <Text namespace={namespace} phrase='level' />\r\n              <span className={`rounded-pill px-2 ${styles.level}`}>{user.yearLevel.name}</span>\r\n            </div>\r\n            {user.classroom && <p className='mb-0 w-50'>{user.classroom.name}</p>}\r\n          </div>\r\n        </div>\r\n      </div>\r\n\r\n      <ActionsComponent actions={actions} className='pr-4' actionsDropdownClassName='btn' />\r\n    </li>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"level\":\"cv--level--Atgxo\"};","import React from 'react';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\r\nimport { Actions as ActionsComponent } from 'libs/shared/components/actions/Actions';\r\n\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { MockTeacher } from 'apps/user-manager/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, EntityType, WorkflowPhase, LocationContext } from 'libs/analytics/interfaces';\r\n\r\nconst namespace = 'userManager.manageTeachers';\r\n\r\ninterface ManageTeacherItemProps {\r\n  user: MockTeacher;\r\n  isChecked: boolean;\r\n  onToggleCheckbox: () => void;\r\n}\r\n\r\nexport function ManageTeacherItem(props: ManageTeacherItemProps): JSX.Element {\r\n  const { user, isChecked, onToggleCheckbox } = props;\r\n\r\n  const actions = [\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'edit'),\r\n      appLink: {\r\n        application: AppChannels.USER_MANAGER,\r\n        action: Actions.UserManager.EDIT_TEACHER,\r\n        args: [user.id]\r\n      },\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: user.id }, {\r\n          actionType: UserAction.Edit,\r\n          entity: EntityType.User,\r\n          workflowPhase: WorkflowPhase.Start,\r\n          location: LocationContext.TeacherManagerListItem\r\n        });\r\n      }\r\n    },\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'enableProfile'),\r\n      appLink: {\r\n        application: AppChannels.USER_MANAGER,\r\n        // action: Actions.UserManager.ENABLE_USER_PROFILE,\r\n        action: 'enable:user:profile', // TODO: Replace this with commented out line above\r\n        args: [user.id]\r\n      }\r\n    },\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'activate'),\r\n      appLink: {\r\n        application: AppChannels.USER_MANAGER,\r\n        // action: Actions.UserManager.ACTIVATE_USER,\r\n        action: 'activate:user', // TODO: Replace this with commented out line above\r\n        args: [user.id]\r\n      }\r\n    },\r\n    {\r\n      label: LanguageService.getPhrase(namespace, 'remove'),\r\n      appLink: {\r\n        application: AppChannels.USER_MANAGER,\r\n        action: Actions.UserManager.REMOVE_USERS,\r\n        params: {\r\n          userIds: [user.id],\r\n          userType: 'teacher'\r\n        }\r\n      },\r\n      onClick: () => {\r\n        AnalyticsHelper.logUserAction({ id: user.id }, {\r\n          actionType: UserAction.Delete,\r\n          entity: EntityType.User,\r\n          workflowPhase: WorkflowPhase.Start,\r\n          location: LocationContext.TeacherManagerListItem\r\n        });\r\n      },\r\n      className: 'text-danger'\r\n    }\r\n  ];\r\n\r\n  return (\r\n    <li className='d-flex align-items-center py-2'>\r\n      <div className='px-4'>\r\n        <Checkbox\r\n          id={user.id}\r\n          name={user.id}\r\n          checked={isChecked}\r\n          onChange={onToggleCheckbox}\r\n        />\r\n      </div>\r\n\r\n      <div className='d-flex flex-column justify-content-center w-100'>\r\n        <div className='pb-1'>\r\n          <h2 className='h5 m-0 mr-1 d-inline-block align-middle'>{user.name} {user.surname || ''}</h2>\r\n          {user.username &&\r\n            <p className='m-0 d-inline-block align-middle'>({user.username})</p>\r\n          }\r\n        </div>\r\n\r\n        <div className='d-flex'>\r\n          <p className='m-0 w-50 text-truncate'>{user.email}</p>\r\n          <p className='mb-0 w-50 pl-1 text-center'>{user.userRole.name}</p>\r\n        </div>\r\n      </div>\r\n\r\n      <ActionsComponent actions={actions} className='pr-4' actionsDropdownClassName='btn' />\r\n    </li>\r\n  );\r\n}","import React from 'react';\r\nimport { IconButton } from 'libs/shared/components/icon-button/IconButton';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nexport function VideoInfoButton(props: React.PropsWithChildren<{}>): JSX.Element {\r\n  return (\r\n    <IconButton\r\n      className='btn btn-outline-info d-block mx-auto mb-3'\r\n      svgName={cvSvgLibrary.Video}\r\n    >\r\n      {props.children}\r\n    </IconButton>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/19.chunk.js

@@ -0,0 +1,212 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[19],{
+
+/***/ "../../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=19.chunk.js.map

package/dist/scripts/19.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/19.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":""}