Organize typeform webhook submission in a key/value object

typeform_organize_webhook.js

const typeformPayload = inputData.typeformPayload || '{}';

// Parse the JSON string to a JavaScript object
const parsedPayload = JSON.parse(typeformPayload);

// Extract form_response safely
const { form_response: formResponse = {} } = parsedPayload;

// Extract answers, hidden fields, and variables
const { answers = [], hidden = {}, variables = [] } = formResponse;

// Transform answers into a key-value object, ensuring multiple choice uses `label`
const organized_answers = answers.reduce((map, { field, type, ...rest }) => {
  if (field?.ref && type in rest) {
    if (type === "choice") {
      map[field.ref] = rest[type]?.label; // Use label for single choice
    } else if (type === "choices") {
      map[field.ref] = rest[type]?.labels || []; // Use labels for multiple choice
    } else {
      map[field.ref] = rest[type]; // Default case for other types
    }
  }
  return map;
}, { ...hidden }); // Initialize with hidden fields

// Transform variables into a key-value object
const organized_variables = variables.reduce((map, { key, type, ...rest }) => {
  if (key && type in rest) {
    map[key] = rest[type];
  }
  return map;
}, {});

// Merge everything into a single object
const answersObject = {
  event_type: parsedPayload.event_type,
  ...organized_answers,
  ...organized_variables,
};

// Prepare the output with the constructed answers object
output = answersObject;