@clickview/lite 0.50.0-rc.4 → 0.50.0-rc.6

package/dist/scripts/8055-9c259a30c4-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/8055-9c259a30c4-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/apps/upload/utils/FileExtensionsHelper.ts","file:///app/packages/libs/shared/src/components/forms/form-checkbox/FormCheckbox.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/CharacterCounter.tsx","file:///app/packages/libs/shared/src/components/forms/form-field/form-field.scss","file:///app/packages/libs/shared/src/components/forms/form-field/FormField.tsx","file:///app/packages/libs/shared/src/components/forms/form-wrapper/FormWrapper.tsx","file:///app/packages/libs/shared/src/enums/FeedbackType.ts","file:///app/packages/libs/shared/src/enums/UploadInteractionType.ts","file:///app/packages/libs/shared/src/flight-requests/FeedbackRequests.ts","file:///app/packages/libs/shared/src/hooks/UseGetCollectionItems.ts","file:///app/packages/libs/shared/src/utils/FeedbackFormHelper.ts","file:///app/packages/libs/shared/src/utils/FormHelper.ts","file:///app/packages/libs/shared/src/views/feedback/enums/FeedbackOption.ts","file:///app/packages/libs/shared/src/views/feedback/constants/FeedbackFormTitles.ts","file:///app/packages/libs/shared/src/views/feedback/constants/FeedbackImageUrls.ts","file:///app/packages/libs/shared/src/views/feedback/components/feedback-selector/feedback-selector.scss","file:///app/packages/libs/shared/src/views/feedback/components/feedback-selector/FeedbackSelector.tsx","file:///app/packages/libs/shared/src/views/feedback/components/feedback-buttons/FeedbackButtons.tsx","file:///app/packages/libs/shared/src/views/feedback/components/feedback-form-state/feedback-form-state.scss","file:///app/packages/libs/shared/src/views/feedback/components/feedback-form-state/FeedbackFormState.tsx","file:///app/packages/libs/shared/src/views/feedback/constants/FeedbackFormValidation.ts","file:///app/packages/libs/shared/src/views/feedback/components/forms/give-praise/GivePraise.tsx","file:///app/packages/libs/shared/src/views/feedback/components/forms/other/Other.tsx","file:///app/packages/libs/shared/src/views/feedback/components/forms/raise-issue/RaiseIssue.tsx","file:///app/packages/libs/shared/src/constants/ContactDetails.ts","file:///app/packages/libs/shared/src/views/feedback/components/feedback-file-upload/file-select.scss","file:///app/packages/libs/shared/src/views/feedback/components/feedback-file-upload/FeedbackFileUpload.tsx","file:///app/packages/libs/shared/src/views/feedback/components/feedback-upload-list/feedback-upload-list.scss","file:///app/packages/libs/shared/src/views/feedback/components/feedback-upload-list/FeedbackUploadList.tsx","file:///app/packages/libs/shared/src/views/feedback/components/feedback-uploaded-list/FeedbackUploadedList.tsx","file:///app/packages/libs/shared/src/views/feedback/components/forms/report-bug/ReportBug.tsx","file:///app/packages/libs/shared/src/views/feedback/components/forms/request-livestream/RequestLivestream.tsx","file:///app/packages/libs/shared/src/views/feedback/components/forms/request-video/before-requesting/before-requesting.scss","file:///app/packages/libs/shared/src/views/feedback/components/forms/request-video/before-requesting/BeforeRequesting.tsx","file:///app/packages/libs/shared/src/views/feedback/components/forms/request-video/RequestVideo.tsx","file:///app/packages/libs/shared/src/views/feedback/components/forms/suggest-improvement/SuggestImprovement.tsx","file:///app/packages/libs/shared/src/views/feedback/components/forms/FeedbackForm.tsx","file:///app/packages/libs/shared/src/views/feedback/views/give-feedback/GiveFeedbackView.tsx"],"sourcesContent":["import * as _ from 'underscore';\n\n/**\n * This are kept as separate variables for when we eventually need a single group of them.\n * For example when we add image upload support.\n */\n\nconst pdfExtensions = ['pdf'];\nconst docExtensions = [ 'doc', 'docx', 'dotx', 'dot', 'rtf', 'docm', 'odt' ];\nconst textExtensions = [ 'csv', 'txt' ];\nconst excelExtensions = [ 'xls', 'xlt', 'xlsx' ];\nconst imageExtensions = [ 'jpg', 'tif', 'png', 'bmp', 'gif', 'jpeg' ];\nconst videoMimeType = 'video/*';\nconst archiveExtensions = [ 'zip', 'rar' ];\nconst powerPointExtensions = [ 'ppt', 'pot', 'pps', 'pptx' ];\n\nconst subtitleExtensions = ['srt'];\n\nconst FileExtensions = {\n  IMAGES: `.${imageExtensions.join(',.')}`,\n  VIDEO: videoMimeType,\n  MIXED_MEDIA: `.${imageExtensions.join(',.')},${videoMimeType}`,\n  RESOURCES: `.${[\n    ...docExtensions,\n    ...excelExtensions,\n    ...powerPointExtensions,\n    ...pdfExtensions,\n    ...textExtensions,\n    ...imageExtensions,\n    ...archiveExtensions\n  ].join(',.')}`,\n  SUBTITLES: `.${subtitleExtensions.join(',.')}`\n};\n\nconst FileExtensionHelper = {\n  getResourceType(extension: string): string {\n    const ext = extension.toLowerCase();\n\n    if (_.contains(docExtensions, ext)) return 'document';\n    if (_.contains(excelExtensions, ext)) return 'excel';\n    if (_.contains(powerPointExtensions, ext)) return 'powerpoint';\n    if (_.contains(pdfExtensions, ext)) return 'pdf';\n\n    if (_.contains(textExtensions, ext)) return 'text';\n    if (_.contains(imageExtensions, ext)) return 'image';\n    if (_.contains(archiveExtensions, ext)) return 'archive';\n    if (_.contains(subtitleExtensions, ext)) return 'subtitle';\n\n    return '';\n  }\n};\n\nexport { FileExtensions, FileExtensionHelper };","import * as React from 'react';\nimport { Form } from 'react-bootstrap';\nimport { FieldAttributes } from 'formik';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport { FieldWrapper, FormFieldProps } from '../form-field/FormField';\n\n/**\n * Use this checkbox within Formik contexts\n */\nexport function FormCheckbox(props: FieldAttributes<FormFieldProps>): JSX.Element {\n  const { label, checkboxLabelClassName, checkboxLabelFontWeight, className, ...fieldProps } = props;\n\n  return (\n    <Form.Group className='form-group'>\n      <div className={`form-check ${className || ''}`}>\n        <FieldWrapper className='form-check-input' {...fieldProps} />\n        <Form.Label\n          className={`form-check-label cursor-pointer ${checkboxLabelFontWeight === 'normal' ? 'fw-normal' : ''} \n          ${checkboxLabelClassName}`}\n          htmlFor={fieldProps.id}\n        >\n          {label}\n        </Form.Label>\n        {props.checkboxAppLink && props.checkboxAppLinkText && (\n          <>\n            <span>&nbsp;</span>\n            <AppLink appLink={props.checkboxAppLink} className='info-link'>\n              {props.checkboxAppLinkText}\n            </AppLink>\n          </>\n        )}\n      </div>\n    </Form.Group>\n  );\n}\n\n","import * as React from 'react';\nimport { useFormikContext } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\ninterface CharacterCounterProps<Values extends HashObject> {\n  fieldName: keyof Values;\n  limit: number;\n}\n\nexport function CharacterCounter<Values extends HashObject>(props: CharacterCounterProps<Values>): JSX.Element {\n  const { values } = useFormikContext<Values>();\n\n  const field = values[props.fieldName];\n\n  if (typeof field !== 'string')\n    return <></>;\n\n  return (\n    <div className='float-end text-secondary fw-normal'>\n      {field.length}/{props.limit} characters\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"revealPassword\":\"jCfI0\",\"passwordInput\":\"RBJnf\",\"passwordContainer\":\"d78lK\",\"passwordContainerDisabled\":\"asbVo\",\"infoTooltip\":\"wzyOG\",\"spinner\":\"CycFx\"};","import * as React from 'react';\nimport { Form, Spinner } from 'react-bootstrap';\nimport { Placement } from 'react-bootstrap/esm/types';\nimport { ErrorMessage, Field, FieldAttributes, FieldProps, useFormikContext } from 'formik';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\nimport { FormCheckbox } from 'libs/shared/components/forms/form-checkbox/FormCheckbox';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { FormHelper } from 'libs/shared/utils/FormHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { CharacterCounter } from './CharacterCounter';\n\nimport styles from './form-field.scss';\n\nconst namespace = 'shared.formField';\n\nexport type FormSize = 'lg' | 'sm';\n\n// If checkboxLabelFontWeight is not specified, it will be bold by default\nexport type CheckboxLabelFontWeight = 'normal' | 'bold'\n\nexport interface FormFieldProps {\n  /**\n   * The name prop MUST be the same as the attribute\n   * name of the value that the field is bound to.\n   */\n  name: string;\n  label?: string;\n  children?: any;\n  showCharacterCounter?: boolean;\n  showRequiredStar?: boolean;\n  checkboxAppLink?: Core.AppLink;\n  checkboxAppLinkText?: string;\n  checkboxLabelClassName?: string;\n  checkboxLabelFontWeight?: CheckboxLabelFontWeight\n  infoTooltip?: string;\n  infoTooltipPlacement?: Placement;\n  infoText?: string;\n  formSize?: FormSize;\n  showOptionalLabel?: boolean;\n  showLoadingSpinner?: boolean;\n}\n\nFieldWrapper.defaultProps = {\n  autoComplete: 'off'\n};\n\nexport function FieldWrapper(\n  props: FieldAttributes<FormFieldProps> & { className: string }\n): React.ReactElement {\n  const { children, showLoadingSpinner, ...fieldProps } = props;\n\n  const [ type, setType ] = React.useState(props.type);\n\n  function onClickTogglePassword(): void {\n    if (type === 'password')\n      setType('text');\n    else\n      setType('password');\n  }\n\n  const resolvedChildren = FunctionHelper.isFunction(children)\n    ? (f: FieldProps) => children(f)\n    : React.Children.count(children) ? children : null;\n\n  if (fieldProps.type !== 'password') {\n    if (showLoadingSpinner) {\n      return (\n        <div className='position-relative'>\n          <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n            {resolvedChildren}\n          </Field>\n\n          <div className={styles.spinner}>\n            <Spinner animation='border' size='sm' />\n          </div>\n        </div>\n      );\n    }\n\n    return (\n      <Field {...(ObjectHelper.omit(fieldProps, ['formSize']))}>\n        {resolvedChildren}\n      </Field>\n    );\n  }\n\n  let containerClassName = `position-relative ${styles.passwordContainer}`;\n\n  if (fieldProps.className)\n    containerClassName += ` ${fieldProps.className}`;\n\n  if (fieldProps.disabled)\n    containerClassName += ` ${styles.passwordContainerDisabled}`;\n\n  /**\n   * We need to wrap out input with a relatively positioned element in order to absolutely\n   * position our visibility icon to reveal the password - Sha\n   */\n  return (\n    <div className={containerClassName}>\n      <Field\n        {...(ObjectHelper.omit(fieldProps, [ 'formSize', 'type', 'className' ]))}\n        type={type}\n        className={`${styles.passwordInput} border-0 w-100 h-100 outline-none rounded`}\n      >\n        {resolvedChildren}\n      </Field>\n      {fieldProps.type === 'password' &&\n        <SvgContainer\n          svgName={type === 'password' ? cvSvgLibrary.VisibleOn : cvSvgLibrary.VisibleOff}\n          className={`svg-container cursor-pointer ${styles.revealPassword}`}\n          onClick={onClickTogglePassword}\n        />\n      }\n    </div>\n  );\n}\n\nFormField.defaultProps = {\n  autoComplete: 'off',\n  infoTooltipPlacement: 'top'\n};\n\nexport function FormField<Values extends HashObject>(props: FieldAttributes<FormFieldProps>): React.ReactElement {\n  const {\n    label,\n    className,\n    showCharacterCounter,\n    showRequiredStar,\n    infoTooltip,\n    infoTooltipPlacement,\n    infoText,\n    formSize,\n    showOptionalLabel,\n    ...fieldProps\n  } = props;\n\n  const { errors, touched } = useFormikContext<Values>();\n\n  // This function overwrites the default `onChange` function whenever `props.disabled` is set.\n  // This prevents users from \"undisabling\" form fields via inspect element, then editing the field.\n  const disabledOnChange = () => {};\n\n  if (fieldProps.type === 'checkbox') {\n    const _props = ObjectHelper.omit(props, [ 'formSize', 'infoTooltipPlacement' ]);\n\n    if (props.disabled)\n      _props.onChange = disabledOnChange;\n\n    return <FormCheckbox {..._props} />;\n  }\n\n  const fieldWrapperProps = {\n    ...fieldProps,\n    className: FormHelper.getCustomFormControlClassName(\n      errors,\n      touched,\n      fieldProps.name,\n      formSize,\n      className,\n      typeof props.as === 'string' ? props.as : null\n    )\n  };\n\n  if (props.disabled)\n    fieldWrapperProps.onChange = disabledOnChange;\n\n  return (\n    <Form.Group className='form-group'>\n      {!!label && (\n        <Form.Label htmlFor={fieldProps.id} className='d-flex align-items-center'>\n          {label}\n          {showRequiredStar && <span className='text-danger'>*</span>}\n          {infoTooltip && (\n            <SvgContainer\n              className={`svg-container text-secondary ${styles.infoTooltip}`}\n              svgName={cvSvgLibrary.Info}\n              title={infoTooltip}\n              tooltipPlacement={infoTooltipPlacement}\n              tooltipSpanHack\n            />\n          )}\n          {showOptionalLabel && <span className='text-secondary'>&nbsp;<Text namespace={namespace} phrase='optional' /></span>}\n          \n          {!!showCharacterCounter && !!(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength &&\n            <div className='ms-auto'>\n              <CharacterCounter\n                fieldName={(fieldProps.name as keyof Values)}\n                limit={(fieldProps as React.HTMLProps<HTMLInputElement>).maxLength}\n              />\n            </div>\n          }\n        </Form.Label>\n      )}\n\n      <FieldWrapper {...fieldWrapperProps} />\n\n      {!!infoText &&\n        <Form.Text className='text-secondary'>\n          {infoText}\n        </Form.Text>\n      }\n\n      <ErrorMessage name={fieldProps.name}>\n        {(errorMessage: string) => <Form.Control.Feedback type='invalid'>{errorMessage}</Form.Control.Feedback>}\n      </ErrorMessage>\n    </Form.Group>\n  );\n}","import * as React from 'react';\nimport { Formik, FormikConfig, FormikContextType, FormikErrors, FormikHelpers, FormikProps, FormikValues, useFormikContext } from 'formik';\n\nimport { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\nimport { HashObject } from 'libs/common/react/interfaces';\nimport { ObjectHelper } from 'libs/common/react/utils/ObjectHelper';\n\n/**\n * Note: This currently doesn't support arrays, but the need for arrays as initial\n * form data has not yet come up\n */\nfunction omitNullInitialValues<Values extends FormikValues>(initialValues: Values): Values {\n  if (!initialValues)\n    return {} as Values;\n\n  const values = ObjectHelper.deepClone(initialValues);\n\n  function omitChildValues(child: Values): void {\n    Object.keys(values).forEach((key: keyof Values) => {\n      if (!values.hasOwnProperty(key))\n        return;\n  \n      if (ObjectHelper.isObject(child[key]))\n        omitChildValues(child[key]);\n      else if (values[key] === null)\n        delete values[key];\n    });\n  }\n\n  omitChildValues(values);\n  return values;\n}\n\n// Omit attributes from FormikConfig that are defined in FormWrapperProps.\ntype ModifiedFormikConfig<Values extends FormikValues> = Omit<FormikConfig<Values>, 'initialValues' | 'onSubmit'>;\n\ninterface InitialStatus {\n  allowInitialSubmit: boolean;\n}\n\nexport type FormSubmissionOptions<FormValues = FormikValues> = {\n  reset?: boolean;\n  errors?: FormikErrors<FormValues>;\n};\n\ninterface FormWrapperProps<FormValues extends FormikValues, ApiValues extends FormikValues> {\n  initialValues: Partial<FormValues | ApiValues>;\n  onSubmit: (data: FormValues, onDone: (options?: FormSubmissionOptions<FormValues>) => void) => void;\n  castInitialValues?: boolean; // cast to validationSchema\n  castValuesOnSubmit?: boolean; // cast to validationSchema\n  allowInitialSubmit?: boolean; // if true, useCanSubmitForm will allow submit without any user changes.\n}\n\nFormWrapper.defaultProps = {\n  castInitialValues: true,\n  castValuesOnSubmit: true\n};\n\nexport function FormWrapper<\n  FormValues extends FormikValues = FormikValues,\n  ApiValues extends FormikValues = FormValues,\n  ExtraProps = HashObject\n>(props: ModifiedFormikConfig<FormValues> & ExtraProps & FormWrapperProps<FormValues, ApiValues>): JSX.Element {\n  const { castInitialValues, castValuesOnSubmit, initialValues, onSubmit, ...formikProps } = props;\n\n  /**\n   * If castInitialValues is true, cast initialValues to the validationSchema.\n   * This will ensure that any data fetched from the api conforms to the expected form data shape.\n   */\n  const formattedInitialValues: FormValues = castInitialValues && props.validationSchema\n    ? props.validationSchema.cast(omitNullInitialValues(initialValues))\n    : initialValues;\n\n  const onSubmitHandler = (\n    values: FormValues,\n    { setSubmitting, resetForm, setFieldError }: FormikHelpers<FormValues>\n  ) => {\n    /**\n     * validationSchema.cast will coerce the values to the types defined in validationSchema.\n     * This is useful for trimming inputs:\n     * e.g. if a value field has type Yup.string().trim(), it will be automatically trimmed.\n     */\n    const formattedData = castValuesOnSubmit && props.validationSchema\n      ? props.validationSchema.cast(values)\n      : values;\n\n    onSubmit(formattedData, (options: FormSubmissionOptions<FormValues> = {}) => {\n      options.reset && resetForm();\n\n      if (options.errors) {\n        for (const [ key, value ] of Object.entries(options.errors)) {\n          setFieldError(key, value);\n        }\n      }\n\n      setSubmitting(false);\n    });\n  };\n\n  const initialStatus: InitialStatus = {\n    allowInitialSubmit: props.allowInitialSubmit\n  };\n\n  return (\n    <Formik<FormValues, ExtraProps>\n      enableReinitialize\n      {...(formikProps as ModifiedFormikConfig<FormValues> & ExtraProps)}\n      initialValues={formattedInitialValues}\n      onSubmit={onSubmitHandler}\n      initialStatus={initialStatus}\n    >\n      {FunctionHelper.isFunction(props.children)\n        ? (f: FormikProps<FormValues>) => (props.children as (f: FormikProps<FormValues>) => React.ReactNode)(f)\n        : React.Children.count(props.children) ? props.children : null\n      }\n    </Formik>\n  );\n}\n\nexport function useFormikContextWrapper<T>(): FormikContextType<T> {\n  return useFormikContext<T>();\n}","export enum FeedbackType {\n  Other,\n  SuggestImprovement,\n  ReportBug,\n  RequestVideo,\n  RaiseIssue,\n  GivePraise,\n  Footer\n}","export enum InteractionType {\n  FileSelect = 'file-select',\n  DragDrop = 'drag-drop'\n}","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { Flight } from 'libs/common/react/index';\n\nimport { FeedbackFormRequest } from 'libs/shared/interfaces/requests/FeedbackFormRequest';\n\nexport const FeedbackRequests = {\n  submitFeedback(requestData: FeedbackFormRequest, formValues: Record<string, string>): Flight.Request {\n    return {\n      url: '{gateway}/v1/feedback',\n      key: 'submit:feedback',\n      type: HttpVerbs.POST,\n      data: {\n        ...requestData,\n        ...formValues\n      }\n    };\n  }\n};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\n/**\n * Hook used to listen to updates on a Backbone Collection\n * and trigger a re-render.\n */\nexport function useGetCollectionItems<T>(\n  getCollection: () => Core.Collection,\n  onRemove?: () => void,\n  dependencies: React.DependencyList = []\n): T[] {\n  const [ , setUpdate ] = React.useState(false);\n\n  React.useEffect(() => {\n    const collection = getCollection();\n\n    if (!collection)\n      return;\n\n    collection.off('add remove change');\n    collection.on('add remove change', () => {\n      setUpdate(s => !s);\n    });\n    if (onRemove)\n      collection.on('remove', onRemove);\n    return () => { collection.off('add remove change'); };\n  }, dependencies);\n\n  return getCollection()?.toJSON();\n}","import Dropzone from 'dropzone';\n\nimport { UploadItem } from 'libs/shared/apps/upload/services/UploadService';\nimport { FileExtensions } from 'libs/shared/apps/upload/utils/FileExtensionsHelper';\nimport { InstanceRegion } from 'libs/shared/enums/InstanceRegion';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { UserRole } from 'libs/shared/enums/UserRole';\nimport { CurrentUser, Customer } from 'libs/shared/interfaces';\nimport { FeedbackUserDetails } from 'libs/shared/interfaces/requests/FeedbackFormRequest';\n\nexport const FeedbackFormHelper = {\n  getUserInfo: (\n    currentUser: CurrentUser,\n    customer: Customer\n  ): FeedbackUserDetails => {\n    return {\n      id: currentUser.id,\n      username: currentUser.username,\n      email: currentUser.email,\n      userType: currentUser.role === UserRole.Admin ? 'Admin' : 'Staff',\n      customerId: currentUser.customerId,\n      cvcId: customer.crmId,\n      customerName: customer.name,\n      instanceRegion: currentUser.instanceRegion,\n      contentRegion: currentUser.contentRegion\n    };\n  },\n\n  mapInstanceRegionToTag: (instanceRegion: InstanceRegion): string => {\n    switch (instanceRegion) {\n      case InstanceRegion.AU:\n        return 'au';\n      case InstanceRegion.NZ:\n        return 'nz';\n      case InstanceRegion.UK:\n        return 'uk';\n      case InstanceRegion.US:\n        return 'us';\n    }\n  },\n\n  getTags: (currentUser: CurrentUser, product: ProductId, hasStudentExperience: boolean, extraTags: string[]) => {\n    const tags = [\n      product,\n      ...extraTags\n    ];\n\n    tags.push(hasStudentExperience ? 'student' : 'staff');\n    \n    if (currentUser.role === UserRole.Admin)\n      tags.push('administrator');\n  \n    const regionTag = FeedbackFormHelper.mapInstanceRegionToTag(currentUser.instanceRegion);\n  \n    if (regionTag)\n      tags.push(regionTag);\n\n    return tags;\n  },\n\n  categorizeFiles(files: UploadItem[]) {\n    return files.reduce((result, file) => {\n      const fileInfo = file.get('fileInfo');\n      if (Dropzone.isValidFile(file.get('file'), FileExtensions.VIDEO)) {\n        result.videoUrls.push(fileInfo?.url);\n      } else {\n        result.imageUrls.push(fileInfo?.url);\n      }\n      return result;\n    }, {\n      imageUrls: [],\n      videoUrls: []\n    });\n  }\n};","import { FormikErrors, FormikTouched, getIn } from 'formik';\n\nimport { FormSize } from 'libs/shared/components/forms/form-field/FormField';\n\nfunction getTypeSize(type: string, size: FormSize) {\n  let className = '';\n\n  switch (type) {\n    case 'select':\n      className = 'form-select';\n      break;\n    default:\n      className = 'form-control';\n  }\n\n  if (size === 'sm')\n    className += ` ${className}-sm`;\n\n  if (size === 'lg')\n    className += ` ${className}-lg`;\n\n  return className;\n}\n\nexport const FormHelper = {\n  getCustomFormControlClassName<T>(\n    errors: FormikErrors<T>,\n    touched: FormikTouched<T>,\n    attribute: string,\n    size?: FormSize,\n    additionalClassName?: string,\n    type?: string\n  ): string {\n    let className = '';\n\n    className = getTypeSize(type, size);\n\n    // Using getIn as it supports dot notation\n    if (getIn(touched, attribute) && getIn(errors, attribute))\n      className += ' is-invalid';\n\n    if (additionalClassName)\n      className += ` ${additionalClassName}`;\n\n    return className;\n  }\n};","export enum FeedbackOption {\n  SUGGEST_IMPROVEMENT = 'suggestImprovement',\n  REPORT_BUG = 'reportBug',\n  REQUEST_VIDEO = 'requestVideo',\n  REQUEST_LIVESTREAM = 'requestLivestream',\n  GIVE_PRAISE = 'givePraise',\n  RAISE_ISSUE = 'raiseIssue',\n  OTHER = 'other'\n}","import { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FeedbackOption } from 'libs/shared/views/feedback/enums/FeedbackOption';\n\nconst namespace = 'shared.feedbackFormTitles';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const getFeedbackFormTitles = (feedbackOption: FeedbackOption) => {\n  switch (feedbackOption) {\n    case FeedbackOption.SUGGEST_IMPROVEMENT: return getPhrase(feedbackOption);\n    case FeedbackOption.REPORT_BUG: return getPhrase(feedbackOption);\n    case FeedbackOption.REQUEST_VIDEO: return getPhrase(feedbackOption);\n    case FeedbackOption.REQUEST_LIVESTREAM: return getPhrase(feedbackOption);\n    case FeedbackOption.GIVE_PRAISE: return getPhrase(feedbackOption);\n    case FeedbackOption.RAISE_ISSUE: return getPhrase(feedbackOption);\n    case FeedbackOption.OTHER: return getPhrase(feedbackOption);\n  }\n};","import { FeedbackOption } from 'libs/shared/views/feedback/enums/FeedbackOption';\n\nexport const FEEDBACK_IMAGE_URLS = {\n  mailSent: 'https://image.api.prd.cvnet.io/v2/images/2mZ7L9',\n  mediaPreview: 'https://image.api.prd.cvnet.io/v2/images/ageRM0',\n  lightBulb: 'https://image.api.prd.cvnet.io/v2/images/Oqg3JN',\n  heartHands: 'https://image.api.prd.cvnet.io/v2/images/1ML8Oj',\n  videoAlert: 'https://image.api.prd.cvnet.io/v2/images/dq2oMq',\n\n  [FeedbackOption.REQUEST_VIDEO]: {\n    default: 'https://image.api.prd.cvnet.io/v2/images/G1YGdn',\n    hover: 'https://image.api.prd.cvnet.io/v2/images/K6yPxz'\n  },\n  [FeedbackOption.REQUEST_LIVESTREAM]: {\n    default: 'https://image.api.prd.cvnet.io/v2/images/G1YGdn',\n    hover: 'https://image.api.prd.cvnet.io/v2/images/K6yPxz'\n  },\n  [FeedbackOption.SUGGEST_IMPROVEMENT]: {\n    default: 'https://image.api.prd.cvnet.io/v2/images/g7aR1l',\n    hover: 'https://image.api.prd.cvnet.io/v2/images/zMR0Dk'\n  },\n  [FeedbackOption.RAISE_ISSUE]: {\n    default: 'https://image.api.prd.cvnet.io/v2/images/5boW78',\n    hover: 'https://image.api.prd.cvnet.io/v2/images/m6yRKr'\n  },\n  [FeedbackOption.GIVE_PRAISE]: {\n    default: 'https://image.api.prd.cvnet.io/v2/images/nE1mdz',\n    hover: 'https://image.api.prd.cvnet.io/v2/images/JjEnmR'\n  },\n  [FeedbackOption.REPORT_BUG]: {\n    default: 'https://image.api.prd.cvnet.io/v2/images/AOdYpo',\n    hover: 'https://image.api.prd.cvnet.io/v2/images/yro9NM'\n  },\n  [FeedbackOption.OTHER]: {\n    default: 'https://image.api.prd.cvnet.io/v2/images/Eoaykj',\n    hover: 'https://image.api.prd.cvnet.io/v2/images/wN59Zg'\n  }\n};\n","// extracted by mini-css-extract-plugin\nexport default {\"image\":\"_2jo0\"};","import React from 'react';\n\nimport { DivButton } from 'libs/shared/components/div-button/DivButton';\nimport { useHover } from 'libs/shared/hooks/UseHover';\nimport { getFeedbackFormTitles } from 'libs/shared/views/feedback/constants/FeedbackFormTitles';\nimport { FEEDBACK_IMAGE_URLS } from 'libs/shared/views/feedback/constants/FeedbackImageUrls';\nimport { FeedbackOption } from 'libs/shared/views/feedback/enums/FeedbackOption';\n\nimport styles from './feedback-selector.scss';\n\ninterface FeedbackSelectorOptionProps {\n  option: FeedbackOption;\n  onSelectOption?: (option: FeedbackOption) => void;\n}\n\nfunction FeedbackSelectorOption(props: FeedbackSelectorOptionProps) {\n  const [ ref, isHovering ] = useHover<HTMLImageElement>();\n\n  const feedbackImage = FEEDBACK_IMAGE_URLS[props.option];\n\n  return (\n    <DivButton ref={ref} className='col-lg-4 col-sm-6 col-12' onClick={() => props.onSelectOption(props.option)}>\n      <div className='d-flex flex-column align-items-center h-100 rounded border py-3 gap-2'>\n        <img\n          className={styles.image}\n          src={(isHovering ? feedbackImage.hover : feedbackImage.default)}\n          alt={getFeedbackFormTitles(props.option)}\n        />\n      \n        <p className='fw-semibold text-center mb-0'>{getFeedbackFormTitles(props.option)}</p>\n      </div>\n    </DivButton>\n  );\n}\n\ninterface FeedbackSelectorProps {\n  options: FeedbackOption[];\n  onSelectOption: (option: FeedbackOption) => void;\n}\n\nexport function FeedbackSelector(props: FeedbackSelectorProps) {\n  return (\n    <div className='row g-2'>\n      {props.options.map(option =>\n        <FeedbackSelectorOption key={option} option={option} onSelectOption={props.onSelectOption} />)}\n    </div>\n  );\n}","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { FeedbackOption } from 'libs/shared/views/feedback/enums/FeedbackOption';\nimport { FeedbackFormStage } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.feedbackButtons';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface FeedbackButtonsProps {\n  submitText?: string;\n  formStage: FeedbackFormStage;\n  setSelectedOption: (option: FeedbackOption) => void;\n  closePopup?: () => void;\n}\n\nexport function FeedbackButtons(props: FeedbackButtonsProps) {\n  const formikProps = useFormikContextWrapper();\n\n  return (\n    <PopupButtons>\n      {props.formStage === 'form' && (\n        <>\n          <PopupButtons.Cancel onClick={() => props.setSelectedOption(null)} text={getPhrase('cancel')} />\n          <PopupButtons.Submit variant='dark' text={props.submitText || getPhrase('submit')} disabled={!formikProps.isValid} />\n        </>\n      )}\n      \n      {props.formStage === 'success' && (\n        <PopupButtons.Cancel variant='dark' text={getPhrase('close')} onClick={props.closePopup} />\n      )}\n    </PopupButtons>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"successImage\":\"yp7vQ\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FEEDBACK_IMAGE_URLS } from 'libs/shared/views/feedback/constants/FeedbackImageUrls';\nimport { FeedbackFormStage } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nimport styles from './feedback-form-state.scss';\n\nconst namespace = 'shared.feedbackFormState';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface FeedbackFormStateProps {\n  formStage: FeedbackFormStage;\n  successImageUrl?: string;\n  successHeading?: string;\n  successDescription?: string;\n}\n\nexport function FeedbackFormState(props: FeedbackFormStateProps) {\n  if (props.formStage === 'form') return <></>;\n\n  if (props.formStage === 'error') return <></>;\n\n  return (\n    <div className='text-center'>\n      <div className='mb-3'>\n        <img className={styles.successImage} src={props.successImageUrl || FEEDBACK_IMAGE_URLS.mailSent} />\n      </div>\n      <h4 className='mb-3'>{props.successHeading || getPhrase('successHeading')}</h4>\n      <p className='mb-3'>{props.successDescription || getPhrase('successDescription')}</p>\n    </div>\n  );\n}","import * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nconst namespace = 'shared.feedbackForm';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport const FEEDBACK_FORM_MIN_CHARACTERS = 20;\nexport const FEEDBACK_FORM_MAX_CHARACTERS = 5000;\n\ntype FeedbackFormErrorPhrases = 'requiredError' | 'minCharactersError' | 'maxCharactersError';\n\nexport const getFeedbackFormErrorMessage = (phrase: FeedbackFormErrorPhrases) => {\n  switch (phrase) {\n    case 'requiredError': return getPhrase(phrase);\n    case 'minCharactersError': return getPhrase(phrase, { limit: FEEDBACK_FORM_MIN_CHARACTERS });\n    case 'maxCharactersError': return getPhrase('maxCharactersError', { limit: FEEDBACK_FORM_MAX_CHARACTERS });\n  }\n};\n\nexport const FeedbackFormYupString = () => Yup.string()\n  .min(FEEDBACK_FORM_MIN_CHARACTERS, getFeedbackFormErrorMessage('minCharactersError'))\n  .max(FEEDBACK_FORM_MAX_CHARACTERS, getFeedbackFormErrorMessage('maxCharactersError'));","import React from 'react';\nimport * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { FeedbackFormWrapper } from 'libs/shared/views/feedback/components/forms/FeedbackForm';\nimport { FeedbackFormYupString, getFeedbackFormErrorMessage } from 'libs/shared/views/feedback/constants/FeedbackFormValidation';\nimport { FEEDBACK_IMAGE_URLS } from 'libs/shared/views/feedback/constants/FeedbackImageUrls';\nimport { FeedbackFormSharedProps } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.feedbackGivePraise';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface GivePraiseFormValues {\n  praise: string;\n}\n\nconst INITIAL_VALUES: GivePraiseFormValues = {\n  praise: ''\n};\n\nconst VALIDATION_SCHEMA = Yup.object().shape<GivePraiseFormValues>({\n  praise: FeedbackFormYupString().required(getFeedbackFormErrorMessage('requiredError'))\n}).noUnknown();\n\nfunction GivePraiseFields() {\n  const formikProps = useFormikContextWrapper<GivePraiseFormValues>();\n\n  return (\n    <>\n      <FormField\n        as='textarea'\n        placeholder={getPhrase('givePraisePlaceholder')}\n        label={getPhrase('givePraiseLabel')}\n        name='praise'\n        rows={5}\n        value={formikProps.values.praise}\n        showRequiredStar\n      />\n    </>\n  );\n}\n\nexport function GivePraise(props: FeedbackFormSharedProps) {\n  return (\n    <FeedbackFormWrapper\n      {...props}\n      initialValues={{\n        ...INITIAL_VALUES,\n        ...props.initialValues\n      }}\n      validationSchema={VALIDATION_SCHEMA}\n      successImageUrl={FEEDBACK_IMAGE_URLS.heartHands}\n      successHeading={getPhrase('successHeading')}\n      successDescription={getPhrase('successDescription')}\n    >\n      <GivePraiseFields />\n    </FeedbackFormWrapper>\n  );\n}","import React from 'react';\nimport * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { FeedbackFormWrapper } from 'libs/shared/views/feedback/components/forms/FeedbackForm';\nimport { FeedbackFormYupString, getFeedbackFormErrorMessage } from 'libs/shared/views/feedback/constants/FeedbackFormValidation';\nimport { FeedbackFormSharedProps } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.feedbackOther';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface OtherFormValues {\n  feedback: string;\n}\n\nconst INITIAL_VALUES: OtherFormValues = {\n  feedback: ''\n};\n\nconst VALIDATION_SCHEMA = Yup.object().shape<OtherFormValues>({\n  feedback: FeedbackFormYupString().required(getFeedbackFormErrorMessage('requiredError'))\n}).noUnknown();\n\nfunction OtherFields() {\n  const formikProps = useFormikContextWrapper<OtherFormValues>();\n\n  return (\n    <>\n      <FormField\n        as='textarea'\n        placeholder={getPhrase('otherPlaceholder')}\n        label={getPhrase('otherLabel')}\n        name='feedback'\n        rows={5}\n        value={formikProps.values.feedback}\n        showRequiredStar\n      />\n    </>\n  );\n}\n\nexport function Other(props: FeedbackFormSharedProps) {\n  return (\n    <FeedbackFormWrapper\n      {...props}\n      initialValues={{\n        ...INITIAL_VALUES,\n        ...props.initialValues\n      }}\n      validationSchema={VALIDATION_SCHEMA}\n    >\n      <OtherFields />\n    </FeedbackFormWrapper>\n  );\n}","import React from 'react';\nimport * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { FeedbackFormWrapper } from 'libs/shared/views/feedback/components/forms/FeedbackForm';\nimport { FeedbackFormYupString, getFeedbackFormErrorMessage } from 'libs/shared/views/feedback/constants/FeedbackFormValidation';\nimport { FeedbackFormSharedProps } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.feedbackRaiseIssue';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface RaiseIssueFormValues {\n  issue: string;\n}\n\nconst INITIAL_VALUES: RaiseIssueFormValues = {\n  issue: ''\n};\n\nconst VALIDATION_SCHEMA = Yup.object().shape<RaiseIssueFormValues>({\n  issue: FeedbackFormYupString().required(getFeedbackFormErrorMessage('requiredError'))\n}).noUnknown();\n\nfunction RaiseIssueFields() {\n  const formikProps = useFormikContextWrapper<RaiseIssueFormValues>();\n\n  return (\n    <>\n      <FormField\n        as='textarea'\n        placeholder={getPhrase('raiseIssuePlaceholder')}\n        label={getPhrase('raiseIssueLabel')}\n        name='issue'\n        rows={5}\n        value={formikProps.values.issue}\n        showRequiredStar\n      />\n    </>\n  );\n}\n\nexport function RaiseIssue(props: FeedbackFormSharedProps) {\n  return (\n    <FeedbackFormWrapper\n      {...props}\n      initialValues={{\n        ...INITIAL_VALUES,\n        ...props.initialValues\n      }}\n      validationSchema={VALIDATION_SCHEMA}\n    >\n      <RaiseIssueFields />\n    </FeedbackFormWrapper>\n  );\n}","import { InstanceRegion } from 'libs/shared/enums/InstanceRegion';\n\ntype ContactSupportDetails = {\n  [key in InstanceRegion]: {\n    phone: string;\n    email: string;\n    website: string;\n  };\n}\n\nexport const CONTACT_SUPPORT_DETAILS: ContactSupportDetails = {\n  [InstanceRegion.AU]: {\n    phone: '02 9509 2600',\n    email: 'support@clickview.com.au',\n    website: 'https://www.clickviewsupport.com/hc'\n  },\n  [InstanceRegion.UK]: {\n    phone: '+44 (0)333 207 6595',\n    email: 'info@clickview.co.uk',\n    website: 'https://www.clickviewsupport.com/hc'\n  },\n  [InstanceRegion.NZ]: {\n    phone: '09 916 1156',\n    email: 'support@clickview.co.nz',\n    website: 'https://www.clickviewsupport.com/hc'\n  },\n  [InstanceRegion.US]: {\n    // PENDING\n    phone: '+1 312-292-9322',\n    email: 'info@clickvieweducation.com',\n    website: 'https://www.clickviewsupport.com/hc'\n  }\n};","// extracted by mini-css-extract-plugin\nexport default {\"fileDrop\":\"vdCUc\",\"resourcePreview\":\"tZQbH\"};","import * as React from 'react';\nimport { useDropzone } from 'react-dropzone';\n\nimport { Text } from 'libs/shared/components/text/Text';\nimport { InteractionType } from 'libs/shared/enums/UploadInteractionType';\n\nimport styles from './file-select.scss';\n\nconst namespace = 'shared.feedbackFileUpload';\n\ninterface FeedbackFileUploadProps {\n  onFilesAdded: (files: File[], type?: InteractionType) => void;\n  mimeType: string;\n  acceptMultiple?: boolean;\n  imageUrl?: string;\n  uploadError?: string;\n}\n\nexport function FeedbackFileUpload(props: FeedbackFileUploadProps): JSX.Element {\n  const { getRootProps, getInputProps, isDragActive } = useDropzone({\n    onDrop: (acceptedFiles: File[]) => props.onFilesAdded(acceptedFiles, InteractionType.DragDrop),\n    noClick: true,\n    noKeyboard: true,\n    multiple: !!props.acceptMultiple,\n    noDragEventsBubbling: true\n  });\n\n  const ref = React.useRef<HTMLInputElement>(null);\n  const useRef = React.useCallback((node: HTMLInputElement) => {\n    if (!node)\n      return;\n\n    ref.current = node;\n  }, []);\n\n  const onClick = () => {\n    ref.current.value = null;\n    ref.current.click();\n  };\n\n  let className = `${styles.fileDrop} text-center p-2 rounded-1`;\n\n  if (props.uploadError)\n    className += ' border-red';\n\n  if (isDragActive)\n    className += ` border-blue bg-light-blue`;\n\n  return (\n    <>\n      <div {...getRootProps({ className })}>\n        <img\n          className={styles.resourcePreview}\n          src={props.imageUrl}\n          draggable={false}\n        />\n\n        <div className='position-relative'>\n          {isDragActive &&\n            <p className='position-absolute font-size-md translate-middle top-50 start-50 mb-0'>\n              <Text namespace={namespace} phrase='dropUpload' />\n            </p>}\n\n          <div className={isDragActive ? 'opacity-0' : ''}>\n            <p className='mb-0'><Text namespace={namespace} phrase='dragDrop' /></p>\n            <button\n              type='button'\n              className='btn btn-link text-underline p-0'\n              onClick={onClick}\n            >\n              <Text namespace={namespace} phrase='upload' />\n            </button>\n          </div>\n        </div>\n\n        <input\n          type='file'\n          className='file-select d-none'\n          multiple={!!props.acceptMultiple}\n          accept={props.mimeType}\n          ref={useRef}\n          onChange={e => props.onFilesAdded([...e.target.files], InteractionType.FileSelect)}\n        />\n\n        <input {...getInputProps()} />\n      </div>\n\n      {props.uploadError && <span className='mt-1 d-block invalid-feedback'>{props.uploadError}</span>}\n    </>\n  );\n}\n","// extracted by mini-css-extract-plugin\nexport default {\"progress\":\"PeDF6\"};","import * as React from 'react';\n\nimport { UploadItem } from 'libs/shared/apps/upload/services/UploadService';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './feedback-upload-list.scss';\n\ninterface FeedbackFileUploadItemProps {\n  upload: UploadItem;\n  cancelUpload: (id: string) => void;\n}\n\nfunction FeedbackFileUploadItem(props: FeedbackFileUploadItemProps): JSX.Element {\n  const finished = props.upload.progress === 100;\n\n  return (\n    <>\n      <div>\n        <SvgContainer svgName={cvSvgLibrary.Folder} className='svg-container me-2' />\n        <span className='align-middle'>{props.upload.name}</span>\n        {finished && (\n          <SvgContainer svgName={cvSvgLibrary.Check} className='svg-container float-end text-success' />\n        )}\n        {!finished &&\n        <div\n          role='button'\n          aria-label='close'\n          onClick={() => props.cancelUpload(props.upload.id)}\n          className='float-end description'\n        >\n          <SvgContainer svgName={cvSvgLibrary.Close} />\n        </div>\n        }\n      </div>\n\n      <div className={`${styles.progress} progress my-2`}>\n        <div\n          className='progress-bar bg-blue'\n          role='progressbar'\n          style={{ width: `${props.upload.progress}%` }}\n          aria-valuenow={props.upload.progress}\n          aria-valuemin={0} aria-valuemax={100}\n        />\n      </div>\n    </>\n  );\n}\n\ninterface FeedbackFileUploadList {\n  uploads: UploadItem[];\n  cancelUpload: (id: string) => void;\n}\n\nexport function FeedbackFileUploadList(props: FeedbackFileUploadList): JSX.Element {\n  if (!props.uploads?.length)\n    return <></>;\n\n  return (\n    <>\n      {props.uploads.map((u, idx) => (\n        <FeedbackFileUploadItem\n          key={idx}\n          upload={u}\n          cancelUpload={props.cancelUpload}\n        />\n      ))}\n    </>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { UploadItem } from 'libs/shared/apps/upload/services/UploadService';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\ninterface FeedbackUploadedItemProps {\n  file: Core.Model;\n  deleteFile: (id: string) => void\n}\n\nexport function FeedbackUploadedItem(props: FeedbackUploadedItemProps) {\n  return (\n    <div className='bg-gray-100 rounded p-2'>\n      <SvgContainer className='d-inline-block align-middle svg-container icon-purple me-2' svgName={cvSvgLibrary.FileImg}/>\n        \n      <span className='align-middle'>{props.file.get('name')}</span>\n\n      <button className='btn p-0 border-0 float-end' onClick={() => props.deleteFile(props.file.get('id'))}>\n        <SvgContainer svgName={cvSvgLibrary.Delete} />\n      </button>\n    </div>\n  );\n}\n\ninterface FeedbackUploadedListProps {\n  uploadedFiles: UploadItem[];\n  deleteFile: (id: string) => void\n}\n\nexport function FeedbackUploadedList(props: FeedbackUploadedListProps) {\n  return (\n    <div className='d-flex flex-column gap-2'>\n      {props.uploadedFiles.map(file => (\n        <FeedbackUploadedItem key={file.id} file={file} deleteFile={props.deleteFile} />\n      ))}\n    </div>\n  );\n}","import React from 'react';\nimport * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { UploadItem } from 'libs/shared/apps/upload/services/UploadService';\nimport { FileExtensions } from 'libs/shared/apps/upload/utils/FileExtensionsHelper';\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { CONTACT_SUPPORT_DETAILS } from 'libs/shared/constants/ContactDetails';\nimport { InstanceRegion } from 'libs/shared/enums/InstanceRegion';\nimport { InteractionType } from 'libs/shared/enums/UploadInteractionType';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { FeedbackFileUpload } from 'libs/shared/views/feedback/components/feedback-file-upload/FeedbackFileUpload';\nimport { FeedbackFileUploadList } from 'libs/shared/views/feedback/components/feedback-upload-list/FeedbackUploadList';\nimport { FeedbackUploadedList } from 'libs/shared/views/feedback/components/feedback-uploaded-list/FeedbackUploadedList';\nimport { FeedbackFormWrapper } from 'libs/shared/views/feedback/components/forms/FeedbackForm';\nimport { FeedbackFormYupString, getFeedbackFormErrorMessage } from 'libs/shared/views/feedback/constants/FeedbackFormValidation';\nimport { FEEDBACK_IMAGE_URLS } from 'libs/shared/views/feedback/constants/FeedbackImageUrls';\nimport { FeedbackFormSharedProps } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.feedbackReportBug';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface ReportBugFormValues {\n  issue: string;\n  stepsToReproduce: string;\n}\n\nexport const INITIAL_VALUES: ReportBugFormValues = {\n  issue: '',\n  stepsToReproduce: ''\n};\n\nexport const VALIDATION_SCHEMA = Yup.object().shape<ReportBugFormValues>({\n  issue: FeedbackFormYupString().required(getFeedbackFormErrorMessage('requiredError')),\n  stepsToReproduce: FeedbackFormYupString()\n}).noUnknown();\n\ninterface ReportBugFieldsProps {\n  previewImageUrl?: string;\n  uploadingFiles: UploadItem[];\n  uploadedFiles: UploadItem[];\n  uploadError: string;\n  instanceRegion: InstanceRegion;\n  onFilesAdded?: (files: File[], type?: InteractionType) => void;\n  deleteFile: (id: string) => void;\n  cancelUpload: (id: string) => void;\n}\n\nexport function ReportBugFields(props: ReportBugFieldsProps) {\n  const formikProps = useFormikContextWrapper<ReportBugFormValues>();\n\n  return (\n    <>\n      <div className='form-group'>\n        <label className='form-label mb-1'><Text namespace={namespace} phrase='mixedMediaLabel' /></label>\n        <p className='text-secondary font-size-sm'><Text namespace={namespace} phrase='mixedMediaDescription' /></p>\n        <div className='mb-3'>\n          <FeedbackFileUpload\n            mimeType={FileExtensions.MIXED_MEDIA}\n            onFilesAdded={props.onFilesAdded}\n            imageUrl={props.previewImageUrl}\n            uploadError={props.uploadError}\n            acceptMultiple\n          />\n        </div>\n\n        <FeedbackFileUploadList uploads={props.uploadingFiles} cancelUpload={props.cancelUpload} />\n\n        <FeedbackUploadedList uploadedFiles={props.uploadedFiles} deleteFile={props.deleteFile} />\n      </div>\n\n      <FormField\n        as='textarea'\n        placeholder={getPhrase('issuePlaceholder')}\n        label={getPhrase('issueLabel')}\n        name='issue'\n        value={formikProps.values.issue}\n        showRequiredStar\n      />\n\n      <FormField\n        as='textarea'\n        placeholder={getPhrase('stepsPlaceholder')}\n        label={getPhrase('stepsLabel')}\n        name='stepsToReproduce'\n        value={formikProps.values.stepsToReproduce}\n      />\n\n      <div className='rounded bg-light-yellow p-2 mb-3'>\n        <p className='fw-semibold mb-2'><Text namespace={namespace} phrase='help'/></p>\n        <div className='d-flex gap-1 mb-2'>\n          <SvgContainer svgName={cvSvgLibrary.Link} />\n          <a href={CONTACT_SUPPORT_DETAILS[props.instanceRegion].website} target='_blank' className='text-underline' >\n            <Text namespace={namespace} phrase='visitHelpCentre' />\n          </a>\n        </div>\n        <p className='mb-2'><Text namespace={namespace} phrase='supportTeam'/></p>\n        <div className='d-flex gap-1 mb-2'>\n          <SvgContainer svgName={cvSvgLibrary.Phone} />\n          <span>{CONTACT_SUPPORT_DETAILS[props.instanceRegion].phone}</span>\n        </div>\n        <div className='d-flex gap-1 mb-2'>\n          <SvgContainer svgName={cvSvgLibrary.Email} />\n          <span>{CONTACT_SUPPORT_DETAILS[props.instanceRegion].email}</span>\n        </div>\n      </div>\n    </>\n  );\n}\n\nexport type ReportBugProps = ReportBugFieldsProps & FeedbackFormSharedProps;\n\nexport function ReportBug(props: ReportBugProps) {\n  const { onFilesAdded, cancelUpload, uploadingFiles, uploadedFiles, deleteFile, ...sharedProps } = props;\n\n  return (\n    <FeedbackFormWrapper\n      {...sharedProps}\n      initialValues={{\n        ...INITIAL_VALUES,\n        ...props.initialValues\n      }}\n      validationSchema={VALIDATION_SCHEMA}\n      submitText={getPhrase('submit')}\n    >\n      <ReportBugFields\n        onFilesAdded={onFilesAdded}\n        previewImageUrl={FEEDBACK_IMAGE_URLS.mediaPreview}\n        cancelUpload={cancelUpload}\n        uploadingFiles={uploadingFiles}\n        uploadedFiles={uploadedFiles}\n        deleteFile={deleteFile}\n        uploadError={props.uploadError}\n        instanceRegion={props.instanceRegion}\n      />\n    </FeedbackFormWrapper>\n  );\n}","import React from 'react';\nimport * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { InputToken } from 'libs/shared/apps/share/components/tokenized-typeahead/InputSelection';\nimport { TokenizedTypeahead } from 'libs/shared/apps/share/components/tokenized-typeahead/TokenizedTypeahead';\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { getLocalSuggestions, getSuggestionComponent } from 'libs/shared/components/search-bar/SearchUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationAudience } from 'libs/shared/interfaces';\nimport { FeedbackFormWrapper } from 'libs/shared/views/feedback/components/forms/FeedbackForm';\nimport { FEEDBACK_FORM_MAX_CHARACTERS, FeedbackFormYupString, getFeedbackFormErrorMessage } from 'libs/shared/views/feedback/constants/FeedbackFormValidation';\nimport { FeedbackFormSharedProps } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.feedbackRequestLivestream';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface RequestLivestreamFormValues {\n  topic: string;\n  studentLevel: string[];\n  producerCompany: string;\n  additionalInfo: string;\n}\n\nexport const INITIAL_VALUES: RequestLivestreamFormValues = {\n  topic: '',\n  studentLevel: [],\n  producerCompany: '',\n  additionalInfo: ''\n};\n\nconst REQUEST_LIVESTREAM_YUP_STRING =\n  Yup.string().max(FEEDBACK_FORM_MAX_CHARACTERS, getFeedbackFormErrorMessage('maxCharactersError'));\n\nexport const VALIDATION_SCHEMA = Yup.object().shape<RequestLivestreamFormValues>({\n  producerCompany: REQUEST_LIVESTREAM_YUP_STRING.required(() => getPhrase('companyError')),\n  topic: REQUEST_LIVESTREAM_YUP_STRING,\n  studentLevel: Yup.array(Yup.string()),\n  additionalInfo: FeedbackFormYupString()\n}).noUnknown();\n\ninterface RequestLivestreamFieldsProps {\n  audiences: PresentationAudience[];\n}\n\nexport function RequestLivestreamFields(props: RequestLivestreamFieldsProps) {\n  const formikProps = useFormikContextWrapper<RequestLivestreamFormValues>();\n\n  const selections =\n    formikProps.values.studentLevel.map(\n      selected => props.audiences.find(a => a.masterId.toString() === selected.toString())\n    ) || [];\n  \n  function handleSelectAudience(audience: PresentationAudience) {\n    formikProps.setFieldValue('studentLevel', ArrayHelper.addOrRemoveImmutable(formikProps.values.studentLevel, audience.masterId.toString()));\n  \n    requestAnimationFrame(() => formikProps.setFieldTouched('studentLevel'));\n  }\n\n  function handleLocalSuggestions(query: string, data: PresentationAudience[]) {\n    const selectedSuggestion = data.find(suggestion => suggestion.name === query);\n\n    const localSuggestions = getLocalSuggestions<PresentationAudience>(\n      selectedSuggestion ? '' : query,\n      data,\n      'name',\n      0\n    );\n\n    return localSuggestions.filter(suggestion => {\n      if (selections.find(selection => selection.masterId === suggestion.masterId))\n        return false;\n\n      if (suggestion.masterId === selectedSuggestion?.masterId)\n        return false;\n\n      return true;\n    });\n  }\n    \n  return (\n    <>\n      <FormField\n        placeholder={getPhrase('companyPlaceholder')}\n        label={getPhrase('companyLabel')}\n        name='producerCompany'\n        value={formikProps.values.producerCompany}\n        showRequiredStar\n      />\n\n      <FormField\n        placeholder={getPhrase('topicPlaceholder')}\n        label={getPhrase('topicLabel')}\n        name='topic'\n        value={formikProps.values.topic}\n      />\n\n      <div className='form-group'>\n        <label className='form-label'><Text namespace={namespace} phrase='audiencesLabel' /></label>\n        <TokenizedTypeahead<PresentationAudience>\n          placeholder={getPhrase('audiencesPlaceholder')}\n          local={props.audiences}\n          valueKey='masterId'\n          selections={selections}\n          onSuggestionSelected={handleSelectAudience}\n          removeSelection={selection => handleSelectAudience(selection)}\n          errorStateImageUrl={null}\n          emptyStateImageUrl={null}\n          activationLength={0}\n          suggestionLimit={false}\n          getInputTokenComponent={(selection: PresentationAudience) => {\n            return (\n              <InputToken<PresentationAudience>\n                key={selection.masterId}\n                selection={{ name: selection.name, masterId: selection.masterId }}\n                colourVariant='teal'\n                onClickRemove={(selection: PresentationAudience) => handleSelectAudience(selection)}\n                hideExpander\n              />\n            );\n          }}\n          getSuggestionComponent={suggestion => getSuggestionComponent('name', suggestion)}\n          onSuggestionDependencies={[ props.audiences, formikProps.values.studentLevel, selections ]}\n          getLocalSuggestions={handleLocalSuggestions}\n          focusInputOnSuggestionClick={false}\n          renderAsForm={false}\n          hideIcon\n          onBlur={() => formikProps.setFieldTouched('studentLevel')}\n          className={`p-2 ${formikProps.touched.studentLevel && formikProps.errors.studentLevel ? 'is-invalid' : ''}`}\n        />\n        {formikProps.touched.studentLevel && formikProps.errors.studentLevel && <span className='invalid-feedback'>{formikProps.errors.studentLevel}</span>}\n      </div>\n\n      <FormField\n        as='textarea'\n        placeholder={getPhrase('otherPlaceholder')}\n        label={getPhrase('otherLabel')}\n        name='additionalInfo'\n        value={formikProps.values.additionalInfo}\n      />\n    </>\n  );\n}\n\nexport type RequestLivestreamProps =\n  RequestLivestreamFieldsProps &\n  FeedbackFormSharedProps\n\nexport function RequestLivestream(props: RequestLivestreamProps) {\n  return (\n    <FeedbackFormWrapper\n      {...props}\n      initialValues={{\n        ...INITIAL_VALUES,\n        ...props.initialValues\n      }}\n      validationSchema={VALIDATION_SCHEMA}\n    >\n      <RequestLivestreamFields audiences={props.audiences} />\n    </FeedbackFormWrapper>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"image\":\"SdHLR\"};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { FEEDBACK_IMAGE_URLS } from 'libs/shared/views/feedback/constants/FeedbackImageUrls';\nimport { FeedbackOption } from 'libs/shared/views/feedback/enums/FeedbackOption';\n\nimport styles from './before-requesting.scss';\n\nconst namespace = 'shared.feedbackBeforeRequesting';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface BeforeRequestingProps {\n  setConfirmed: (checked: boolean) => void;\n  setSelectedOption: (option: FeedbackOption) => void;\n}\n\nexport function BeforeRequesting(props: BeforeRequestingProps) {\n  const [ checked, setChecked ] = React.useState(false);\n  return (\n    <>\n      <div className='d-flex flex-column align-items-center my-4'>\n        <img className={`${styles.image} mb-3`} src={FEEDBACK_IMAGE_URLS.videoAlert} />\n        <h4 className='mb-3'>\n          <Text namespace={namespace} phrase='beforeRequesting' />\n        </h4>\n        <p><Text namespace={namespace} phrase='haveYouSearched' /></p>\n      </div>\n\n      <PopupButtons>\n        <PopupButtons.Checkbox\n          id='confirmExchange'\n          checked={checked}\n          onToggle={() => setChecked(!checked)}\n          label={getPhrase('exchangeCheck')}\n        />\n        <PopupButtons.Cancel onClick={() => props.setSelectedOption(null)} text={getPhrase('back')} />\n        <PopupButtons.Submit\n          variant='dark'\n          text={getPhrase('continue')}\n          disabled={!checked}\n          onClick={() => props.setConfirmed(true)}\n        />\n      </PopupButtons>\n    </>\n  );\n}","import React from 'react';\nimport * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { ArrayHelper } from 'libs/common/react/utils/ArrayHelper';\n\nimport { InputToken } from 'libs/shared/apps/share/components/tokenized-typeahead/InputSelection';\nimport { TokenizedTypeahead } from 'libs/shared/apps/share/components/tokenized-typeahead/TokenizedTypeahead';\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { getLocalSuggestions, getSuggestionComponent } from 'libs/shared/components/search-bar/SearchUtils';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PresentationAudience } from 'libs/shared/interfaces';\nimport { FeedbackFormWrapper } from 'libs/shared/views/feedback/components/forms/FeedbackForm';\nimport { BeforeRequesting } from 'libs/shared/views/feedback/components/forms/request-video/before-requesting/BeforeRequesting';\nimport { FEEDBACK_FORM_MAX_CHARACTERS, FeedbackFormYupString, getFeedbackFormErrorMessage } from 'libs/shared/views/feedback/constants/FeedbackFormValidation';\nimport { FeedbackFormSharedProps } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.feedbackRequestVideo';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nenum VideoRequestType {\n  VideosTopic = 'videosTopic',\n  VideoOrSeries = 'videoOrSeries'\n}\n\nexport interface RequestVideoFormValues {\n  videoRequestType: string;\n  topic: string;\n  studentLevel: string[];\n  videoTitle: string;\n  seriesName: string;\n  producerCompany: string;\n  websiteOrTrailer: string;\n  additionalInfo: string;\n}\n\nexport const INITIAL_VALUES: RequestVideoFormValues = {\n  videoRequestType: '',\n  topic: '',\n  studentLevel: [],\n  videoTitle: '',\n  seriesName: '',\n  producerCompany: '',\n  websiteOrTrailer: '',\n  additionalInfo: ''\n};\n\nconst RequestVideoYupString = () => Yup.string().max(FEEDBACK_FORM_MAX_CHARACTERS, getFeedbackFormErrorMessage('maxCharactersError'));\n\nexport const VALIDATION_SCHEMA = Yup.object().shape<RequestVideoFormValues>({\n  videoRequestType: Yup.string().required(),\n  topic: RequestVideoYupString().when('videoRequestType', {\n    is: value => value === VideoRequestType.VideosTopic,\n    then: RequestVideoYupString().required(getPhrase('topicRequiredError')),\n    otherwise: RequestVideoYupString().notRequired()\n  }),\n  studentLevel: Yup.array(Yup.string()),\n\n  videoTitle: RequestVideoYupString().when([ 'videoRequestType', 'seriesName' ], {\n    is: (videoRequestType, seriesName) => videoRequestType === VideoRequestType.VideoOrSeries && !seriesName,\n    then: RequestVideoYupString().required((getPhrase('videoRequiredError'))),\n    otherwise: RequestVideoYupString().notRequired()\n  }),\n  seriesName: RequestVideoYupString(),\n  producerCompany: RequestVideoYupString(),\n  websiteOrTrailer: RequestVideoYupString(),\n  additionalInfo: FeedbackFormYupString()\n}).noUnknown();\n\ninterface RequestVideoFieldsProps {\n  audiences: PresentationAudience[];\n}\n\nexport function RequestVideoFields(props: RequestVideoFieldsProps) {\n  const formikProps = useFormikContextWrapper<RequestVideoFormValues>();\n\n  const selections =\n    formikProps.values.studentLevel.map(selected => props.audiences?.find(a => +a.masterId === +selected)) || [];\n  \n  function handleSelectAudience(audience: PresentationAudience) {\n    formikProps.setFieldValue('studentLevel', ArrayHelper.addOrRemoveImmutable(formikProps.values.studentLevel, audience.masterId.toString()));\n  \n    requestAnimationFrame(() => formikProps.setFieldTouched('studentLevel'));\n  }\n\n  function handleLocalSuggestions(query: string, data: PresentationAudience[]) {\n    const selectedSuggestion = data.find(suggestion => suggestion.name === query);\n\n    const localSuggestions = getLocalSuggestions<PresentationAudience>(\n      selectedSuggestion ? '' : query,\n      data,\n      'name',\n      0\n    );\n\n    return localSuggestions.filter(suggestion => {\n      if (selections.find(selection => selection.masterId === suggestion.masterId))\n        return false;\n\n      if (suggestion.masterId === selectedSuggestion?.masterId)\n        return false;\n\n      return true;\n    });\n  }\n    \n  return (\n    <>\n      <FormField\n        as='select'\n        label={getPhrase('videoRequestTypeLabel')}\n        name='videoRequestType'\n        value={formikProps.values.videoRequestType}\n      >\n        <option value=''>{getPhrase('videoRequestTypePlaceholder')}</option>\n        <option value={VideoRequestType.VideosTopic}>{getPhrase('videosTopicType')}</option>\n        <option value={VideoRequestType.VideoOrSeries}>{getPhrase('videoOrSeriesType')}</option>\n      </FormField>\n\n      {formikProps.values.videoRequestType === VideoRequestType.VideosTopic && (\n        <>\n          <FormField\n            placeholder={getPhrase('videoTopicPlaceholder')}\n            label={getPhrase('videoTopicLabel')}\n            name='topic'\n            value={formikProps.values.topic}\n            showRequiredStar\n          />\n          \n          <div className='form-group'>\n            <label className='form-label'><Text namespace={namespace} phrase='audiencesLabel' /></label>\n            <TokenizedTypeahead<PresentationAudience>\n              placeholder={getPhrase('audiencesPlaceholder')}\n              local={props.audiences}\n              valueKey='masterId'\n              selections={selections}\n              onSuggestionSelected={handleSelectAudience}\n              removeSelection={selection => handleSelectAudience(selection)}\n              errorStateImageUrl={null}\n              emptyStateImageUrl={null}\n              activationLength={0}\n              suggestionLimit={false}\n              getInputTokenComponent={(selection: PresentationAudience) => {\n                return (\n                  <InputToken<PresentationAudience>\n                    key={selection.masterId}\n                    selection={{ name: selection.name, masterId: selection.masterId }}\n                    colourVariant='teal'\n                    onClickRemove={(selection: PresentationAudience) => handleSelectAudience(selection)}\n                    hideExpander\n                  />\n                );\n              }}\n              getSuggestionComponent={suggestion => getSuggestionComponent('name', suggestion)}\n              onSuggestionDependencies={[ props.audiences, formikProps.values.studentLevel, selections ]}\n              getLocalSuggestions={handleLocalSuggestions}\n              focusInputOnSuggestionClick={false}\n              renderAsForm={false}\n              hideIcon\n              onBlur={() => formikProps.setFieldTouched('studentLevel')}\n              className={`p-2 ${formikProps.touched.studentLevel && formikProps.errors.studentLevel ? 'is-invalid' : ''}`}\n            />\n            {formikProps.touched.studentLevel && formikProps.errors.studentLevel && <span className='invalid-feedback'>{formikProps.errors.studentLevel}</span>}\n          </div>\n\n          <FormField\n            as='textarea'\n            placeholder={getPhrase('otherPlaceholder')}\n            label={getPhrase('otherLabel')}\n            name='additionalInfo'\n            value={formikProps.values.additionalInfo}\n          />\n        </>\n      )}\n\n      {formikProps.values.videoRequestType === VideoRequestType.VideoOrSeries && (\n        <>\n          <FormField\n            placeholder={getPhrase('videoTitlePlaceholder')}\n            label={getPhrase('videoTitleLabel')}\n            name='videoTitle'\n            value={formikProps.values.videoTitle}\n          />\n\n          <FormField\n            placeholder={getPhrase('seriesPlaceholder')}\n            label={getPhrase('seriesLabel')}\n            name='seriesName'\n            value={formikProps.values.seriesName}\n          />\n\n          <FormField\n            placeholder={getPhrase('companyPlaceholder')}\n            label={getPhrase('companyLabel')}\n            name='producerCompany'\n            value={formikProps.values.producerCompany}\n          />\n\n          <FormField\n            placeholder={getPhrase('videoTopicPlaceholder')}\n            label={getPhrase('topicLabel')}\n            name='topic'\n            value={formikProps.values.topic}\n          />\n\n          <FormField\n            placeholder={getPhrase('websiteOrTrailerPlaceholder')}\n            label={getPhrase('websiteOrTrailerLabel')}\n            name='websiteOrTrailer'\n            value={formikProps.values.websiteOrTrailer}\n          />\n\n          <FormField\n            as='textarea'\n            placeholder={getPhrase('otherPlaceholder')}\n            label={getPhrase('otherLabel')}\n            name='additionalInfo'\n            value={formikProps.values.additionalInfo}\n          />\n        </>\n      )}\n    </>\n  );\n}\n\nexport type RequestVideoProps =\n  RequestVideoFieldsProps &\n  FeedbackFormSharedProps & {\n    hasExchangeTvProduct: boolean;\n  }\n\nexport function RequestVideo(props: RequestVideoProps) {\n  const [ confirmed, setConfirmed ] = React.useState(false);\n\n  const showBeforeRequesting = props.hasExchangeTvProduct && !confirmed;\n\n  return (\n    <FeedbackFormWrapper\n      {...props}\n      initialValues={{\n        ...INITIAL_VALUES,\n        ...props.initialValues\n      }}\n      validationSchema={VALIDATION_SCHEMA}\n      hideButtons={props.hasExchangeTvProduct && !confirmed}\n    >\n      {showBeforeRequesting && (\n        <BeforeRequesting setConfirmed={setConfirmed} setSelectedOption={props.setSelectedOption} />\n      )}\n\n      {!showBeforeRequesting && <RequestVideoFields audiences={props.audiences} />}\n    </FeedbackFormWrapper>\n  );\n}","import React from 'react';\nimport * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { FeedbackFormWrapper } from 'libs/shared/views/feedback/components/forms/FeedbackForm';\nimport { FeedbackFormYupString, getFeedbackFormErrorMessage } from 'libs/shared/views/feedback/constants/FeedbackFormValidation';\nimport { FEEDBACK_IMAGE_URLS } from 'libs/shared/views/feedback/constants/FeedbackImageUrls';\nimport { FeedbackOption } from 'libs/shared/views/feedback/enums/FeedbackOption';\nimport { FeedbackFormSharedProps } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.feedbackSuggestImprovement';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface SuggestImprovementFormValues {\n  suggestion: string;\n  importance: string;\n}\n\nconst INITIAL_VALUES: SuggestImprovementFormValues = {\n  suggestion: '',\n  importance: ''\n};\n\nconst VALIDATION_SCHEMA = Yup.object().shape<SuggestImprovementFormValues>({\n  suggestion: FeedbackFormYupString().required(getFeedbackFormErrorMessage('requiredError')),\n  importance: FeedbackFormYupString()\n}).noUnknown();\n\ninterface SuggestImprovementFieldsProps {\n  setSelectedOption: (option: FeedbackOption) => void;\n}\n\nfunction SuggestImprovementFields(props: SuggestImprovementFieldsProps) {\n  const formikProps = useFormikContextWrapper<SuggestImprovementFormValues>();\n\n  return (\n    <>\n      <FormField\n        as='textarea'\n        placeholder={getPhrase('suggestionPlaceholder')}\n        label={getPhrase('suggestionLabel')}\n        name='suggestion'\n        value={formikProps.values.suggestion}\n        showRequiredStar\n      />\n\n      <FormField\n        as='textarea'\n        placeholder={getPhrase('whySuggestionPlaceholder')}\n        label={getPhrase('whySuggestionLabel')}\n        name='importance'\n        rows={5}\n        value={formikProps.values.importance}\n      />\n\n      <p>\n        <Text namespace={namespace} phrase={'contactSupport'} />\n        &nbsp;\n        <button\n          className='btn btn-link text-underline p-0'\n          onClick={() => props.setSelectedOption(FeedbackOption.RAISE_ISSUE)}>\n          <Text namespace={namespace} phrase='raiseIssue' />\n        </button>\n      </p>\n    </>\n  );\n}\n\nexport function SuggestImprovement(props: FeedbackFormSharedProps) {\n  return (\n    <FeedbackFormWrapper\n      {...props}\n      initialValues={{\n        ...INITIAL_VALUES,\n        ...props.initialValues\n      }}\n      validationSchema={VALIDATION_SCHEMA}\n      successImageUrl={FEEDBACK_IMAGE_URLS.lightBulb}\n      successHeading={getPhrase('successHeading')}\n      successDescription={getPhrase('successDescription')}\n    >\n      <SuggestImprovementFields setSelectedOption={props.setSelectedOption} />\n    </FeedbackFormWrapper>\n  );\n}","import React from 'react';\nimport { Form } from 'formik';\n\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { FormWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { FeedbackButtons } from 'libs/shared/views/feedback/components/feedback-buttons/FeedbackButtons';\nimport { FeedbackFormState } from 'libs/shared/views/feedback/components/feedback-form-state/FeedbackFormState';\nimport { GivePraise } from 'libs/shared/views/feedback/components/forms/give-praise/GivePraise';\nimport { Other } from 'libs/shared/views/feedback/components/forms/other/Other';\nimport { RaiseIssue } from 'libs/shared/views/feedback/components/forms/raise-issue/RaiseIssue';\nimport { ReportBug } from 'libs/shared/views/feedback/components/forms/report-bug/ReportBug';\nimport { RequestLivestream } from 'libs/shared/views/feedback/components/forms/request-livestream/RequestLivestream';\nimport { RequestVideo } from 'libs/shared/views/feedback/components/forms/request-video/RequestVideo';\nimport { SuggestImprovement } from 'libs/shared/views/feedback/components/forms/suggest-improvement/SuggestImprovement';\nimport { FeedbackOption } from 'libs/shared/views/feedback/enums/FeedbackOption';\nimport { FeedbackFormCustomProps, FeedbackFormSharedProps } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\ninterface FeedbackFormWrapperProps extends React.PropsWithChildren, FeedbackFormSharedProps {\n  validationSchema: any;\n  submitText?: string;\n  successImageUrl?: string;\n  successHeading?: string;\n  successDescription?: string;\n  hideButtons?: boolean;\n}\n\nexport function FeedbackFormWrapper(props: FeedbackFormWrapperProps) {\n  const ref = React.useRef(null);\n\n  function setSelectedOption(selectedOption: FeedbackOption) {\n    props.setFormState((prevState: HashObject) => ({ ...prevState, ...ref.current?.values }));\n    props.setSelectedOption(selectedOption);\n  }\n\n  return (\n    <FormWrapper\n      onSubmit={props.onSubmit}\n      initialValues={props.initialValues}\n      validationSchema={props.validationSchema}\n      validateOnMount\n      innerRef={ref}\n    >\n      <Form>\n        {props.formStage === 'form' && props.children}\n\n        <FeedbackFormState\n          formStage={props.formStage}\n          successImageUrl={props.successImageUrl}\n          successHeading={props.successHeading}\n          successDescription={props.successDescription}\n        />\n\n        {!props.hideButtons && (\n          <FeedbackButtons\n            setSelectedOption={setSelectedOption}\n            submitText={props.submitText}\n            formStage={props.formStage}\n            closePopup={props.closePopup}\n          />\n        )}\n      </Form>\n    </FormWrapper>\n  );\n}\n\ninterface FeedbackFormSelectorProps {\n  selectedOption: FeedbackOption;\n}\n\ntype FeedbackFormProps = FeedbackFormSharedProps & FeedbackFormSelectorProps & FeedbackFormCustomProps;\n\nexport function FeedbackForm(props: FeedbackFormProps) {\n  const formProps = {\n    formStage: props.formStage,\n    initialValues: props.initialValues,\n    setFormState: props.setFormState,\n    onSubmit: props.onSubmit,\n    setSelectedOption: props.setSelectedOption,\n    closePopup: props.closePopup\n  };\n\n  switch (props.selectedOption) {\n    case FeedbackOption.SUGGEST_IMPROVEMENT:\n      return <SuggestImprovement {...formProps} />;\n    case FeedbackOption.REPORT_BUG:\n      return (\n        <ReportBug\n          {...formProps}\n          onFilesAdded={props.onFilesAdded}\n          cancelUpload={props.cancelUpload}\n          uploadingFiles={props.uploadingFiles}\n          uploadedFiles={props.uploadedFiles}\n          deleteFile={props.deleteFile}\n          uploadError={props.uploadError}\n          instanceRegion={props.instanceRegion}\n        />\n      );\n    case FeedbackOption.REQUEST_VIDEO:\n      return (\n        <RequestVideo\n          {...formProps}\n          audiences={props.audiences}\n          hasExchangeTvProduct={props.hasExchangeTvProduct}\n        />\n      );\n    case FeedbackOption.REQUEST_LIVESTREAM:\n      return (\n        <RequestLivestream\n          {...formProps}\n          audiences={props.audiences}\n        />\n      );\n    case FeedbackOption.RAISE_ISSUE:\n      return <RaiseIssue {...formProps} />;\n    case FeedbackOption.GIVE_PRAISE:\n      return <GivePraise {...formProps} />;\n    case FeedbackOption.OTHER:\n      return <Other {...formProps} />;\n  }\n}","import React from 'react';\nimport { Radio } from 'backbone';\nimport Dropzone from 'dropzone';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { useGetFetchAsync } from 'libs/common/react/flight';\nimport { useService } from 'libs/common/react/hooks/UseService';\nimport { Flight } from 'libs/common/react/index';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { UploadEventNames } from 'libs/shared/apps/upload/constants/UploadConstants';\nimport { MixedMediaUploadService, UploadItem } from 'libs/shared/apps/upload/services/UploadService';\nimport { FileExtensions } from 'libs/shared/apps/upload/utils/FileExtensionsHelper';\nimport { FormSubmissionOptions } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { Popup, PopupProps } from 'libs/shared/components/popup/Popup';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { SharedServiceChannels } from 'libs/shared/constants/RadioChannels';\nimport { SharedServices } from 'libs/shared/constants/SharedServices';\nimport { FeedbackType } from 'libs/shared/enums/FeedbackType';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { InteractionType } from 'libs/shared/enums/UploadInteractionType';\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { FeedbackRequests } from 'libs/shared/flight-requests/FeedbackRequests';\nimport { ProductRequests } from 'libs/shared/flight-requests/ProductRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { useGetCollectionItems } from 'libs/shared/hooks/UseGetCollectionItems';\nimport { useListenOn } from 'libs/shared/hooks/UseListenOn';\nimport { CurrentUser, Customer, FileUpload, PresentationAudience, Product } from 'libs/shared/interfaces';\nimport { FeedbackFormRequest } from 'libs/shared/interfaces/requests/FeedbackFormRequest';\nimport { FeedbackFormHelper } from 'libs/shared/utils/FeedbackFormHelper';\nimport { FeedbackSelector } from 'libs/shared/views/feedback/components/feedback-selector/FeedbackSelector';\nimport { FeedbackForm } from 'libs/shared/views/feedback/components/forms/FeedbackForm';\nimport { getFeedbackFormTitles } from 'libs/shared/views/feedback/constants/FeedbackFormTitles';\nimport { FeedbackOption } from 'libs/shared/views/feedback/enums/FeedbackOption';\nimport { FeedbackFormStage } from 'libs/shared/views/feedback/interfaces/FeedbackForm';\n\nconst namespace = 'shared.giveFeedback';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nconst MAX_FILES_LIMIT = 5;\nconst MAX_FILE_SIZE_LIMIT = 60; // MB\nconst BYTES_MULTIPLIER = 1000000;\n\ninterface GiveFeedbackViewProps extends PopupProps {\n  product: ProductId\n}\n\nexport function GiveFeedbackView(props: GiveFeedbackViewProps) {\n  const alerts = useAlerts();\n  const fetchAsync = useGetFetchAsync();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const customer = Flight.useBasicFetch<Customer>(currentUser.data &&\n    CustomerRequests.customer(currentUser.data.customerId));\n\n  const [ selectedOption, setSelectedOption ] = React.useState<FeedbackOption>(null);\n  const [ formStage, setFormStage ] = React.useState<FeedbackFormStage>('form');\n  const [ formState, setFormState ] = React.useState<HashObject>(null);\n\n  const mixedMediaUploadService = useService<MixedMediaUploadService>(SharedServices.MixedMediaUpload);\n  const mixedMediaUploads = useGetCollectionItems<UploadItem>(() => mixedMediaUploadService.getCollection(), null);\n\n  const interactionTypeRef = React.useRef<InteractionType>();\n  const mixedMediaUploadCountRef = React.useRef(0);\n  const mixedMediaUploadsRef = React.useRef<FileUpload[]>([]);\n\n  const [ uploadedFiles, setUploadedFiles ] = React.useState<UploadItem[]>([]);\n  const [ uploadError, setUploadError ] = React.useState<string>('');\n  \n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(AudienceRequests.presentationAudiences());\n\n  const products = Flight.useBasicFetch<Product[]>(ProductRequests.userProducts());\n\n  const hasExchangeTvProduct = products.data?.find(product => product.id === ProductId.Exchange);\n\n  useListenOn(\n    Radio.channel(SharedServiceChannels.MIXED_MEDIA_UPLOAD),\n    UploadEventNames.UPLOAD_COMPLETE,\n    onMixedMediaUploadComplete\n  );\n\n  function addMixedMediaFiles(files: File[], type?: InteractionType): void {\n    if (files.some(file => file.size > MAX_FILE_SIZE_LIMIT * BYTES_MULTIPLIER)) {\n      setUploadError(getPhrase('maxFileSizeUploadError', { limit: MAX_FILE_SIZE_LIMIT }));\n      return;\n    }\n\n    if (files.length > (MAX_FILES_LIMIT - mixedMediaUploads.length)) {\n      setUploadError(getPhrase('maxFilesUploadError', { limit: MAX_FILES_LIMIT }));\n      return;\n    }\n    \n    if (files.some(file => !Dropzone.isValidFile(file, FileExtensions.MIXED_MEDIA))) {\n      setUploadError(getPhrase('invalidTypeUploadError'));\n      return;\n    }\n\n    setUploadError('');\n    \n    mixedMediaUploadCountRef.current += files.length;\n\n    if (type)\n      interactionTypeRef.current = type;\n\n    mixedMediaUploadService.addFiles(files);\n  }\n\n  function onMixedMediaUploadComplete(upload: Core.Model): void {\n    const uploadData: FileUpload = upload.toJSON();\n\n    mixedMediaUploadsRef.current.push(uploadData);\n    mixedMediaUploadCountRef.current--;\n\n    if (mixedMediaUploadCountRef.current > 0)\n      return;\n\n    // The below will only run once all media files have been uploaded.\n    let mixedMediaToUpload = mixedMediaUploadsRef.current.length;\n\n    // const onError = () => console.log('mixedMedia upload error');\n\n    mixedMediaUploadsRef.current.forEach(mixedMedia => {\n      // setTimeout is required to detect changes correctly when files are removed from the uploading list in the backbone collection\n      setTimeout(() => {\n        mixedMediaToUpload--;\n  \n        const uploadedMedia = mixedMediaUploadService.getCollection().filter(r => r.get('fileInfo')?.id === mixedMedia.fileInfo.id);\n\n        mixedMediaUploadService.getCollection().remove(uploadedMedia);\n        setUploadedFiles(prevState => ([ ...prevState, ...uploadedMedia ]));\n\n        if (mixedMediaToUpload > 0)\n          return;\n\n        AnalyticsHelper.logUserAction(\n          { fileInfo: mixedMedia.fileInfo },\n          {\n            location: LocationContext.GiveFeedbackPopup,\n            actionType: UserAction.Upload,\n            entity: EntityType.MixedMedia,\n            descriptor: AnalyticsHelper.mapInteractionType(interactionTypeRef.current)\n          }\n        );\n\n        alerts.success(getPhrase('mixedMediaUploadSuccess'));\n      });\n    });\n\n    mixedMediaUploadsRef.current = [];\n  }\n\n  function onDeleteFile(id: string) {\n    setUploadedFiles(prevState => prevState.filter(file => file.id !== id));\n  }\n\n  function onFormSelect(option: FeedbackOption) {\n    setSelectedOption(option);\n\n    if (option)\n      AnalyticsHelper.logUserAction(\n        { type: option },\n        {\n          actionType: UserAction.Click,\n          entity: EntityType.Feedback,\n          location: LocationContext.GiveFeedbackPopup,\n          workflowPhase: WorkflowPhase.Start\n        }\n      );\n  }\n\n  function getFeedbackType(option: FeedbackOption) {\n    switch (option) {\n      case FeedbackOption.SUGGEST_IMPROVEMENT: return FeedbackType.SuggestImprovement;\n      case FeedbackOption.REPORT_BUG: return FeedbackType.ReportBug;\n      case FeedbackOption.REQUEST_VIDEO:\n      case FeedbackOption.REQUEST_LIVESTREAM:\n        return FeedbackType.RequestVideo;\n      case FeedbackOption.GIVE_PRAISE: return FeedbackType.GivePraise;\n      case FeedbackOption.RAISE_ISSUE: return FeedbackType.RaiseIssue;\n      case FeedbackOption.OTHER: return FeedbackType.Other;\n    }\n  }\n\n  async function onSubmit(values: any, onDone: (options?: FormSubmissionOptions) => void) {\n    const feedbackFormRequestData: FeedbackFormRequest = {\n      type: getFeedbackType(selectedOption),\n      user: FeedbackFormHelper.getUserInfo(currentUser.data, customer.data),\n      tags: FeedbackFormHelper.getTags(\n        currentUser.data,\n        props.product,\n        false,\n        [ 'give feedback', getFeedbackFormTitles(selectedOption).toLowerCase() ]\n      )\n    };\n\n    let feedbackFormValues = { ...values };\n\n    if (selectedOption === FeedbackOption.REPORT_BUG && uploadedFiles.length) {\n      feedbackFormValues = {\n        ...feedbackFormValues,\n        ...FeedbackFormHelper.categorizeFiles(uploadedFiles)\n      };\n    }\n\n    try {\n      await fetchAsync(FeedbackRequests.submitFeedback(feedbackFormRequestData, feedbackFormValues));\n\n      AnalyticsHelper.logUserAction(\n        {\n          ...feedbackFormRequestData,\n          ...feedbackFormValues\n        },\n        {\n          actionType: UserAction.Submit,\n          entity: EntityType.Feedback,\n          location: LocationContext.GiveFeedbackPopup,\n          workflowPhase: WorkflowPhase.Complete\n        }\n      );\n\n      setFormStage('success');\n    } catch {\n      alerts.error(getPhrase('error'));\n    } finally {\n      onDone();\n    }\n  }\n\n  return (\n    <Popup\n      size='lg'\n      title={selectedOption ? getFeedbackFormTitles(selectedOption) : getPhrase('title')}\n      closePopup={props.closePopup}\n      backdrop='static'\n    >\n      {!selectedOption && <p><Text namespace={namespace} phrase='description' /></p>}\n\n      {!selectedOption && (\n        <FeedbackSelector\n          onSelectOption={onFormSelect}\n          options={[\n            FeedbackOption.SUGGEST_IMPROVEMENT,\n            FeedbackOption.REPORT_BUG,\n            props.product === ProductId.StreamableLearning\n              ? FeedbackOption.REQUEST_LIVESTREAM\n              : FeedbackOption.REQUEST_VIDEO,\n            FeedbackOption.GIVE_PRAISE,\n            FeedbackOption.RAISE_ISSUE,\n            FeedbackOption.OTHER\n          ]}\n        />\n      )}\n\n      {selectedOption && (\n        <FeedbackForm\n          selectedOption={selectedOption}\n          formStage={formStage}\n          onSubmit={onSubmit}\n          setSelectedOption={onFormSelect}\n          closePopup={props.closePopup}\n          onFilesAdded={addMixedMediaFiles}\n          uploadingFiles={mixedMediaUploads}\n          uploadedFiles={uploadedFiles}\n          deleteFile={onDeleteFile}\n          cancelUpload={(id: string) => mixedMediaUploadService.cancelUpload(id)}\n          audiences={audiences.data}\n          uploadError={uploadError}\n          initialValues={formState}\n          setFormState={setFormState}\n          instanceRegion={currentUser.data?.instanceRegion}\n          hasExchangeTvProduct={!!hasExchangeTvProduct}\n        />\n      )}\n    </Popup>\n  );\n}"],"names":["pdfExtensions","docExtensions","textExtensions","excelExtensions","imageExtensions","videoMimeType","archiveExtensions","powerPointExtensions","subtitleExtensions","FileExtensions","IMAGES","join","VIDEO","MIXED_MEDIA","RESOURCES","SUBTITLES","FileExtensionHelper","getResourceType","extension","ext","toLowerCase","FormCheckbox","props","label","checkboxLabelClassName","checkboxLabelFontWeight","className","fieldProps","Form","FieldWrapper","htmlFor","id","checkboxAppLink","checkboxAppLinkText","AppLink","appLink","CharacterCounter","field","values","fieldName","length","limit","namespace","children","showLoadingSpinner","type","setType","resolvedChildren","FunctionHelper","f","ObjectHelper","Spinner","animation","size","containerClassName","disabled","SvgContainer","svgName","onClick","FormField","showCharacterCounter","showRequiredStar","infoTooltip","infoTooltipPlacement","infoText","formSize","showOptionalLabel","errors","touched","disabledOnChange","_props","onChange","fieldWrapperProps","FormHelper","name","as","title","tooltipPlacement","tooltipSpanHack","Text","phrase","maxLength","errorMessage","defaultProps","autoComplete","FormWrapper","castInitialValues","castValuesOnSubmit","initialValues","onSubmit","formikProps","formattedInitialValues","validationSchema","cast","omitChildValues","child","Object","keys","forEach","key","hasOwnProperty","omitNullInitialValues","initialStatus","allowInitialSubmit","enableReinitialize","setSubmitting","resetForm","setFieldError","formattedData","options","reset","entries","value","useFormikContextWrapper","FeedbackType","InteractionType","FeedbackRequests","submitFeedback","requestData","formValues","url","data","useGetCollectionItems","getCollection","onRemove","dependencies","setUpdate","collection","off","on","s","toJSON","FeedbackFormHelper","getUserInfo","currentUser","customer","username","email","userType","role","customerId","cvcId","crmId","customerName","instanceRegion","contentRegion","mapInstanceRegionToTag","getTags","product","hasStudentExperience","extraTags","tags","push","regionTag","categorizeFiles","files","reduce","result","file","fileInfo","get","videoUrls","imageUrls","getCustomFormControlClassName","attribute","additionalClassName","getTypeSize","FeedbackOption","getPhrase","LanguageService","getFeedbackFormTitles","feedbackOption","SUGGEST_IMPROVEMENT","REPORT_BUG","REQUEST_VIDEO","REQUEST_LIVESTREAM","GIVE_PRAISE","RAISE_ISSUE","OTHER","FEEDBACK_IMAGE_URLS","mailSent","mediaPreview","lightBulb","heartHands","videoAlert","default","hover","FeedbackSelectorOption","ref","isHovering","feedbackImage","option","DivButton","onSelectOption","src","alt","FeedbackSelector","map","FeedbackButtons","PopupButtons","formStage","setSelectedOption","text","variant","submitText","isValid","closePopup","FeedbackFormState","successImageUrl","successHeading","successDescription","FEEDBACK_FORM_MAX_CHARACTERS","getFeedbackFormErrorMessage","FeedbackFormYupString","min","max","INITIAL_VALUES","praise","VALIDATION_SCHEMA","shape","required","noUnknown","GivePraiseFields","placeholder","rows","GivePraise","FeedbackFormWrapper","feedback","OtherFields","Other","issue","RaiseIssueFields","RaiseIssue","CONTACT_SUPPORT_DETAILS","InstanceRegion","phone","website","FeedbackFileUpload","onDrop","acceptedFiles","onFilesAdded","noClick","noKeyboard","multiple","acceptMultiple","noDragEventsBubbling","getRootProps","getInputProps","isDragActive","useRef","node","current","uploadError","imageUrl","draggable","click","accept","mimeType","e","target","FeedbackFileUploadItem","finished","upload","progress","cancelUpload","style","width","FeedbackFileUploadList","uploads","u","idx","FeedbackUploadedItem","deleteFile","FeedbackUploadedList","uploadedFiles","stepsToReproduce","ReportBugFields","previewImageUrl","uploadingFiles","href","ReportBug","sharedProps","topic","studentLevel","producerCompany","additionalInfo","REQUEST_LIVESTREAM_YUP_STRING","RequestLivestreamFields","selections","selected","audiences","find","a","masterId","toString","handleSelectAudience","audience","setFieldValue","ArrayHelper","requestAnimationFrame","setFieldTouched","TokenizedTypeahead","local","valueKey","onSuggestionSelected","removeSelection","selection","errorStateImageUrl","emptyStateImageUrl","activationLength","suggestionLimit","getInputTokenComponent","colourVariant","onClickRemove","hideExpander","getSuggestionComponent","suggestion","onSuggestionDependencies","getLocalSuggestions","query","selectedSuggestion","filter","focusInputOnSuggestionClick","renderAsForm","hideIcon","onBlur","RequestLivestream","BeforeRequesting","checked","setChecked","onToggle","setConfirmed","VideoRequestType","videoRequestType","videoTitle","seriesName","websiteOrTrailer","RequestVideoYupString","when","is","VideosTopic","then","otherwise","notRequired","VideoOrSeries","RequestVideoFields","RequestVideo","confirmed","showBeforeRequesting","hasExchangeTvProduct","hideButtons","importance","SuggestImprovementFields","SuggestImprovement","validateOnMount","innerRef","selectedOption","setFormState","prevState","FeedbackForm","formProps","MAX_FILES_LIMIT","MAX_FILE_SIZE_LIMIT","BYTES_MULTIPLIER","GiveFeedbackView","alerts","fetchAsync","useGetFetchAsync","UserRequests","CustomerRequests","setFormStage","formState","mixedMediaUploadService","SharedServices","mixedMediaUploads","interactionTypeRef","mixedMediaUploadCountRef","mixedMediaUploadsRef","setUploadedFiles","setUploadError","AudienceRequests","ProductRequests","ProductId","onFormSelect","AnalyticsHelper","actionType","entity","location","workflowPhase","getFeedbackType","Radio","uploadData","mixedMediaToUpload","mixedMedia","setTimeout","uploadedMedia","r","remove","descriptor","success","Popup","backdrop","onDone","feedbackFormRequestData","user","feedbackFormValues","error","some","addFiles"],"sourceRoot":""}

package/dist/scripts/8085-ed82fb07da-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/8085-ed82fb07da-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/common/src/react/hooks/UseEventsServiceSubscribe.ts","file:///app/packages/libs/common/src/react/services/EventsService.ts","file:///app/packages/libs/shared/src/components/infinite-scroll-footer/infinite-scroll-footer.scss","file:///app/packages/libs/shared/src/components/infinite-scroll-footer/InfiniteScrollFooter.tsx","file:///app/packages/libs/shared/src/components/resource-thumbnail/resource-thumbnail.scss","file:///app/packages/libs/shared/src/components/resource-thumbnail/ResourceThumbnail.tsx","file:///app/packages/libs/shared/src/components/video-details/VideoDetailsPartial.tsx","file:///app/packages/libs/shared/src/components/video-list/partial-loading/partial-video-list.scss","file:///app/packages/libs/shared/src/components/video-list/partial-loading/PartialVideoList.tsx","file:///app/packages/libs/shared/src/flight-requests/ThemeRequests.ts","file:///app/packages/libs/shared/src/hooks/usePrevious.ts","file:///app/packages/libs/shared/src/hooks/useTableOfContentsScroll.tsx","file:///app/packages/libs/shared/src/interfaces/PlayPageAnchor.ts","file:///app/packages/libs/shared/src/utils/ResourceHelper.ts","file:///app/packages/projects/lite/src/shared/components/play-page/ArchivedBanner.tsx","file:///app/packages/projects/lite/src/shared/components/play-page/RestrictionBanner.tsx","file:///app/packages/projects/lite/src/shared/components/play-page/components/title-and-actions/title-and-actions.scss","file:///app/packages/projects/lite/src/shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions.tsx","file:///app/packages/projects/lite/src/shared/components/player-placeholder/player-placeholder.scss","file:///app/packages/projects/lite/src/shared/components/player-placeholder/PlayerPlaceholder.tsx","file:///app/packages/projects/lite/src/shared/components/related-videos/RelatedVideos.tsx","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoMixin.ts"],"sourcesContent":["import { useEffect } from 'react';\n\nimport { EventsService } from 'libs/common/react/services/EventsService';\n\n/**\n * \n * @param event the event to subscribe to\n * @param callback the callback function\n * @param once whether to subscribe once\n * @param shouldSubscribe conditionally determine whether to subscribe to events\n * @returns unsubscribe function\n */\nexport function useEventsServiceSubscribe(\n  event: string,\n  callback: (...args: any[]) => void,\n  once?: boolean,\n  shouldSubscribe?: boolean\n): () => void {\n  const unsubscribe = () => {\n    EventsService.unsubscribe(event, callback);\n  };\n\n  useEffect(() => {\n    if (!shouldSubscribe)\n      return;\n\n    once ? EventsService.subscribeOnce(event, callback) : EventsService.subscribe(event, callback);\n\n    return () => {\n      unsubscribe();\n    };\n  }, []);\n\n  return unsubscribe;\n}","type EventCallback = (...args: any[]) => void;\n\ninterface EventListener {\n  callback: EventCallback,\n  executionLimit?: number;\n  executionCount?: number;\n}\n\ninterface EventsListenerHash {\n  [event: string]: EventListener[];\n}\n\nexport class StaticEventsService {\n  public subscribe(event: string, callback: EventCallback): void {\n    this.registerListener(event, callback);\n  }\n\n  public subscribeOnce(event: string, callback: EventCallback): void {\n    this.registerListener(event, callback, 1);\n  }\n\n  public unsubscribe(event: string, callback?: EventCallback): void {\n    this.deregisterListener(event, callback);\n  }\n\n  public trigger(event: string, ...args: any[]): void {\n    this.triggerCallbacks(event, args);\n  }\n\n  /**\n   * Private functions/members below\n   */\n\n  private listeners: EventsListenerHash = {};\n\n  private registerListener(event: string, callback: EventCallback, executionLimit?: number) {\n    if (typeof event !== 'string')\n      throw new Error('Event name must be a string');\n\n    if (typeof callback !== 'function')\n      throw new Error('Event callback must be a function');\n\n    if (!!executionLimit && typeof executionLimit !== 'number')\n      throw new Error('Execution limit must be a number or undefined');\n\n    this.listeners[event] = this.listeners[event] ?? [];\n    this.listeners[event].push({ callback, executionLimit });\n  }\n\n  private deregisterListener(event: string, callback?: EventCallback): void {\n    if (typeof event !== 'string')\n      throw new Error('Event name must be a string');\n\n    if (!!callback && typeof callback !== 'function')\n      throw new Error('Event callback must be a function');\n    \n    if (!callback) {\n      this.listeners[event] = [];\n      return;\n    }\n\n    const idxToRemove = this.listeners[event]?.findIndex(e => e.callback === callback);\n\n    if (typeof idxToRemove !== 'number' || idxToRemove === -1)\n      return;\n\n    this.listeners[event].splice(idxToRemove, 1);\n\n    if (this.listeners[event].length === 0)\n      delete this.listeners[event];\n  }\n\n  private triggerCallbacks(event: string, ...args: any[]): void {\n    if (!this.listeners[event])\n      return;\n\n    const callbacksToRemove: EventCallback[] = [];\n\n    this.listeners[event].forEach(listener => {\n      if (typeof listener.executionLimit === 'number') {\n        listener.executionCount = listener.executionCount ?? 0;\n        listener.executionCount++;\n\n        if (listener.executionCount === listener.executionLimit)\n          callbacksToRemove.push(listener.callback);\n      }\n\n      listener.callback.apply(null, ...args);\n    });\n\n    if (!callbacksToRemove.length)\n      return;\n\n    callbacksToRemove.forEach(callback => this.deregisterListener(event, callback));\n  }\n}\n\nexport const EventsService = new StaticEventsService();","// extracted by mini-css-extract-plugin\nexport default {\"container\":\"VwD1b\",\"spinner\":\"eJ85e\"};","import * as React from 'react';\nimport { Spinner } from 'react-bootstrap';\nimport { useInView } from 'react-intersection-observer';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './infinite-scroll-footer.scss';\n\ninterface InfiniteScrollFooterProps {\n  isFetching: boolean;\n  fetchNext?: (nextCursor: string) => void;\n  nextCursor?: string;\n  fetchOnScroll?: boolean;\n}\n\nInfiniteScrollFooter.defaultProps = {\n  fetchOnScroll: false\n};\n\nexport function InfiniteScrollFooter(props: InfiniteScrollFooterProps): React.ReactElement {\n  const [ ref, inView ] = useInView();\n\n  React.useEffect(() => {\n    if (!props.fetchOnScroll)\n      return;\n\n    if (!inView || props.isFetching)\n      return;\n\n    props.fetchNext?.(props.nextCursor);\n  }, [ inView, props.isFetching ]);\n\n  return (\n    <div className={`p-3 text-center ${styles.container}`} ref={ref}>\n      {props.isFetching\n        ? <Spinner as='span' animation='border' role='status' className={styles.spinner} />\n        : (\n          <SvgContainer\n            svgName={cvSvgLibrary.ChevronDown}\n            className='svg-container cursor-pointer'\n            size={SvgContainerSize.Large}\n            onClick={() => props.fetchNext?.(props.nextCursor)}\n          />\n        )\n      }\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"imageStyle\":\"FFgf3\",\"imageTypeResource\":\"z4O5p\",\"fallBackImage\":\"Xy4zX\"};","import React from 'react';\n\nimport { UrlHelper } from 'libs/analytics/utils/UrlHelper';\n\nimport { ImageSize, ImageType, ResizeType } from 'libs/shared/enums/Images';\nimport { ResourceFileType } from 'libs/shared/enums/ResourceFileType';\nimport { Link, Resource } from 'libs/shared/interfaces';\nimport { ImageHelper, ImageOptions } from 'libs/shared/utils/ImageHelper';\nimport { MasterTypeHelper } from 'libs/shared/utils/MasterTypeHelper';\n\nimport { BaseImage } from '../image/BaseImage';\n\nimport styles from './resource-thumbnail.scss';\n\n// Used for both PDFs and Links where we don't know the image ratio\nconst DYNAMIC_RATIO_IMAGE_OPTIONS: ImageOptions = {\n  width: 200,\n  resizeType: ResizeType.Cover\n};\n\nfunction getThumbnailUrl(\n  imageCdnUrl: string,\n  resource: Resource | Link,\n  dynamicRatioImageOptions: ImageOptions = DYNAMIC_RATIO_IMAGE_OPTIONS\n): string {\n  const imageType = getImageType(resource);\n\n  // Use the thumbnail if defined\n  if ('thumbnail' in resource && resource.thumbnail?.url)\n    return ImageHelper.createUrl(resource.thumbnail?.url, { ...dynamicRatioImageOptions });\n  \n  const previewUrl = UrlHelper.safeUrlConcat(imageCdnUrl, '/v1/previews');\n\n  if (!MasterTypeHelper.isResource(resource))\n    return ImageHelper.createResourceImage(previewUrl, resource.url, { ...dynamicRatioImageOptions });\n\n  if (imageType === ImageType.Pdf) {\n    return resource.metadata.type === ResourceFileType.Pdf\n      ? ImageHelper.createResourceImage(previewUrl, resource.url, { ...dynamicRatioImageOptions })\n      : ImageHelper.createResourceImage(previewUrl, resource.pdf?.url, { ...dynamicRatioImageOptions });\n  }\n\n  if (resource.metadata.type !== ResourceFileType.Zip)\n    return ImageHelper.createUrl(resource.url, { size: ImageSize.Medium, resizeType: ResizeType.Cover });\n\n  return '/images/zip-resource.png';\n}\n\nfunction getImageType(resource: Resource | Link): ImageType {\n  if (!MasterTypeHelper.isResource(resource))\n    return ImageType.Link;\n\n  if (resource.metadata.type === ResourceFileType.Pdf || resource.pdf?.url)\n    return ImageType.Pdf;\n\n  return ImageType.Thumbnails;\n}\n\ninterface ResourceThumbnailProps {\n  imageCdnUrl: string;\n  resource: Resource | Link;\n  imageErrorFallbackUrl: string;\n  preloadImage: boolean;\n  dynamicRatioImageOptions?: ImageOptions;\n}\n\nexport function ResourceThumbnail(props: ResourceThumbnailProps): JSX.Element {\n  let metadata = null;\n  let rotation = 0;\n\n  if (MasterTypeHelper.isResource(props.resource)) {\n    metadata = props.resource.metadata;\n    rotation = props.resource.thumbnail?.metadata?.rotation ?? 0;\n  }\n\n  const thumbnailUrl = getThumbnailUrl(props.imageCdnUrl, props.resource, props.dynamicRatioImageOptions);\n\n  return (\n    <BaseImage\n      data={thumbnailUrl}\n      imageType={getImageType(props.resource)}\n      imageStyle={{ transform: `rotate(${rotation}deg)` }}\n      alt={props.resource.name}\n      errorFallbackImageSrc={props.imageErrorFallbackUrl}\n      errorFallbackImageClassName={styles.fallBackImage}\n      imageClassName={metadata?.type === ResourceFileType.Image ? `${styles.imageTypeResource} ${styles.imageStyle}` : ''}\n      preload={props.preloadImage}\n      preventLoad={!props.preloadImage}\n    >\n    </BaseImage>\n  );\n}","import React from 'react';\n\nexport function VideoDetailsPartial(): JSX.Element {\n  return (\n    <div className='p-3 mb-3 border rounded'>\n      <div className='row'>\n        <div className='pe-3 col-md-7 border-right'>\n          <div className='partial-loading-background mb-2' style={{ height: '1.5rem', width: '12rem' }}></div>\n          <div className='partial-loading-background mb-2' style={{ height: '4.5rem' }}></div>\n          <div className='partial-loading-background' style={{ height: '1.5rem', width: '15rem' }}></div>\n        </div>\n        <div className='col-md-5 ps-md-3 pt-3 pt-md-0'>\n          <div className='partial-loading-background mb-2' style={{ height: '1.5rem', width: '7rem' }}></div>\n          <div className='partial-loading-background mb-2' style={{ height: '1.5rem', width: '10rem' }}></div>\n          <div className='partial-loading-background mb-2' style={{ height: '1.5rem', width: '12rem' }}></div>\n          <div className='partial-loading-background mb-2 me-2 d-inline-block' style={{ height: '1.5rem', width: '3rem' }}></div>\n          <div className='partial-loading-background mb-2 me-2 d-inline-block' style={{ height: '1.5rem', width: '4rem' }}></div>\n          <div className='partial-loading-background mb-2 me-2 d-inline-block' style={{ height: '1.5rem', width: '3.5rem' }}></div>\n          <div className='partial-loading-background mb-2 me-2 d-inline-block' style={{ height: '1.5rem', width: '4.5rem' }}></div>\n        </div>\n      </div>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"partialOptions\":\"Gufgq\",\"partialName\":\"SicQQ\",\"partialDescription\":\"dPGMq\",\"partialThumbnail\":\"vZrnb\",\"partialDragHandle\":\"iq73R\"};","import React from 'react';\nimport { Col, Row } from 'react-bootstrap';\n\nimport { VideoListHelper } from 'libs/shared/components/video-list/VideoListHelper';\nimport { useBreakpoints } from 'libs/shared/hooks/useBreakpoints';\n\nimport styles from './partial-video-list.scss';\n\ninterface PartialVideoListProps {\n  withReordering?: boolean;\n  numVideos?: number;\n  allowBulkActions?: boolean;\n}\n\nPartialVideoList.defaultProps = {\n  numVideos: 15\n};\n\nexport function PartialVideoList(props: PartialVideoListProps): JSX.Element {\n  return (\n    <div className='mx-2'>\n      {Array(props.numVideos).fill(null).map((_, i) => (\n        <div className='d-flex' key={i}>\n          {props.allowBulkActions && <div className='form-check pe-3 pe-sm-2 mx-0 mx-md-2' />}\n          <PartialVideoItem {...props} />\n        </div>\n      ))}\n    </div>\n  );\n}\n\nexport function PartialVideoItem(props: PartialVideoListProps): JSX.Element {\n  const breakpoints = useBreakpoints();\n\n  const size = VideoListHelper.getSize(breakpoints, 'md');\n  const isSmall = size === 'sm';\n\n  const withDragHandle = props.withReordering && !breakpoints.xs;\n\n  return (\n    <Row className={`${isSmall ? '' : 'py-2'} flex-grow-1`}>\n      <Col {...VideoListHelper.getThumbnailColumns()} className={`flex-column align-items-flex-start ${isSmall ? `pb-2 pe-1` : 'mb-1 pe-3 pe-md-2'}`}>\n        <Row>\n          {!!withDragHandle && (\n            <div className='d-flex align-items-center justify-content-center col-2'>\n              <div className={`partial-loading-background ${styles.partialDragHandle}`} />\n            </div>\n          )}\n          <Col xs={VideoListHelper.getThumbnailColSize(withDragHandle)}>\n            <div className={`partial-loading-background ${isSmall ? 'rounded' : 'rounded-3'} ${styles.partialThumbnail}`} />\n          </Col>\n        </Row>\n      </Col>\n      <Col {...VideoListHelper.getDetailsColumns()} className={isSmall ? 'pb-2' : 'px-2'}>\n        <div className={`partial-loading-background mb-1 ${styles.partialName}`} />\n        <div className={`partial-loading-background ${styles.partialDescription}`} />\n      </Col>\n    </Row>\n  );\n}\n\n","import { HttpVerbs } from 'libs/common/backbone/enums/HttpVerbs';\nimport { Xhr } from 'libs/common/backbone/interfaces';\nimport { UrlHelper } from 'libs/common/backbone/utils/UrlHelper';\nimport { Flight } from 'libs/common/flight';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { Theme } from 'libs/shared/interfaces';\n\nimport { ThemeType } from '../enums/ThemeType';\n\nexport const ThemeRequests = {\n  theme(id: string): Flight.Request {\n    return {\n      url: `/api/domain/v1/themes/${id}`,\n      key: `themes:${id}`\n    };\n  },\n\n  themeImages(name: string, type: ThemeType): Flight.Request {\n    return {\n      url: UrlHelper.urlBuilder('/api/domain/v1/themes', { name, type }),\n      key: `themes:${name}:${type}`\n    };\n  },\n\n  themes(type?: string): Flight.Request {\n    let url = '/api/domain/v1/themes';\n    let key = 'themes';\n\n    if (type) {\n      url += `?type=${type}`;\n      key += `:type:${type}`;\n    }\n\n    return {\n      url,\n      key,\n      formatData: (themes: Theme[]) => {\n        return themes.sort((a, b) => a.name.localeCompare(b.name));\n      }\n    };\n  },\n\n  createTheme(\n    data: Theme,\n    success?: (data: HashObject) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: '/api/domain/v1/themes',\n      key: 'theme',\n      data,\n      type: HttpVerbs.POST,\n      invalidationKeys: 'themes',\n      success,\n      error,\n      always\n    };\n  },\n\n  updateTheme(\n    id: string,\n    data: Theme,\n    success?: (data: HashObject) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/domain/v1/themes/${id}`,\n      key: `update:theme:${id}`,\n      data,\n      type: HttpVerbs.PUT,\n      success,\n      error,\n      always\n    };\n  },\n\n  deleteTheme(\n    id: string,\n    success?: (data: HashObject) => void,\n    error?: (xhr: Xhr) => void,\n    always?: () => void\n  ): Flight.Request {\n    return {\n      url: `/api/domain/v1/themes/${id}`,\n      key: `delete:theme:${id}`,\n      type: HttpVerbs.DELETE,\n      invalidationKeys: 'themes',\n      success,\n      error,\n      always\n    };\n  }\n};","import React from 'react';\n\n// https://reactjs.org/docs/hooks-faq.html#how-to-get-the-previous-props-or-state\nexport function usePrevious<T>(value: T): T {\n  const ref = React.useRef<T>();\n  React.useEffect(() => {\n    ref.current = value;\n  });\n  return ref.current;\n}","import React from 'react';\n\nimport { usePrevious } from './usePrevious';\n\nconst HEADER_OFFSET = 80; // Size of header + some extra spacing\n\nexport const useTableOfContentsScroll = (elements: Element[], activeId: string) => {\n  const [ hasDoneInitialScroll, setHasDoneInitialScroll ] = React.useState(false);\n\n  const previousId = usePrevious(activeId);\n  const currentId = activeId;\n\n  React.useLayoutEffect(() => {\n    if (!hasDoneInitialScroll || previousId !== currentId) {\n      const target = elements.find(heading => heading && (heading?.id === currentId));\n\n      if (target) {\n        const rec = target.getBoundingClientRect();\n\n        window.scrollBy({\n          top: rec.top - HEADER_OFFSET,\n          behavior: 'smooth'\n        });\n \n        if (!hasDoneInitialScroll)\n          setHasDoneInitialScroll(true);\n      }\n    }\n  }, [ elements, previousId, currentId, hasDoneInitialScroll ]);\n};","export enum PlayPageAnchor {\n  Resources = 'resources',\n  Interactives = 'interactives',\n  Video = 'video',\n  Clips = 'clips',\n  CurriculumLinks = 'curriculum-links',\n  VideoDetails = 'video-details',\n  RelatedVideos = 'related-videos',\n  ClippedFrom='clipped-from'\n}","import { ResourceType } from 'libs/shared/interfaces';\n\nexport const ResourceHelper = {\n  getResourceTypeName(resourceType: ResourceType): string {\n    switch (resourceType) {\n      case 'additional-materials':\n        return 'Additional Materials';\n\n      case 'atom-guide':\n        return 'ATOM Guide';\n\n      case 'teacher-pack':\n        return 'Teacher Pack';\n\n      case 'student-activity':\n        return 'Student Activity';\n\n      default:\n        return 'N/A';\n    }\n  }\n};","import React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { EntityType } from 'libs/analytics/interfaces';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nconst namespace = 'shared.playPage';\n\ninterface ArchivedBannerProps {\n  typeId: MasterType;\n  hasStudentExperience: boolean;\n}\n\nfunction mapTypeId(typeId: MasterType): string {\n  switch (typeId) {\n    case MasterType.Video:\n      return 'video';\n    case MasterType.Clip:\n      return 'clip';\n    case MasterType.Interactive:\n      return 'interactive';\n    default:\n      return '';\n  }\n}\n\nexport function ArchivedBanner(props: ArchivedBannerProps): JSX.Element {\n  const getPhrase = LanguageService.encloseNamespace(namespace);\n  const type = mapTypeId(props.typeId);\n\n  return (\n    <div className='alert bg-light-blue p-3 rounded-3 d-flex justify-content-between align-items-center'>\n      <SvgContainer\n        svgName={cvSvgLibrary.Archive}\n        size={SvgContainerSize.Standard}\n        className='me-2 svg-container'\n      />\n    \n      <div className='w-100'>\n        <p className='fw-semibold mb-0'>{getPhrase('archivedInfoTitle', { type })}</p>\n        {(!props.hasStudentExperience || type === EntityType.Video) && (\n          <p className='mb-1'>{getPhrase('archivedInfo', { type: `${type}s` })}</p>\n        )}\n      </div>\n    </div>\n  );\n}","import React from 'react';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { RestrictionType } from 'libs/shared/enums/RestrictionType';\nimport { Restrictions, YearGroup } from 'libs/shared/interfaces';\nimport { RestrictionHelper } from 'libs/shared/utils/RestrictionHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nconst namespace = 'shared.playPage';\n\ninterface RestrictionBannerProps {\n  restrictions: Restrictions;\n  yearGroups: YearGroup[];\n  objectId: string;\n  objectTypeId: MasterType;\n  canManageVideoAccess: boolean;\n}\n\nexport function RestrictionBanner(props: RestrictionBannerProps): JSX.Element {\n  if (!props.restrictions?.value?.length || !props.yearGroups || !props.canManageVideoAccess)\n    return <></>;\n\n  const restriction = RestrictionHelper.getWeightedRestriction(props.restrictions.value);\n\n  if (restriction.type !== RestrictionType.Custom)\n    return <></>;\n\n  const baseClassName = RestrictionHelper.mapRestrictionToClass(props.restrictions);\n  const className = `${baseClassName} fw-semibold p-2 rounded mb-3 d-flex justify-content-between align-items-center`;\n\n  return (\n    <div className={className}>\n      <div className='d-flex align-items-center'>\n        <SvgContainer\n          svgName={RestrictionHelper.mapRestrictionToSvg(props.restrictions)}\n          size={SvgContainerSize.Large}\n        />\n        <span className='ps-1'>\n          {RestrictionHelper.mapRestrictionToText(props.restrictions, props.yearGroups)}\n        </span>\n      </div>\n      \n      <AppLink\n        appLink={{\n          application: AppChannels.DEFAULT,\n          action: Actions.Default.APPROVE_VIDEO,\n          params: {\n            objectId: props.objectId,\n            objectTypeId: props.objectTypeId\n          }\n        }}\n        className='btn btn-outline-dark'\n      >\n        <Text namespace={namespace} phrase='approve' />\n      </AppLink>\n    </div>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"series\":\"wTlJJ\",\"badgeListContainer\":\"Vaout\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Actions } from 'libs/shared/components/actions/Actions';\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { AudienceLabel } from 'libs/shared/components/audience-label/AudienceLabel';\nimport { Badge, BadgeType } from 'libs/shared/components/badges/Badge';\nimport { BadgeListContainer } from 'libs/shared/components/badges/BadgeListContainer';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { RestrictionPadlock } from 'libs/shared/components/video-list/components/restriction-padlock/RestrictionPadlock';\nimport { VideoSubText } from 'libs/shared/components/video-sub-text/VideoSubText';\nimport { useMergeAudiences } from 'libs/shared/hooks/UseMergeAudiences';\nimport { Clip, PresentationAudience, Series, Video, YearGroup } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\n\nimport styles from './title-and-actions.scss';\n\nconst namespace = 'shared.playPage';\n\ninterface PlayPageTitleAndActionsProps {\n  media: Clip | Video;\n  yearGroups: YearGroup[];\n  audiences: PresentationAudience[];\n  featureAccess: VideoFeaturesHash;\n  getSeriesAppLink?: (series: Series) => Core.AppLink;\n  originalVideoAppLink?: Core.AppLink;\n  shareId: string;\n}\n\nexport function PlayPageTitleAndActions(props: PlayPageTitleAndActionsProps): JSX.Element {\n  const mergedAudience = useMergeAudiences(props.media.subjectPresentationAudiences?.data, props.audiences);\n\n  const containerRef = React.useRef<HTMLDivElement>(null);\n  const titleContainerRef = React.useRef<HTMLDivElement>(null);\n\n  const hasBadges = (\n    (VideoHelper.isVideo(props.media) && !!props.media.rating?.value) ||\n    (VideoHelper.isVideo(props.media) && !!props.media.productionYear) ||\n    !!props.media.subjectPresentationAudiences?.data?.length\n  );\n\n  const videoActions = useVideoActions({\n    location: VideoActionsLocation.PlayPage,\n    shareId: props.shareId\n  });\n\n  const canViewOriginal = !!props.originalVideoAppLink &&\n    VideoHelper.isClip(props.media) &&\n    VideoHelper.canViewOriginalVideo(props.media);\n\n  return (\n    <section className='mb-3 position-relative' ref={containerRef}>\n      <div className='d-inline-block w-100' ref={titleContainerRef}>\n        {props.featureAccess.canNavigate &&\n          <div className='ms-2 float-end'>\n            <Actions\n              actions={videoActions.getVideoActions(props.media)}\n              actionsDropdownClassName='btn btn-outline-dark'\n              fetchMore={() => videoActions.fetchMoreActions(props.media)}\n            />\n          </div>\n        }\n\n        {!!VideoHelper.isVideo(props.media) && (\n          <VideoSubText\n            type='series'\n            video={props.media}\n            appLink={props.getSeriesAppLink?.(props.media.series)}\n            className={`${styles.series} text-truncate mw-100`}\n            analyticsOptions={{ location: LocationContext.PlayPage }}\n          />\n        )}\n        <h1 className='h4 mb-2 mw-100'>\n          <span className='align-self-center'>{props.media.name}</span>\n          <RestrictionPadlock\n            tooltipPlacement='right'\n            className='d-inline-block ps-1'\n            video={props.media}\n            yearGroups={props.yearGroups}\n          />\n        </h1>\n\n        {hasBadges && (\n          <BadgeListContainer className={styles.badgeListContainer}>\n            <AudienceLabel\n              audience={mergedAudience}\n              className='bg-white text-dark'\n              border='dark'\n            />\n            {VideoHelper.isVideo(props.media) && (\n              <Badge type={BadgeType.Rating} data={props.media.rating} />\n            )}\n            {VideoHelper.isVideo(props.media) && (\n              <Badge type={BadgeType.ProductionYear} data={props.media.productionYear} />\n            )}\n          </BadgeListContainer>\n        )}\n      </div>\n\n      {VideoHelper.isClip(props.media) && canViewOriginal && (\n        <p className='clamp-1'>\n          <Text namespace={namespace} phrase='viewOriginal' />\n          &nbsp;\n          <AppLink className='info-link' appLink={props.originalVideoAppLink}>\n            {props.media._parentVideo?.name}\n          </AppLink>\n        </p>\n      )}\n    </section>\n  );\n}","// extracted by mini-css-extract-plugin\nexport default {\"mask\":\"LL7My\",\"centeredIcon\":\"x_1f6\",\"bgImage\":\"QoLgZ\",\"centeredOverlay\":\"BcnSH\"};","import * as React from 'react';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\n\nimport { EntityType, LocationContext, SignUpDescriptors, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { SvgContainer } from 'libs/shared/components/svg-container/SvgContainer';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { VideoTypes } from 'libs/shared/interfaces';\nimport { ImageHelper } from 'libs/shared/utils/ImageHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport styles from './player-placeholder.scss';\n\nconst namespace = 'shared.playerPlaceholder';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface PlayerPlaceholderProps {\n  video: VideoTypes;\n  type: 'pip' | 'public';\n  appLink?: Core.AppLink;\n}\n\nexport function PlayerPlaceholder(props: PlayerPlaceholderProps): JSX.Element {\n  switch (props.type) {\n    case 'pip':\n      return <PipPlaceholder {...props} />;\n    case 'public':\n      return <PublicPlaceholder {...props} />;\n    default:\n      return <></>;\n  }\n}\n\nconst PipPlaceholder = (props: PlayerPlaceholderProps) => (\n  <div\n    className={`position-relative responsive-img ${styles.bgImage}`}\n    style={{ backgroundImage: `url('${VideoHelper.getThumbnail(props.video)?.url ?? ''}')` }}\n  >\n    <p className={`m-0 text-white h3 ${styles.centeredOverlay}`}>{getPhrase('playingPiP')}</p>\n    <div className={styles.mask} />\n  </div>\n);\n\nconst PublicPlaceholder = (props: PlayerPlaceholderProps) => {\n  const thumbnailUrl = ImageHelper.createUrl(VideoHelper.getThumbnail(props.video)?.url ?? '', {\n    size: ImageSize.Large\n  });\n\n  return (\n    <div\n      className={`position-relative responsive-img ${styles.bgImage}`}\n      style={{ backgroundImage: `url('${thumbnailUrl}')` }}\n    >\n      <AppLink\n        appLink={props.appLink}\n        analyticsOptions={{\n          actionType: UserAction.Click,\n          location: LocationContext.PlayPage,\n          entity: EntityType.AppLink,\n          workflowPhase: WorkflowPhase.Start,\n          descriptor: SignUpDescriptors.SignUp\n        }}\n        analyticsData={{}}\n      >\n        <SvgContainer\n          svgName={cvSvgLibrary.PlayCircle}\n          className={styles.centeredIcon}\n        />\n        <div className={styles.mask} />\n      </AppLink>\n    </div>\n  );\n};","import React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { InfiniteScrollFooter } from 'libs/shared/components/infinite-scroll-footer/InfiniteScrollFooter';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { CanFavouriteFunc, CurrentUser, FavouriteFunc, PresentationAudience, VideoTypes, YearGroup } from 'libs/shared/interfaces';\nimport { PlayPageAnchor } from 'libs/shared/interfaces/PlayPageAnchor';\nimport { GetVideoAppLinkOptions } from 'libs/shared/interfaces/VideoAppLinkOptions';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nconst namespace = 'shared.relatedVideos';\n\ninterface RelatedVideosProps {\n  currentVideo: VideoTypes;\n  yearGroups: YearGroup[];\n  relatedVideos: RelatedVideosHash;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  currentUser: CurrentUser;\n  audiences: PresentationAudience[];\n  getVideoAppLink: (video: VideoTypes, opts: GetVideoAppLinkOptions) => Core.AppLink;\n  moviesAndTv: boolean;\n  isPlugin: boolean;\n  headingRef?: React.MutableRefObject<Map<PlayPageAnchor, HTMLElement>>;\n}\n\nexport function RelatedVideos(props: RelatedVideosProps): JSX.Element {\n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n  const { hasPermissions } = usePermissions();\n\n  if (!props.currentUser?.isAuthenticated) // Don't render if user is unauthenticated\n    return <></>;\n\n  if (props.relatedVideos.hasError) // Don't render if request has errored\n    return <></>;\n\n  if (props.relatedVideos.hasCompleted && !props.relatedVideos.videos?.length) // Don't render if response is empty\n    return <></>;\n\n  if (!props.relatedVideos.isFetching && !props.relatedVideos.hasCompleted) // Don't render if request is never made\n    return <></>;\n\n  // We don't support autoplaying from interactives. This means the related videos heading won't say \"Up next\"\n  const canAutoplay = !VideoHelper.isInteractive(props.currentVideo);\n\n  return (\n    <section\n      id={PlayPageAnchor.RelatedVideos}\n      ref={el => {\n        (el && props.headingRef?.current\n        && !!props.relatedVideos.videos?.length)\n        && props.headingRef.current.set(PlayPageAnchor.RelatedVideos, el);\n      }}\n    >\n      <VideoActionsContext.Provider value={videoActions}>\n        <h2 className='h4 mb-0'>\n          <Text namespace={namespace} phrase={canAutoplay ? 'upNext' : 'relatedVideos'} />\n        </h2>\n        {props.relatedVideos.hasCompleted ? (\n          <VideoList\n            videos={props.relatedVideos.videos}\n            yearGroups={props.yearGroups}\n            getSubTextAppLink={video => {\n              return SeriesAppLinkHelper.getSeriesAppLink(video.series, props.moviesAndTv ? { mtv: true } : null);\n            }}\n            getVideoAppLink={props.getVideoAppLink}\n            hasPermissions={hasPermissions}\n            setFavourite={props.setFavourite}\n            canFavourite={props.canFavourite}\n            presentationAudiences={props.audiences}\n            getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            isPlugin={props.isPlugin}\n            getClassroomGuideAppLink={VideoAppLinkHelper.getClassroomGuideAppLink}\n            getInteractiveGuidanceAppLink={VideoAppLinkHelper.getInteractiveGuidanceAppLink}\n            getResourceGuidanceAppLink={VideoAppLinkHelper.getResourceGuidanceAppLink}\n          />\n        ) : <PartialVideoList />\n        }\n        {props.relatedVideos.hasMore && (\n          <InfiniteScrollFooter\n            isFetching={props.relatedVideos.isFetching}\n            fetchNext={props.relatedVideos.fetchNext}\n          />\n        )}\n      </VideoActionsContext.Provider>\n    </section>\n  );\n}","import { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\n\nimport { LiteRouteHelper } from 'shared/utils/LiteRouteHelper';\n\nexport interface VideoFeaturesHash {\n  canViewGlance: boolean;\n  canViewResources: boolean;\n  canViewInteractives: boolean;\n  canViewClips: boolean;\n  canUseActions: boolean;\n  canViewPublicLayout: boolean;\n  canNavigate: boolean;\n  canViewCurriculumLinks: boolean;\n  canViewResourceItems: boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n\n  const hasNP = hasProduct(ProductId.Primary);\n\n  function showPublicLayout(): boolean {\n    /**\n     * Authenticated users should never see the placeholder\n     */\n    if (hasLocalPermissions(LocalPermissionName.WatchVideos))\n      return false;\n\n    /**\n     * Accessing a play page unathenticated will have different contextual behabviours:\n     * - For a share page, the user should see the video and never the placeholder\n     * - For a public browsing page (ie. using a route-prefix) they should see the placeholder\n     */\n    return LiteRouteHelper.hasRegionPrefix();\n  }\n\n  return {\n    canViewGlance: hasPermissions(PermissionName.ViewVideoGlance),\n    canViewResources: true,\n    canViewInteractives: hasNP && hasPermissions(PermissionName.ViewVideoInteractives),\n    canViewClips: hasNP && hasPermissions(PermissionName.ViewVideoClips),\n    canViewCurriculumLinks: hasPermissions(PermissionName.ViewCurriculums),\n    canUseActions: hasLocalPermissions(LocalPermissionName.UseVideoActions),\n    canViewPublicLayout: showPublicLayout(),\n    canViewResourceItems: hasLocalPermissions(LocalPermissionName.ViewVideoResourceItems),\n    canNavigate: hasNP\n  };\n}","import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { ClassificationRequests } from 'libs/shared/flight-requests/ClassificationRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { CurrentUser, Video, VideoCollection } from 'libs/shared/interfaces';\n\ninterface VideoMixinOptions {\n  /**\n   * If the videos that are having new data mixed into are sitting on an explicit Flight namespace,\n   * providing that namespace here is required\n   */\n  flightNamespace?: string;\n}\n\nexport function useVideoMixin(videos: VideoCollection | Video[], options: VideoMixinOptions = {}): void {\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n\n  const hydratedVideos = React.useRef<Set<string>>(new Set<string>());\n\n  const videoIds = videos && (Array.isArray(videos)\n    ? videos.filter(Boolean).map(v => v.id)\n    : videos.data.filter(Boolean).map(v => v.id));\n\n  const [ request, setRequest ] = React.useState<Flight.Request[]>([]);\n\n  React.useEffect(() => {\n    if (!videoIds?.length || !currentUser.hasCompleted)\n      return;\n\n    const unhydratedVideos: string[] = [];\n\n    videoIds.forEach(id => {\n      if (!hydratedVideos.current.has(id)) {\n        unhydratedVideos.push(id);\n        hydratedVideos.current.add(id);\n      }\n    });\n    \n    if (!unhydratedVideos.length)\n      return;\n\n    setRequest(r => {\n      const newRequests = [\n        ...r,\n        VideoRequests.videoMixinAssocs(unhydratedVideos, options.flightNamespace)\n      ];\n\n      if (currentUser.data?.isAuthenticated)\n        newRequests.push(ClassificationRequests.hasCurriculumLinks(unhydratedVideos, null, options.flightNamespace));\n\n      return newRequests;\n    });\n  }, [ videoIds?.length, currentUser.hasCompleted ]);\n\n  Flight.useBasicFetchAll(request);\n}"],"names":["useEventsServiceSubscribe","event","callback","once","shouldSubscribe","unsubscribe","useEffect","EventsService","listeners","this","registerListener","deregisterListener","args","triggerCallbacks","executionLimit","Error","push","idxToRemove","findIndex","e","splice","length","callbacksToRemove","forEach","listener","executionCount","apply","InfiniteScrollFooter","props","ref","inView","fetchOnScroll","isFetching","fetchNext","nextCursor","className","Spinner","as","animation","role","SvgContainer","svgName","size","S","onClick","defaultProps","DYNAMIC_RATIO_IMAGE_OPTIONS","width","resizeType","getImageType","resource","MasterTypeHelper","metadata","type","ResourceFileType","pdf","url","ResourceThumbnail","rotation","thumbnail","thumbnailUrl","imageCdnUrl","dynamicRatioImageOptions","imageType","ImageHelper","previewUrl","UrlHelper","getThumbnailUrl","BaseImage","data","imageStyle","transform","alt","name","errorFallbackImageSrc","imageErrorFallbackUrl","errorFallbackImageClassName","imageClassName","preload","preloadImage","preventLoad","VideoDetailsPartial","style","height","PartialVideoList","Array","numVideos","fill","map","_","i","key","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","ThemeRequests","theme","id","themeImages","themes","formatData","sort","a","b","localeCompare","createTheme","success","error","always","invalidationKeys","updateTheme","deleteTheme","usePrevious","value","current","useTableOfContentsScroll","elements","activeId","hasDoneInitialScroll","setHasDoneInitialScroll","previousId","currentId","target","find","heading","rec","getBoundingClientRect","window","scrollBy","top","behavior","PlayPageAnchor","ResourceHelper","getResourceTypeName","resourceType","namespace","ArchivedBanner","getPhrase","typeId","mapTypeId","hasStudentExperience","RestrictionBanner","restrictions","yearGroups","canManageVideoAccess","baseClassName","appLink","application","action","params","objectId","objectTypeId","phrase","PlayPageTitleAndActions","mergedAudience","media","subjectPresentationAudiences","audiences","containerRef","titleContainerRef","hasBadges","VideoHelper","rating","productionYear","videoActions","useVideoActions","location","shareId","canViewOriginal","originalVideoAppLink","featureAccess","canNavigate","Actions","actions","getVideoActions","actionsDropdownClassName","fetchMore","fetchMoreActions","VideoSubText","video","getSeriesAppLink","series","analyticsOptions","RestrictionPadlock","tooltipPlacement","BadgeListContainer","AudienceLabel","audience","border","Badge","Text","AppLink","_parentVideo","LanguageService","PlayerPlaceholder","PipPlaceholder","PublicPlaceholder","backgroundImage","actionType","entity","workflowPhase","descriptor","SignUp","analyticsData","RelatedVideos","hasPermissions","currentUser","isAuthenticated","relatedVideos","hasError","hasCompleted","videos","canAutoplay","currentVideo","el","headingRef","set","getSubTextAppLink","moviesAndTv","mtv","getVideoAppLink","setFavourite","canFavourite","presentationAudiences","getPreviewQuestionsAppLink","interactive","isPlugin","getClassroomGuideAppLink","getInteractiveGuidanceAppLink","getResourceGuidanceAppLink","hasMore","useVideoFeatureAccess","hasLocalPermissions","hasNP","hasProduct","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","useVideoMixin","options","hydratedVideos","Set","videoIds","isArray","filter","Boolean","v","request","setRequest","unhydratedVideos","has","add","r","newRequests","flightNamespace"],"sourceRoot":""}