Update Dropdown, Multiple Choice or Ranking with Typeform API

Pipedream makes it easy to connect APIs for Typeform and 2,400+ other apps remarkably fast.

Trigger workflow on

HTTP requests, schedules and app events

Next, do this

Update Dropdown, Multiple Choice or Ranking with the Typeform API

No credit card required

▶

Watch us build a workflow

8 min

Watch now ➜

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Developers ♥ Pipedream

Getting Started#

Create a workflow to Update Dropdown, Multiple Choice or Ranking with the Typeform API. When you configure and deploy the workflow, it will run on Pipedream's servers 24x7 for free.

Configure the Update Dropdown, Multiple Choice or Ranking action
1. Connect your Typeform account
2. Select a Form
3. Select a Field
4. Configure New choice
Select a trigger to run your workflow on HTTP requests, schedules or app events
Deploy the workflow
Send a test event to validate your setup
Turn on the trigger

Integrations#

Update Dropdown, Multiple Choice or Ranking with Typeform API on Channel Updates (Instant) from Telegram Bot API

Telegram Bot + Typeform

Try it

Update Dropdown, Multiple Choice or Ranking with Typeform API on New Requests (Payload Only) from HTTP / Webhook API

HTTP / Webhook + Typeform

Try it

Update Dropdown, Multiple Choice or Ranking with Typeform API on New Item in Feed from RSS API

RSS + Typeform

Try it

Update Dropdown, Multiple Choice or Ranking with Typeform API on New Message from Discord API

Discord + Typeform

Try it

Update Dropdown, Multiple Choice or Ranking with Typeform API on New Message In Channels from Slack API

Slack + Typeform

Try it

Details#

This is a pre-built, source-available component from Pipedream's GitHub repo. The component is developed by Pipedream and the community, and verified and maintained by Pipedream.

To contribute an update to an existing component or create a new component, create a PR on GitHub. If you're new to Pipedream component development, you can start with quickstarts for trigger span and action development, and then review the component API reference.

Update Dropdown, Multiple Choice or Ranking on Typeform

Description:Update a dropdown, multiple choice, or ranking field's choices. [See the docs here](https://developer.typeform.com/create/reference/update-form/)

Version:0.0.2

Key:typeform-update-dropdown-multiple-choice-ranking

View on GitHub

Code#

import omit from "lodash.omit";
import typeform from "../../typeform.app.mjs";
import constants from "../../constants.mjs";

export default {
  key: "typeform-update-dropdown-multiple-choice-ranking",
  name: "Update Dropdown, Multiple Choice or Ranking",
  description: "Update a dropdown, multiple choice, or ranking field's choices. [See the docs here](https://developer.typeform.com/create/reference/update-form/)",
  type: "action",
  version: "0.0.2",
  props: {
    typeform,
    formId: {
      propDefinition: [
        typeform,
        "formId",
      ],
    },
    fieldId: {
      description: "Select the question whose choices you'd like to modify.",
      propDefinition: [
        typeform,
        "fieldId",
        ({ formId }) => ({
          formId,
          allowedFields: [
            constants.FIELD_TYPES.DROPDOWN,
            constants.FIELD_TYPES.MULTIPLE_CHOICE,
            constants.FIELD_TYPES.RANKING,
          ],
        }),
      ],
    },
    choice: {
      type: "string",
      label: "New choice",
      description: "Add the new choice, which will be added to the end of the existing choices for this question.",
    },
  },
  methods: {
    getUpdatedFields({
      fields, fieldId, newChoice,
    }) {
      return fields.reduce((reduction, field) => {
        const {
          id,
          properties,
          ...fieldProperties
        } = field;

        if (id !== fieldId) {
          return [
            ...reduction,
            field,
          ];
        }

        const {
          choices,
          ...otherProperties
        } = properties;

        const updatedField = {
          ...fieldProperties,
          id,
          properties: {
            ...otherProperties,
            choices: [
              ...choices,
              newChoice,
            ],
          },
        };

        return [
          ...reduction,
          updatedField,
        ];

      }, []);
    },
  },
  async run({ $ }) {
    const {
      formId,
      fieldId,
      choice,
    } = this;

    const {
      fields,
      ...formProperties
    } =
      await this.typeform.getForm({
        $,
        formId,
      });

    const field = fields.find(({ id }) => id === fieldId);

    if (!field) {
      throw new Error("Field not found");
    }

    const newChoice = {
      label: choice,
    };

    const fieldsToUpdate = this.getUpdatedFields({
      fields,
      fieldId,
      newChoice,
    });

    const otherFormProperties = omit(formProperties, [
      "id",
      "_links",
    ]);

    const data = {
      ...otherFormProperties,
      fields: fieldsToUpdate,
    };

    const resp = await this.typeform.updateForm({
      $,
      formId,
      data,
    });

    $.export("$summary", `Successfully added a new choice, "${this.choice}"`);

    return resp;
  },
};

Configuration#

This component may be configured based on the props defined in the component code. Pipedream automatically prompts for input values in the UI and CLI.

Label	Prop	Type	Description
Typeform	`typeform`	`app`	This component uses the Typeform app.
Form	`formId`	`string`	Select a value from the drop down menu.
Field	`fieldId`	`string`	Select a value from the drop down menu.
New choice	`choice`	`string`	Add the new choice, which will be added to the end of the existing choices for this question.

Authentication#

Typeform uses OAuth authentication. When you connect your Typeform account, Pipedream will open a popup window where you can sign into Typeform and grant Pipedream permission to connect to your account. Pipedream securely stores and automatically refreshes the OAuth tokens so you can easily authenticate any Typeform API.

Pipedream requests the following authorization scopes when you connect your account:

offlineaccounts:readforms:writeforms:readimages:writeimages:readthemes:writethemes:readresponses:readresponses:writewebhooks:readwebhooks:writeworkspaces:readworkspaces:write