const { TemplatedDialogForm } = require("slack-ext-dialog");
 
class TestForm extends TemplatedDialogForm {
 
    submission: any | null = null;
 
    constructor(manager: TemplatedDialogManager) {
        // the id of the dialog wil be 'tst'
        // we're going to use 'dialog' template
        super('tst', 'dialog', manager);
    }
 
    getTriggers() {
        // the dialog is going to be shown, whenever
        // an action with 'hello' is triggerd
        return [{ actionId: 'hello' }]
    }
 
    async getTemplateData(payload) {
        await Promise.resolve({
            "title": "My first dialog"
        });
    }
 
    async onSubmit(payload: IPayload) {
        this.submission = payload.submission;
        await Promise.resolve();
    }
 
}

const { createDefaultDialogManager } = require("slack-ext-dialog");
 
const templateDir = "./templates";
const manager = createDefaultDialogManager("slack-token", "slack-signing-sercret", templateDir);
 
const dialog = new TestForm(manager);

{
    "dialog": {
        "title": "{{title}}",
        "submit_label": "OK",
        "elements": [
            {
                "type": "text",
                "label": "Message",
                "name": "message"
            }
        ]
    }
}