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

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/pagination/Pagination.tsx","file://C:/ClickView/front-end/clickview/packages/libs/shared/src/components/toggle-switch/ToggleSwitch.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/user-review-table/UserReviewRow.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/components/user-review-table/UserReviewTable.tsx","webpack://@clickview/lite/./src/apps/user-manager/components/user-review-table/user-review-table.scss?55e6","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/user-manager/views/user-upload-review/UserUploadReviewView.tsx"],"names":[],"mappings":"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","file":"scripts/94.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Cursors } from 'libs/common/backbone/interfaces';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { LocationContext, EntityType, UserAction } from 'libs/analytics/interfaces';\r\n\r\nfunction buildCursor(appLink: Core.AppLink, cursorParam: string): Core.AppLink {\r\n  if (!cursorParam)\r\n    return null;\r\n\r\n  return {\r\n    application: appLink.application,\r\n    action: appLink.action,\r\n    args: appLink.args,\r\n    params: Object.assign({}, appLink.params, { cursor: cursorParam })\r\n  };\r\n}\r\n\r\ninterface CursorPaginationProps {\r\n  cursors: Cursors;\r\n  appLink: Core.AppLink;\r\n  className?: string;\r\n}\r\n\r\nPagination.defaultProps = {\r\n  className: 'py-2'\r\n};\r\n\r\nexport function Pagination({ appLink, cursors, className }: CursorPaginationProps): JSX.Element {\r\n  function log(page: 'next' | 'previous'): void {\r\n    AnalyticsHelper.logUserAction({ page }, {\r\n      location: LocationContext.Pagination,\r\n      entity: EntityType.Pagination,\r\n      actionType: UserAction.Navigate\r\n    });\r\n  }\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value='shared.pagination'>\r\n      <div className={className}>\r\n        <AppLink\r\n          appLink={buildCursor(appLink, cursors.previous)}\r\n          className={`btn btn-secondary mr-1 ${!cursors.previous ? 'disabled' : ''}`}\r\n          onClick={() => log('previous')}\r\n        >\r\n          <Text phrase='previous' />\r\n        </AppLink>\r\n\r\n        <AppLink\r\n          appLink={buildCursor(appLink, cursors.next)}\r\n          className={`btn btn-secondary ${!cursors.next ? 'disabled' : ''}`}\r\n          onClick={() => log('next')}\r\n        >\r\n          <Text phrase='next' />\r\n        </AppLink>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}\r\n\r\ninterface LocalPaginationProps {\r\n  onClickNext: () => void;\r\n  onClickBack: () => void;\r\n  currentPage: number;\r\n  totalPages: number;\r\n  className?: string;\r\n}\r\n\r\nLocalPagination.defaultProps = {\r\n  className: 'py-2'\r\n};\r\n\r\nexport function LocalPagination(props: LocalPaginationProps): JSX.Element {\r\n  function onClickBack(): void {\r\n    if (props.currentPage === 1)\r\n      return;\r\n\r\n    log('previous');\r\n\r\n    props.onClickBack();\r\n  }\r\n\r\n  function onClickNext(): void {\r\n    if (props.currentPage === props.totalPages)\r\n      return;\r\n\r\n    log('next');\r\n\r\n    props.onClickNext();\r\n  }\r\n\r\n  function log(page: 'next' | 'previous'): void {\r\n    AnalyticsHelper.logUserAction({ page }, {\r\n      location: LocationContext.Pagination,\r\n      entity: EntityType.Pagination,\r\n      actionType: UserAction.Navigate\r\n    });\r\n  }\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value='shared.pagination'>\r\n      <div className={props.className}>\r\n        <DivButton\r\n          onClick={onClickBack}\r\n          className={`btn btn-secondary mr-1 cursor-pointer ${props.currentPage === 1 ? 'disabled' : ''}`}\r\n        >\r\n          <Text phrase='previous' />\r\n        </DivButton>\r\n\r\n        <DivButton\r\n          onClick={onClickNext}\r\n          className={`btn btn-secondary cursor-pointer ${props.currentPage === props.totalPages ? 'disabled' : ''}`}\r\n        >\r\n          <Text phrase='next' />\r\n        </DivButton>\r\n      </div>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","import React from 'react';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\n\r\ninterface ToggleSwitchProps {\r\n  onClick: (...args: any) => any;\r\n  on: boolean;\r\n  disabled?: boolean;\r\n\r\n  // Using this goes against proper a11y practices, but it's been added for situations where it looks better\r\n  hideOutline?: boolean;\r\n}\r\n\r\nexport function ToggleSwitch(props: ToggleSwitchProps): JSX.Element {\r\n  function onClick(...args: any): void {\r\n    if (props.disabled)\r\n      return;\r\n\r\n    props.onClick(...args);\r\n  }\r\n\r\n  const bootstrapClasses = 'd-inline-block float-right align-top custom-toggle toggle-option';\r\n  const onClass = (props.on && !props.disabled) ? 'on' : '';\r\n  const disabledClass = props.disabled ? 'disabled' : '';\r\n  const outlineClass = props.hideOutline ? 'outline-none' : '';\r\n\r\n  return (\r\n    <DivButton\r\n      onClick={onClick}\r\n      className={`${bootstrapClasses} ${onClass} ${disabledClass} ${outlineClass}`}\r\n    >\r\n      <span className='handle' />\r\n    </DivButton>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\n\r\nimport styles from './user-review-table.scss';\r\nimport { UserValidationCode } from 'apps/user-manager/enums/UserValidationCode';\r\nimport { UserManagerHelper } from 'apps/user-manager/utils/UserManagerHelper';\r\n\r\ninterface DataCellProps {\r\n  data: string;\r\n  error?: string;\r\n  yearGroup?: boolean;\r\n}\r\n\r\nfunction DataCell(props: DataCellProps): JSX.Element {\r\n  const className = props.error ? 'p-2 text-danger font-weight-bold' : 'p-2 text-wrap';\r\n  let innerClassName = '';\r\n\r\n  const text = props.error || props.data;\r\n\r\n  if (props.yearGroup && !props.error)\r\n    innerClassName += `${styles.yearGroup} rounded-pill px-2 text-nowrap`;\r\n\r\n  return (\r\n    <td className={className}>\r\n      <span className={innerClassName}>{text}</span>\r\n    </td>\r\n  );\r\n}\r\n\r\ninterface UserReviewRowProps {\r\n  user: EditUserRequest;\r\n  userType: UserGroup;\r\n  errorCodes: UserValidationCode[];\r\n  onClickEdit: (user: EditUserRequest) => void;\r\n  onClickDelete: (user: EditUserRequest) => void;\r\n}\r\n\r\nexport function UserReviewRow(props: UserReviewRowProps): JSX.Element {\r\n  const { user, errorCodes, onClickEdit, onClickDelete } = props;\r\n\r\n  const errorMessages = UserManagerHelper.getErrorMessages(errorCodes);\r\n\r\n  return (\r\n    <tr>\r\n      <DataCell data={user.firstName} error={errorMessages.firstName} />\r\n      <DataCell data={user.surname} error={errorMessages.surname} />\r\n      <DataCell data={user.email} error={errorMessages.email} />\r\n      <DataCell data={user.username} error={errorMessages.username} />\r\n      {props.userType === UserGroup.Learner && (\r\n        <DataCell data={user.yearGroup} error={errorMessages.yearGroup} yearGroup />\r\n      )}\r\n\r\n      <td className='p-2 d-flex justify-content-end'>\r\n        <DivButton className='mr-2 cursor-pointer' onClick={() => onClickEdit(user)}>\r\n          <SvgContainer svgName={cvSvgLibrary.Edit} />\r\n        </DivButton>\r\n        <DivButton className='cursor-pointer' onClick={() => onClickDelete(user)}>\r\n          <SvgContainer svgName={cvSvgLibrary.Delete} />\r\n        </DivButton>\r\n      </td>\r\n    </tr>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { LanguageNamespaceContext, Text } from 'libs/shared/components/text/Text';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\n\r\nimport { UserUploadContext } from 'apps/user-manager/reducers/UserUploadReducer';\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\n\r\nimport { UserReviewRow } from './UserReviewRow';\r\n\r\ninterface UserReviewTableProps {\r\n  users: EditUserRequest[];\r\n  userType: UserGroup;\r\n  showInvalidEmptyState: boolean;\r\n\r\n  onClickSeeFullList: () => void;\r\n  onClickEdit: (user: EditUserRequest) => void;\r\n  onClickDelete: (user: EditUserRequest) => void;\r\n}\r\n\r\nexport function UserReviewTable(props: UserReviewTableProps): JSX.Element {\r\n  const { state } = React.useContext(UserUploadContext);\r\n\r\n  const namespace = props.userType === UserGroup.Learner\r\n    ? 'userManager.studentReviewTable'\r\n    : 'userManager.staffReviewTable';\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <table className='w-100'>\r\n        <thead className='border-bottom'>\r\n          <tr>\r\n            <th className='p-2 text-nowrap'><Text phrase='firstName' /></th>\r\n            <th className='p-2 text-nowrap'><Text phrase='lastName' /></th>\r\n            <th className='p-2 text-nowrap'><Text phrase='email' /></th>\r\n            <th className='p-2 text-nowrap'><Text phrase='username' /></th>\r\n            {props.userType === UserGroup.Learner && (\r\n              <th className='p-2 text-nowrap'><Text phrase='yearGroup' /></th>\r\n            )}\r\n            <th className='p-2 text-nowrap'>&nbsp;</th>\r\n          </tr>\r\n        </thead>\r\n\r\n        {!props.showInvalidEmptyState && (\r\n          <tbody className='striped-list'>\r\n            {props.users.map(s => {\r\n              return (\r\n                <UserReviewRow\r\n                  key={s.lookupId}\r\n                  user={s}\r\n                  userType={props.userType}\r\n                  errorCodes={state.invalidUsers[s.lookupId]?.errorCodes || []}\r\n                  onClickEdit={props.onClickEdit}\r\n                  onClickDelete={props.onClickDelete}\r\n                />\r\n              );\r\n            })}\r\n          </tbody>\r\n        )}\r\n      </table>\r\n\r\n      {props.showInvalidEmptyState && (\r\n        <div className='w-50 mx-auto text-center pt-5'>\r\n          <img src='/favicon.ico' className='pb-3' />\r\n          <p className='h6'><Text phrase='noInvalidListings' /></p>\r\n          <p><Text phrase='noInvalidListingsInfo' /></p>\r\n          <button onClick={props.onClickSeeFullList} className='btn btn-secondary'>\r\n            <Text phrase='seeAllListings' />\r\n          </button>\r\n        </div>\r\n      )}\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"yearGroup\":\"cv--yearGroup--2oij-\"};","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\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 { useViewModel } from 'libs/common/react/hooks/UseViewModel';\r\nimport { useSetPageTitle } from 'libs/common/react/hooks/UseSetPageTitle';\r\nimport { LocalStorageHelper } from 'libs/common/backbone/utils/LocalStorageHelper';\r\n\r\nimport { Text, LanguageNamespaceContext } from 'libs/shared/components/text/Text';\r\nimport { PropsWithPopupViewProps, PropsWithAnalyticsOptions, CurrentUser, YearGroup } from 'libs/shared/interfaces';\r\nimport { LocalPagination } from 'libs/shared/components/pagination/Pagination';\r\nimport { ToggleSwitch } from 'libs/shared/components/toggle-switch/ToggleSwitch';\r\nimport { UserGroup } from 'libs/shared/enums/UserGroup';\r\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\r\n\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\nimport { UserAction, WorkflowPhase, OperationDescriptor, ClickDescriptor } from 'libs/analytics/interfaces';\r\n\r\nimport { ViewModelKeys } from 'shared/constants/LiteViewModels';\r\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\r\nimport { Actions } from 'shared/constants/LiteActions';\r\nimport { useNavLock } from 'shared/hooks/useNavLock';\r\n\r\nimport { UserReviewTable } from 'apps/user-manager/components/user-review-table/UserReviewTable';\r\nimport { EditUploadedUserPopup } from 'apps/user-manager/components/edit-uploaded-user-popup/EditUploadedUserPopup';\r\nimport { DeleteUploadedUserPopup } from 'apps/user-manager/components/delete-uploaded-user-popup/DeleteUploadedUserPopup';\r\nimport { UserUploadReducer, UserUploadContext, UserUploadReducerState } from 'apps/user-manager/reducers/UserUploadReducer';\r\nimport { EditUserRequest } from 'apps/user-manager/interfaces';\r\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\r\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\r\nimport { SchoolUserRequests } from 'apps/user-manager/flight-requests/SchoolUserRequests';\r\nimport { UserManagerHelper } from 'apps/user-manager/utils/UserManagerHelper';\r\n\r\n// Max number of users displayable in the table at one time\r\nconst MAX_PAGE_SIZE = 25;\r\nconst NAV_LOCK_ID = 'user-upload-review';\r\n\r\nfunction getTotalInvalidListings(state: UserUploadReducerState): number {\r\n  return Object.keys(state.invalidUsers).length;\r\n}\r\n\r\ntype UserUploadReviewViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<{\r\n  userType: UserGroup;\r\n}>>;\r\n\r\nexport function UserUploadReviewView(props: UserUploadReviewViewProps): JSX.Element {\r\n  const [ users, setUsers ] = useViewModel<EditUserRequest[]>(ViewModelKeys.BULK_USER_UPLOAD);\r\n\r\n  const namespace = props.userType === UserGroup.Learner\r\n    ? 'userManager.studentUploadReview'\r\n    : 'userManager.staffUploadReview';\r\n\r\n  const getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\n  useSetPageTitle(getPhrase('pageTitle'));\r\n\r\n  const [ hideValidListings, setHideValidListings ] = React.useState(true);\r\n\r\n  const [ editingUser, setEditingUser ] = React.useState<EditUserRequest>();\r\n  const [ deletingUser, setDeletingUser ] = React.useState<EditUserRequest>();\r\n\r\n  const [ pageNumber, setPageNumber ] = React.useState<number>(1);\r\n  const [ currentPage, setCurrentPage ] = React.useState<EditUserRequest[]>([]);\r\n\r\n  const [ state, dispatch ] = React.useReducer(UserUploadReducer, null);\r\n\r\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\r\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\r\n    currentUser.data && SchoolUserRequests.yearGroups(currentUser.data.id));\r\n\r\n  const navLock = useNavLock();\r\n  const flightDispatch = useDispatch();\r\n  const { hasPermissions } = usePermissions();\r\n\r\n  // Runs on first load. Finds all invalid users and initializes the reducer.\r\n  React.useEffect(() => {\r\n    if (state || !currentUser.data)\r\n      return;\r\n\r\n    if (!users || !hasPermissions(PermissionName.ManageUsers)) {\r\n      // Redirect if the user has reloaded the page or doesn't have correct permissions\r\n      Core.AppLinkHelper.trigger({\r\n        application: AppChannels.USER_MANAGER,\r\n        action: props.userType === UserGroup.Learner ? Actions.UserManager.STUDENTS : Actions.UserManager.STAFF\r\n      }, { replace: true });\r\n      return;\r\n    }\r\n\r\n    navLock.lock({\r\n      id: NAV_LOCK_ID,\r\n      title: getPhrase('navLockTitle'),\r\n      text: getPhrase('navLockBody'),\r\n      onConfirmUnlock: () => {\r\n        AnalyticsHelper.logUserAction({}, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n          workflowPhase: WorkflowPhase.Discard,\r\n          descriptor: OperationDescriptor.Bulk\r\n        }));\r\n      }\r\n    });\r\n\r\n    Flight.fetch(\r\n      flightDispatch,\r\n      SchoolUserRequests.bulkValidate(\r\n        UserManagerHelper.formatCreateUserRequest(users, props.userType, currentUser.data.customerId),\r\n        errors => {\r\n          const invalidUsers: HashObject = {};\r\n\r\n          errors.forEach(erroredUser => {\r\n            // TODO: Handle no username error\r\n            const user = users.find(u => u.username === erroredUser.users[0].username);\r\n\r\n            invalidUsers[user.lookupId] = {\r\n              user,\r\n              errorCodes: erroredUser.errorCodes\r\n            };\r\n          });\r\n\r\n          AnalyticsHelper.logUserAction({\r\n            totalUploaded: users.length,\r\n            totalInvalid: invalidUsers.length\r\n          }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n            workflowPhase: WorkflowPhase.Start,\r\n            descriptor: OperationDescriptor.Bulk\r\n          }));\r\n\r\n          console.log(invalidUsers);\r\n\r\n          dispatch({\r\n            type: 'init',\r\n            payload: {\r\n              users,\r\n              invalidUsers\r\n            }\r\n          });\r\n\r\n          setUsers(null);\r\n\r\n          if (!Object.keys(invalidUsers).length)\r\n            setHideValidListings(false);\r\n        },\r\n        () => {\r\n          console.log('error');\r\n        }\r\n      )\r\n    );\r\n\r\n    // async function initReducer(): Promise<void> {\r\n    //   const invalidUsers: HashObject = {};\r\n\r\n    //   // Find every uploaded user with errors, and add them to the invalid users view model\r\n    //   for (const user of users) {\r\n    //     try {\r\n    //       await CreateUserValidationSchema.validate(user, { abortEarly: false });\r\n    //     } catch (errors) {\r\n    //       invalidUsers[user.lookupId] = {\r\n    //         user: user,\r\n    //         errors: errors.inner.reduce((errorsObj: HashObject, err: HashObject) => {\r\n    //           const key = err.path.split('.')[0];\r\n    //           errorsObj[key] = err.message;\r\n    //           return errorsObj;\r\n    //         }, {})\r\n    //       };\r\n    //     }\r\n    //   }\r\n\r\n    //   AnalyticsHelper.logUserAction({\r\n    //     totalUploaded: users.length,\r\n    //     totalInvalid: invalidUsers.length\r\n    //   }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n    //     workflowPhase: WorkflowPhase.Start,\r\n    //     descriptor: OperationDescriptor.Bulk\r\n    //   }));\r\n\r\n    //   dispatch({\r\n    //     type: 'init',\r\n    //     payload: {\r\n    //       users: users,\r\n    //       invalidUsers\r\n    //     }\r\n    //   });\r\n\r\n    //   setUsers(null);\r\n\r\n    //   if (!Object.keys(invalidUsers).length)\r\n    //     setHideValidListings(false);\r\n    // }\r\n\r\n    // initReducer();\r\n  }, [ users, currentUser.data ]);\r\n\r\n  // Handles pagination. Runs every time the state changes\r\n  React.useEffect(() => {\r\n    if (!state || !state.users?.length)\r\n      return;\r\n\r\n    const collection = hideValidListings\r\n      ? Object.keys(state.invalidUsers).map(name => state.invalidUsers[name].user)\r\n      : state.users;\r\n\r\n    const usersPage = collection.slice(MAX_PAGE_SIZE * (pageNumber - 1), MAX_PAGE_SIZE * pageNumber);\r\n\r\n    setCurrentPage(usersPage);\r\n\r\n    const pageCount = getPageCount();\r\n    if (pageCount && pageNumber > pageCount)\r\n      setPageNumber(pageCount);\r\n  }, [ hideValidListings, pageNumber, state ]);\r\n\r\n  // Listening for when all user entries have been deleted. Redirects to user manager\r\n  React.useEffect(() => {\r\n    if (state && !state.users?.length) {\r\n      navLock.unlock(NAV_LOCK_ID);\r\n\r\n      Core.AppLinkHelper.trigger({\r\n        application: AppChannels.USER_MANAGER,\r\n        action: props.userType === UserGroup.Learner ? Actions.UserManager.STUDENTS: Actions.UserManager.STAFF\r\n      });\r\n    }\r\n  }, [state]);\r\n\r\n  /**\r\n   * Event Handlers\r\n   */\r\n  function onToggleValidListings(): void {\r\n    setHideValidListings(!hideValidListings);\r\n    setPageNumber(1);\r\n\r\n    AnalyticsHelper.logUserAction({\r\n      hideValidListings: !hideValidListings\r\n    }, AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n      actionType: UserAction.Click,\r\n      descriptor: ClickDescriptor.ToggleHideValidListings\r\n    }));\r\n  }\r\n\r\n  function onClickEdit(user: EditUserRequest): void {\r\n    setEditingUser(user);\r\n  }\r\n\r\n  function onCloseEditPopup(): void {\r\n    setEditingUser(null);\r\n    props.closePopup();\r\n  }\r\n\r\n  function onClickDelete(user: EditUserRequest): void {\r\n    setDeletingUser(user);\r\n  }\r\n\r\n  function onCloseDeletePopup(): void {\r\n    props.closePopup();\r\n    setDeletingUser(null);\r\n  }\r\n\r\n  function onClickCancel(): void {\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.USER_MANAGER,\r\n      action: props.userType === UserGroup.Learner ? Actions.UserManager.STUDENTS: Actions.UserManager.STAFF\r\n    });\r\n  }\r\n\r\n  function onClickNext(): void {\r\n    if (getTotalInvalidListings(state))\r\n      return;\r\n\r\n    validateUsers();\r\n  }\r\n\r\n  function validateUsers(): void {\r\n    if (getTotalInvalidListings(state))\r\n      return;\r\n\r\n    setUsers(state.users);\r\n\r\n    navLock.unlock(NAV_LOCK_ID);\r\n\r\n    LocalStorageHelper.set(ViewModelKeys.BULK_USER_UPLOAD, props.userType);\r\n\r\n    Core.AppLinkHelper.trigger({\r\n      application: AppChannels.USER_MANAGER,\r\n      action: Actions.UserManager.USER_UPLOAD_DUPLICATES\r\n    }, { replace: true });\r\n  }\r\n\r\n  function getPageCount(): number {\r\n    return hideValidListings\r\n      ? Math.ceil(getTotalInvalidListings(state) / MAX_PAGE_SIZE)\r\n      : Math.ceil(state.users.length / MAX_PAGE_SIZE);\r\n  }\r\n\r\n  if (!state || !currentUser.data || !hasPermissions(PermissionName.ManageUsers) || !yearGroups.data)\r\n    return <></>;\r\n\r\n  return (\r\n    <LanguageNamespaceContext.Provider value={namespace}>\r\n      <UserUploadContext.Provider value={{ state, dispatch }}>\r\n        <div className='px-3'>\r\n          <div className='d-flex justify-content-between align-items-center'>\r\n            <h1><Text phrase='heading' /></h1>\r\n            <div className='d-flex align-items-center'>\r\n              <button\r\n                className='btn btn-link mr-2'\r\n                onClick={onClickCancel}\r\n              >\r\n                <Text phrase='cancel' />\r\n              </button>\r\n              <button\r\n                className={`btn btn-dark ${getTotalInvalidListings(state) ? 'disabled' : ''}`}\r\n                onClick={onClickNext}\r\n              >\r\n                <Text phrase='next' />\r\n              </button>\r\n            </div>\r\n          </div>\r\n\r\n          {!!getTotalInvalidListings(state) &&\r\n            <p className='mb-1'>\r\n              <Text phrase='reviewCount' options={{ smartCount: getTotalInvalidListings(state) }} />\r\n            </p>\r\n          }\r\n\r\n          <div className='d-flex align-items-center flex-wrap'>\r\n            <p className='pr-3 mb-0'><Text phrase='switchLabel' /></p>\r\n            <ToggleSwitch\r\n              onClick={onToggleValidListings}\r\n              on={hideValidListings}\r\n            />\r\n          </div>\r\n\r\n          <main className='pt-2 pb-3'>\r\n            <UserReviewTable\r\n              users={currentPage}\r\n              userType={props.userType}\r\n              onClickEdit={onClickEdit}\r\n              onClickDelete={onClickDelete}\r\n              onClickSeeFullList={() => setHideValidListings(false)}\r\n              showInvalidEmptyState={hideValidListings && !getTotalInvalidListings(state)}\r\n            />\r\n            {!(hideValidListings && !getTotalInvalidListings(state)) && (\r\n              <LocalPagination\r\n                className='py-2 float-right'\r\n                onClickNext={() => setPageNumber(pageNumber + 1)}\r\n                onClickBack={() => setPageNumber(pageNumber - 1)}\r\n                currentPage={pageNumber}\r\n                totalPages={getPageCount()}\r\n              />\r\n            )}\r\n          </main>\r\n\r\n          {!!editingUser && (\r\n            <EditUploadedUserPopup\r\n              user={editingUser}\r\n              closePopup={onCloseEditPopup}\r\n              title={getPhrase('editUser')}\r\n              userType={props.userType}\r\n              yearGroups={yearGroups.data}\r\n              analyticsOptions={AnalyticsHelper.mergeOptions(props.analyticsOptions, {\r\n                actionType: UserAction.Edit\r\n              })}\r\n              currentUser={currentUser.data}\r\n            />\r\n          )}\r\n\r\n          {!!deletingUser && (\r\n            <DeleteUploadedUserPopup\r\n              user={deletingUser}\r\n              closePopup={onCloseDeletePopup}\r\n              analyticsOptions={props.analyticsOptions}\r\n            />\r\n          )}\r\n        </div>\r\n      </UserUploadContext.Provider>\r\n    </LanguageNamespaceContext.Provider>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/95.chunk.js

@@ -0,0 +1,221 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[95],{
+
+/***/ "../../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/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: ClassroomDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomDetailsForm", function() { return ClassroomDetailsForm; });
+/* 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_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __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_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_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __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_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function ClassroomDetailsForm(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('nameLabel'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getPhrase('namePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
+    isNew: props.isNew
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: EditClassroomDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomDetails", function() { return EditClassroomDetails; });
+/* 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_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_classrooms_validation_ClassroomValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomValidationSchema */ "./src/apps/classrooms/validation/ClassroomValidationSchema.ts");
+/* harmony import */ var apps_classrooms_components_classroom_details_form_ClassroomDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-details-form/ClassroomDetailsForm */ "./src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx");
+
+
+
+
+function EditClassroomDetails(props) {
+  var _a, _b;
+
+  var classroom = props.classroom,
+      saveClassroom = props.saveClassroom,
+      onClickCancel = props.onClickCancel;
+  var initialValues = {
+    id: (_a = classroom) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = classroom) === null || _b === void 0 ? void 0 : _b.name
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    validationSchema: apps_classrooms_validation_ClassroomValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomValidationSchema"],
+    onSubmit: saveClassroom
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_details_form_ClassroomDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomDetailsForm"], {
+    isNew: !classroom,
+    onClickCancel: onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/validation/ClassroomValidationSchema.ts":
+/*!*********************************************************************!*\
+  !*** ./src/apps/classrooms/validation/ClassroomValidationSchema.ts ***!
+  \*********************************************************************/
+/*! exports provided: ClassroomValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomValidationSchema", function() { return ClassroomValidationSchema; });
+/* 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 _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");
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
+var ClassroomValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"]('')
+});
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/create-classroom/CreateClassroomView.tsx":
+/*!****************************************************************************!*\
+  !*** ./src/apps/classrooms/views/create-classroom/CreateClassroomView.tsx ***!
+  \****************************************************************************/
+/*! exports provided: CreateClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "CreateClassroomView", function() { return CreateClassroomView; });
+/* 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_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_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* 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 apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_edit_classroom_details_EditClassroomDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/edit-classroom-details/EditClassroomDetails */ "./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.createClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function CreateClassroomView(props) {
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+
+  var saveClassroom = function saveClassroom(classroom) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].createClassroom(classroom, function (newClassroom) {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction(newClassroom, props.analyticsOptions);
+      alerts.success(getPhrase('success', {
+        name: classroom.name
+      }));
+      props.closePopup();
+    }, function () {
+      // TODO: Handle possible errors once we have a server side
+      alerts.error(getPhrase('error'));
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    title: getPhrase('title'),
+    closePopup: props.closePopup
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_details_EditClassroomDetails__WEBPACK_IMPORTED_MODULE_7__["EditClassroomDetails"], {
+    saveClassroom: saveClassroom,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=95.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/validation/ClassroomValidationSchema.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/create-classroom/CreateClassroomView.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AACA;AAEO,IAAM,SAAS,GAAG,SAAZ,SAAY,GAAK;AAC5B,MAAM,YAAY,GAAG,qFAAU,CAAmB,4FAAc,CAAC,KAAlC,CAA/B;AAEA,SAAO;AACL,WADK,mBACG,YADH,EACsD;AACzD,kBAAY,CAAC,OAAb,CAAqB,YAArB;AACD,KAHI;AAIL,SAJK,iBAIC,YAJD,EAIoD;AACvD,kBAAY,CAAC,KAAb,CAAmB,YAAnB;AACD,KANI;AAOL,WAPK,mBAOG,YAPH,EAOuB;AAC1B,kBAAY,CAAC,WAAb,CAAyB;AACvB,YAAI,EAAE,wFAAS,CAAC,OADO;AAEvB,eAAO,EAAE,kGAAmB,CAAC,OAFN;AAGvB,eAAO,EAAE;AAHc,OAAzB;AAKD;AAbI,GAAP;AAeD,CAlBM,C;;;;;;;;;;;;ACJP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AACA;AACA;AAIA,IAAM,SAAS,GAAG,iCAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AAOM,SAAU,oBAAV,CAA+B,KAA/B,EAA+D;AACnE,MAAM,WAAW,GAAG,0HAAuB,EAA3C;AAEA,SACE,2DAAC,2CAAD,EAAK,IAAL,EACE,2DAAC,gGAAD,EAAU;AACR,SAAK,EAAE,SAAS,CAAC,WAAD,CADR;AAER,QAAI,EAAC,MAFG;AAGR,QAAI,EAAC,MAHG;AAIR,MAAE,EAAC,MAJK;AAKR,eAAW,EAAE,SAAS,CAAC,iBAAD,CALd;AAMR,aAAS,MAND;AAOR,SAAK,EAAE,WAAW,CAAC,MAAZ,CAAmB;AAPlB,GAAV,CADF,EAWE;AAAK,aAAS,EAAC;AAAf,KACE;AAAQ,QAAI,EAAC,QAAb;AAAsB,aAAS,EAAC,mBAAhC;AAAoD,WAAO,EAAE,KAAK,CAAC;AAAnE,KACE,2DAAC,0EAAD,EAAK;AAAC,aAAS,EAAE,SAAZ;AAAuB,UAAM,EAAC;AAA9B,GAAL,CADF,CADF,EAIE,2DAAC,sGAAD,EAAY;AAAC,SAAK,EAAE,KAAK,CAAC;AAAd,GAAZ,CAJF,CAXF,CADF;AAoBD,C;;;;;;;;;;;;AC1CD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAIA;AACA;AAQM,SAAU,oBAAV,CAA+B,KAA/B,EAA+D;;;AAAA,MAC3D,SAD2D,GACf,KADe,CAC3D,SAD2D;AAAA,MAChD,aADgD,GACf,KADe,CAChD,aADgD;AAAA,MACjC,aADiC,GACf,KADe,CACjC,aADiC;AAGnE,MAAM,aAAa,GAAyB;AAC1C,MAAE,QAAE,SAAF,MAAW,IAAX,IAAW,aAAX,GAAW,MAAX,GAAW,GAAE,EAD2B;AAE1C,QAAI,QAAE,SAAF,MAAW,IAAX,IAAW,aAAX,GAAW,MAAX,GAAW,GAAE;AAFyB,GAA5C;AAKA,SACE,2DAAC,sGAAD,EAAY;AACV,iBAAa,EAAE,aADL;AAEV,oBAAgB,EAAE,8GAFR;AAGV,YAAQ,EAAE;AAHA,GAAZ,EAKE,2DAAC,2HAAD,EAAqB;AAAC,SAAK,EAAE,CAAC,SAAT;AAAoB,iBAAa,EAAE;AAAnC,GAArB,CALF,CADF;AASD,C;;;;;;;;;;;;AChCD;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA;AAEA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,gCAAjC,CAAlB;AAEO,IAAM,yBAAyB,GAAG,kDAAM,GAAG,KAAT,CAAe;AACtD,MAAI,EAAE,kDAAM,GACT,GADG,CACC,GADD,EACM;AAAA,WAAM,SAAS,CAAC,aAAD,CAAf;AAAA,GADN,EAEH,QAFG,CAEM;AAAA,WAAM,SAAS,CAAC,cAAD,CAAf;AAAA,GAFN,aAGK,EAHL;AADgD,CAAf,CAAlC,C;;;;;;;;;;;;ACNP;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA;AAEA;AACA;AACA;AAEA;AAEA;AAEA;AACA;AAEA,IAAM,SAAS,GAAG,4BAAlB;AACA,IAAM,SAAS,GAAG,kGAAe,CAAC,gBAAhB,CAAiC,SAAjC,CAAlB;AAIM,SAAU,mBAAV,CAA8B,KAA9B,EAA6D;AACjE,MAAM,MAAM,GAAG,kFAAS,EAAxB;AACA,MAAM,QAAQ,GAAG,+DAAW,EAA5B;;AAEA,MAAM,aAAa,GAAG,SAAhB,aAAgB,CAAC,SAAD,EAAoC;AACxD,iEAAM,CAAC,KAAP,CAAa,QAAb,EAAuB,mGAAiB,CAAC,eAAlB,CAAkC,SAAlC,EAA6C,sBAAY,EAAG;AACjF,yFAAe,CAAC,aAAhB,CAA8B,YAA9B,EAA4C,KAAK,CAAC,gBAAlD;AAEA,YAAM,CAAC,OAAP,CAAe,SAAS,CAAC,SAAD,EAAY;AAAE,YAAI,EAAE,SAAS,CAAC;AAAlB,OAAZ,CAAxB;AACA,WAAK,CAAC,UAAN;AACD,KALsB,EAKpB,YAAK;AACN;AACA,YAAM,CAAC,KAAP,CAAa,SAAS,CAAC,OAAD,CAAtB;AACD,KARsB,CAAvB;AASD,GAVD;;AAYA,SACE,2DAAC,6EAAD,EAAM;AAAC,SAAK,EAAE,SAAS,CAAC,OAAD,CAAjB;AAA4B,cAAU,EAAE,KAAK,CAAC;AAA9C,GAAN,EACE,2DAAC,2HAAD,EAAqB;AACnB,iBAAa,EAAE,aADI;AAEnB,iBAAa,EAAE,KAAK,CAAC;AAFF,GAArB,CADF,CADF;AAQD,C","file":"scripts/95.chunk.js","sourcesContent":["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 React from 'react';\r\nimport { 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 { useFormikContextWrapper } 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\n\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\n\r\nconst namespace = 'classrooms.classroomDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ClassroomDetailsFormProps {\r\n  onClickCancel: () => void;\r\n  isNew: boolean;\r\n}\r\n\r\nexport function ClassroomDetailsForm(props: ClassroomDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContextWrapper<EditClassroomRequest>();\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\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={props.isNew} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\nimport { ClassroomValidationSchema } from 'apps/classrooms/validation/ClassroomValidationSchema';\r\nimport { ClassroomDetailsForm } from 'apps/classrooms/components/classroom-details-form/ClassroomDetailsForm';\r\n\r\ninterface EditClassroomDetailsProps {\r\n  classroom?: MockClassroom;\r\n  saveClassroom: (data: EditClassroomRequest) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditClassroomDetails(props: EditClassroomDetailsProps): React.ReactElement {\r\n  const { classroom, saveClassroom, onClickCancel } = props;\r\n\r\n  const initialValues: EditClassroomRequest = {\r\n    id: classroom?.id,\r\n    name: classroom?.name\r\n  };\r\n\r\n  return (\r\n    <FormWrapper<EditClassroomRequest>\r\n      initialValues={initialValues}\r\n      validationSchema={ClassroomValidationSchema}\r\n      onSubmit={saveClassroom}\r\n    >\r\n      <ClassroomDetailsForm isNew={!classroom} onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","import { object, string } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('classrooms.classroomValidation');\r\n\r\nexport const ClassroomValidationSchema = object().shape({\r\n  name: string()\r\n    .max(255, () => getPhrase('nameExceeds'))\r\n    .required(() => getPhrase('nameRequired'))\r\n    .default('')\r\n});","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PropsWithAnalyticsOptions, PropsWithPopupViewProps } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\nimport { EditClassroomDetails } from 'apps/classrooms/components/edit-classroom-details/EditClassroomDetails';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.createClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype CreateClassroomViewProps = PropsWithAnalyticsOptions<PropsWithPopupViewProps<unknown>>;\r\n\r\nexport function CreateClassroomView(props: CreateClassroomViewProps): JSX.Element {\r\n  const alerts = useAlerts();\r\n  const dispatch = useDispatch();\r\n\r\n  const saveClassroom = (classroom: EditClassroomRequest) => {\r\n    Flight.fetch(dispatch, ClassroomRequests.createClassroom(classroom, newClassroom => {\r\n      AnalyticsHelper.logUserAction(newClassroom, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', { name: classroom.name }));\r\n      props.closePopup();\r\n    }, () => {\r\n      // TODO: Handle possible errors once we have a server side\r\n      alerts.error(getPhrase('error'));\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Popup title={getPhrase('title')} closePopup={props.closePopup}>\r\n      <EditClassroomDetails\r\n        saveClassroom={saveClassroom}\r\n        onClickCancel={props.closePopup}\r\n      />\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}

package/dist/scripts/96.chunk.js

@@ -0,0 +1,230 @@
+(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[96],{
+
+/***/ "../../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/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: ClassroomDetailsForm */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomDetailsForm", function() { return ClassroomDetailsForm; });
+/* 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_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__ = __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_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_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__ = __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_components_text_Text__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
+
+
+
+
+
+
+
+var namespace = 'classrooms.classroomDetailsForm';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function ClassroomDetailsForm(props) {
+  var formikProps = Object(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_4__["useFormikContextWrapper"])();
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(formik__WEBPACK_IMPORTED_MODULE_1__["Form"], null, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_field_FormField__WEBPACK_IMPORTED_MODULE_3__["FormField"], {
+    label: getPhrase('nameLabel'),
+    type: 'text',
+    name: 'name',
+    id: 'name',
+    placeholder: getPhrase('namePlaceholder'),
+    autoFocus: true,
+    value: formikProps.values.name
+  }), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("div", {
+    className: 'btn-container d-flex justify-content-end'
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement("button", {
+    type: 'button',
+    className: 'btn btn-link mr-2',
+    onClick: props.onClickCancel
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_6__["Text"], {
+    namespace: namespace,
+    phrase: 'cancel'
+  })), react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_buttons_FormButtons__WEBPACK_IMPORTED_MODULE_5__["FormButtons"], {
+    isNew: props.isNew
+  })));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx":
+/*!****************************************************************************************!*\
+  !*** ./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx ***!
+  \****************************************************************************************/
+/*! exports provided: EditClassroomDetails */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomDetails", function() { return EditClassroomDetails; });
+/* 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_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/forms/form-wrapper/FormWrapper */ "../../libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx");
+/* harmony import */ var apps_classrooms_validation_ClassroomValidationSchema__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! apps/classrooms/validation/ClassroomValidationSchema */ "./src/apps/classrooms/validation/ClassroomValidationSchema.ts");
+/* harmony import */ var apps_classrooms_components_classroom_details_form_ClassroomDetailsForm__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! apps/classrooms/components/classroom-details-form/ClassroomDetailsForm */ "./src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx");
+
+
+
+
+function EditClassroomDetails(props) {
+  var _a, _b;
+
+  var classroom = props.classroom,
+      saveClassroom = props.saveClassroom,
+      onClickCancel = props.onClickCancel;
+  var initialValues = {
+    id: (_a = classroom) === null || _a === void 0 ? void 0 : _a.id,
+    name: (_b = classroom) === null || _b === void 0 ? void 0 : _b.name
+  };
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_forms_form_wrapper_FormWrapper__WEBPACK_IMPORTED_MODULE_1__["FormWrapper"], {
+    initialValues: initialValues,
+    validationSchema: apps_classrooms_validation_ClassroomValidationSchema__WEBPACK_IMPORTED_MODULE_2__["ClassroomValidationSchema"],
+    onSubmit: saveClassroom
+  }, react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_classroom_details_form_ClassroomDetailsForm__WEBPACK_IMPORTED_MODULE_3__["ClassroomDetailsForm"], {
+    isNew: !classroom,
+    onClickCancel: onClickCancel
+  }));
+}
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/validation/ClassroomValidationSchema.ts":
+/*!*********************************************************************!*\
+  !*** ./src/apps/classrooms/validation/ClassroomValidationSchema.ts ***!
+  \*********************************************************************/
+/*! exports provided: ClassroomValidationSchema */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassroomValidationSchema", function() { return ClassroomValidationSchema; });
+/* 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 _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");
+
+
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_1__["LanguageService"].encloseNamespace('classrooms.classroomValidation');
+var ClassroomValidationSchema = Object(yup__WEBPACK_IMPORTED_MODULE_0__["object"])().shape({
+  name: Object(yup__WEBPACK_IMPORTED_MODULE_0__["string"])().max(255, function () {
+    return getPhrase('nameExceeds');
+  }).required(function () {
+    return getPhrase('nameRequired');
+  })["default"]('')
+});
+
+/***/ }),
+
+/***/ "./src/apps/classrooms/views/edit-classroom/EditClassroomView.tsx":
+/*!************************************************************************!*\
+  !*** ./src/apps/classrooms/views/edit-classroom/EditClassroomView.tsx ***!
+  \************************************************************************/
+/*! exports provided: EditClassroomView */
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "EditClassroomView", function() { return EditClassroomView; });
+/* 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_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_common_src_react__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/react */ "../../libs/common/src/react/index.ts");
+/* 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 apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! apps/classrooms/flight-requests/ClassroomRequests */ "./src/apps/classrooms/flight-requests/ClassroomRequests.ts");
+/* harmony import */ var apps_classrooms_components_edit_classroom_details_EditClassroomDetails__WEBPACK_IMPORTED_MODULE_7__ = __webpack_require__(/*! apps/classrooms/components/edit-classroom-details/EditClassroomDetails */ "./src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx");
+/* harmony import */ var _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ../../../../../../../libs/analytics/src/AnalyticsHelper */ "../../libs/analytics/src/AnalyticsHelper.ts");
+
+
+
+
+
+
+
+
+
+var namespace = 'classrooms.editClassroom';
+var getPhrase = _libs_common_src_backbone_services_LanguageService__WEBPACK_IMPORTED_MODULE_2__["LanguageService"].encloseNamespace(namespace);
+function EditClassroomView(props) {
+  var _a;
+
+  var alerts = Object(_libs_shared_src_hooks_UseAlerts__WEBPACK_IMPORTED_MODULE_5__["useAlerts"])();
+  var dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_1__["useDispatch"])();
+  var classroom = _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].useBasicFetch(apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].getClassroom(props.id));
+
+  var saveClassroom = function saveClassroom(updatedClassroom) {
+    _libs_common_src_react__WEBPACK_IMPORTED_MODULE_3__["Flight"].fetch(dispatch, apps_classrooms_flight_requests_ClassroomRequests__WEBPACK_IMPORTED_MODULE_6__["ClassroomRequests"].editClassroom(updatedClassroom, function () {
+      _libs_analytics_src_AnalyticsHelper__WEBPACK_IMPORTED_MODULE_8__["AnalyticsHelper"].logUserAction(updatedClassroom, props.analyticsOptions);
+      alerts.success(getPhrase('success', {
+        name: updatedClassroom.name
+      }));
+      props.closePopup();
+    }, function () {
+      // TODO: Handle possible errors once we have a server side
+      alerts.error(getPhrase('error', {
+        name: classroom.data.name
+      }));
+    }));
+  };
+
+  return react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(_libs_shared_src_components_popup_Popup__WEBPACK_IMPORTED_MODULE_4__["Popup"], {
+    title: getPhrase('title', {
+      name: (_a = classroom.data) === null || _a === void 0 ? void 0 : _a.name
+    }),
+    closePopup: props.closePopup,
+    showLoadingSpinner: !classroom.data
+  }, classroom.data && react__WEBPACK_IMPORTED_MODULE_0___default.a.createElement(apps_classrooms_components_edit_classroom_details_EditClassroomDetails__WEBPACK_IMPORTED_MODULE_7__["EditClassroomDetails"], {
+    classroom: classroom.data,
+    saveClassroom: saveClassroom,
+    onClickCancel: props.closePopup
+  }));
+}
+
+/***/ })
+
+}]);
+//# sourceMappingURL=96.chunk.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView/front-end/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/classroom-details-form/ClassroomDetailsForm.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/components/edit-classroom-details/EditClassroomDetails.tsx","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/validation/ClassroomValidationSchema.ts","file://C:/ClickView/front-end/clickview/packages/projects/lite/src/apps/classrooms/views/edit-classroom/EditClassroomView.tsx"],"names":[],"mappings":"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","file":"scripts/96.chunk.js","sourcesContent":["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 React from 'react';\r\nimport { 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 { useFormikContextWrapper } 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\n\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\n\r\nconst namespace = 'classrooms.classroomDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ClassroomDetailsFormProps {\r\n  onClickCancel: () => void;\r\n  isNew: boolean;\r\n}\r\n\r\nexport function ClassroomDetailsForm(props: ClassroomDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContextWrapper<EditClassroomRequest>();\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\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={props.isNew} />\r\n      </div>\r\n    </Form>\r\n  );\r\n}","import React from 'react';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\n\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\nimport { ClassroomValidationSchema } from 'apps/classrooms/validation/ClassroomValidationSchema';\r\nimport { ClassroomDetailsForm } from 'apps/classrooms/components/classroom-details-form/ClassroomDetailsForm';\r\n\r\ninterface EditClassroomDetailsProps {\r\n  classroom?: MockClassroom;\r\n  saveClassroom: (data: EditClassroomRequest) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditClassroomDetails(props: EditClassroomDetailsProps): React.ReactElement {\r\n  const { classroom, saveClassroom, onClickCancel } = props;\r\n\r\n  const initialValues: EditClassroomRequest = {\r\n    id: classroom?.id,\r\n    name: classroom?.name\r\n  };\r\n\r\n  return (\r\n    <FormWrapper<EditClassroomRequest>\r\n      initialValues={initialValues}\r\n      validationSchema={ClassroomValidationSchema}\r\n      onSubmit={saveClassroom}\r\n    >\r\n      <ClassroomDetailsForm isNew={!classroom} onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","import { object, string } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('classrooms.classroomValidation');\r\n\r\nexport const ClassroomValidationSchema = object().shape({\r\n  name: string()\r\n    .max(255, () => getPhrase('nameExceeds'))\r\n    .required(() => getPhrase('nameRequired'))\r\n    .default('')\r\n});","import React from 'react';\r\nimport { useDispatch } from 'react-redux';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { Flight } from 'libs/common/flight';\r\n\r\nimport { Popup } from 'libs/shared/components/popup/Popup';\r\nimport { PropsWithPopupViewProps, PropsWithAnalyticsOptions } from 'libs/shared/interfaces';\r\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\r\n\r\nimport { ClassroomRequests } from 'apps/classrooms/flight-requests/ClassroomRequests';\r\nimport { EditClassroomRequest } from 'apps/classrooms/interfaces/EditClassroomRequest';\r\nimport { EditClassroomDetails } from 'apps/classrooms/components/edit-classroom-details/EditClassroomDetails';\r\nimport { MockClassroom } from 'apps/user-manager/interfaces';\r\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\r\n\r\nconst namespace = 'classrooms.editClassroom';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ntype EditClassroomViewProps = PropsWithPopupViewProps<PropsWithAnalyticsOptions<{\r\n  id: string;\r\n}>>;\r\n\r\nexport function EditClassroomView(props: EditClassroomViewProps): JSX.Element {\r\n  const alerts = useAlerts();\r\n  const dispatch = useDispatch();\r\n\r\n  const classroom = Flight.useBasicFetch<MockClassroom>(ClassroomRequests.getClassroom(props.id));\r\n\r\n  const saveClassroom = (updatedClassroom: EditClassroomRequest) => {\r\n    Flight.fetch(dispatch, ClassroomRequests.editClassroom(updatedClassroom, () => {\r\n      AnalyticsHelper.logUserAction(updatedClassroom, props.analyticsOptions);\r\n\r\n      alerts.success(getPhrase('success', { name: updatedClassroom.name }));\r\n      props.closePopup();\r\n    }, () => {\r\n      // TODO: Handle possible errors once we have a server side\r\n      alerts.error(getPhrase('error', { name: classroom.data.name }));\r\n    }));\r\n  };\r\n\r\n  return (\r\n    <Popup\r\n      title={getPhrase('title', { name: classroom.data?.name })}\r\n      closePopup={props.closePopup}\r\n      showLoadingSpinner={!classroom.data}\r\n    >\r\n      {classroom.data && (\r\n        <EditClassroomDetails\r\n          classroom={classroom.data}\r\n          saveClassroom={saveClassroom}\r\n          onClickCancel={props.closePopup}\r\n        />\r\n      )}\r\n    </Popup>\r\n  );\r\n}"],"sourceRoot":""}