feat(formatter): Implement find array item by property transformer

feat: Introduce backend test suite with ava

.devcontainer/Dockerfile

@@ -0,0 +1 @@
+FROM mcr.microsoft.com/vscode/devcontainers/base:ubuntu-22.04

.devcontainer/boot.sh

@@ -0,0 +1,44 @@
+#!/bin/bash
+
+CURRENT_DIR="$(pwd)"
+BACKEND_PORT=3000
+WEB_PORT=3001
+
+echo "Configuring backend environment variables..."
+cd packages/backend
+rm -rf .env
+echo "
+PORT=$BACKEND_PORT
+WEB_APP_URL=http://localhost:$WEB_PORT
+APP_ENV=development
+POSTGRES_DATABASE=automatisch
+POSTGRES_PORT=5432
+POSTGRES_HOST=postgres
+POSTGRES_USERNAME=automatisch_user
+POSTGRES_PASSWORD=automatisch_password
+ENCRYPTION_KEY=sample_encryption_key
+WEBHOOK_SECRET_KEY=sample_webhook_secret_key
+APP_SECRET_KEY=sample_app_secret_key
+REDIS_HOST=redis
+SERVE_WEB_APP_SEPARATELY=true" >> .env
+cd $CURRENT_DIR
+
+echo "Configuring web environment variables..."
+cd packages/web
+rm -rf .env
+echo "
+PORT=$WEB_PORT
+REACT_APP_GRAPHQL_URL=http://localhost:$BACKEND_PORT/graphql
+" >> .env
+cd $CURRENT_DIR
+
+echo "Installing and linking dependencies..."
+yarn
+yarn lerna bootstrap
+
+echo "Migrating database..."
+cd packages/backend
+yarn db:migrate
+yarn db:seed:user
+
+echo "Done!"

.devcontainer/devcontainer.json

@@ -0,0 +1,53 @@
+{
+  "name": "Automatisch",
+  "dockerComposeFile": "docker-compose.yml",
+  "service": "app",
+  "workspaceFolder": "/workspace",
+  "features": {
+    "ghcr.io/devcontainers/features/git:1": {
+      "version": "latest"
+    },
+    "ghcr.io/devcontainers/features/node:1": {
+      "version": 16
+    },
+    "ghcr.io/devcontainers/features/common-utils:1": {
+      "username": "vscode",
+      "uid": 1000,
+      "gid": 1000,
+      "installZsh": true,
+      "installOhMyZsh": true,
+      "configureZshAsDefaultShell": true,
+      "upgradePackages": true
+    }
+  },
+
+  "hostRequirements": {
+    "cpus": 4,
+    "memory": "8gb",
+    "storage": "32gb"
+  },
+
+  "portsAttributes": {
+    "3000": {
+      "label": "Backend",
+      "onAutoForward": "silent",
+      "protocol": "http"
+    },
+    "3001": {
+      "label": "Frontend",
+      "onAutoForward": "silent",
+      "protocol": "http"
+    }
+  },
+
+  "forwardPorts": [3000, 3001],
+
+  // Use 'postCreateCommand' to run commands after the container is created.
+  "postCreateCommand": ["bash", ".devcontainer/boot.sh"]
+
+  // Configure tool-specific properties.
+  // "customizations": {},
+
+  // Uncomment to connect as root instead. More info: https://aka.ms/dev-containers-non-root.
+  // "remoteUser": "root"
+}

.devcontainer/docker-compose.yml

@@ -0,0 +1,64 @@
+version: '3.9'
+
+services:
+  app:
+    build:
+      context: ..
+      dockerfile: .devcontainer/Dockerfile
+    volumes:
+      - ..:/workspace:cached
+    command: sleep infinity
+  postgres:
+    image: 'postgres:14.5-alpine'
+    environment:
+      - POSTGRES_DB=automatisch
+      - POSTGRES_USER=automatisch_user
+      - POSTGRES_PASSWORD=automatisch_password
+    volumes:
+      - postgres_data:/var/lib/postgresql/data
+    healthcheck:
+      test: ['CMD-SHELL', 'pg_isready -U $${POSTGRES_USER} -d $${POSTGRES_DB}']
+      interval: 10s
+      timeout: 5s
+      retries: 5
+    ports:
+      - '5432:5432'
+    expose:
+      - 5432
+  redis:
+    image: 'redis:7.0.4-alpine'
+    volumes:
+      - redis_data:/data
+    ports:
+      - '6379:6379'
+    expose:
+      - 6379
+  keycloak:
+    image: quay.io/keycloak/keycloak:21.1
+    restart: always
+    container_name: keycloak
+    environment:
+      - KEYCLOAK_ADMIN=admin
+      - KEYCLOAK_ADMIN_PASSWORD=admin
+      - KC_DB=postgres
+      - KC_DB_URL_HOST=postgres
+      - KC_DB_URL_DATABASE=keycloak
+      - KC_DB_USERNAME=automatisch_user
+      - KC_DB_PASSWORD=automatisch_password
+      - KC_HEALTH_ENABLED=true
+    ports:
+      - "8080:8080"
+    command: start-dev
+    depends_on:
+      - postgres
+    healthcheck:
+      test: "curl -f http://localhost:8080/health/ready || exit 1"
+    volumes:
+      - keycloak:/opt/keycloak/data/
+    expose:
+      - 8080
+
+volumes:
+  postgres_data:
+  redis_data:
+  keycloak:

.dockerignore

@@ -0,0 +1,8 @@
+**/node_modules/
+**/dist/
+**/logs/
+**/.devcontainer
+**/.github
+**/.vscode
+packages/docs
+packages/e2e-test

.github/workflows/ci.yml

@@ -1,5 +1,11 @@
 name: Automatisch CI
-on: [push]
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+  workflow_dispatch:
+
 jobs:
   linter:
     runs-on: ubuntu-latest

.github/workflows/playwright.yml

@@ -0,0 +1,88 @@
+name: Automatisch UI Tests
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+  workflow_dispatch:
+
+env:
+  ENCRYPTION_KEY: sample_encryption_key
+  WEBHOOK_SECRET_KEY: sample_webhook_secret_key
+  APP_SECRET_KEY: sample_app_secret_key
+  POSTGRES_HOST: localhost
+  POSTGRES_DATABASE: automatisch
+  POSTGRES_PORT: 5432
+  POSTGRES_USERNAME: automatisch_user
+  POSTGRES_PASSWORD: automatisch_password
+  REDIS_HOST: localhost
+  APP_ENV: production
+  LICENSE_KEY: ${{ secrets.E2E_LICENSE_KEY }}
+
+jobs:
+  test:
+    timeout-minutes: 60
+    runs-on: ubuntu-latest
+    services:
+      postgres:
+        image: postgres:14.5-alpine
+        env:
+          POSTGRES_DB: automatisch
+          POSTGRES_USER: automatisch_user
+          POSTGRES_PASSWORD: automatisch_password
+        options: >-
+          --health-cmd "pg_isready -U automatisch_user -d automatisch"
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+        ports:
+          - 5432:5432
+      redis:
+        image: redis:7.0.4-alpine
+        options: >-
+          --health-cmd "redis-cli ping"
+          --health-interval 10s
+          --health-timeout 5s
+          --health-retries 5
+        ports:
+          - 6379:6379
+
+    steps:
+      - uses: actions/checkout@v3
+      - uses: actions/setup-node@v3
+        with:
+          node-version: 18
+      - name: Install dependencies
+        run: yarn && yarn lerna bootstrap
+      - name: Install Playwright Browsers
+        run: yarn playwright install --with-deps
+      - name: Build Automatisch
+        run: yarn lerna run --scope=@*/{web,backend,cli} build
+        env:
+          # Keep this until we clean up warnings in build processes
+          CI: false
+      - name: Migrate database
+        working-directory: ./packages/backend
+        run: yarn db:migrate --migrations-directory ./dist/src/db/migrations
+      - name: Seed user
+        working-directory: ./packages/backend
+        run: yarn db:seed:user &
+      - name: Run Automatisch
+        run: yarn start &
+        working-directory: ./packages/backend
+      - name: Run Automatisch worker
+        run: node dist/src/worker.js &
+        working-directory: ./packages/backend
+      - name: Run Playwright tests
+        working-directory: ./packages/e2e-tests
+        env:
+          LOGIN_EMAIL: user@automatisch.io
+          LOGIN_PASSWORD: sample
+          BASE_URL: http://localhost:3000
+        run: yarn test
+      - uses: actions/upload-artifact@v3
+        if: always()
+        with:
+          name: playwright-report
+          path: ./packages/e2e-tests/test-results/**/*
+          retention-days: 30

.gitignore

@@ -125,3 +125,6 @@ dist
 .yarn/build-state.yml
 .yarn/install-state.gz
 .pnp.*
+
+# MacOS finder preferences
+.DS_store

.node-version

@@ -0,0 +1 @@
+16.15.0

.nvmrc

@@ -0,0 +1 @@
+16.15.0

.vscode/settings.json

@@ -1,4 +1,7 @@
 {
   "editor.formatOnSave": true,
-  "editor.defaultFormatter": "esbenp.prettier-vscode"
+  "editor.defaultFormatter": "esbenp.prettier-vscode",
+  "[javascript]": {
+    "editor.defaultFormatter": "esbenp.prettier-vscode"
+  }
 }

CONTRIBUTOR_LICENSE_AGREEMENT.md

@@ -0,0 +1,5 @@
+# Automatisch Contributor License Agreement
+
+I give Automatisch permission to license my contributions on any terms they like. I am giving them this license in order to make it possible for them to accept my contributions into their project.
+
+**_As far as the law allows, my contributions come as is, without any warranty or condition, and I will not be liable to anyone for any damages related to this software or this license, under any kind of legal claim._**

LICENSE

@@ -0,0 +1,3 @@
+LICENSE.agpl (AGPL-3.0) applies to all files in this
+repository, except for files that contain ".ee." in their name
+which are covered by LICENSE.enterprise.

LICENSE.enterprise

@@ -0,0 +1,35 @@
+The Automatisch Enterprise license (the “Enterprise License”)
+Copyright (c) 2023-present AB Software GmbH.
+
+With regard to the Automatisch Software:
+
+This software and associated documentation files (the "Software") may only be
+used in production, if you (and any entity that you represent) have a valid
+Automatisch Enterprise license for the correct number of user seats. Subject
+to the foregoing sentence, you are free to modify this Software and publish
+patches to the Software. You agree that Automatisch and/or its licensors
+(as applicable) retain all right, title and interest in and to all such
+modifications and/or patches, and all such modifications and/or patches may
+only be used, copied, modified, displayed, distributed, or otherwise exploited
+with a valid Automatisch Enterprise license for the correct number of user seats.
+Notwithstanding the foregoing, you may copy and modify the Software for
+development and testing purposes, without requiring a subscription. You agree
+that Automatisch and/or its licensors (as applicable) retain all right, title
+and interest in and to all such modifications. You are not granted any other
+rights beyond what is expressly stated herein. Subject to the foregoing, it is
+forbidden to copy, merge, publish, distribute, sublicense, and/or sell the Software.
+
+The full text of this Enterprise License shall be included in all copies or
+substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
+
+For all third party components incorporated into the Automatisch Software, those
+components are licensed under the original license provided by the owner of the
+applicable component.

README.md

@@ -24,7 +24,7 @@ The official documentation can be found here: [https://automatisch.io/docs](http
 
 ```bash
 # Clone the repository
-git clone git@github.com:automatisch/automatisch.git
+git clone https://github.com/automatisch/automatisch.git
 
 # Go to the repository folder
 cd automatisch
@@ -44,10 +44,18 @@ For other installation types, you can check the [installation](https://automatis
 
 ## Support
 
-If you have any questions or problems, please visit our GitHub discussions page, and we'll try to help you as soon as possible.
+If you have any questions or problems, please visit our GitHub issues page, and we'll try to help you as soon as possible.
 
-[https://github.com/automatisch/automatisch/discussions](https://github.com/automatisch/automatisch/discussions)
+[https://github.com/automatisch/automatisch/issues](https://github.com/automatisch/automatisch/issues)
 
 ## License
 
-Automatisch is an open-source software with the [AGPL 3.0 license](https://github.com/automatisch/automatisch/blob/main/LICENSE.md).
+Automatisch Community Edition (Automatisch CE) is an open-source software with the [AGPL-3.0 license](LICENSE.agpl).
+
+Automatisch Enterprise Edition (Automatisch EE) is a commercial offering with the [Enterprise license](LICENSE.enterprise).
+
+The Automatisch repository contains both AGPL-licensed and Enterprise-licensed files. We maintain a single repository to make development easier.
+
+All files that contain ".ee." in their name fall under the [Enterprise license](LICENSE.enterprise). All other files fall under the [AGPL-3.0 license](LICENSE.agpl).
+
+See the [LICENSE](LICENSE) file for more information.

docker/Dockerfile

@@ -2,13 +2,13 @@
 FROM node:16-alpine
 WORKDIR /automatisch
 
-RUN apk --no-cache add --virtual build-dependencies python3 build-base
+RUN \
+  apk --no-cache add --virtual build-dependencies python3 build-base && \
+  yarn global add @automatisch/cli@0.9.3 --network-timeout 1000000 && \
+  rm -rf /usr/local/share/.cache/ && \
+  apk del build-dependencies
 
 COPY ./entrypoint.sh /entrypoint.sh
 
-RUN yarn global add @automatisch/cli@0.3.0
-
-RUN apk del build-dependencies python3 build-base
-
 EXPOSE 3000
 ENTRYPOINT ["sh", "/entrypoint.sh"]

docker/Dockerfile.cloud

@@ -0,0 +1,19 @@
+# syntax=docker/dockerfile:1
+FROM node:16-alpine
+WORKDIR /automatisch
+
+ENV PORT 3000
+
+RUN ls -lna
+
+# copy the app, note .dockerignore
+COPY . ./
+
+RUN yarn
+RUN yarn lerna bootstrap
+RUN yarn lerna run --scope=@*/{web,backend,cli} build
+
+COPY ./docker/entrypoint-cloud.sh /entrypoint-cloud.sh
+
+EXPOSE 3000
+ENTRYPOINT ["sh", "/entrypoint-cloud.sh"]

docker/Dockerfile.compose

@@ -1,5 +1,5 @@
 # syntax=docker/dockerfile:1
-FROM automatischio/automatisch:0.3.0
+FROM automatischio/automatisch:0.9.3
 WORKDIR /automatisch
 
 RUN apk add --no-cache openssl dos2unix

docker/entrypoint-cloud.sh

@@ -0,0 +1,9 @@
+#!/bin/sh
+
+set -e
+
+if [ -n "$WORKER" ]; then
+  yarn automatisch start-worker
+else
+  yarn automatisch start
+fi

lerna.json

@@ -2,7 +2,7 @@
   "packages": [
     "packages/*"
   ],
-  "version": "0.3.0",
+  "version": "0.9.3",
   "npmClient": "yarn",
   "useWorkspaces": true,
   "command": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@automatisch/root",
-  "license": "AGPL-3.0",
+  "license": "See LICENSE file",
   "private": true,
   "scripts": {
     "start": "lerna run --stream --parallel --scope=@*/{web,backend} dev",

packages/backend/.env-example.test

@@ -0,0 +1,16 @@
+APP_ENV=test
+HOST=localhost
+PROTOCOL=http
+PORT=3000
+LOG_LEVEL=debug
+WEBHOOK_SECRET_KEY=secret
+POSTGRES_DATABASE=automatisch_test
+POSTGRES_PORT=5432
+POSTGRES_HOST=localhost
+POSTGRES_USERNAME=automatisch_test_user
+POSTGRES_PASSWORD=
+POSTGRES_ENABLE_SSL=false
+ENCRYPTION_KEY=secret
+APP_SECRET_KEY=secret
+REDIS_PORT=6379
+REDIS_HOST=127.0.0.1

packages/backend/ava.config.mjs

@@ -0,0 +1,5 @@
+export default {
+  require: ['ts-node/register', './src/config/app.ts'],
+  files: ['**/*.test.ts'],
+  extensions: ['ts'],
+};

packages/backend/bin/database/utils.ts

@@ -2,16 +2,33 @@ import appConfig from '../../src/config/app';
 import logger from '../../src/helpers/logger';
 import client from './client';
 import User from '../../src/models/user';
+import Role from '../../src/models/role';
 import '../../src/config/orm';
 
+async function fetchAdminRole() {
+  const role = await Role
+    .query()
+    .where({
+      key: 'admin'
+    })
+    .limit(1)
+    .first();
+
+  return role;
+}
+
 export async function createUser(
   email = 'user@automatisch.io',
   password = 'sample'
 ) {
   const UNIQUE_VIOLATION_CODE = '23505';
+
+  const role = await fetchAdminRole();
   const userParams = {
     email,
     password,
+    fullName: 'Initial admin',
+    roleId: role.id,
   };
 
   try {

packages/backend/knexfile.ts

@@ -12,6 +12,8 @@ const knexConfig = {
     database: appConfig.postgresDatabase,
     ssl: appConfig.postgresEnableSsl,
   },
+  asyncStackTraces: appConfig.isDev,
+  searchPath: [appConfig.postgresSchema],
   pool: { min: 0, max: 20 },
   migrations: {
     directory: __dirname + '/src/db/migrations',

packages/backend/package.json

@@ -1,15 +1,16 @@
 {
   "name": "@automatisch/backend",
-  "version": "0.3.0",
-  "license": "AGPL-3.0",
+  "version": "0.9.3",
+  "license": "See LICENSE file",
   "description": "The open source Zapier alternative. Build workflow automation without spending time and money.",
   "scripts": {
-    "dev": "ts-node-dev --exit-child src/server.ts",
+    "dev": "ts-node-dev --watch 'src/graphql/schema.graphql' --exit-child src/server.ts",
     "worker": "nodemon --watch 'src/**/*.ts' --exec 'ts-node' src/worker.ts",
     "build": "tsc && yarn copy-statics",
     "build:watch": "nodemon --watch 'src/**/*.ts' --watch 'bin/**/*.ts' --exec yarn build --ext ts",
     "start": "node dist/src/server.js",
-    "test": "ava",
+    "pretest": "APP_ENV=test ts-node ./test/setup/prepare-test-env.ts",
+    "test": "APP_ENV=test ava",
     "lint": "eslint . --ignore-path ../../.eslintignore",
     "db:create": "ts-node ./bin/database/create.ts",
     "db:seed:user": "ts-node ./bin/database/seed-user.ts",
@@ -17,17 +18,25 @@
     "db:migration:create": "knex migrate:make",
     "db:rollback": "knex migrate:rollback",
     "db:migrate": "knex migrate:latest",
-    "copy-statics": "copyfiles src/**/*.{graphql,json,svg} dist",
+    "copy-statics": "copyfiles src/**/*.{graphql,json,svg,hbs} dist",
     "prepack": "yarn build",
     "prebuild": "rm -rf ./dist"
   },
   "dependencies": {
-    "@automatisch/web": "^0.3.0",
+    "@automatisch/web": "^0.9.3",
     "@bull-board/express": "^3.10.1",
+    "@casl/ability": "^6.5.0",
     "@graphql-tools/graphql-file-loader": "^7.3.4",
     "@graphql-tools/load": "^7.5.2",
+    "@node-saml/passport-saml": "^4.0.4",
     "@rudderstack/rudder-sdk-node": "^1.1.2",
+    "@sentry/node": "^7.42.0",
+    "@sentry/tracing": "^7.42.0",
+    "@types/accounting": "^0.4.2",
     "@types/luxon": "^2.3.1",
+    "@types/passport": "^1.0.12",
+    "@types/xmlrpc": "^1.3.7",
+    "accounting": "^0.4.1",
     "ajv-formats": "^2.1.1",
     "axios": "0.24.0",
     "bcrypt": "^5.0.1",
@@ -45,18 +54,29 @@
     "graphql-shield": "^7.5.0",
     "graphql-tools": "^8.2.0",
     "graphql-type-json": "^0.3.2",
+    "handlebars": "^4.7.7",
     "http-errors": "~1.6.3",
+    "http-proxy-agent": "^7.0.0",
+    "https-proxy-agent": "^7.0.1",
     "jsonwebtoken": "^9.0.0",
-    "knex": "^0.95.11",
+    "knex": "^2.4.0",
     "lodash.get": "^4.4.2",
     "luxon": "2.5.2",
+    "memory-cache": "^0.2.0",
     "morgan": "^1.10.0",
     "multer": "1.4.5-lts.1",
+    "node-html-markdown": "^1.3.0",
     "nodemailer": "6.7.0",
     "oauth-1.0a": "^2.2.6",
     "objection": "^3.0.0",
+    "passport": "^0.6.0",
     "pg": "^8.7.1",
-    "winston": "^3.7.1"
+    "php-serialize": "^4.0.2",
+    "pluralize": "^8.0.0",
+    "showdown": "^2.1.0",
+    "stripe": "^11.13.0",
+    "winston": "^3.7.1",
+    "xmlrpc": "^1.3.2"
   },
   "contributors": [
     {
@@ -94,7 +114,7 @@
     "url": "https://github.com/automatisch/automatisch/issues"
   },
   "devDependencies": {
-    "@automatisch/types": "^0.3.0",
+    "@automatisch/types": "^0.9.3",
     "@types/bcrypt": "^5.0.0",
     "@types/bull": "^3.15.8",
     "@types/cors": "^2.8.12",
@@ -103,29 +123,21 @@
     "@types/http-errors": "^1.8.1",
     "@types/jsonwebtoken": "^8.5.8",
     "@types/lodash.get": "^4.4.6",
+    "@types/memory-cache": "^0.2.2",
     "@types/morgan": "^1.9.3",
     "@types/multer": "1.4.7",
     "@types/node": "^16.10.2",
     "@types/nodemailer": "^6.4.4",
     "@types/pg": "^8.6.1",
     "@types/pino": "^7.0.5",
-    "ava": "^3.15.0",
+    "@types/pluralize": "^0.0.30",
+    "@types/showdown": "^2.0.1",
+    "ava": "^5.3.1",
     "nodemon": "^2.0.13",
     "sinon": "^11.1.2",
     "ts-node": "^10.2.1",
     "ts-node-dev": "^1.1.8"
   },
-  "ava": {
-    "files": [
-      "test/**/*"
-    ],
-    "extensions": [
-      "ts"
-    ],
-    "require": [
-      "ts-node/register"
-    ]
-  },
   "publishConfig": {
     "access": "public"
   }

packages/backend/src/app.ts

@@ -1,8 +1,12 @@
 import createError from 'http-errors';
 import express from 'express';
 import cors from 'cors';
+
+import { IRequest } from '@automatisch/types';
+import appConfig from './config/app';
 import corsOptions from './config/cors-options';
 import morgan from './helpers/morgan';
+import * as Sentry from './helpers/sentry.ee';
 import appAssetsHandler from './helpers/app-assets-handler';
 import webUIHandler from './helpers/web-ui-handler';
 import errorHandler from './helpers/error-handler';
@@ -13,12 +17,17 @@ import {
 } from './helpers/create-bull-board-handler';
 import injectBullBoardHandler from './helpers/inject-bull-board-handler';
 import router from './routes';
-import { IRequest } from '@automatisch/types';
+import configurePassport from './helpers/passport';
 
 createBullBoardHandler(serverAdapter);
 
 const app = express();
 
+Sentry.init(app);
+
+Sentry.attachRequestHandler(app);
+Sentry.attachTracingHandler(app);
+
 injectBullBoardHandler(app, serverAdapter);
 
 appAssetsHandler(app);
@@ -26,18 +35,25 @@ appAssetsHandler(app);
 app.use(morgan);
 app.use(
   express.json({
+    limit: appConfig.requestBodySizeLimit,
+    verify(req, res, buf) {
+      (req as IRequest).rawBody = buf;
+    },
+  })
+);
+app.use(
+  express.urlencoded({
+    extended: true,
+    limit: appConfig.requestBodySizeLimit,
     verify(req, res, buf) {
       (req as IRequest).rawBody = buf;
     },
   })
 );
-app.use(express.urlencoded({
-  extended: false,
-  verify(req, res, buf) {
-    (req as IRequest).rawBody = buf;
-  },
-}));
 app.use(cors(corsOptions));
+
+configurePassport(app);
+
 app.use('/', router);
 
 webUIHandler(app);
@@ -47,6 +63,8 @@ app.use(function (req, res, next) {
   next(createError(404));
 });
 
+Sentry.attachErrorHandler(app);
+
 app.use(errorHandler);
 
 export default app;

packages/backend/src/apps/deepl/actions/translate-text/index.ts

@@ -2,7 +2,7 @@ import qs from 'qs';
 import defineAction from '../../../../helpers/define-action';
 
 export default defineAction({
-  name: 'Translate Text',
+  name: 'Translate text',
   key: 'translateText',
   description: 'Translates text from one language to another.',
   arguments: [
@@ -20,7 +20,7 @@ export default defineAction({
       type: 'dropdown' as const,
       required: true,
       description: 'Language to translate the text to.',
-      variables: false,
+      variables: true,
       value: '',
       options: [
         { label: 'Bulgarian', value: 'BG' },

packages/backend/src/apps/delay/actions/delay-for/index.ts

@@ -1,7 +1,7 @@
 import defineAction from '../../../../helpers/define-action';
 
 export default defineAction({
-  name: 'Delay For',
+  name: 'Delay for',
   key: 'delayFor',
   description:
     'Delays the execution of the next action by a specified amount of time.',
@@ -13,7 +13,7 @@ export default defineAction({
       required: true,
       value: null,
       description: 'Delay for unit, e.g. minutes, hours, days, weeks.',
-      variables: false,
+      variables: true,
       options: [
         {
           label: 'Minutes',

packages/backend/src/apps/delay/actions/delay-until/index.ts

@@ -1,7 +1,7 @@
 import defineAction from '../../../../helpers/define-action';
 
 export default defineAction({
-  name: 'Delay Until',
+  name: 'Delay until',
   key: 'delayUntil',
   description:
     'Delays the execution of the next action until a specified date.',

packages/backend/src/apps/discord/actions/send-message-to-channel/index.ts

@@ -11,7 +11,7 @@ export default defineAction({
       type: 'dropdown' as const,
       required: true,
       description: 'Pick a channel to send the message to.',
-      variables: false,
+      variables: true,
       source: {
         type: 'query',
         name: 'getDynamicData',

packages/backend/src/apps/discord/dynamic-data/list-channels/index.ts

@@ -19,8 +19,8 @@ export default {
 
     channels.data = response.data
       .filter((channel: IJSONObject) => {
-        // filter in text channels only
-        return channel.type === 0;
+        // filter in text channels and announcement channels only
+        return channel.type === 0 || channel.type === 5;
       })
       .map((channel: IJSONObject) => {
         return {

packages/backend/src/apps/dropbox/actions/create-folder/index.ts

@@ -0,0 +1,36 @@
+import path from 'node:path';
+import defineAction from '../../../../helpers/define-action';
+
+export default defineAction({
+  name: 'Create folder',
+  key: 'createFolder',
+  description: 'Create a new folder with the given parent folder and folder name',
+  arguments: [
+    {
+      label: 'Folder',
+      key: 'parentFolder',
+      type: 'string' as const,
+      required: true,
+      description: 'Enter the parent folder path, like /TextFiles/ or /Documents/Taxes/',
+      variables: true,
+    },
+    {
+      label: 'Folder Name',
+      key: 'folderName',
+      type: 'string' as const,
+      required: true,
+      description: 'Enter the name for the new folder',
+      variables: true,
+    },
+  ],
+
+  async run($) {
+    const parentFolder = $.step.parameters.parentFolder as string;
+    const folderName = $.step.parameters.folderName as string;
+    const folderPath = path.join(parentFolder, folderName);
+
+    const response = await $.http.post('/2/files/create_folder_v2', { path: folderPath });
+
+    $.setActionItem({ raw: response.data });
+  },
+});

packages/backend/src/apps/dropbox/actions/index.ts

@@ -0,0 +1,4 @@
+import createFolder from "./create-folder";
+import renameFile from "./rename-file";
+
+export default [createFolder, renameFile];

packages/backend/src/apps/dropbox/actions/rename-file/index.ts

@@ -0,0 +1,45 @@
+import path from 'node:path';
+import defineAction from '../../../../helpers/define-action';
+
+export default defineAction({
+  name: 'Rename file',
+  key: 'renameFile',
+  description: 'Rename a file with the given file path and new name',
+  arguments: [
+    {
+      label: 'File Path',
+      key: 'filePath',
+      type: 'string' as const,
+      required: true,
+      description:
+        'Write the full path to the file such as /Folder1/File.pdf',
+      variables: true,
+    },
+    {
+      label: 'New Name',
+      key: 'newName',
+      type: 'string' as const,
+      required: true,
+      description: "Enter the new name for the file (without the extension, e.g., '.pdf')",
+      variables: true,
+    },
+  ],
+
+  async run($) {
+    const filePath = $.step.parameters.filePath as string;
+    const newName = $.step.parameters.newName as string;
+    const fileObject = path.parse(filePath);
+    const newPath = path.format({
+      dir: fileObject.dir,
+      ext: fileObject.ext,
+      name: newName,
+    });
+
+    const response = await $.http.post('/2/files/move_v2', {
+      from_path: filePath,
+      to_path: newPath,
+    });
+
+    $.setActionItem({ raw: response.data.metadata });
+  },
+});

packages/backend/src/apps/dropbox/assets/favicon.svg

@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" aria-label="Dropbox" role="img" viewBox="0 0 512 512" fill="#0061ff">
+  <path d="M158 101l-99 63 295 188 99-63m-99-188l99 63-295 188-99-63m99 83l98 63 98-63-98-62z"/>
+</svg>

packages/backend/src/apps/dropbox/auth/generate-auth-url.ts

@@ -0,0 +1,22 @@
+import { URLSearchParams } from 'url';
+import { IField, IGlobalVariable } from '@automatisch/types';
+import scopes from '../common/scopes';
+
+export default async function generateAuthUrl($: IGlobalVariable) {
+  const oauthRedirectUrlField = $.app.auth.fields.find(
+    (field: IField) => field.key == 'oAuthRedirectUrl'
+  );
+  const callbackUrl = oauthRedirectUrlField.value as string;
+
+  const searchParams = new URLSearchParams({
+    client_id: $.auth.data.clientId as string,
+    redirect_uri: callbackUrl,
+    response_type: 'code',
+    scope: scopes.join(' '),
+    token_access_type: 'offline',
+  });
+
+  const url = `${$.app.baseUrl}/oauth2/authorize?${searchParams.toString()}`;
+
+  await $.auth.set({ url });
+}

packages/backend/src/apps/dropbox/auth/index.ts

@@ -0,0 +1,48 @@
+import generateAuthUrl from './generate-auth-url';
+import verifyCredentials from './verify-credentials';
+import isStillVerified from './is-still-verified';
+import refreshToken from './refresh-token';
+
+export default {
+  fields: [
+    {
+      key: 'oAuthRedirectUrl',
+      label: 'OAuth Redirect URL',
+      type: 'string' as const,
+      required: true,
+      readOnly: true,
+      value: '{WEB_APP_URL}/app/dropbox/connections/add',
+      placeholder: null,
+      description:
+        'When asked to input an OAuth callback or redirect URL in Dropbox OAuth, enter the URL above.',
+      clickToCopy: true,
+    },
+    {
+      key: 'clientId',
+      label: 'App Key',
+      type: 'string' as const,
+      required: true,
+      readOnly: false,
+      value: null,
+      placeholder: null,
+      description: null,
+      clickToCopy: false,
+    },
+    {
+      key: 'clientSecret',
+      label: 'App Secret',
+      type: 'string' as const,
+      required: true,
+      readOnly: false,
+      value: null,
+      placeholder: null,
+      description: null,
+      clickToCopy: false,
+    },
+  ],
+
+  generateAuthUrl,
+  verifyCredentials,
+  isStillVerified,
+  refreshToken,
+};

packages/backend/src/apps/dropbox/auth/is-still-verified.ts

@@ -0,0 +1,9 @@
+import { IGlobalVariable } from '@automatisch/types';
+import getCurrentAccount from '../common/get-current-account';
+
+const isStillVerified = async ($: IGlobalVariable) => {
+  const account = await getCurrentAccount($);
+  return !!account;
+};
+
+export default isStillVerified;

packages/backend/src/apps/dropbox/auth/refresh-token.ts

@@ -0,0 +1,41 @@
+import { Buffer } from 'node:buffer';
+import { IGlobalVariable } from '@automatisch/types';
+
+const refreshToken = async ($: IGlobalVariable) => {
+  const params = {
+    grant_type: 'refresh_token',
+    refresh_token: $.auth.data.refreshToken as string,
+  };
+
+  const basicAuthToken = Buffer
+    .from(`${$.auth.data.clientId}:${$.auth.data.clientSecret}`)
+    .toString('base64');
+
+  const { data } = await $.http.post(
+    'oauth2/token',
+    null,
+    {
+      params,
+      headers: {
+        Authorization: `Basic ${basicAuthToken}`
+      },
+      additionalProperties: {
+        skipAddingAuthHeader: true
+      }
+    }
+  );
+
+  const {
+    access_token: accessToken,
+    expires_in: expiresIn,
+    token_type: tokenType,
+  } = data;
+
+  await $.auth.set({
+    accessToken,
+    expiresIn,
+    tokenType,
+  });
+};
+
+export default refreshToken;

packages/backend/src/apps/dropbox/auth/verify-credentials.ts

@@ -0,0 +1,102 @@
+import { IGlobalVariable, IField } from '@automatisch/types';
+import getCurrentAccount from '../common/get-current-account';
+
+type TAccount = {
+  account_id: string,
+  name: {
+    given_name: string,
+    surname: string,
+    familiar_name: string,
+    display_name: string,
+    abbreviated_name: string,
+  },
+  email: string,
+  email_verified: boolean,
+  disabled: boolean,
+  country: string,
+  locale: string,
+  referral_link: string,
+  is_paired: boolean,
+  account_type: {
+    ".tag": string,
+  },
+  root_info: {
+    ".tag": string,
+    root_namespace_id: string,
+    home_namespace_id: string,
+  },
+}
+
+const verifyCredentials = async ($: IGlobalVariable) => {
+  const oauthRedirectUrlField = $.app.auth.fields.find(
+    (field: IField) => field.key == 'oAuthRedirectUrl'
+  );
+  const redirectUrl = oauthRedirectUrlField.value as string;
+  const params = {
+    client_id: $.auth.data.clientId as string,
+    redirect_uri: redirectUrl,
+    client_secret: $.auth.data.clientSecret as string,
+    code: $.auth.data.code as string,
+    grant_type: 'authorization_code',
+  }
+  const { data: verifiedCredentials } = await $.http.post(
+    '/oauth2/token',
+    null,
+    { params }
+  );
+
+  const {
+    access_token: accessToken,
+    refresh_token: refreshToken,
+    expires_in: expiresIn,
+    scope: scope,
+    token_type: tokenType,
+    account_id: accountId,
+    team_id: teamId,
+    id_token: idToken,
+    uid,
+  } = verifiedCredentials;
+
+  await $.auth.set({
+    accessToken,
+    refreshToken,
+    expiresIn,
+    scope,
+    tokenType,
+    accountId,
+    teamId,
+    idToken,
+    uid
+  });
+
+  const account = await getCurrentAccount($) as TAccount;
+
+  await $.auth.set({
+    accountId: account.account_id,
+    name: {
+      givenName: account.name.given_name,
+      surname: account.name.surname,
+      familiarName: account.name.familiar_name,
+      displayName: account.name.display_name,
+      abbreviatedName: account.name.abbreviated_name,
+    },
+    email: account.email,
+    emailVerified: account.email_verified,
+    disabled: account.disabled,
+    country: account.country,
+    locale: account.locale,
+    referralLink: account.referral_link,
+    isPaired: account.is_paired,
+    accountType: {
+      ".tag": account.account_type['.tag'],
+    },
+    rootInfo: {
+      ".tag": account.root_info['.tag'],
+      rootNamespaceId: account.root_info.root_namespace_id,
+      homeNamespaceId: account.root_info.home_namespace_id,
+    },
+    screenName: `${account.name.display_name} - ${account.email}`,
+  });
+};
+
+export default verifyCredentials;

packages/backend/src/apps/dropbox/common/add-auth-header.ts

@@ -0,0 +1,13 @@
+import { TBeforeRequest } from '@automatisch/types';
+
+const addAuthHeader: TBeforeRequest = ($, requestConfig) => {
+  requestConfig.headers['Content-Type'] = 'application/json';
+
+  if (!requestConfig.additionalProperties?.skipAddingAuthHeader && $.auth.data?.accessToken) {
+    requestConfig.headers.Authorization = `Bearer ${$.auth.data.accessToken}`;
+  }
+
+  return requestConfig;
+};
+
+export default addAuthHeader;

packages/backend/src/apps/dropbox/common/get-current-account.ts

@@ -0,0 +1,8 @@
+import { IGlobalVariable, IJSONObject } from '@automatisch/types';
+
+const getCurrentAccount = async ($: IGlobalVariable): Promise<IJSONObject> => {
+  const response = await $.http.post('/2/users/get_current_account', null);
+  return response.data;
+};
+
+export default getCurrentAccount;

packages/backend/src/apps/dropbox/common/scopes.ts

@@ -0,0 +1,8 @@
+const scopes = [
+  'account_info.read',
+  'files.metadata.read',
+  'files.content.write',
+  'files.content.read',
+];
+
+export default scopes;

packages/backend/src/apps/dropbox/index.ts

@@ -0,0 +1,18 @@
+import defineApp from '../../helpers/define-app';
+import addAuthHeader from './common/add-auth-header';
+import auth from './auth';
+import actions from './actions';
+
+export default defineApp({
+  name: 'Dropbox',
+  key: 'dropbox',
+  iconUrl: '{BASE_URL}/apps/dropbox/assets/favicon.svg',
+  authDocUrl: 'https://automatisch.io/docs/apps/dropbox/connection',
+  supportsConnections: true,
+  baseUrl: 'https://dropbox.com',
+  apiBaseUrl: 'https://api.dropboxapi.com',
+  primaryColor: '0061ff',
+  beforeRequest: [addAuthHeader],
+  auth,
+  actions,
+});

packages/backend/src/apps/filter/actions/continue/index.ts

@@ -0,0 +1,109 @@
+import defineAction from '../../../../helpers/define-action';
+
+type TGroupItem = {
+  key: string;
+  operator: keyof TOperators;
+  value: string;
+  id: string;
+}
+
+type TGroup = Record<'and', TGroupItem[]>;
+
+const isEqual = (a: string, b: string) => a === b;
+const isNotEqual = (a: string, b: string) => !isEqual(a, b);
+const isGreaterThan = (a: string, b: string) => Number(a) > Number(b);
+const isLessThan = (a: string, b: string) => Number(a) < Number(b);
+const isGreaterThanOrEqual = (a: string, b: string) => Number(a) >= Number(b);
+const isLessThanOrEqual = (a: string, b: string) => Number(a) <= Number(b);
+const contains = (a: string, b: string) => a.includes(b);
+const doesNotContain = (a: string, b: string) => !contains(a, b);
+
+const shouldContinue = (orGroups: TGroup[]) => {
+  let atLeastOneGroupMatches = false;
+
+  for (const group of orGroups) {
+    let groupMatches = true;
+
+    for (const condition of group.and) {
+      const conditionMatches = operate(
+        condition.operator,
+        condition.key,
+        condition.value
+      );
+
+      if (!conditionMatches) {
+        groupMatches = false;
+
+        break;
+      }
+    }
+
+    if (groupMatches) {
+      atLeastOneGroupMatches = true;
+
+      break;
+    }
+  }
+
+  return atLeastOneGroupMatches;
+}
+
+type TOperatorFunc = (a: string, b: string) => boolean;
+
+type TOperators = {
+  equal: TOperatorFunc;
+  not_equal: TOperatorFunc;
+  greater_than: TOperatorFunc;
+  less_than: TOperatorFunc;
+  greater_than_or_equal: TOperatorFunc;
+  less_than_or_equal: TOperatorFunc;
+  contains: TOperatorFunc;
+  not_contains: TOperatorFunc;
+};
+
+const operators: TOperators = {
+  'equal': isEqual,
+  'not_equal': isNotEqual,
+  'greater_than': isGreaterThan,
+  'less_than': isLessThan,
+  'greater_than_or_equal': isGreaterThanOrEqual,
+  'less_than_or_equal': isLessThanOrEqual,
+  'contains': contains,
+  'not_contains': doesNotContain,
+};
+
+const operate = (operation: keyof TOperators, a: string, b: string) => {
+  return operators[operation](a, b);
+};
+
+export default defineAction({
+  name: 'Continue if conditions match',
+  key: 'continueIfMatches',
+  description: 'Let the execution continue if the conditions match',
+  arguments: [],
+
+  async run($) {
+    const orGroups = $.step.parameters.or as TGroup[];
+
+    const matchingGroups = orGroups.reduce((groups, group) => {
+      const matchingConditions = group.and
+        .filter((condition) => operate(condition.operator, condition.key, condition.value));
+
+      if (matchingConditions.length) {
+        return groups.concat([{ and: matchingConditions }]);
+      }
+
+      return groups;
+    }, []);
+
+    if (!shouldContinue(orGroups)) {
+      $.execution.exit();
+    }
+
+    $.setActionItem({
+      raw: {
+        or: matchingGroups,
+      }
+    });
+  },
+});

packages/backend/src/apps/filter/actions/index.ts

@@ -0,0 +1,3 @@
+import continueIfMatches from './continue';
+
+export default [continueIfMatches];

packages/backend/src/apps/filter/assets/favicon.svg

@@ -0,0 +1,8 @@
+<svg width="800px" height="800px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+    <g id="Shape" fill="#000000" transform="translate(42.666667, 85.333333)">
+      <path d="M3.55271368e-14,1.42108547e-14 L191.565013,234.666667 L192,234.666667 L192,384 L234.666667,384 L234.666667,234.666667 L426.666667,1.42108547e-14 L3.55271368e-14,1.42108547e-14 Z M214.448,192 L211.81248,192 L89.9076267,42.6666667 L336.630187,42.6666667 L214.448,192 Z">
+      </path>
+    </g>
+  </g>
+</svg>

packages/backend/src/apps/filter/index.ts

@@ -0,0 +1,14 @@
+import defineApp from '../../helpers/define-app';
+import actions from './actions';
+
+export default defineApp({
+  name: 'Filter',
+  key: 'filter',
+  iconUrl: '{BASE_URL}/apps/filter/assets/favicon.svg',
+  authDocUrl: 'https://automatisch.io/docs/apps/filter/connection',
+  supportsConnections: false,
+  baseUrl: '',
+  apiBaseUrl: '',
+  primaryColor: '001F52',
+  actions,
+});

packages/backend/src/apps/flowers-software/triggers/new-activity/index.ts

@@ -20,12 +20,14 @@ export default defineTrigger({
   ],
 
   async testRun($) {
-    if (!isEmpty($.lastExecutionStep?.dataOut)) {
+    const lastExecutionStep = await $.getLastExecutionStep();
+
+    if (!isEmpty(lastExecutionStep?.dataOut)) {
       $.pushTriggerItem({
-        raw: $.lastExecutionStep.dataOut,
+        raw: lastExecutionStep.dataOut,
         meta: {
           internalId: '',
-        }
+        },
       });
     }
   },
@@ -35,20 +37,15 @@ export default defineTrigger({
       name: $.flow.id,
       type: 'POST',
       url: $.webhookUrl,
-      filters: [$.step.parameters.filters]
+      filters: [$.step.parameters.filters],
     };
 
-    const { data } = await $.http.post(
-      `/v2/public/api/webhooks`,
-      payload
-    );
+    const { data } = await $.http.post(`/v2/public/api/webhooks`, payload);
 
     await $.flow.setRemoteWebhookId(data.id);
   },
 
   async unregisterHook($) {
-    await $.http.delete(
-      `/v2/public/api/webhooks/${$.flow.remoteWebhookId}`
-    );
+    await $.http.delete(`/v2/public/api/webhooks/${$.flow.remoteWebhookId}`);
   },
 });

packages/backend/src/apps/formatter/actions/date-time/index.ts

@@ -0,0 +1,49 @@
+import defineAction from '../../../../helpers/define-action';
+
+import formatDateTime from './transformers/format-date-time';
+
+const transformers = {
+  formatDateTime,
+};
+
+export default defineAction({
+  name: 'Date / Time',
+  key: 'date-time',
+  description: 'Perform date and time related transformations on your data.',
+  arguments: [
+    {
+      label: 'Transform',
+      key: 'transform',
+      type: 'dropdown' as const,
+      required: true,
+      variables: true,
+      options: [{ label: 'Format Date / Time', value: 'formatDateTime' }],
+      additionalFields: {
+        type: 'query',
+        name: 'getDynamicFields',
+        arguments: [
+          {
+            name: 'key',
+            value: 'listTransformOptions',
+          },
+          {
+            name: 'parameters.transform',
+            value: '{parameters.transform}',
+          },
+        ],
+      },
+    },
+  ],
+
+  async run($) {
+    const transformerName = $.step.parameters
+      .transform as keyof typeof transformers;
+    const output = transformers[transformerName]($);
+
+    $.setActionItem({
+      raw: {
+        output,
+      },
+    });
+  },
+});

packages/backend/src/apps/formatter/actions/date-time/transformers/format-date-time.ts

@@ -0,0 +1,23 @@
+import { IGlobalVariable } from '@automatisch/types';
+import { DateTime } from 'luxon';
+
+const formatDateTime = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+
+  const fromFormat = $.step.parameters.fromFormat as string;
+  const fromTimezone = $.step.parameters.fromTimezone as string;
+
+  const inputDateTime = DateTime.fromFormat(input, fromFormat, {
+    zone: fromTimezone,
+    setZone: true,
+  });
+
+  const toFormat = $.step.parameters.toFormat as string;
+  const toTimezone = $.step.parameters.toTimezone as string;
+
+  const outputDateTime = inputDateTime.setZone(toTimezone).toFormat(toFormat);
+
+  return outputDateTime;
+};
+
+export default formatDateTime;

packages/backend/src/apps/formatter/actions/index.ts

@@ -0,0 +1,6 @@
+import text from './text';
+import numbers from './numbers';
+import dateTime from './date-time';
+import utilities from './utilities';
+
+export default [text, numbers, dateTime, utilities];

packages/backend/src/apps/formatter/actions/numbers/index.ts

@@ -0,0 +1,58 @@
+import defineAction from '../../../../helpers/define-action';
+
+import performMathOperation from './transformers/perform-math-operation';
+import randomNumber from './transformers/random-number';
+import formatNumber from './transformers/format-number';
+
+const transformers = {
+  performMathOperation,
+  randomNumber,
+  formatNumber,
+};
+
+export default defineAction({
+  name: 'Numbers',
+  key: 'numbers',
+  description:
+    'Transform numbers to perform math operations, generate random numbers, format numbers, and much more.',
+  arguments: [
+    {
+      label: 'Transform',
+      key: 'transform',
+      type: 'dropdown' as const,
+      required: true,
+      variables: true,
+      options: [
+        { label: 'Perform Math Operation', value: 'performMathOperation' },
+        { label: 'Random Number', value: 'randomNumber' },
+        { label: 'Format Number', value: 'formatNumber' },
+      ],
+      additionalFields: {
+        type: 'query',
+        name: 'getDynamicFields',
+        arguments: [
+          {
+            name: 'key',
+            value: 'listTransformOptions',
+          },
+          {
+            name: 'parameters.transform',
+            value: '{parameters.transform}',
+          },
+        ],
+      },
+    },
+  ],
+
+  async run($) {
+    const transformerName = $.step.parameters
+      .transform as keyof typeof transformers;
+    const output = transformers[transformerName]($);
+
+    $.setActionItem({
+      raw: {
+        output,
+      },
+    });
+  },
+});

packages/backend/src/apps/formatter/actions/numbers/transformers/format-number.ts

@@ -0,0 +1,28 @@
+import { IGlobalVariable } from '@automatisch/types';
+import accounting from 'accounting';
+
+const formatNumber = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+  const inputDecimalMark = $.step.parameters.inputDecimalMark as string;
+  const toFormat = $.step.parameters.toFormat as string;
+
+  const normalizedNumber = accounting.unformat(input, inputDecimalMark);
+  const decimalPart = normalizedNumber.toString().split('.')[1];
+  const precision = decimalPart ? decimalPart.length : 0;
+
+  if (toFormat === '0') {
+    // Comma for grouping & period for decimal
+    return accounting.formatNumber(normalizedNumber, precision, ',', '.');
+  } else if (toFormat === '1') {
+    // Period for grouping & comma for decimal
+    return accounting.formatNumber(normalizedNumber, precision, '.', ',');
+  } else if (toFormat === '2') {
+    // Space for grouping & period for decimal
+    return accounting.formatNumber(normalizedNumber, precision, ' ', '.');
+  } else if (toFormat === '3') {
+    // Space for grouping & comma for decimal
+    return accounting.formatNumber(normalizedNumber, precision, ' ', ',');
+  }
+};
+
+export default formatNumber;

packages/backend/src/apps/formatter/actions/numbers/transformers/perform-math-operation.ts

@@ -0,0 +1,23 @@
+import { IGlobalVariable, IJSONObject } from '@automatisch/types';
+import { add, divide, multiply, subtract } from 'lodash';
+
+const mathOperation = ($: IGlobalVariable) => {
+  const mathOperation = $.step.parameters.mathOperation as string;
+  const values = ($.step.parameters.values as IJSONObject[]).map((value) =>
+    Number(value.input)
+  ) as number[];
+
+  if (mathOperation === 'add') {
+    return values.reduce((acc, curr) => add(acc, curr), 0);
+  } else if (mathOperation === 'divide') {
+    return values.reduce((acc, curr) => divide(acc, curr));
+  } else if (mathOperation === 'makeNegative') {
+    return values.map((value) => -value);
+  } else if (mathOperation === 'multiply') {
+    return values.reduce((acc, curr) => multiply(acc, curr), 1);
+  } else if (mathOperation === 'subtract') {
+    return values.reduce((acc, curr) => subtract(acc, curr));
+  }
+};
+
+export default mathOperation;

packages/backend/src/apps/formatter/actions/numbers/transformers/random-number.ts

@@ -0,0 +1,15 @@
+import { IGlobalVariable } from '@automatisch/types';
+
+const randomNumber = ($: IGlobalVariable) => {
+  const lowerRange = Number($.step.parameters.lowerRange);
+  const upperRange = Number($.step.parameters.upperRange);
+  const decimalPoints = Number($.step.parameters.decimalPoints) || 0;
+
+  return Number(
+    (Math.random() * (upperRange - lowerRange) + lowerRange).toFixed(
+      decimalPoints
+    )
+  );
+};
+
+export default randomNumber;

packages/backend/src/apps/formatter/actions/text/index.ts

@@ -0,0 +1,79 @@
+import defineAction from '../../../../helpers/define-action';
+
+import capitalize from './transformers/capitalize';
+import extractEmailAddress from './transformers/extract-email-address';
+import extractNumber from './transformers/extract-number';
+import htmlToMarkdown from './transformers/html-to-markdown';
+import lowercase from './transformers/lowercase';
+import markdownToHtml from './transformers/markdown-to-html';
+import pluralize from './transformers/pluralize';
+import replace from './transformers/replace';
+import trimWhitespace from './transformers/trim-whitespace';
+import useDefaultValue from './transformers/use-default-value';
+
+const transformers = {
+  capitalize,
+  extractEmailAddress,
+  extractNumber,
+  htmlToMarkdown,
+  lowercase,
+  markdownToHtml,
+  pluralize,
+  replace,
+  trimWhitespace,
+  useDefaultValue,
+};
+
+export default defineAction({
+  name: 'Text',
+  key: 'text',
+  description:
+    'Transform text data to capitalize, extract emails, apply default value, and much more.',
+  arguments: [
+    {
+      label: 'Transform',
+      key: 'transform',
+      type: 'dropdown' as const,
+      required: true,
+      variables: true,
+      options: [
+        { label: 'Capitalize', value: 'capitalize' },
+        { label: 'Convert HTML to Markdown', value: 'htmlToMarkdown' },
+        { label: 'Convert Markdown to HTML', value: 'markdownToHtml' },
+        { label: 'Extract Email Address', value: 'extractEmailAddress' },
+        { label: 'Extract Number', value: 'extractNumber' },
+        { label: 'Lowercase', value: 'lowercase' },
+        { label: 'Pluralize', value: 'pluralize' },
+        { label: 'Replace', value: 'replace' },
+        { label: 'Trim Whitespace', value: 'trimWhitespace' },
+        { label: 'Use Default Value', value: 'useDefaultValue' },
+      ],
+      additionalFields: {
+        type: 'query',
+        name: 'getDynamicFields',
+        arguments: [
+          {
+            name: 'key',
+            value: 'listTransformOptions',
+          },
+          {
+            name: 'parameters.transform',
+            value: '{parameters.transform}',
+          },
+        ],
+      },
+    },
+  ],
+
+  async run($) {
+    const transformerName = $.step.parameters
+      .transform as keyof typeof transformers;
+    const output = transformers[transformerName]($);
+
+    $.setActionItem({
+      raw: {
+        output,
+      },
+    });
+  },
+});

packages/backend/src/apps/formatter/actions/text/transformers/capitalize.ts

@@ -0,0 +1,11 @@
+import { IGlobalVariable } from '@automatisch/types';
+import { capitalize as lodashCapitalize } from 'lodash';
+
+const capitalize = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+  const capitalizedInput = input.replace(/\w+/g, lodashCapitalize);
+
+  return capitalizedInput;
+};
+
+export default capitalize;

packages/backend/src/apps/formatter/actions/text/transformers/extract-email-address.ts

@@ -0,0 +1,12 @@
+import { IGlobalVariable } from '@automatisch/types';
+
+const extractEmailAddress = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+  const emailRegexp =
+    /[a-z0-9!#$%&'*+/=?^_`{|}~-]+(?:\.[a-z0-9!#$%&'*+/=?^_`{|}~-]+)*@(?:[a-z0-9](?:[a-z0-9-]*[a-z0-9])?\.)+[a-z0-9](?:[a-z0-9-]*[a-z0-9])?/;
+
+  const email = input.match(emailRegexp);
+  return email ? email[0] : '';
+};
+
+export default extractEmailAddress;

packages/backend/src/apps/formatter/actions/text/transformers/extract-number.ts

@@ -0,0 +1,26 @@
+import { IGlobalVariable } from '@automatisch/types';
+
+const extractNumber = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+
+  //  Example numbers that's supported:
+  //  123
+  //  -123
+  //  123456
+  //  -123456
+  //  121,234
+  //  -121,234
+  //  121.234
+  //  -121.234
+  //  1,234,567.89
+  //  -1,234,567.89
+  //  1.234.567,89
+  //  -1.234.567,89
+
+  const numberRegexp = /-?((\d{1,3})+\.?,?)+/g;
+
+  const numbers = input.match(numberRegexp);
+  return numbers ? numbers[0] : '';
+};
+
+export default extractNumber;

packages/backend/src/apps/formatter/actions/text/transformers/html-to-markdown.ts

@@ -0,0 +1,11 @@
+import { IGlobalVariable } from '@automatisch/types';
+import { NodeHtmlMarkdown } from 'node-html-markdown';
+
+const htmlToMarkdown = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+
+  const markdown = NodeHtmlMarkdown.translate(input);
+  return markdown;
+};
+
+export default htmlToMarkdown;

packages/backend/src/apps/formatter/actions/text/transformers/lowercase.ts

@@ -0,0 +1,8 @@
+import { IGlobalVariable } from '@automatisch/types';
+
+const lowercase = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+  return input.toLowerCase();
+};
+
+export default lowercase;

packages/backend/src/apps/formatter/actions/text/transformers/markdown-to-html.ts

@@ -0,0 +1,13 @@
+import { IGlobalVariable } from '@automatisch/types';
+import showdown from 'showdown';
+
+const converter = new showdown.Converter();
+
+const markdownToHtml = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+
+  const html = converter.makeHtml(input);
+  return html;
+};
+
+export default markdownToHtml;

packages/backend/src/apps/formatter/actions/text/transformers/pluralize.ts

@@ -0,0 +1,9 @@
+import { IGlobalVariable } from '@automatisch/types';
+import pluralizeLibrary from 'pluralize';
+
+const pluralize = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+  return pluralizeLibrary(input);
+};
+
+export default pluralize;

packages/backend/src/apps/formatter/actions/text/transformers/replace.ts

@@ -0,0 +1,12 @@
+import { IGlobalVariable } from '@automatisch/types';
+
+const replace = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+
+  const find = $.step.parameters.find as string;
+  const replace = $.step.parameters.replace as string;
+
+  return input.replaceAll(find, replace);
+};
+
+export default replace;

packages/backend/src/apps/formatter/actions/text/transformers/trim-whitespace.ts

@@ -0,0 +1,8 @@
+import { IGlobalVariable } from '@automatisch/types';
+
+const trimWhitespace = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+  return input.trim();
+};
+
+export default trimWhitespace;

packages/backend/src/apps/formatter/actions/text/transformers/use-default-value.ts

@@ -0,0 +1,13 @@
+import { IGlobalVariable } from '@automatisch/types';
+
+const useDefaultValue = ($: IGlobalVariable) => {
+  const input = $.step.parameters.input as string;
+
+  if (input && input.trim().length > 0) {
+    return input;
+  }
+
+  return $.step.parameters.defaultValue as string;
+};
+
+export default useDefaultValue;

packages/backend/src/apps/formatter/actions/utilities/index.ts

@@ -0,0 +1,54 @@
+import defineAction from '../../../../helpers/define-action';
+
+import findArrayItemByProperty from './transformers/find-array-item-by-property';
+
+const transformers = {
+  findArrayItemByProperty,
+};
+
+export default defineAction({
+  name: 'Utilities',
+  key: 'utilities',
+  description: 'Specific utilities to help you transform your data.',
+  arguments: [
+    {
+      label: 'Transform',
+      key: 'transform',
+      type: 'dropdown' as const,
+      required: true,
+      variables: true,
+      options: [
+        {
+          label: 'Find Array Item By Property',
+          value: 'findArrayItemByProperty',
+        },
+      ],
+      additionalFields: {
+        type: 'query',
+        name: 'getDynamicFields',
+        arguments: [
+          {
+            name: 'key',
+            value: 'listTransformOptions',
+          },
+          {
+            name: 'parameters.transform',
+            value: '{parameters.transform}',
+          },
+        ],
+      },
+    },
+  ],
+
+  async run($) {
+    const transformerName = $.step.parameters
+      .transform as keyof typeof transformers;
+    const output = transformers[transformerName]($);
+
+    $.setActionItem({
+      raw: {
+        output,
+      },
+    });
+  },
+});

packages/backend/src/apps/formatter/actions/utilities/transformers/find-array-item-by-property.ts

@@ -0,0 +1,13 @@
+import { IGlobalVariable } from '@automatisch/types';
+import { find } from 'lodash';
+
+const findArrayItemByProperty = ($: IGlobalVariable) => {
+  const value = JSON.parse($.step.parameters.value as string);
+  const propertyName = $.step.parameters.propertyName as string;
+  const propertyValue = $.step.parameters.propertyValue as string;
+
+  const foundItem = find(value, { [propertyName]: propertyValue });
+  return foundItem;
+};
+
+export default findArrayItemByProperty;

packages/backend/src/apps/formatter/assets/favicon.svg

@@ -0,0 +1,3 @@
+<svg width="800px" height="800px" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <path d="M4 4H20M4 12H20M4 20H20M4 8H14M4 16H14" stroke="#000000" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

packages/backend/src/apps/formatter/dynamic-fields/index.ts

@@ -0,0 +1,3 @@
+import listTransformOptions from './list-transform-options';
+
+export default [listTransformOptions];

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/date-time/format-date-time.ts

@@ -0,0 +1,51 @@
+import formatOptions from './options/format';
+import timezoneOptions from './options/timezone';
+
+const formatDateTime = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'The datetime you want to format.',
+    variables: true,
+  },
+  {
+    label: 'From Format',
+    key: 'fromFormat',
+    type: 'dropdown' as const,
+    required: true,
+    description: 'The format of the input.',
+    variables: true,
+    options: formatOptions,
+  },
+  {
+    label: 'From Timezone',
+    key: 'fromTimezone',
+    type: 'dropdown' as const,
+    required: true,
+    description: 'The timezone of the input.',
+    variables: true,
+    options: timezoneOptions,
+  },
+  {
+    label: 'To Format',
+    key: 'toFormat',
+    type: 'dropdown' as const,
+    required: true,
+    description: 'The format of the output.',
+    variables: true,
+    options: formatOptions,
+  },
+  {
+    label: 'To Timezone',
+    key: 'toTimezone',
+    type: 'dropdown' as const,
+    required: true,
+    description: 'The timezone of the output.',
+    variables: true,
+    options: timezoneOptions,
+  },
+];
+
+export default formatDateTime;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/date-time/options/format.ts

@@ -0,0 +1,64 @@
+const formatOptions = [
+  {
+    label: 'ccc MMM dd HH:mm:ssZZZ yyyy (Wed Aug 23 12:25:36-0000 2023)',
+    value: 'ccc MMM dd HH:mm:ssZZZ yyyy',
+  },
+  {
+    label: 'MMMM dd yyyy HH:mm:ss (August 23 2023 12:25:36)',
+    value: 'MMMM dd yyyy HH:mm:ss',
+  },
+  {
+    label: 'MMMM dd yyyy (August 23 2023)',
+    value: 'MMMM dd yyyy',
+  },
+  {
+    label: 'MMM dd yyyy (Aug 23 2023)',
+    value: 'MMM dd yyyy',
+  },
+  {
+    label: 'yyyy-MM-dd HH:mm:ss ZZZ (2023-08-23 12:25:36 -0000)',
+    value: 'yyyy-MM-dd HH:mm:ss ZZZ',
+  },
+  {
+    label: 'yyyy-MM-dd (2023-08-23)',
+    value: 'yyyy-MM-dd',
+  },
+  {
+    label: 'MM-dd-yyyy (08-23-2023)',
+    value: 'MM-dd-yyyy',
+  },
+  {
+    label: 'MM/dd/yyyy (08/23/2023)',
+    value: 'MM/dd/yyyy',
+  },
+  {
+    label: 'MM/dd/yy (08/23/23)',
+    value: 'MM/dd/yy',
+  },
+  {
+    label: 'dd-MM-yyyy (23-08-2023)',
+    value: 'dd-MM-yyyy',
+  },
+  {
+    label: 'dd/MM/yyyy (23/08/2023)',
+    value: 'dd/MM/yyyy',
+  },
+  {
+    label: 'dd/MM/yy (23/08/23)',
+    value: 'dd/MM/yy',
+  },
+  {
+    label: 'MM-yyyy (08-2023)',
+    value: 'MM-yyyy',
+  },
+  {
+    label: 'Unix timestamp in seconds (1694008283)',
+    value: 'X',
+  },
+  {
+    label: 'Unix timestamp in milliseconds (1694008306315)',
+    value: 'x',
+  },
+];
+
+export default formatOptions;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/date-time/options/timezone.ts

@@ -0,0 +1,449 @@
+// The list from Intl.supportedValuesOf('timeZone') which is used by Luxon.
+
+const timezoneOptions = [
+  { label: 'Africa/Abidjan', value: 'Africa/Abidjan' },
+  { label: 'Africa/Accra', value: 'Africa/Accra' },
+  { label: 'Africa/Addis_Ababa', value: 'Africa/Addis_Ababa' },
+  { label: 'Africa/Algiers', value: 'Africa/Algiers' },
+  { label: 'Africa/Asmera', value: 'Africa/Asmera' },
+  { label: 'Africa/Bamako', value: 'Africa/Bamako' },
+  { label: 'Africa/Bangui', value: 'Africa/Bangui' },
+  { label: 'Africa/Banjul', value: 'Africa/Banjul' },
+  { label: 'Africa/Bissau', value: 'Africa/Bissau' },
+  { label: 'Africa/Blantyre', value: 'Africa/Blantyre' },
+  { label: 'Africa/Brazzaville', value: 'Africa/Brazzaville' },
+  { label: 'Africa/Bujumbura', value: 'Africa/Bujumbura' },
+  { label: 'Africa/Cairo', value: 'Africa/Cairo' },
+  { label: 'Africa/Casablanca', value: 'Africa/Casablanca' },
+  { label: 'Africa/Ceuta', value: 'Africa/Ceuta' },
+  { label: 'Africa/Conakry', value: 'Africa/Conakry' },
+  { label: 'Africa/Dakar', value: 'Africa/Dakar' },
+  { label: 'Africa/Dar_es_Salaam', value: 'Africa/Dar_es_Salaam' },
+  { label: 'Africa/Djibouti', value: 'Africa/Djibouti' },
+  { label: 'Africa/Douala', value: 'Africa/Douala' },
+  { label: 'Africa/El_Aaiun', value: 'Africa/El_Aaiun' },
+  { label: 'Africa/Freetown', value: 'Africa/Freetown' },
+  { label: 'Africa/Gaborone', value: 'Africa/Gaborone' },
+  { label: 'Africa/Harare', value: 'Africa/Harare' },
+  { label: 'Africa/Johannesburg', value: 'Africa/Johannesburg' },
+  { label: 'Africa/Juba', value: 'Africa/Juba' },
+  { label: 'Africa/Kampala', value: 'Africa/Kampala' },
+  { label: 'Africa/Khartoum', value: 'Africa/Khartoum' },
+  { label: 'Africa/Kigali', value: 'Africa/Kigali' },
+  { label: 'Africa/Kinshasa', value: 'Africa/Kinshasa' },
+  { label: 'Africa/Lagos', value: 'Africa/Lagos' },
+  { label: 'Africa/Libreville', value: 'Africa/Libreville' },
+  { label: 'Africa/Lome', value: 'Africa/Lome' },
+  { label: 'Africa/Luanda', value: 'Africa/Luanda' },
+  { label: 'Africa/Lubumbashi', value: 'Africa/Lubumbashi' },
+  { label: 'Africa/Lusaka', value: 'Africa/Lusaka' },
+  { label: 'Africa/Malabo', value: 'Africa/Malabo' },
+  { label: 'Africa/Maputo', value: 'Africa/Maputo' },
+  { label: 'Africa/Maseru', value: 'Africa/Maseru' },
+  { label: 'Africa/Mbabane', value: 'Africa/Mbabane' },
+  { label: 'Africa/Mogadishu', value: 'Africa/Mogadishu' },
+  { label: 'Africa/Monrovia', value: 'Africa/Monrovia' },
+  { label: 'Africa/Nairobi', value: 'Africa/Nairobi' },
+  { label: 'Africa/Ndjamena', value: 'Africa/Ndjamena' },
+  { label: 'Africa/Niamey', value: 'Africa/Niamey' },
+  { label: 'Africa/Nouakchott', value: 'Africa/Nouakchott' },
+  { label: 'Africa/Ouagadougou', value: 'Africa/Ouagadougou' },
+  { label: 'Africa/Porto-Novo', value: 'Africa/Porto-Novo' },
+  { label: 'Africa/Sao_Tome', value: 'Africa/Sao_Tome' },
+  { label: 'Africa/Tripoli', value: 'Africa/Tripoli' },
+  { label: 'Africa/Tunis', value: 'Africa/Tunis' },
+  { label: 'Africa/Windhoek', value: 'Africa/Windhoek' },
+  { label: 'America/Adak', value: 'America/Adak' },
+  { label: 'America/Anchorage', value: 'America/Anchorage' },
+  { label: 'America/Anguilla', value: 'America/Anguilla' },
+  { label: 'America/Antigua', value: 'America/Antigua' },
+  { label: 'America/Araguaina', value: 'America/Araguaina' },
+  { label: 'America/Argentina/La_Rioja', value: 'America/Argentina/La_Rioja' },
+  {
+    label: 'America/Argentina/Rio_Gallegos',
+    value: 'America/Argentina/Rio_Gallegos',
+  },
+  { label: 'America/Argentina/Salta', value: 'America/Argentina/Salta' },
+  { label: 'America/Argentina/San_Juan', value: 'America/Argentina/San_Juan' },
+  { label: 'America/Argentina/San_Luis', value: 'America/Argentina/San_Luis' },
+  { label: 'America/Argentina/Tucuman', value: 'America/Argentina/Tucuman' },
+  { label: 'America/Argentina/Ushuaia', value: 'America/Argentina/Ushuaia' },
+  { label: 'America/Aruba', value: 'America/Aruba' },
+  { label: 'America/Asuncion', value: 'America/Asuncion' },
+  { label: 'America/Bahia', value: 'America/Bahia' },
+  { label: 'America/Bahia_Banderas', value: 'America/Bahia_Banderas' },
+  { label: 'America/Barbados', value: 'America/Barbados' },
+  { label: 'America/Belem', value: 'America/Belem' },
+  { label: 'America/Belize', value: 'America/Belize' },
+  { label: 'America/Blanc-Sablon', value: 'America/Blanc-Sablon' },
+  { label: 'America/Boa_Vista', value: 'America/Boa_Vista' },
+  { label: 'America/Bogota', value: 'America/Bogota' },
+  { label: 'America/Boise', value: 'America/Boise' },
+  { label: 'America/Buenos_Aires', value: 'America/Buenos_Aires' },
+  { label: 'America/Cambridge_Bay', value: 'America/Cambridge_Bay' },
+  { label: 'America/Campo_Grande', value: 'America/Campo_Grande' },
+  { label: 'America/Cancun', value: 'America/Cancun' },
+  { label: 'America/Caracas', value: 'America/Caracas' },
+  { label: 'America/Catamarca', value: 'America/Catamarca' },
+  { label: 'America/Cayenne', value: 'America/Cayenne' },
+  { label: 'America/Cayman', value: 'America/Cayman' },
+  { label: 'America/Chicago', value: 'America/Chicago' },
+  { label: 'America/Chihuahua', value: 'America/Chihuahua' },
+  { label: 'America/Ciudad_Juarez', value: 'America/Ciudad_Juarez' },
+  { label: 'America/Coral_Harbour', value: 'America/Coral_Harbour' },
+  { label: 'America/Cordoba', value: 'America/Cordoba' },
+  { label: 'America/Costa_Rica', value: 'America/Costa_Rica' },
+  { label: 'America/Creston', value: 'America/Creston' },
+  { label: 'America/Cuiaba', value: 'America/Cuiaba' },
+  { label: 'America/Curacao', value: 'America/Curacao' },
+  { label: 'America/Danmarkshavn', value: 'America/Danmarkshavn' },
+  { label: 'America/Dawson', value: 'America/Dawson' },
+  { label: 'America/Dawson_Creek', value: 'America/Dawson_Creek' },
+  { label: 'America/Denver', value: 'America/Denver' },
+  { label: 'America/Detroit', value: 'America/Detroit' },
+  { label: 'America/Dominica', value: 'America/Dominica' },
+  { label: 'America/Edmonton', value: 'America/Edmonton' },
+  { label: 'America/Eirunepe', value: 'America/Eirunepe' },
+  { label: 'America/El_Salvador', value: 'America/El_Salvador' },
+  { label: 'America/Fort_Nelson', value: 'America/Fort_Nelson' },
+  { label: 'America/Fortaleza', value: 'America/Fortaleza' },
+  { label: 'America/Glace_Bay', value: 'America/Glace_Bay' },
+  { label: 'America/Godthab', value: 'America/Godthab' },
+  { label: 'America/Goose_Bay', value: 'America/Goose_Bay' },
+  { label: 'America/Grand_Turk', value: 'America/Grand_Turk' },
+  { label: 'America/Grenada', value: 'America/Grenada' },
+  { label: 'America/Guadeloupe', value: 'America/Guadeloupe' },
+  { label: 'America/Guatemala', value: 'America/Guatemala' },
+  { label: 'America/Guayaquil', value: 'America/Guayaquil' },
+  { label: 'America/Guyana', value: 'America/Guyana' },
+  { label: 'America/Halifax', value: 'America/Halifax' },
+  { label: 'America/Havana', value: 'America/Havana' },
+  { label: 'America/Hermosillo', value: 'America/Hermosillo' },
+  { label: 'America/Indiana/Knox', value: 'America/Indiana/Knox' },
+  { label: 'America/Indiana/Marengo', value: 'America/Indiana/Marengo' },
+  { label: 'America/Indiana/Petersburg', value: 'America/Indiana/Petersburg' },
+  { label: 'America/Indiana/Tell_City', value: 'America/Indiana/Tell_City' },
+  { label: 'America/Indiana/Vevay', value: 'America/Indiana/Vevay' },
+  { label: 'America/Indiana/Vincennes', value: 'America/Indiana/Vincennes' },
+  { label: 'America/Indiana/Winamac', value: 'America/Indiana/Winamac' },
+  { label: 'America/Indianapolis', value: 'America/Indianapolis' },
+  { label: 'America/Inuvik', value: 'America/Inuvik' },
+  { label: 'America/Iqaluit', value: 'America/Iqaluit' },
+  { label: 'America/Jamaica', value: 'America/Jamaica' },
+  { label: 'America/Jujuy', value: 'America/Jujuy' },
+  { label: 'America/Juneau', value: 'America/Juneau' },
+  {
+    label: 'America/Kentucky/Monticello',
+    value: 'America/Kentucky/Monticello',
+  },
+  { label: 'America/Kralendijk', value: 'America/Kralendijk' },
+  { label: 'America/La_Paz', value: 'America/La_Paz' },
+  { label: 'America/Lima', value: 'America/Lima' },
+  { label: 'America/Los_Angeles', value: 'America/Los_Angeles' },
+  { label: 'America/Louisville', value: 'America/Louisville' },
+  { label: 'America/Lower_Princes', value: 'America/Lower_Princes' },
+  { label: 'America/Maceio', value: 'America/Maceio' },
+  { label: 'America/Managua', value: 'America/Managua' },
+  { label: 'America/Manaus', value: 'America/Manaus' },
+  { label: 'America/Marigot', value: 'America/Marigot' },
+  { label: 'America/Martinique', value: 'America/Martinique' },
+  { label: 'America/Matamoros', value: 'America/Matamoros' },
+  { label: 'America/Mazatlan', value: 'America/Mazatlan' },
+  { label: 'America/Mendoza', value: 'America/Mendoza' },
+  { label: 'America/Menominee', value: 'America/Menominee' },
+  { label: 'America/Merida', value: 'America/Merida' },
+  { label: 'America/Metlakatla', value: 'America/Metlakatla' },
+  { label: 'America/Mexico_City', value: 'America/Mexico_City' },
+  { label: 'America/Miquelon', value: 'America/Miquelon' },
+  { label: 'America/Moncton', value: 'America/Moncton' },
+  { label: 'America/Monterrey', value: 'America/Monterrey' },
+  { label: 'America/Montevideo', value: 'America/Montevideo' },
+  { label: 'America/Montserrat', value: 'America/Montserrat' },
+  { label: 'America/Nassau', value: 'America/Nassau' },
+  { label: 'America/New_York', value: 'America/New_York' },
+  { label: 'America/Nipigon', value: 'America/Nipigon' },
+  { label: 'America/Nome', value: 'America/Nome' },
+  { label: 'America/Noronha', value: 'America/Noronha' },
+  {
+    label: 'America/North_Dakota/Beulah',
+    value: 'America/North_Dakota/Beulah',
+  },
+  {
+    label: 'America/North_Dakota/Center',
+    value: 'America/North_Dakota/Center',
+  },
+  {
+    label: 'America/North_Dakota/New_Salem',
+    value: 'America/North_Dakota/New_Salem',
+  },
+  { label: 'America/Ojinaga', value: 'America/Ojinaga' },
+  { label: 'America/Panama', value: 'America/Panama' },
+  { label: 'America/Pangnirtung', value: 'America/Pangnirtung' },
+  { label: 'America/Paramaribo', value: 'America/Paramaribo' },
+  { label: 'America/Phoenix', value: 'America/Phoenix' },
+  { label: 'America/Port-au-Prince', value: 'America/Port-au-Prince' },
+  { label: 'America/Port_of_Spain', value: 'America/Port_of_Spain' },
+  { label: 'America/Porto_Velho', value: 'America/Porto_Velho' },
+  { label: 'America/Puerto_Rico', value: 'America/Puerto_Rico' },
+  { label: 'America/Punta_Arenas', value: 'America/Punta_Arenas' },
+  { label: 'America/Rainy_River', value: 'America/Rainy_River' },
+  { label: 'America/Rankin_Inlet', value: 'America/Rankin_Inlet' },
+  { label: 'America/Recife', value: 'America/Recife' },
+  { label: 'America/Regina', value: 'America/Regina' },
+  { label: 'America/Resolute', value: 'America/Resolute' },
+  { label: 'America/Rio_Branco', value: 'America/Rio_Branco' },
+  { label: 'America/Santa_Isabel', value: 'America/Santa_Isabel' },
+  { label: 'America/Santarem', value: 'America/Santarem' },
+  { label: 'America/Santiago', value: 'America/Santiago' },
+  { label: 'America/Santo_Domingo', value: 'America/Santo_Domingo' },
+  { label: 'America/Sao_Paulo', value: 'America/Sao_Paulo' },
+  { label: 'America/Scoresbysund', value: 'America/Scoresbysund' },
+  { label: 'America/Sitka', value: 'America/Sitka' },
+  { label: 'America/St_Barthelemy', value: 'America/St_Barthelemy' },
+  { label: 'America/St_Johns', value: 'America/St_Johns' },
+  { label: 'America/St_Kitts', value: 'America/St_Kitts' },
+  { label: 'America/St_Lucia', value: 'America/St_Lucia' },
+  { label: 'America/St_Thomas', value: 'America/St_Thomas' },
+  { label: 'America/St_Vincent', value: 'America/St_Vincent' },
+  { label: 'America/Swift_Current', value: 'America/Swift_Current' },
+  { label: 'America/Tegucigalpa', value: 'America/Tegucigalpa' },
+  { label: 'America/Thule', value: 'America/Thule' },
+  { label: 'America/Thunder_Bay', value: 'America/Thunder_Bay' },
+  { label: 'America/Tijuana', value: 'America/Tijuana' },
+  { label: 'America/Toronto', value: 'America/Toronto' },
+  { label: 'America/Tortola', value: 'America/Tortola' },
+  { label: 'America/Vancouver', value: 'America/Vancouver' },
+  { label: 'America/Whitehorse', value: 'America/Whitehorse' },
+  { label: 'America/Winnipeg', value: 'America/Winnipeg' },
+  { label: 'America/Yakutat', value: 'America/Yakutat' },
+  { label: 'America/Yellowknife', value: 'America/Yellowknife' },
+  { label: 'Antarctica/Casey', value: 'Antarctica/Casey' },
+  { label: 'Antarctica/Davis', value: 'Antarctica/Davis' },
+  { label: 'Antarctica/DumontDUrville', value: 'Antarctica/DumontDUrville' },
+  { label: 'Antarctica/Macquarie', value: 'Antarctica/Macquarie' },
+  { label: 'Antarctica/Mawson', value: 'Antarctica/Mawson' },
+  { label: 'Antarctica/McMurdo', value: 'Antarctica/McMurdo' },
+  { label: 'Antarctica/Palmer', value: 'Antarctica/Palmer' },
+  { label: 'Antarctica/Rothera', value: 'Antarctica/Rothera' },
+  { label: 'Antarctica/Syowa', value: 'Antarctica/Syowa' },
+  { label: 'Antarctica/Troll', value: 'Antarctica/Troll' },
+  { label: 'Antarctica/Vostok', value: 'Antarctica/Vostok' },
+  { label: 'Arctic/Longyearbyen', value: 'Arctic/Longyearbyen' },
+  { label: 'Asia/Aden', value: 'Asia/Aden' },
+  { label: 'Asia/Almaty', value: 'Asia/Almaty' },
+  { label: 'Asia/Amman', value: 'Asia/Amman' },
+  { label: 'Asia/Anadyr', value: 'Asia/Anadyr' },
+  { label: 'Asia/Aqtau', value: 'Asia/Aqtau' },
+  { label: 'Asia/Aqtobe', value: 'Asia/Aqtobe' },
+  { label: 'Asia/Ashgabat', value: 'Asia/Ashgabat' },
+  { label: 'Asia/Atyrau', value: 'Asia/Atyrau' },
+  { label: 'Asia/Baghdad', value: 'Asia/Baghdad' },
+  { label: 'Asia/Bahrain', value: 'Asia/Bahrain' },
+  { label: 'Asia/Baku', value: 'Asia/Baku' },
+  { label: 'Asia/Bangkok', value: 'Asia/Bangkok' },
+  { label: 'Asia/Barnaul', value: 'Asia/Barnaul' },
+  { label: 'Asia/Beirut', value: 'Asia/Beirut' },
+  { label: 'Asia/Bishkek', value: 'Asia/Bishkek' },
+  { label: 'Asia/Brunei', value: 'Asia/Brunei' },
+  { label: 'Asia/Calcutta', value: 'Asia/Calcutta' },
+  { label: 'Asia/Chita', value: 'Asia/Chita' },
+  { label: 'Asia/Choibalsan', value: 'Asia/Choibalsan' },
+  { label: 'Asia/Colombo', value: 'Asia/Colombo' },
+  { label: 'Asia/Damascus', value: 'Asia/Damascus' },
+  { label: 'Asia/Dhaka', value: 'Asia/Dhaka' },
+  { label: 'Asia/Dili', value: 'Asia/Dili' },
+  { label: 'Asia/Dubai', value: 'Asia/Dubai' },
+  { label: 'Asia/Dushanbe', value: 'Asia/Dushanbe' },
+  { label: 'Asia/Famagusta', value: 'Asia/Famagusta' },
+  { label: 'Asia/Gaza', value: 'Asia/Gaza' },
+  { label: 'Asia/Hebron', value: 'Asia/Hebron' },
+  { label: 'Asia/Hong_Kong', value: 'Asia/Hong_Kong' },
+  { label: 'Asia/Hovd', value: 'Asia/Hovd' },
+  { label: 'Asia/Irkutsk', value: 'Asia/Irkutsk' },
+  { label: 'Asia/Jakarta', value: 'Asia/Jakarta' },
+  { label: 'Asia/Jayapura', value: 'Asia/Jayapura' },
+  { label: 'Asia/Jerusalem', value: 'Asia/Jerusalem' },
+  { label: 'Asia/Kabul', value: 'Asia/Kabul' },
+  { label: 'Asia/Kamchatka', value: 'Asia/Kamchatka' },
+  { label: 'Asia/Karachi', value: 'Asia/Karachi' },
+  { label: 'Asia/Katmandu', value: 'Asia/Katmandu' },
+  { label: 'Asia/Khandyga', value: 'Asia/Khandyga' },
+  { label: 'Asia/Krasnoyarsk', value: 'Asia/Krasnoyarsk' },
+  { label: 'Asia/Kuala_Lumpur', value: 'Asia/Kuala_Lumpur' },
+  { label: 'Asia/Kuching', value: 'Asia/Kuching' },
+  { label: 'Asia/Kuwait', value: 'Asia/Kuwait' },
+  { label: 'Asia/Macau', value: 'Asia/Macau' },
+  { label: 'Asia/Magadan', value: 'Asia/Magadan' },
+  { label: 'Asia/Makassar', value: 'Asia/Makassar' },
+  { label: 'Asia/Manila', value: 'Asia/Manila' },
+  { label: 'Asia/Muscat', value: 'Asia/Muscat' },
+  { label: 'Asia/Nicosia', value: 'Asia/Nicosia' },
+  { label: 'Asia/Novokuznetsk', value: 'Asia/Novokuznetsk' },
+  { label: 'Asia/Novosibirsk', value: 'Asia/Novosibirsk' },
+  { label: 'Asia/Omsk', value: 'Asia/Omsk' },
+  { label: 'Asia/Oral', value: 'Asia/Oral' },
+  { label: 'Asia/Phnom_Penh', value: 'Asia/Phnom_Penh' },
+  { label: 'Asia/Pontianak', value: 'Asia/Pontianak' },
+  { label: 'Asia/Pyongyang', value: 'Asia/Pyongyang' },
+  { label: 'Asia/Qatar', value: 'Asia/Qatar' },
+  { label: 'Asia/Qostanay', value: 'Asia/Qostanay' },
+  { label: 'Asia/Qyzylorda', value: 'Asia/Qyzylorda' },
+  { label: 'Asia/Rangoon', value: 'Asia/Rangoon' },
+  { label: 'Asia/Riyadh', value: 'Asia/Riyadh' },
+  { label: 'Asia/Saigon', value: 'Asia/Saigon' },
+  { label: 'Asia/Sakhalin', value: 'Asia/Sakhalin' },
+  { label: 'Asia/Samarkand', value: 'Asia/Samarkand' },
+  { label: 'Asia/Seoul', value: 'Asia/Seoul' },
+  { label: 'Asia/Shanghai', value: 'Asia/Shanghai' },
+  { label: 'Asia/Singapore', value: 'Asia/Singapore' },
+  { label: 'Asia/Srednekolymsk', value: 'Asia/Srednekolymsk' },
+  { label: 'Asia/Taipei', value: 'Asia/Taipei' },
+  { label: 'Asia/Tashkent', value: 'Asia/Tashkent' },
+  { label: 'Asia/Tbilisi', value: 'Asia/Tbilisi' },
+  { label: 'Asia/Tehran', value: 'Asia/Tehran' },
+  { label: 'Asia/Thimphu', value: 'Asia/Thimphu' },
+  { label: 'Asia/Tokyo', value: 'Asia/Tokyo' },
+  { label: 'Asia/Tomsk', value: 'Asia/Tomsk' },
+  { label: 'Asia/Ulaanbaatar', value: 'Asia/Ulaanbaatar' },
+  { label: 'Asia/Urumqi', value: 'Asia/Urumqi' },
+  { label: 'Asia/Ust-Nera', value: 'Asia/Ust-Nera' },
+  { label: 'Asia/Vientiane', value: 'Asia/Vientiane' },
+  { label: 'Asia/Vladivostok', value: 'Asia/Vladivostok' },
+  { label: 'Asia/Yakutsk', value: 'Asia/Yakutsk' },
+  { label: 'Asia/Yekaterinburg', value: 'Asia/Yekaterinburg' },
+  { label: 'Asia/Yerevan', value: 'Asia/Yerevan' },
+  { label: 'Atlantic/Azores', value: 'Atlantic/Azores' },
+  { label: 'Atlantic/Bermuda', value: 'Atlantic/Bermuda' },
+  { label: 'Atlantic/Canary', value: 'Atlantic/Canary' },
+  { label: 'Atlantic/Cape_Verde', value: 'Atlantic/Cape_Verde' },
+  { label: 'Atlantic/Faeroe', value: 'Atlantic/Faeroe' },
+  { label: 'Atlantic/Madeira', value: 'Atlantic/Madeira' },
+  { label: 'Atlantic/Reykjavik', value: 'Atlantic/Reykjavik' },
+  { label: 'Atlantic/South_Georgia', value: 'Atlantic/South_Georgia' },
+  { label: 'Atlantic/St_Helena', value: 'Atlantic/St_Helena' },
+  { label: 'Atlantic/Stanley', value: 'Atlantic/Stanley' },
+  { label: 'Australia/Adelaide', value: 'Australia/Adelaide' },
+  { label: 'Australia/Brisbane', value: 'Australia/Brisbane' },
+  { label: 'Australia/Broken_Hill', value: 'Australia/Broken_Hill' },
+  { label: 'Australia/Currie', value: 'Australia/Currie' },
+  { label: 'Australia/Darwin', value: 'Australia/Darwin' },
+  { label: 'Australia/Eucla', value: 'Australia/Eucla' },
+  { label: 'Australia/Hobart', value: 'Australia/Hobart' },
+  { label: 'Australia/Lindeman', value: 'Australia/Lindeman' },
+  { label: 'Australia/Lord_Howe', value: 'Australia/Lord_Howe' },
+  { label: 'Australia/Melbourne', value: 'Australia/Melbourne' },
+  { label: 'Australia/Perth', value: 'Australia/Perth' },
+  { label: 'Australia/Sydney', value: 'Australia/Sydney' },
+  { label: 'Europe/Amsterdam', value: 'Europe/Amsterdam' },
+  { label: 'Europe/Andorra', value: 'Europe/Andorra' },
+  { label: 'Europe/Astrakhan', value: 'Europe/Astrakhan' },
+  { label: 'Europe/Athens', value: 'Europe/Athens' },
+  { label: 'Europe/Belgrade', value: 'Europe/Belgrade' },
+  { label: 'Europe/Berlin', value: 'Europe/Berlin' },
+  { label: 'Europe/Bratislava', value: 'Europe/Bratislava' },
+  { label: 'Europe/Brussels', value: 'Europe/Brussels' },
+  { label: 'Europe/Bucharest', value: 'Europe/Bucharest' },
+  { label: 'Europe/Budapest', value: 'Europe/Budapest' },
+  { label: 'Europe/Busingen', value: 'Europe/Busingen' },
+  { label: 'Europe/Chisinau', value: 'Europe/Chisinau' },
+  { label: 'Europe/Copenhagen', value: 'Europe/Copenhagen' },
+  { label: 'Europe/Dublin', value: 'Europe/Dublin' },
+  { label: 'Europe/Gibraltar', value: 'Europe/Gibraltar' },
+  { label: 'Europe/Guernsey', value: 'Europe/Guernsey' },
+  { label: 'Europe/Helsinki', value: 'Europe/Helsinki' },
+  { label: 'Europe/Isle_of_Man', value: 'Europe/Isle_of_Man' },
+  { label: 'Europe/Istanbul', value: 'Europe/Istanbul' },
+  { label: 'Europe/Jersey', value: 'Europe/Jersey' },
+  { label: 'Europe/Kaliningrad', value: 'Europe/Kaliningrad' },
+  { label: 'Europe/Kiev', value: 'Europe/Kiev' },
+  { label: 'Europe/Kirov', value: 'Europe/Kirov' },
+  { label: 'Europe/Lisbon', value: 'Europe/Lisbon' },
+  { label: 'Europe/Ljubljana', value: 'Europe/Ljubljana' },
+  { label: 'Europe/London', value: 'Europe/London' },
+  { label: 'Europe/Luxembourg', value: 'Europe/Luxembourg' },
+  { label: 'Europe/Madrid', value: 'Europe/Madrid' },
+  { label: 'Europe/Malta', value: 'Europe/Malta' },
+  { label: 'Europe/Mariehamn', value: 'Europe/Mariehamn' },
+  { label: 'Europe/Minsk', value: 'Europe/Minsk' },
+  { label: 'Europe/Monaco', value: 'Europe/Monaco' },
+  { label: 'Europe/Moscow', value: 'Europe/Moscow' },
+  { label: 'Europe/Oslo', value: 'Europe/Oslo' },
+  { label: 'Europe/Paris', value: 'Europe/Paris' },
+  { label: 'Europe/Podgorica', value: 'Europe/Podgorica' },
+  { label: 'Europe/Prague', value: 'Europe/Prague' },
+  { label: 'Europe/Riga', value: 'Europe/Riga' },
+  { label: 'Europe/Rome', value: 'Europe/Rome' },
+  { label: 'Europe/Samara', value: 'Europe/Samara' },
+  { label: 'Europe/San_Marino', value: 'Europe/San_Marino' },
+  { label: 'Europe/Sarajevo', value: 'Europe/Sarajevo' },
+  { label: 'Europe/Saratov', value: 'Europe/Saratov' },
+  { label: 'Europe/Simferopol', value: 'Europe/Simferopol' },
+  { label: 'Europe/Skopje', value: 'Europe/Skopje' },
+  { label: 'Europe/Sofia', value: 'Europe/Sofia' },
+  { label: 'Europe/Stockholm', value: 'Europe/Stockholm' },
+  { label: 'Europe/Tallinn', value: 'Europe/Tallinn' },
+  { label: 'Europe/Tirane', value: 'Europe/Tirane' },
+  { label: 'Europe/Ulyanovsk', value: 'Europe/Ulyanovsk' },
+  { label: 'Europe/Uzhgorod', value: 'Europe/Uzhgorod' },
+  { label: 'Europe/Vaduz', value: 'Europe/Vaduz' },
+  { label: 'Europe/Vatican', value: 'Europe/Vatican' },
+  { label: 'Europe/Vienna', value: 'Europe/Vienna' },
+  { label: 'Europe/Vilnius', value: 'Europe/Vilnius' },
+  { label: 'Europe/Volgograd', value: 'Europe/Volgograd' },
+  { label: 'Europe/Warsaw', value: 'Europe/Warsaw' },
+  { label: 'Europe/Zagreb', value: 'Europe/Zagreb' },
+  { label: 'Europe/Zaporozhye', value: 'Europe/Zaporozhye' },
+  { label: 'Europe/Zurich', value: 'Europe/Zurich' },
+  { label: 'Indian/Antananarivo', value: 'Indian/Antananarivo' },
+  { label: 'Indian/Chagos', value: 'Indian/Chagos' },
+  { label: 'Indian/Christmas', value: 'Indian/Christmas' },
+  { label: 'Indian/Cocos', value: 'Indian/Cocos' },
+  { label: 'Indian/Comoro', value: 'Indian/Comoro' },
+  { label: 'Indian/Kerguelen', value: 'Indian/Kerguelen' },
+  { label: 'Indian/Mahe', value: 'Indian/Mahe' },
+  { label: 'Indian/Maldives', value: 'Indian/Maldives' },
+  { label: 'Indian/Mauritius', value: 'Indian/Mauritius' },
+  { label: 'Indian/Mayotte', value: 'Indian/Mayotte' },
+  { label: 'Indian/Reunion', value: 'Indian/Reunion' },
+  { label: 'Pacific/Apia', value: 'Pacific/Apia' },
+  { label: 'Pacific/Auckland', value: 'Pacific/Auckland' },
+  { label: 'Pacific/Bougainville', value: 'Pacific/Bougainville' },
+  { label: 'Pacific/Chatham', value: 'Pacific/Chatham' },
+  { label: 'Pacific/Easter', value: 'Pacific/Easter' },
+  { label: 'Pacific/Efate', value: 'Pacific/Efate' },
+  { label: 'Pacific/Enderbury', value: 'Pacific/Enderbury' },
+  { label: 'Pacific/Fakaofo', value: 'Pacific/Fakaofo' },
+  { label: 'Pacific/Fiji', value: 'Pacific/Fiji' },
+  { label: 'Pacific/Funafuti', value: 'Pacific/Funafuti' },
+  { label: 'Pacific/Galapagos', value: 'Pacific/Galapagos' },
+  { label: 'Pacific/Gambier', value: 'Pacific/Gambier' },
+  { label: 'Pacific/Guadalcanal', value: 'Pacific/Guadalcanal' },
+  { label: 'Pacific/Guam', value: 'Pacific/Guam' },
+  { label: 'Pacific/Honolulu', value: 'Pacific/Honolulu' },
+  { label: 'Pacific/Johnston', value: 'Pacific/Johnston' },
+  { label: 'Pacific/Kiritimati', value: 'Pacific/Kiritimati' },
+  { label: 'Pacific/Kosrae', value: 'Pacific/Kosrae' },
+  { label: 'Pacific/Kwajalein', value: 'Pacific/Kwajalein' },
+  { label: 'Pacific/Majuro', value: 'Pacific/Majuro' },
+  { label: 'Pacific/Marquesas', value: 'Pacific/Marquesas' },
+  { label: 'Pacific/Midway', value: 'Pacific/Midway' },
+  { label: 'Pacific/Nauru', value: 'Pacific/Nauru' },
+  { label: 'Pacific/Niue', value: 'Pacific/Niue' },
+  { label: 'Pacific/Norfolk', value: 'Pacific/Norfolk' },
+  { label: 'Pacific/Noumea', value: 'Pacific/Noumea' },
+  { label: 'Pacific/Pago_Pago', value: 'Pacific/Pago_Pago' },
+  { label: 'Pacific/Palau', value: 'Pacific/Palau' },
+  { label: 'Pacific/Pitcairn', value: 'Pacific/Pitcairn' },
+  { label: 'Pacific/Ponape', value: 'Pacific/Ponape' },
+  { label: 'Pacific/Port_Moresby', value: 'Pacific/Port_Moresby' },
+  { label: 'Pacific/Rarotonga', value: 'Pacific/Rarotonga' },
+  { label: 'Pacific/Saipan', value: 'Pacific/Saipan' },
+  { label: 'Pacific/Tahiti', value: 'Pacific/Tahiti' },
+  { label: 'Pacific/Tarawa', value: 'Pacific/Tarawa' },
+  { label: 'Pacific/Tongatapu', value: 'Pacific/Tongatapu' },
+  { label: 'Pacific/Truk', value: 'Pacific/Truk' },
+  { label: 'Pacific/Wake', value: 'Pacific/Wake' },
+  { label: 'Pacific/Wallis', value: 'Pacific/Wallis' },
+];
+
+export default timezoneOptions;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/index.ts

@@ -0,0 +1,43 @@
+import { IGlobalVariable, IJSONObject } from '@automatisch/types';
+import capitalize from './text/capitalize';
+import extractEmailAddress from './text/extract-email-address';
+import extractNumber from './text/extract-number';
+import findArrayItemByProperty from './utilities/find-array-item-by-property';
+import formatDateTime from './date-time/format-date-time';
+import formatNumber from './numbers/format-number';
+import htmlToMarkdown from './text/html-to-markdown';
+import lowercase from './text/lowercase';
+import markdownToHtml from './text/markdown-to-html';
+import performMathOperation from './numbers/perform-math-operation';
+import pluralize from './text/pluralize';
+import randomNumber from './numbers/random-number';
+import replace from './text/replace';
+import trimWhitespace from './text/trim-whitespace';
+import useDefaultValue from './text/use-default-value';
+
+const options: IJSONObject = {
+  capitalize,
+  extractEmailAddress,
+  extractNumber,
+  findArrayItemByProperty,
+  formatDateTime,
+  formatNumber,
+  htmlToMarkdown,
+  lowercase,
+  markdownToHtml,
+  performMathOperation,
+  pluralize,
+  randomNumber,
+  replace,
+  trimWhitespace,
+  useDefaultValue,
+};
+
+export default {
+  name: 'List fields after transform',
+  key: 'listTransformOptions',
+
+  async run($: IGlobalVariable) {
+    return options[$.step.parameters.transform as string];
+  },
+};

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/numbers/format-number.ts

@@ -0,0 +1,38 @@
+const formatNumber = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'The number you want to format.',
+    variables: true,
+  },
+  {
+    label: 'Input Decimal Mark',
+    key: 'inputDecimalMark',
+    type: 'dropdown' as const,
+    required: true,
+    description: 'The decimal mark of the input number.',
+    variables: true,
+    options: [
+      { label: 'Comma', value: ',' },
+      { label: 'Period', value: '.' },
+    ],
+  },
+  {
+    label: 'To Format',
+    key: 'toFormat',
+    type: 'dropdown' as const,
+    required: true,
+    description: 'The format you want to convert the number to.',
+    variables: true,
+    options: [
+      { label: 'Comma for grouping & period for decimal', value: '0' },
+      { label: 'Period for grouping & comma for decimal', value: '1' },
+      { label: 'Space for grouping & period for decimal', value: '2' },
+      { label: 'Space for grouping & comma for decimal', value: '3' },
+    ],
+  },
+];
+
+export default formatNumber;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/numbers/perform-math-operation.ts

@@ -0,0 +1,36 @@
+const performMathOperation = [
+  {
+    label: 'Math Operation',
+    key: 'mathOperation',
+    type: 'dropdown' as const,
+    required: true,
+    description: 'The math operation to perform.',
+    variables: true,
+    options: [
+      { label: 'Add', value: 'add' },
+      { label: 'Divide', value: 'divide' },
+      { label: 'Make Negative', value: 'makeNegative' },
+      { label: 'Multiply', value: 'multiply' },
+      { label: 'Subtract', value: 'subtract' },
+    ],
+  },
+  {
+    label: 'Values',
+    key: 'values',
+    type: 'dynamic' as const,
+    required: false,
+    description: 'Add or remove numbers as needed.',
+    fields: [
+      {
+        label: 'Input',
+        key: 'input',
+        type: 'string' as const,
+        required: true,
+        description: 'The number to perform the math operation on.',
+        variables: true,
+      },
+    ],
+  },
+];
+
+export default performMathOperation;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/numbers/random-number.ts

@@ -0,0 +1,29 @@
+const randomNumber = [
+  {
+    label: 'Lower range',
+    key: 'lowerRange',
+    type: 'string' as const,
+    required: true,
+    description: 'The lowest number to generate.',
+    variables: true,
+  },
+  {
+    label: 'Upper range',
+    key: 'upperRange',
+    type: 'string' as const,
+    required: true,
+    description: 'The highest number to generate.',
+    variables: true,
+  },
+  {
+    label: 'Decimal points',
+    key: 'decimalPoints',
+    type: 'string' as const,
+    required: false,
+    description:
+      'The number of digits after the decimal point. It can be an integer between 0 and 15.',
+    variables: true,
+  },
+];
+
+export default randomNumber;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/capitalize.ts

@@ -0,0 +1,12 @@
+const capitalize = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Text that will be capitalized.',
+    variables: true,
+  },
+];
+
+export default capitalize;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/extract-email-address.ts

@@ -0,0 +1,12 @@
+const extractEmailAddress = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Text that will be searched for an email address.',
+    variables: true,
+  },
+];
+
+export default extractEmailAddress;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/extract-number.ts

@@ -0,0 +1,12 @@
+const extractNumber = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Text that will be searched for a number.',
+    variables: true,
+  },
+];
+
+export default extractNumber;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/html-to-markdown.ts

@@ -0,0 +1,12 @@
+const htmlToMarkdown = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'HTML that will be converted to Markdown.',
+    variables: true,
+  },
+];
+
+export default htmlToMarkdown;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/lowercase.ts

@@ -0,0 +1,12 @@
+const lowercase = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Text that will be lowercased.',
+    variables: true,
+  },
+];
+
+export default lowercase;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/markdown-to-html.ts

@@ -0,0 +1,12 @@
+const markdownToHtml = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Markdown text that will be converted to HTML.',
+    variables: true,
+  },
+];
+
+export default markdownToHtml;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/pluralize.ts

@@ -0,0 +1,12 @@
+const pluralize = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Text that will be pluralized.',
+    variables: true,
+  },
+];
+
+export default pluralize;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/replace.ts

@@ -0,0 +1,28 @@
+const replace = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Text that you want to search for and replace values.',
+    variables: true,
+  },
+  {
+    label: 'Find',
+    key: 'find',
+    type: 'string' as const,
+    required: true,
+    description: 'Text that will be searched for.',
+    variables: true,
+  },
+  {
+    label: 'Replace',
+    key: 'replace',
+    type: 'string' as const,
+    required: false,
+    description: 'Text that will replace the found text.',
+    variables: true,
+  },
+];
+
+export default replace;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/trim-whitespace.ts

@@ -0,0 +1,12 @@
+const trimWhitespace = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Text you want to remove leading and trailing spaces.',
+    variables: true,
+  },
+];
+
+export default trimWhitespace;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/text/use-default-value.ts

@@ -0,0 +1,21 @@
+const useDefaultValue = [
+  {
+    label: 'Input',
+    key: 'input',
+    type: 'string' as const,
+    required: true,
+    description: 'Text you want to check whether it is empty or not.',
+    variables: true,
+  },
+  {
+    label: 'Default Value',
+    key: 'defaultValue',
+    type: 'string' as const,
+    required: true,
+    description:
+      'Text that will be used as a default value if the input is empty.',
+    variables: true,
+  },
+];
+
+export default useDefaultValue;

packages/backend/src/apps/formatter/dynamic-fields/list-transform-options/utilities/find-array-item-by-property.ts

@@ -0,0 +1,28 @@
+const findArrayItemByProperty = [
+  {
+    label: 'Value',
+    key: 'value',
+    type: 'string' as const,
+    required: true,
+    description: 'Array of objects that will be searched.',
+    variables: true,
+  },
+  {
+    label: 'Property Name',
+    key: 'propertyName',
+    type: 'string' as const,
+    required: true,
+    description: 'Property name that will be searched.',
+    variables: true,
+  },
+  {
+    label: 'Property Value',
+    key: 'propertyValue',
+    type: 'string' as const,
+    required: true,
+    description: 'Property value that will be matched.',
+    variables: true,
+  },
+];
+
+export default findArrayItemByProperty;

packages/backend/src/apps/formatter/index.ts

@@ -0,0 +1,16 @@
+import defineApp from '../../helpers/define-app';
+import actions from './actions';
+import dynamicFields from './dynamic-fields';
+
+export default defineApp({
+  name: 'Formatter',
+  key: 'formatter',
+  iconUrl: '{BASE_URL}/apps/formatter/assets/favicon.svg',
+  authDocUrl: 'https://automatisch.io/docs/apps/formatter/connection',
+  supportsConnections: false,
+  baseUrl: '',
+  apiBaseUrl: '',
+  primaryColor: '001F52',
+  actions,
+  dynamicFields,
+});

packages/backend/src/apps/github/actions/create-issue/index.ts

@@ -11,7 +11,7 @@ export default defineAction({
       key: 'repo',
       type: 'dropdown' as const,
       required: false,
-      variables: false,
+      variables: true,
       source: {
         type: 'query',
         name: 'getDynamicData',

packages/backend/src/apps/github/index.ts

@@ -6,7 +6,7 @@ import actions from './actions';
 import dynamicData from './dynamic-data';
 
 export default defineApp({
-  name: 'Github',
+  name: 'GitHub',
   key: 'github',
   baseUrl: 'https://github.com',
   apiBaseUrl: 'https://api.github.com',

packages/backend/src/apps/gitlab/assets/favicon.svg

@@ -0,0 +1,2 @@
+<!-- https://about.gitlab.com/images/press/logo/svg/gitlab-logo-500.svg -->
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 380 380"><defs><style>.cls-1{fill:#e24329;}.cls-2{fill:#fc6d26;}.cls-3{fill:#fca326;}</style></defs><g id="LOGO"><path class="cls-1" d="M282.83,170.73l-.27-.69-26.14-68.22a6.81,6.81,0,0,0-2.69-3.24,7,7,0,0,0-8,.43,7,7,0,0,0-2.32,3.52l-17.65,54H154.29l-17.65-54A6.86,6.86,0,0,0,134.32,99a7,7,0,0,0-8-.43,6.87,6.87,0,0,0-2.69,3.24L97.44,170l-.26.69a48.54,48.54,0,0,0,16.1,56.1l.09.07.24.17,39.82,29.82,19.7,14.91,12,9.06a8.07,8.07,0,0,0,9.76,0l12-9.06,19.7-14.91,40.06-30,.1-.08A48.56,48.56,0,0,0,282.83,170.73Z"/><path class="cls-2" d="M282.83,170.73l-.27-.69a88.3,88.3,0,0,0-35.15,15.8L190,229.25c19.55,14.79,36.57,27.64,36.57,27.64l40.06-30,.1-.08A48.56,48.56,0,0,0,282.83,170.73Z"/><path class="cls-3" d="M153.43,256.89l19.7,14.91,12,9.06a8.07,8.07,0,0,0,9.76,0l12-9.06,19.7-14.91S209.55,244,190,229.25C170.45,244,153.43,256.89,153.43,256.89Z"/><path class="cls-2" d="M132.58,185.84A88.19,88.19,0,0,0,97.44,170l-.26.69a48.54,48.54,0,0,0,16.1,56.1l.09.07.24.17,39.82,29.82s17-12.85,36.57-27.64Z"/></g></svg>

packages/backend/src/apps/gitlab/auth/generate-auth-url.ts

@@ -0,0 +1,24 @@
+import { IGlobalVariable } from '@automatisch/types';
+import { URL, URLSearchParams } from 'url';
+import getBaseUrl from '../common/get-base-url';
+
+export default async function generateAuthUrl($: IGlobalVariable) {
+  // ref: https://docs.gitlab.com/ee/api/oauth2.html#authorization-code-flow
+
+  const scopes = ['api', 'read_user'];
+
+  const searchParams = new URLSearchParams({
+    client_id: $.auth.data.clientId as string,
+    redirect_uri: $.auth.data.oAuthRedirectUrl as string,
+    scope: scopes.join(' '),
+    response_type: 'code',
+    state: Date.now().toString(),
+  });
+
+  const baseUrl = getBaseUrl($);
+  const path = `/oauth/authorize?${searchParams.toString()}`;
+
+  await $.auth.set({
+    url: new URL(path, baseUrl).toString(),
+  });
+}

packages/backend/src/apps/gitlab/auth/index.ts

@@ -0,0 +1,63 @@
+import generateAuthUrl from './generate-auth-url';
+import verifyCredentials from './verify-credentials';
+import isStillVerified from './is-still-verified';
+import refreshToken from './refresh-token';
+
+export default {
+  fields: [
+    {
+      key: 'oAuthRedirectUrl',
+      label: 'OAuth Redirect URL',
+      type: 'string' as const,
+      required: true,
+      readOnly: true,
+      value: '{WEB_APP_URL}/app/gitlab/connections/add',
+      placeholder: null,
+      description:
+        'When asked to input an OAuth callback or redirect URL in Gitlab OAuth, enter the URL above.',
+      docUrl: 'https://automatisch.io/docs/gitlab#oauth-redirect-url',
+      clickToCopy: true,
+    },
+    {
+      key: 'instanceUrl',
+      label: 'Gitlab instance URL',
+      type: 'string' as const,
+      required: false,
+      readOnly: false,
+      value: 'https://gitlab.com',
+      placeholder: 'https://gitlab.com',
+      description: 'Your Gitlab instance URL. Default is https://gitlab.com.',
+      docUrl: 'https://automatisch.io/docs/gitlab#oauth-redirect-url',
+      clickToCopy: true,
+    },
+    {
+      key: 'clientId',
+      label: 'Client ID',
+      type: 'string' as const,
+      required: true,
+      readOnly: false,
+      value: null,
+      placeholder: null,
+      description: null,
+      docUrl: 'https://automatisch.io/docs/gitlab#client-id',
+      clickToCopy: false,
+    },
+    {
+      key: 'clientSecret',
+      label: 'Client Secret',
+      type: 'string' as const,
+      required: true,
+      readOnly: false,
+      value: null,
+      placeholder: null,
+      description: null,
+      docUrl: 'https://automatisch.io/docs/gitlab#client-secret',
+      clickToCopy: false,
+    },
+  ],
+
+  generateAuthUrl,
+  refreshToken,
+  verifyCredentials,
+  isStillVerified,
+};