Error: source.on is not a function when using "multipart/form-data" in custom app

[digitalyours]

Hey maker community,

I’m stuck on an issue and I can’t find any useful hints. My custom build app which looks like below is just throwing “source.on is not a function” and stops carrying out the request. (screenshot below as well)

I already figured out that "type": "multipart/form-data" is causing the problem. No further hints than “source.on is not a function” is given by make. The exact same request works in Postman.

I’m running out of ideas.

[
{
	"url": "/sync/importmodel",
	"method": "POST",
	"type": "multipart/form-data",
	"qs": {},
	"body": {
		"data": {
				"dataModelType": "{{parameters.dataModelType}}",
				"account": "{{parameters.account}}",
				"title":"{{parameters.title}}",
					"options": {	
						"skipPreview": "{{parameters.skipPreview}}",
						"updateExisting": "{{parameters.updateExisting}}",
						"useOEMAccount": "{{parameters.useOEMAccount}}",
						"createMissingAssetTypes": "{{parameters.createMissingAssetTypes}}",
						"useCustomerLocation": "{{parameters.useCustomerLocation}}"
					}
			},
			"files": {
				"value": "{{parameters.file_data}}",
				"options": {
					"filename": "{{parameters.file_name}}"
				}
		}
	}
}
]

[VictorV]

Hi Christoph @digitalyours,

If it’s still relevant. I’ve spent a lot of time trying to fix similar error - docs for multipart/form-data uploads are not comprehensive.

My API requires 3 params:

• csv (file / buffer)
• description (string)
• name (string)

Here is the version which worked for me:

{
	"url": "/URL_SLUG_IS_HIDDEN", //removed url
	"method": "POST",
    "type": "multipart/form-data",
    "body": {	 
	 	"csv": {
			"value": "{{parameters.csvFileData}}",
                	"options": {
				"filename": "{{parameters.csvFileName}}"
			}
		},
		"description":"{{parameters.batchDescription}}",
		"name":"{{parameters.batchName}}"
	},
	
	"headers": {
	// removed auth from here
	},
	"response": {
		"output": "{{body}}"
	}
}

Here are Mappable Parameters:

[
	{
		"name": "csvFileName",
		"type": "text",
		"label": "CSV file name",
		"required": true,
		"semantic": "file:name"
	},
	{
		"name": "csvFileData",
		"type": "buffer",
		"label": "CSV file Data",
		"required": true,
		"semantic": "file:data"
	},
	{
        "name": "batchName",
        "type": "text",
        "label": "Batch Name",
        "required": true
    },
	{
        "name": "batchDescription",
        "type": "text",
        "label": "Batch Description",
        "required": true
    }
]

What I understood (this is a guess but it worked for me) is that in case of multipart/form-data the body TEXT params should be listed in “key”:“value” format, where “key” is the key expected by API and “value” is its value. No structures and curly brackets inside.

For FILES one needs to put “value” and “options” keywords inside the curly brackets.

My hypothesis is that “source.on is not a function” is somehow related to what is expected to be received by the server in case of multipart/form-data (google search shows something on that).

Leaving this message here to save time for someone else - I’ve spent few hours to make this work

Victor.

[Michaela]

Hello @VictorV welcome to the community

Thank you so so much for taking the time to jump into this topic and share your detailed solution!
Your contribution is super valuable, and I’m sure it’ll be a great resource for someone in the future. Thanks for being so community-minded!

@digitalyours Do you think you could give the proposed solution a try and see if it does the trick for you? Feel free to keep up posted on the progress

[digitalyours]

I have reached out to the Enterprise Support and I’m no using a custom IML function to solve the issue. This works well for me.

function stringify(obj) {
	if (!obj) return "";
    return JSON.stringify(obj);
}

[Michaela]

Heya @digitalyours

Just wanted to quickly jump in and say thanks a lot for sharing what you learned with us Super valuable and much-appreciated stuff