hCaptcha Recognition: bypass using grid method

class Tile {
    constructor(el) {
        this.url = el.style['backgroundImage'].slice(5, -2)
        this.width = el.clientWidth
        this.height = el.clientHeight
        this.img = new Image(this.width, this.height)
        this.img.setAttribute('crossorigin', 'anonymous')
    }
    load(ctx, index = 0, vOffset = 0) {
        return new Promise((resolve) => {
            let pos = [
                { x: 0, y: 0 }, { x: ctx.canvas.width / 3, y: 0 }, { x: ctx.canvas.width / 3 * 2, y: 0 },
                { x: 0, y: ctx.canvas.height / 3 }, { x: ctx.canvas.width / 3, y: ctx.canvas.height / 3 }, { x: ctx.canvas.width / 3 * 2, y: ctx.canvas.height / 3 },
                { x: 0, y: ctx.canvas.height / 3 * 2 }, { x: ctx.canvas.width / 3, y: ctx.canvas.height / 3 * 2 }, { x: ctx.canvas.width / 3 * 2, y: ctx.canvas.height / 3 * 2 }
            ]
            this.img.addEventListener('load', () => {
                ctx.drawImage(this.img, pos[index].x, vOffset + pos[index].y)
                resolve(this.img)
            })
            this.img.src = this.url
        })

    }
}

const getMaxTileSize = (nodes) => {
    return nodes.reduce((m, c) => {
        return {
            width: !m.width || c.clientWidth > m.width ? c.clientWidth : m.width,
            height: !m.height || c.clientHeight > m.height ? c.clientHeight : m.height
        }
    })
}

const getCaptchaData = () => {
    return new Promise((resolve, reject) => {
        let canvas, taskCanvas, result = {}
        const imgNodes = Array.from(document.querySelectorAll('div.image:not([role="img"])'))
        const comment = document.querySelector('h2.prompt-text').innerText

        if (imgNodes.length < 9) {
            const srcCanvas = document.querySelector('canvas')
            let tmpcanvas = document.createElement('canvas')

            tmpcanvas.width = srcCanvas.clientWidth
            tmpcanvas.height = srcCanvas.clientHeight
            let tmpctx = tmpcanvas.getContext('2d')

            tmpctx.drawImage(srcCanvas, 0, 0, srcCanvas.width, srcCanvas.height, 0, 0, tmpcanvas.width, tmpcanvas.height)
            tmpctx.font = "18px sans-serif";
            tmpctx.fillText(comment, 4, 20, tmpcanvas.width - 8);
            let promises = []

            imgNodes.forEach((imgNode, i) => {
                const tile = new Tile(imgNode, tmpctx)
                promises.push(tile.load(tmpctx, i, imgNode.clientHeight / 4))
            })

            Promise.all(promises).then(() => {
                result = {
                    comment,
                    body: tmpcanvas.toDataURL().replace(/^data:image\/?[A-z]*;base64,/, ''),
                    type: 'CoordinatesTask'
                }
                resolve(result)
            })
        } else if (imgNodes.length >= 9) {
            result.type = 'GridTask'
            result.comment = comment
            const maxTileSize = getMaxTileSize(imgNodes)
            const tileNodes = imgNodes.filter(n => (n.clientWidth >= maxTileSize.width && n.clientHeight >= maxTileSize.height))
            canvas = document.createElement('canvas')
            canvas.width = maxTileSize.width * 3
            canvas.height = maxTileSize.height * 3
            let ctx = canvas.getContext('2d')

            let promises = []

            tileNodes.forEach((tileNode, i) => {
                const tile = new Tile(tileNode, ctx)
                promises.push(tile.load(ctx, i))
            })

            Promise.all(promises).then(() => {
                result.body = canvas.toDataURL().replace(/^data:image\/?[A-z]*;base64,/,'')
            })

            if (imgNodes.length > 9) {
                const maxTileSize = getMaxTileSize(imgNodes)
                const [taskNode] = imgNodes.filter(n => (n.clientWidth < maxTileSize.width && n.clientHeight < maxTileSize.height))
                taskCanvas = document.createElement('canvas')
                taskCanvas.width = taskNode.clientWidth
                taskCanvas.height = taskNode.clientHeight
                let taskCtx = taskCanvas.getContext('2d')
                const taskTile = new Tile(taskNode, taskCtx, 0)
                taskTile.load(taskCtx).then(() => {
                    result.imgInstructions = taskCanvas.toDataURL().replace(/^data:image\/?[A-z]*;base64,/, '')
                })
            }
            resolve(result)
        } else {
            reject(`Unknown captcha type. Image nodes count: ${imgNodes.length}`)
        }
    })
}

result = client.grid({
  method: 'base64',
  key: 'your_api_key',
  recaptcha: 1,
  json: 1,
  recaptchacols: 3,
  recaptcharows: 3,
  img_type: 'hcaptcha',
  textinstructions: 'lease click on all entities similar to the following silhouette',
  imginstructions: Base64.encode64(File.read('path/to/hint.jpg')),
  body: Base64.encode64(File.read('path/to/captcha.jpg')),
  previous_id: 0
})

result = solver.grid( method='base64',
                     body = 'base64',
                     key='your_api_key',
                     recaptcha=1,
                     json=1,
                     recaptchacols=3,
                     recaptcharows=3,
                     img_type='hcaptcha',
                     textinstructions='Please click on all entities similar to the following silhouette',
                     imginstructions=base64.b64encode(open('path/to/hint.jpg', 'rb').read()).decode('utf-8'),
                     previous_id=0)