@clickview/lite 0.0.22-dev.1 → 0.0.22-rc.1

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

@@ -0,0 +1 @@
+{"version":3,"sources":["file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/search/components/scoped-search-bar/ScopedSearchBar.tsx","webpack://@clickview/lite/./src/apps/search/components/scoped-search-bar/scoped-search-bar.scss?1859","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/ManageUsersList.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/partial-loading/PartialManageUsersList.tsx","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/students/ManageStudentItem.tsx","webpack://@clickview/lite/./src/apps/user-manager/components/manage-users-list/students/manage-student-item.scss?aea5","file://C:/ClickView Projects/clickview/packages/projects/lite/src/apps/user-manager/components/manage-users-list/teachers/ManageTeacherItem.tsx","file://C:/ClickView Projects/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-880910202d.chunk.js → 19-6166dd7d95.chunk.js}

@@ -1 +1 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1211:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return b}));var a=n(0),r=n.n(a),o=n(59),c=n(9),i=n(14),l=n(225),u=n(786),s=n(230),m=n(955),d=n(47),f=n(3),p=c.a.encloseNamespace("classrooms.createClassroomGroup");function b(e){var t=i.a.useBasicFetch(s.a.getClassroom(e.classroomId)),n=Object(u.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(p("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(l.a,{title:p("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){i.a.fetch(a,s.a.addGroupToClassroom(t,e.classroomId,(function(t){var n;d.a.logUserAction({id:t.id,classroomId:e.classroomId},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Create})),(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){i.a.fetch(a,s.a.addStudentsToGroup(e.studentIds,t.id,(function(){d.a.logUserAction({id:t.id,studentCount:e.studentIds.length},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Associate,descriptor:f.a.User})),c(t)})))}(t):c(t)}),(function(){n.error(p("error"))})))},onClickCancel:e.closePopup}))}},786:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(146),r=n(44),o=n(55),c=function(){var e=Object(a.a)(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},787:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},789:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(785),o=n(42),c=n(54),i=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=i(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=c.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){s&&o(),r(!1)}))},initialStatus:f}),o.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},797:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(785),r={getCustomFormControlClassName:function(e,t,n,r){var o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},799:function(e,t,n){"use strict";var a=n(0),r=n(785),o=n(43),c=n(42),i=n(797);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,c=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),f=Object(r.f)(),p=f.errors,b=f.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:u.id},t),a.createElement(d,Object.assign({className:i.a.getCustomFormControlClassName(p,b,u.name,n)},u)),!!c&&!!u.maxLength&&a.createElement(l,{fieldName:u.name,limit:u.maxLength}),a.createElement(r.a,{name:u.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}},800:function(e,t,n){"use strict";var a=n(0),r=n(785);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var i=n(234),l=n(81);n.d(t,"a",(function(){return u}));function u(e){var t=Object(r.f)(),n=function(e){var t,n=o(a.useState(!1),2),r=n[0],c=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?c(!0):c(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&c(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.a,{showSpinner:t.isSubmitting,type:"submit",disabled:!n},a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},828:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},847:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},874:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n.n(a),o=n(43),c=n(787),i=n(50),l=n(12),u=n(828),s=n(847),m=n(875),d=n.n(m);function f(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===u.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(s.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(s.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(u.a).map((function(n){var a=u.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===u.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}f.defaultProps={selection:u.a.White,onSelect:function(){}}},875:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},935:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}},955:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(789),c=n(829),i=n(9),l=n(828),u=i.a.encloseNamespace("classrooms.classroomValidation"),s=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return u("nameExceeds")})).required((function(){return u("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return u("colourRequired")})).default(l.a.White)}),m=n(785),d=n(799),f=n(800),p=n(81),b=n(874),v=n(935),h=n.n(v),y="classrooms.classroomGroupDetailsForm",g=i.a.encloseNamespace(y);function O(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:g("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(b.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(p.b,{namespace:y,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew}))))}function E(e){var t,n,a,c=e.group,i=e.saveGroup,l=e.onClickCancel,u={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:u,validationSchema:s,onSubmit:i},r.a.createElement(O,{isNew:!c,onClickCancel:l}))}n.d(t,"a",(function(){return E}))}}]);
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1217:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return b}));var a=n(0),r=n.n(a),o=n(59),c=n(9),i=n(14),l=n(227),u=n(791),s=n(231),m=n(961),d=n(37),f=n(3),p=c.a.encloseNamespace("classrooms.createClassroomGroup");function b(e){var t=i.a.useBasicFetch(s.a.getClassroom(e.classroomId)),n=Object(u.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(p("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(l.a,{title:p("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){i.a.fetch(a,s.a.addGroupToClassroom(t,e.classroomId,(function(t){var n;d.a.logUserAction({id:t.id,classroomId:e.classroomId},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Create})),(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){i.a.fetch(a,s.a.addStudentsToGroup(e.studentIds,t.id,(function(){d.a.logUserAction({id:t.id,studentCount:e.studentIds.length},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Associate,descriptor:f.a.User})),c(t)})))}(t):c(t)}),(function(){n.error(p("error"))})))},onClickCancel:e.closePopup}))}},791:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(147),r=n(45),o=n(55),c=function(){var e=Object(a.a)(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},792:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},794:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(790),o=n(42),c=n(54),i=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=i(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=c.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){s&&o(),r(!1)}))},initialStatus:f}),o.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},803:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(790),r={getCustomFormControlClassName:function(e,t,n,r){var o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},805:function(e,t,n){"use strict";var a=n(0),r=n(790),o=n(44),c=n(42),i=n(803);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,c=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),f=Object(r.f)(),p=f.errors,b=f.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:u.id},t),a.createElement(d,Object.assign({className:i.a.getCustomFormControlClassName(p,b,u.name,n)},u)),!!c&&!!u.maxLength&&a.createElement(l,{fieldName:u.name,limit:u.maxLength}),a.createElement(r.a,{name:u.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}},806:function(e,t,n){"use strict";var a=n(0),r=n(790);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var i=n(234),l=n(81);n.d(t,"a",(function(){return u}));function u(e){var t=Object(r.f)(),n=function(e){var t,n=o(a.useState(!1),2),r=n[0],c=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?c(!0):c(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&c(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},835:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},854:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},882:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n.n(a),o=n(44),c=n(792),i=n(50),l=n(12),u=n(835),s=n(854),m=n(883),d=n.n(m);function f(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===u.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(s.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(s.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(u.a).map((function(n){var a=u.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===u.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}f.defaultProps={selection:u.a.White,onSelect:function(){}}},883:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},943:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}},961:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(794),c=n(836),i=n(9),l=n(835),u=i.a.encloseNamespace("classrooms.classroomValidation"),s=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return u("nameExceeds")})).required((function(){return u("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return u("colourRequired")})).default(l.a.White)}),m=n(790),d=n(805),f=n(806),p=n(81),b=n(882),v=n(943),h=n.n(v),y="classrooms.classroomGroupDetailsForm",g=i.a.encloseNamespace(y);function O(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:g("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(b.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(p.b,{namespace:y,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew}))))}function E(e){var t,n,a,c=e.group,i=e.saveGroup,l=e.onClickCancel,u={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:u,validationSchema:s,onSubmit:i},r.a.createElement(O,{isNew:!c,onClickCancel:l}))}n.d(t,"a",(function(){return E}))}}]);

package/dist/scripts/19-67e91b254a.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[19],{1217:function(e,t,n){"use strict";n.r(t),n.d(t,"CreateClassroomGroupView",(function(){return b}));var a=n(0),r=n.n(a),o=n(59),c=n(9),i=n(14),l=n(227),u=n(791),s=n(231),m=n(961),d=n(37),f=n(3),p=c.a.encloseNamespace("classrooms.createClassroomGroup");function b(e){var t=i.a.useBasicFetch(s.a.getClassroom(e.classroomId)),n=Object(u.a)(),a=Object(o.useDispatch)(),c=function(a){n.success(p("success",{groupName:a.name,classroomName:t.data.name})),e.closePopup()};return r.a.createElement(l.a,{title:p("title"),closePopup:e.closePopup,showLoadingSpinner:!t.data},r.a.createElement(m.a,{saveGroup:function(t){i.a.fetch(a,s.a.addGroupToClassroom(t,e.classroomId,(function(t){var n;d.a.logUserAction({id:t.id,classroomId:e.classroomId},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Create})),(null===(n=e.studentIds)||void 0===n?void 0:n.length)?function(t){i.a.fetch(a,s.a.addStudentsToGroup(e.studentIds,t.id,(function(){d.a.logUserAction({id:t.id,studentCount:e.studentIds.length},d.a.mergeOptions(e.analyticsOptions,{actionType:f.n.Associate,descriptor:f.a.User})),c(t)})))}(t):c(t)}),(function(){n.error(p("error"))})))},onClickCancel:e.closePopup}))}},791:function(e,t,n){"use strict";n.d(t,"a",(function(){return c}));var a=n(147),r=n(45),o=n(55),c=function(){var e=Object(a.a)(o.a.ALERT);return{success:function(t){e.success(t)()},error:function(t){e.error(t)()},warning:function(t){e.createAlert({type:r.a.Warning,heading:r.c.Warning,message:t})}}}},792:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(0);function r(e){return a.createElement("div",{role:"button",tabIndex:0,className:"".concat(e.className?e.className:""," cursor-pointer"),onKeyDown:function(t){return"Enter"===t.key&&e.onClick(t)},onClick:e.onClick,style:e.style?e.style:{}},e.children)}},794:function(e,t,n){"use strict";n.d(t,"a",(function(){return l})),n.d(t,"b",(function(){return u}));var a=n(0),r=n(790),o=n(42),c=n(54),i=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function l(e){var t=e.castInitialValues,n=e.castValuesOnSubmit,l=e.initialValues,u=e.onSubmit,s=e.resetOnSubmit,m=i(e,["castInitialValues","castValuesOnSubmit","initialValues","onSubmit","resetOnSubmit"]),d=t&&e.validationSchema?e.validationSchema.cast(function e(t){var n=c.a.deepClone(t);return Object.keys(n).forEach((function(t){n.hasOwnProperty(t)&&(c.a.isObject(n[t])?n[t]=e(n[t]):null===n[t]&&delete n[t])})),n}(l)):l,f={allowInitialSubmit:e.allowInitialSubmit};return a.createElement(r.d,Object.assign({enableReinitialize:!0},m,{initialValues:d,onSubmit:function(t,a){var r=a.setSubmitting,o=a.resetForm,c=n&&e.validationSchema?e.validationSchema.cast(t):t;u(c,(function(){s&&o(),r(!1)}))},initialStatus:f}),o.a.isFunction(e.children)?function(t){return e.children(t)}:a.Children.count(e.children)?e.children:null)}function u(){return Object(r.f)()}l.defaultProps={castInitialValues:!0,castValuesOnSubmit:!0}},803:function(e,t,n){"use strict";n.d(t,"a",(function(){return r}));var a=n(790),r={getCustomFormControlClassName:function(e,t,n,r){var o="form-control";return Object(a.e)(t,n)&&Object(a.e)(e,n)&&(o+=" is-invalid"),r&&(o+=" ".concat(r)),o}}},805:function(e,t,n){"use strict";var a=n(0),r=n(790),o=n(44),c=n(42),i=n(803);function l(e){var t=Object(r.f)().values[e.fieldName];return"string"!=typeof t?a.createElement(a.Fragment,null):a.createElement("div",{className:"float-right text-muted"},t.length,"/",e.limit)}var u=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function s(e){var t=e.label,n=u(e,["label"]);return a.createElement(o.Form.Group,null,a.createElement("div",{className:"custom-control custom-checkbox"},a.createElement(d,Object.assign({className:"custom-control-input"},n)),a.createElement(o.Form.Label,{className:"custom-control-label",htmlFor:n.id},t)))}n.d(t,"a",(function(){return d})),n.d(t,"b",(function(){return f}));var m=function(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(a=Object.getOwnPropertySymbols(e);r<a.length;r++)t.indexOf(a[r])<0&&Object.prototype.propertyIsEnumerable.call(e,a[r])&&(n[a[r]]=e[a[r]])}return n};function d(e){var t=e.children,n=m(e,["children"]);return a.createElement(r.b,Object.assign({},n),c.a.isFunction(t)?function(e){return t(e)}:a.Children.count(t)?t:null)}function f(e){var t=e.label,n=e.className,c=e.showCharacterCounter,u=m(e,["label","className","showCharacterCounter"]),f=Object(r.f)(),p=f.errors,b=f.touched;return"checkbox"===u.type?a.createElement(s,Object.assign({},e)):a.createElement(o.Form.Group,null,!!t&&a.createElement(o.Form.Label,{htmlFor:u.id},t),a.createElement(d,Object.assign({className:i.a.getCustomFormControlClassName(p,b,u.name,n)},u)),!!c&&!!u.maxLength&&a.createElement(l,{fieldName:u.name,limit:u.maxLength}),a.createElement(r.a,{name:u.name},(function(e){return a.createElement(o.Form.Control.Feedback,{type:"invalid"},e)})))}},806:function(e,t,n){"use strict";var a=n(0),r=n(790);function o(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],a=!0,r=!1,o=void 0;try{for(var c,i=e[Symbol.iterator]();!(a=(c=i.next()).done)&&(n.push(c.value),!t||n.length!==t);a=!0);}catch(e){r=!0,o=e}finally{try{a||null==i.return||i.return()}finally{if(r)throw o}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return c(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return c(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function c(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,a=new Array(t);n<t;n++)a[n]=e[n];return a}var i=n(234),l=n(81);n.d(t,"a",(function(){return u}));function u(e){var t=Object(r.f)(),n=function(e){var t,n=o(a.useState(!1),2),r=n[0],c=n[1];return a.useEffect((function(){var t;e.isValid&&(e.dirty||(null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit))?c(!0):c(!1)}),[e.isValid,null===(t=e.initialStatus)||void 0===t?void 0:t.allowInitialSubmit,e.dirty,e.values]),a.useEffect((function(){e.isSubmitting&&c(!1)}),[e.isSubmitting]),r}(t);a.useEffect((function(){function e(e){13===e.keyCode&&n&&t.validateForm().then((function(e){Object.keys(e).length||t.submitForm()}))}return window.addEventListener("keypress",e),function(){return window.removeEventListener("keypress",e)}}),[n]);var c="save";return e.isNew&&(c="create"),e.hasNext&&(c="next"),a.createElement(i.a,{variant:e.variant||"primary",showSpinner:t.isSubmitting,type:"submit",disabled:!n},e.submitText?a.createElement(a.Fragment,null,e.submitText):a.createElement(l.b,{namespace:"shared.formButtons",phrase:c}))}},835:function(e,t,n){"use strict";var a;n.d(t,"a",(function(){return a})),function(e){e.White="white",e.Pink="pink",e.YellowOrange="yellow-orange",e.Emerald="emerald",e.PuertoRico="puerto-rico",e.PictonBlue="picton-blue",e.EastSide="east-side",e.Portage="portage"}(a||(a={}))},854:function(e,t,n){"use strict";function a(e){return"bg-".concat(e)}n.d(t,"a",(function(){return a}))},882:function(e,t,n){"use strict";n.d(t,"a",(function(){return f}));var a=n(0),r=n.n(a),o=n(44),c=n(792),i=n(50),l=n(12),u=n(835),s=n(854),m=n(883),d=n.n(m);function f(e){function t(t){var n="".concat(d.a.colourOption," position-relative"),a=t===u.a.White?"border border-dark":"",r=e.disabled?"cursor-default":"",o=Object(s.a)(t);return"".concat(n," ").concat(a," ").concat(r," ").concat(o)}var n,a,m={};return e.disabled&&(m.show=!1),r.a.createElement(o.Dropdown,Object.assign({},m),r.a.createElement(o.Dropdown.Toggle,{id:e.id,variant:"link",className:(n="".concat(d.a.dropdownToggle," outline-none p-0 d-flex align-items-center text-decoration-none"),a=e.disabled?"cursor-default":"","".concat(n," ").concat(a))},r.a.createElement("div",{className:"border border-secondary rounded bg-white ".concat(d.a.colourButton)},r.a.createElement("div",{className:"px-0 py-1 rounded ".concat(Object(s.a)(e.selection))}," ")),!e.disabled&&r.a.createElement(i.a,{svgName:l.b.Caret})),r.a.createElement(o.Dropdown.Menu,null,r.a.createElement("ul",{className:"".concat(d.a.colourList," list-unstyled d-flex flex-wrap px-2 m-0")},Object.keys(u.a).map((function(n){var a=u.a[n];return r.a.createElement("li",{key:"".concat(e.id,":").concat(a),className:"m-1"},r.a.createElement(c.a,{onClick:function(){return e.onSelect(a)},className:t(a)},a===u.a.White?r.a.createElement("div",{className:d.a.lineThrough}):r.a.createElement(r.a.Fragment,null," ")))})))))}f.defaultProps={selection:u.a.White,onSelect:function(){}}},883:function(e,t,n){e.exports={dropdownToggle:"_347DY",colourButton:"_1rKvE",colourList:"_328-w",colourOption:"_1Tw7u",lineThrough:"_18oZq"}},943:function(e,t,n){e.exports={groupNameInput:"_3hGvq"}},961:function(e,t,n){"use strict";var a=n(0),r=n.n(a),o=n(794),c=n(836),i=n(9),l=n(835),u=i.a.encloseNamespace("classrooms.classroomValidation"),s=Object(c.object)().shape({name:Object(c.string)().max(255,(function(){return u("nameExceeds")})).required((function(){return u("nameRequired")})).default(""),colour:Object(c.string)().required((function(){return u("colourRequired")})).default(l.a.White)}),m=n(790),d=n(805),f=n(806),p=n(81),b=n(882),v=n(943),h=n.n(v),y="classrooms.classroomGroupDetailsForm",g=i.a.encloseNamespace(y);function O(e){var t=Object(o.b)();return r.a.createElement(r.a.Fragment,null,r.a.createElement("div",null,r.a.createElement("h2",{className:"w-50 d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"nameLabel"})),r.a.createElement("h2",{className:"d-inline-block h6"},r.a.createElement(p.b,{namespace:y,phrase:"colourLabel"}))),r.a.createElement(m.c,null,r.a.createElement("div",{className:"pb-3 d-flex"},r.a.createElement("div",{className:"w-50"},r.a.createElement(d.b,{type:"text",name:"name",id:"name",className:"".concat(h.a.groupNameInput),placeholder:g("groupNamePlaceholder"),autoFocus:!0,value:t.values.name})),r.a.createElement("div",{className:"form-group"},r.a.createElement(b.a,{onSelect:function(e){return t.setFieldValue("colour",e)},selection:t.values.colour,id:"".concat(e.isNew?"create":"edit","-classroom-group")}))),r.a.createElement("div",{className:"btn-container d-flex justify-content-end"},r.a.createElement("button",{type:"button",className:"btn btn-link mr-2",onClick:e.onClickCancel},r.a.createElement(p.b,{namespace:y,phrase:"cancel"})),r.a.createElement(f.a,{isNew:e.isNew}))))}function E(e){var t,n,a,c=e.group,i=e.saveGroup,l=e.onClickCancel,u={id:null===(t=c)||void 0===t?void 0:t.id,name:null===(n=c)||void 0===n?void 0:n.name,colour:null===(a=c)||void 0===a?void 0:a.colour,students:[]};return r.a.createElement(o.a,{initialValues:u,validationSchema:s,onSubmit:i},r.a.createElement(O,{isNew:!c,onClickCancel:l}))}n.d(t,"a",(function(){return E}))}}]);

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 Projects/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 Projects/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 Projects/clickview/packages/libs/shared/src/components/edit-video-details/EditVideoDetails.tsx","file://C:/ClickView Projects/clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/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":""}

package/dist/scripts/2-7c9b489c8f.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[2],{1009:function(e,t,n){e.exports={leftOverflowGradient:"u_MPi",rightOverflowGradient:"_38ooL",partialHeading:"OVsdA",partialDescription:"_1HtA2",partialItem:"_3G2hG",largePartialItem:"NnK8O"}},1010:function(e,t,n){"use strict";n.d(t,"g",(function(){return f})),n.d(t,"f",(function(){return d})),n.d(t,"b",(function(){return m})),n.d(t,"a",(function(){return v})),n.d(t,"c",(function(){return p})),n.d(t,"e",(function(){return w})),n.d(t,"d",(function(){return E}));var r=n(0),a=n(54),i=n(42),o=n(52),c=n(149),s=n(828),l=n(905),u=n(152);function f(e,t,n,o){var c,l=e.fetch,u=e.setData,f=e.type,d=e.collection,m=e.prefetched,v=e.contents,p=d;return(!p||a.a.isEmpty(p)&&!m)&&(c=l(o),p=c.data),r.useEffect((function(){p&&!a.a.isEmpty(p)&&t({type:s.a.Init,payload:{collection:i.a.isFunction(u)?u(p):p,mediaQuery:n,type:f,contents:v}})}),[p]),c}function d(e){for(var t=e.offset,n=e.viewableItems,r=e.collection,a=t,i=[],o=0;o<a+n;o++)i.push(o);return function(e){var t=r.indexOf(e);return i.includes(t)}}function m(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,o.a.slugify(t.name)]})}function v(e,t){var n=e.name,r=e.description,a={};return Array.isArray(t)?{name:n,description:r}:(e.name&&(a.name=n),e.description&&(a.description=r),Object.assign(Object.assign({},t),a))}function p(e){switch(e){case l.a.Playlists:return g;case l.a.Videos:return b;case l.a.Subjects:return h;case l.a.UserChannels:return y;case l.a.Series:default:return S}}function g(e,t,n){var r=5;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD&&(r=4),n<r&&(r=n),r}function b(e,t,n){var r=4;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD?r=4:e!==c.a.LG&&e!==c.a.XL&&e!==c.a.XXL||(r=t===u.c.LargeRow||n<4?3:4),n<r&&(r=n),r}function h(e,t,n){var r=6;return e===c.a.SM||e===c.a.XS?r=3:e===c.a.MD?r=4:e===c.a.LG?r=5:e!==c.a.XL&&e!==c.a.XXL||(r=6),n<r&&(r=n),r}function y(e,t,n){var r=6;return e===c.a.SM||e===c.a.XS?r=3:e===c.a.MD?r=4:e===c.a.LG?r=5:e!==c.a.XL&&e!==c.a.XXL||(r=6),n<r&&(r=n),r}function S(e,t,n){var r=4;return e===c.a.XS?r=2:e===c.a.SM&&(r=3),n<r&&(r=n),r}function w(e,t,n,r,a,i,o){return function(c){var s=c.touches.item(0).clientX;a||(t.current.style.transition="",r(t.current.getBoundingClientRect().width),i(s));var l=(a-s)/n*100;(l<0&&e.offset===e.viewableItems||l>0&&e.offset===e.collection.length)&&(l=0),o(l)}}function E(e,t,n,r,a){return function(){if(e.current.style.transition="transform .4s ease-in-out",t(null),Math.abs(n)>=7.5){var i=n>0?s.a.Next:s.a.Previous;a({type:i})}r(0)}}},1173:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},828:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag"}(r||(r={}))},865:function(e,t,n){"use strict";n.d(t,"a",(function(){return s})),n.d(t,"b",(function(){return l}));var r=n(0),a=n(42);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c={className:"",delay:0};function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c,t=r.useState(!1),n=i(t,2),o=n[0],s=n[1],l=r.useRef(null),u=a.a.throttle((function(){var t,n;e.className&&(null===(n=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===n||n.add(e.className)),s(!0)}),e.delay,{leading:!1}),f=function(){var t,n;a.a.isFunction(u.cancel)&&u.cancel(),e.className&&(null===(n=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===n||n.remove(e.className)),s(!1)};return r.useLayoutEffect((function(){var e=l.current;if(e)return e.addEventListener("mouseenter",u),e.addEventListener("mouseleave",f),function(){e.removeEventListener("mouseenter",u),e.removeEventListener("mouseleave",f)}}),[l.current]),[l,o]}function l(e){return s({className:e,delay:275})}},878:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(149),a=n(151);function i(){var e=Object(a.a)(r.a.XS),t=Object(a.a)(r.a.SM),n=Object(a.a)(r.a.MD),i=Object(a.a)(r.a.LG),o=Object(a.a)(r.a.XL),c=Object(a.a)(r.a.XXL),s=r.a.LG;return e&&(s=r.a.XS),t&&(s=r.a.SM),n&&(s=r.a.MD),i&&(s=r.a.LG),o&&(s=r.a.XL),c&&(s=r.a.XXL),s}},905:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Videos="videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.UserChannels="user channels"}(r||(r={}))},906:function(e,t,n){"use strict";n.d(t,"a",(function(){return L}));var r=n(0),a=n(9),i=n(907),o=n(940),c=n(964),s=n(878),l=n(865),u=n(152),f=n(828),d=n(823),m=n(51),v=n(50),p=n(12),g=n(807),b=n(941),h=n(1010),y=n(942),S=n(1009),w=n.n(S);function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return O(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function A(e){var t,n,S,O=e.type;O===u.c.ResourcesTile&&(O=u.c.Row);var A=E(r.useState(null),2),L=A[0],j=A[1],k=E(r.useState(null),2),I=k[0],C=k[1],N=E(r.useState(0),2),x=N[0],D=N[1],X=E(r.useReducer(y.a,y.b,y.c),2),M=X[0],R=X[1],z=r.useRef(null),_=E(Object(l.a)(),2),P=_[0],T=_[1],G=E(r.useState(!1),2),Q=G[0],F=G[1],B=E(r.useState(!1),2),U=B[0],H=B[1],V=Object(d.a)(!e.lazyLoad),J=V.ref,q=V.inView,K=Object(s.a)();r.useEffect((function(){R({type:f.a.Resize,payload:{mediaQuery:K,type:O,contents:e.contents,collection:M.collection}})}),[K]);var $=Object(h.g)(e,R,K,q);var W={type:M.type,size:M.currentSize,collectionSize:M.collection.length,contents:e.contents},Y=Object(h.a)(e,(null===(t=$)||void 0===t?void 0:t.data)||e.collection);if(null===(n=$)||void 0===n?void 0:n.hasError)return r.createElement(r.Fragment,null);if(!e.prefetched&&!(null===(S=$)||void 0===S?void 0:S.statusCode))return r.createElement("div",{ref:J},r.createElement(b.a,{type:O}));if(!M.collection.length||M.collection.length<e.minimumItemCount)return r.createElement(r.Fragment,null);var Z=e.childComponent;return r.createElement("div",{className:"pb-3"},r.createElement("div",{className:"mb-1"},r.createElement(m.a,{appLink:Object(h.b)(e.appLink,Y)},r.createElement("h2",{className:"h4 mb-0 d-inline-block align-top pl-1 text-dark"},Y.name,!!e.appLink&&r.createElement(v.a,{svgName:p.b.ChevronRight,size:v.b.Small})),e.settingsAppLink&&r.createElement(m.a,{appLink:e.settingsAppLink},r.createElement(v.a,{svgName:p.b.Cog,className:"d-inline-block svg-container cursor-pointer",title:a.a.getPhrase("shared.fixedWidget","preferencesTooltip"),tooltipPlacement:"right"}))),Y.description&&r.createElement("p",{className:"text-truncate pl-1 mb-0 description"},Y.description)),r.createElement("div",{ref:P,className:"position-relative"},!Q&&r.createElement("div",{className:w.a.leftOverflowGradient}),r.createElement(o.a,{direction:o.b.Left,onClick:function(){return R({type:f.a.Previous})},hide:Q||M.offset<=M.collection.length&&!(T&&M.offset!==M.viewableItems),contents:e.contents}),r.createElement(c.a,{position:M.position,positionType:i.a.Percentage,onTouchMove:Object(h.e)(M,z,I,C,L,j,D),onTouchEnd:Object(h.d)(z,j,x,D,R),ref:z,percentageDragged:x},M.collection.map((function(t,n){return r.createElement(Z,{key:t.id,data:t,appLink:e.childAppLink,context:W,preloadImage:Object(h.f)(M)(t),thumbnailSize:e.thumbnailSize||g.a.Medium,onHover:function(e){window.setTimeout((function(){!function(e,t){if(M.collection.length===M.viewableItems)return F(e),void H(e);t+1!==M.collection.length?0!==t?(t+1-M.offset%M.viewableItems)%M.viewableItems!=0?(t-M.offset%M.viewableItems)%M.viewableItems!=0||F(e):H(e):F(e):H(e)}(e,n)}),e?0:200)}})}))),r.createElement(o.a,{direction:o.b.Right,onClick:function(){return R({type:f.a.Next})},hide:U||(M.offset>M.viewableItems||M.offset===M.collection.length)&&!(T&&M.offset<M.collection.length),contents:e.contents}),!U&&r.createElement("div",{className:w.a.rightOverflowGradient})))}A.defaultProps={type:u.c.Row,minimumItemCount:0};var L=r.memo(A)},907:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Percentage="%",e.Pixels="px"}(r||(r={}))},940:function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"a",(function(){return l}));var r,a=n(0),i=n(50),o=n(12),c=n(1173),s=n.n(c);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var l=a.memo((function(e){var t,n,c=e.direction===r.Left,l=c?o.b.ChevronLeft:o.b.ChevronRight,u=(e.contents,t=c,n=s.a.topPos,n+=t?" "+s.a.left:" "+s.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(u," ").concat(s.a.button),onClick:e.onClick},a.createElement(i.a,{svgName:l,size:i.b.Medium,className:"svg-container d-inline-block ".concat(s.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:c?s.a.gradientLeft:s.a.gradientRight}),a.createElement("div",{role:"button",onClick:e.onClick,className:c?s.a.extendedClickableAreaLeft:s.a.extendedClickableAreaRight}))}),(function(e,t){return e.hide===t.hide}))},941:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(149),i=n(878),o=n(1009),c=n.n(o);var s=function(e){var t=e.colSize;return r.createElement("div",{className:"col-".concat(t)},r.createElement("div",{className:"".concat(c.a.partialItem," mx-1 partial-loading-background")}))};function l(e){for(var t,n=(t=Object(i.a)())===a.a.XS?{itemCount:1,colSize:12}:t===a.a.SM?{itemCount:2,colSize:6}:t===a.a.MD?{itemCount:3,colSize:4}:{itemCount:4,colSize:3},o=n.itemCount,l=n.colSize,u=[],f=0;f<o;f++)u.push(r.createElement(s,{key:f,colSize:l}));return r.createElement("div",{className:"widget pb-3"},r.createElement("div",{className:"".concat(c.a.partialHeading," mx-1 mb-1 partial-loading-background")}),r.createElement("div",{className:"".concat(c.a.partialDescription," mx-1 my-1 partial-loading-background")}),r.createElement("div",{className:"".concat(c.a.slidingContainer," row")},u))}},942:function(e,t,n){"use strict";n.d(t,"b",(function(){return c})),n.d(t,"a",(function(){return s})),n.d(t,"c",(function(){return l}));var r=n(149),a=n(828),i=n(152),o=n(1010),c={offset:0,viewableItems:4,position:0,collection:[],currentSize:r.a.LG,type:i.c.Row};function s(e,t){var n,r,i=t.type,c=t.payload,s=void 0===c?{}:c;switch(i){case a.a.Next:return Object.assign(Object.assign({},e),function(e){var t=e.collection,n=e.viewableItems,r=e.offset,a=e.position,i=t.length-r;return i%n==0||i>n?{position:a-100,offset:r+n}:i<n?{position:a-i/n*100,offset:r+i}:{position:a,offset:r}}(e));case a.a.Previous:return Object.assign(Object.assign({},e),function(e){var t=e.viewableItems,n=e.offset,r=e.position,a=n-t;return a%t==0||a>t?{position:r+100,offset:n-t}:a<t?{position:r+a/t*100,offset:n-a}:{position:r,offset:n}}(e));case a.a.Resize:var u=Object(o.c)(s.contents)(s.mediaQuery,s.type,null===(n=s.collection)||void 0===n?void 0:n.length);return Object.assign(Object.assign({},e),{currentSize:s.mediaQuery,position:0,offset:u,viewableItems:u,type:s.type});case a.a.Init:var f=Object(o.c)(s.contents)(s.mediaQuery,s.type,null===(r=s.collection)||void 0===r?void 0:r.length);return l(Object.assign(Object.assign({},e),{collection:s.collection,currentSize:s.mediaQuery,offset:f,viewableItems:f,type:s.type}));default:return e}}function l(e){return Object.assign(Object.assign({},c),e)}},964:function(e,t,n){"use strict";var r=n(0),a=n(221),i=n(907),o=n(42),c=new Image;c.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var s=function(e){e.dataTransfer.setDragImage&&!o.a.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(c,0,0)};n.d(t,"a",(function(){return u}));var l=a.a.isTouchScreen();var u=r.forwardRef((function(e,t){var n,a,o,c,u=e.children,f=e.positionType,d=e.onDrag,m=e.onDragEnd,v=e.onTouchMove,p=e.onTouchEnd,g=e.percentageDragged,b=e.position,h=void 0===b?0:b;return r.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(a=h,o=f,c=g,o===i.a.Percentage&&c&&(a-=c),{transform:"translate3d(".concat(a).concat(o,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},d&&m&&(n.draggable=!0,n.onDrag=d,n.onDragEnd=m,n.onDragStart=s,n.onDragOver=function(e){return e.preventDefault()}),v&&p&&l&&(n.onTouchMoveCapture=v,n.onTouchEndCapture=p),n)),u)}))}}]);

package/dist/scripts/2-b9b8ae6df7.chunk.js

@@ -0,0 +1 @@
+(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[2],{1009:function(e,t,n){e.exports={leftOverflowGradient:"u_MPi",rightOverflowGradient:"_38ooL",partialHeading:"OVsdA",partialDescription:"_1HtA2",partialItem:"_3G2hG",largePartialItem:"NnK8O"}},1010:function(e,t,n){"use strict";n.d(t,"g",(function(){return f})),n.d(t,"f",(function(){return d})),n.d(t,"b",(function(){return m})),n.d(t,"a",(function(){return v})),n.d(t,"c",(function(){return p})),n.d(t,"e",(function(){return w})),n.d(t,"d",(function(){return E}));var r=n(0),a=n(54),i=n(42),o=n(52),c=n(149),s=n(828),l=n(905),u=n(152);function f(e,t,n,o){var c,l=e.fetch,u=e.setData,f=e.type,d=e.collection,m=e.prefetched,v=e.contents,p=d;return(!p||a.a.isEmpty(p)&&!m)&&(c=l(o),p=c.data),r.useEffect((function(){p&&!a.a.isEmpty(p)&&t({type:s.a.Init,payload:{collection:i.a.isFunction(u)?u(p):p,mediaQuery:n,type:f,contents:v}})}),[p]),c}function d(e){for(var t=e.offset,n=e.viewableItems,r=e.collection,a=t,i=[],o=0;o<a+n;o++)i.push(o);return function(e){var t=r.indexOf(e);return i.includes(t)}}function m(e,t){if(e)return Object.assign(Object.assign({},e),{args:e.args||[t.id,o.a.slugify(t.name)]})}function v(e,t){var n=e.name,r=e.description,a={};return Array.isArray(t)?{name:n,description:r}:(e.name&&(a.name=n),e.description&&(a.description=r),Object.assign(Object.assign({},t),a))}function p(e){switch(e){case l.a.Playlists:return g;case l.a.Videos:return b;case l.a.Subjects:return h;case l.a.UserChannels:return y;case l.a.Series:default:return S}}function g(e,t,n){var r=5;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD&&(r=4),n<r&&(r=n),r}function b(e,t,n){var r=4;return e===c.a.XS?r=2:e===c.a.SM?r=3:e===c.a.MD?r=4:e!==c.a.LG&&e!==c.a.XL&&e!==c.a.XXL||(r=t===u.c.LargeRow||n<4?3:4),n<r&&(r=n),r}function h(e,t,n){var r=6;return e===c.a.SM||e===c.a.XS?r=3:e===c.a.MD?r=4:e===c.a.LG?r=5:e!==c.a.XL&&e!==c.a.XXL||(r=6),n<r&&(r=n),r}function y(e,t,n){var r=6;return e===c.a.SM||e===c.a.XS?r=3:e===c.a.MD?r=4:e===c.a.LG?r=5:e!==c.a.XL&&e!==c.a.XXL||(r=6),n<r&&(r=n),r}function S(e,t,n){var r=4;return e===c.a.XS?r=2:e===c.a.SM&&(r=3),n<r&&(r=n),r}function w(e,t,n,r,a,i,o){return function(c){var s=c.touches.item(0).clientX;a||(t.current.style.transition="",r(t.current.getBoundingClientRect().width),i(s));var l=(a-s)/n*100;(l<0&&e.offset===e.viewableItems||l>0&&e.offset===e.collection.length)&&(l=0),o(l)}}function E(e,t,n,r,a){return function(){if(e.current.style.transition="transform .4s ease-in-out",t(null),Math.abs(n)>=7.5){var i=n>0?s.a.Next:s.a.Previous;a({type:i})}r(0)}}},1173:function(e,t,n){e.exports={left:"_789pr",right:"_1P8qt",button:"_24q_F",chevron:"_3M27X",gradientLeft:"_3fkiw",gradientRight:"_2RDDy",extendedClickableAreaRight:"_13dgy",extendedClickableAreaLeft:"_37LtK",videoTopPos:"_1XTRO",topPos:"_3_p_J"}},828:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag"}(r||(r={}))},865:function(e,t,n){"use strict";n.d(t,"a",(function(){return s})),n.d(t,"b",(function(){return l}));var r=n(0),a=n(42);function i(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return o(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return o(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function o(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var c={className:"",delay:0};function s(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:c,t=r.useState(!1),n=i(t,2),o=n[0],s=n[1],l=r.useRef(null),u=a.a.throttle((function(){var t,n;e.className&&(null===(n=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===n||n.add(e.className)),s(!0)}),e.delay,{leading:!1}),f=function(){var t,n;a.a.isFunction(u.cancel)&&u.cancel(),e.className&&(null===(n=null===(t=l.current)||void 0===t?void 0:t.classList)||void 0===n||n.remove(e.className)),s(!1)};return r.useLayoutEffect((function(){var e=l.current;if(e)return e.addEventListener("mouseenter",u),e.addEventListener("mouseleave",f),function(){e.removeEventListener("mouseenter",u),e.removeEventListener("mouseleave",f)}}),[l.current]),[l,o]}function l(e){return s({className:e,delay:275})}},878:function(e,t,n){"use strict";n.d(t,"a",(function(){return i}));var r=n(149),a=n(151);function i(){var e=Object(a.a)(r.a.XS),t=Object(a.a)(r.a.SM),n=Object(a.a)(r.a.MD),i=Object(a.a)(r.a.LG),o=Object(a.a)(r.a.XL),c=Object(a.a)(r.a.XXL),s=r.a.LG;return e&&(s=r.a.XS),t&&(s=r.a.SM),n&&(s=r.a.MD),i&&(s=r.a.LG),o&&(s=r.a.XL),c&&(s=r.a.XXL),s}},905:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Videos="videos",e.Series="series",e.Subjects="subjects",e.Playlists="playlists",e.UserChannels="user channels"}(r||(r={}))},906:function(e,t,n){"use strict";n.d(t,"a",(function(){return L}));var r=n(0),a=n(9),i=n(907),o=n(940),c=n(964),s=n(878),l=n(865),u=n(152),f=n(828),d=n(823),m=n(51),v=n(50),p=n(12),g=n(807),b=n(941),h=n(1010),y=n(942),S=n(1009),w=n.n(S);function E(e,t){return function(e){if(Array.isArray(e))return e}(e)||function(e,t){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(e)))return;var n=[],r=!0,a=!1,i=void 0;try{for(var o,c=e[Symbol.iterator]();!(r=(o=c.next()).done)&&(n.push(o.value),!t||n.length!==t);r=!0);}catch(e){a=!0,i=e}finally{try{r||null==c.return||c.return()}finally{if(a)throw i}}return n}(e,t)||function(e,t){if(!e)return;if("string"==typeof e)return O(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return O(e,t)}(e,t)||function(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()}function O(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}function A(e){var t,n,S,O=e.type;O===u.c.ResourcesTile&&(O=u.c.Row);var A=E(r.useState(null),2),L=A[0],j=A[1],k=E(r.useState(null),2),I=k[0],C=k[1],N=E(r.useState(0),2),x=N[0],D=N[1],X=E(r.useReducer(y.a,y.b,y.c),2),M=X[0],R=X[1],z=r.useRef(null),_=E(Object(l.a)(),2),P=_[0],T=_[1],G=E(r.useState(!1),2),Q=G[0],F=G[1],B=E(r.useState(!1),2),U=B[0],H=B[1],V=Object(d.a)(!e.lazyLoad),J=V.ref,q=V.inView,K=Object(s.a)();r.useEffect((function(){R({type:f.a.Resize,payload:{mediaQuery:K,type:O,contents:e.contents,collection:M.collection}})}),[K]);var $=Object(h.g)(e,R,K,q);var W={type:M.type,size:M.currentSize,collectionSize:M.collection.length,contents:e.contents},Y=Object(h.a)(e,(null===(t=$)||void 0===t?void 0:t.data)||e.collection);if(null===(n=$)||void 0===n?void 0:n.hasError)return r.createElement(r.Fragment,null);if(!e.prefetched&&!(null===(S=$)||void 0===S?void 0:S.statusCode))return r.createElement("div",{ref:J},r.createElement(b.a,{type:O}));if(!M.collection.length||M.collection.length<e.minimumItemCount)return r.createElement(r.Fragment,null);var Z=e.childComponent;return r.createElement("div",{className:"pb-3"},r.createElement("div",{className:"mb-1"},r.createElement(m.a,{appLink:Object(h.b)(e.appLink,Y)},r.createElement("h2",{className:"h4 mb-0 d-inline-block align-top pl-1 text-dark"},Y.name,!!e.appLink&&r.createElement(v.a,{svgName:p.b.ChevronRight,size:v.b.Small})),e.settingsAppLink&&r.createElement(m.a,{appLink:e.settingsAppLink},r.createElement(v.a,{svgName:p.b.Cog,className:"d-inline-block svg-container cursor-pointer",title:a.a.getPhrase("shared.fixedWidget","preferencesTooltip"),tooltipPlacement:"right"}))),Y.description&&r.createElement("p",{className:"text-truncate pl-1 mb-0 description"},Y.description)),r.createElement("div",{ref:P,className:"position-relative"},!Q&&r.createElement("div",{className:w.a.leftOverflowGradient}),r.createElement(o.a,{direction:o.b.Left,onClick:function(){return R({type:f.a.Previous})},hide:Q||M.offset<=M.collection.length&&!(T&&M.offset!==M.viewableItems),contents:e.contents}),r.createElement(c.a,{position:M.position,positionType:i.a.Percentage,onTouchMove:Object(h.e)(M,z,I,C,L,j,D),onTouchEnd:Object(h.d)(z,j,x,D,R),ref:z,percentageDragged:x},M.collection.map((function(t,n){return r.createElement(Z,{key:t.id,data:t,appLink:e.childAppLink,context:W,preloadImage:Object(h.f)(M)(t),thumbnailSize:e.thumbnailSize||g.a.Medium,onHover:function(e){window.setTimeout((function(){!function(e,t){if(M.collection.length===M.viewableItems)return F(e),void H(e);t+1!==M.collection.length?0!==t?(t+1-M.offset%M.viewableItems)%M.viewableItems!=0?(t-M.offset%M.viewableItems)%M.viewableItems!=0||F(e):H(e):F(e):H(e)}(e,n)}),e?0:200)}})}))),r.createElement(o.a,{direction:o.b.Right,onClick:function(){return R({type:f.a.Next})},hide:U||(M.offset>M.viewableItems||M.offset===M.collection.length)&&!(T&&M.offset<M.collection.length),contents:e.contents}),!U&&r.createElement("div",{className:w.a.rightOverflowGradient})))}A.defaultProps={type:u.c.Row,minimumItemCount:0};var L=r.memo(A)},907:function(e,t,n){"use strict";var r;n.d(t,"a",(function(){return r})),function(e){e.Percentage="%",e.Pixels="px"}(r||(r={}))},940:function(e,t,n){"use strict";n.d(t,"b",(function(){return r})),n.d(t,"a",(function(){return l}));var r,a=n(0),i=n(50),o=n(12),c=n(1173),s=n.n(c);!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(r||(r={}));var l=a.memo((function(e){var t,n,c=e.direction===r.Left,l=c?o.b.ChevronLeft:o.b.ChevronRight,u=(e.contents,t=c,n=s.a.topPos,n+=t?" "+s.a.left:" "+s.a.right);return e.hide?a.createElement(a.Fragment,null):a.createElement(a.Fragment,null,a.createElement("div",{role:"button",className:"".concat(u," ").concat(s.a.button),onClick:e.onClick},a.createElement(i.a,{svgName:l,size:i.b.Medium,className:"svg-container d-inline-block ".concat(s.a.chevron)})),e.useGradientBackdrop&&a.createElement("div",{className:c?s.a.gradientLeft:s.a.gradientRight}),a.createElement("div",{role:"button",onClick:e.onClick,className:c?s.a.extendedClickableAreaLeft:s.a.extendedClickableAreaRight}))}),(function(e,t){return e.hide===t.hide}))},941:function(e,t,n){"use strict";n.d(t,"a",(function(){return l}));var r=n(0),a=n(149),i=n(878),o=n(1009),c=n.n(o);var s=function(e){var t=e.colSize;return r.createElement("div",{className:"col-".concat(t)},r.createElement("div",{className:"".concat(c.a.partialItem," mx-1 partial-loading-background")}))};function l(e){for(var t,n=(t=Object(i.a)())===a.a.XS?{itemCount:1,colSize:12}:t===a.a.SM?{itemCount:2,colSize:6}:t===a.a.MD?{itemCount:3,colSize:4}:{itemCount:4,colSize:3},o=n.itemCount,l=n.colSize,u=[],f=0;f<o;f++)u.push(r.createElement(s,{key:f,colSize:l}));return r.createElement("div",{className:"widget pb-3"},r.createElement("div",{className:"".concat(c.a.partialHeading," mx-1 mb-1 partial-loading-background")}),r.createElement("div",{className:"".concat(c.a.partialDescription," mx-1 my-1 partial-loading-background")}),r.createElement("div",{className:"".concat(c.a.slidingContainer," row")},u))}},942:function(e,t,n){"use strict";n.d(t,"b",(function(){return c})),n.d(t,"a",(function(){return s})),n.d(t,"c",(function(){return l}));var r=n(149),a=n(828),i=n(152),o=n(1010),c={offset:0,viewableItems:4,position:0,collection:[],currentSize:r.a.LG,type:i.c.Row};function s(e,t){var n,r,i=t.type,c=t.payload,s=void 0===c?{}:c;switch(i){case a.a.Next:return Object.assign(Object.assign({},e),function(e){var t=e.collection,n=e.viewableItems,r=e.offset,a=e.position,i=t.length-r;return i%n==0||i>n?{position:a-100,offset:r+n}:i<n?{position:a-i/n*100,offset:r+i}:{position:a,offset:r}}(e));case a.a.Previous:return Object.assign(Object.assign({},e),function(e){var t=e.viewableItems,n=e.offset,r=e.position,a=n-t;return a%t==0||a>t?{position:r+100,offset:n-t}:a<t?{position:r+a/t*100,offset:n-a}:{position:r,offset:n}}(e));case a.a.Resize:var u=Object(o.c)(s.contents)(s.mediaQuery,s.type,null===(n=s.collection)||void 0===n?void 0:n.length);return Object.assign(Object.assign({},e),{currentSize:s.mediaQuery,position:0,offset:u,viewableItems:u,type:s.type});case a.a.Init:var f=Object(o.c)(s.contents)(s.mediaQuery,s.type,null===(r=s.collection)||void 0===r?void 0:r.length);return l(Object.assign(Object.assign({},e),{collection:s.collection,currentSize:s.mediaQuery,offset:f,viewableItems:f,type:s.type}));default:return e}}function l(e){return Object.assign(Object.assign({},c),e)}},964:function(e,t,n){"use strict";var r=n(0),a=n(221),i=n(907),o=n(42),c=new Image;c.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var s=function(e){e.dataTransfer.setDragImage&&!o.a.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(c,0,0)};n.d(t,"a",(function(){return u}));var l=a.a.isTouchScreen();var u=r.forwardRef((function(e,t){var n,a,o,c,u=e.children,f=e.positionType,d=e.onDrag,m=e.onDragEnd,v=e.onTouchMove,p=e.onTouchEnd,g=e.percentageDragged,b=e.position,h=void 0===b?0:b;return r.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(a=h,o=f,c=g,o===i.a.Percentage&&c&&(a-=c),{transform:"translate3d(".concat(a).concat(o,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:t},(n={},d&&m&&(n.draggable=!0,n.onDrag=d,n.onDragEnd=m,n.onDragStart=s,n.onDragOver=function(e){return e.preventDefault()}),v&&p&&l&&(n.onTouchMoveCapture=v,n.onTouchEndCapture=p),n)),u)}))}}]);