mirror of
https://github.com/n8n-io/n8n.git
synced 2024-12-26 13:14:07 -08:00
ce066a160f
* introduce analytics * add user survey backend * add user survey backend * set answers on survey submit Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> * change name to personalization * lint Co-authored-by: Mutasem Aldmour <4711238+mutdmour@users.noreply.github.com> * N8n 2495 add personalization modal (#2280) * update modals * add onboarding modal * implement questions * introduce analytics * simplify impl * implement survey handling * add personalized cateogry * update modal behavior * add thank you view * handle empty cases * rename modal * standarize modal names * update image, add tags to headings * remove unused file * remove unused interfaces * clean up footer spacing * introduce analytics * refactor to fix bug * update endpoint * set min height * update stories * update naming from questions to survey * remove spacing after core categories * fix bug in logic * sort nodes * rename types * merge with be * rename userSurvey * clean up rest api * use constants for keys * use survey keys * clean up types * move personalization to its own file Co-authored-by: ahsan-virani <ahsan.virani@gmail.com> * update parameter inputs to be multiline * update spacing * Survey new options (#2300) * split up options * fix quotes * remove unused import * refactor node credentials * add user created workflow event (#2301) * update multi params * simplify env vars * fix versionCli on FE * update personalization env * clean up node detail settings * fix event User opened Credentials panel * fix font sizes across modals * clean up input spacing * fix select modal spacing * increase spacing * fix input copy * fix webhook, tab spacing, retry button * fix button sizes * fix button size * add mini xlarge sizes * fix webhook spacing * fix nodes panel event * fix workflow id in workflow execute event * improve telemetry error logging * fix config and stop process events * add flush call on n8n stop * ready for release * fix input error highlighting * revert change * update toggle spacing * fix delete positioning * keep tooltip while focused * set strict size * increase left spacing * fix sort icons * remove unnessasry <br/> * remove unnessary break * remove unnessary margin * clean unused functionality * remove unnessary css * remove duplicate tracking * only show tooltip when hovering over label * remove extra space * add br * remove extra space * clean up commas * clean up commas * remove extra space * remove extra space * rewrite desc * add commas * add space * remove extra space * add space * add dot * update credentials section * use includes Co-authored-by: ahsan-virani <ahsan.virani@gmail.com> Co-authored-by: Jan Oberhauser <jan.oberhauser@gmail.com>
238 lines
6.1 KiB
TypeScript
238 lines
6.1 KiB
TypeScript
import * as formidable from 'formidable';
|
|
|
|
import {
|
|
IHookFunctions,
|
|
IWebhookFunctions,
|
|
} from 'n8n-core';
|
|
|
|
import {
|
|
IDataObject,
|
|
ILoadOptionsFunctions,
|
|
INodePropertyOptions,
|
|
INodeType,
|
|
INodeTypeDescription,
|
|
IWebhookResponseData,
|
|
} from 'n8n-workflow';
|
|
|
|
import {
|
|
jotformApiRequest,
|
|
} from './GenericFunctions';
|
|
|
|
|
|
interface IQuestionData {
|
|
name: string;
|
|
text: string;
|
|
}
|
|
|
|
export class JotFormTrigger implements INodeType {
|
|
description: INodeTypeDescription = {
|
|
displayName: 'JotForm Trigger',
|
|
name: 'jotFormTrigger',
|
|
icon: 'file:jotform.png',
|
|
group: ['trigger'],
|
|
version: 1,
|
|
description: 'Handle JotForm events via webhooks',
|
|
defaults: {
|
|
name: 'JotForm Trigger',
|
|
color: '#fa8900',
|
|
},
|
|
inputs: [],
|
|
outputs: ['main'],
|
|
credentials: [
|
|
{
|
|
name: 'jotFormApi',
|
|
required: true,
|
|
},
|
|
],
|
|
webhooks: [
|
|
{
|
|
name: 'default',
|
|
httpMethod: 'POST',
|
|
responseMode: 'onReceived',
|
|
path: 'webhook',
|
|
},
|
|
],
|
|
properties: [
|
|
{
|
|
displayName: 'Form',
|
|
name: 'form',
|
|
type: 'options',
|
|
required: true,
|
|
typeOptions: {
|
|
loadOptionsMethod: 'getForms',
|
|
},
|
|
default: '',
|
|
description: '',
|
|
},
|
|
{
|
|
displayName: 'Resolve Data',
|
|
name: 'resolveData',
|
|
type: 'boolean',
|
|
default: true,
|
|
description: 'By default does the webhook-data use internal keys instead of the names.<br />If this option gets activated, it will resolve the keys automatically to the actual names.',
|
|
},
|
|
{
|
|
displayName: 'Only Answers',
|
|
name: 'onlyAnswers',
|
|
type: 'boolean',
|
|
default: true,
|
|
description: 'Returns only the answers of the form and not any of the other data.',
|
|
},
|
|
],
|
|
|
|
};
|
|
|
|
methods = {
|
|
loadOptions: {
|
|
// Get all the available forms to display them to user so that he can
|
|
// select them easily
|
|
async getForms(this: ILoadOptionsFunctions): Promise<INodePropertyOptions[]> {
|
|
const returnData: INodePropertyOptions[] = [];
|
|
const qs: IDataObject = {
|
|
limit: 1000,
|
|
};
|
|
const forms = await jotformApiRequest.call(this, 'GET', '/user/forms', {}, qs);
|
|
for (const form of forms.content) {
|
|
const formName = form.title;
|
|
const formId = form.id;
|
|
returnData.push({
|
|
name: formName,
|
|
value: formId,
|
|
});
|
|
}
|
|
return returnData;
|
|
},
|
|
},
|
|
};
|
|
// @ts-ignore
|
|
webhookMethods = {
|
|
default: {
|
|
async checkExists(this: IHookFunctions): Promise<boolean> {
|
|
const webhookData = this.getWorkflowStaticData('node');
|
|
const formId = this.getNodeParameter('form') as string;
|
|
const endpoint = `/form/${formId}/webhooks`;
|
|
|
|
try {
|
|
const responseData = await jotformApiRequest.call(this, 'GET', endpoint);
|
|
|
|
const webhookUrls = Object.values(responseData.content);
|
|
const webhookUrl = this.getNodeWebhookUrl('default');
|
|
if (!webhookUrls.includes(webhookUrl)) {
|
|
return false;
|
|
}
|
|
|
|
const webhookIds = Object.keys(responseData.content);
|
|
webhookData.webhookId = webhookIds[webhookUrls.indexOf(webhookUrl)];
|
|
} catch (error) {
|
|
return false;
|
|
}
|
|
return true;
|
|
},
|
|
async create(this: IHookFunctions): Promise<boolean> {
|
|
const webhookUrl = this.getNodeWebhookUrl('default');
|
|
const webhookData = this.getWorkflowStaticData('node');
|
|
const formId = this.getNodeParameter('form') as string;
|
|
const endpoint = `/form/${formId}/webhooks`;
|
|
const body: IDataObject = {
|
|
webhookURL: webhookUrl,
|
|
//webhookURL: 'https://en0xsizp3qyt7f.x.pipedream.net/',
|
|
};
|
|
const { content } = await jotformApiRequest.call(this, 'POST', endpoint, body);
|
|
webhookData.webhookId = Object.keys(content)[0];
|
|
return true;
|
|
},
|
|
async delete(this: IHookFunctions): Promise<boolean> {
|
|
let responseData;
|
|
const webhookData = this.getWorkflowStaticData('node');
|
|
const formId = this.getNodeParameter('form') as string;
|
|
const endpoint = `/form/${formId}/webhooks/${webhookData.webhookId}`;
|
|
try {
|
|
responseData = await jotformApiRequest.call(this, 'DELETE', endpoint);
|
|
} catch(error) {
|
|
return false;
|
|
}
|
|
if (responseData.message !== 'success') {
|
|
return false;
|
|
}
|
|
delete webhookData.webhookId;
|
|
return true;
|
|
},
|
|
},
|
|
};
|
|
|
|
//@ts-ignore
|
|
async webhook(this: IWebhookFunctions): Promise<IWebhookResponseData> {
|
|
const req = this.getRequestObject();
|
|
const formId = this.getNodeParameter('form') as string;
|
|
const resolveData = this.getNodeParameter('resolveData', false) as boolean;
|
|
const onlyAnswers = this.getNodeParameter('onlyAnswers', false) as boolean;
|
|
|
|
const form = new formidable.IncomingForm({});
|
|
|
|
return new Promise((resolve, reject) => {
|
|
|
|
form.parse(req, async (err, data, files) => {
|
|
|
|
const rawRequest = JSON.parse(data.rawRequest as string);
|
|
data.rawRequest = rawRequest;
|
|
|
|
let returnData: IDataObject;
|
|
if (resolveData === false) {
|
|
if (onlyAnswers === true) {
|
|
returnData = data.rawRequest as unknown as IDataObject;
|
|
} else {
|
|
returnData = data;
|
|
}
|
|
|
|
resolve({
|
|
workflowData: [
|
|
this.helpers.returnJsonArray(returnData),
|
|
],
|
|
});
|
|
}
|
|
|
|
// Resolve the data by requesting the information via API
|
|
const endpoint = `/form/${formId}/questions`;
|
|
const responseData = await jotformApiRequest.call(this, 'GET', endpoint, {});
|
|
|
|
// Create a dictionary to resolve the keys
|
|
const questionNames: IDataObject = {};
|
|
for (const question of Object.values(responseData.content) as IQuestionData[]) {
|
|
questionNames[question.name] = question.text;
|
|
}
|
|
|
|
// Resolve the keys
|
|
let questionKey: string;
|
|
const questionsData: IDataObject = {};
|
|
for (const key of Object.keys(rawRequest)) {
|
|
if (!key.includes('_')) {
|
|
continue;
|
|
}
|
|
|
|
questionKey = key.split('_').slice(1).join('_');
|
|
if (questionNames[questionKey] === undefined) {
|
|
continue;
|
|
}
|
|
|
|
questionsData[questionNames[questionKey] as string] = rawRequest[key];
|
|
}
|
|
|
|
if (onlyAnswers === true) {
|
|
returnData = questionsData as unknown as IDataObject;
|
|
} else {
|
|
// @ts-ignore
|
|
data.rawRequest = questionsData;
|
|
returnData = data;
|
|
}
|
|
|
|
resolve({
|
|
workflowData: [
|
|
this.helpers.returnJsonArray(returnData),
|
|
],
|
|
});
|
|
});
|
|
|
|
});
|
|
}
|
|
}
|