const xhrRequest = (data) => {
  const { accessToken, fileName, type, uri } = data
  const xhr = new XMLHttpRequest()
  const body = new FormData()

  xhr.open('POST', `${URL}${ENDPOINTS.ATTACH_FILE}`)
  xhr.setRequestHeader('Authorization', `Bearer ${accessToken}`)
  xhr.setRequestHeader('Content-type', 'multipart/form-data')
  body.append('file', { uri, name: fileName, type })

  xhr.send(body)
}

export const attachFile = ({ accessToken, fileName, type, uri }) => {
  const body = new FormData()
  body.append('file', {
    name: fileName,
    uri: Platform.OS === 'android' ? uri : uri.replace('file://', ''),
    type,
  })

  if (Platform.OS === 'android') {
    xhrRequest({accessToken, fileName, type, uri})
  }

  return api
    .post(ENDPOINTS.ATTACH_FILE, body, {
      headers: {
        Authorization: `Bearer ${accessToken}`,
        'Content-type': 'multipart/form-data',
      },
      maxContentLength: Infinity,
    })
    .then(R.prop('data'))
}