Skip to content

Commit 7b76ded

Browse files
js07js07
authored
Slack v2 components (#18744)
Duplicate and update Slack components for Slack v2 * List users by real name in dropdowns * Get File with bot token * List Files with bot token * Send Message with bot token unless as_user=false * Add addToChannel prop to file-based and message-based actions * Show ConfigurationError if bot is not in channel * Delete New Message trigger * Only list channels, not DMs, in message-based triggers * Use RTS API in Find Message action * Handle error when fetching message in New Reaction Added trigger * Delete Verify Slack Signature action Slack v2 uses Slack's V2 OAuth flow, which provides user and bot tokens with separate scopes. In the official Pipedream app, some scopes are no longer requested, and some actions need to use the bot token instead of the user token as a result. The `files:read` scope is requested for bot tokens only. The `im:history` and `mpim:history` user token scopes are no longer requested. To post messages as the bot user, the bot token must be used since the `chat:write:bot` (and `chat:write:user`) scopes are no longer requested.
1 parent d0ea111 commit 7b76ded

File tree

64 files changed

+5153
-12
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

64 files changed

+5153
-12
lines changed

‎components/cloud_66/cloud_66.app.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,4 @@ export default {
88
console.log(Object.keys(this.$auth));
99
},
1010
},
11-
};
11+
};

‎components/coinapi/coinapi.app.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,4 @@ export default {
88
console.log(Object.keys(this.$auth));
99
},
1010
},
11-
};
11+
};

‎components/copicake/copicake.app.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,4 @@ export default {
88
console.log(Object.keys(this.$auth));
99
},
1010
},
11-
};
11+
};

‎components/cronly/cronly.app.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,4 @@ export default {
88
console.log(Object.keys(this.$auth));
99
},
1010
},
11-
};
11+
};

‎components/crossmint/crossmint.app.mjs‎

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -8,4 +8,4 @@ export default {
88
console.log(Object.keys(this.$auth));
99
},
1010
},
11-
};
11+
};

‎components/slack_v2/actions/add-emoji-reaction/add-emoji-reaction.mjs‎

Lines changed: 48 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,48 @@
1+
import slack from "../../slack_v2.app.mjs";
2+
3+
export default {
4+
key: "slack_v2-add-emoji-reaction",
5+
name: "Add Emoji Reaction",
6+
description: "Add an emoji reaction to a message. [See the documentation](https://api.slack.com/methods/reactions.add)",
7+
version: "0.0.17",
8+
annotations: {
9+
destructiveHint: false,
10+
openWorldHint: true,
11+
readOnlyHint: false,
12+
},
13+
type: "action",
14+
props: {
15+
slack,
16+
conversation: {
17+
propDefinition: [
18+
slack,
19+
"conversation",
20+
],
21+
description: "Channel where the message to add reaction to was posted.",
22+
},
23+
timestamp: {
24+
propDefinition: [
25+
slack,
26+
"messageTs",
27+
],
28+
description: "Timestamp of the message to add reaction to. e.g. `1403051575.000407`.",
29+
},
30+
icon_emoji: {
31+
propDefinition: [
32+
slack,
33+
"icon_emoji",
34+
],
35+
description: "Provide an emoji to use as the icon for this reaction. E.g. `fire`",
36+
optional: false,
37+
},
38+
},
39+
async run({ $ }) {
40+
const response = await this.slack.addReactions({
41+
channel: this.conversation,
42+
timestamp: this.timestamp,
43+
name: this.icon_emoji,
44+
});
45+
$.export("$summary", `Successfully added ${this.icon_emoji} emoji reaction.`);
46+
return response;
47+
},
48+
};

‎components/slack_v2/actions/approve-workflow/approve-workflow.mjs‎

Lines changed: 92 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,92 @@
1+
import slack from "../../slack_v2.app.mjs";
2+
import constants from "../../common/constants.mjs";
3+
4+
export default {
5+
key: "slack_v2-approve-workflow",
6+
name: "Approve Workflow",
7+
description: "Suspend the workflow until approved by a Slack message. [See the documentation](https://pipedream.com/docs/code/nodejs/rerun#flowsuspend)",
8+
version: "0.0.6",
9+
annotations: {
10+
destructiveHint: false,
11+
openWorldHint: true,
12+
readOnlyHint: false,
13+
},
14+
type: "action",
15+
props: {
16+
slack,
17+
channelType: {
18+
type: "string",
19+
label: "Channel Type",
20+
description: "The type of channel to send to. User/Direct Message (im), Group (mpim), Private Channel or Public Channel",
21+
async options() {
22+
return constants.CHANNEL_TYPE_OPTIONS;
23+
},
24+
},
25+
conversation: {
26+
propDefinition: [
27+
slack,
28+
"conversation",
29+
(c) => ({
30+
types: c.channelType === "Channels"
31+
? [
32+
constants.CHANNEL_TYPE.PUBLIC,
33+
constants.CHANNEL_TYPE.PRIVATE,
34+
]
35+
: [
36+
c.channelType,
37+
],
38+
}),
39+
],
40+
},
41+
message: {
42+
type: "string",
43+
label: "Message",
44+
description: "Text to include with the Approve and Cancel Buttons",
45+
},
46+
},
47+
async run({ $ }) {
48+
const {
49+
resume_url, cancel_url,
50+
} = $.flow.suspend();
51+
52+
const response = await this.slack.postChatMessage({
53+
text: "Click here to approve or cancel workflow",
54+
blocks: [
55+
{
56+
type: "section",
57+
text: {
58+
type: "mrkdwn",
59+
text: this.message,
60+
},
61+
},
62+
{
63+
type: "actions",
64+
elements: [
65+
{
66+
type: "button",
67+
text: {
68+
type: "plain_text",
69+
text: "Approve",
70+
},
71+
style: "primary",
72+
url: resume_url,
73+
},
74+
{
75+
type: "button",
76+
text: {
77+
type: "plain_text",
78+
text: "Cancel",
79+
},
80+
style: "danger",
81+
url: cancel_url,
82+
},
83+
],
84+
},
85+
],
86+
channel: this.conversation,
87+
});
88+
89+
$.export("$summary", "Successfully sent message");
90+
return response;
91+
},
92+
};

‎components/slack_v2/actions/archive-channel/archive-channel.mjs‎

Lines changed: 38 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,38 @@
1+
import slack from "../../slack_v2.app.mjs";
2+
import constants from "../../common/constants.mjs";
3+
4+
export default {
5+
key: "slack_v2-archive-channel",
6+
name: "Archive Channel",
7+
description: "Archive a channel. [See the documentation](https://api.slack.com/methods/conversations.archive)",
8+
version: "0.0.25",
9+
annotations: {
10+
destructiveHint: true,
11+
openWorldHint: true,
12+
readOnlyHint: false,
13+
},
14+
type: "action",
15+
props: {
16+
slack,
17+
conversation: {
18+
propDefinition: [
19+
slack,
20+
"conversation",
21+
() => ({
22+
types: [
23+
constants.CHANNEL_TYPE.PUBLIC,
24+
constants.CHANNEL_TYPE.PRIVATE,
25+
constants.CHANNEL_TYPE.MPIM,
26+
],
27+
}),
28+
],
29+
},
30+
},
31+
async run({ $ }) {
32+
const response = await this.slack.archiveConversations({
33+
channel: this.conversation,
34+
});
35+
$.export("$summary", "Successfully archived channel.");
36+
return response;
37+
},
38+
};

‎components/slack_v2/actions/common/build-blocks.mjs‎

Lines changed: 182 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
import common from "./send-message.mjs";
2+
3+
export default {
4+
props: {
5+
passArrayOrConfigure: {
6+
type: "string",
7+
label: "Add Blocks - Reference Existing Blocks Array or Configure Manually?",
8+
description: "Would you like to reference an array of blocks from a previous step (for example, `{{steps.blocks.$return_value}}`), or configure them in this action?",
9+
options: [
10+
{
11+
label: "Reference an array of blocks",
12+
value: "array",
13+
},
14+
{
15+
label: "Configure blocks individually (maximum 5 blocks)",
16+
value: "configure",
17+
},
18+
],
19+
optional: true,
20+
reloadProps: true,
21+
},
22+
},
23+
methods: {
24+
// This adds a visual separator in the props form between each block
25+
separator() {
26+
return `
27+
28+
---
29+
30+
`;
31+
},
32+
createBlockProp(type, label, description) {
33+
return {
34+
type,
35+
label,
36+
description: `${description} ${this.separator()}`,
37+
};
38+
},
39+
createBlock(type, text) {
40+
if (type === "section") {
41+
return {
42+
type: "section",
43+
text: {
44+
type: "mrkdwn",
45+
text,
46+
},
47+
};
48+
} else if (type === "context") {
49+
const elements = Array.isArray(text)
50+
? text.map((t) => ({
51+
type: "mrkdwn",
52+
text: t,
53+
}))
54+
: [
55+
{
56+
type: "mrkdwn",
57+
text,
58+
},
59+
];
60+
return {
61+
type: "context",
62+
elements,
63+
};
64+
} else if (type === "link_button") {
65+
const buttons = Object.keys(text).map((buttonText) => ({
66+
type: "button",
67+
text: {
68+
type: "plain_text",
69+
text: buttonText,
70+
emoji: true,
71+
},
72+
url: text[buttonText], // Access the URL using buttonText as the key
73+
action_id: `actionId-${Math.random().toString(36)
74+
.substr(2, 9)}`, // Generates a random action_id
75+
}));
76+
77+
return {
78+
type: "actions",
79+
elements: buttons,
80+
};
81+
}
82+
},
83+
},
84+
async additionalProps(existingProps) {
85+
await common.additionalProps.call(this, existingProps);
86+
const props = {};
87+
const sectionDescription = "Add a **section** block to your message and configure with plain text or mrkdwn. See [Slack's docs](https://api.slack.com/reference/block-kit/blocks?ref=bk#section) for more info.";
88+
const contextDescription = "Add a **context** block to your message and configure with plain text or mrkdwn. Define multiple items if you'd like multiple elements in the context block. See [Slack's docs](https://api.slack.com/reference/block-kit/blocks?ref=bk#context) for more info.";
89+
const linkButtonDescription = "Add a **link button** to your message. Enter the button text as the key and the link URL as the value. Configure multiple buttons in the array to render them inline, or add additional Button Link blocks to render them vertically. See [Slack's docs](https://api.slack.com/reference/block-kit/blocks?ref=bk#actions) for more info.";
90+
const propsSection = this.createBlockProp("string", "Section Block Text", sectionDescription);
91+
const propsContext = this.createBlockProp("string[]", "Context Block Text", contextDescription);
92+
const propsLinkButton = this.createBlockProp("object", "Link Button", linkButtonDescription);
93+
94+
if (!this.passArrayOrConfigure) {
95+
return props;
96+
}
97+
if (this.passArrayOrConfigure === "array") {
98+
props.blocks = {
99+
type: common.props.slack.propDefinitions.blocks.type,
100+
label: common.props.slack.propDefinitions.blocks.label,
101+
description: common.props.slack.propDefinitions.blocks.description,
102+
};
103+
} else {
104+
props.blockType = {
105+
type: "string",
106+
label: "Block Type",
107+
description: "Select the type of block to add. Refer to [Slack's docs](https://api.slack.com/reference/block-kit/blocks) for more info.",
108+
options: [
109+
{
110+
label: "Section",
111+
value: "section",
112+
},
113+
{
114+
label: "Context",
115+
value: "context",
116+
},
117+
{
118+
label: "Link Button",
119+
value: "link_button",
120+
},
121+
],
122+
reloadProps: true,
123+
};}
124+
let currentBlockType = this.blockType;
125+
for (let i = 1; i <= 5; i++) {
126+
if (currentBlockType === "section") {
127+
props[`section${i}`] = propsSection;
128+
} else if (currentBlockType === "context") {
129+
props[`context${i}`] = propsContext;
130+
} else if (currentBlockType === "link_button") {
131+
props[`linkButton${i}`] = propsLinkButton;
132+
}
133+
134+
if (i < 5 && currentBlockType) { // Check if currentBlockType is set before adding nextBlockType
135+
props[`nextBlockType${i}`] = {
136+
type: "string",
137+
label: "Next Block Type",
138+
options: [
139+
{
140+
label: "Section",
141+
value: "section",
142+
},
143+
{
144+
label: "Context",
145+
value: "context",
146+
},
147+
{
148+
label: "Link Button",
149+
value: "link_button",
150+
},
151+
],
152+
optional: true,
153+
reloadProps: true,
154+
};
155+
currentBlockType = this[`nextBlockType${i}`];
156+
}
157+
}
158+
return props;
159+
},
160+
async run() {
161+
let blocks = [];
162+
if (this.passArrayOrConfigure === "array") {
163+
blocks = this.blocks;
164+
} else {
165+
for (let i = 1; i <= 5; i++) {
166+
if (this[`section${i}`]) {
167+
blocks.push(this.createBlock("section", this[`section${i}`]));
168+
}
169+
170+
if (this[`context${i}`]) {
171+
blocks.push(this.createBlock("context", this[`context${i}`]));
172+
}
173+
174+
if (this[`linkButton${i}`]) {
175+
blocks.push(this.createBlock("link_button", this[`linkButton${i}`]));
176+
}
177+
}
178+
}
179+
return blocks;
180+
},
181+
};
182+

0 commit comments

Comments
 (0)