@clickview/lite 0.49.0-rc.3 → 0.49.0-rc.5

package/dist/scripts/4060-77244f1012-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/4060-77244f1012-lite.chunk.js","mappings":"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","sources":["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/utils/FormHelper.ts","file:///app/packages/projects/lite/src/apps/interactives/utils/getInteractiveAnalyticsData.ts","file:///app/packages/libs/shared/src/components/select-content-region/select-content-region.scss","file:///app/packages/libs/shared/src/components/select-content-region/SelectContentRegion.tsx","file:///app/packages/libs/shared/src/apps/interactives/components/edit-interactive-details/EditInteractiveDetails.tsx","file:///app/packages/projects/lite/src/apps/interactives/views/edit-interactive-details/EditInteractiveDetailsView.tsx","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["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}","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};","import { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsDataPayload } from 'libs/analytics/models/AnalyticsEvent';\n\nimport { InteractiveMetadata } from 'libs/shared/interfaces';\n\nexport function getInteractiveAnalyticsData(\n  interactiveMetadata: InteractiveMetadata,\n  extraAnalyticsData: HashObject = {}\n): AnalyticsDataPayload {\n  if (!interactiveMetadata)\n    return null;\n\n  const data: AnalyticsDataPayload = {\n    ...extraAnalyticsData,\n    id: interactiveMetadata.id,\n    interactiveId: interactiveMetadata.interactiveId,\n    name: interactiveMetadata.name,\n    status: interactiveMetadata.status,\n    originType: interactiveMetadata.originType\n  };\n\n  if (interactiveMetadata?._parentClip?.id)\n    data.clip = { id: interactiveMetadata?._parentClip?.id };\n    \n  if (interactiveMetadata?._parentVideo?.id)\n    data.video = { id: interactiveMetadata?._parentVideo?.id };\n    \n  return data;\n}","// extracted by mini-css-extract-plugin\nexport default {\"dropdownMenu\":\"eDHti\"};","import React from 'react';\nimport { Dropdown } from 'react-bootstrap';\n\nimport { Checkbox } from 'libs/shared/components/forms/form-checkbox/Checkbox';\nimport { ContentRegion } from 'libs/shared/enums/ContentRegion';\nimport { ContentRegionObject } from 'libs/shared/interfaces';\n\nimport styles from './select-content-region.scss';\n\ninterface SelectContentRegionProps {\n  id: string;\n  options: ContentRegionObject[];\n  selectedContentRegions: ContentRegionObject[];\n  onUpdateContentRegions: (contentRegions: ContentRegionObject[]) => void;\n}\n\nexport function SelectContentRegion(props: SelectContentRegionProps): JSX.Element {\n  function onToggleContentRegion(option: ContentRegionObject, isCurrentlyChecked: boolean): void {\n    if (isCurrentlyChecked) {\n      props.onUpdateContentRegions(props.selectedContentRegions.filter(c => c.id.toString() !== option.id.toString()));\n      return;\n    }\n\n    props.onUpdateContentRegions(props.selectedContentRegions.concat(option));\n  }\n\n  function onToggleGlobalContentRegion(globalContentRegion: ContentRegionObject, isCurrentlyChecked: boolean) {\n    if (isCurrentlyChecked) {\n      props.onUpdateContentRegions([]);\n      return;\n    }\n\n    props.onUpdateContentRegions([globalContentRegion]);\n  }\n\n  function getLabel(): string {\n    if (props.selectedContentRegions?.length) {\n      if (props.selectedContentRegions.length > 1)\n        return `${props.selectedContentRegions.length} content regions`;\n  \n      return props.selectedContentRegions[0].name;\n    }\n  \n    return 'None';\n  }\n\n  function isChecked(contentRegion: ContentRegionObject): boolean {\n    return props.selectedContentRegions.some(cr => {\n      return cr.id.toString() === contentRegion.id.toString();\n    });\n  }\n\n  const globalContentRegion = props.options.find(c => c.systemName === ContentRegion.GLOBAL);\n  const isGlobalChecked = isChecked(globalContentRegion);\n\n  const nonGlobalContentRegions = props.options.filter(c => c.systemName !== ContentRegion.GLOBAL);\n\n  return (\n    <Dropdown>\n      <Dropdown.Toggle\n        id={props.id}\n        variant='outline-dark'\n      >\n        {getLabel()}\n      </Dropdown.Toggle>\n\n      <Dropdown.Menu className={`${styles.dropdownMenu} px-2`}>\n        <Checkbox\n          key={globalContentRegion.id}\n          label={globalContentRegion.name}\n          name={globalContentRegion.id}\n          id={globalContentRegion.id}\n          onChange={() => onToggleGlobalContentRegion(globalContentRegion, isGlobalChecked)}\n          checked={isGlobalChecked}\n          className='my-1'\n        />\n\n        <Dropdown.Divider />\n\n        {nonGlobalContentRegions.map((contentRegion: ContentRegionObject) => {\n          return (\n            <Checkbox\n              key={contentRegion.id}\n              label={contentRegion.name}\n              name={contentRegion.id}\n              id={contentRegion.id}\n              onChange={() => onToggleContentRegion(contentRegion, isChecked(contentRegion))}\n              checked={isChecked(contentRegion)}\n              className={`my-1 ${isGlobalChecked ? 'disabled' : ''}`}\n              disabled={isGlobalChecked}\n            />\n          );\n        })}\n      </Dropdown.Menu>\n    </Dropdown>\n  );\n}","import React from 'react';\nimport { Col, Form, Row } from 'react-bootstrap';\nimport { Form as FormikForm } from 'formik';\nimport * as Yup from 'yup';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\n\nimport { FieldWrapper, FormField } from 'libs/shared/components/forms/form-field/FormField';\nimport { FormWrapper, useFormikContextWrapper } from 'libs/shared/components/forms/form-wrapper/FormWrapper';\nimport { PopupButtons } from 'libs/shared/components/popup/PopupButtons';\nimport { SelectContentRegion } from 'libs/shared/components/select-content-region/SelectContentRegion';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoThumbnail } from 'libs/shared/components/thumbnails/video/VideoThumbnail';\nimport { ImageSize } from 'libs/shared/enums/Images';\nimport { ThumbnailTextPosition } from 'libs/shared/enums/ThumbnailTextPosition';\nimport { ContentRegionObject, EditDetailsRequest, Interactive, InteractiveMetadata } from 'libs/shared/interfaces';\n\nconst namespace = 'interactives.editInteractiveDetails';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nfunction getValidationSchema(requireContentRegion: boolean) {\n  const schema: Yup.ObjectSchemaDefinition<EditDetailsRequest> = {\n    name: Yup.string()\n      .trim()\n      .max(255, () => getPhrase('titleTooLong'))\n      .required(() => getPhrase('titleRequired'))\n      .default(''),\n\n    description: Yup.string()\n      .max(16000, () => getPhrase('descriptionTooLong'))\n      .default('')\n  };\n\n  if (requireContentRegion) {\n    schema.contentRegions = Yup.array<ContentRegionObject>()\n      .min(1, 'Resources must have a content region')\n      .default([]);\n  }\n\n  return Yup.object().shape<EditDetailsRequest>(schema);\n}\n\ninterface EditInteractiveDetailsFormProps {\n  interactiveMetadata: InteractiveMetadata;\n  onClickCancel: () => void;\n  publish: boolean;\n\n  // This should only be used by Curator\n  contentRegions?: ContentRegionObject[];\n}\n\nfunction EditInteractiveDetailsForm(props: EditInteractiveDetailsFormProps): React.ReactElement {\n  const { interactiveMetadata, onClickCancel } = props;\n\n  const formikProps = useFormikContextWrapper<EditDetailsRequest>();\n\n  return (\n    <FormikForm>\n      <div className='row form-group'>\n        <div className='col-5'>\n          <VideoThumbnail\n            video={interactiveMetadata}\n            type='cosmetic'\n            imageOptions={{ size: ImageSize.Small }}\n            textPosition={ThumbnailTextPosition.Independent}\n            preload\n          />\n        </div>\n        <div className='col-7'>\n          <h2 className='h6'>{formikProps.values.name}</h2>\n        </div>\n      </div>\n      <FormField\n        label={getPhrase('nameLabel')}\n        type='text'\n        name='name'\n        id='name'\n        placeholder={getPhrase('namePlaceholder')}\n        autoFocus\n        value={formikProps.values.name}\n      />\n      <FormField\n        label={getPhrase('descriptionLabel')}\n        component='textarea'\n        name='description'\n        id='description'\n        placeholder={getPhrase('descriptionPlaceholder')}\n        value={formikProps.values.description}\n      />\n\n      {/* content regions */}\n      {!!props.contentRegions?.length && (\n        <div className='pb-2'>\n          <FormField\n            label={getPhrase('contentRegions')}\n            name='contentRegions'\n            id='contentRegions'\n            value={formikProps.values.contentRegions}\n          >\n            {() => (\n              <div className='w-50'>\n                <SelectContentRegion\n                  id={props.interactiveMetadata.id}\n                  options={props.contentRegions}\n                  selectedContentRegions={formikProps.values.contentRegions}\n                  onUpdateContentRegions={contentRegions => formikProps.setFieldValue('contentRegions', contentRegions)}\n                />\n              </div>\n            )}\n          </FormField>\n          <Form.Control.Feedback className='d-block mt-n2' type='invalid'>\n            {formikProps.errors.contentRegions as string}\n          </Form.Control.Feedback>\n        </div>\n      )}\n\n      {/* interactive features */}\n      <Form.Label>\n        <Text namespace={namespace} phrase={'interactiveFeatures'} />\n      </Form.Label>\n      <Row>\n        <Col>\n          <Form.Group className='form-group'>\n            <div className='form-check'>\n              <FieldWrapper\n                className='form-check-input'\n                label={getPhrase('preventScrubbingLabel')}\n                name='preventScrubbing'\n                id='preventScrubbing'\n                type='checkbox'\n                checked={formikProps.values.preventScrubbing}\n              />\n              <Form.Label className='form-check-label' htmlFor='preventScrubbing'>\n                <Text namespace={namespace} phrase={'preventScrubbingLabel'} />\n                  &nbsp;\n              </Form.Label>\n              <div className='text-secondary'>\n                <Text namespace={namespace} phrase={'preventScrubbingExplain'} />\n              </div>\n            </div>\n          </Form.Group>\n        </Col>\n        <Col>\n          <Form.Group className='form-group'>\n            <div className='form-check'>\n              <FieldWrapper\n                className='form-check-input'\n                label={getPhrase('immediateFeedbackLabel')}\n                name='immediateFeedback'\n                id='immediateFeedback'\n                type='checkbox'\n                checked={formikProps.values.immediateFeedback}\n              />\n              <Form.Label className='form-check-label' htmlFor='immediateFeedback'>\n                <Text namespace={namespace} phrase={'immediateFeedbackLabel'} />\n                &nbsp;\n              </Form.Label>\n              <div className='text-secondary'>\n                <Text namespace={namespace} phrase={'immediateFeedbackExplain'} />\n              </div>\n            </div>\n          </Form.Group>\n        </Col>\n      </Row>\n      <PopupButtons>\n        <PopupButtons.Cancel onClick={onClickCancel} />\n        <PopupButtons.Submit variant='dark' text={props.publish ? getPhrase('publish') : getPhrase('save')} />\n      </PopupButtons>\n    </FormikForm>\n  );\n}\n\ninterface EditInteractiveDetailsProps {\n  interactive: Interactive;\n  interactiveMetadata: InteractiveMetadata;\n  onSubmit: (data: EditDetailsRequest) => void;\n  onClickCancel: () => void;\n  publish: boolean;\n\n  // This should only be used by Curator\n  contentRegions?: ContentRegionObject[];\n}\n\nexport function EditInteractiveDetails(props: EditInteractiveDetailsProps): React.ReactElement {\n  const {\n    interactive,\n    interactiveMetadata,\n    onSubmit,\n    onClickCancel,\n    publish\n  } = props;\n\n  const initialValues: EditDetailsRequest = {\n    name: interactiveMetadata.name || '',\n    description: interactiveMetadata.description,\n    immediateFeedback: interactive.immediateFeedback,\n    preventScrubbing: interactive.preventScrubbing\n  };\n\n  if (props.contentRegions?.length) {\n    initialValues.contentRegions = Array.isArray(interactiveMetadata.contentRegions)\n      ? interactiveMetadata.contentRegions\n      : interactiveMetadata.contentRegions.data;\n  }\n\n  return (\n    <FormWrapper<EditDetailsRequest>\n      initialValues={initialValues}\n      validationSchema={getValidationSchema(!!props.contentRegions?.length)}\n      allowInitialSubmit\n      onSubmit={onSubmit}\n    >\n      <EditInteractiveDetailsForm\n        interactiveMetadata={interactiveMetadata}\n        onClickCancel={onClickCancel}\n        publish={publish}\n        contentRegions={props.contentRegions}\n      />\n    </FormWrapper>\n  );\n}\n","import * as React from 'react';\nimport { useDispatch } from 'react-redux';\n\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Core } from 'libs/common/core';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { AnalyticsHelper } from 'libs/analytics/AnalyticsHelper';\nimport { EntityType, LocationContext, PublishDescriptor, UserAction, WorkflowPhase } from 'libs/analytics/interfaces';\n\nimport { EditInteractiveDetails } from 'libs/shared/apps/interactives/components/edit-interactive-details/EditInteractiveDetails';\nimport { Popup } from 'libs/shared/components/popup/Popup';\nimport { CurationStatus } from 'libs/shared/enums/CurationStatus';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { InteractiveRequests } from 'libs/shared/flight-requests/InteractiveRequests';\nimport { useAlerts } from 'libs/shared/hooks/UseAlerts';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { EditDetailsRequest, EditInteractiveMetadataRequest, EditInteractiveRequest, Interactive, InteractiveMetadata, PopupViewProps } from 'libs/shared/interfaces';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\n\nimport { getInteractiveAnalyticsData } from 'apps/interactives/utils/getInteractiveAnalyticsData';\n\nconst namespace = 'interactives.editInteractiveDetailsView';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface EditInteractiveDetailsProps extends PopupViewProps {\n  interactiveMetadataId: string;\n  publish: boolean;\n}\n\nexport function EditInteractiveDetailsView(props: EditInteractiveDetailsProps): React.ReactElement {\n  const { interactiveMetadataId, publish, closePopup } = props;\n\n  const dispatch = useDispatch();\n  const alerts = useAlerts();\n\n  const { hasPermissions } = usePermissions();\n\n  const interactiveMetadata = Flight.useBasicFetch<InteractiveMetadata>(\n    InteractiveRequests.interactiveMetadata(interactiveMetadataId)\n  );\n\n  const interactive = Flight.useBasicFetch<Interactive>(interactiveMetadata.data ?\n    InteractiveRequests.interactive(interactiveMetadata.data.interactiveId) : null);\n\n  function onError(): void {\n    alerts.error(getPhrase('error'));\n    closePopup();\n  }\n\n  function onSuccess(name: string): void {\n    closePopup();\n    alerts.success(getPhrase('success', { name, escapeText: true }));\n\n    const analyticsData = getInteractiveAnalyticsData(interactiveMetadata.data);\n\n    AnalyticsHelper.logUserAction(analyticsData, {\n      actionType: publish ? UserAction.Publish : UserAction.Edit,\n      entity: EntityType.Interactive,\n      location: LocationContext.EditInteractiveDetails,\n      workflowPhase: publish ? WorkflowPhase.Complete : WorkflowPhase.Save,\n      descriptor: publish ? PublishDescriptor.Publish : undefined\n    });\n\n    if (!publish) return;\n\n    if (hasPermissions(PermissionName.StudentExperience)) {\n      Core.AppLinkHelper.trigger({\n        application: AppChannels.INTERACTIVES,\n        action: Actions.Interactives.VIEW_INTERACTIVE,\n        args: [ props.interactiveMetadataId, TextHelper.slugify(interactiveMetadata.data.name) ]\n      });\n      return;\n    }\n\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.INTERACTIVES,\n      action: Actions.Interactives.CONTRIBUTE_INTERACTIVE,\n      args: [interactiveMetadataId]\n    });\n  }\n\n  function onCancel(): void {\n    const analyticsData = getInteractiveAnalyticsData(interactiveMetadata.data);\n    AnalyticsHelper.logUserAction(analyticsData, {\n      actionType: publish ? UserAction.Publish : UserAction.Edit,\n      entity: EntityType.Interactive,\n      location: LocationContext.EditInteractiveDetails,\n      workflowPhase: WorkflowPhase.Discard,\n      descriptor: publish ? PublishDescriptor.Publish : undefined\n    });\n    closePopup();\n  }\n\n  function onSubmit(data: EditDetailsRequest): void {\n    const interactiveData: EditInteractiveRequest = {\n      id: interactive.data.id,\n      name: data.name,\n      duration: VideoHelper.getDuration(interactiveMetadata.data),\n      immediateFeedback: !!data.immediateFeedback,\n      preventScrubbing: !!data.preventScrubbing\n    };\n\n    const interactiveMetadataData: EditInteractiveMetadataRequest = {\n      name: data.name,\n      description: data.description,\n      status: publish ? CurationStatus.Published : interactiveMetadata.data.status\n    };\n\n    let count = 0;\n    const success = () => {\n      if (count < 1) {\n        count++;\n        return;\n      }\n\n      onSuccess(data.name);\n    };\n\n    Flight.fetch(\n      dispatch,\n      InteractiveRequests.updateInteractive(\n        interactive.data.id,\n        interactiveData,\n        success,\n        onError\n      )\n    );\n\n    Flight.fetch(\n      dispatch,\n      InteractiveRequests.updateInteractiveMetadata(\n        interactiveMetadata.data.id,\n        interactiveMetadataData,\n        success,\n        onError\n      )\n    );\n  }\n\n  const dataLoaded = !!interactiveMetadata.data && !!interactive.data;\n\n  return (\n    <Popup\n      title={publish ? getPhrase('publishHeader') : getPhrase('editHeader')}\n      closePopup={onCancel}\n      showLoadingSpinner={!dataLoaded}\n    >\n      <EditInteractiveDetails\n        interactive={interactive.data}\n        interactiveMetadata={interactiveMetadata.data}\n        onClickCancel={onCancel}\n        onSubmit={onSubmit}\n        publish={publish}\n      />\n    </Popup>\n  );\n}\n","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;"],"names":["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","getCustomFormControlClassName","attribute","additionalClassName","getTypeSize","getInteractiveAnalyticsData","interactiveMetadata","extraAnalyticsData","data","interactiveId","status","originType","_parentClip","clip","_parentVideo","video","SelectContentRegion","isChecked","contentRegion","selectedContentRegions","some","cr","toString","globalContentRegion","find","c","systemName","ContentRegion","isGlobalChecked","nonGlobalContentRegions","filter","Dropdown","variant","Checkbox","isCurrentlyChecked","onUpdateContentRegions","onToggleGlobalContentRegion","checked","map","option","concat","getPhrase","LanguageService","EditInteractiveDetailsForm","onClickCancel","VideoThumbnail","imageOptions","textPosition","ThumbnailTextPosition","preload","placeholder","autoFocus","component","description","contentRegions","setFieldValue","Row","Col","preventScrubbing","immediateFeedback","PopupButtons","text","publish","EditInteractiveDetails","requireContentRegion","schema","interactive","Array","isArray","trim","max","required","min","shape","EditInteractiveDetailsView","interactiveMetadataId","closePopup","dispatch","alerts","hasPermissions","usePermissions","InteractiveRequests","onError","error","onCancel","analyticsData","AnalyticsHelper","actionType","entity","location","workflowPhase","descriptor","Publish","undefined","dataLoaded","Popup","interactiveData","duration","VideoHelper","interactiveMetadataData","CurationStatus","count","success","escapeText","PermissionName","application","action","args","TextHelper","onSuccess","bsPrefix","Component","ref","decoratedBsPrefix","breakpoints","minBreakpoint","sizePrefix","classes","brkPoint","propValue","cols","infix","push","displayName"],"sourceRoot":""}

package/dist/scripts/4113-c75e9be23a-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[4113],{41021:(e,a,t)=>{t.r(a),t.d(a,{PlaySharedClipView:()=>q});var d=t(32735),i=t(20354),s=t(65858),r=t(16714),c=t(43012),o=t(39151),l=t(1666),n=t(28907),u=t(31949),h=t(1575),v=t(27995),m=t(22902),p=t(15311),g=t(79612),C=t(76753),I=t(56871),F=t(7179),P=t(49948),V=t(36873),y=t(27638),b=t(44110),f=t(35014),k=t(97816);function q(e){var a,t,q,w,B,_,A,T,U=(0,p.r)().hasProduct,x=(0,y.u)(s.LZ.VideoThumbnail),G=x.setFavourite,M=x.canFavourite,j=(0,m.T)().hasPermissions,L=i.a.useBasicFetch(u.N.currentUser()),E=i.a.useBasicFetch(o.L.config()),N=i.a.useBasicFetch(c.e.sharedClip(e.objectId,e.shareId)),O=i.a.useBasicFetch(!!(null===(a=N.data)||void 0===a?void 0:a._parentVideo)&&h.R.video(N.data._parentVideo.id)),R=(0,V.k)({video:O.data,context:e.queryParams.context,contextId:e.queryParams.contextId,moviesAndTv:e.queryParams.mtv,currentUser:L.data}),S=(0,b.i)(),Z=i.a.useBasicFetch((null===(t=L.data)||void 0===t?void 0:t.isAuthenticated)&&l.h.yearGroups(L.data.customerId)),z=(0,P.l)(e.objectId),D=i.a.useBasicFetch((null===(w=null===(q=N.data)||void 0===q?void 0:q.glance)||void 0===w?void 0:w.theme)?n.r.themeImages(N.data.glance.theme,N.data.glance.type):null),H=j(r.C.ViewVideoGlance)&&(null===(_=null===(B=N.data)||void 0===B?void 0:B.glance)||void 0===_?void 0:_.theme),J=(0,f.I)();return(0,g.M)(C.CG.getClipMetadata({content:N.data})),(0,k.V)(null!==(A=R.videos)&&void 0!==A?A:[]),(0,v.b)(N),(0,F.P)({id:e.objectId,app:"clips",shareId:e.shareId}),N.data&&L.hasCompleted&&E.hasCompleted&&z.hasCompleted?d.createElement(I.N,{shareId:e.shareId,clip:N.data,originalVideo:O.data,currentUser:L.data,yearGroups:Z.data,relatedVideos:R,canFavourite:M,setFavourite:G,hasProduct:U,queryParams:e.queryParams,audiences:S.data,imageCdnUrl:E.data.imageCdnUrl,canManageVideoAccess:j(r.C.ManageVideoAccess),glanceTheme:D.data,glanceLoaded:!H||D.hasCompleted,pointsOfInterest:null==z?void 0:z.items,featureAccess:J,tableOfContentsId:null===(T=e.queryParams)||void 0===T?void 0:T.scrollTo}):d.createElement(d.Fragment,null)}}}]);
-//# sourceMappingURL=4113-c75e9be23a-lite.chunk.js.map

package/dist/scripts/4113-c75e9be23a-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/4113-c75e9be23a-lite.chunk.js","mappings":"0ZA+BM,SAAUA,EAAmBC,G,oBACzBC,GAAe,SAAfA,WACR,GAAuC,IAAAC,GAAkB,qBAAjDC,EAAY,EAAZA,aAAcC,EAAY,EAAZA,aACdC,GAAmB,SAAnBA,eAEFC,EAAc,kBAAkC,mBAChDC,EAAS,kBAA6B,cACtCC,EAAO,kBAA2B,eAAwBR,EAAMS,SAAUT,EAAMU,UAChFC,EAAQ,qBAAuC,QAAT,EAAAH,EAAKI,YAAI,eAAEC,eACrD,UAAoBL,EAAKI,KAAKC,aAAaC,KACvCC,GAAgB,OAAoB,CACxCJ,MAAOA,EAAMC,KACbI,QAAShB,EAAMiB,YAAYD,QAC3BE,UAAWlB,EAAMiB,YAAYC,UAC7BC,YAAanB,EAAMiB,YAAYG,IAC/Bd,YAAaA,EAAYM,OAErBS,GAAY,SACZC,EAAa,mBACD,QAAhB,EAAAhB,EAAYM,YAAI,eAAEW,kBAAmB,eAA4BjB,EAAYM,KAAKY,aAE9EC,GAAmB,OAAyBzB,EAAMS,UAClDiB,EAAc,mBAA6C,QAAjB,EAAS,QAAT,EAAAlB,EAAKI,YAAI,eAAEe,cAAM,eAAEC,OAC/D,gBAA0BpB,EAAKI,KAAKe,OAAOC,MAAOpB,EAAKI,KAAKe,OAAOE,MAAQ,MAEzEC,EAAmBzB,EAAe,uBACrB,QAAjB,EAAS,QAAT,EAAAG,EAAKI,YAAI,eAAEe,cAAM,eAAEC,OAEfG,GAAgB,SAetB,OAbA,OAAmB,qBAAmC,CAAEC,QAASxB,EAAKI,SAEtE,OAAkC,QAApB,EAAAG,EAAckB,cAAM,QAAI,KACtC,OAAsBzB,IACtB,OAAa,CAAEM,GAAId,EAAMS,SAAUyB,IAAK,QAASxB,QAASV,EAAMU,UAG9DF,EAAKI,MACLN,EAAY6B,cACZ5B,EAAO4B,cACPV,EAAiBU,aAOjB,gBAAC,IAAQ,CACPzB,QAASV,EAAMU,QACfF,KAAMA,EAAKI,KACXwB,cAAezB,EAAMC,KACrBN,YAAaA,EAAYM,KACzBU,WAAYA,EAAWV,KACvBG,cAAeA,EACfX,aAAcA,EACdD,aAAcA,EACdF,WAAYA,EACZgB,YAAajB,EAAMiB,YACnBI,UAAWA,EAAUT,KACrByB,YAAa9B,EAAOK,KAAKyB,YACzBC,qBAAsBjC,EAAe,uBACrCqB,YAAaA,EAAYd,KACzB2B,cAAeT,GAAoBJ,EAAYS,aAC/CV,iBAAkBA,aAAgB,EAAhBA,EAAkBe,MACpCT,cAAeA,EACfU,kBAAoC,QAAjB,EAAAzC,EAAMiB,mBAAW,eAAEyB,WArBjC,gCAwBX,C","sources":["file:///app/packages/projects/lite/src/apps/share/views/play-shared-clip/PlaySharedClipView.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Flight } from 'libs/common/flight';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { ThemeRequests } from 'libs/shared/flight-requests/ThemeRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { useCannotConsumeError } from 'libs/shared/hooks/useCannotConsumeError';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { useSetPageMetadata } from 'libs/shared/hooks/useSetPageMetadata';\nimport { Clip, Config, CurrentUser, Theme, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PageMetadataHelper } from 'libs/shared/utils/PageMetadataHelper';\n\nimport { PlayClip } from 'shared/components/play-clip/PlayClip';\nimport { useDeepLinks } from 'shared/hooks/useDeepLinks';\nimport { useFetchPointsOfInterest } from 'shared/hooks/useFetchPointsOfInterest';\nimport { useGetRelatedVideos } from 'shared/hooks/useGetRelatedVideos';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { useVideoMixin } from 'shared/hooks/useVideoMixin';\n\nimport { ShareLinkViewProps } from 'apps/share/interfaces/ShareLinkViewProps';\n\nexport function PlaySharedClipView(props: ShareLinkViewProps): React.ReactElement {\n  const { hasProduct } = useProducts();\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  const { hasPermissions } = usePermissions();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n  const clip = Flight.useBasicFetch<Clip>(ClipRequests.sharedClip(props.objectId, props.shareId));\n  const video = Flight.useBasicFetch<Video>(!!clip.data?._parentVideo &&\n    VideoRequests.video(clip.data._parentVideo.id));\n  const relatedVideos = useGetRelatedVideos({\n    video: video.data,\n    context: props.queryParams.context,\n    contextId: props.queryParams.contextId,\n    moviesAndTv: props.queryParams.mtv,\n    currentUser: currentUser.data\n  });\n  const audiences = usePresentationAudiences();\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data?.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n  const pointsOfInterest = useFetchPointsOfInterest(props.objectId);\n  const glanceTheme = Flight.useBasicFetch<Theme>(clip.data?.glance?.theme\n    ? ThemeRequests.themeImages(clip.data.glance.theme, clip.data.glance.type) : null);\n\n  const shouldFetchTheme = hasPermissions(PermissionName.ViewVideoGlance) &&\n    clip.data?.glance?.theme;\n\n  const featureAccess = useVideoFeatureAccess();\n\n  useSetPageMetadata(PageMetadataHelper.getClipMetadata({ content: clip.data }));\n\n  useVideoMixin(relatedVideos.videos ?? []);\n  useCannotConsumeError(clip);\n  useDeepLinks({ id: props.objectId, app: 'clips', shareId: props.shareId });\n\n  const hasLoaded = (\n    clip.data &&\n    currentUser.hasCompleted &&\n    config.hasCompleted &&\n    pointsOfInterest.hasCompleted\n  );\n\n  if (!hasLoaded)\n    return <></>;\n\n  return (\n    <PlayClip\n      shareId={props.shareId}\n      clip={clip.data}\n      originalVideo={video.data}\n      currentUser={currentUser.data}\n      yearGroups={yearGroups.data}\n      relatedVideos={relatedVideos}\n      canFavourite={canFavourite}\n      setFavourite={setFavourite}\n      hasProduct={hasProduct}\n      queryParams={props.queryParams}\n      audiences={audiences.data}\n      imageCdnUrl={config.data.imageCdnUrl}\n      canManageVideoAccess={hasPermissions(PermissionName.ManageVideoAccess)}\n      glanceTheme={glanceTheme.data}\n      glanceLoaded={!shouldFetchTheme || glanceTheme.hasCompleted}\n      pointsOfInterest={pointsOfInterest?.items}\n      featureAccess={featureAccess}\n      tableOfContentsId={props.queryParams?.scrollTo}\n    />\n  );\n}"],"names":["PlaySharedClipView","props","hasProduct","u","setFavourite","canFavourite","hasPermissions","currentUser","config","clip","objectId","shareId","video","data","_parentVideo","id","relatedVideos","context","queryParams","contextId","moviesAndTv","mtv","audiences","yearGroups","isAuthenticated","customerId","pointsOfInterest","glanceTheme","glance","theme","type","shouldFetchTheme","featureAccess","content","videos","app","hasCompleted","originalVideo","imageCdnUrl","canManageVideoAccess","glanceLoaded","items","tableOfContentsId","scrollTo"],"sourceRoot":""}

package/dist/scripts/6375-f6cac7d19c-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/6375-f6cac7d19c-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/breadcrumbs/Breadcrumbs.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/utils/PartialLoadingHelper.ts","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts","file:///app/packages/projects/lite/src/shared/hooks/useVideoFeatureAccess.ts","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/partial-video-media-view.scss","file:///app/packages/projects/lite/src/shared/views/video-media/partial-loading/PartialVideoMediaView.tsx","file:///app/packages/projects/lite/src/shared/views/video-media/VideoMediaView.tsx","file:///app/node_modules/react-bootstrap/esm/Row.js"],"sourcesContent":["import * as React from 'react';\n\nimport { Core } from 'libs/common/core';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\nimport { MediaQueryStrings } from 'libs/shared/enums/MediaQueries';\nimport { useMediaQuery } from 'libs/shared/hooks/UseMediaQuery';\nimport { PartialLoadingHelper } from 'libs/shared/utils/PartialLoadingHelper';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport { SvgContainer, SvgContainerSize } from '../svg-container/SvgContainer';\n\nexport interface Breadcrumb {\n  name: string;\n  appLink?: Core.AppLink;\n  active?: boolean;\n}\n\ninterface BreadcrumbItemProps {\n  breadcrumb: Breadcrumb;\n  withBackIcon?: boolean;\n}\n\nexport const BreadcrumbItem = ({ breadcrumb: { name, appLink, active }, withBackIcon }: BreadcrumbItemProps) => (\n  <li className={`breadcrumb-item${active ? ' active' : ''}`}>\n    {active\n      ? <strong>{name}</strong>\n      : <AppLink appLink={appLink}>\n        {withBackIcon && <SvgContainer svgName={cvSvgLibrary.ChevronLeft} size={SvgContainerSize.Small} />}\n        <span className={withBackIcon ? 'ms-2' : ''}>{name}</span>\n      </AppLink>\n    }\n  </li>\n);\n\ninterface BreadcrumbsProps {\n  breadcrumbs: Breadcrumb[];\n}\n\nexport const Breadcrumbs = ({ breadcrumbs }: BreadcrumbsProps) => {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  const length = breadcrumbs?.length;\n\n  if (!length || (isMobile && length < 2))\n    return <></>;\n\n  if (isMobile)\n    return (\n      <nav aria-label='breadcrumb'>\n        <ol className='breadcrumb m-0 p-0'>\n          <BreadcrumbItem breadcrumb={breadcrumbs[length - 2]} withBackIcon />\n        </ol>\n      </nav>\n    );\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {breadcrumbs.map((b, idx) => <BreadcrumbItem key={idx} breadcrumb={b} />)}\n      </ol>\n    </nav>\n  );\n};\n\nexport const PartialBreadcrumbs = React.memo(function({ numItems = 3 }: { numItems?: number; }) {\n  const isMobile = useMediaQuery(MediaQueryStrings.XS);\n\n  if (isMobile) {\n    return (\n      <div className='partial-loading-background' style={{ height: '1.3125rem', width: '6rem' }} />\n    );\n  }\n\n  return (\n    <nav aria-label='breadcrumb'>\n      <ol className='breadcrumb m-0 p-0'>\n        {PartialLoadingHelper.getPartialLoadingItems({ numItems }).map(({ width }, idx) => (\n          <li key={idx} className='breadcrumb-item'>\n            <span className='d-inline-block partial-loading-background' style={{ width }} dangerouslySetInnerHTML={{ __html: '&nbsp' }} />\n          </li>\n        ))}\n      </ol>\n    </nav>\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","const DEFAULT_PARTIAL_LOADING_OPTIONS: PartialLoadingOptions = {\n  numItems: 5,\n  minWidth: 50, // px\n  maxWidth: 100 // px\n};\n\nexport interface PartialLoadingOptions {\n  numItems?: number;\n  minWidth?: number;\n  maxWidth?: number;\n}\n\ninterface PartialLoadingItem {\n  width: string;\n}\n\nexport const PartialLoadingHelper = {\n  getPartialLoadingItems(options: PartialLoadingOptions = {}): PartialLoadingItem[] {\n    const opts = {\n      ...DEFAULT_PARTIAL_LOADING_OPTIONS,\n      ...options\n    };\n\n    const getRandomFilterWidth = () => Math.max(Math.floor(Math.random() * opts.maxWidth), opts.minWidth);\n\n    return [...Array(opts.numItems)].map(() => ({ width: `${getRandomFilterWidth()}px` }));\n  }\n};","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};","import { Flight } from 'libs/common/react/index';\n\nimport { LocalPermissionName, PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { useProducts } from 'libs/shared/hooks/UseProducts';\nimport { Config } from 'libs/shared/interfaces/models/Config';\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  canWatchPublicly: (videoId: string) => boolean;\n}\n\nexport function useVideoFeatureAccess() {\n  const { hasPermissions, hasLocalPermissions } = usePermissions();\n  const { hasProduct } = useProducts();\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\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  /**\n   * Publicly available video ids are maintained on the backend config. \n   */\n  function canWatchPublicly(videoId: string): boolean {\n    if (!videoId)\n      return false;\n\n    return !!config.data?.allowedPublicVideos?.[videoId];\n  }\n\n  return {\n    canWatchPublicly,\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}","// extracted by mini-css-extract-plugin\nexport default {\"partialHeading\":\"okxfx\"};","import React from 'react';\n\nimport { PartialBreadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { PartialVideoList } from 'libs/shared/components/video-list/partial-loading/PartialVideoList';\n\nimport styles from './partial-video-media-view.scss';\n\nexport function PartialVideoMediaView(): JSX.Element {\n  return (\n    <div className='px-3'>\n      <div className={`partial-loading-background mb-2 ${styles.partialHeading}`} />\n      <div className='mb-2'>\n        <PartialBreadcrumbs/>\n      </div>\n      <PartialVideoList />\n    </div>\n  );\n}","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { Flight } from 'libs/common/flight';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { LocationContext } from 'libs/analytics/interfaces';\n\nimport { Breadcrumb, Breadcrumbs } from 'libs/shared/components/breadcrumbs/Breadcrumbs';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { RelatedVideosContext } from 'libs/shared/enums/RelatedVideosContext';\nimport { ClipRequests } from 'libs/shared/flight-requests/ClipRequests';\nimport { ConfigRequests } from 'libs/shared/flight-requests/ConfigRequests';\nimport { CustomerRequests } from 'libs/shared/flight-requests/CustomerRequests';\nimport { UserRequests } from 'libs/shared/flight-requests/UserRequests';\nimport { VideoRequests } from 'libs/shared/flight-requests/VideoRequests';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { Config, CurrentUser, Video, YearGroup } from 'libs/shared/interfaces';\n\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { useLiteFavourites } from 'shared/hooks/useLiteFavourites';\nimport { usePresentationAudiences } from 'shared/hooks/usePresentationAudiences';\nimport { useVideoFeatureAccess } from 'shared/hooks/useVideoFeatureAccess';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nimport { SeriesAppLinkHelper } from 'apps/series/SeriesAppLinkHelper';\n\nimport { PartialVideoMediaView } from './partial-loading/PartialVideoMediaView';\n\nconst namespace = 'shared.videoMedia';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\nexport interface VideoMediaViewQueryParams {\n parentType?: 'clip' | 'video';\n}\ninterface VideoMediaViewProps extends VideoMediaViewQueryParams {\n  videoId: string;\n  isClip?: boolean;\n}\n\nexport function VideoMediaView(props: VideoMediaViewProps): JSX.Element {\n  const { videoId, parentType = 'video' } = props;\n  const { setFavourite, canFavourite } = useLiteFavourites(LocationContext.VideoThumbnail);\n  \n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n  const featureAccess = useVideoFeatureAccess();\n\n  const currentUser = Flight.useBasicFetch<CurrentUser>(UserRequests.currentUser());\n  const yearGroups = Flight.useBasicFetch<YearGroup[]>(\n    currentUser.data.isAuthenticated && CustomerRequests.yearGroups(currentUser.data.customerId)\n  );\n\n  function getRequest() {\n    switch (parentType) {\n      case 'video':\n        return VideoRequests.video;\n      case 'clip':\n        return ClipRequests.clip;\n    }\n  }\n  const parentRequest = getRequest();\n\n  const video = Flight.useBasicFetch<Video>(\n    currentUser.data?.id &&\n    parentRequest(videoId, null, currentUser.data.id)\n  );\n  const content = video.data?.[props.isClip ? 'clips' : 'interactives']?.data;\n  const count = content?.length || 0;\n\n  const config = Flight.useBasicFetch<Config>(ConfigRequests.config());\n\n  const title = `${getPhrase(props.isClip ? 'clipHeading' : 'interactivesHeading')} (${count || ''})`;\n\n  const audiences = usePresentationAudiences();\n  const { hasPermissions } = usePermissions();\n\n  const breadcrumbs: Breadcrumb[] = [{\n    name: video.data?.name,\n    appLink: {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ videoId, TextHelper.slugify(video.data?.name) ]\n    }\n  }, {\n    name: title,\n    appLink: {\n      application: AppChannels.VIDEOS,\n      action: props.isClip ? Actions.Videos.VIDEO_CLIPS : Actions.Videos.VIDEO_INTERACTIVES,\n      args: [videoId]\n    },\n    active: true\n  }];\n\n  function redirectToPlaypage(): void {\n    Core.AppLinkHelper.trigger({\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ videoId, TextHelper.slugify(video.data?.name) ]\n    }, { replace: true });\n  }\n\n  React.useEffect(() => {\n    if (!featureAccess.canViewInteractives) {\n      redirectToPlaypage();\n    }\n  }, [featureAccess.canViewInteractives]);\n\n  if (!video.data || !content?.length || !config.hasCompleted)\n    return <PartialVideoMediaView />;\n\n  return (\n    <VideoActionsContext.Provider value={videoActions}>\n      <div className='px-3'>\n        <h1 className='h2 mb-2'>{title}</h1>\n       \n        <div className='mb-2'>\n          <Breadcrumbs breadcrumbs={breadcrumbs}/>\n        </div>\n\n        <VideoList\n          videos={content.map(c => ({ ...c, subjectPresentationAudiences: video.data?.subjectPresentationAudiences }))}\n          yearGroups={yearGroups.data}\n          getVideoAppLink={(video, opts) => VideoAppLinkHelper.getAppLink(video, {\n            ...opts,\n            context: RelatedVideosContext.Widget,\n            contextId: props.videoId\n          })}\n          hasPermissions={hasPermissions}\n          getSubTextAppLink={video => SeriesAppLinkHelper.getSeriesAppLink(video.series)}\n          setFavourite={setFavourite}\n          canFavourite={canFavourite}\n          presentationAudiences={audiences.data}\n          getPreviewQuestionsAppLink={!props.isClip ?\n            interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive) : null}\n          imageCdnUrl={config.data?.imageCdnUrl}\n        />\n      </div>\n    </VideoActionsContext.Provider>\n  );\n}","\"use client\";\n\nimport classNames from 'classnames';\nimport * as React from 'react';\nimport { useBootstrapPrefix, useBootstrapBreakpoints, useBootstrapMinBreakpoint } from './ThemeProvider';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = /*#__PURE__*/React.forwardRef(({\n  bsPrefix,\n  className,\n  // Need to define the default \"as\" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595\n  as: Component = 'div',\n  ...props\n}, ref) => {\n  const decoratedBsPrefix = useBootstrapPrefix(bsPrefix, 'row');\n  const breakpoints = useBootstrapBreakpoints();\n  const minBreakpoint = useBootstrapMinBreakpoint();\n  const sizePrefix = `${decoratedBsPrefix}-cols`;\n  const classes = [];\n  breakpoints.forEach(brkPoint => {\n    const propValue = props[brkPoint];\n    delete props[brkPoint];\n    let cols;\n    if (propValue != null && typeof propValue === 'object') {\n      ({\n        cols\n      } = propValue);\n    } else {\n      cols = propValue;\n    }\n    const infix = brkPoint !== minBreakpoint ? `-${brkPoint}` : '';\n    if (cols != null) classes.push(`${sizePrefix}${infix}-${cols}`);\n  });\n  return /*#__PURE__*/_jsx(Component, {\n    ref: ref,\n    ...props,\n    className: classNames(className, decoratedBsPrefix, ...classes)\n  });\n});\nRow.displayName = 'Row';\nexport default Row;"],"names":["BreadcrumbItem","breadcrumb","name","appLink","active","withBackIcon","className","svgName","size","S","Breadcrumbs","breadcrumbs","isMobile","length","map","b","idx","key","PartialBreadcrumbs","numItems","style","height","width","dangerouslySetInnerHTML","__html","PartialVideoList","props","Array","numVideos","fill","_","i","allowBulkActions","PartialVideoItem","breakpoints","useBreakpoints","isSmall","VideoListHelper","withDragHandle","withReordering","xs","Row","Col","defaultProps","DEFAULT_PARTIAL_LOADING_OPTIONS","minWidth","maxWidth","PartialLoadingHelper","getPartialLoadingItems","options","opts","Math","max","floor","random","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation","id","useVideoFeatureAccess","hasPermissions","hasLocalPermissions","hasProduct","config","hasNP","canWatchPublicly","videoId","data","allowedPublicVideos","canViewGlance","canViewResources","canViewInteractives","canViewClips","canViewCurriculumLinks","canUseActions","canViewPublicLayout","canViewResourceItems","canNavigate","PartialVideoMediaView","getPhrase","LanguageService","VideoMediaView","parentType","useLiteFavourites","u","setFavourite","canFavourite","videoActions","useVideoActions","location","featureAccess","currentUser","UserRequests","yearGroups","isAuthenticated","CustomerRequests","customerId","parentRequest","VideoRequests","ClipRequests","getRequest","video","content","isClip","count","ConfigRequests","title","audiences","usePermissions","application","action","args","TextHelper","replace","redirectToPlaypage","hasCompleted","VideoActionsContext","value","VideoList","videos","c","subjectPresentationAudiences","getVideoAppLink","VideoAppLinkHelper","context","RelatedVideosContext","contextId","getSubTextAppLink","SeriesAppLinkHelper","series","presentationAudiences","getPreviewQuestionsAppLink","interactive","InteractiveHelper","imageCdnUrl","bsPrefix","as","Component","ref","decoratedBsPrefix","minBreakpoint","sizePrefix","classes","forEach","brkPoint","propValue","cols","infix","push","displayName"],"sourceRoot":""}

package/dist/scripts/7268-d9bf6e2c2a-lite.chunk.js

@@ -1,2 +0,0 @@
-"use strict";(self.webpackChunk_clickview_lite=self.webpackChunk_clickview_lite||[]).push([[7268],{88513:(e,a,t)=>{t.d(a,{B:()=>d});var n=t(32735),i=t(23481),r=t(65858),c=t(36848);const s={seeMore:"yv0FS"};var o=i.T.encloseNamespace("shared.widgetHeader");function l(e){return n.createElement("div",{className:"ms-3 ".concat(s.seeMore)},n.createElement(c.F,{appLink:e.appLink,analyticsData:e.analyticsData,analyticsOptions:Object.assign(Object.assign({},e.analyticsOptions),{descriptor:r._S.SeeMore}),className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},n.createElement("p",{className:"hover-text-underline text-dark curated-widget-heading"},o("seeMore"))))}function d(e){var a=!!e.description;return e.name||e.description?n.createElement("div",{className:"curated-widget-header"},n.createElement("div",{className:"d-flex justify-content-between"},!!e.name&&n.createElement("div",{className:s.title},n.createElement(c.F,{appLink:e.appLink,analyticsOptions:e.analyticsOptions,analyticsData:e.analyticsData,className:"text-decoration-none ".concat(e.appLink?"curated-widget-link":"")},n.createElement("h2",{className:"h4 curated-widget-heading"},e.name))),!!e.appLink&&!a&&!!e.showSeeMoreLink&&n.createElement(l,Object.assign({},e))),a&&n.createElement("div",{className:"d-flex justify-content-between align-items-end"},n.createElement("p",{className:"description curated-widget-description ".concat(s.description)},n.createElement("span",null,e.description)),!!e.appLink&&!!e.showSeeMoreLink&&n.createElement(l,Object.assign({},e)))):n.createElement(n.Fragment,null)}},43872:(e,a,t)=>{t.d(a,{V:()=>d});var n=t(32735),i=t(82182),r=t(31069),c=t(91967),s=new Image;s.src="data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=";var o=function(e){e.dataTransfer.setDragImage&&c.q.isFunction(e.dataTransfer.setDragImage)&&e.dataTransfer.setDragImage(s,0,0)},l=i.V.isTouchScreen(),d=n.forwardRef((function(e,a){var t,i,c,s,d=e.children,u=e.positionType,p=e.onDrag,m=e.onDragEnd,v=e.onTouchMove,g=e.onTouchEnd,f=e.percentageDragged,y=e.position,E=void 0===y?0:y;return n.createElement("div",Object.assign({className:"d-flex flex-nowrap position-relative w-100",style:(i=E,c=u,s=f,c===r.C.Percentage&&s&&(i-=s),{transform:"translate3d(".concat(i).concat(c,", 0px, 0px)"),transition:"transform .4s ease-in-out"}),ref:a},(t={},p&&m&&(t.draggable=!0,t.onDragEnd=m,t.onDragStart=o,t.onDragOver=p),v&&g&&l&&(t.onTouchMoveCapture=v,t.onTouchEndCapture=g),t)),d)}))},16930:(e,a,t)=>{t.d(a,{W:()=>l,f:()=>o});var n=t(32735),i=t(83914),r=t(35223);const c="VSAPU",s="kgeXh";var o;!function(e){e[e.Left=0]="Left",e[e.Right=1]="Right"}(o||(o={}));var l=n.memo((function(e){var a,t,l,d=e.direction===o.Left,u=d?r.vn.ChevronLeft:r.vn.ChevronRight;return e.hide?n.createElement(n.Fragment,null):n.createElement("div",{className:"_ejId",style:"videos"===(null===(t=e.state)||void 0===t?void 0:t.contents)?{paddingBottom:56.25/(null===(l=e.state)||void 0===l?void 0:l.viewableItems)+"%"}:{height:"100%"}},e.useGradientBackdrop&&n.createElement("div",{className:d?"".concat("Pt3nx"," ").concat(e.leftGradientClassName):"".concat("ZuAif"," ").concat(e.rightGradientClassName)}),!e.hideExtendedClickableArea&&n.createElement("div",{role:"button",onClick:e.onClick,className:"".concat("AtsWP"," ").concat(d?c:s)}),n.createElement("div",{role:"button",className:"".concat((a="BVcIS",a+=d?" ".concat(c," ").concat(e.leftButtonClassName):" ".concat(s," ").concat(e.rightButtonClassName))," ").concat("gAsE9"," ").concat(e.className||""),onClick:e.onClick},e.hoverText&&n.createElement("span",{className:"ps-3 pe-2 ".concat("APA36")},e.hoverText),n.createElement(i.x,{svgName:u,size:i.S.Medium,className:"svg-container d-inline-block ".concat("Ev4hr")})))}))},31069:(e,a,t)=>{var n;t.d(a,{C:()=>n}),function(e){e.Percentage="%",e.Pixels="px"}(n||(n={}))},10841:(e,a,t)=>{var n;t.d(a,{n:()=>n}),function(e){e.Init="init",e.Next="next",e.Previous="previous",e.Resize="resize",e.Drag="drag",e.Update="update",e.JumpToIndex="jump-to-index"}(n||(n={}))},56871:(e,a,t)=>{t.d(a,{N:()=>D});var n=t(32735),i=t(28400),r=t(21473),c=t(83345),s=t(18913),o=t(39347),l=t(49087),d=t(92805),u=t(13231),p=t(10439),m=t(35429),v=t(51365),g=t(4594),f=t(16714),y=t(12754),E=t(22902),A=t(9907),h=t(31908),I=t(26492),x=t(76162),N=t(31261),k=t(91479),P=t(47938),C=t(81024),V=t(78166),b=t(99742),w=t(14070),O=t(97291),L=t(10671),T=t(10741),F=t(22490),S=function(e,a,t){return function(n){return t?{application:O.O.VIDEOS,action:w.e.Videos.PREVIEW_PDF,args:[n.id],params:{videoId:e,shareId:a}}:{application:O.O.SIGN_UP,action:w.e.SignUp.SIGN_UP}}},R="shared.playClip";function D(e){var a,t,D,G,j,M,U,q,B,_,W,H=(0,m.g)(),Q=(0,E.T)().hasPermissions,z=h.M.getCanBeConsumed(e.clip).canConsume,J=(0,L._)({location:L.i.VideoItem}),X=n.useRef(null),Z=n.useRef(null);(0,A.P)([X.current,Z.current],e.tableOfContentsId);var Y=h.M.isVideoTypeArchived(e.clip),K=Q(f.C.StudentExperience),$=n.useRef(!1),ee=(0,o.W)(e.clip)&&e.featureAccess.canViewGlance;function ae(){var a,t;return!(!e.originalVideo||!(null===(a=e.clip._canBeConsumed)||void 0===a?void 0:a.value)||(null===(t=e.currentUser)||void 0===t?void 0:t.isAuthenticated)&&e.hasProduct(y.x.Primary)&&!K)}var te="picture-in-picture"===H.mode||e.featureAccess.canViewPublicLayout,ne=null!==(G=null===(D=null===(t=null===(a=e.originalVideo)||void 0===a?void 0:a.clips)||void 0===t?void 0:t.data)||void 0===D?void 0:D.filter((function(a){return a.id.toString()!==e.clip.id.toString()})))&&void 0!==G?G:[];return n.createElement("div",{className:"px-4"},n.createElement(P.W,{restrictions:e.clip._restrictions,yearGroups:e.yearGroups,objectId:e.clip.id,objectTypeId:g.E.Clip,canManageVideoAccess:e.canManageVideoAccess}),Y&&n.createElement(I.T,{typeId:e.clip.typeId,hasStudentExperience:K}),n.createElement("section",{className:"mb-2"},z&&n.createElement(p.r,{key:e.clip.id,objectId:e.clip.id,objectTypeId:e.clip.typeId,shareId:e.shareId,context:null===(j=e.queryParams)||void 0===j?void 0:j.context,contextId:null===(M=e.queryParams)||void 0===M?void 0:M.contextId,moviesAndTv:null===(U=e.queryParams)||void 0===U?void 0:U.mtv,playNext:null===(q=e.queryParams)||void 0===q?void 0:q.playNext,startTime:null!==(_=null===(B=e.queryParams)||void 0===B?void 0:B.t)&&void 0!==_?_:null===(W=e.queryParams)||void 0===W?void 0:W.startTime,mode:"default",location:"play-page"}),n.createElement("div",{className:te?"":"d-none"},n.createElement(C.S,{video:e.clip,type:"pip"}))),n.createElement(k.v,{media:e.clip,yearGroups:e.yearGroups,audiences:e.audiences,originalVideoAppLink:ae()?{application:O.O.VIDEOS,action:w.e.Videos.PLAY_VIDEO,args:[e.originalVideo.id,i.m.slugify(e.originalVideo.name)]}:null,featureAccess:e.featureAccess,shareId:e.shareId}),ee&&n.createElement("section",null,n.createElement(s.o,{video:e.clip,pointsOfInterest:e.pointsOfInterest,setStartTime:function(e){var a;return null===(a=H.playerRef.current)||void 0===a?void 0:a.currentTime(e)},getTagAppLink:function(e){return{application:O.O.SEARCH,action:w.e.Search.HOME,params:{tagOrClassification:e.name}}},suppressInteractivity:e.featureAccess.canViewPublicLayout})),n.createElement(r.M,{video:e.clip,canViewResources:e.featureAccess.canViewResources,imageCdnUrl:e.imageCdnUrl,getAppLink:S(e.clip.id,e.shareId,e.featureAccess.canViewResources),analyticsData:{clipId:e.clip.id,clipName:e.clip.name},resourceThumbnailFallbackUrl:b.W.Fallbacks.RESOURCE_THUMBNAIL,containerRef:X}),n.createElement(N.J,{video:e.clip,imageCdnUrl:e.imageCdnUrl,analyticsData:{clipId:e.clip.id,clipName:e.clip.name},canViewInteractives:e.featureAccess.canViewInteractives,containerRef:Z,yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite}),e.glanceLoaded?n.createElement("section",null,n.createElement(l.X,{video:e.clip,onLaunchImmersiveReader:function(){var e,a,t,n;$.current=!(null===(a=null===(e=null==H?void 0:H.playerRef)||void 0===e?void 0:e.current)||void 0===a?void 0:a.isPaused()),null===(n=null===(t=null==H?void 0:H.playerRef)||void 0===t?void 0:t.current)||void 0===n||n.pause()},onExitImmersiveReader:function(){var e,a;$.current&&(null===(a=null===(e=null==H?void 0:H.playerRef)||void 0===e?void 0:e.current)||void 0===a||a.play())},getTagAppLink:function(e){return{application:O.O.SEARCH,action:w.e.Search.HOME,params:{tagOrClassification:e.name}}},theme:e.glanceTheme,suppressInteractivity:e.featureAccess.canViewPublicLayout})):n.createElement(d.H,null),n.createElement(x.O,{video:e.clip,clips:ne||[],canViewClips:e.featureAccess.canViewClips,yearGroups:e.yearGroups,imageCdnUrl:e.imageCdnUrl,setFavourite:e.setFavourite,canFavourite:e.canFavourite,analyticsData:{clipId:e.clip.id,clipName:e.clip.name}}),!!ae()&&n.createElement("section",{className:"pb-2 pt-1"},n.createElement("h2",{className:"h4 mb-0"},n.createElement(c.x,{namespace:R,phrase:"clippedFrom"})),n.createElement(v.M.Provider,{value:J},n.createElement(u.E4,{videos:[e.originalVideo],yearGroups:e.yearGroups,setFavourite:e.setFavourite,canFavourite:e.canFavourite,getVideoAppLink:function(a,t){return F.W.getAppLink(a,Object.assign(Object.assign({},t),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},hasPermissions:Q,presentationAudiences:e.audiences,getPreviewQuestionsAppLink:function(e){return T.j.getPreviewQuestionsAppLink(e)}}))),n.createElement("section",null,n.createElement(V.Z,{currentVideo:e.clip,yearGroups:e.yearGroups,relatedVideos:e.relatedVideos,setFavourite:e.setFavourite,canFavourite:e.canFavourite,currentUser:e.currentUser,audiences:e.audiences,getVideoAppLink:function(a,t){return F.W.getAppLink(a,Object.assign(Object.assign({},t),{context:e.queryParams.context,contextId:e.queryParams.contextId,playNext:e.queryParams.playNext,shareId:e.shareId,moviesAndTv:e.queryParams.mtv}))},moviesAndTv:e.queryParams.mtv})))}},44110:(e,a,t)=>{t.d(a,{i:()=>c});var n=t(20354),i=t(89454),r=t(86698),c=function(){var e=(0,r.y)({redirectOnError:!0}),a=e.activePresentation,t=e.getFallbackPresentation,c=a||t();return n.a.useBasicFetch(!!c&&i.O.presentationAudiences(c.id))}}}]);
-//# sourceMappingURL=7268-d9bf6e2c2a-lite.chunk.js.map

package/dist/scripts/7268-d9bf6e2c2a-lite.chunk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"scripts/7268-d9bf6e2c2a-lite.chunk.js","mappings":"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","sources":["file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/widget-header.scss","file:///app/packages/libs/shared/src/components/widgets/curated-widgets/components/header/WidgetHeader.tsx","file:///app/packages/libs/shared/src/utils/DragHelper.ts","file:///app/packages/libs/shared/src/components/widgets/sliding-list/SlidingListContainer.tsx","file:///app/packages/libs/shared/src/components/widgets/widget-button/widget-button.scss","file:///app/packages/libs/shared/src/components/widgets/widget-button/WidgetButton.tsx","file:///app/packages/libs/shared/src/enums/CssMeasurement.ts","file:///app/packages/libs/shared/src/enums/WidgetInteraction.ts","file:///app/packages/projects/lite/src/shared/components/play-clip/PlayClip.tsx","file:///app/packages/projects/lite/src/shared/hooks/usePresentationAudiences.ts"],"sourcesContent":["// extracted by mini-css-extract-plugin\nexport default {\"seeMore\":\"yv0FS\"};","import React from 'react';\n\nimport { Core } from 'libs/common/backbone/index';\nimport { LanguageService } from 'libs/common/backbone/services/LanguageService';\nimport { HashObject } from 'libs/common/react/interfaces';\n\nimport { AnalyticsOptions, ClickDescriptor } from 'libs/analytics/interfaces';\n\nimport { AppLink } from 'libs/shared/components/app-link/AppLink';\n\nimport styles from './widget-header.scss';\n\nconst namespace = 'shared.widgetHeader';\nconst getPhrase = LanguageService.encloseNamespace(namespace);\n\ninterface WidgetHeaderProps {\n  name: string;\n  description: string;\n\n  appLink?: Core.AppLink;\n  analyticsData?: HashObject;\n  analyticsOptions?: AnalyticsOptions;\n  showSeeMoreLink?: boolean;\n}\n\nfunction SeeMore(props: WidgetHeaderProps) {\n  return (\n    <div className={`ms-3 ${styles.seeMore}`}>\n      <AppLink\n        appLink={props.appLink}\n        analyticsData={props.analyticsData }\n        analyticsOptions={{ ...props.analyticsOptions, descriptor: ClickDescriptor.SeeMore }}\n        className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n      >\n        <p className='hover-text-underline text-dark curated-widget-heading'>{getPhrase('seeMore')}</p>\n      </AppLink>\n    </div>\n  );\n}\n\nexport function WidgetHeader(props: WidgetHeaderProps): JSX.Element {\n  const hasDescription = !!props.description;\n\n  if (!props.name && !props.description)\n    return <></>;\n\n  return (\n    <div className='curated-widget-header'>\n      <div className='d-flex justify-content-between'>\n        {!!props.name && (\n          <div className={styles.title}>\n            <AppLink\n              appLink={props.appLink}\n              analyticsOptions={props.analyticsOptions}\n              analyticsData={props.analyticsData}\n              className={`text-decoration-none ${props.appLink ? 'curated-widget-link' : ''}`}\n            >\n              <h2 className='h4 curated-widget-heading'>\n                {props.name}\n              </h2>\n            </AppLink>\n          </div>\n        )}\n        {!!props.appLink && !hasDescription && !!props.showSeeMoreLink && <SeeMore {...props}/>}\n      </div>\n  \n      {hasDescription && (\n        <div className='d-flex justify-content-between align-items-end'>\n          <p className={`description curated-widget-description ${styles.description}`}>\n            <span>{props.description}</span>\n          </p>\n          {!!props.appLink && !!props.showSeeMoreLink && <SeeMore {...props}/> }\n        </div>\n      )}\n    </div>\n  );\n}","import { FunctionHelper } from 'libs/common/backbone/utils/FunctionHelper';\n\nconst blankImage = new Image();\nblankImage.src = 'data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=';\n\nexport const DragHelper = {\n  // This removes the image that appears when you drag a draggable HTML element\n  hideDragImage(event: React.DragEvent<HTMLElement>): void {\n    if (!event.dataTransfer.setDragImage || !FunctionHelper.isFunction(event.dataTransfer.setDragImage))\n      return;\n\n    event.dataTransfer.setDragImage(blankImage, 0, 0);\n  }\n};","import * as React from 'react';\n\nimport { UserAgentHelper } from 'libs/common/backbone/utils/UserAgentHelper';\nimport { HashObject } from 'libs/common/react/interfaces/HashObject';\n\nimport { CssMeasurement } from 'libs/shared/enums/CssMeasurement';\nimport { DragHelper } from 'libs/shared/utils/DragHelper';\n\nconst isTouchScreen = UserAgentHelper.isTouchScreen();\n\nconst getPositionStyling = (xPosition: number, measurement: CssMeasurement, dragPercentage?: number) => {\n  // Used in situations where a touch screen user is dragging the `<FixedWidget />`\n  if (measurement === CssMeasurement.Percentage && dragPercentage)\n    xPosition = xPosition - dragPercentage;\n\n  return {\n    transform: `translate3d(${xPosition}${measurement}, 0px, 0px)`,\n    transition: 'transform .4s ease-in-out'\n  };\n};\n\ninterface SlidingListContainerProps extends React.PropsWithChildren<unknown> {\n  position: number;\n  positionType: CssMeasurement;\n\n  onDrag?: (event: React.DragEvent<HTMLDivElement>) => void;\n  onDragEnd?: () => void;\n\n  onTouchMove?: (event: React.TouchEvent<HTMLDivElement>) => void;\n  onTouchEnd?: () => void;\n\n  percentageDragged?: number;\n}\n\nexport const SlidingListContainer = React.forwardRef((\n  props: SlidingListContainerProps,\n  ref: React.MutableRefObject<HTMLDivElement>\n): JSX.Element => {\n  const { children, positionType, onDrag, onDragEnd, onTouchMove, onTouchEnd, percentageDragged, position = 0 } = props;\n\n  function getEventListeners(): HashObject {\n    const listenerProps: HashObject = {};\n\n    if (onDrag && onDragEnd) {\n      listenerProps.draggable = true;\n      listenerProps.onDragEnd = onDragEnd;\n      listenerProps.onDragStart = DragHelper.hideDragImage;\n      listenerProps.onDragOver = onDrag;\n    }\n\n    if (onTouchMove && onTouchEnd && isTouchScreen) {\n      listenerProps.onTouchMoveCapture = onTouchMove;\n      listenerProps.onTouchEndCapture = onTouchEnd;\n    }\n\n    return listenerProps;\n  }\n\n  return (\n    <div\n      className='d-flex flex-nowrap position-relative w-100'\n      style={getPositionStyling(position, positionType, percentageDragged)}\n      ref={ref}\n      {...getEventListeners()}\n    >\n      {children}\n    </div>\n  );\n});","// extracted by mini-css-extract-plugin\nexport default {\"buttonContainer\":\"_ejId\",\"left\":\"VSAPU\",\"right\":\"kgeXh\",\"button\":\"gAsE9\",\"hoverText\":\"APA36\",\"buttonHover\":\"cqD75\",\"chevron\":\"Ev4hr\",\"extendedClickableArea\":\"AtsWP\",\"gradientRight\":\"ZuAif\",\"gradientLeft\":\"Pt3nx\",\"topPos\":\"BVcIS\"};","import * as React from 'react';\n\nimport { SvgContainer, SvgContainerSize } from 'libs/shared/components/svg-container/SvgContainer';\nimport { FixedWidgetState } from 'libs/shared/components/widgets/fixed-widget';\nimport { WidgetContents } from 'libs/shared/enums/WidgetContents';\nimport { cvSvgLibrary } from 'libs/shared/utils/SvgHelper';\n\nimport styles from './widget-button.scss';\n\nexport enum WidgetButtonDirection {\n  Left,\n  Right\n}\n\ninterface WidgetButtonProps {\n  onClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;\n  direction: WidgetButtonDirection;\n  hide: boolean;\n  contents?: WidgetContents;\n  useGradientBackdrop?: boolean;\n  className?: string;\n  hoverText?: string;\n  hideExtendedClickableArea?: boolean;\n  state?: FixedWidgetState;\n\n  leftButtonClassName?: string;\n  rightButtonClassName?: string;\n  leftGradientClassName?: string;\n  rightGradientClassName?: string;\n}\n\nexport const WidgetButton = React.memo(function(props: WidgetButtonProps): JSX.Element {\n  const isLeft = props.direction === WidgetButtonDirection.Left;\n\n  const arrowSvg = isLeft ? cvSvgLibrary.ChevronLeft : cvSvgLibrary.ChevronRight;\n\n  function getPositionClass(): string {\n    let className = styles.topPos;\n  \n    // Left / Right\n    if (isLeft)\n      className += ` ${styles.left} ${props.leftButtonClassName}`;\n    else\n      className += ` ${styles.right} ${props.rightButtonClassName}`;\n  \n    return className;\n  }\n\n  function getStyle(): React.CSSProperties {\n    if (props.state?.contents === 'videos')\n      return { paddingBottom: (56.25 / props.state?.viewableItems) + '%' };\n\n    return { height: '100%' };\n  }\n\n  if (props.hide)\n    return <></>;\n\n  return (\n    <div className={styles.buttonContainer} style={getStyle()}>\n      {props.useGradientBackdrop &&\n        <div className={isLeft ? `${styles.gradientLeft} ${props.leftGradientClassName}` : `${styles.gradientRight} ${props.rightGradientClassName}`} />\n      }\n\n      {!props.hideExtendedClickableArea && (\n        <div\n          role='button'\n          onClick={props.onClick}\n          className={`${styles.extendedClickableArea} ${isLeft ? styles.left : styles.right}`}\n        />\n      )}\n\n      <div\n        role='button'\n        className={`${getPositionClass()} ${styles.button} ${props.className || ''}`}\n        onClick={props.onClick}\n      >\n        {props.hoverText && (\n          <span className={`ps-3 pe-2 ${styles.hoverText}`}>{props.hoverText}</span>\n        )}\n        <SvgContainer\n          svgName={arrowSvg}\n          size={SvgContainerSize.Medium}\n          className={`svg-container d-inline-block ${styles.chevron}`}\n        />\n      </div>\n    </div>\n  );\n});","export enum CssMeasurement {\n  Percentage = '%',\n  Pixels = 'px'\n}","export enum WidgetInteraction {\n  Init = 'init',\n  Next = 'next',\n  Previous = 'previous',\n  Resize = 'resize',\n  Drag = 'drag',\n  Update = 'update',\n  JumpToIndex = 'jump-to-index'\n}","import React from 'react';\n\nimport { Core } from 'libs/common/core';\nimport { TextHelper } from 'libs/common/react/utils/TextHelper';\n\nimport { PlayPageResources } from 'libs/shared/components/play-page/resources/PlayPageResources';\nimport { Text } from 'libs/shared/components/text/Text';\nimport { VideoAtAGlance } from 'libs/shared/components/video-at-a-glance/VideoAtAGlance';\nimport { hasGlanceData } from 'libs/shared/components/video-at-a-glance/VideoAtAGlanceUtils';\nimport { VideoDetailsWithScrollbar } from 'libs/shared/components/video-details/VideoDetails';\nimport { VideoDetailsPartial } from 'libs/shared/components/video-details/VideoDetailsPartial';\nimport { VideoList } from 'libs/shared/components/video-list/VideoList';\nimport { GlobalPlayerConsumer } from 'libs/shared/context/player-context/components/GlobalPlayerConsumer';\nimport { usePlayerContext } from 'libs/shared/context/player-context/PlayerContext';\nimport { VideoActionsContext } from 'libs/shared/context/VideoActionsContext';\nimport { MasterType } from 'libs/shared/enums/MasterType';\nimport { PermissionName } from 'libs/shared/enums/PermissionName';\nimport { ProductId } from 'libs/shared/enums/ProductId';\nimport { usePermissions } from 'libs/shared/hooks/usePermissions';\nimport { HasProductFunc } from 'libs/shared/hooks/UseProducts';\nimport { useTableOfContentsScroll } from 'libs/shared/hooks/useTableOfContentsScroll';\nimport { CanFavouriteFunc, Clip, CurrentUser, FavouriteFunc, Link, PointOfInterest, PresentationAudience, Resource, Theme, Video, YearGroup } from 'libs/shared/interfaces';\nimport { PlayViewQueryParams } from 'libs/shared/interfaces/query-params/PlayViewQueryParams';\nimport { VideoHelper } from 'libs/shared/utils/VideoHelper';\n\nimport { ArchivedBanner } from 'shared/components/play-page/ArchivedBanner';\nimport { PlayPageClips } from 'shared/components/play-page/components/clips/PlayPageClips';\nimport { PlayPageInteractives } from 'shared/components/play-page/components/interactives/PlayPageInteractives';\nimport { PlayPageTitleAndActions } from 'shared/components/play-page/components/title-and-actions/PlayPageTitleAndActions';\nimport { RestrictionBanner } from 'shared/components/play-page/RestrictionBanner';\nimport { PlayerPlaceholder } from 'shared/components/player-placeholder/PlayerPlaceholder';\nimport { RelatedVideos } from 'shared/components/related-videos/RelatedVideos';\nimport { ImageUrls } from 'shared/constants/ImageUrls';\nimport { Actions } from 'shared/constants/LiteActions';\nimport { AppChannels } from 'shared/constants/LiteRadioChannels';\nimport { useVideoActions, VideoActionsLocation } from 'shared/hooks/use-video-actions/useVideoActions';\nimport { RelatedVideosHash } from 'shared/hooks/useGetRelatedVideos';\nimport { VideoFeaturesHash } from 'shared/hooks/useVideoFeatureAccess';\nimport { InteractiveHelpers } from 'shared/utils/InteractiveHelper';\nimport { VideoAppLinkHelper } from 'shared/utils/VideoAppLinkHelper';\n\nconst getResourceAppLink = (videoId: string, shareId: string, canViewResource: boolean) =>\n  (resource: Resource | Link) => {\n    if (!canViewResource) {\n      return {\n        application: AppChannels.SIGN_UP,\n        action: Actions.SignUp.SIGN_UP\n      };\n    }\n\n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PREVIEW_PDF,\n      args: [resource.id],\n      params: {\n        videoId: videoId,\n        shareId: shareId\n      }\n    };\n  };\n\nconst namespace = 'shared.playClip';\n\ninterface PlayClipProps {\n  clip: Clip;\n  originalVideo: Video;\n  currentUser: CurrentUser;\n  yearGroups: YearGroup[];\n  relatedVideos: RelatedVideosHash;\n  setFavourite: FavouriteFunc;\n  canFavourite: CanFavouriteFunc;\n  queryParams: PlayViewQueryParams;\n  hasProduct: HasProductFunc;\n  audiences: PresentationAudience[];\n  imageCdnUrl: string;\n  shareId?: string;\n  canManageVideoAccess: boolean;\n  pointsOfInterest?: PointOfInterest[];\n  featureAccess: VideoFeaturesHash;\n  glanceTheme?: Theme;\n  glanceLoaded: boolean;\n  tableOfContentsId: string;\n}\n\nexport function PlayClip(props: PlayClipProps): JSX.Element {\n  const playerContext = usePlayerContext();\n\n  const { hasPermissions } = usePermissions();\n  const { canConsume } = VideoHelper.getCanBeConsumed(props.clip);\n  \n  const videoActions = useVideoActions({ location: VideoActionsLocation.VideoItem });\n\n  const resourcesRef = React.useRef<HTMLDivElement>(null);\n  const interactivesRef = React.useRef<HTMLDivElement>(null);\n\n  useTableOfContentsScroll([\n    resourcesRef.current,\n    interactivesRef.current\n  ], props.tableOfContentsId);\n\n  const isArchived = VideoHelper.isVideoTypeArchived(props.clip);\n  const hasStudentExperience = hasPermissions(PermissionName.StudentExperience);\n  /**\n   * Need to use a ref because if we use state, onExitImmersiveReader will have a stale\n   * reference of the state. This is because the state is changed in onLaunchImmersiveReader\n   * which is passed in at the same time as onExitImmersiveReader\n   */\n  const shouldPlayOnExitImmersiveReader = React.useRef(false);\n\n  const hasGlance = hasGlanceData(props.clip) && props.featureAccess.canViewGlance;\n\n  function onLaunchImmersiveReader(): void {\n    shouldPlayOnExitImmersiveReader.current = !playerContext?.playerRef?.current?.isPaused();\n    playerContext?.playerRef?.current?.pause();\n  }\n\n  function onExitImmersiveReader(): void {\n    if (!shouldPlayOnExitImmersiveReader.current)\n      return;\n\n    playerContext?.playerRef?.current?.play();\n  }\n\n  function canAccessOriginal(): boolean {\n    if (!props.originalVideo || !props.clip._canBeConsumed?.value)\n      return false;\n\n    if (!props.currentUser?.isAuthenticated)\n      return true;\n\n    if (!props.hasProduct(ProductId.Primary))\n      return true;\n\n    if (hasStudentExperience)\n      return true;\n\n    return false;\n  }\n\n  function getOriginalVideoAppLink(): Core.AppLink {\n    if (!canAccessOriginal())\n      return null;\n  \n    return {\n      application: AppChannels.VIDEOS,\n      action: Actions.Videos.PLAY_VIDEO,\n      args: [ props.originalVideo.id, TextHelper.slugify(props.originalVideo.name) ]\n    };\n  }\n\n  const showPlayerPlaceholder = playerContext.mode === 'picture-in-picture' || props.featureAccess.canViewPublicLayout;\n\n  const otherClips = props.originalVideo?.clips?.data?.filter(c => c.id.toString() !== props.clip.id.toString()) ?? [];\n\n  return (\n    <div className='px-4'>\n      <RestrictionBanner\n        restrictions={props.clip._restrictions}\n        yearGroups={props.yearGroups}\n        objectId={props.clip.id}\n        objectTypeId={MasterType.Clip}\n        canManageVideoAccess={props.canManageVideoAccess}\n      />\n\n      {isArchived && (\n        <ArchivedBanner\n          typeId={props.clip.typeId}\n          hasStudentExperience={hasStudentExperience}\n        />\n      )}\n\n      <section className={`mb-2`}>\n        {canConsume &&\n          <GlobalPlayerConsumer\n            key={props.clip.id}\n            objectId={props.clip.id}\n            objectTypeId={props.clip.typeId}\n            shareId={props.shareId}\n            context={props.queryParams?.context}\n            contextId={props.queryParams?.contextId}\n            moviesAndTv={props.queryParams?.mtv}\n            playNext={props.queryParams?.playNext}\n            startTime={props.queryParams?.t ?? props.queryParams?.startTime}\n            mode='default'\n            location='play-page'\n          />\n        }\n        <div className={showPlayerPlaceholder ? '' : 'd-none'}>\n          <PlayerPlaceholder\n            video={props.clip}\n            type='pip'\n          />\n        </div>\n      </section>\n\n      <PlayPageTitleAndActions\n        media={props.clip}\n        yearGroups={props.yearGroups}\n        audiences={props.audiences}\n        originalVideoAppLink={getOriginalVideoAppLink()}\n        featureAccess={props.featureAccess}\n        shareId={props.shareId}\n      />\n\n      {hasGlance && (\n        <section>\n          <VideoAtAGlance\n            video={props.clip}\n            pointsOfInterest={props.pointsOfInterest}\n            setStartTime={(time: number) => playerContext.playerRef.current?.currentTime(time)}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        </section>\n      )}\n\n      <PlayPageResources\n        video={props.clip}\n        canViewResources={props.featureAccess.canViewResources}\n        imageCdnUrl={props.imageCdnUrl}\n        getAppLink={\n          getResourceAppLink(props.clip.id, props.shareId, props.featureAccess.canViewResources)\n        }\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        resourceThumbnailFallbackUrl={ImageUrls.Fallbacks.RESOURCE_THUMBNAIL}\n        containerRef={resourcesRef}\n      />\n\n      <PlayPageInteractives\n        video={props.clip}\n        imageCdnUrl={props.imageCdnUrl}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n        canViewInteractives={props.featureAccess.canViewInteractives}\n        containerRef={interactivesRef}\n        yearGroups={props.yearGroups}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n      />\n\n      {props.glanceLoaded ? (\n        <section>\n          <VideoDetailsWithScrollbar\n            video={props.clip}\n            onLaunchImmersiveReader={onLaunchImmersiveReader}\n            onExitImmersiveReader={onExitImmersiveReader}\n            getTagAppLink={tag => ({\n              application: AppChannels.SEARCH,\n              action: Actions.Search.HOME,\n              params: { tagOrClassification: tag.name }\n            })}\n            theme={props.glanceTheme}\n            suppressInteractivity={props.featureAccess.canViewPublicLayout}\n          />\n        </section>\n      ) : (\n        <VideoDetailsPartial />\n      )}\n\n      <PlayPageClips\n        video={props.clip}\n        clips={otherClips || []}\n        canViewClips={props.featureAccess.canViewClips}\n        yearGroups={props.yearGroups}\n        imageCdnUrl={props.imageCdnUrl}\n        setFavourite={props.setFavourite}\n        canFavourite={props.canFavourite}\n        analyticsData={{ clipId: props.clip.id, clipName: props.clip.name }}\n      />\n\n      {!!canAccessOriginal() && (\n        <section className='pb-2 pt-1'>\n          <h2 className='h4 mb-0'><Text namespace={namespace} phrase='clippedFrom' /></h2>\n          <VideoActionsContext.Provider value={videoActions}>\n            <VideoList\n              videos={[props.originalVideo]}\n              yearGroups={props.yearGroups}\n              setFavourite={props.setFavourite}\n              canFavourite={props.canFavourite}\n              getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n                ...opts,\n                context: props.queryParams.context,\n                contextId: props.queryParams.contextId,\n                playNext: props.queryParams.playNext,\n                shareId: props.shareId,\n                moviesAndTv: props.queryParams.mtv\n              })}\n              hasPermissions={hasPermissions}\n              presentationAudiences={props.audiences}\n              getPreviewQuestionsAppLink={interactive => InteractiveHelpers.getPreviewQuestionsAppLink(interactive)}\n            />\n          </VideoActionsContext.Provider>\n        </section>\n      )}\n\n      <section>\n        <RelatedVideos\n          currentVideo={props.clip}\n          yearGroups={props.yearGroups}\n          relatedVideos={props.relatedVideos}\n          setFavourite={props.setFavourite}\n          canFavourite={props.canFavourite}\n          currentUser={props.currentUser}\n          audiences={props.audiences}\n          getVideoAppLink={(v, opts) => VideoAppLinkHelper.getAppLink(v, {\n            ...opts,\n            context: props.queryParams.context,\n            contextId: props.queryParams.contextId,\n            playNext: props.queryParams.playNext,\n            shareId: props.shareId,\n            moviesAndTv: props.queryParams.mtv\n          })}\n          moviesAndTv={props.queryParams.mtv}\n        />\n      </section>\n    </div>\n  );\n}","import { Flight } from 'libs/common/react/index';\n\nimport { AudienceRequests } from 'libs/shared/flight-requests/AudienceRequests';\nimport { PresentationAudience } from 'libs/shared/interfaces';\n\nimport { usePresentation } from 'shared/hooks/usePresentation';\n\nexport const usePresentationAudiences = () => {\n  const { activePresentation, getFallbackPresentation } = usePresentation({ redirectOnError: true });\n\n  const presentation = activePresentation || getFallbackPresentation();\n\n  const audiences = Flight.useBasicFetch<PresentationAudience[]>(\n    !!presentation &&\n    AudienceRequests.presentationAudiences(presentation.id)\n  );\n\n  return audiences;\n};"],"names":["getPhrase","LanguageService","SeeMore","props","className","AppLink","appLink","analyticsData","analyticsOptions","descriptor","WidgetHeader","hasDescription","description","name","showSeeMoreLink","blankImage","Image","src","DragHelper","event","dataTransfer","setDragImage","FunctionHelper","isTouchScreen","UserAgentHelper","SlidingListContainer","ref","listenerProps","xPosition","measurement","dragPercentage","children","positionType","onDrag","onDragEnd","onTouchMove","onTouchEnd","percentageDragged","position","style","CssMeasurement","C","transform","transition","draggable","onDragStart","onDragOver","onTouchMoveCapture","onTouchEndCapture","WidgetButtonDirection","WidgetButton","isLeft","direction","Left","arrowSvg","hide","state","contents","paddingBottom","viewableItems","height","useGradientBackdrop","leftGradientClassName","rightGradientClassName","hideExtendedClickableArea","role","onClick","leftButtonClassName","rightButtonClassName","hoverText","SvgContainer","svgName","size","S","WidgetInteraction","getResourceAppLink","videoId","shareId","canViewResource","resource","application","action","args","id","params","namespace","PlayClip","playerContext","hasPermissions","canConsume","clip","videoActions","location","resourcesRef","interactivesRef","current","tableOfContentsId","isArchived","hasStudentExperience","shouldPlayOnExitImmersiveReader","hasGlance","featureAccess","canViewGlance","canAccessOriginal","originalVideo","_canBeConsumed","value","currentUser","isAuthenticated","hasProduct","showPlayerPlaceholder","mode","canViewPublicLayout","otherClips","clips","data","filter","c","toString","restrictions","_restrictions","yearGroups","objectId","objectTypeId","canManageVideoAccess","typeId","key","context","queryParams","contextId","moviesAndTv","mtv","playNext","startTime","t","video","type","media","audiences","originalVideoAppLink","pointsOfInterest","setStartTime","time","playerRef","currentTime","getTagAppLink","tag","tagOrClassification","suppressInteractivity","canViewResources","imageCdnUrl","getAppLink","clipId","clipName","resourceThumbnailFallbackUrl","containerRef","canViewInteractives","setFavourite","canFavourite","glanceLoaded","onLaunchImmersiveReader","isPaused","pause","onExitImmersiveReader","play","theme","glanceTheme","canViewClips","phrase","videos","getVideoAppLink","v","opts","presentationAudiences","getPreviewQuestionsAppLink","interactive","currentVideo","relatedVideos","usePresentationAudiences","redirectOnError","activePresentation","getFallbackPresentation","presentation"],"sourceRoot":""}