import whatsapp from "../../whatsapp_business.app.mjs";
const docLink = "https://developers.facebook.com/docs/whatsapp/cloud-api/reference/messages#message-templates";
const regex = /{{\d+}}/g;
export default {
key: "whatsapp_business-send-text-using-template",
name: "Send Text Using Template",
description: `Send a text message using a pre-defined template. Variables can be sent only as text. [See the docs.](${docLink})`,
version: "0.0.7",
annotations: {
destructiveHint: false,
openWorldHint: true,
readOnlyHint: false,
},
type: "action",
props: {
whatsapp,
phoneNumberId: {
propDefinition: [
whatsapp,
"phoneNumberId",
],
},
recipientPhoneNumber: {
propDefinition: [
whatsapp,
"recipientPhoneNumber",
],
},
messageTemplate: {
propDefinition: [
whatsapp,
"messageTemplate",
],
withLabel: true,
reloadProps: true,
},
headerVars: {
type: "string[]",
label: "Header Variables",
description: "Array of header variables for programmatic/AI-agent use. Takes precedence over individual header props if provided.",
optional: true,
},
bodyVars: {
type: "string[]",
label: "Body Variables",
description: "Array of body variables for programmatic/AI-agent use. Takes precedence over individual body props if provided.",
optional: true,
},
buttonVars: {
type: "string[]",
label: "Button Variables",
description: "Array of button variables for programmatic/AI-agent use. Takes precedence over individual button props if provided.",
optional: true,
},
},
async additionalProps() {
const props = {};
const template = await this.whatsapp.getMessageTemplate({
templateId: this.messageTemplate.value,
});
for (const component of template.components) {
if (component.type === "HEADER" && component.format === "TEXT" && component.text.match(regex)) {
props["header_{{1}}"] = {
type: "string",
label: "Header {{1}}",
description: `Template header text: **${component.text}**`,
};
continue;
}
if (component.type === "BUTTONS") {
for (const button of component.buttons) {
if (button.type === "URL" && button.url.match(regex)) {
props["button_{{1}}"] = {
type: "string",
label: button.text,
description: `Dynamic URL: **${button.url}** Enter the dynamic text only.`,
};
continue;
}
}
}
const matches = component.text?.match(regex);
for (const match of matches ?? []) {
props[match] = {
type: "string",
label: match,
description: `Template text: **${component.text}**`,
};
}
}
return props;
},
async run({ $ }) {
const components = [];
let templateName, language;
if (this.messageTemplate?.label) {
const label = this.messageTemplate.label;
const lastDashIndex = label.lastIndexOf(" - ");
if (lastDashIndex === -1) {
throw new Error(`Invalid template label format: "${label}". Expected format: "name - language"`);
}
templateName = label.substring(0, lastDashIndex);
language = label.substring(lastDashIndex + 3);
} else {
const templateId = this.messageTemplate?.value ?? this.messageTemplate;
const template = await this.whatsapp.getMessageTemplate({
templateId,
});
templateName = template.name;
language = template.language;
}
let headerParameters;
if (this.headerVars?.length) {
headerParameters = this.headerVars.map((text) => ({
type: "text",
text,
}));
} else {
headerParameters = Object.keys(this)
.filter((key) => key === "header_{{1}}")
.map((key) => ({
type: "text",
text: this[key],
}));
}
if (headerParameters.length) {
components.push({
type: "header",
parameters: headerParameters,
});
}
let buttonParameters;
if (this.buttonVars?.length) {
buttonParameters = this.buttonVars.map((text) => ({
type: "text",
text,
}));
} else {
buttonParameters = Object.keys(this)
.filter((key) => key === "button_{{1}}")
.map((key) => ({
type: "text",
text: this[key],
}));
}
if (buttonParameters.length) {
components.push({
type: "button",
sub_type: "url",
index: 0,
parameters: buttonParameters,
});
}
let bodyParameters;
if (this.bodyVars?.length) {
bodyParameters = this.bodyVars.map((text) => ({
type: "text",
text,
}));
} else {
bodyParameters = Object.keys(this)
.filter((key) => key.match(regex) && key !== "header_{{1}}" && key !== "button_{{1}}")
.map((key) => ({
type: "text",
text: this[key],
}));
}
if (bodyParameters.length) {
components.push({
type: "body",
parameters: bodyParameters,
});
}
const response = await this.whatsapp.sendMessageUsingTemplate({
$,
phoneNumberId: this.phoneNumberId,
to: this.recipientPhoneNumber,
name: templateName,
language,
components,
});
$.export("$summary", `Message sent using ${templateName} template`);
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.