import { ConfigurationError } from "@pipedream/platform";
import { LANGUAGE_OPTIONS } from "../../common/constants.mjs";
import {
cleanObject, parseObject,
} from "../../common/utils.mjs";
import hubspot from "../../hubspot.app.mjs";
export default {
key: "hubspot-update-fields-on-the-form",
name: "Update Fields on the Form",
description:
"Update some of the form definition components. [See the documentation](https://developers.hubspot.com/docs/reference/api/marketing/forms#patch-%2Fmarketing%2Fv3%2Fforms%2F%7Bformid%7D)",
version: "0.0.9",
annotations: {
destructiveHint: true,
openWorldHint: true,
readOnlyHint: false,
},
type: "action",
props: {
hubspot,
formId: {
propDefinition: [
hubspot,
"formId",
],
},
name: {
type: "string",
label: "Name",
description: "The name of the form.",
optional: true,
},
archived: {
type: "boolean",
label: "Archived",
description: "Whether the form is archived.",
optional: true,
},
fieldGroups: {
type: "string[]",
label: "Field Groups",
description:
"A list for objects of group type and fields. **Format: `[{ \"groupType\": \"default_group\", \"richTextType\": \"text\", \"fields\": [ { \"objectTypeId\": \"0-1\", \"name\": \"email\", \"label\": \"Email\", \"required\": true, \"hidden\": false, \"fieldType\": \"email\", \"validation\": { \"blockedEmailDomains\": [], \"useDefaultBlockList\": false }}]}]`** [See the documentation](https://developers.hubspot.com/docs/reference/api/marketing/forms#post-%2Fmarketing%2Fv3%2Fforms%2F) for more information.",
optional: true,
},
createNewContactForNewEmail: {
type: "boolean",
label: "Create New Contact for New Email",
description:
"Whether to create a new contact when a form is submitted with an email address that doesn't match any in your existing contacts records.",
optional: true,
},
editable: {
type: "boolean",
label: "Editable",
description: "Whether the form can be edited.",
optional: true,
},
allowLinkToResetKnownValues: {
type: "boolean",
label: "Allow Link to Reset Known Values",
description:
"Whether to add a reset link to the form. This removes any pre-populated content on the form and creates a new contact on submission.",
optional: true,
},
lifecycleStages: {
type: "string[]",
label: "Lifecycle Stages",
description:
"A list of objects of lifecycle stages. **Format: `[{ \"objectTypeId\": \"0-1\", \"value\": \"subscriber\" }]`** [See the documentation](https://developers.hubspot.com/docs/reference/api/marketing/forms#post-%2Fmarketing%2Fv3%2Fforms%2F) for more information.",
optional: true,
default: [],
},
postSubmitActionType: {
type: "string",
label: "Post Submit Action Type",
description:
"The action to take after submit. The default action is displaying a thank you message.",
options: [
"thank_you",
"redirect_url",
],
optional: true,
},
postSubmitActionValue: {
type: "string",
label: "Post Submit Action Value",
description: "The thank you text or the page to redirect to.",
optional: true,
},
language: {
type: "string",
label: "Language",
description: "The language of the form.",
options: LANGUAGE_OPTIONS,
optional: true,
},
prePopulateKnownValues: {
type: "boolean",
label: "Pre-populate Known Values",
description:
"Whether contact fields should pre-populate with known information when a contact returns to your site.",
optional: true,
},
cloneable: {
type: "boolean",
label: "Cloneable",
description: "Whether the form can be cloned.",
optional: true,
},
notifyContactOwner: {
type: "boolean",
label: "Notify Contact Owner",
description:
"Whether to send a notification email to the contact owner when a submission is received.",
optional: true,
},
recaptchaEnabled: {
type: "boolean",
label: "Recaptcha Enabled",
description: "Whether CAPTCHA (spam prevention) is enabled.",
optional: true,
},
archivable: {
type: "boolean",
label: "Archivable",
description: "Whether the form can be archived.",
optional: true,
},
notifyRecipients: {
propDefinition: [
hubspot,
"contactEmail",
],
type: "string[]",
optional: true,
},
renderRawHtml: {
type: "boolean",
label: "Render Raw HTML",
description:
"Whether the form will render as raw HTML as opposed to inside an iFrame.",
optional: true,
},
cssClass: {
type: "string",
label: "CSS Class",
description: "The CSS class of the form.",
optional: true,
},
theme: {
type: "string",
label: "Theme",
description:
"The theme used for styling the input fields. This will not apply if the form is added to a HubSpot CMS page`.",
options: [
"default_style",
"canvas",
"linear",
"round",
"sharp",
"legacy",
],
optional: true,
},
submitButtonText: {
type: "string",
label: "Submit Button Text",
description: "The text displayed on the form submit button.",
optional: true,
},
labelTextSize: {
type: "string",
label: "Label Text Size",
description: "The size of the label text.",
optional: true,
},
legalConsentTextColor: {
type: "string",
label: "Legal Consent Text Color",
description: "The color of the legal consent text.",
optional: true,
},
fontFamily: {
type: "string",
label: "Font Family",
description: "The font family of the form.",
optional: true,
},
legalConsentTextSize: {
type: "string",
label: "Legal Consent Text Size",
description: "The size of the legal consent text.",
optional: true,
},
backgroundWidth: {
type: "string",
label: "Background Width",
description: "The width of the background.",
optional: true,
},
helpTextSize: {
type: "string",
label: "Help Text Size",
description: "The size of the help text.",
optional: true,
},
submitFontColor: {
type: "string",
label: "Submit Font Color",
description: "The color of the submit font.",
optional: true,
},
labelTextColor: {
type: "string",
label: "Label Text Color",
description: "The color of the label text.",
optional: true,
},
submitAlignment: {
type: "string",
label: "Submit Alignment",
description: "The alignment of the submit button.",
options: [
"left",
"center",
"right",
],
optional: true,
},
submitSize: {
type: "string",
label: "Submit Size",
description: "The size of the submit button.",
optional: true,
},
helpTextColor: {
type: "string",
label: "Help Text Color",
description: "The color of the help text.",
optional: true,
},
submitColor: {
type: "string",
label: "Submit Color",
description: "The color of the submit button.",
optional: true,
},
legalConsentOptionsType: {
type: "string",
label: "Legal Consent Options Type",
description: "The type of legal consent options.",
options: [
"none",
"legitimate_interest",
"explicit_consent_process",
"implicit_consent_process",
],
optional: true,
},
legalConsentOptionsObject: {
type: "object",
label: "Legal Consent Options Object",
description:
"The object of legal consent options. **Format: `{\"subscriptionTypeIds\": [1,2,3], \"lawfulBasis\": \"lead\", \"privacy\": \"string\"}`** [See the documentation](https://developers.hubspot.com/docs/reference/api/marketing/forms#post-%2Fmarketing%2Fv3%2Fforms%2F) for more information.",
optional: true,
},
},
async run({ $ }) {
const configuration = {};
if (
(this.postSubmitActionType && !this.postSubmitActionValue) ||
(!this.postSubmitActionType && this.postSubmitActionValue)
) {
throw new ConfigurationError(
"Post Submit Action Type and Value must be provided together.",
);
}
if (this.language) {
configuration.language = this.language;
}
if (this.cloneable) {
configuration.cloneable = this.cloneable;
}
if (this.postSubmitActionType) {
configuration.postSubmitAction = {
type: this.postSubmitActionType,
value: this.postSubmitActionValue,
};
}
if (this.editable) {
configuration.editable = this.editable;
}
if (this.archivable) {
configuration.archivable = this.archivable;
}
if (this.recaptchaEnabled) {
configuration.recaptchaEnabled = this.recaptchaEnabled;
}
if (this.notifyContactOwner) {
configuration.notifyContactOwner = this.notifyContactOwner;
}
if (this.notifyRecipients) {
configuration.notifyRecipients = parseObject(this.notifyRecipients);
}
if (this.createNewContactForNewEmail) {
configuration.createNewContactForNewEmail =
this.createNewContactForNewEmail;
}
if (this.prePopulateKnownValues) {
configuration.prePopulateKnownValues = this.prePopulateKnownValues;
}
if (this.allowLinkToResetKnownValues) {
configuration.allowLinkToResetKnownValues =
this.allowLinkToResetKnownValues;
}
if (this.lifecycleStages) {
configuration.lifecycleStages = parseObject(this.lifecycleStages);
}
const data = cleanObject({
formType: "hubspot",
name: this.name,
archived: this.archived,
fieldGroups: parseObject(this.fieldGroups),
displayOptions: {
renderRawHtml: this.renderRawHtml,
cssClass: this.cssClass,
theme: this.theme,
submitButtonText: this.submitButtonText,
style: {
labelTextSize: this.labelTextSize,
legalConsentTextColor: this.legalConsentTextColor,
fontFamily: this.fontFamily,
legalConsentTextSize: this.legalConsentTextSize,
backgroundWidth: this.backgroundWidth,
helpTextSize: this.helpTextSize,
submitFontColor: this.submitFontColor,
labelTextColor: this.labelTextColor,
submitAlignment: this.submitAlignment,
submitSize: this.submitSize,
helpTextColor: this.helpTextColor,
submitColor: this.submitColor,
},
},
legalConsentOptions: {
type: this.legalConsentOptionsType,
...(this.legalConsentOptionsObject
? parseObject(this.legalConsentOptionsObject)
: {}),
},
});
data.configuration = cleanObject(configuration);
const response = await this.hubspot.updateForm({
$,
formId: this.formId,
data,
});
$.export("$summary", `Successfully updated form with ID: ${response.id}`);
return response;
},
};
Chase Roberts@chsrbrts@benedictevans If you haven’t used @pipedream yet, then you haven’t lived.
✨Ellie Day✨@heyelliedayEvaluation update: @pipedream has quite literally been a dream to work with! I’m excited to leverage this tool for all the various workflows I need to write. I’m currently at 11k invocations a day from the initial workflows I’ve written in the past couple weeks.
Michael Braedley@MBraedleyUpdate: I got it working properly, and it's working so well that I'm dropping IFTTT. @pipedream can do everything that IFTTT basic can, and most (if not all things) IFTTT pro can for free or at a reasonable price if you need it. I am recommending it for basically any power user.
Thomas Cutting@mrthomascuttingWant quick+dirty integrations for a serverless workflow - @pipedream is my new go-to 😃
Matthew Roberts@mattdotrobertsday 013 - finally hit node js. This is the secret sauce of taking #nocode projects that one step further. Pumped about getting deeper into @pipedream now
Kenneth Auchenberg 💭@auchenbergYahoo Pipes is back! Kinda 😍 @pipedream
Raymond Camden 🥑@raymondcamdenAwesome video by the @pipedream folks showing real time twitter sentiment analysis integrated with Google Sheets. This is where Pipedream *really* shines, connecting systems together in easy workflows.
Nacho Caballero@nachocaballeroI couldn't recommend @pipedream more. It's an amazing service to integrate different APIs. Much more powerful than Zapier and more user-friendly than AWS Lambda. I'm very proud to wear this t-shirt #NoCode
Jason Snow@jyksnwDeveloped a working prototype environmental sensor IoT solution with @particle Photon, @pipedream, and @MongoDB with full graphing and alerting in less than a day! All amazing technology, will def. be exploring these more.
Steven Terrana@steven_terrana@burgwyn you've inspired me to finally set up my own blog. I'll make sure my first blog post explains the tech behind the setup. think @obsdmd + @GatsbyJS + @pipedream.
🚄 James Augeri, PhD@DotDotJamesWant to low-code your back end, need more horsepower than @Bubble / @KnackHQ, or just miss Yahoo! Pipes? Check out @PipeDream
Sébastien Chopin@AtinuxGitHub issues should be like @linear_app for maintainers. Looking forward more integrations with GH actions or tools like @pipedream 👀
Raul@raul_predescuIf you're a dev and not using @pipedream, you're missing out. Been using it for months, daily. FREE for devs. Plenty of integrations and good limits. Absolutely love it.
Bruno Skvorc@bitfallsSo @pipedream is pretty amazing. In 3 minutes I just made a flow which adds @rickastley's Never Gonna Give You Up to my @spotify playlist whenever a new pull request arrives in an old repo of mine.
Zach Lanich@ZachLanichUm, wow 🤯 @pipedream
Steven Bell@bellontechI just used @pipedream to build a Shopify App. Wow, they make small backed tasks easy.
Jay Hack 🎩🇺🇸@_jayhack_Very impressed with this bad boi - it reminds me of a @PalantirTech internal tool, but geared towards integrations instead of data analysis and far more customizable. Great expectations here 🚀🤩
Tree Sturgeon 🔥🚴♂️🌳@philsturgeonFor context this is day 2 of a really challenging and stupid migration from Notion to @airtable with disparate/missing data. It's going better than expected and thanks to @pipedream I don't have to bother the iOS dev to add W3W.