import { TextEncoder } from 'util'
if (typeof global.TextEncoder === 'undefined') {
  global.TextEncoder = TextEncoder
}
import Clip from '../template/index'

export const inlineVideo = Clip({
  content: {
    type: 'clip-set',
    id: 'https://api.ft.com/content/84d7e1b0-e8b2-4ffc-a798-306f29dc9d52',
    layoutWidth: 'in-line',
    description:
      ' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
    caption: 'Aenean lobortis volutpat nunc vitae elementum',
    autoplay: false,
    muted: false,
    loop: false,
    credits: '',
    clips: [
      {
        poster:
          'https://www.ft.com/__origami/service/image/v2/images/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=next&width=700',
        dataSource: [
          {
            binaryUrl:
              'https://spark-clips-staging.s3.eu-west-1.amazonaws.com/raw-media-files/17018837600780',
            mediaType: 'video/mp4',
          },
        ],
      },
    ],
  },
  preload: 'none',
})
export const inlineVideoAutoplay = Clip({
  content: {
    type: 'clip-set',
    id: 'https://api.ft.com/content/84d7e1b0-e8b2-4ffc-a798-306f29dc9d52',
    layoutWidth: 'in-line',
    description:
      ' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
    caption: 'Aenean lobortis volutpat nunc vitae elementum',
    autoplay: true,
    muted: true,
    loop: true,
    credits: 'Copyright Line',
    accessibility: {
      captions: [
        {
          url: 'https://next-media-api.ft.com/captions/16862228218010.vtt',
        },
      ],
    },
    clips: [
      {
        poster:
          'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
        dataSource: [
          {
            binaryUrl:
              'https://spark-clips-staging.s3.eu-west-1.amazonaws.com/raw-media-files/17018837600780',
            mediaType: 'video/mp4',
          },
        ],
      },
    ],
  },
})
export const inlineVideoNoAudio = Clip({
  content: {
    type: 'clip-set',
    id: 'https://api.ft.com/content/84d7e1b0-e8b2-4ffc-a798-306f29dc9d52',
    layoutWidth: 'in-line',
    description:
      ' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
    caption: 'Aenean lobortis volutpat nunc vitae elementum',
    autoplay: true,
    muted: true,
    loop: true,
    credits: 'Copyright Line',
    accessibility: {
      captions: [
        {
          url: 'https://next-media-api.ft.com/captions/16862228218010.vtt',
        },
      ],
    },
    clips: [
      {
        poster:
          'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
        dataSource: [
          {
            binaryUrl:
              'https://spark-clips-staging.s3.eu-west-1.amazonaws.com/raw-media-files/17018837600780',
            mediaType: 'video/mp4',
          },
        ],
      },
    ],
    noAudio: true,
  },
})

export const teaserClipWithoutExpander = Clip({
  content: {
    type: 'clip-set',
    id: 'https://api.ft.com/content/84d7e1b0-e8b2-4ffc-a798-306f29dc9d52',
    layoutWidth: 'in-line',
    description: '',
    caption: '',
    autoplay: false,
    muted: false,
    loop: false,
    credits: '',
    clips: [
      {
        poster:
          'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
        dataSource: [
          {
            binaryUrl:
              'https://spark-clips-staging.s3.eu-west-1.amazonaws.com/raw-media-files/17018837600780',
            mediaType: 'video/mp4',
          },
        ],
      },
    ],
  },
  preset: 'thumbnail',
})

export const teaserClipWithMultipleSources = Clip({
  content: {
    type: 'clip-set',
    id: 'https://api.ft.com/content/84d7e1b0-e8b2-4ffc-a798-306f29dc9d52',
    layoutWidth: 'in-line',
    description:
      ' Dolor sit amet, consectetur adipiscing elit. Sed sit amet odio quis ante auctor dapibus. Sed dapibus cursus nisi, tincidunt sagittis sapien vehicula vitae.',
    caption: 'Aenean lobortis volutpat nunc vitae elementum',
    autoplay: true,
    muted: true,
    loop: true,
    credits: 'Copyright Line',
    clips: [
      {
        poster:
          'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
        dataSource: [
          {
            binaryUrl:
              'https://spark-clips-staging.s3.eu-west-1.amazonaws.com/raw-media-files/17018837600780',
            mediaType: 'video/mp4',
          },
          {
            binaryUrl:
              'https://ark-clips-staging.s3.eu-west-1.amazonaws.com/raw-media-files/17018837600780',
            mediaType: 'video/mp4',
          },
          {
            binaryUrl:
              'https://k-clips-staging.s3.eu-west-1.amazonaws.com/raw-media-files/17018837600780',
            mediaType: 'video/mp4',
          },
        ],
      },
      {
        poster:
          'https://images.ft.com/v3/image/raw/https%3A%2F%2Fd1e00ek4ebabms.cloudfront.net%2Fproduction%2F84d7e1b0-e8b2-4ffc-a798-306f29dc9d52.png?fit=scale-down&source=cp-content-pipeline-api&width=700',
        dataSource: [
          {
            binaryUrl:
              'https://ark-clips-staging.s3.eu-west-1.amazonaws.com/raw-media-files/17018837600780',
            mediaType: 'video/mp4',
          },
        ],
      },
    ],
  },
  preload: 'none',
})