Pass Hidden Source Value with Embed SDK

Hi there, 

I’m trying to pass values from cookies into typeform. I have all the steps working apart from the final one: passing values from a variable into the hidden field within typeform. 

I’m using this very simple code for this:
 

1<div data-tf-widget="FY0i2jhu" data-tf-opacity="100" data-tf-inline-on-mobile data-tf-iframe-props="title=Testing HS" data-tf-hidden="hubspot_utk=,hubspot_page_name=,hubspot_page_url=" data-tf-hubspot style="width:100%;height:500px;" id="form"></div>
2
3<!-- https://github.com/js-cookie/js-cookie -->
4<!--<script src="https://cdn.jsdelivr.net/npm/js-cookie@2/src/js.cookie.min.js"></script>-->
5<script src="//embed.typeform.com/next/embed.js"></script>
6<link rel="stylesheet" href="//embed.typeform.com/next/css/widget.css" />
7
8<script>
9    var source_var = "testing2"
10    window.tf.createWidget('FY0i2jhu', {
11    container: document.querySelector('#form'),
12        hidden: {utm_source: source_var}
13        })
14</script>

I have utm source:
 

​​ But I cannot add hidden fields themselves: 

My form is on this page: https://typeform-test-897513.webflow.io/testing-typeform-hs

I’ve also tried adding it here but it doesn’t work: data-tf-hidden="hubspot_utk=,hubspot_page_name=,hubspot_page_url=,utm_source="

How can I pass utm_source value from a cookie?

Thanks