@clickview/lite 0.0.18-rc.2 → 0.0.18

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/div-button/DivButton.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-buttons/FormButtons.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseAlerts.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseCanSubmitForm.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/utils/FormHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/classroom-group-details-form/classroom-group-details-form.scss?365a","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/colour-picker/ColourPicker.tsx","webpack://@clickview/lite/./src/apps/classrooms/components/colour-picker/colour-picker.scss?adf9","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/components/edit-classroom-group-details/EditClassroomGroupDetails.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/enums/GroupColour.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/utils/GroupHelper.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/classrooms/validation/ClassroomGroupValidationSchema.ts"],"names":[],"mappings":"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","file":"scripts/13.chunk.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface DivButtonProps extends React.ButtonHTMLAttributes<HTMLDivElement> {\r\n  onClick: (...args: any) => any;\r\n}\r\n\r\n/**\r\n * This element lets us use `div` elements as buttons without losing the accessibility of\r\n * a regular HTML button element\r\n */\r\nexport function DivButton(props: React.PropsWithChildren<DivButtonProps>): JSX.Element {\r\n  return (\r\n    <div\r\n      role='button'\r\n      tabIndex={0}\r\n      className={`${props.className ? props.className : ''} cursor-pointer`}\r\n      onKeyDown={(e: React.KeyboardEvent) => e.key === 'Enter' && props.onClick(e)}\r\n      onClick={props.onClick}\r\n      style={props.style ? props.style : {}}\r\n    >\r\n      {props.children}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { useFormikContext } from 'formik';\r\n\r\nimport { useCanSubmitForm } from 'libs/shared/hooks/UseCanSubmitForm';\r\nimport { SpinnerButton } from 'libs/shared/components/spinner-button/SpinnerButton';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nconst namespace = 'shared.formButtons';\r\n\r\nconst ENTER_KEY_CODE = 13;\r\n\r\ninterface FormButtonsProps {\r\n  isNew: boolean;\r\n  hasNext?: boolean;\r\n}\r\n\r\nexport function FormButtons<Values extends object>(props: FormButtonsProps): JSX.Element {\r\n  const formikProps = useFormikContext<Values>();\r\n\r\n  const canSubmit = useCanSubmitForm(formikProps);\r\n\r\n  /**\r\n   * This hook listens to \"Enter\" keypress events, and submits the form if there\r\n   * are no errors. This prevents any edge cases where submitting doesn't work on\r\n   * Enter normally, such as when a custom component is in focus.\r\n   */\r\n  React.useEffect(() => {\r\n    function onKeyPress(e: KeyboardEvent): void {\r\n      if (e.keyCode !== ENTER_KEY_CODE || !canSubmit)\r\n        return;\r\n\r\n      formikProps.validateForm().then(errors => {\r\n        if (!Object.keys(errors).length)\r\n          formikProps.submitForm();\r\n      });\r\n    }\r\n\r\n    window.addEventListener('keypress', onKeyPress);\r\n    return () => window.removeEventListener('keypress', onKeyPress);\r\n  }, [canSubmit]);\r\n\r\n  let phraseKey = 'save';\r\n  if (props.isNew)\r\n    phraseKey = 'create';\r\n  if (props.hasNext)\r\n    phraseKey = 'next';\r\n\r\n  return (\r\n    <SpinnerButton showSpinner={formikProps.isSubmitting} type='submit' disabled={!canSubmit}>\r\n      <Text namespace={namespace} phrase={phraseKey} />\r\n    </SpinnerButton>\r\n  );\r\n}","import * as React from 'react';\r\n\r\nimport { FieldAttributes } from 'formik';\r\nimport { Form } from 'react-bootstrap';\r\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\r\n\r\n/**\r\n * Use this checkbox within Formik contexts\r\n */\r\nexport function FormCheckbox<Values extends object>(props: FieldAttributes<FormFieldProps<Values>>): JSX.Element {\r\n  const { label, ...fieldProps } = props;\r\n\r\n  return (\r\n    <Form.Group>\r\n      <div className='custom-control custom-checkbox'>\r\n        <FieldWrapper<Values> className='custom-control-input' {...fieldProps} />\r\n        <Form.Label className='custom-control-label' htmlFor={fieldProps.id}>{label}</Form.Label>\r\n      </div>\r\n    </Form.Group>\r\n  );\r\n}\r\n\r\n","import * as React from 'react';\r\nimport { useFormikContext } from 'formik';\r\n\r\ninterface CharacterCounterProps<Values extends object> {\r\n  fieldName: keyof Values;\r\n  limit: number;\r\n}\r\n\r\nexport function CharacterCounter<Values extends object>(props: CharacterCounterProps<Values>): JSX.Element {\r\n  const { values } = useFormikContext<Values>();\r\n\r\n  const field = values[props.fieldName];\r\n\r\n  if (typeof field !== 'string')\r\n    return <></>;\r\n\r\n  return (\r\n    <div className='float-right text-muted'>\r\n      {field.length}/{props.limit}\r\n    </div>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Field, FieldAttributes, useFormikContext, ErrorMessage, FieldProps } from 'formik';\r\nimport { Form } from 'react-bootstrap';\r\n\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\n\r\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\r\n\r\nimport { CharacterCounter } from './CharacterCounter';\r\nimport { FormCheckbox } from '../form-checkbox/FormCheckbox';\r\n\r\nexport interface FormFieldProps<Values extends object> {\r\n  /**\r\n   * The name prop MUST be the same as the attribute\r\n   * name of the value that the field is bound to.\r\n   */\r\n  name: string;\r\n  label?: string;\r\n  children?: ((props: FieldProps) => React.ReactNode) | React.ReactNode;\r\n  showCharacterCounter?: boolean;\r\n}\r\n\r\nexport function FieldWrapper<Values extends object>(\r\n  props: FieldAttributes<FormFieldProps<Values>> & { className: string }\r\n): React.ReactElement {\r\n  const { children, ...fieldProps } = props;\r\n\r\n  return (\r\n    <Field {...fieldProps}>\r\n      {FunctionHelper.isFunction(children)\r\n        ? (f: FieldProps) => children(f)\r\n        : React.Children.count(children) ? children : null\r\n      }\r\n    </Field>\r\n  );\r\n}\r\n\r\nexport function FormField<Values extends object>(props: FieldAttributes<FormFieldProps<Values>>): React.ReactElement {\r\n  const { label, className, showCharacterCounter, ...fieldProps } = props;\r\n\r\n  const { errors, touched } = useFormikContext<Values>();\r\n\r\n  if (fieldProps.type === 'checkbox')\r\n    return <FormCheckbox<Values> {...props} />;\r\n\r\n  return (\r\n    <Form.Group>\r\n      {!!label && <Form.Label htmlFor={fieldProps.id}>{label}</Form.Label>}\r\n      <FieldWrapper<Values>\r\n        className={FormHelper.getCustomFormControlClassName(errors, touched, fieldProps.name, className)}\r\n        {...fieldProps}\r\n      />\r\n      {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\r\n        <CharacterCounter\r\n          fieldName={(fieldProps.name as keyof Values)}\r\n          limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\r\n        />\r\n      }\r\n      <ErrorMessage name={fieldProps.name}>\r\n        {(errorMessage: string) => <Form.Control.Feedback type='invalid'>{errorMessage}</Form.Control.Feedback>}\r\n      </ErrorMessage>\r\n    </Form.Group>\r\n  );\r\n}","import * as React from 'react';\r\nimport { Formik, FormikValues, FormikConfig, FormikProps, FormikHelpers, useFormikContext, FormikContextType } from 'formik';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\r\n\r\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\r\n  const values = ObjectHelper.deepClone(initialValues);\r\n\r\n  Object.keys(values).forEach((key: keyof Values) => {\r\n    if (!values.hasOwnProperty(key))\r\n      return;\r\n\r\n    if (ObjectHelper.isObject(values[key]))\r\n      values[key] = omitNullInitialValues(values[key]);\r\n    else if (values[key] === null)\r\n      delete values[key];\r\n  });\r\n\r\n  return values;\r\n}\r\n\r\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\r\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\r\n\r\ninterface InitialStatus {\r\n  allowInitialSubmit: boolean;\r\n}\r\n\r\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\r\n  initialValues: FormValues | ApiValues;\r\n  onSubmit: (data: FormValues, onDone: () => void) => void;\r\n  castInitialValues?: boolean; // cast to validationSchema\r\n  castValuesOnSubmit?: boolean; // cast to validationSchema\r\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\r\n  resetOnSubmit?: boolean;\r\n}\r\n\r\nFormWrapper.defaultProps = {\r\n  castInitialValues: true,\r\n  castValuesOnSubmit: true\r\n};\r\n\r\nexport function FormWrapper<\r\n  FormValues extends FormikValues = FormikValues,\r\n  ApiValues extends FormikValues = FormikValues,\r\n  ExtraProps = {}\r\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\r\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, resetOnSubmit, ...formikProps } = props;\r\n\r\n  /**\r\n   * If castInitialValues is true, cast initialValues to the validationSchema.\r\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\r\n   */\r\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\r\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\r\n    : initialValues;\r\n\r\n  const onSubmitHandler = (\r\n    values: FormValues,\r\n    { setSubmitting, resetForm }: FormikHelpers<FormValues>\r\n  ) => {\r\n    /**\r\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\r\n     * This is useful for trimming inputs:\r\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\r\n     */\r\n    const formattedData = castValuesOnSubmit && props.validationSchema\r\n      ? props.validationSchema.cast(values)\r\n      : values;\r\n\r\n    onSubmit(formattedData, () => {\r\n      resetOnSubmit && resetForm();\r\n      setSubmitting(false);\r\n    });\r\n  };\r\n\r\n  const initialStatus: InitialStatus = {\r\n    allowInitialSubmit: props.allowInitialSubmit\r\n  };\r\n\r\n  return (\r\n    <Formik<FormValues, ExtraProps>\r\n      enableReinitialize\r\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\r\n      initialValues={formattedInitialValues}\r\n      onSubmit={onSubmitHandler}\r\n      initialStatus={initialStatus}\r\n    >\r\n      {FunctionHelper.isFunction(props.children)\r\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\r\n        : React.Children.count(props.children) ? props.children : null\r\n      }\r\n    </Formik>\r\n  );\r\n}\r\n\r\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\r\n  return useFormikContext<T>();\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 { FormikValues, FormikProps } from 'formik';\r\n\r\n/**\r\n * useCanSubmitForm determines if a form can be submitted.\r\n * \r\n * It will return true if a form is valid and has been changed from it's initial state.\r\n * \r\n * A common use case for this is determining whether or not to enable\r\n * a submit button in a form.\r\n */\r\nexport function useCanSubmitForm<Values extends FormikValues>(formikProps: FormikProps<Values>): boolean {\r\n  const [ canSubmit, setCanSubmit ] = React.useState(false);\r\n\r\n  React.useEffect(() => {\r\n    if (!formikProps.isValid) {\r\n      setCanSubmit(false);\r\n      return;\r\n    }\r\n\r\n    // If the form values have changed of if allowInitialSubmit is true, set canSubmit to true.\r\n    if (formikProps.dirty || formikProps.initialStatus?.allowInitialSubmit)\r\n      setCanSubmit(true);\r\n    else\r\n      setCanSubmit(false);\r\n\r\n  }, [ formikProps.isValid, formikProps.initialStatus?.allowInitialSubmit, formikProps.dirty, formikProps.values ]);\r\n\r\n  React.useEffect(() => {\r\n    if (formikProps.isSubmitting)\r\n      setCanSubmit(false);\r\n  }, [formikProps.isSubmitting]);\r\n\r\n  return canSubmit;\r\n}\r\n","import { FormikErrors, FormikTouched, getIn } from 'formik';\r\n\r\nexport const FormHelper = {\r\n  getCustomFormControlClassName<T>(\r\n    errors: FormikErrors<T>,\r\n    touched: FormikTouched<T>,\r\n    attribute: string,\r\n    additionalClassName?: string\r\n  ): string {\r\n    let className = 'form-control';\r\n\r\n    // Using getIn as it supports dot notation\r\n    if (getIn(touched, attribute) && getIn(errors, attribute))\r\n      className += ' is-invalid';\r\n\r\n    if (additionalClassName)\r\n      className += ` ${additionalClassName}`;\r\n\r\n    return className;\r\n  }\r\n};","import React from 'react';\r\nimport { Form } from 'formik';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\r\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\nimport { FormButtons } from 'libs/shared/components/forms/form-buttons/FormButtons';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\n\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\n\r\nimport { ColourPicker } from 'apps/classrooms/components/colour-picker/ColourPicker';\r\n\r\nimport styles from './classroom-group-details-form.scss';\r\n\r\nconst namespace = 'classrooms.classroomGroupDetailsForm';\r\nconst getPhrase = LanguageService.encloseNamespace(namespace);\r\n\r\ninterface ClassroomGroupDetailsFormProps {\r\n  isNew: boolean;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function ClassroomGroupDetailsForm(props: ClassroomGroupDetailsFormProps): JSX.Element {\r\n  const formikProps = useFormikContextWrapper<MockClassroomGroup>();\r\n\r\n  return (\r\n    <>\r\n      <div>\r\n        <h2 className='w-50 d-inline-block h6'><Text namespace={namespace} phrase='nameLabel' /></h2>\r\n        <h2 className='d-inline-block h6'><Text namespace={namespace} phrase='colourLabel' /></h2>\r\n      </div>\r\n\r\n      <Form>\r\n        <div className='pb-3 d-flex'>\r\n          <div className='w-50'>\r\n            <FormField\r\n              type='text'\r\n              name='name'\r\n              id='name'\r\n              className={`${styles.groupNameInput}`}\r\n              placeholder={getPhrase('groupNamePlaceholder')}\r\n              autoFocus\r\n              value={formikProps.values.name}\r\n            />\r\n          </div>\r\n          <div className='form-group'>\r\n            <ColourPicker\r\n              onSelect={c => formikProps.setFieldValue('colour', c)}\r\n              selection={formikProps.values.colour}\r\n              id={`${props.isNew ? 'create' : 'edit'}-classroom-group`}\r\n            />\r\n          </div>\r\n        </div>\r\n\r\n        <div className='btn-container d-flex justify-content-end'>\r\n          <button type='button' className='btn btn-link mr-2' onClick={props.onClickCancel}>\r\n            <Text namespace={namespace} phrase='cancel' />\r\n          </button>\r\n          <FormButtons isNew={props.isNew} />\r\n        </div>\r\n      </Form>\r\n    </>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"groupNameInput\":\"cv--groupNameInput--3hGvq\"};","import React from 'react';\r\nimport { Dropdown } from 'react-bootstrap';\r\n\r\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\r\n\r\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\r\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\r\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\r\n\r\nimport { GroupColour } from 'apps/classrooms/enums/GroupColour';\r\nimport { mapColourToClassName } from 'apps/classrooms/utils/GroupHelper';\r\n\r\nimport styles from './colour-picker.scss';\r\n\r\ninterface ColourPickerProps {\r\n  id: string;\r\n  onSelect?: (colour: string) => void;\r\n  selection?: GroupColour;\r\n  disabled?: boolean;\r\n}\r\n\r\nColourPicker.defaultProps = {\r\n  selection: GroupColour.White,\r\n  onSelect: () => {}\r\n};\r\n\r\nexport function ColourPicker(props: ColourPickerProps): JSX.Element {\r\n  function getToggleButtonClass(): string {\r\n    const baseClass = `${styles.dropdownToggle} outline-none p-0 d-flex align-items-center text-decoration-none`;\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n\r\n    return `${baseClass} ${disabledClass}`;\r\n  }\r\n\r\n  function getOptionClass(colour: GroupColour): string {\r\n    const baseClass = `${styles.colourOption} position-relative`;\r\n    const borderClass = colour === GroupColour.White ? 'border border-dark' : '';\r\n    const disabledClass = props.disabled ? 'cursor-default' : '';\r\n    const colorClass = mapColourToClassName(colour);\r\n\r\n    return `${baseClass} ${borderClass} ${disabledClass} ${colorClass}`;\r\n  }\r\n\r\n  const dropdownProps: HashObject = {};\r\n  if (props.disabled)\r\n    dropdownProps.show = false;\r\n\r\n  return (\r\n    <Dropdown {...dropdownProps}>\r\n      <Dropdown.Toggle id={props.id} variant='link' className={getToggleButtonClass()}>\r\n        <div className={`border border-secondary rounded bg-white ${styles.colourButton}`}>\r\n          <div className={`px-0 py-1 rounded ${mapColourToClassName(props.selection)}`}>\r\n            &nbsp;\r\n          </div>\r\n        </div>\r\n\r\n        {!props.disabled &&\r\n          <SvgContainer svgName={cvSvgLibrary.Caret} />\r\n        }\r\n      </Dropdown.Toggle>\r\n\r\n      <Dropdown.Menu>\r\n        <ul className={`${styles.colourList} list-unstyled d-flex flex-wrap px-2 m-0`}>\r\n          {Object.keys(GroupColour).map(colourKey => {\r\n            const colour = (GroupColour as any)[colourKey];\r\n\r\n            return (\r\n              <li key={`${props.id}:${colour}`} className='m-1'>\r\n                <DivButton\r\n                  onClick={() => props.onSelect(colour)}\r\n                  className={getOptionClass(colour)}\r\n                >\r\n                  {colour === GroupColour.White\r\n                    ? <div className={styles.lineThrough} />\r\n                    : <>&nbsp;</>\r\n                  }\r\n                </DivButton>\r\n              </li>\r\n            );\r\n          })}\r\n        </ul>\r\n      </Dropdown.Menu>\r\n    </Dropdown>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"dropdownToggle\":\"cv--dropdownToggle--347DY\",\"colourButton\":\"cv--colourButton--1rKvE\",\"colourList\":\"cv--colourList--328-w\",\"colourOption\":\"cv--colourOption--1Tw7u\",\"lineThrough\":\"cv--lineThrough--18oZq\"};","import React from 'react';\r\n\r\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\r\n\r\nimport { MockClassroomGroup } from 'shared/interfaces/mocks';\r\nimport { ClassroomGroupValidationSchema } from 'apps/classrooms/validation/ClassroomGroupValidationSchema';\r\nimport { ClassroomGroupDetailsForm } from 'apps/classrooms/components/classroom-group-details-form/ClassroomGroupDetailsForm';\r\n\r\ninterface EditClassroomGroupDetailsProps {\r\n  group?: MockClassroomGroup;\r\n  saveGroup: (group: MockClassroomGroup) => void;\r\n  onClickCancel: () => void;\r\n}\r\n\r\nexport function EditClassroomGroupDetails(props: EditClassroomGroupDetailsProps): React.ReactElement {\r\n  const { group, saveGroup, onClickCancel } = props;\r\n\r\n  const initialValues: MockClassroomGroup = {\r\n    id: group?.id,\r\n    name: group?.name,\r\n    colour: group?.colour,\r\n    students: []\r\n  };\r\n\r\n  return (\r\n    <FormWrapper<MockClassroomGroup>\r\n      initialValues={initialValues}\r\n      validationSchema={ClassroomGroupValidationSchema}\r\n      onSubmit={saveGroup}\r\n    >\r\n      <ClassroomGroupDetailsForm isNew={!group} onClickCancel={onClickCancel} />\r\n    </FormWrapper>\r\n  );\r\n}","export enum GroupColour {\r\n  White = 'white',\r\n  Pink = 'pink',\r\n  YellowOrange = 'yellow-orange',\r\n  Emerald = 'emerald',\r\n  PuertoRico = 'puerto-rico',\r\n  PictonBlue = 'picton-blue',\r\n  EastSide = 'east-side',\r\n  Portage = 'portage'\r\n}","import { GroupColour } from 'apps/classrooms/enums/GroupColour';\r\n\r\nexport function mapColourToClassName(groupName: GroupColour): string {\r\n  return `bg-${groupName}`;\r\n}","import { object, string } from 'yup';\r\n\r\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\r\nimport { GroupColour } from '../enums/GroupColour';\r\n\r\nconst getPhrase = LanguageService.encloseNamespace('classrooms.classroomValidation');\r\n\r\nexport const ClassroomGroupValidationSchema = object().shape({\r\n  name: string()\r\n    .max(255, () => getPhrase('nameExceeds'))\r\n    .required(() => getPhrase('nameRequired'))\r\n    .default(''),\r\n  colour: string()\r\n    .required(() => getPhrase('colourRequired'))\r\n    .default(GroupColour.White)\r\n});"],"sourceRoot":""}

package/dist/scripts/14.chunk.js

@@ -1,425 +0,0 @@
-(window["webpackJsonp_clickview_lite"] = window["webpackJsonp_clickview_lite"] || []).push([[14],{
-
-/***/ "../../libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts":
-/*!*******************************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts ***!
-  \*******************************************************************************************************************************/
-/*! exports provided: ContentUpdateRequests */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ContentUpdateRequests", function() { return ContentUpdateRequests; });
-/* harmony import */ var _constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../constants/WithStatements */ "../../libs/shared/src/constants/WithStatements.ts");
-
-const ContentUpdateRequests = {
-  getContentUpdates(from, to) {
-    return {
-      url: `/api/domain/v1/subjects/content-updates?from=${from}&to=${to}` + `&query=${_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION}`,
-      key: 'content:updates',
-      normalize: false
-    };
-  },
-
-  getClassifications(ids) {
-    let url = '/api/domain/v1/subjects';
-    const params = [];
-    ids.forEach(id => params.push(`id=${id}`));
-    return {
-      url: `${url}?${params.join('&')}&query=banner`,
-      key: `classifications:${ids.join(',')}`
-    };
-  },
-
-  getClassification(id) {
-    return {
-      url: `/api/domain/v1/subjects/${id}?query=banner`,
-      key: `classification:${id}`
-    };
-  },
-
-  /**
-   * TODO: Delete thise and use the shared video requests
-   */
-  videos(ids, success) {
-    const url = `/api/domain/v1/videos?ids=${ids.join(',')}&with=${_constants_WithStatements__WEBPACK_IMPORTED_MODULE_0__["SharedWithStatements"].VIDEO_COLLECTION}`;
-    return {
-      url,
-      key: `videos:by:id:${ids.join(',')}`,
-      success
-    };
-  }
-
-};
-
-/***/ }),
-
-/***/ "../../libs/shared/src/components/video-list/PartialVideoList.tsx":
-/*!************************************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx ***!
-  \************************************************************************************************************/
-/*! exports provided: PartialVideoList */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "PartialVideoList", function() { return PartialVideoList; });
-/* 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__);
-
-function PartialVideoList(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null);
-}
-
-/***/ }),
-
-/***/ "../../libs/shared/src/hooks/UseBatchFetch.ts":
-/*!****************************************************************************************!*\
-  !*** C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts ***!
-  \****************************************************************************************/
-/*! exports provided: useBatchFetch */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "useBatchFetch", function() { return useBatchFetch; });
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react-redux */ "react-redux");
-/* harmony import */ var react_redux__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react_redux__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _common_src_react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../common/src/react */ "../../libs/common/src/react/index.ts");
-/* harmony import */ var _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../common/src/react/utils/ArrayHelper */ "../../libs/common/src/react/utils/ArrayHelper.ts");
-
-
-
-const BATCH_SIZE = 25;
-/**
- * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple
- * requests if there are more than 25 items.
- * This will return null until we have all our items. Items will be returned as an object with
- * their ids as they key for easy mapping
- *
- * @param itemIds
- * @param getRequest
- */
-
-function useBatchFetch(itemIds, getRequest) {
-  const dispatch = Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useDispatch"])();
-  return Object(react_redux__WEBPACK_IMPORTED_MODULE_0__["useSelector"])(state => {
-    var _a;
-
-    if (!((_a = itemIds) === null || _a === void 0 ? void 0 : _a.length)) return null;
-    const uniqueItemIds = _common_src_react_utils_ArrayHelper__WEBPACK_IMPORTED_MODULE_2__["ArrayHelper"].uniq(itemIds);
-    let items = {};
-    /* Used locally to only return our items if we've fetched all of them */
-
-    const status = {};
-
-    for (let i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {
-      const ids = uniqueItemIds.slice(i, i + BATCH_SIZE);
-      const request = getRequest(ids);
-      const response = _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].getResponse(state, request.key);
-      status[i] = !!response.data;
-      if (response.shouldFetch) _common_src_react__WEBPACK_IMPORTED_MODULE_1__["Flight"].fetch(dispatch, request);
-      if (response.data) response.data.forEach(v => items[v.id] = v);
-    }
-
-    return Object.keys(status).every(k => status[k]) ? items : null;
-  });
-}
-
-/***/ }),
-
-/***/ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx":
-/*!********************************************************************************************!*\
-  !*** ./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx ***!
-  \********************************************************************************************/
-/*! exports provided: ClassificationBanner */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return ClassificationBanner; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-/* harmony import */ var _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/utils/SvgHelper */ "../../libs/shared/src/utils/SvgHelper.ts");
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/icon-button/IconButton */ "../../libs/shared/src/components/icon-button/IconButton.tsx");
-/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./classification-banner.scss */ "./src/apps/content-updates/components/classification-banner/classification-banner.scss");
-/* harmony import */ var _classification_banner_scss__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_5__);
-
-
-
-
-
-
-var namespace = 'liteContentUpdates.classificationBanner';
-function ClassificationBanner(props) {
-  var classification = props.classification,
-      backgroundUrl = props.backgroundUrl,
-      followed = props.followed,
-      follow = props.follow;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("div", {
-    className: "banner mb-2 d-flex justify-content-between ".concat(_classification_banner_scss__WEBPACK_IMPORTED_MODULE_5___default.a.banner),
-    style: {
-      backgroundImage: "url('".concat(backgroundUrl, "')")
-    }
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_1__["AppLink"], {
-    className: 'text-white text-shadow',
-    appLink: props.getClassificationAppLink(classification)
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h2", {
-    className: 'h3 mb-0'
-  }, classification.name)), react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_icon_button_IconButton__WEBPACK_IMPORTED_MODULE_4__["IconButton"], {
-    className: "btn ".concat(followed ? 'btn-dark' : 'btn-white'),
-    svgName: _libs_shared_src_utils_SvgHelper__WEBPACK_IMPORTED_MODULE_2__["cvSvgLibrary"].Bell,
-    onClick: function onClick() {
-      return follow(classification.id, !followed);
-    }
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_3__["Text"], {
-    namespace: namespace,
-    phrase: followed ? 'unfollow' : 'follow'
-  })));
-}
-
-/***/ }),
-
-/***/ "./src/apps/content-updates/components/classification-banner/classification-banner.scss":
-/*!**********************************************************************************************!*\
-  !*** ./src/apps/content-updates/components/classification-banner/classification-banner.scss ***!
-  \**********************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"banner":"cv--banner--1ZGpQ"};
-
-/***/ }),
-
-/***/ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx":
-/*!*******************************************************************************************************************!*\
-  !*** ./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx ***!
-  \*******************************************************************************************************************/
-/*! exports provided: ClassificationUpdateBreadcrumbs */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return ClassificationUpdateBreadcrumbs; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-
-
-
-var namespace = 'playlists.liteClassificationUpdateBreadcrumbs';
-function ClassificationUpdateBreadcrumbs(props) {
-  var classification = props.classification;
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
-    "aria-label": 'breadcrumb'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
-    className: 'breadcrumb p-0'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
-    className: 'breadcrumb-item'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
-    appLink: props.dashboardAppLink
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    namespace: namespace,
-    phrase: 'dashboard'
-  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
-    className: 'breadcrumb-item'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
-    appLink: props.contentUpdatesAppLink
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    namespace: namespace,
-    phrase: 'whatsNew'
-  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
-    className: 'breadcrumb-item active',
-    "aria-current": 'page'
-  }, classification.name))));
-}
-
-/***/ }),
-
-/***/ "./src/apps/content-updates/components/index.ts":
-/*!******************************************************!*\
-  !*** ./src/apps/content-updates/components/index.ts ***!
-  \******************************************************/
-/*! exports provided: WhatsNewBreadcrumbs, ClassificationBanner, ClassificationUpdateBreadcrumbs */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ./whats-new-breadcrumbs/WhatsNewBreadcrumbs */ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return _whats_new_breadcrumbs_WhatsNewBreadcrumbs__WEBPACK_IMPORTED_MODULE_0__["WhatsNewBreadcrumbs"]; });
-
-/* harmony import */ var _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./classification-banner/ClassificationBanner */ "./src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationBanner", function() { return _classification_banner_ClassificationBanner__WEBPACK_IMPORTED_MODULE_1__["ClassificationBanner"]; });
-
-/* harmony import */ var _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs */ "./src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx");
-/* harmony reexport (safe) */ __webpack_require__.d(__webpack_exports__, "ClassificationUpdateBreadcrumbs", function() { return _classification_update_breadcrumbs_ClassificationUpdateBreadcrumbs__WEBPACK_IMPORTED_MODULE_2__["ClassificationUpdateBreadcrumbs"]; });
-
-
-
-
-
-/***/ }),
-
-/***/ "./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx":
-/*!*******************************************************************************************!*\
-  !*** ./src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx ***!
-  \*******************************************************************************************/
-/*! exports provided: WhatsNewBreadcrumbs */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "WhatsNewBreadcrumbs", function() { return WhatsNewBreadcrumbs; });
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
-/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/text/Text */ "../../libs/shared/src/components/text/Text.tsx");
-/* harmony import */ var _libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/app-link/AppLink */ "../../libs/shared/src/components/app-link/AppLink.tsx");
-
-
-
-var namespace = 'playlists.liteWhatsNewBreadcrumbs';
-function WhatsNewBreadcrumbs(props) {
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](react__WEBPACK_IMPORTED_MODULE_0__["Fragment"], null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("h1", null, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    namespace: namespace,
-    phrase: 'whatsNew'
-  })), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("nav", {
-    "aria-label": 'breadcrumb'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("ol", {
-    className: 'breadcrumb p-0'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
-    className: 'breadcrumb-item'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_app_link_AppLink__WEBPACK_IMPORTED_MODULE_2__["AppLink"], {
-    appLink: props.dashboardAppLink
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    namespace: namespace,
-    phrase: 'dashboard'
-  }))), react__WEBPACK_IMPORTED_MODULE_0__["createElement"]("li", {
-    className: 'breadcrumb-item active',
-    "aria-current": 'page'
-  }, react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_text_Text__WEBPACK_IMPORTED_MODULE_1__["Text"], {
-    namespace: namespace,
-    phrase: 'whatsNew'
-  })))));
-}
-
-/***/ }),
-
-/***/ "./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx":
-/*!*********************************************************************************!*\
-  !*** ./src/apps/playlists/components/video-list/SortableVideoListContainer.tsx ***!
-  \*********************************************************************************/
-/*! exports provided: SortableVideoListContainer */
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "SortableVideoListContainer", function() { return SortableVideoListContainer; });
-/* 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_backbone__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone */ "../../libs/common/src/backbone/index.ts");
-/* harmony import */ var _libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/utils/FunctionHelper */ "../../libs/common/src/backbone/utils/FunctionHelper.ts");
-/* harmony import */ var _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../../../../../../../libs/common/src/backbone/errors/DevError */ "../../libs/common/src/backbone/errors/DevError.ts");
-/* harmony import */ var _libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/VideoList */ "../../libs/shared/src/components/video-list/VideoList.tsx");
-/* harmony import */ var _libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../../../../../../libs/shared/src/components/video-list/PartialVideoList */ "../../libs/shared/src/components/video-list/PartialVideoList.tsx");
-/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! ./sortable-video-list-container.scss */ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss");
-/* harmony import */ var _sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default = /*#__PURE__*/__webpack_require__.n(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6__);
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-var __rest = undefined && undefined.__rest || function (s, e) {
-  var t = {};
-
-  for (var p in s) {
-    if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
-  }
-
-  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
-  }
-  return t;
-};
-
-
-
-
-
-
-
-
-function SortableVideoListContainer(props) {
-  var onSortComplete = props.onSortComplete,
-      onSortStart = props.onSortStart,
-      showPartialLoading = props.showPartialLoading,
-      videoListProps = __rest(props, ["onSortComplete", "onSortStart", "showPartialLoading"]);
-
-  var _React$useState = react__WEBPACK_IMPORTED_MODULE_0__["useState"](),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      currentSortingIndex = _React$useState2[0],
-      setCurrentSortingIndex = _React$useState2[1];
-
-  var onSortStartHandler = function onSortStartHandler(index) {
-    if (_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortStart)) onSortStart(index);
-  };
-
-  var onSortEnd = function onSortEnd(sort) {
-    setCurrentSortingIndex(null);
-
-    if (!_libs_common_src_backbone_utils_FunctionHelper__WEBPACK_IMPORTED_MODULE_2__["FunctionHelper"].isFunction(onSortComplete)) {
-      _libs_common_src_backbone__WEBPACK_IMPORTED_MODULE_1__["Core"].ErrorHelper["throw"](new _libs_common_src_backbone_errors_DevError__WEBPACK_IMPORTED_MODULE_3__["DevError"]('An onSortComplete callback function must be passed to SortableVideoListComponent'));
-      return;
-    }
-
-    onSortComplete(sort.oldIndex, sort.newIndex);
-  };
-
-  if (showPartialLoading) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_PartialVideoList__WEBPACK_IMPORTED_MODULE_5__["PartialVideoList"], null);
-  if (!props.canEdit) return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["VideoList"], Object.assign({}, videoListProps));
-  return react__WEBPACK_IMPORTED_MODULE_0__["createElement"](_libs_shared_src_components_video_list_VideoList__WEBPACK_IMPORTED_MODULE_4__["SortableVideoList"], Object.assign({}, videoListProps, {
-    currentSortingIndex: currentSortingIndex,
-    updateBeforeSortStart: function updateBeforeSortStart(_ref) {
-      var index = _ref.index;
-      return setCurrentSortingIndex(index);
-    },
-    onSortStart: function onSortStart(_ref2) {
-      var index = _ref2.index;
-      return onSortStartHandler(index);
-    },
-    onSortEnd: onSortEnd,
-    lockAxis: 'y',
-    lockToContainerEdges: true,
-    lockOffset: ['0%', '100%'],
-    helperClass: "bg-white ".concat(_sortable_video_list_container_scss__WEBPACK_IMPORTED_MODULE_6___default.a.sortableItem),
-    distance: 1,
-    useDragHandle: true
-  }));
-}
-
-/***/ }),
-
-/***/ "./src/apps/playlists/components/video-list/sortable-video-list-container.scss":
-/*!*************************************************************************************!*\
-  !*** ./src/apps/playlists/components/video-list/sortable-video-list-container.scss ***!
-  \*************************************************************************************/
-/*! no static exports found */
-/***/ (function(module, exports, __webpack_require__) {
-
-// extracted by mini-css-extract-plugin
-module.exports = {"sortableItem":"cv--sortableItem--2eiPB"};
-
-/***/ })
-
-}]);
-//# sourceMappingURL=14.chunk.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["file://C:/ClickView Projects/@clickview/packages/libs/shared/src/apps/content-updates/flight-requests/ContentUpdateRequests.ts","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/components/video-list/PartialVideoList.tsx","file://C:/ClickView Projects/@clickview/packages/libs/shared/src/hooks/UseBatchFetch.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/components/classification-banner/ClassificationBanner.tsx","webpack://@clickview/lite/./src/apps/content-updates/components/classification-banner/classification-banner.scss?eec1","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/components/classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/components/index.ts","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/content-updates/components/whats-new-breadcrumbs/WhatsNewBreadcrumbs.tsx","file://C:/ClickView Projects/@clickview/packages/projects/lite/src/apps/playlists/components/video-list/SortableVideoListContainer.tsx","webpack://@clickview/lite/./src/apps/playlists/components/video-list/sortable-video-list-container.scss?ea6f"],"names":[],"mappings":"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","file":"scripts/14.chunk.js","sourcesContent":["import { Flight } from 'libs/common/flight';\r\n\r\nimport { SharedWithStatements } from 'libs/shared/constants/WithStatements';\r\nimport { Video } from 'libs/shared/interfaces';\r\n\r\nexport const ContentUpdateRequests = {\r\n  getContentUpdates(from: string, to: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/subjects/content-updates?from=${from}&to=${to}`\r\n        + `&query=${SharedWithStatements.VIDEO_COLLECTION}`,\r\n      key: 'content:updates',\r\n      normalize: false\r\n    };\r\n  },\r\n\r\n  getClassifications(ids: string[]): Flight.Request {\r\n    let url = '/api/domain/v1/subjects';\r\n    const params: string[] = [];\r\n    ids.forEach(id => params.push(`id=${id}`));\r\n\r\n    return {\r\n      url: `${url}?${params.join('&')}&query=banner`,\r\n      key: `classifications:${ids.join(',')}`\r\n    };\r\n  },\r\n\r\n  getClassification(id: string): Flight.Request {\r\n    return {\r\n      url: `/api/domain/v1/subjects/${id}?query=banner`,\r\n      key: `classification:${id}`\r\n    };\r\n  },\r\n\r\n  /**\r\n   * TODO: Delete thise and use the shared video requests\r\n   */\r\n  videos(ids: string[], success?: (data: Video[]) => void): Flight.Request {\r\n    const url = `/api/domain/v1/videos?ids=${ids.join(',')}&with=${SharedWithStatements.VIDEO_COLLECTION}`;\r\n\r\n    return {\r\n      url,\r\n      key: `videos:by:id:${ids.join(',')}`,\r\n      success\r\n    };\r\n  },\r\n};","import * as React from 'react';\r\n\r\ninterface PartialVideoListProps {\r\n\r\n}\r\n\r\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\r\n  return (\r\n    <>\r\n    </>\r\n  );\r\n}","import { useDispatch, useSelector } from 'react-redux';\r\nimport { Flight } from 'libs/common/flight';\r\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\r\nimport { HashObject, ApplicationState } from 'libs/common/react/interfaces';\r\nimport { BaseObject } from 'libs/shared/interfaces';\r\n\r\nconst BATCH_SIZE = 25;\r\n\r\n/**\r\n * Used to fetch multiple items by id with Flight. Will fetch 25 items at a time firing off multiple\r\n * requests if there are more than 25 items.\r\n * This will return null until we have all our items. Items will be returned as an object with\r\n * their ids as they key for easy mapping\r\n * \r\n * @param itemIds \r\n * @param getRequest \r\n */\r\nexport function useBatchFetch<T extends BaseObject>(\r\n  itemIds: string[], getRequest: (ids: string[]) => Flight.Request\r\n): { [key: string]: T} {\r\n  const dispatch = useDispatch();\r\n  return useSelector((state: ApplicationState) => {\r\n    if (!itemIds?.length)\r\n      return null;\r\n\r\n    const uniqueItemIds = ArrayHelper.uniq(itemIds);\r\n    let items: { [key: string]: T} = {};\r\n\r\n    /* Used locally to only return our items if we've fetched all of them */\r\n    const status: HashObject = {};\r\n\r\n    for (let i = 0; i < uniqueItemIds.length; i += BATCH_SIZE) {\r\n      const ids = uniqueItemIds.slice(i, i + BATCH_SIZE);\r\n\r\n      const request = getRequest(ids);\r\n      const response = Flight.getResponse<T[]>(state, request.key);\r\n      status[i] = !!response.data;\r\n\r\n      if (response.shouldFetch)\r\n        Flight.fetch(dispatch, request);\r\n\r\n      if (response.data)\r\n        response.data.forEach(v => items[v.id] = v);\r\n    }\r\n\r\n    return Object.keys(status).every(k => status[k]) ? items : null;\r\n  });\r\n}","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\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\n\r\nimport styles from './classification-banner.scss';\r\n\r\nconst namespace = 'liteContentUpdates.classificationBanner';\r\n\r\ninterface ClassificationBannerProps {\r\n  classification: Classification;\r\n  backgroundUrl: string;\r\n  getClassificationAppLink: (classification: Classification) => Core.AppLink;\r\n  followed: boolean;\r\n  follow: (classificationId: string, follow: boolean) => void;\r\n}\r\n\r\nexport function ClassificationBanner(props: ClassificationBannerProps): JSX.Element {\r\n  const { classification, backgroundUrl, followed, follow } = props;\r\n\r\n  return (\r\n    <div\r\n      className={`banner mb-2 d-flex justify-content-between ${styles.banner}`}\r\n      style={{ backgroundImage: `url('${backgroundUrl}')` }}\r\n    >\r\n      <AppLink className='text-white text-shadow' appLink={props.getClassificationAppLink(classification)}>\r\n        <h2 className='h3 mb-0'>{classification.name}</h2>\r\n      </AppLink>\r\n      <IconButton\r\n        className={`btn ${followed ? 'btn-dark' : 'btn-white'}`}\r\n        svgName={cvSvgLibrary.Bell}\r\n        onClick={() => follow(classification.id, !followed)}\r\n      >\r\n        <Text namespace={namespace} phrase={followed ? 'unfollow' : 'follow'} />\r\n      </IconButton>\r\n    </div>\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"banner\":\"cv--banner--1ZGpQ\"};","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { Classification } from 'libs/shared/interfaces';\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.liteClassificationUpdateBreadcrumbs';\r\n\r\ninterface ClassificationUpdateBreadcrumbs {\r\n  classification: Classification;\r\n  contentUpdatesAppLink: Core.AppLink;\r\n  dashboardAppLink: Core.AppLink;\r\n}\r\n\r\nexport function ClassificationUpdateBreadcrumbs(\r\n  props: ClassificationUpdateBreadcrumbs\r\n): JSX.Element {\r\n  const { classification } = props;\r\n\r\n  return (\r\n    <>\r\n      <nav aria-label='breadcrumb'>\r\n        <ol className='breadcrumb p-0'>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.contentUpdatesAppLink}><Text namespace={namespace} phrase='whatsNew' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item active' aria-current='page'>{classification.name}</li>\r\n        </ol>\r\n      </nav>\r\n    </>\r\n  );\r\n}","export * from './whats-new-breadcrumbs/WhatsNewBreadcrumbs';\r\nexport * from './classification-banner/ClassificationBanner';\r\nexport * from './classification-update-breadcrumbs/ClassificationUpdateBreadcrumbs';","import * as React from 'react';\r\n\r\nimport { Core } from 'libs/common/core';\r\n\r\nimport { Text } from 'libs/shared/components/text/Text';\r\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\r\n\r\nconst namespace = 'playlists.liteWhatsNewBreadcrumbs';\r\n\r\nexport interface WhatsNewBreadcrumbsProps {\r\n  dashboardAppLink: Core.AppLink;\r\n}\r\n\r\nexport function WhatsNewBreadcrumbs(props: WhatsNewBreadcrumbsProps): JSX.Element {\r\n  return (\r\n    <>\r\n      <h1><Text namespace={namespace} phrase='whatsNew' /></h1>\r\n      <nav aria-label='breadcrumb'>\r\n        <ol className='breadcrumb p-0'>\r\n          <li className='breadcrumb-item'>\r\n            <AppLink appLink={props.dashboardAppLink}><Text namespace={namespace} phrase='dashboard' /></AppLink>\r\n          </li>\r\n          <li className='breadcrumb-item active' aria-current='page'><Text namespace={namespace} phrase='whatsNew' /></li>\r\n        </ol>\r\n      </nav>\r\n    </>\r\n  );\r\n}","import * as React from 'react';\r\nimport { SortStart, SortEnd } from 'react-sortable-hoc';\r\n\r\nimport { Core } from 'libs/common/core';\r\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\r\nimport { DevError } from 'libs/common/backbone/errors/DevError';\r\nimport { SortableVideoList, VideoList, VideoListProps } from 'libs/shared/components/video-list/VideoList';\r\nimport { PartialVideoList } from 'libs/shared/components/video-list/PartialVideoList';\r\n\r\nimport styles from './sortable-video-list-container.scss';\r\n\r\ninterface SortableVideoListContainerProps extends VideoListProps {\r\n  playlistId: string;\r\n  onSortComplete: (oldIdx: number, newIdx: number) => void;\r\n  onSortStart?: (index: number) => void;\r\n  isUserSignedIn: boolean;\r\n  canEdit?: boolean;\r\n  showPartialLoading?: boolean;\r\n  fetchRestrictions?: () => void;\r\n}\r\n\r\nexport function SortableVideoListContainer(props: SortableVideoListContainerProps): React.ReactElement {\r\n  const { onSortComplete, onSortStart, showPartialLoading, ...videoListProps } = props;\r\n\r\n  const [ currentSortingIndex, setCurrentSortingIndex ] = React.useState<number>();\r\n\r\n  const onSortStartHandler = (index: number) => {\r\n    if (FunctionHelper.isFunction(onSortStart))\r\n      onSortStart(index);\r\n  };\r\n\r\n  const onSortEnd = (sort: SortEnd) => {\r\n    setCurrentSortingIndex(null);\r\n\r\n    if (!FunctionHelper.isFunction(onSortComplete)) {\r\n      Core.ErrorHelper.throw(new DevError('An onSortComplete callback function must be passed to SortableVideoListComponent'));\r\n      return;\r\n    }\r\n\r\n    onSortComplete(sort.oldIndex, sort.newIndex);\r\n  };\r\n\r\n  if (showPartialLoading)\r\n    return <PartialVideoList />;\r\n\r\n  if (!props.canEdit)\r\n    return <VideoList {...videoListProps} />;\r\n\r\n  return (\r\n    <SortableVideoList\r\n      {...videoListProps}\r\n      currentSortingIndex={currentSortingIndex}\r\n      updateBeforeSortStart={({ index }: SortStart) => setCurrentSortingIndex(index)}\r\n      onSortStart={({ index }: SortStart) => onSortStartHandler(index)}\r\n      onSortEnd={onSortEnd}\r\n      lockAxis='y'\r\n      lockToContainerEdges\r\n      lockOffset={[ '0%', '100%' ]} // Allow movement beyond the bottom of container\r\n      helperClass={`bg-white ${styles.sortableItem}`}\r\n      distance={1} // This allows mousedown/click events to be consumed before sorting is triggered.\r\n      useDragHandle\r\n    />\r\n  );\r\n}","// extracted by mini-css-extract-plugin\nmodule.exports = {\"sortableItem\":\"cv--sortableItem--2eiPB\"};"],"sourceRoot":""}

package/dist/scripts/15-78ff5e8be2.chunk.js

@@ -1 +0,0 @@
-(window.webpackJsonp_clickview_lite=window.webpackJsonp_clickview_lite||[]).push([[15],{421:function(t,e,a){"use strict";a.d(e,"a",(function(){return l}));var r=a(16),n=a(27),i=function(t,e){var a={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(a[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(a[r[n]]=t[r[n]])}return a};function o(t,e,a,n){return{url:"/api/domain/v2/objects/"+e,key:`favourite:video:${e}:${t}`,data:{favouriteVideos:t},type:r.a.PUT,invalidationKeys:["favourite:videos:"+e,"video:is:favourited:"+e],success:a,error:n}}function s(t,e,a,n){return{url:`/api/domain/v2/objects/${e}/favouriteVideos/${t}`,key:`favourite:video:${e}:${t}`,type:r.a.DELETE,invalidationKeys:["favourite:videos:"+e,"video:is:favourited:"+e],success:a,error:n}}const l={favouriteVideos:(t,e)=>({url:`/api/domain/v2/objects/${t}/favouriteVideos?query=${`${n.a.VIDEO_COLLECTION}${function(t){return t?"&cursor="+t:""}(e)}`}`,key:`favourite:videos:${t}${e?":"+e:""}`}),updateIsVideoFavourited:(t,e,a,r,n)=>(a?o:s)(t,e,r,n),isFavourited(t,e){const a=e.slice().sort();return{url:`/api/domain/v2/objects?query=favouritedBy{id:${t}}&${a.map(t=>"id="+t).join("&")}`,key:`video:is:favourited:${t}:by:id:${a.join(",")}`,formatData:t=>{var e;if(!(null===(e=t)||void 0===e?void 0:e.length))return t;return t.map(t=>{var e,a;const{favouritedBy:r}=t,n=i(t,["favouritedBy"]);return Object.assign(Object.assign({},n),{isFavourited:!!(null===(a=null===(e=r)||void 0===e?void 0:e.data)||void 0===a?void 0:a.length)})})}}}}},424:function(t,e,a){"use strict";a.d(e,"a",(function(){return i}));var r=a(67),n=a(36);const i={reorder(t,e,a){if(e===a)return{reorderedItems:t,reorderRequest:null};const n=r.a.moveItem(t,e,a),i=a<t.length-1?n[a+1].id:null;return{reorderedItems:n,reorderRequest:{sourceMemberId:n[a].id,destinationMemberId:i}}},updateState(t,e,a){const i=[],o=n.a.deepClone(a),s=[t];let l=a[t];const c=!!l&&!!l.data&&l.data.length;for(;l&&Array.isArray(l.data);){i.push(...l.data);const e=l.pagination&&l.pagination.cursors&&l.pagination.cursors.next,r=!!e&&`${t}:${e}`;l=e&&a[r],l&&s.push(r)}if(!i.length)return a;const u=r.a.findIndex(i,t=>t.id===e.sourceMemberId),d=[...i],p=d.splice(u,1),y=e.destinationMemberId?r.a.findIndex(d,t=>t.id===e.destinationMemberId):d.length;return d.splice(y,0,p[0]),s.forEach(t=>{const e=d.splice(0,c);o[t].data=e}),o}}},427:function(t,e,a){"use strict";a.d(e,"a",(function(){return l}));var r=a(0),n=a(7),i=a(33),o=a(34),s=a(10);function l({backToName:t,appLink:e,color:a}){const l=t?n.a.getPhrase("shared.backButton","backTo",{backToName:t}):n.a.getPhrase("shared.backButton","back"),c="black"===a?"":"text-light";return r.createElement(o.a,{appLink:e,className:"d-inline-flex align-items-center h5 mb-0 "+c},r.createElement(i.a,{svgName:s.b.ChevronLeft,size:i.b.Medium}),r.createElement("span",{className:"ml-1"},l))}l.defaultProps={color:"black"}},428:function(t,e,a){"use strict";var r,n=a(16),i=a(27),o=a(424),s=a(121);a(45);s.a;class l extends s.a{constructor(t,e=""){super({collectionPrefix:"playlist:videos",id:t,cursor:e})}}!function(t){t[t.Queued=1]="Queued",t[t.Processing=2]="Processing",t[t.Processed=3]="Processed",t[t.Errored=4]="Errored"}(r||(r={}));const c={updatePlaylist:(t,e)=>a=>{const r=Object.assign({},a);return r.hasOwnProperty(t)&&(r[t]=Object.assign(Object.assign({},r[t]),e)),r},deletePlaylist:t=>e=>{const a=Object.assign({},e);return a.hasOwnProperty(t)&&delete a[t],a},incrementVideoCount:(t,e)=>a=>{const r=Object.assign({},a);return r.hasOwnProperty(t)?(r[t].videos||(r[t].videos={}),r[t].videos.count=r[t].videos.count?r[t].videos.count+e:e,r):a}};var u=a(128);a.d(e,"a",(function(){return f}));const d=t=>t?"&cursor="+t:"",p=t=>Number.isInteger(t)?"&maxRatingValue="+t:"",y=(t,e)=>`${t}${e?":"+e:""}`,f={getPlaylist:(t,e,a)=>({url:`/api/domain/v2/objects/${t}?query=${i.a.PLAYLIST}`,key:"playlist:"+t,success:e,error:a}),getSharedPlaylist:(t,e,a,r)=>({url:`${"/api/domain/v2/share/"+t}?query=${i.a.PLAYLIST}${p(e)}`,key:"shared:playlist:"+t,success:a,error:r}),getUserPlaylists:t=>({url:`/api/domain/v2/me/playlists?query={${u.a.getFilterFromSort(t.sort)},limit:100}${i.a.PLAYLIST_COLLECTION}${d(t.cursor)}`,key:t.toString()}),getPlaylistVideos(t,e,a){let r="orderBy:orderindex,limit:100";return Number.isInteger(e)&&(r+=",rating.value:0..."+e),{url:`/api/domain/v2/objects/${t}/videos?query={${r}}${i.a.VIDEO_COLLECTION}${d(a)}`,key:y(`playlist:${t}:videos`,a)}},getSharedPlaylistVideos:(t,e,a)=>({url:`/api/domain/v2/share/${t}/videos?query={orderBy:orderindex,limit:100}${i.a.VIDEO_COLLECTION}${d(a)}${p(e)}`,key:y(`shared:playlist:${t}:videos`,a)}),getVideoPlaylists:(t,e,a)=>({url:`/api/domain/v2/objects/${t}/playlists?query={limit:100,owner.id:[${e}]}`,key:y("video:playlists:"+t,a)}),getIsFollowingPlaylist:(t,e)=>({url:`/api/domain/v2/objects/${t}/followers?query={id:${e}}`,key:`playlist:${t}:following:${e}`,formatData:e=>{var a,r;return{objectId:t,isFollowing:!!(null===(r=null===(a=e)||void 0===a?void 0:a.data)||void 0===r?void 0:r.length)}},normalize:!1}),createPlaylist:(t,e,a,r)=>({key:"create:playlist",url:`/api/domain/v2/objects/${t}/playlists`,data:e,type:n.a.POST,success:a,error:r,invalidationKeys:"user:playlists"}),updatePlaylist:(t,e,a,r)=>({key:"update:playlist",url:"/api/domain/v2/objects/"+t,data:e,type:n.a.PUT,success:a,error:r,updateState:{keys:"playlist:"+t,updateData:c.updatePlaylist("playlist:"+t,e)}}),deletePlaylist:(t,e,a)=>({key:"delete:playlist",url:"/api/domain/v2/objects/"+t,type:n.a.DELETE,success:e,error:a,invalidationKeys:"user:playlists",updateState:{keys:"playlist:"+t,updateData:c.deletePlaylist("playlist:"+t)}}),addToPlaylist(t,e,a,r){const i=["user:playlists",new l(t).toString()];return e.forEach(t=>{i.push("video:playlists:"+t)}),{key:"add:to:playlist",url:`/api/domain/v2/objects/${t}/associate`,data:e,type:n.a.POST,success:a,error:r,invalidationKeys:i,updateState:{keys:"playlist:"+t,updateData:c.incrementVideoCount("playlist:"+t,e.length)}}},reorderVideos:(t,e,a,r)=>({key:"reorder:playlist",url:`/api/domain/v2/objects/${t}/videos/reorder`,data:e,type:n.a.PUT,success:a,error:r,invalidationKeys:"user:playlists",updateState:{keys:`playlist:${t}:videos`,updateData:a=>o.a.updateState(`playlist:${t}:videos`,e,a)}}),removePlaylistVideo:(t,e,a,r)=>({key:"remove:playlist:video",url:`/api/domain/v2/objects/${t}/dissociate?memberId=${e}`,type:n.a.DELETE,success:a,error:r,invalidationKeys:["user:playlists",`playlist:${t}:videos`]}),followPlaylist:(t,e)=>({url:"/api/domain/v2/objects/"+e,key:"follow:playlist:"+t,data:{followedPlaylists:t},type:n.a.PUT}),unfollowPlaylist:(t,e)=>({url:`/api/domain/v2/objects/${e}/followedplaylists/${t}`,key:"unfollow:playlist:"+t,type:n.a.DELETE}),getMigrationTask:(t,e)=>({url:"/api/playlist-app/migration-task",key:"migration:task",formatData:t=>t||{status:r.Processed},success:t,error:e})}},432:function(t,e,a){"use strict";a.d(e,"a",(function(){return u})),a.d(e,"b",(function(){return d}));var r=a(0),n=a(427),i=a(122),o=a(80),s=a(430),l=a(433),c=a.n(l);const u=r.memo((function(t){const{heading:e,banner:a,imageCdnUrl:l,actions:u,sortComponent:d}=t,p=i.a.createBannerUrl(a,{fallbackBaseUrl:l,fallbackCategoryName:e,type:o.b.Banners},{size:o.a.Large,resizeType:o.c.Cover});return r.createElement("div",{className:"banner",style:{backgroundImage:`url('${p}')`}},t.backButtonAppLink&&r.createElement("div",{className:"pt-3"},r.createElement(n.a,{appLink:t.backButtonAppLink,backToName:t.backButtonText,color:"white"})),r.createElement("h1",{className:"text-white text-shadow position-absolute m-0 pb-3"},e),!!u&&r.createElement("div",{className:c.a.actionsContainer},r.createElement(s.a,{actions:u,sortComponent:d})))}),(t,e)=>t.actions===e.actions),d=()=>r.createElement("div",{className:"partial-banner partial-loading-background"})},433:function(t,e,a){t.exports={actionsContainer:"_286KF"}},436:function(t,e,a){"use strict";var r=a(0),n=a(26);a(7),a(2);const i=r.createContext({});function o(t,e=[]){const{setPageTitle:a}=r.useContext(i);r.useEffect(()=>{t&&n.a.isFunction(a)&&a(t)},[t,...e])}a.d(e,"a",(function(){return o}))},445:function(t,e,a){"use strict";a.d(e,"a",(function(){return n}));var r=a(0);function n(t){return r.createElement(r.Fragment,null)}},446:function(t,e,a){"use strict";a.d(e,"a",(function(){return s}));var r=a(12),n=a(120),i=a(421),o=a(124);function s(t){var e=r.a.useBasicFetch(n.a.currentUser),a=t&&(Array.isArray(t)?t.map((function(t){return t.id})):t.data.map((function(t){return t.id})));[a&&o.a.videoRatings(a),a&&e.data&&i.a.isFavourited(e.data.id,a)].forEach((function(e){return a=!!t,n=e,i=r.a.useGetResponse(n&&n.key),o=r.a.useGetFetch(n),void(a&&i.shouldFetch&&o());var a,n,i,o}))}},476:function(t,e,a){"use strict";a.d(e,"a",(function(){return f}));var r=a(0),n=a(2),i=a(26),o=a(13),s=a(444),l=a(445),c=a(493),u=a.n(c);function d(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var a=[],r=!0,n=!1,i=void 0;try{for(var o,s=t[Symbol.iterator]();!(r=(o=s.next()).done)&&(a.push(o.value),!e||a.length!==e);r=!0);}catch(t){n=!0,i=t}finally{try{r||null==s.return||s.return()}finally{if(n)throw i}}return a}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return p(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return p(t,e)}(t,e)||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 p(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}var y=function(t,e){var a={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&e.indexOf(r)<0&&(a[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)e.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(a[r[n]]=t[r[n]])}return a};function f(t){var e=t.onSortComplete,a=t.onSortStart,c=t.showPartialLoading,p=y(t,["onSortComplete","onSortStart","showPartialLoading"]),f=d(r.useState(),2),m=f[0],v=f[1],g=function(t){i.a.isFunction(a)&&a(t)};return c?r.createElement(l.a,null):t.canEdit?r.createElement(s.b,Object.assign({},p,{currentSortingIndex:m,updateBeforeSortStart:function(t){var e=t.index;return v(e)},onSortStart:function(t){var e=t.index;return g(e)},onSortEnd:function(t){v(null),i.a.isFunction(e)?e(t.oldIndex,t.newIndex):n.a.ErrorHelper.throw(new o.a("An onSortComplete callback function must be passed to SortableVideoListComponent"))},lockAxis:"y",lockToContainerEdges:!0,lockOffset:["0%","100%"],helperClass:"bg-white ".concat(u.a.sortableItem),distance:1,useDragHandle:!0})):r.createElement(s.c,Object.assign({},p))}},477:function(t,e,a){"use strict";a.d(e,"a",(function(){return l}));var r=a(0),n=a(39),i=a(12),o=a(26);const s=t=>t&&t.data&&t.data.pagination&&t.data.pagination.cursors&&t.data.pagination.cursors.next;function l(t){return Object(n.useSelector)(Object(r.useMemo)(()=>e=>{const a=t;let r=o.a.isFunction(t)&&i.a.getResponse(e,a()),n=r&&r.isFetching;const l=r&&r.shouldFetch;let c=r&&r.data&&r.data.data,u=s(r);for(;u&&(r=i.a.getResponse(e,a(u)),n=r.isFetching,!r.shouldFetch);){let t=r.data&&r.data.data;t&&c.push(...t),u=s(r)}return{shouldInitialFetch:l,items:c,nextCursor:u,isFetching:n}},[t]))}},493:function(t,e,a){t.exports={sortableItem:"_2eiPB"}},527:function(t,e,a){"use strict";a.d(e,"a",(function(){return i}));var r=a(0),n=a(26);function i(t,e,a){const i=()=>{if(a)return;window.innerHeight+document.documentElement.scrollTop<document.documentElement.scrollHeight-400||t()};Object(r.useEffect)(()=>{const t=n.a.throttle(i,200);return e&&window.addEventListener("scroll",t),()=>window.removeEventListener("scroll",t)},[e])}},528:function(t,e,a){"use strict";a.d(e,"a",(function(){return n}));var r=a(0);function n(t){const{imageUrl:e,heading:a,description:n}=t;return r.createElement("div",{className:"empty-state-container"},r.createElement("div",{className:"content-container"},e&&r.createElement("img",{src:e}),r.createElement("h1",null,a),n&&r.createElement("p",{dangerouslySetInnerHTML:{__html:n}})))}},529:function(t,e,a){"use strict";a.d(e,"a",(function(){return c}));var r=a(0),n=a(28),i=a(33),o=a(10),s=a(530),l=a.n(s);function c(t){return r.createElement("div",{className:"p-3 text-center "+l.a.container},t.isFetching?r.createElement(n.Spinner,{as:"span",animation:"border",role:"status",className:l.a.spinner}):r.createElement(i.a,{svgName:o.b.ChevronDown,className:"svg-container cursor-pointer",size:i.b.Large,onClick:t.onClick}))}},530:function(t,e,a){t.exports={container:"_1_KC6",spinner:"VXlcl"}},652:function(t,e,a){"use strict";a.r(e);var r=a(0),n=a(39),i=a(12),o=a(36),s=a(3),l=a(59),c=a(7),u=a(78),d=a(9);const p="hc/articles/115005679748";var y=a(528);const f=c.a.encloseNamespace("playlists.emptyState");function m(t){const{supportSiteUrl:e}=t,a=Object(u.a)(d.b.ImageUrl).getImageUrls(),n=l.a.safeUrlConcat(e,p);return r.createElement(y.a,{imageUrl:a.EmptyStates.VIDEOS,heading:f("noVideosHeading"),description:`<a href="${n}" target="_blank">${f("noVideosInfo")}</a>`})}var v=a(126),g=a(120),h=a(421),b=a(428),E=a(436),w=a(477),S=a(527);var k=a(529);const P={mixinRestrictions(t,e){const a=[];return t.forEach(t=>{var r,n;const i=e.find(e=>e.objectId===t.id);a.push(Object.assign(Object.assign({},t),{restrictions:(n=null===(r=i)||void 0===r?void 0:r.restrictedObjects,null!=n?n:[])}))}),a},getVideoRestrictions(t,e){var a;if(!t||!e)return;return null===(a=e.find(e=>e.objectId.toString()===t.toString()))||void 0===a?void 0:a.restrictedObjects}};var O=a(424),I=a(84);const j={getMaxAllowedRatingForUser(t){var e,a;if((null===(e=t)||void 0===e?void 0:e.onlineRole)!==I.a.Staff)return null===(a=t)||void 0===a?void 0:a.maxAllowedRating}};var $=a(2),L=a(86),A=a(37);function F(t,e={}){const a=Object(u.a)(A.a.ALERT);Object(r.useEffect)(()=>{t.hasError&&function(t,e,a){let r;switch(t){case L.a.Forbidden:r=a.forbidden;break;case L.a.NotFound:r=a.notFound}r?$.a.AppLinkHelper.trigger(r):e.error(c.a.getPhrase("playlists.hooks","somethingWentWrong"))()}(t.statusCode,a,e)},[t.hasError])}var C=a(129),T=a(446),x=a(124),V=a(81),N=a(79),U=a(10),D=a(432),B=a(48),R=a(11);function M(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var a=[],r=!0,n=!1,i=void 0;try{for(var o,s=t[Symbol.iterator]();!(r=(o=s.next()).done)&&(a.push(o.value),!e||a.length!==e);r=!0);}catch(t){n=!0,i=t}finally{try{r||null==s.return||s.return()}finally{if(n)throw i}}return a}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return _(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return _(t,e)}(t,e)||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 _(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}function q(t){var e=M(r.useState(t.isFollowing),2),a=e[0],n=e[1],i=Object(V.a)(N.a.XS);if(t.showPartialLoading)return r.createElement(r.Fragment,null);var o=t.playlist.description,s=t.application,l=[t.playlist.id],u=[];return t.canEdit&&u.push({label:c.a.getPhrase("playlists.playlistHeader","edit"),appLink:{application:s,action:R.a.Playlists.EDIT_PLAYLIST,args:l},svgName:U.b.Edit,className:"btn btn-light",button:!i},{label:c.a.getPhrase("playlists.playlistHeader","delete"),appLink:{application:s,action:R.a.Playlists.DELETE_PLAYLIST,args:l},svgName:U.b.Share,className:"text-danger"}),t.canEdit||u.push({label:c.a.getPhrase("playlists.playlistHeader",a?"following":"follow"),onClick:function(){n(!a),t.follow(!a)},svgName:U.b.Bell,className:"btn btn-".concat(a?"dark":"light"),button:!i}),r.createElement(r.Fragment,null,r.createElement(D.a,{heading:t.playlist.name,banner:t.playlist.banner,imageCdnUrl:t.imageCdnUrl,actions:u.length&&u}),!!o&&r.createElement(r.Fragment,null,r.createElement("h4",null,r.createElement(B.b,{namespace:"playlists.playlistHeader",phrase:"description"})),r.createElement("p",null,o)))}var H=a(476),K=a(68);var Y=a(67),z=a(31);function G(t){var e=t&&t.length&&t.map((function(t){return t.dateAssociated}));return e&&e.length?Y.a.max(e,(function(t){return new Date(t).getTime()})):null}function J(t){return[t?K.a.RemoveFromPlaylist:K.a.AddToPlaylist,K.a.Share]}function Q(t,e,a){z.a.logUserAction({id:e,playlistId:t},{location:s.j.VideoList,entity:s.d.Video,actionType:s.n.Move,workflowPhase:a})}function W(t,e){return function(t){if(Array.isArray(t))return t}(t)||function(t,e){if("undefined"==typeof Symbol||!(Symbol.iterator in Object(t)))return;var a=[],r=!0,n=!1,i=void 0;try{for(var o,s=t[Symbol.iterator]();!(r=(o=s.next()).done)&&(a.push(o.value),!e||a.length!==e);r=!0);}catch(t){n=!0,i=t}finally{try{r||null==s.return||s.return()}finally{if(n)throw i}}return a}(t,e)||function(t,e){if(!t)return;if("string"==typeof t)return X(t,e);var a=Object.prototype.toString.call(t).slice(8,-1);"Object"===a&&t.constructor&&(a=t.constructor.name);if("Map"===a||"Set"===a)return Array.from(t);if("Arguments"===a||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a))return X(t,e)}(t,e)||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 X(t,e){(null==e||e>t.length)&&(e=t.length);for(var a=0,r=new Array(e);a<e;a++)r[a]=t[a];return r}function Z(t){var e,a=Object(n.useDispatch)(),l=i.a.useBasicFetch(v.a.config),c=i.a.useBasicFetch(g.a.currentUser),u=!o.a.isEmpty(c.data),d=t.filterByRating?u&&j.getMaxAllowedRatingForUser(c.data):null,p=t.isShared?!!c.data&&b.a.getSharedPlaylist(t.playlistId,d):b.a.getPlaylist(t.playlistId),y=i.a.useBasicFetch(p);F(y);var f=!!c.data&&function(e){return(t.isShared?b.a.getSharedPlaylistVideos:b.a.getPlaylistVideos)(t.playlistId,d,e)},I=i.a.useBasicFetch(!!c.data&&b.a.getIsFollowingPlaylist(t.playlistId,c.data.id)),$=function(t){i.a.getFetch(a,f(t))()},L=function(t,e){const a=e,n=Object(w.a)(t&&(e=>t(e).key));return Object(S.a)(()=>e&&a(n.nextCursor),!!n.nextCursor,n.isFetching),Object(r.useEffect)(()=>{n.shouldInitialFetch&&e&&a()},[n.shouldInitialFetch,e]),{items:n.items,hasMore:!!n.nextCursor,isFetching:n.isFetching}}(f,$),A=L.items,V=L.hasMore,N=L.isFetching;Object(T.a)(A);var U=W(function(t){const[e,a]=Object(r.useState)();return Object(r.useEffect)(()=>{e&&(t.length!==e.length||function(t,e){let a=!0;if(t.length!==e.length)return!1;for(let r=0;r<t.length;r++)if(t[r].id!==e[r].id){a=!1;break}return a}(t,e))&&a(null)},[t]),[e,a]}(A),2),D=U[0],B=U[1],M=u&&!!A&&!!A.length&&x.a.getRestrictions(A.map((function(t){return t.id}))),_=i.a.useGetResponse(M&&M.key),Y=i.a.useGetFetch(M);M&&_.shouldFetch&&Y();var X=u?!!_.data&&P.mixinRestrictions(A,_.data):A;Object(E.a)(!!y.data&&y.data.name,[y.data]);var Z,tt,et=!!t.allowEdit&&function(t,e){return!(o.a.isEmpty(e)||!t||o.a.isEmpty(t.owner))&&t.owner.id===e.id}(y.data,c.data),at=!!A&&0===A.length;return r.createElement(C.a.Provider,{value:{videoActions:J(et),getActionAppLink:(Z=t.application,tt=t.playlistId,function(t,e){switch(e){case K.a.RemoveFromPlaylist:return{application:Z,action:R.a.Playlists.REMOVE_VIDEO_FROM_PLAYLIST,args:[t.id,tt]};case K.a.AddToPlaylist:return{application:Z,action:R.a.Playlists.ADD_TO_PLAYLIST,args:[t.id]};case K.a.Share:return{application:Z,action:R.a.Playlists.HOME}}})}},r.createElement("div",{className:"bg-white padding-gutter"},r.createElement(q,{playlistId:t.playlistId,playlist:y.data,hasVideos:!at,isFollowing:null===(e=I.data)||void 0===e?void 0:e.isFollowing,follow:function(e){var r=e?b.a.followPlaylist:b.a.unfollowPlaylist;i.a.fetch(a,r(t.playlistId,c.data.id))},application:t.application,canEdit:et,isShared:t.isShared,showBreadcrumbs:t.showBreadcrumbs,showDateMetadata:t.showDateMetadata,playAllAppLink:t.playAllAppLink,showPartialLoading:!(y.data&&A&&c.data&&l.data&&I.data),lastUpdated:!!A&&G(A),imageCdnUrl:!!l.data&&l.data.imageCdnUrl,returnAppLink:t.returnAppLink}),at?!!l.data&&r.createElement(m,{supportSiteUrl:l.data.supportSiteUrl}):r.createElement(H.a,{videos:D||X,playlistId:!!y.data&&y.data.id,onSortStart:function(e){var a=A[e];a&&Q(t.playlistId,a.id,s.o.Start)},onSortComplete:function(e,r){if(e!==r){var n=X[e];if(n){var o=O.a.reorder(X,e,r),l=o.reorderedItems,c=o.reorderRequest;B(l),Q(t.playlistId,n.id,s.o.Complete);i.a.fetch(a,b.a.reorderVideos(t.playlistId,c,null,(function(){B(null)})))}}},isUserSignedIn:u,canEdit:et,showPartialLoading:!X||!c.data||!l.data,getVideoAppLink:t.getVideoAppLink,getSeriesAppLink:t.getSeriesAppLink,fetchRestrictions:Y,setFavourite:function(t,e,r){i.a.fetch(a,h.a.updateIsVideoFavourited(t,c.data.id,e,(function(){z.a.logUserAction({id:t},{entity:s.d.Video,actionType:s.n.Favourite,descriptor:e?s.m.On:s.m.Off,location:s.j.VideoThumbnail,workflowPhase:s.o.Complete})}),r))}}),!!V&&r.createElement(k.a,{isFetching:N,onClick:$})))}a.d(e,"PlaylistView",(function(){return Z}))}}]);