feat(changedetection): add changed watch trigger

feat(changedetection): add delete watch action
feat(changedetection): add create watch action
2024-05-13 17:18:19 +02:00 · 2024-05-13 16:31:58 +02:00 · 2024-05-13 16:31:18 +02:00 · 2024-05-13 16:28:05 +02:00
108 changed files with 260 additions and 3171 deletions
--- a/packages/backend/src/apps/airtable/actions/create-record/index.js
+++ b/packages/backend/src/apps/airtable/actions/create-record/index.js
@@ -1,92 +0,0 @@
-import defineAction from '../../../../helpers/define-action.js';
-
-export default defineAction({
-  name: 'Create record',
-  key: 'createRecord',
-  description: 'Creates a new record with fields that automatically populate.',
-  arguments: [
-    {
-      label: 'Base',
-      key: 'baseId',
-      type: 'dropdown',
-      required: true,
-      description: 'Base in which to create the record.',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listBases',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Table',
-      key: 'tableId',
-      type: 'dropdown',
-      required: true,
-      dependsOn: ['parameters.baseId'],
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listTables',
-          },
-          {
-            name: 'parameters.baseId',
-            value: '{parameters.baseId}',
-          },
-        ],
-      },
-      additionalFields: {
-        type: 'query',
-        name: 'getDynamicFields',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listFields',
-          },
-          {
-            name: 'parameters.baseId',
-            value: '{parameters.baseId}',
-          },
-          {
-            name: 'parameters.tableId',
-            value: '{parameters.tableId}',
-          },
-        ],
-      },
-    },
-  ],
-
-  async run($) {
-    const { baseId, tableId, ...rest } = $.step.parameters;
-
-    const fields = Object.entries(rest).reduce((result, [key, value]) => {
-      if (Array.isArray(value)) {
-        result[key] = value.map((item) => item.value);
-      } else if (value !== '') {
-        result[key] = value;
-      }
-      return result;
-    }, {});
-
-    const body = {
-      typecast: true,
-      fields,
-    };
-
-    const { data } = await $.http.post(`/v0/${baseId}/${tableId}`, body);
-
-    $.setActionItem({
-      raw: data,
-    });
-  },
-});
--- a/packages/backend/src/apps/airtable/actions/find-record/index.js
+++ b/packages/backend/src/apps/airtable/actions/find-record/index.js
@@ -1,174 +0,0 @@
-import defineAction from '../../../../helpers/define-action.js';
-import { URLSearchParams } from 'url';
-
-export default defineAction({
-  name: 'Find record',
-  key: 'findRecord',
-  description:
-    "Finds a record using simple field search or use Airtable's formula syntax to find a matching record.",
-  arguments: [
-    {
-      label: 'Base',
-      key: 'baseId',
-      type: 'dropdown',
-      required: true,
-      description: 'Base in which to create the record.',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listBases',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Table',
-      key: 'tableId',
-      type: 'dropdown',
-      required: true,
-      dependsOn: ['parameters.baseId'],
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listTables',
-          },
-          {
-            name: 'parameters.baseId',
-            value: '{parameters.baseId}',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Search by field',
-      key: 'tableField',
-      type: 'dropdown',
-      required: false,
-      dependsOn: ['parameters.baseId', 'parameters.tableId'],
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listTableFields',
-          },
-          {
-            name: 'parameters.baseId',
-            value: '{parameters.baseId}',
-          },
-          {
-            name: 'parameters.tableId',
-            value: '{parameters.tableId}',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Search Value',
-      key: 'searchValue',
-      type: 'string',
-      required: false,
-      variables: true,
-      description:
-        'The value of unique identifier for the record. For date values, please use the ISO format (e.g., "YYYY-MM-DD").',
-    },
-    {
-      label: 'Search for exact match?',
-      key: 'exactMatch',
-      type: 'dropdown',
-      required: true,
-      description: '',
-      variables: true,
-      options: [
-        { label: 'Yes', value: 'true' },
-        { label: 'No', value: 'false' },
-      ],
-    },
-    {
-      label: 'Search Formula',
-      key: 'searchFormula',
-      type: 'string',
-      required: false,
-      variables: true,
-      description:
-        'Instead, you have the option to use an Airtable search formula for locating records according to sophisticated criteria and across various fields.',
-    },
-    {
-      label: 'Limit to View',
-      key: 'limitToView',
-      type: 'dropdown',
-      required: false,
-      dependsOn: ['parameters.baseId', 'parameters.tableId'],
-      description:
-        'You have the choice to restrict the search to a particular view ID if desired.',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listTableViews',
-          },
-          {
-            name: 'parameters.baseId',
-            value: '{parameters.baseId}',
-          },
-          {
-            name: 'parameters.tableId',
-            value: '{parameters.tableId}',
-          },
-        ],
-      },
-    },
-  ],
-
-  async run($) {
-    const {
-      baseId,
-      tableId,
-      tableField,
-      searchValue,
-      exactMatch,
-      searchFormula,
-      limitToView,
-    } = $.step.parameters;
-
-    let filterByFormula;
-
-    if (tableField && searchValue) {
-      filterByFormula =
-        exactMatch === 'true'
-          ? `{${tableField}} = '${searchValue}'`
-          : `LOWER({${tableField}}) = LOWER('${searchValue}')`;
-    } else {
-      filterByFormula = searchFormula;
-    }
-
-    const body = new URLSearchParams({
-      filterByFormula,
-      view: limitToView,
-    });
-
-    const { data } = await $.http.post(
-      `/v0/${baseId}/${tableId}/listRecords`,
-      body
-    );
-
-    $.setActionItem({
-      raw: data,
-    });
-  },
-});
--- a/packages/backend/src/apps/airtable/actions/index.js
+++ b/packages/backend/src/apps/airtable/actions/index.js
@@ -1,4 +0,0 @@
-import createRecord from './create-record/index.js';
-import findRecord from './find-record/index.js';
-
-export default [createRecord, findRecord];
--- a/packages/backend/src/apps/airtable/assets/favicon.svg
+++ b/packages/backend/src/apps/airtable/assets/favicon.svg
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="215px" viewBox="0 0 256 215" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-	<g>
-		<path d="M114.25873,2.70101695 L18.8604023,42.1756384 C13.5552723,44.3711638 13.6102328,51.9065311 18.9486282,54.0225085 L114.746142,92.0117514 C123.163769,95.3498757 132.537419,95.3498757 140.9536,92.0117514 L236.75256,54.0225085 C242.08951,51.9065311 242.145916,44.3711638 236.83934,42.1756384 L141.442459,2.70101695 C132.738459,-0.900338983 122.961284,-0.900338983 114.25873,2.70101695" fill="#FFBF00"></path>
-		<path d="M136.349071,112.756863 L136.349071,207.659101 C136.349071,212.173089 140.900664,215.263892 145.096461,213.600615 L251.844122,172.166219 C254.281184,171.200072 255.879376,168.845451 255.879376,166.224705 L255.879376,71.3224678 C255.879376,66.8084791 251.327783,63.7176768 247.131986,65.3809537 L140.384325,106.815349 C137.94871,107.781496 136.349071,110.136118 136.349071,112.756863" fill="#26B5F8"></path>
-		<path d="M111.422771,117.65355 L79.742409,132.949912 L76.5257763,134.504714 L9.65047684,166.548104 C5.4112904,168.593211 0.000578531073,165.503855 0.000578531073,160.794612 L0.000578531073,71.7210757 C0.000578531073,70.0173017 0.874160452,68.5463864 2.04568588,67.4384994 C2.53454463,66.9481944 3.08848814,66.5446689 3.66412655,66.2250305 C5.26231864,65.2661153 7.54173107,65.0101153 9.47981017,65.7766689 L110.890522,105.957098 C116.045234,108.002206 116.450206,115.225166 111.422771,117.65355" fill="#ED3049"></path>
-		<path d="M111.422771,117.65355 L79.742409,132.949912 L2.04568588,67.4384994 C2.53454463,66.9481944 3.08848814,66.5446689 3.66412655,66.2250305 C5.26231864,65.2661153 7.54173107,65.0101153 9.47981017,65.7766689 L110.890522,105.957098 C116.045234,108.002206 116.450206,115.225166 111.422771,117.65355" fill-opacity="0.25" fill="#000000"></path>
-	</g>
-</svg>
--- a/packages/backend/src/apps/airtable/auth/generate-auth-url.js
+++ b/packages/backend/src/apps/airtable/auth/generate-auth-url.js
@@ -1,38 +0,0 @@
-import crypto from 'crypto';
-import { URLSearchParams } from 'url';
-import authScope from '../common/auth-scope.js';
-
-export default async function generateAuthUrl($) {
-  const oauthRedirectUrlField = $.app.auth.fields.find(
-    (field) => field.key == 'oAuthRedirectUrl'
-  );
-  const redirectUri = oauthRedirectUrlField.value;
-  const state = crypto.randomBytes(100).toString('base64url');
-  const codeVerifier = crypto.randomBytes(96).toString('base64url');
-  const codeChallenge = crypto
-    .createHash('sha256')
-    .update(codeVerifier)
-    .digest('base64')
-    .replace(/=/g, '')
-    .replace(/\+/g, '-')
-    .replace(/\//g, '_');
-
-  const searchParams = new URLSearchParams({
-    client_id: $.auth.data.clientId,
-    redirect_uri: redirectUri,
-    response_type: 'code',
-    scope: authScope.join(' '),
-    state,
-    code_challenge: codeChallenge,
-    code_challenge_method: 'S256',
-  });
-
-  const url = `https://airtable.com/oauth2/v1/authorize?${searchParams.toString()}`;
-
-  await $.auth.set({
-    url,
-    originalCodeChallenge: codeChallenge,
-    originalState: state,
-    codeVerifier,
-  });
-}
--- a/packages/backend/src/apps/airtable/auth/index.js
+++ b/packages/backend/src/apps/airtable/auth/index.js
@@ -1,48 +0,0 @@
-import generateAuthUrl from './generate-auth-url.js';
-import verifyCredentials from './verify-credentials.js';
-import refreshToken from './refresh-token.js';
-import isStillVerified from './is-still-verified.js';
-
-export default {
-  fields: [
-    {
-      key: 'oAuthRedirectUrl',
-      label: 'OAuth Redirect URL',
-      type: 'string',
-      required: true,
-      readOnly: true,
-      value: '{WEB_APP_URL}/app/airtable/connections/add',
-      placeholder: null,
-      description:
-        'When asked to input a redirect URL in Airtable, enter the URL above.',
-      clickToCopy: true,
-    },
-    {
-      key: 'clientId',
-      label: 'Client ID',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: null,
-      clickToCopy: false,
-    },
-    {
-      key: 'clientSecret',
-      label: 'Client Secret',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: null,
-      clickToCopy: false,
-    },
-  ],
-
-  generateAuthUrl,
-  verifyCredentials,
-  isStillVerified,
-  refreshToken,
-};
--- a/packages/backend/src/apps/airtable/auth/is-still-verified.js
+++ b/packages/backend/src/apps/airtable/auth/is-still-verified.js
@@ -1,8 +0,0 @@
-import getCurrentUser from '../common/get-current-user.js';
-
-const isStillVerified = async ($) => {
-  const currentUser = await getCurrentUser($);
-  return !!currentUser.id;
-};
-
-export default isStillVerified;
--- a/packages/backend/src/apps/airtable/auth/refresh-token.js
+++ b/packages/backend/src/apps/airtable/auth/refresh-token.js
@@ -1,40 +0,0 @@
-import { URLSearchParams } from 'node:url';
-
-import authScope from '../common/auth-scope.js';
-
-const refreshToken = async ($) => {
-  const params = new URLSearchParams({
-    client_id: $.auth.data.clientId,
-    grant_type: 'refresh_token',
-    refresh_token: $.auth.data.refreshToken,
-  });
-
-  const basicAuthToken = Buffer.from(
-    $.auth.data.clientId + ':' + $.auth.data.clientSecret
-  ).toString('base64');
-
-  const { data } = await $.http.post(
-    'https://airtable.com/oauth2/v1/token',
-    params.toString(),
-    {
-      headers: {
-        'Content-Type': 'application/x-www-form-urlencoded',
-        Authorization: `Basic ${basicAuthToken}`,
-      },
-      additionalProperties: {
-        skipAddingAuthHeader: true,
-      },
-    }
-  );
-
-  await $.auth.set({
-    accessToken: data.access_token,
-    refreshToken: data.refresh_token,
-    expiresIn: data.expires_in,
-    refreshExpiresIn: data.refresh_expires_in,
-    scope: authScope.join(' '),
-    tokenType: data.token_type,
-  });
-};
-
-export default refreshToken;
--- a/packages/backend/src/apps/airtable/auth/verify-credentials.js
+++ b/packages/backend/src/apps/airtable/auth/verify-credentials.js
@@ -1,56 +0,0 @@
-import getCurrentUser from '../common/get-current-user.js';
-
-const verifyCredentials = async ($) => {
-  if ($.auth.data.originalState !== $.auth.data.state) {
-    throw new Error("The 'state' parameter does not match.");
-  }
-  if ($.auth.data.originalCodeChallenge !== $.auth.data.code_challenge) {
-    throw new Error("The 'code challenge' parameter does not match.");
-  }
-  const oauthRedirectUrlField = $.app.auth.fields.find(
-    (field) => field.key == 'oAuthRedirectUrl'
-  );
-  const redirectUri = oauthRedirectUrlField.value;
-  const basicAuthToken = Buffer.from(
-    $.auth.data.clientId + ':' + $.auth.data.clientSecret
-  ).toString('base64');
-
-  const { data } = await $.http.post(
-    'https://airtable.com/oauth2/v1/token',
-    {
-      code: $.auth.data.code,
-      client_id: $.auth.data.clientId,
-      redirect_uri: redirectUri,
-      grant_type: 'authorization_code',
-      code_verifier: $.auth.data.codeVerifier,
-    },
-    {
-      headers: {
-        'Content-Type': 'application/x-www-form-urlencoded',
-        Authorization: `Basic ${basicAuthToken}`,
-      },
-      additionalProperties: {
-        skipAddingAuthHeader: true,
-      },
-    }
-  );
-
-  await $.auth.set({
-    accessToken: data.access_token,
-    tokenType: data.token_type,
-  });
-
-  const currentUser = await getCurrentUser($);
-
-  await $.auth.set({
-    clientId: $.auth.data.clientId,
-    clientSecret: $.auth.data.clientSecret,
-    scope: $.auth.data.scope,
-    expiresIn: data.expires_in,
-    refreshExpiresIn: data.refresh_expires_in,
-    refreshToken: data.refresh_token,
-    screenName: currentUser.email,
-  });
-};
-
-export default verifyCredentials;
--- a/packages/backend/src/apps/airtable/common/add-auth-header.js
+++ b/packages/backend/src/apps/airtable/common/add-auth-header.js
@@ -1,12 +0,0 @@
-const addAuthHeader = ($, requestConfig) => {
-  if (
-    !requestConfig.additionalProperties?.skipAddingAuthHeader &&
-    $.auth.data?.accessToken
-  ) {
-    requestConfig.headers.Authorization = `${$.auth.data.tokenType} ${$.auth.data.accessToken}`;
-  }
-
-  return requestConfig;
-};
-
-export default addAuthHeader;
--- a/packages/backend/src/apps/airtable/common/auth-scope.js
+++ b/packages/backend/src/apps/airtable/common/auth-scope.js
@@ -1,12 +0,0 @@
-const authScope = [
-  'data.records:read',
-  'data.records:write',
-  'data.recordComments:read',
-  'data.recordComments:write',
-  'schema.bases:read',
-  'schema.bases:write',
-  'user.email:read',
-  'webhook:manage',
-];
-
-export default authScope;
--- a/packages/backend/src/apps/airtable/common/get-current-user.js
+++ b/packages/backend/src/apps/airtable/common/get-current-user.js
@@ -1,6 +0,0 @@
-const getCurrentUser = async ($) => {
-  const { data: currentUser } = await $.http.get('/v0/meta/whoami');
-  return currentUser;
-};
-
-export default getCurrentUser;
--- a/packages/backend/src/apps/airtable/dynamic-data/index.js
+++ b/packages/backend/src/apps/airtable/dynamic-data/index.js
@@ -1,6 +0,0 @@
-import listBases from './list-bases/index.js';
-import listTableFields from './list-table-fields/index.js';
-import listTableViews from './list-table-views/index.js';
-import listTables from './list-tables/index.js';
-
-export default [listBases, listTableFields, listTableViews, listTables];
--- a/packages/backend/src/apps/airtable/dynamic-data/list-bases/index.js
+++ b/packages/backend/src/apps/airtable/dynamic-data/list-bases/index.js
@@ -1,28 +0,0 @@
-export default {
-  name: 'List bases',
-  key: 'listBases',
-
-  async run($) {
-    const bases = {
-      data: [],
-    };
-
-    const params = {};
-
-    do {
-      const { data } = await $.http.get('/v0/meta/bases', { params });
-      params.offset = data.offset;
-
-      if (data?.bases) {
-        for (const base of data.bases) {
-          bases.data.push({
-            value: base.id,
-            name: base.name,
-          });
-        }
-      }
-    } while (params.offset);
-
-    return bases;
-  },
-};
--- a/packages/backend/src/apps/airtable/dynamic-data/list-table-fields/index.js
+++ b/packages/backend/src/apps/airtable/dynamic-data/list-table-fields/index.js
@@ -1,39 +0,0 @@
-export default {
-  name: 'List table fields',
-  key: 'listTableFields',
-
-  async run($) {
-    const tableFields = {
-      data: [],
-    };
-    const { baseId, tableId } = $.step.parameters;
-
-    if (!baseId) {
-      return tableFields;
-    }
-
-    const params = {};
-
-    do {
-      const { data } = await $.http.get(`/v0/meta/bases/${baseId}/tables`, {
-        params,
-      });
-      params.offset = data.offset;
-
-      if (data?.tables) {
-        for (const table of data.tables) {
-          if (table.id === tableId) {
-            table.fields.forEach((field) => {
-              tableFields.data.push({
-                value: field.name,
-                name: field.name,
-              });
-            });
-          }
-        }
-      }
-    } while (params.offset);
-
-    return tableFields;
-  },
-};
--- a/packages/backend/src/apps/airtable/dynamic-data/list-table-views/index.js
+++ b/packages/backend/src/apps/airtable/dynamic-data/list-table-views/index.js
@@ -1,39 +0,0 @@
-export default {
-  name: 'List table views',
-  key: 'listTableViews',
-
-  async run($) {
-    const tableViews = {
-      data: [],
-    };
-    const { baseId, tableId } = $.step.parameters;
-
-    if (!baseId) {
-      return tableViews;
-    }
-
-    const params = {};
-
-    do {
-      const { data } = await $.http.get(`/v0/meta/bases/${baseId}/tables`, {
-        params,
-      });
-      params.offset = data.offset;
-
-      if (data?.tables) {
-        for (const table of data.tables) {
-          if (table.id === tableId) {
-            table.views.forEach((view) => {
-              tableViews.data.push({
-                value: view.id,
-                name: view.name,
-              });
-            });
-          }
-        }
-      }
-    } while (params.offset);
-
-    return tableViews;
-  },
-};
--- a/packages/backend/src/apps/airtable/dynamic-data/list-tables/index.js
+++ b/packages/backend/src/apps/airtable/dynamic-data/list-tables/index.js
@@ -1,35 +0,0 @@
-export default {
-  name: 'List tables',
-  key: 'listTables',
-
-  async run($) {
-    const tables = {
-      data: [],
-    };
-    const baseId = $.step.parameters.baseId;
-
-    if (!baseId) {
-      return tables;
-    }
-
-    const params = {};
-
-    do {
-      const { data } = await $.http.get(`/v0/meta/bases/${baseId}/tables`, {
-        params,
-      });
-      params.offset = data.offset;
-
-      if (data?.tables) {
-        for (const table of data.tables) {
-          tables.data.push({
-            value: table.id,
-            name: table.name,
-          });
-        }
-      }
-    } while (params.offset);
-
-    return tables;
-  },
-};
--- a/packages/backend/src/apps/airtable/dynamic-fields/index.js
+++ b/packages/backend/src/apps/airtable/dynamic-fields/index.js
@@ -1,3 +0,0 @@
-import listFields from './list-fields/index.js';
-
-export default [listFields];
--- a/packages/backend/src/apps/airtable/dynamic-fields/list-fields/index.js
+++ b/packages/backend/src/apps/airtable/dynamic-fields/list-fields/index.js
@@ -1,86 +0,0 @@
-const hasValue = (value) => value !== null && value !== undefined;
-
-export default {
-  name: 'List fields',
-  key: 'listFields',
-
-  async run($) {
-    const options = [];
-    const { baseId, tableId } = $.step.parameters;
-
-    if (!hasValue(baseId) || !hasValue(tableId)) {
-      return;
-    }
-
-    const { data } = await $.http.get(`/v0/meta/bases/${baseId}/tables`);
-
-    const selectedTable = data.tables.find((table) => table.id === tableId);
-
-    if (!selectedTable) return;
-
-    selectedTable.fields.forEach((field) => {
-      if (field.type === 'singleSelect') {
-        options.push({
-          label: field.name,
-          key: field.name,
-          type: 'dropdown',
-          required: false,
-          variables: true,
-          options: field.options.choices.map((choice) => ({
-            label: choice.name,
-            value: choice.id,
-          })),
-        });
-      } else if (field.type === 'multipleSelects') {
-        options.push({
-          label: field.name,
-          key: field.name,
-          type: 'dynamic',
-          required: false,
-          variables: true,
-          fields: [
-            {
-              label: 'Value',
-              key: 'value',
-              type: 'dropdown',
-              required: false,
-              variables: true,
-              options: field.options.choices.map((choice) => ({
-                label: choice.name,
-                value: choice.id,
-              })),
-            },
-          ],
-        });
-      } else if (field.type === 'checkbox') {
-        options.push({
-          label: field.name,
-          key: field.name,
-          type: 'dropdown',
-          required: false,
-          variables: true,
-          options: [
-            {
-              label: 'Yes',
-              value: 'true',
-            },
-            {
-              label: 'No',
-              value: 'false',
-            },
-          ],
-        });
-      } else {
-        options.push({
-          label: field.name,
-          key: field.name,
-          type: 'string',
-          required: false,
-          variables: true,
-        });
-      }
-    });
-
-    return options;
-  },
-};
--- a/packages/backend/src/apps/airtable/index.js
+++ b/packages/backend/src/apps/airtable/index.js
@@ -1,22 +0,0 @@
-import defineApp from '../../helpers/define-app.js';
-import addAuthHeader from './common/add-auth-header.js';
-import auth from './auth/index.js';
-import actions from './actions/index.js';
-import dynamicData from './dynamic-data/index.js';
-import dynamicFields from './dynamic-fields/index.js';
-
-export default defineApp({
-  name: 'Airtable',
-  key: 'airtable',
-  baseUrl: 'https://airtable.com',
-  apiBaseUrl: 'https://api.airtable.com',
-  iconUrl: '{BASE_URL}/apps/airtable/assets/favicon.svg',
-  authDocUrl: '{DOCS_URL}/apps/airtable/connection',
-  primaryColor: 'FFBF00',
-  supportsConnections: true,
-  beforeRequest: [addAuthHeader],
-  auth,
-  actions,
-  dynamicData,
-  dynamicFields,
-});
--- a/packages/backend/src/apps/appwrite/assets/favicon.svg
+++ b/packages/backend/src/apps/appwrite/assets/favicon.svg
@@ -1 +0,0 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="132" height="24" fill="none" viewBox="0 0 132 24"><path fill="#19191C" d="M38.557 19.495c2.16 0 3.25-1.113 3.725-1.87h.214c.094.805.664 1.562 1.779 1.562h2.111V16.82h-.545c-.38 0-.57-.213-.57-.545V6.776h-2.8v1.516h-.213c-.545-.758-1.684-1.824-3.772-1.824-3.321 0-5.789 2.748-5.789 6.514s2.515 6.513 5.86 6.513m.498-2.7c-1.969 0-3.51-1.445-3.51-3.79 0-2.297 1.494-3.86 3.487-3.86 1.898 0 3.487 1.397 3.487 3.86 0 2.108-1.352 3.79-3.463 3.79M48.04 24h2.799v-6.376h.213c.522.758 1.637 1.871 3.844 1.871 3.321 0 5.741-2.795 5.741-6.513 0-3.743-2.586-6.514-5.931-6.514-2.135 0-3.18 1.16-3.678 1.8h-.213V6.776h-2.776V24m6.263-7.134c-1.922 0-3.512-1.42-3.512-3.884 0-2.108 1.353-3.885 3.464-3.885 1.97 0 3.511 1.54 3.511 3.885 0 2.297-1.494 3.884-3.463 3.884M62.082 24h2.8v-6.376h.213c.522.758 1.637 1.871 3.843 1.871 3.321 0 5.51-2.795 5.51-6.513 0-3.743-2.355-6.514-5.7-6.514-2.135 0-3.179 1.16-3.677 1.8h-.214V6.776h-2.775zm6.263-7.134c-1.922 0-3.511-1.42-3.511-3.884 0-2.108 1.352-3.885 3.463-3.885 1.97 0 3.512 1.54 3.512 3.885 0 2.297-1.495 3.884-3.464 3.884m9.805 2.61h3.961l2.254-9.735h.143l2.253 9.735H90.7l3.153-12.412h-2.821l-2.254 9.759h-.214l-2.253-9.759h-3.725l-2.278 9.759h-.213l-2.23-9.759h-2.99l3.274 12.412m17.123 0h2.8V13.34c0-2.345 1.09-3.79 3.131-3.79h1.233V6.756h-.925c-1.59 0-2.8 1.09-3.274 2.132h-.19V7.064h-2.775zm21.057 0h2.183v-2.487h-2.159c-.854 0-1.21-.38-1.21-1.256V9.528h3.511V7.064h-3.511V3.582h-2.657v3.482h-2.325v2.464h2.159v6.229c0 2.63 1.589 3.719 4.009 3.719m9.693.019c2.586 0 4.864-1.279 5.67-3.86l-2.562-.616c-.451 1.373-1.755 2.084-3.131 2.084-2.041 0-3.393-1.326-3.417-3.41h9.419v-.782c0-3.695-2.301-6.443-6.097-6.443-3.346 0-6.216 2.63-6.216 6.537 0 3.79 2.538 6.49 6.334 6.49m-3.416-7.84c.166-1.492 1.518-2.747 3.298-2.747 1.708 0 3.108 1.066 3.25 2.747h-6.548"/><path fill="#19191C" fill-rule="evenodd" d="M108.916 19.476h-2.8V9.528h-2.182V7.064h4.982z" clip-rule="evenodd"/><path fill="#19191C" d="M107.309 5.342c1.02 0 1.779-.758 1.779-1.753 0-.971-.759-1.73-1.779-1.73-1.021 0-1.78.759-1.78 1.73 0 .995.759 1.753 1.78 1.753"/><path fill="#FD366E" d="M24.443 16.432v5.478H10.752c-3.989 0-7.472-2.203-9.335-5.478A11.041 11.041 0 0 1 0 11.695v-1.48a10.97 10.97 0 0 1 .381-2.247C1.661 3.368 5.82 0 10.751 0c4.934 0 9.092 3.37 10.371 7.967h-5.854c-.96-1.499-2.624-2.49-4.516-2.49s-3.555.991-4.516 2.49a5.47 5.47 0 0 0-.67 1.494 5.562 5.562 0 0 0-.202 1.494 5.5 5.5 0 0 0 1.69 3.983 5.32 5.32 0 0 0 3.698 1.494h13.69"/><path fill="#FD366E" d="M24.443 9.46v5.478h-9.994a5.5 5.5 0 0 0 1.691-3.983 5.56 5.56 0 0 0-.203-1.494h8.506"/></svg>
--- a/packages/backend/src/apps/appwrite/auth/index.js
+++ b/packages/backend/src/apps/appwrite/auth/index.js
@@ -1,65 +0,0 @@
-import verifyCredentials from './verify-credentials.js';
-import isStillVerified from './is-still-verified.js';
-
-export default {
-  fields: [
-    {
-      key: 'screenName',
-      label: 'Screen Name',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description:
-        'Screen name of your connection to be used on Automatisch UI.',
-      clickToCopy: false,
-    },
-    {
-      key: 'projectId',
-      label: 'Project ID',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: 'Project ID of your Appwrite project.',
-      clickToCopy: false,
-    },
-    {
-      key: 'apiKey',
-      label: 'API Key',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: 'API key of your Appwrite project.',
-      clickToCopy: false,
-    },
-    {
-      key: 'instanceUrl',
-      label: 'Appwrite instance URL',
-      type: 'string',
-      required: false,
-      readOnly: false,
-      placeholder: '',
-      description: '',
-      clickToCopy: true,
-    },
-    {
-      key: 'host',
-      label: 'Host Name',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: 'Host name of your Appwrite project.',
-      clickToCopy: false,
-    },
-  ],
-
-  verifyCredentials,
-  isStillVerified,
-};
--- a/packages/backend/src/apps/appwrite/auth/verify-credentials.js
+++ b/packages/backend/src/apps/appwrite/auth/verify-credentials.js
@@ -1,5 +0,0 @@
-const verifyCredentials = async ($) => {
-  await $.http.get('/v1/users');
-};
-
-export default verifyCredentials;
--- a/packages/backend/src/apps/appwrite/common/add-auth-header.js
+++ b/packages/backend/src/apps/appwrite/common/add-auth-header.js
@@ -1,16 +0,0 @@
-const addAuthHeader = ($, requestConfig) => {
-  requestConfig.headers['Content-Type'] = 'application/json';
-
-  if ($.auth.data?.apiKey && $.auth.data?.projectId) {
-    requestConfig.headers['X-Appwrite-Project'] = $.auth.data.projectId;
-    requestConfig.headers['X-Appwrite-Key'] = $.auth.data.apiKey;
-  }
-
-  if ($.auth.data?.host) {
-    requestConfig.headers['Host'] = $.auth.data.host;
-  }
-
-  return requestConfig;
-};
-
-export default addAuthHeader;
--- a/packages/backend/src/apps/appwrite/dynamic-data/index.js
+++ b/packages/backend/src/apps/appwrite/dynamic-data/index.js
@@ -1,4 +0,0 @@
-import listCollections from './list-collections/index.js';
-import listDatabases from './list-databases/index.js';
-
-export default [listCollections, listDatabases];
--- a/packages/backend/src/apps/appwrite/dynamic-data/list-collections/index.js
+++ b/packages/backend/src/apps/appwrite/dynamic-data/list-collections/index.js
@@ -1,44 +0,0 @@
-export default {
-  name: 'List collections',
-  key: 'listCollections',
-
-  async run($) {
-    const collections = {
-      data: [],
-    };
-    const databaseId = $.step.parameters.databaseId;
-
-    if (!databaseId) {
-      return collections;
-    }
-
-    const params = {
-      queries: [
-        JSON.stringify({
-          method: 'orderAsc',
-          attribute: 'name',
-        }),
-        JSON.stringify({
-          method: 'limit',
-          values: [100],
-        }),
-      ],
-    };
-
-    const { data } = await $.http.get(
-      `/v1/databases/${databaseId}/collections`,
-      { params }
-    );
-
-    if (data?.collections) {
-      for (const collection of data.collections) {
-        collections.data.push({
-          value: collection.$id,
-          name: collection.name,
-        });
-      }
-    }
-
-    return collections;
-  },
-};
--- a/packages/backend/src/apps/appwrite/dynamic-data/list-databases/index.js
+++ b/packages/backend/src/apps/appwrite/dynamic-data/list-databases/index.js
@@ -1,36 +0,0 @@
-export default {
-  name: 'List databases',
-  key: 'listDatabases',
-
-  async run($) {
-    const databases = {
-      data: [],
-    };
-
-    const params = {
-      queries: [
-        JSON.stringify({
-          method: 'orderAsc',
-          attribute: 'name',
-        }),
-        JSON.stringify({
-          method: 'limit',
-          values: [100],
-        }),
-      ],
-    };
-
-    const { data } = await $.http.get('/v1/databases', { params });
-
-    if (data?.databases) {
-      for (const database of data.databases) {
-        databases.data.push({
-          value: database.$id,
-          name: database.name,
-        });
-      }
-    }
-
-    return databases;
-  },
-};
--- a/packages/backend/src/apps/appwrite/triggers/index.js
+++ b/packages/backend/src/apps/appwrite/triggers/index.js
@@ -1,3 +0,0 @@
-import newDocuments from './new-documents/index.js';
-
-export default [newDocuments];
--- a/packages/backend/src/apps/appwrite/triggers/new-documents/index.js
+++ b/packages/backend/src/apps/appwrite/triggers/new-documents/index.js
@@ -1,104 +0,0 @@
-import defineTrigger from '../../../../helpers/define-trigger.js';
-
-export default defineTrigger({
-  name: 'New documents',
-  key: 'newDocuments',
-  pollInterval: 15,
-  description: 'Triggers when a new document is created.',
-  arguments: [
-    {
-      label: 'Database',
-      key: 'databaseId',
-      type: 'dropdown',
-      required: true,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listDatabases',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Collection',
-      key: 'collectionId',
-      type: 'dropdown',
-      required: true,
-      dependsOn: ['parameters.databaseId'],
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listCollections',
-          },
-          {
-            name: 'parameters.databaseId',
-            value: '{parameters.databaseId}',
-          },
-        ],
-      },
-    },
-  ],
-
-  async run($) {
-    const { databaseId, collectionId } = $.step.parameters;
-
-    const limit = 1;
-    let lastDocumentId = undefined;
-    let offset = 0;
-    let documentCount = 0;
-
-    do {
-      const params = {
-        queries: [
-          JSON.stringify({
-            method: 'orderDesc',
-            attribute: '$createdAt',
-          }),
-          JSON.stringify({
-            method: 'limit',
-            values: [limit],
-          }),
-          // An invalid cursor shouldn't be sent.
-          lastDocumentId &&
-            JSON.stringify({
-              method: 'cursorAfter',
-              values: [lastDocumentId],
-            }),
-        ].filter(Boolean),
-      };
-
-      const { data } = await $.http.get(
-        `/v1/databases/${databaseId}/collections/${collectionId}/documents`,
-        { params }
-      );
-
-      const documents = data?.documents;
-      documentCount = documents?.length;
-      offset = offset + limit;
-      lastDocumentId = documents[documentCount - 1]?.$id;
-
-      if (!documentCount) {
-        return;
-      }
-
-      for (const document of documents) {
-        $.pushTriggerItem({
-          raw: document,
-          meta: {
-            internalId: document.$id,
-          },
-        });
-      }
-    } while (documentCount === limit);
-  },
-});
--- a/packages/backend/src/apps/changedetection/actions/create-watch/index.js
+++ b/packages/backend/src/apps/changedetection/actions/create-watch/index.js
@@ -0,0 +1,29 @@
+import defineAction from '../../../../helpers/define-action.js';
+
+export default defineAction({
+  name: 'Create a watch',
+  key: 'createWatch',
+  description: 'Creates a new change detection watch for a specific website.',
+  arguments: [
+    {
+      label: 'URL',
+      key: 'url',
+      type: 'string',
+      required: true,
+      variables: true,
+      description: 'Url you want to monitor',
+    },
+  ],
+
+  async run($) {
+    const url = $.step.parameters.url;
+
+    const body = {
+      url,
+    };
+
+    const response = await $.http.post('/v1/watch', body);
+
+    $.setActionItem({ raw: response.data });
+  },
+});
--- a/packages/backend/src/apps/changedetection/actions/delete-watch/index.js
+++ b/packages/backend/src/apps/changedetection/actions/delete-watch/index.js
@@ -0,0 +1,29 @@
+import defineAction from '../../../../helpers/define-action.js';
+
+export default defineAction({
+  name: 'Delete a watch',
+  key: 'deleteWatch',
+  description: 'Deletes a change detection watch.',
+  arguments: [
+    {
+      label: 'Watch ID',
+      key: 'watchId',
+      type: 'string',
+      required: true,
+      variables: true,
+      description: 'Watch id you want to delete',
+    },
+  ],
+
+  async run($) {
+    const watchId = $.step.parameters.watchId;
+
+    await $.http.delete(`/v1/watch/${watchId}`);
+
+    $.setActionItem({
+      raw: {
+        result: 'successful',
+      },
+    });
+  },
+});
--- a/packages/backend/src/apps/changedetection/actions/index.js
+++ b/packages/backend/src/apps/changedetection/actions/index.js
@@ -0,0 +1,4 @@
+import createWatch from './create-watch/index.js';
+import deleteWatch from './delete-watch/index.js';
+
+export default [createWatch, deleteWatch];
--- a/packages/backend/src/apps/changedetection/assets/favicon.svg
+++ b/packages/backend/src/apps/changedetection/assets/favicon.svg
--- a/packages/backend/src/apps/changedetection/auth/index.js
+++ b/packages/backend/src/apps/changedetection/auth/index.js
@@ -1,46 +1,44 @@
-import generateAuthUrl from './generate-auth-url.js';
 import verifyCredentials from './verify-credentials.js';
 import isStillVerified from './is-still-verified.js';

 export default {
  fields: [
    {
-      key: 'oAuthRedirectUrl',
-      label: 'OAuth Redirect URL',
+      key: 'screenName',
+      label: 'Screen Name',
      type: 'string',
      required: true,
-      readOnly: true,
-      value: '{WEB_APP_URL}/app/eventbrite/connections/add',
+      readOnly: false,
+      value: null,
      placeholder: null,
      description:
-        'When asked to input a redirect URL in Eventbrite, enter the URL above.',
-      clickToCopy: true,
+        'Screen name of your connection to be used on Automatisch UI.',
+      clickToCopy: false,
    },
    {
-      key: 'clientId',
+      key: 'instanceUrl',
+      label: 'Instance URL',
+      type: 'string',
+      required: true,
+      readOnly: false,
+      value: null,
+      placeholder: null,
+      description: null,
+      clickToCopy: false,
+    },
+    {
+      key: 'apiKey',
      label: 'API Key',
      type: 'string',
      required: true,
      readOnly: false,
      value: null,
      placeholder: null,
-      description: null,
-      clickToCopy: false,
-    },
-    {
-      key: 'clientSecret',
-      label: 'Client Secret',
-      type: 'string',
-      required: true,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: null,
+      description: 'Changedetection API key of your account.',
      clickToCopy: false,
    },
  ],

-  generateAuthUrl,
  verifyCredentials,
  isStillVerified,
 };
--- a/packages/backend/src/apps/changedetection/auth/is-still-verified.js
+++ b/packages/backend/src/apps/changedetection/auth/is-still-verified.js
--- a/packages/backend/src/apps/changedetection/auth/verify-credentials.js
+++ b/packages/backend/src/apps/changedetection/auth/verify-credentials.js
@@ -0,0 +1,10 @@
+const verifyCredentials = async ($) => {
+  await $.http.get('/v1/systeminfo');
+
+  await $.auth.set({
+    screenName: $.auth.data.screenName,
+    apiKey: $.auth.data.apiKey,
+  });
+};
+
+export default verifyCredentials;
--- a/packages/backend/src/apps/changedetection/common/add-auth-header.js
+++ b/packages/backend/src/apps/changedetection/common/add-auth-header.js
@@ -0,0 +1,9 @@
+const addAuthHeader = ($, requestConfig) => {
+  if ($.auth.data?.apiKey) {
+    requestConfig.headers['x-api-key'] = $.auth.data.apiKey;
+  }
+
+  return requestConfig;
+};
+
+export default addAuthHeader;
--- a/packages/backend/src/apps/changedetection/common/set-base-url.js
+++ b/packages/backend/src/apps/changedetection/common/set-base-url.js
@@ -1,10 +1,7 @@
 const setBaseUrl = ($, requestConfig) => {
  const instanceUrl = $.auth.data.instanceUrl;
-
  if (instanceUrl) {
-    requestConfig.baseURL = instanceUrl;
-  } else if ($.app.apiBaseUrl) {
-    requestConfig.baseURL = $.app.apiBaseUrl;
+    requestConfig.baseURL = `${instanceUrl}/api`;
  }

  return requestConfig;
--- a/packages/backend/src/apps/changedetection/dynamic-data/index.js
+++ b/packages/backend/src/apps/changedetection/dynamic-data/index.js
@@ -0,0 +1,3 @@
+import listWatches from './list-watches/index.js';
+
+export default [listWatches];
--- a/packages/backend/src/apps/changedetection/dynamic-data/list-watches/index.js
+++ b/packages/backend/src/apps/changedetection/dynamic-data/list-watches/index.js
@@ -0,0 +1,24 @@
+export default {
+  name: 'List watches',
+  key: 'listWatches',
+
+  async run($) {
+    const watches = {
+      data: [],
+    };
+
+    const { data } = await $.http.get('/v1/watch');
+    const watchIds = Object.keys(data);
+
+    if (watchIds?.length) {
+      for (const watchId of watchIds) {
+        watches.data.push({
+          value: watchId,
+          name: data[watchId].url,
+        });
+      }
+    }
+
+    return watches;
+  },
+};
--- a/packages/backend/src/apps/changedetection/index.js
+++ b/packages/backend/src/apps/changedetection/index.js
@@ -1,21 +1,23 @@
 import defineApp from '../../helpers/define-app.js';
 import addAuthHeader from './common/add-auth-header.js';
-import setBaseUrl from './common/set-base-url.js';
 import auth from './auth/index.js';
-import triggers from './triggers/index.js';
+import setBaseUrl from './common/set-base-url.js';
+import actions from './actions/index.js';
 import dynamicData from './dynamic-data/index.js';
+import triggers from './triggers/index.js';

 export default defineApp({
-  name: 'Appwrite',
-  key: 'appwrite',
-  baseUrl: 'https://appwrite.io',
-  apiBaseUrl: 'https://cloud.appwrite.io',
-  iconUrl: '{BASE_URL}/apps/appwrite/assets/favicon.svg',
-  authDocUrl: '{DOCS_URL}/apps/appwrite/connection',
-  primaryColor: 'FD366E',
+  name: 'Changedetection',
+  key: 'changedetection',
+  iconUrl: '{BASE_URL}/apps/changedetection/assets/favicon.svg',
+  authDocUrl: '{DOCS_URL}/apps/changedetection/connection',
  supportsConnections: true,
+  baseUrl: 'https://changedetection.io',
+  apiBaseUrl: '',
+  primaryColor: '3056d3',
  beforeRequest: [setBaseUrl, addAuthHeader],
  auth,
-  triggers,
+  actions,
  dynamicData,
+  triggers,
 });
--- a/packages/backend/src/apps/changedetection/triggers/changed-watch/index.js
+++ b/packages/backend/src/apps/changedetection/triggers/changed-watch/index.js
@@ -0,0 +1,43 @@
+import defineTrigger from '../../../../helpers/define-trigger.js';
+
+export default defineTrigger({
+  name: 'Changed watch',
+  key: 'changedWatch',
+  pollInterval: 15,
+  description: 'Triggers when any changes detected.',
+  arguments: [
+    {
+      label: 'Watch',
+      key: 'watchId',
+      type: 'dropdown',
+      required: true,
+      description: '',
+      variables: true,
+      source: {
+        type: 'query',
+        name: 'getDynamicData',
+        arguments: [
+          {
+            name: 'key',
+            value: 'listWatches',
+          },
+        ],
+      },
+    },
+  ],
+
+  async run($) {
+    const watchId = $.step.parameters.watchId;
+
+    const { data } = await $.http.get(`v1/watch/${watchId}`);
+
+    if (Object.keys(data).length !== 0) {
+      $.pushTriggerItem({
+        raw: data,
+        meta: {
+          internalId: `${watchId}-${data.last_changed}`,
+        },
+      });
+    }
+  },
+});
--- a/packages/backend/src/apps/changedetection/triggers/index.js
+++ b/packages/backend/src/apps/changedetection/triggers/index.js
@@ -0,0 +1,3 @@
+import changedWatch from './changed-watch/index.js';
+
+export default [changedWatch];
--- a/packages/backend/src/apps/eventbrite/actions/create-event/index.js
+++ b/packages/backend/src/apps/eventbrite/actions/create-event/index.js
@@ -1,157 +0,0 @@
-import defineAction from '../../../../helpers/define-action.js';
-import isEmpty from 'lodash/isEmpty.js';
-import omitBy from 'lodash/omitBy.js';
-
-export default defineAction({
-  name: 'Create event',
-  key: 'createEvent',
-  description: 'Creates a new event.',
-  arguments: [
-    {
-      label: 'Organization',
-      key: 'organizationId',
-      type: 'dropdown',
-      required: true,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listOrganizations',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Name',
-      key: 'name',
-      type: 'string',
-      required: true,
-      description: '',
-      variables: true,
-    },
-    {
-      label: 'Summary',
-      key: 'summary',
-      type: 'string',
-      required: false,
-      description: '',
-      variables: true,
-    },
-    {
-      label: 'Event Start',
-      key: 'eventStart',
-      type: 'string',
-      required: true,
-      description: 'e.g. 2018-05-12T02:00:00Z',
-      variables: true,
-    },
-    {
-      label: 'Event End',
-      key: 'eventEnd',
-      type: 'string',
-      required: true,
-      description: 'e.g. 2018-05-12T02:00:00Z',
-      variables: true,
-    },
-    {
-      label: 'Venue',
-      key: 'venueId',
-      type: 'dropdown',
-      required: false,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listVenues',
-          },
-          {
-            name: 'parameters.organizationId',
-            value: '{parameters.organizationId}',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Currency',
-      key: 'currencyId',
-      type: 'dropdown',
-      required: true,
-      description: 'The ISO 4217 currency code.',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listCurrency',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Listed?',
-      key: 'listed',
-      type: 'dropdown',
-      required: false,
-      description: 'Can this event be found on Eventbrite?',
-      variables: true,
-      options: [
-        { label: 'Yes', value: 'true' },
-        { label: 'No', value: 'false' },
-      ],
-    },
-  ],
-
-  async run($) {
-    const {
-      organizationId,
-      name,
-      summary,
-      eventStart,
-      eventEnd,
-      venueId,
-      currencyId,
-      listed,
-    } = $.step.parameters;
-
-    const fields = {
-      name: {
-        html: name,
-      },
-      summary,
-      start: {
-        timezone: 'UTC',
-        utc: eventStart,
-      },
-      end: {
-        timezone: 'UTC',
-        utc: eventEnd,
-      },
-      currency: currencyId,
-      venue_id: venueId,
-      listed,
-    };
-
-    const filteredFields = omitBy(fields, isEmpty);
-
-    const { data } = await $.http.post(
-      `/v3/organizations/${organizationId}/events/`,
-      {
-        event: filteredFields,
-      }
-    );
-
-    $.setActionItem({
-      raw: data,
-    });
-  },
-});
--- a/packages/backend/src/apps/eventbrite/actions/index.js
+++ b/packages/backend/src/apps/eventbrite/actions/index.js
@@ -1,3 +0,0 @@
-import createEvent from './create-event/index.js';
-
-export default [createEvent];
--- a/packages/backend/src/apps/eventbrite/assets/favicon.svg
+++ b/packages/backend/src/apps/eventbrite/assets/favicon.svg
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="256px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-		<g>
-				<circle fill="#F05537" cx="128" cy="128" r="128"></circle>
-				<path d="M117.475323,82.7290398 C136.772428,78.4407943 156.069532,86.3025777 166.790146,101.311437 L81.5017079,120.608542 C84.3605382,102.26438 98.1782181,87.0172853 117.475323,82.7290398 Z M167.266618,153.48509 C160.596014,163.252761 150.351872,170.161601 138.678314,172.782195 C119.38121,177.070441 99.8458692,169.208657 89.1252554,153.961562 L174.651929,134.664457 L188.469609,131.567391 L215.152026,125.611495 C214.91379,119.893834 214.199082,114.176173 213.007903,108.696749 C202.287289,62.7172275 155.354825,33.8906884 108.42236,44.6113021 C61.4898956,55.3319159 32.1868848,101.073201 43.1457344,147.290958 C54.1045839,193.508715 100.798813,222.097018 147.731277,211.376404 C175.366637,205.182272 196.807864,186.599875 207.766714,163.014525 L167.266618,153.48509 L167.266618,153.48509 Z" fill="#FFFFFF" fill-rule="nonzero"></path>
-		</g>
-</svg>
--- a/packages/backend/src/apps/eventbrite/auth/generate-auth-url.js
+++ b/packages/backend/src/apps/eventbrite/auth/generate-auth-url.js
@@ -1,19 +0,0 @@
-import { URLSearchParams } from 'url';
-
-export default async function generateAuthUrl($) {
-  const oauthRedirectUrlField = $.app.auth.fields.find(
-    (field) => field.key == 'oAuthRedirectUrl'
-  );
-  const redirectUri = oauthRedirectUrlField.value;
-  const searchParams = new URLSearchParams({
-    response_type: 'code',
-    client_id: $.auth.data.clientId,
-    redirect_uri: redirectUri,
-  });
-
-  const url = `https://www.eventbrite.com/oauth/authorize?${searchParams.toString()}`;
-
-  await $.auth.set({
-    url,
-  });
-}
--- a/packages/backend/src/apps/eventbrite/auth/is-still-verified.js
+++ b/packages/backend/src/apps/eventbrite/auth/is-still-verified.js
@@ -1,8 +0,0 @@
-import getCurrentUser from '../common/get-current-user.js';
-
-const isStillVerified = async ($) => {
-  const currentUser = await getCurrentUser($);
-  return !!currentUser.id;
-};
-
-export default isStillVerified;
--- a/packages/backend/src/apps/eventbrite/auth/verify-credentials.js
+++ b/packages/backend/src/apps/eventbrite/auth/verify-credentials.js
@@ -1,42 +0,0 @@
-import getCurrentUser from '../common/get-current-user.js';
-
-const verifyCredentials = async ($) => {
-  const oauthRedirectUrlField = $.app.auth.fields.find(
-    (field) => field.key == 'oAuthRedirectUrl'
-  );
-  const redirectUri = oauthRedirectUrlField.value;
-  const { data } = await $.http.post(
-    'https://www.eventbrite.com/oauth/token',
-    {
-      grant_type: 'authorization_code',
-      client_id: $.auth.data.clientId,
-      client_secret: $.auth.data.clientSecret,
-      code: $.auth.data.code,
-      redirect_uri: redirectUri,
-    },
-    {
-      headers: {
-        'Content-Type': 'application/x-www-form-urlencoded',
-      },
-    }
-  );
-
-  await $.auth.set({
-    accessToken: data.access_token,
-    tokenType: data.token_type,
-  });
-
-  const currentUser = await getCurrentUser($);
-
-  const screenName = [currentUser.name, currentUser.emails[0].email]
-    .filter(Boolean)
-    .join(' @ ');
-
-  await $.auth.set({
-    clientId: $.auth.data.clientId,
-    clientSecret: $.auth.data.clientSecret,
-    screenName,
-  });
-};
-
-export default verifyCredentials;
--- a/packages/backend/src/apps/eventbrite/common/add-auth-header.js
+++ b/packages/backend/src/apps/eventbrite/common/add-auth-header.js
@@ -1,9 +0,0 @@
-const addAuthHeader = ($, requestConfig) => {
-  if ($.auth.data?.accessToken) {
-    requestConfig.headers.Authorization = `Bearer ${$.auth.data.accessToken}`;
-  }
-
-  return requestConfig;
-};
-
-export default addAuthHeader;
--- a/packages/backend/src/apps/eventbrite/common/get-current-user.js
+++ b/packages/backend/src/apps/eventbrite/common/get-current-user.js
@@ -1,6 +0,0 @@
-const getCurrentUser = async ($) => {
-  const { data: currentUser } = await $.http.get('/v3/users/me');
-  return currentUser;
-};
-
-export default getCurrentUser;
--- a/packages/backend/src/apps/eventbrite/dynamic-data/index.js
+++ b/packages/backend/src/apps/eventbrite/dynamic-data/index.js
@@ -1,5 +0,0 @@
-import listEvents from './list-events/index.js';
-import listOrganizations from './list-organizations/index.js';
-import listVenues from './list-venues/index.js';
-
-export default [listEvents, listOrganizations, listVenues];
--- a/packages/backend/src/apps/eventbrite/dynamic-data/list-events/index.js
+++ b/packages/backend/src/apps/eventbrite/dynamic-data/list-events/index.js
@@ -1,44 +0,0 @@
-export default {
-  name: 'List events',
-  key: 'listEvents',
-
-  async run($) {
-    const events = {
-      data: [],
-    };
-    const organizationId = $.step.parameters.organizationId;
-
-    if (!organizationId) {
-      return events;
-    }
-
-    const params = {
-      continuation: undefined,
-      order_by: 'created_desc',
-    };
-
-    do {
-      const { data } = await $.http.get(
-        `/v3/organizations/${organizationId}/events/`,
-        {
-          params,
-        }
-      );
-
-      if (data.pagination.has_more_items) {
-        params.continuation = data.pagination.continuation;
-      }
-
-      if (data.events) {
-        for (const event of data.events) {
-          events.data.push({
-            value: event.id,
-            name: `${event.name.text} (${event.status})`,
-          });
-        }
-      }
-    } while (params.continuation);
-
-    return events;
-  },
-};
--- a/packages/backend/src/apps/eventbrite/dynamic-data/list-organizations/index.js
+++ b/packages/backend/src/apps/eventbrite/dynamic-data/list-organizations/index.js
@@ -1,35 +0,0 @@
-export default {
-  name: 'List organizations',
-  key: 'listOrganizations',
-
-  async run($) {
-    const organizations = {
-      data: [],
-    };
-
-    const params = {
-      continuation: undefined,
-    };
-
-    do {
-      const { data } = await $.http.get('/v3/users/me/organizations', {
-        params,
-      });
-
-      if (data.pagination.has_more_items) {
-        params.continuation = data.pagination.continuation;
-      }
-
-      if (data.organizations) {
-        for (const organization of data.organizations) {
-          organizations.data.push({
-            value: organization.id,
-            name: organization.name,
-          });
-        }
-      }
-    } while (params.continuation);
-
-    return organizations;
-  },
-};
--- a/packages/backend/src/apps/eventbrite/dynamic-data/list-venues/index.js
+++ b/packages/backend/src/apps/eventbrite/dynamic-data/list-venues/index.js
@@ -1,43 +0,0 @@
-export default {
-  name: 'List venues',
-  key: 'listVenues',
-
-  async run($) {
-    const venues = {
-      data: [],
-    };
-    const organizationId = $.step.parameters.organizationId;
-
-    if (!organizationId) {
-      return venues;
-    }
-
-    const params = {
-      continuation: undefined,
-    };
-
-    do {
-      const { data } = await $.http.get(
-        `/v3/organizations/${organizationId}/venues/`,
-        {
-          params,
-        }
-      );
-
-      if (data.pagination.has_more_items) {
-        params.continuation = data.pagination.continuation;
-      }
-
-      if (data.venues) {
-        for (const venue of data.venues) {
-          venues.data.push({
-            value: venue.id,
-            name: venue.name,
-          });
-        }
-      }
-    } while (params.continuation);
-
-    return venues;
-  },
-};
--- a/packages/backend/src/apps/eventbrite/index.js
+++ b/packages/backend/src/apps/eventbrite/index.js
@@ -1,22 +0,0 @@
-import defineApp from '../../helpers/define-app.js';
-import addAuthHeader from './common/add-auth-header.js';
-import auth from './auth/index.js';
-import dynamicData from './dynamic-data/index.js';
-import triggers from './triggers/index.js';
-import actions from './actions/index.js';
-
-export default defineApp({
-  name: 'Eventbrite',
-  key: 'eventbrite',
-  baseUrl: 'https://www.eventbrite.com',
-  apiBaseUrl: 'https://www.eventbriteapi.com',
-  iconUrl: '{BASE_URL}/apps/eventbrite/assets/favicon.svg',
-  authDocUrl: '{DOCS_URL}/apps/eventbrite/connection',
-  primaryColor: 'F05537',
-  supportsConnections: true,
-  beforeRequest: [addAuthHeader],
-  auth,
-  dynamicData,
-  triggers,
-  actions,
-});
--- a/packages/backend/src/apps/eventbrite/triggers/index.js
+++ b/packages/backend/src/apps/eventbrite/triggers/index.js
@@ -1,11 +0,0 @@
-import newAttendeeCheckIn from './new-attendee-check-in/index.js';
-import newAttendeeRegistered from './new-attendee-registered/index.js';
-import newEvents from './new-events/index.js';
-import updatedAttendee from './updated-attendee/index.js';
-
-export default [
-  updatedAttendee,
-  newAttendeeCheckIn,
-  newAttendeeRegistered,
-  newEvents,
-];
--- a/packages/backend/src/apps/eventbrite/triggers/new-attendee-check-in/index.js
+++ b/packages/backend/src/apps/eventbrite/triggers/new-attendee-check-in/index.js
@@ -1,120 +0,0 @@
-import Crypto from 'crypto';
-import defineTrigger from '../../../../helpers/define-trigger.js';
-
-export default defineTrigger({
-  name: 'New attendee check in',
-  key: 'newAttendeeCheckIn',
-  type: 'webhook',
-  description: "Triggers when an attendee's barcode is scanned in.",
-  arguments: [
-    {
-      label: 'Organization',
-      key: 'organizationId',
-      type: 'dropdown',
-      required: true,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listOrganizations',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Event',
-      key: 'eventId',
-      type: 'dropdown',
-      required: false,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listEvents',
-          },
-          {
-            name: 'parameters.organizationId',
-            value: '{parameters.organizationId}',
-          },
-        ],
-      },
-    },
-  ],
-
-  async run($) {
-    const dataItem = {
-      raw: $.request.body,
-      meta: {
-        internalId: Crypto.randomUUID(),
-      },
-    };
-
-    $.pushTriggerItem(dataItem);
-  },
-
-  async testRun($) {
-    const eventId = $.step.parameters.eventId;
-    const organizationId = $.step.parameters.organizationId;
-
-    const params = {
-      event_id: eventId,
-    };
-
-    const {
-      data: { orders },
-    } = await $.http.get(`/v3/events/${eventId}/orders/`, params);
-
-    if (orders.length === 0) {
-      return;
-    }
-
-    const computedWebhookEvent = {
-      config: {
-        action: 'barcode.checked_in',
-        user_id: organizationId,
-        webhook_id: '11111111',
-        endpoint_url: $.webhookUrl,
-      },
-      api_url: orders[0].resource_uri,
-    };
-
-    const dataItem = {
-      raw: computedWebhookEvent,
-      meta: {
-        internalId: computedWebhookEvent.user_id,
-      },
-    };
-
-    $.pushTriggerItem(dataItem);
-  },
-
-  async registerHook($) {
-    const organizationId = $.step.parameters.organizationId;
-    const eventId = $.step.parameters.eventId;
-
-    const payload = {
-      endpoint_url: $.webhookUrl,
-      actions: 'attendee.checked_in',
-      event_id: eventId,
-    };
-
-    const { data } = await $.http.post(
-      `/v3/organizations/${organizationId}/webhooks/`,
-      payload
-    );
-
-    await $.flow.setRemoteWebhookId(data.id);
-  },
-
-  async unregisterHook($) {
-    await $.http.delete(`/v3/webhooks/${$.flow.remoteWebhookId}/`);
-  },
-});
--- a/packages/backend/src/apps/eventbrite/triggers/new-attendee-registered/index.js
+++ b/packages/backend/src/apps/eventbrite/triggers/new-attendee-registered/index.js
@@ -1,120 +0,0 @@
-import Crypto from 'crypto';
-import defineTrigger from '../../../../helpers/define-trigger.js';
-
-export default defineTrigger({
-  name: 'New attendee registered',
-  key: 'newAttendeeRegistered',
-  type: 'webhook',
-  description: 'Triggers when an attendee orders a ticket for an event.',
-  arguments: [
-    {
-      label: 'Organization',
-      key: 'organizationId',
-      type: 'dropdown',
-      required: true,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listOrganizations',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Event',
-      key: 'eventId',
-      type: 'dropdown',
-      required: false,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listEvents',
-          },
-          {
-            name: 'parameters.organizationId',
-            value: '{parameters.organizationId}',
-          },
-        ],
-      },
-    },
-  ],
-
-  async run($) {
-    const dataItem = {
-      raw: $.request.body,
-      meta: {
-        internalId: Crypto.randomUUID(),
-      },
-    };
-
-    $.pushTriggerItem(dataItem);
-  },
-
-  async testRun($) {
-    const eventId = $.step.parameters.eventId;
-    const organizationId = $.step.parameters.organizationId;
-
-    const params = {
-      event_id: eventId,
-    };
-
-    const {
-      data: { orders },
-    } = await $.http.get(`/v3/events/${eventId}/orders/`, params);
-
-    if (orders.length === 0) {
-      return;
-    }
-
-    const computedWebhookEvent = {
-      config: {
-        action: 'order.placed',
-        user_id: organizationId,
-        webhook_id: '11111111',
-        endpoint_url: $.webhookUrl,
-      },
-      api_url: orders[0].resource_uri,
-    };
-
-    const dataItem = {
-      raw: computedWebhookEvent,
-      meta: {
-        internalId: computedWebhookEvent.user_id,
-      },
-    };
-
-    $.pushTriggerItem(dataItem);
-  },
-
-  async registerHook($) {
-    const organizationId = $.step.parameters.organizationId;
-    const eventId = $.step.parameters.eventId;
-
-    const payload = {
-      endpoint_url: $.webhookUrl,
-      actions: 'order.placed',
-      event_id: eventId,
-    };
-
-    const { data } = await $.http.post(
-      `/v3/organizations/${organizationId}/webhooks/`,
-      payload
-    );
-
-    await $.flow.setRemoteWebhookId(data.id);
-  },
-
-  async unregisterHook($) {
-    await $.http.delete(`/v3/webhooks/${$.flow.remoteWebhookId}/`);
-  },
-});
--- a/packages/backend/src/apps/eventbrite/triggers/new-events/index.js
+++ b/packages/backend/src/apps/eventbrite/triggers/new-events/index.js
@@ -1,98 +0,0 @@
-import Crypto from 'crypto';
-import defineTrigger from '../../../../helpers/define-trigger.js';
-
-export default defineTrigger({
-  name: 'New events',
-  key: 'newEvents',
-  type: 'webhook',
-  description:
-    'Triggers when a new event is published and live within an organization.',
-  arguments: [
-    {
-      label: 'Organization',
-      key: 'organizationId',
-      type: 'dropdown',
-      required: true,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listOrganizations',
-          },
-        ],
-      },
-    },
-  ],
-
-  async run($) {
-    const dataItem = {
-      raw: $.request.body,
-      meta: {
-        internalId: Crypto.randomUUID(),
-      },
-    };
-
-    $.pushTriggerItem(dataItem);
-  },
-
-  async testRun($) {
-    const organizationId = $.step.parameters.organizationId;
-
-    const params = {
-      orderBy: 'created_desc',
-      status: 'all',
-    };
-
-    const {
-      data: { events },
-    } = await $.http.get(`/v3/organizations/${organizationId}/events/`, params);
-
-    if (events.length === 0) {
-      return;
-    }
-
-    const computedWebhookEvent = {
-      config: {
-        action: 'event.published',
-        user_id: events[0].organization_id,
-        webhook_id: '11111111',
-        endpoint_url: $.webhookUrl,
-      },
-      api_url: events[0].resource_uri,
-    };
-
-    const dataItem = {
-      raw: computedWebhookEvent,
-      meta: {
-        internalId: computedWebhookEvent.user_id,
-      },
-    };
-
-    $.pushTriggerItem(dataItem);
-  },
-
-  async registerHook($) {
-    const organizationId = $.step.parameters.organizationId;
-
-    const payload = {
-      endpoint_url: $.webhookUrl,
-      actions: 'event.published',
-      event_id: '',
-    };
-
-    const { data } = await $.http.post(
-      `/v3/organizations/${organizationId}/webhooks/`,
-      payload
-    );
-
-    await $.flow.setRemoteWebhookId(data.id);
-  },
-
-  async unregisterHook($) {
-    await $.http.delete(`/v3/webhooks/${$.flow.remoteWebhookId}/`);
-  },
-});
--- a/packages/backend/src/apps/eventbrite/triggers/updated-attendee/index.js
+++ b/packages/backend/src/apps/eventbrite/triggers/updated-attendee/index.js
@@ -1,120 +0,0 @@
-import Crypto from 'crypto';
-import defineTrigger from '../../../../helpers/define-trigger.js';
-
-export default defineTrigger({
-  name: 'Updated Attendee',
-  key: 'updatedAttendee',
-  type: 'webhook',
-  description: 'Triggers when attendee data is updated.',
-  arguments: [
-    {
-      label: 'Organization',
-      key: 'organizationId',
-      type: 'dropdown',
-      required: true,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listOrganizations',
-          },
-        ],
-      },
-    },
-    {
-      label: 'Event',
-      key: 'eventId',
-      type: 'dropdown',
-      required: false,
-      description: '',
-      variables: true,
-      source: {
-        type: 'query',
-        name: 'getDynamicData',
-        arguments: [
-          {
-            name: 'key',
-            value: 'listEvents',
-          },
-          {
-            name: 'parameters.organizationId',
-            value: '{parameters.organizationId}',
-          },
-        ],
-      },
-    },
-  ],
-
-  async run($) {
-    const dataItem = {
-      raw: $.request.body,
-      meta: {
-        internalId: Crypto.randomUUID(),
-      },
-    };
-
-    $.pushTriggerItem(dataItem);
-  },
-
-  async testRun($) {
-    const eventId = $.step.parameters.eventId;
-    const organizationId = $.step.parameters.organizationId;
-
-    const params = {
-      event_id: eventId,
-    };
-
-    const {
-      data: { attendees },
-    } = await $.http.get(`/v3/events/${eventId}/attendees/`, params);
-
-    if (attendees.length === 0) {
-      return;
-    }
-
-    const computedWebhookEvent = {
-      config: {
-        action: 'attendee.updated',
-        user_id: organizationId,
-        webhook_id: '11111111',
-        endpoint_url: $.webhookUrl,
-      },
-      api_url: attendees[0].resource_uri,
-    };
-
-    const dataItem = {
-      raw: computedWebhookEvent,
-      meta: {
-        internalId: computedWebhookEvent.user_id,
-      },
-    };
-
-    $.pushTriggerItem(dataItem);
-  },
-
-  async registerHook($) {
-    const organizationId = $.step.parameters.organizationId;
-    const eventId = $.step.parameters.eventId;
-
-    const payload = {
-      endpoint_url: $.webhookUrl,
-      actions: 'attendee.updated',
-      event_id: eventId,
-    };
-
-    const { data } = await $.http.post(
-      `/v3/organizations/${organizationId}/webhooks/`,
-      payload
-    );
-
-    await $.flow.setRemoteWebhookId(data.id);
-  },
-
-  async unregisterHook($) {
-    await $.http.delete(`/v3/webhooks/${$.flow.remoteWebhookId}/`);
-  },
-});
--- a/packages/backend/src/apps/formatter/actions/date-time/transformers/format-date-time.js
+++ b/packages/backend/src/apps/formatter/actions/date-time/transformers/format-date-time.js
@@ -5,24 +5,11 @@ const formatDateTime = ($) => {

  const fromFormat = $.step.parameters.fromFormat;
  const fromTimezone = $.step.parameters.fromTimezone;
-  let inputDateTime;

-  if (fromFormat === 'X') {
-    inputDateTime = DateTime.fromSeconds(Number(input), fromFormat, {
-      zone: fromTimezone,
-      setZone: true,
-    });
-  } else if (fromFormat === 'x') {
-    inputDateTime = DateTime.fromMillis(Number(input), fromFormat, {
-      zone: fromTimezone,
-      setZone: true,
-    });
-  } else {
-    inputDateTime = DateTime.fromFormat(input, fromFormat, {
-      zone: fromTimezone,
-      setZone: true,
-    });
-  }
+  const inputDateTime = DateTime.fromFormat(input, fromFormat, {
+    zone: fromTimezone,
+    setZone: true,
+  });

  const toFormat = $.step.parameters.toFormat;
  const toTimezone = $.step.parameters.toTimezone;
--- a/packages/backend/src/config/app.js
+++ b/packages/backend/src/config/app.js
@@ -52,7 +52,7 @@ const appConfig = {
  isDev: appEnv === 'development',
  isTest: appEnv === 'test',
  isProd: appEnv === 'production',
-  version: '0.12.0',
+  version: '0.11.0',
  postgresDatabase: process.env.POSTGRES_DATABASE || 'automatisch_development',
  postgresSchema: process.env.POSTGRES_SCHEMA || 'public',
  postgresPort: parseInt(process.env.POSTGRES_PORT || '5432'),
--- a/packages/backend/src/controllers/api/v1/automatisch/version.test.js
+++ b/packages/backend/src/controllers/api/v1/automatisch/version.test.js
@@ -10,7 +10,7 @@ describe('GET /api/v1/automatisch/version', () => {

    const expectedPayload = {
      data: {
-        version: '0.12.0',
+        version: '0.11.0',
      },
      meta: {
        count: 1,
--- a/packages/backend/src/db/migrations/20240509202750_make_value_column_text_in_datastore.js
+++ b/packages/backend/src/db/migrations/20240509202750_make_value_column_text_in_datastore.js
@@ -1,11 +0,0 @@
-export async function up(knex) {
-  return knex.schema.alterTable('datastore', (table) => {
-    table.text('value').alter();
-  });
-}
-
-export async function down(knex) {
-  return knex.schema.alterTable('datastore', (table) => {
-    table.string('value').alter();
-  });
-}
--- a/packages/docs/pages/.vitepress/config.js
+++ b/packages/docs/pages/.vitepress/config.js
@@ -26,30 +26,12 @@ export default defineConfig({
      },
      {
        text: 'Apps',
-        link: '/apps/airtable/connection',
+        link: '/apps/carbone/connection',
        activeMatch: '/apps/',
      },
    ],
    sidebar: {
      '/apps/': [
-        {
-          text: 'Airtable',
-          collapsible: true,
-          collapsed: true,
-          items: [
-            { text: 'Actions', link: '/apps/airtable/actions' },
-            { text: 'Connection', link: '/apps/airtable/connection' },
-          ],
-        },
-        {
-          text: 'Appwrite',
-          collapsible: true,
-          collapsed: true,
-          items: [
-            { text: 'Triggers', link: '/apps/appwrite/triggers' },
-            { text: 'Connection', link: '/apps/appwrite/connection' },
-          ],
-        },
        {
          text: 'Carbone',
          collapsible: true,
@@ -59,6 +41,16 @@ export default defineConfig({
            { text: 'Connection', link: '/apps/carbone/connection' },
          ],
        },
+        {
+          text: 'Changedetection',
+          collapsible: true,
+          collapsed: true,
+          items: [
+            { text: 'Triggers', link: '/apps/changedetection/triggers' },
+            { text: 'Actions', link: '/apps/changedetection/actions' },
+            { text: 'Connection', link: '/apps/changedetection/connection' },
+          ],
+        },
        {
          text: 'Datastore',
          collapsible: true,
@@ -113,16 +105,6 @@ export default defineConfig({
            { text: 'Connection', link: '/apps/dropbox/connection' },
          ],
        },
-        {
-          text: 'Eventbrite',
-          collapsible: true,
-          collapsed: true,
-          items: [
-            { text: 'Triggers', link: '/apps/eventbrite/triggers' },
-            { text: 'Actions', link: '/apps/eventbrite/actions' },
-            { text: 'Connection', link: '/apps/eventbrite/connection' },
-          ],
-        },
        {
          text: 'Filter',
          collapsible: true,
--- a/packages/docs/pages/apps/airtable/actions.md
+++ b/packages/docs/pages/apps/airtable/actions.md
@@ -1,14 +0,0 @@
---
-favicon: /favicons/airtable.svg
-items:
-  - name: Create record
-    desc: Creates a new record with fields that automatically populate.
-  - name: Find record
-    desc: Finds a record using simple field search or use Airtable's formula syntax to find a matching record.
---
-
-<script setup>
-  import CustomListing from '../../components/CustomListing.vue'
-</script>
-
-<CustomListing />
--- a/packages/docs/pages/apps/airtable/connection.md
+++ b/packages/docs/pages/apps/airtable/connection.md
@@ -1,19 +0,0 @@
-# Airtable
-
-:::info
-This page explains the steps you need to follow to set up the Airtable
-connection in Automatisch. If any of the steps are outdated, please let us know!
-:::
-
-1. Login to your [Airtable account](https://www.airtable.com/).
-2. Go to this [link](https://airtable.com/create/oauth) and click on the **Register new OAuth integration**.
-3. Fill the name field.
-4. Copy **OAuth Redirect URL** from Automatisch to **OAuth redirect URL** field.
-5. Click on the **Register integration** button.
-6. In **Developer Details** section, click on the **Generate client secret**.
-7. Check the checkboxes of **Scopes** section.
-8. Click on the **Save changes** button.
-9. Copy **Client ID** to **Client ID** field on Automatisch.
-10. Copy **Client secret** to **Client secret** field on Automatisch.
-11. Click **Submit** button on Automatisch.
-12. Congrats! Start using your new Airtable connection within the flows.
--- a/packages/docs/pages/apps/appwrite/connection.md
+++ b/packages/docs/pages/apps/appwrite/connection.md
@@ -1,20 +0,0 @@
-# Appwrite
-
-:::info
-This page explains the steps you need to follow to set up the Appwrite
-connection in Automatisch. If any of the steps are outdated, please let us know!
-:::
-
-1. Login to your Appwrite account: [https://appwrite.io/](https://appwrite.io/).
-2. Go to your project's **Settings**.
-3. In the Settings, click on the **View API Keys** button in **API credentials** section.
-4. Click on the **Create API Key** button.
-5. Fill the name field and select **Never** for the expiration date.
-6. Click on the **Next** button.
-7. Click on the **Select all** and then click on the **Create** button.
-8. Now, copy your **API key secret** and paste the key into the **API Key** field in Automatisch.
-9. Write any screen name to be displayed in Automatisch.
-10. You can find your project ID next to your project name. Paste the id into **Project ID** field in Automatsich.
-11. If you are using self-hosted Appwrite project, you can paste the instace url into **Appwrite instance URL** field in Automatisch.
-12. Fill the host name field with the hostname of your instance URL. It's either `cloud.appwrite.io` or hostname of your instance URL.
-13. Start using Appwrite integration with Automatisch!
--- a/packages/docs/pages/apps/changedetection/actions.md
+++ b/packages/docs/pages/apps/changedetection/actions.md
@@ -0,0 +1,14 @@
+---
+favicon: /favicons/changedetection.svg
+items:
+  - name: Create a watch
+    desc: Creates a new change detection watch for a specific website.
+  - name: Delete a watch
+    desc: Deletes a change detection watch.
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />
--- a/packages/docs/pages/apps/changedetection/connection.md
+++ b/packages/docs/pages/apps/changedetection/connection.md
@@ -0,0 +1,14 @@
+# Changedetection
+
+:::info
+This page explains the steps you need to follow to set up the Changedetection
+connection in Automatisch. If any of the steps are outdated, please let us know!
+:::
+
+1. Go to your Changedetection admin panel.
+2. Click on the **Settings** button.
+3. Click on the **API** tab.
+4. Copy **API key** from the page to the `API Key` field on Automatisch.
+5. Add your Instance URL in the **Instance URL** field on Automatisch.
+6. Write any screen name to be displayed in Automatisch.
+7. Now, you can start using the Changedetection connection with Automatisch.
--- a/packages/docs/pages/apps/changedetection/triggers.md
+++ b/packages/docs/pages/apps/changedetection/triggers.md
@@ -1,8 +1,8 @@
 ---
-favicon: /favicons/appwrite.svg
+favicon: /favicons/changedetection.svg
 items:
-  - name: New documets
-    desc: Triggers when a new document is created.
+  - name: Changed watch
+    desc: Triggers when any changes detected.
 ---

 <script setup>
--- a/packages/docs/pages/apps/eventbrite/actions.md
+++ b/packages/docs/pages/apps/eventbrite/actions.md
@@ -1,12 +0,0 @@
---
-favicon: /favicons/eventbrite.svg
-items:
-  - name: Create event
-    desc: Creates a new event.
---
-
-<script setup>
-  import CustomListing from '../../components/CustomListing.vue'
-</script>
-
-<CustomListing />
--- a/packages/docs/pages/apps/eventbrite/connection.md
+++ b/packages/docs/pages/apps/eventbrite/connection.md
@@ -1,18 +0,0 @@
-# Eventbrite
-
-:::info
-This page explains the steps you need to follow to set up the Eventbrite
-connection in Automatisch. If any of the steps are outdated, please let us know!
-:::
-
-1. Go to your Eventbrite account settings.
-2. Click on the **Developer Links**, and click on the **API Keys** button.
-3. Click on the **Create API Key** button.
-4. Fill the form.
-5. Copy **OAuth Redirect URL** from Automatisch to **OAuth Redirect URI** field in the form.
-6. After filling the form, click on the **Create Key** button.
-7. Click on the **Show API key, client secret and tokens** in the middle of the page.
-8. Copy the **API Key** value to the `API Key` field on Automatisch.
-9. Copy the **Client secret** value to the `Client Secret` field on Automatisch.
-10. Click **Submit** button on Automatisch.
-11. Congrats! Start using your new Eventbrite connection within the flows.
--- a/packages/docs/pages/apps/eventbrite/triggers.md
+++ b/packages/docs/pages/apps/eventbrite/triggers.md
@@ -1,18 +0,0 @@
---
-favicon: /favicons/eventbrite.svg
-items:
-  - name: New attendee check in
-    desc: Triggers when an attendee's barcode is scanned in.
-  - name: New attendee registered
-    desc: Triggers when an attendee orders a ticket for an event.
-  - name: New events
-    desc: Triggers when a new event is published and live within an organization.
-  - name: Updated Attendee
-    desc: Triggers when attendee data is updated.
---
-
-<script setup>
-  import CustomListing from '../../components/CustomListing.vue'
-</script>
-
-<CustomListing />
--- a/packages/docs/pages/guide/available-apps.md
+++ b/packages/docs/pages/guide/available-apps.md
@@ -2,16 +2,14 @@

 The following integrations are currently supported by Automatisch.

- [Airtable](/apps/airtable/actions)
- [Appwrite](/apps/appwrite/triggers)
 - [Carbone](/apps/carbone/actions)
+- [Changedetection](/apps/changedetection/actions)
 - [Datastore](/apps/datastore/actions)
 - [DeepL](/apps/deepl/actions)
 - [Delay](/apps/delay/actions)
 - [Discord](/apps/discord/actions)
 - [Disqus](/apps/disqus/triggers)
 - [Dropbox](/apps/dropbox/actions)
- [Eventbrite](/apps/eventbrite/triggers)
 - [Filter](/apps/filter/actions)
 - [Flickr](/apps/flickr/triggers)
 - [Formatter](/apps/formatter/actions)
--- a/packages/docs/pages/public/favicons/airtable.svg
+++ b/packages/docs/pages/public/favicons/airtable.svg
@@ -1,9 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="215px" viewBox="0 0 256 215" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-	<g>
-		<path d="M114.25873,2.70101695 L18.8604023,42.1756384 C13.5552723,44.3711638 13.6102328,51.9065311 18.9486282,54.0225085 L114.746142,92.0117514 C123.163769,95.3498757 132.537419,95.3498757 140.9536,92.0117514 L236.75256,54.0225085 C242.08951,51.9065311 242.145916,44.3711638 236.83934,42.1756384 L141.442459,2.70101695 C132.738459,-0.900338983 122.961284,-0.900338983 114.25873,2.70101695" fill="#FFBF00"></path>
-		<path d="M136.349071,112.756863 L136.349071,207.659101 C136.349071,212.173089 140.900664,215.263892 145.096461,213.600615 L251.844122,172.166219 C254.281184,171.200072 255.879376,168.845451 255.879376,166.224705 L255.879376,71.3224678 C255.879376,66.8084791 251.327783,63.7176768 247.131986,65.3809537 L140.384325,106.815349 C137.94871,107.781496 136.349071,110.136118 136.349071,112.756863" fill="#26B5F8"></path>
-		<path d="M111.422771,117.65355 L79.742409,132.949912 L76.5257763,134.504714 L9.65047684,166.548104 C5.4112904,168.593211 0.000578531073,165.503855 0.000578531073,160.794612 L0.000578531073,71.7210757 C0.000578531073,70.0173017 0.874160452,68.5463864 2.04568588,67.4384994 C2.53454463,66.9481944 3.08848814,66.5446689 3.66412655,66.2250305 C5.26231864,65.2661153 7.54173107,65.0101153 9.47981017,65.7766689 L110.890522,105.957098 C116.045234,108.002206 116.450206,115.225166 111.422771,117.65355" fill="#ED3049"></path>
-		<path d="M111.422771,117.65355 L79.742409,132.949912 L2.04568588,67.4384994 C2.53454463,66.9481944 3.08848814,66.5446689 3.66412655,66.2250305 C5.26231864,65.2661153 7.54173107,65.0101153 9.47981017,65.7766689 L110.890522,105.957098 C116.045234,108.002206 116.450206,115.225166 111.422771,117.65355" fill-opacity="0.25" fill="#000000"></path>
-	</g>
-</svg>
--- a/packages/docs/pages/public/favicons/appwrite.svg
+++ b/packages/docs/pages/public/favicons/appwrite.svg
@@ -1 +0,0 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="132" height="24" fill="none" viewBox="0 0 132 24"><path fill="#19191C" d="M38.557 19.495c2.16 0 3.25-1.113 3.725-1.87h.214c.094.805.664 1.562 1.779 1.562h2.111V16.82h-.545c-.38 0-.57-.213-.57-.545V6.776h-2.8v1.516h-.213c-.545-.758-1.684-1.824-3.772-1.824-3.321 0-5.789 2.748-5.789 6.514s2.515 6.513 5.86 6.513m.498-2.7c-1.969 0-3.51-1.445-3.51-3.79 0-2.297 1.494-3.86 3.487-3.86 1.898 0 3.487 1.397 3.487 3.86 0 2.108-1.352 3.79-3.463 3.79M48.04 24h2.799v-6.376h.213c.522.758 1.637 1.871 3.844 1.871 3.321 0 5.741-2.795 5.741-6.513 0-3.743-2.586-6.514-5.931-6.514-2.135 0-3.18 1.16-3.678 1.8h-.213V6.776h-2.776V24m6.263-7.134c-1.922 0-3.512-1.42-3.512-3.884 0-2.108 1.353-3.885 3.464-3.885 1.97 0 3.511 1.54 3.511 3.885 0 2.297-1.494 3.884-3.463 3.884M62.082 24h2.8v-6.376h.213c.522.758 1.637 1.871 3.843 1.871 3.321 0 5.51-2.795 5.51-6.513 0-3.743-2.355-6.514-5.7-6.514-2.135 0-3.179 1.16-3.677 1.8h-.214V6.776h-2.775zm6.263-7.134c-1.922 0-3.511-1.42-3.511-3.884 0-2.108 1.352-3.885 3.463-3.885 1.97 0 3.512 1.54 3.512 3.885 0 2.297-1.495 3.884-3.464 3.884m9.805 2.61h3.961l2.254-9.735h.143l2.253 9.735H90.7l3.153-12.412h-2.821l-2.254 9.759h-.214l-2.253-9.759h-3.725l-2.278 9.759h-.213l-2.23-9.759h-2.99l3.274 12.412m17.123 0h2.8V13.34c0-2.345 1.09-3.79 3.131-3.79h1.233V6.756h-.925c-1.59 0-2.8 1.09-3.274 2.132h-.19V7.064h-2.775zm21.057 0h2.183v-2.487h-2.159c-.854 0-1.21-.38-1.21-1.256V9.528h3.511V7.064h-3.511V3.582h-2.657v3.482h-2.325v2.464h2.159v6.229c0 2.63 1.589 3.719 4.009 3.719m9.693.019c2.586 0 4.864-1.279 5.67-3.86l-2.562-.616c-.451 1.373-1.755 2.084-3.131 2.084-2.041 0-3.393-1.326-3.417-3.41h9.419v-.782c0-3.695-2.301-6.443-6.097-6.443-3.346 0-6.216 2.63-6.216 6.537 0 3.79 2.538 6.49 6.334 6.49m-3.416-7.84c.166-1.492 1.518-2.747 3.298-2.747 1.708 0 3.108 1.066 3.25 2.747h-6.548"/><path fill="#19191C" fill-rule="evenodd" d="M108.916 19.476h-2.8V9.528h-2.182V7.064h4.982z" clip-rule="evenodd"/><path fill="#19191C" d="M107.309 5.342c1.02 0 1.779-.758 1.779-1.753 0-.971-.759-1.73-1.779-1.73-1.021 0-1.78.759-1.78 1.73 0 .995.759 1.753 1.78 1.753"/><path fill="#FD366E" d="M24.443 16.432v5.478H10.752c-3.989 0-7.472-2.203-9.335-5.478A11.041 11.041 0 0 1 0 11.695v-1.48a10.97 10.97 0 0 1 .381-2.247C1.661 3.368 5.82 0 10.751 0c4.934 0 9.092 3.37 10.371 7.967h-5.854c-.96-1.499-2.624-2.49-4.516-2.49s-3.555.991-4.516 2.49a5.47 5.47 0 0 0-.67 1.494 5.562 5.562 0 0 0-.202 1.494 5.5 5.5 0 0 0 1.69 3.983 5.32 5.32 0 0 0 3.698 1.494h13.69"/><path fill="#FD366E" d="M24.443 9.46v5.478h-9.994a5.5 5.5 0 0 0 1.691-3.983 5.56 5.56 0 0 0-.203-1.494h8.506"/></svg>
--- a/packages/docs/pages/public/favicons/changedetection.svg
+++ b/packages/docs/pages/public/favicons/changedetection.svg
--- a/packages/docs/pages/public/favicons/changedetectionio.svg
+++ b/packages/docs/pages/public/favicons/changedetectionio.svg
--- a/packages/docs/pages/public/favicons/eventbrite.svg
+++ b/packages/docs/pages/public/favicons/eventbrite.svg
@@ -1,7 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="256px" height="256px" viewBox="0 0 256 256" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" preserveAspectRatio="xMidYMid">
-		<g>
-				<circle fill="#F05537" cx="128" cy="128" r="128"></circle>
-				<path d="M117.475323,82.7290398 C136.772428,78.4407943 156.069532,86.3025777 166.790146,101.311437 L81.5017079,120.608542 C84.3605382,102.26438 98.1782181,87.0172853 117.475323,82.7290398 Z M167.266618,153.48509 C160.596014,163.252761 150.351872,170.161601 138.678314,172.782195 C119.38121,177.070441 99.8458692,169.208657 89.1252554,153.961562 L174.651929,134.664457 L188.469609,131.567391 L215.152026,125.611495 C214.91379,119.893834 214.199082,114.176173 213.007903,108.696749 C202.287289,62.7172275 155.354825,33.8906884 108.42236,44.6113021 C61.4898956,55.3319159 32.1868848,101.073201 43.1457344,147.290958 C54.1045839,193.508715 100.798813,222.097018 147.731277,211.376404 C175.366637,205.182272 196.807864,186.599875 207.766714,163.014525 L167.266618,153.48509 L167.266618,153.48509 Z" fill="#FFFFFF" fill-rule="nonzero"></path>
-		</g>
-</svg>
--- a/packages/e2e-tests/tests/apps/list-apps.spec.js
+++ b/packages/e2e-tests/tests/apps/list-apps.spec.js
@@ -61,7 +61,7 @@ test.describe('Apps page', () => {

      await applicationsPage.page.getByTestId('app-list-item').first().click();
      await expect(applicationsPage.page).toHaveURL(
-        '/app/airtable/connections/add?shared=false'
+        '/app/azure-openai/connections/add?shared=false'
      );
      await expect(
        applicationsPage.page.getByTestId('add-app-connection-dialog')
@@ -75,14 +75,14 @@ test.describe('Apps page', () => {
    }) => {
      await applicationsPage.page.getByTestId('app-list-item').first().click();
      await expect(applicationsPage.page).toHaveURL(
-        '/app/airtable/connections/add?shared=false'
+        '/app/azure-openai/connections/add?shared=false'
      );
      await expect(
        applicationsPage.page.getByTestId('add-app-connection-dialog')
      ).toBeVisible();
      await applicationsPage.clickAway();
      await expect(applicationsPage.page).toHaveURL(
-        '/app/airtable/connections'
+        '/app/azure-openai/connections'
      );
      await expect(
        applicationsPage.page.getByTestId('add-app-connection-dialog')
--- a/packages/web/package.json
+++ b/packages/web/package.json
@@ -7,7 +7,6 @@
    "@apollo/client": "^3.6.9",
    "@casl/ability": "^6.5.0",
    "@casl/react": "^3.1.0",
-    "@dagrejs/dagre": "^1.1.2",
    "@emotion/react": "^11.4.1",
    "@emotion/styled": "^11.3.0",
    "@hookform/resolvers": "^2.8.8",
@@ -33,7 +32,6 @@
    "react-router-dom": "^6.0.2",
    "react-scripts": "5.0.0",
    "react-window": "^1.8.9",
-    "reactflow": "^11.11.2",
    "slate": "^0.94.1",
    "slate-history": "^0.93.0",
    "slate-react": "^0.94.2",
--- a/packages/web/src/components/AdminApplicationSettings/index.jsx
+++ b/packages/web/src/components/AdminApplicationSettings/index.jsx
@@ -36,7 +36,7 @@ function AdminApplicationSettings(props) {

  const handleSubmit = async (values) => {
    try {
-      if (!appConfig?.data) {
+      if (!appConfig.data) {
        await createAppConfig({
          variables: {
            input: { key: props.appKey, ...values },
@@ -69,7 +69,6 @@ function AdminApplicationSettings(props) {
    }),
    [appConfig?.data],
  );
-
  return (
    <Form
      defaultValues={defaultValues}
--- a/packages/web/src/components/ChooseAppAndEventSubstep/index.jsx
+++ b/packages/web/src/components/ChooseAppAndEventSubstep/index.jsx
@@ -165,7 +165,6 @@ function ChooseAppAndEventSubstep(props) {
            value={getOption(appOptions, step.appKey) || null}
            onChange={onAppChange}
            data-test="choose-app-autocomplete"
-            componentsProps={{ popper: { className: 'nowheel' } }}
          />

          {step.appKey && (
@@ -228,7 +227,6 @@ function ChooseAppAndEventSubstep(props) {
                value={getOption(actionOrTriggerOptions, step.key) || null}
                onChange={onEventChange}
                data-test="choose-event-autocomplete"
-                componentsProps={{ popper: { className: 'nowheel' } }}
              />
            </Box>
          )}
--- a/packages/web/src/components/ChooseConnectionSubstep/index.jsx
+++ b/packages/web/src/components/ChooseConnectionSubstep/index.jsx
@@ -240,7 +240,6 @@ function ChooseConnectionSubstep(props) {
            onChange={handleChange}
            loading={isAppConnectionsLoading}
            data-test="choose-connection-autocomplete"
-            componentsProps={{ popper: { className: 'nowheel' } }}
          />

          <Button
--- a/packages/web/src/components/ControlledAutocomplete/index.jsx
+++ b/packages/web/src/components/ControlledAutocomplete/index.jsx
@@ -32,11 +32,9 @@ function ControlledAutocomplete(props) {
    ...autocompleteProps
  } = props;
  let dependsOnValues = [];
-
  if (dependsOn?.length) {
    dependsOnValues = watch(dependsOn);
  }
-
  React.useEffect(() => {
    const hasDependencies = dependsOnValues.length;
    const allDepsSatisfied = dependsOnValues.every(Boolean);
@@ -46,7 +44,6 @@ function ControlledAutocomplete(props) {
      resetField(name);
    }
  }, dependsOnValues);
-
  return (
    <Controller
      rules={{ required }}
--- a/packages/web/src/components/ControlledCustomAutocomplete/CustomOptions.jsx
+++ b/packages/web/src/components/ControlledCustomAutocomplete/CustomOptions.jsx
@@ -47,7 +47,6 @@ const CustomOptions = (props) => {
          },
        },
      ]}
-      className="nowheel"
    >
      <Paper elevation={5} sx={{ width: '100%' }}>
        <Tabs
--- a/packages/web/src/components/EditorLayout/index.jsx
+++ b/packages/web/src/components/EditorLayout/index.jsx
@@ -8,7 +8,6 @@ import Tooltip from '@mui/material/Tooltip';
 import IconButton from '@mui/material/IconButton';
 import ArrowBackIosNewIcon from '@mui/icons-material/ArrowBackIosNew';
 import Snackbar from '@mui/material/Snackbar';
-import { ReactFlowProvider } from 'reactflow';

 import { EditorProvider } from 'contexts/Editor';
 import EditableTypography from 'components/EditableTypography';
@@ -21,9 +20,6 @@ import * as URLS from 'config/urls';
 import { TopBar } from './style';
 import useFlow from 'hooks/useFlow';
 import { useQueryClient } from '@tanstack/react-query';
-import EditorNew from 'components/EditorNew/EditorNew';
-
-const useNewFlowEditor = process.env.REACT_APP_USE_NEW_FLOW_EDITOR === 'true';

 export default function EditorLayout() {
  const { flowId } = useParams();
@@ -135,28 +131,15 @@ export default function EditorLayout() {
          </Button>
        </Box>
      </TopBar>
+      <Stack direction="column" height="100%">
+        <Container maxWidth="md">
+          <EditorProvider value={{ readOnly: !!flow?.active }}>
+            {!flow && !isFlowLoading && 'not found'}

-      {useNewFlowEditor ? (
-        <Stack direction="column" height="100%" flexGrow={1}>
-          <Stack direction="column" flexGrow={1}>
-            <EditorProvider value={{ readOnly: !!flow?.active }}>
-              <ReactFlowProvider>
-                {!flow && !isFlowLoading && 'not found'}
-                {flow && <EditorNew flow={flow} />}
-              </ReactFlowProvider>
-            </EditorProvider>
-          </Stack>
-        </Stack>
-      ) : (
-        <Stack direction="column" height="100%">
-          <Container maxWidth="md">
-            <EditorProvider value={{ readOnly: !!flow?.active }}>
-              {!flow && !isFlowLoading && 'not found'}
-              {flow && <Editor flow={flow} />}
-            </EditorProvider>
-          </Container>
-        </Stack>
-      )}
+            {flow && <Editor flow={flow} />}
+          </EditorProvider>
+        </Container>
+      </Stack>

      <Snackbar
        data-test="flow-cannot-edit-info-snackbar"
--- a/packages/web/src/components/EditorNew/Edge/Edge.jsx
+++ b/packages/web/src/components/EditorNew/Edge/Edge.jsx
@@ -1,79 +0,0 @@
-import { EdgeLabelRenderer, getStraightPath } from 'reactflow';
-import IconButton from '@mui/material/IconButton';
-import AddIcon from '@mui/icons-material/Add';
-import { useMutation } from '@apollo/client';
-import { CREATE_STEP } from 'graphql/mutations/create-step';
-import { useQueryClient } from '@tanstack/react-query';
-import PropTypes from 'prop-types';
-
-export default function Edge({
-  sourceX,
-  sourceY,
-  targetX,
-  targetY,
-  source,
-  data: { flowId, setCurrentStepId, flowActive, layouted },
-}) {
-  const [createStep, { loading: creationInProgress }] =
-    useMutation(CREATE_STEP);
-  const queryClient = useQueryClient();
-  const [edgePath, labelX, labelY] = getStraightPath({
-    sourceX,
-    sourceY,
-    targetX,
-    targetY,
-  });
-
-  const addStep = async (previousStepId) => {
-    const mutationInput = {
-      previousStep: {
-        id: previousStepId,
-      },
-      flow: {
-        id: flowId,
-      },
-    };
-
-    const createdStep = await createStep({
-      variables: { input: mutationInput },
-    });
-
-    const createdStepId = createdStep.data.createStep.id;
-    setCurrentStepId(createdStepId);
-    await queryClient.invalidateQueries({ queryKey: ['flows', flowId] });
-  };
-
-  return (
-    <>
-      <EdgeLabelRenderer>
-        <IconButton
-          onClick={() => addStep(source)}
-          color="primary"
-          sx={{
-            position: 'absolute',
-            transform: `translate(-50%, -50%) translate(${labelX}px,${labelY}px)`,
-            pointerEvents: 'all',
-            visibility: layouted ? 'visible' : 'hidden',
-          }}
-          disabled={creationInProgress || flowActive}
-        >
-          <AddIcon />
-        </IconButton>
-      </EdgeLabelRenderer>
-    </>
-  );
-}
-
-Edge.propTypes = {
-  sourceX: PropTypes.number.isRequired,
-  sourceY: PropTypes.number.isRequired,
-  targetX: PropTypes.number.isRequired,
-  targetY: PropTypes.number.isRequired,
-  source: PropTypes.string.isRequired,
-  data: PropTypes.shape({
-    flowId: PropTypes.string.isRequired,
-    setCurrentStepId: PropTypes.func.isRequired,
-    flowActive: PropTypes.bool.isRequired,
-    layouted: PropTypes.bool,
-  }).isRequired,
-};
--- a/packages/web/src/components/EditorNew/EditorNew.jsx
+++ b/packages/web/src/components/EditorNew/EditorNew.jsx
@@ -1,258 +0,0 @@
-import { useEffect, useState, useCallback } from 'react';
-import { useMutation } from '@apollo/client';
-import { useQueryClient } from '@tanstack/react-query';
-import { FlowPropType } from 'propTypes/propTypes';
-import ReactFlow, { useNodesState, useEdgesState, addEdge } from 'reactflow';
-import 'reactflow/dist/style.css';
-import { UPDATE_STEP } from 'graphql/mutations/update-step';
-
-import { useAutoLayout } from './useAutoLayout';
-import { useScrollBoundries } from './useScrollBoundries';
-import FlowStepNode from './FlowStepNode/FlowStepNode';
-import Edge from './Edge/Edge';
-import InvisibleNode from './InvisibleNode/InvisibleNode';
-import { EditorWrapper } from './style';
-
-const nodeTypes = { flowStep: FlowStepNode, invisible: InvisibleNode };
-
-const edgeTypes = {
-  addNodeEdge: Edge,
-};
-
-const INVISIBLE_NODE_ID = 'invisible-node';
-
-const generateEdgeId = (sourceId, targetId) => `${sourceId}-${targetId}`;
-
-const EditorNew = ({ flow }) => {
-  const [triggerStep] = flow.steps;
-  const [currentStepId, setCurrentStepId] = useState(triggerStep.id);
-
-  const [updateStep] = useMutation(UPDATE_STEP);
-  const queryClient = useQueryClient();
-
-  const [nodes, setNodes, onNodesChange] = useNodesState([]);
-  const [edges, setEdges, onEdgesChange] = useEdgesState([]);
-  useAutoLayout();
-  useScrollBoundries();
-
-  const onConnect = useCallback(
-    (params) => setEdges((eds) => addEdge(params, eds)),
-    [setEdges],
-  );
-
-  const openNextStep = useCallback(
-    (nextStep) => () => {
-      setCurrentStepId(nextStep?.id);
-    },
-    [],
-  );
-
-  const onStepChange = useCallback(
-    async (step) => {
-      const mutationInput = {
-        id: step.id,
-        key: step.key,
-        parameters: step.parameters,
-        connection: {
-          id: step.connection?.id,
-        },
-        flow: {
-          id: flow.id,
-        },
-      };
-
-      if (step.appKey) {
-        mutationInput.appKey = step.appKey;
-      }
-
-      await updateStep({
-        variables: { input: mutationInput },
-      });
-      await queryClient.invalidateQueries({
-        queryKey: ['steps', step.id, 'connection'],
-      });
-      await queryClient.invalidateQueries({ queryKey: ['flows', flow.id] });
-    },
-    [flow.id, updateStep, queryClient],
-  );
-
-  const generateEdges = useCallback((flow, prevEdges) => {
-    const newEdges =
-      flow.steps
-        .map((step, i) => {
-          const sourceId = step.id;
-          const targetId = flow.steps[i + 1]?.id;
-          const edge = prevEdges?.find(
-            (edge) => edge.id === generateEdgeId(sourceId, targetId),
-          );
-          if (targetId) {
-            return {
-              id: generateEdgeId(sourceId, targetId),
-              source: sourceId,
-              target: targetId,
-              type: 'addNodeEdge',
-              data: {
-                flowId: flow.id,
-                flowActive: flow.active,
-                setCurrentStepId,
-                layouted: !!edge,
-              },
-            };
-          }
-        })
-        .filter((edge) => !!edge) || [];
-
-    const lastStep = flow.steps[flow.steps.length - 1];
-
-    return lastStep
-      ? [
-          ...newEdges,
-          {
-            id: generateEdgeId(lastStep.id, INVISIBLE_NODE_ID),
-            source: lastStep.id,
-            target: INVISIBLE_NODE_ID,
-            type: 'addNodeEdge',
-            data: {
-              flowId: flow.id,
-              flowActive: flow.active,
-              setCurrentStepId,
-              layouted: false,
-            },
-          },
-        ]
-      : newEdges;
-  }, []);
-
-  const generateNodes = useCallback(
-    (flow, prevNodes) => {
-      const newNodes = flow.steps.map((step, index) => {
-        const node = prevNodes?.find(({ id }) => id === step.id);
-        const collapsed = currentStepId !== step.id;
-        return {
-          id: step.id,
-          type: 'flowStep',
-          position: {
-            x: node ? node.position.x : 0,
-            y: node ? node.position.y : 0,
-          },
-          zIndex: collapsed ? 0 : 1,
-          data: {
-            step,
-            index: index,
-            flowId: flow.id,
-            collapsed,
-            openNextStep: openNextStep(flow.steps[index + 1]),
-            onOpen: () => setCurrentStepId(step.id),
-            onClose: () => setCurrentStepId(null),
-            onChange: onStepChange,
-            layouted: !!node,
-          },
-        };
-      });
-
-      const prevInvisibleNode = nodes.find((node) => node.type === 'invisible');
-
-      return [
-        ...newNodes,
-        {
-          id: INVISIBLE_NODE_ID,
-          type: 'invisible',
-          position: {
-            x: prevInvisibleNode ? prevInvisibleNode.position.x : 0,
-            y: prevInvisibleNode ? prevInvisibleNode.position.y : 0,
-          },
-        },
-      ];
-    },
-    [currentStepId, nodes, onStepChange, openNextStep],
-  );
-
-  const updateNodesData = useCallback(
-    (steps) => {
-      setNodes((nodes) =>
-        nodes.map((node) => {
-          const step = steps.find((step) => step.id === node.id);
-          if (step) {
-            return { ...node, data: { ...node.data, step: { ...step } } };
-          }
-          return node;
-        }),
-      );
-    },
-    [setNodes],
-  );
-
-  const updateEdgesData = useCallback(
-    (flow) => {
-      setEdges((edges) =>
-        edges.map((edge) => {
-          return {
-            ...edge,
-            data: { ...edge.data, flowId: flow.id, flowActive: flow.active },
-          };
-        }),
-      );
-    },
-    [setEdges],
-  );
-
-  useEffect(() => {
-    setNodes(
-      nodes.map((node) => {
-        if (node.type === 'flowStep') {
-          const collapsed = currentStepId !== node.data.step.id;
-          return {
-            ...node,
-            zIndex: collapsed ? 0 : 1,
-            data: {
-              ...node.data,
-              collapsed,
-            },
-          };
-        }
-        return node;
-      }),
-    );
-  }, [currentStepId]);
-
-  useEffect(() => {
-    if (flow.steps.length + 1 !== nodes.length) {
-      const newNodes = generateNodes(flow, nodes);
-      const newEdges = generateEdges(flow, edges);
-
-      setNodes(newNodes);
-      setEdges(newEdges);
-    } else {
-      updateNodesData(flow.steps);
-      updateEdgesData(flow);
-    }
-  }, [flow]);
-
-  return (
-    <EditorWrapper direction="column">
-      <ReactFlow
-        nodes={nodes}
-        edges={edges}
-        onNodesChange={onNodesChange}
-        onEdgesChange={onEdgesChange}
-        onConnect={onConnect}
-        nodeTypes={nodeTypes}
-        edgeTypes={edgeTypes}
-        panOnScroll
-        panOnScrollMode="vertical"
-        panOnDrag={false}
-        zoomOnScroll={false}
-        zoomOnPinch={false}
-        zoomOnDoubleClick={false}
-        panActivationKeyCode={null}
-        proOptions={{ hideAttribution: true }}
-      />
-    </EditorWrapper>
-  );
-};
-
-EditorNew.propTypes = {
-  flow: FlowPropType.isRequired,
-};
-
-export default EditorNew;
--- a/packages/web/src/components/EditorNew/FlowStepNode/FlowStepNode.jsx
+++ b/packages/web/src/components/EditorNew/FlowStepNode/FlowStepNode.jsx
@@ -1,72 +0,0 @@
-import { Handle, Position } from 'reactflow';
-import { Box } from '@mui/material';
-import PropTypes from 'prop-types';
-
-import FlowStep from 'components/FlowStep';
-import { StepPropType } from 'propTypes/propTypes';
-
-import { NodeWrapper, NodeInnerWrapper } from './style.js';
-
-function FlowStepNode({
-  data: {
-    step,
-    index,
-    flowId,
-    collapsed,
-    openNextStep,
-    onOpen,
-    onClose,
-    onChange,
-    layouted,
-  },
-}) {
-  return (
-    <NodeWrapper
-      className="nodrag"
-      sx={{
-        visibility: layouted ? 'visible' : 'hidden',
-      }}
-    >
-      <NodeInnerWrapper>
-        <Handle
-          type="target"
-          position={Position.Top}
-          isConnectable={false}
-          style={{ visibility: 'hidden' }}
-        />
-        <FlowStep
-          step={step}
-          index={index + 1}
-          collapsed={collapsed}
-          onOpen={onOpen}
-          onClose={onClose}
-          onChange={onChange}
-          flowId={flowId}
-          onContinue={openNextStep}
-        />
-        <Handle
-          type="source"
-          position={Position.Bottom}
-          isConnectable={false}
-          style={{ visibility: 'hidden' }}
-        />
-      </NodeInnerWrapper>
-    </NodeWrapper>
-  );
-}
-
-FlowStepNode.propTypes = {
-  data: PropTypes.shape({
-    step: StepPropType.isRequired,
-    index: PropTypes.number.isRequired,
-    flowId: PropTypes.string.isRequired,
-    collapsed: PropTypes.bool.isRequired,
-    openNextStep: PropTypes.func.isRequired,
-    onOpen: PropTypes.func.isRequired,
-    onClose: PropTypes.func.isRequired,
-    onChange: PropTypes.func.isRequired,
-    layouted: PropTypes.bool.isRequired,
-  }).isRequired,
-};
-
-export default FlowStepNode;
--- a/packages/web/src/components/EditorNew/FlowStepNode/style.js
+++ b/packages/web/src/components/EditorNew/FlowStepNode/style.js
@@ -1,14 +0,0 @@
-import { styled } from '@mui/material/styles';
-import { Box } from '@mui/material';
-
-export const NodeWrapper = styled(Box)(({ theme }) => ({
-  width: '100vw',
-  display: 'flex',
-  justifyContent: 'center',
-  padding: theme.spacing(0, 2.5),
-}));
-
-export const NodeInnerWrapper = styled(Box)(({ theme }) => ({
-  maxWidth: 900,
-  flex: 1,
-}));
--- a/packages/web/src/components/EditorNew/InvisibleNode/InvisibleNode.jsx
+++ b/packages/web/src/components/EditorNew/InvisibleNode/InvisibleNode.jsx
@@ -1,19 +0,0 @@
-import { Handle, Position } from 'reactflow';
-import { Box } from '@mui/material';
-
-// This node is used for adding an edge with add node button after the last flow step node
-function InvisibleNode() {
-  return (
-    <Box
-      maxWidth={900}
-      width="100vw"
-      className="nodrag"
-      sx={{ visibility: 'hidden' }}
-    >
-      <Handle type="target" position={Position.Top} isConnectable={false} />
-      Invisible node
-    </Box>
-  );
-}
-
-export default InvisibleNode;
--- a/packages/web/src/components/EditorNew/style.js
+++ b/packages/web/src/components/EditorNew/style.js
@@ -1,13 +0,0 @@
-import { Stack } from '@mui/material';
-import { styled } from '@mui/material/styles';
-
-export const EditorWrapper = styled(Stack)(({ theme }) => ({
-  flexGrow: 1,
-  '& > div': {
-    flexGrow: 1,
-  },
-
-  '& .react-flow__pane, & .react-flow__node': {
-    cursor: 'auto !important',
-  },
-}));
--- a/packages/web/src/components/EditorNew/useAutoLayout.js
+++ b/packages/web/src/components/EditorNew/useAutoLayout.js
@@ -1,69 +0,0 @@
-import { useCallback, useEffect } from 'react';
-import Dagre from '@dagrejs/dagre';
-import { usePrevious } from 'hooks/usePrevious';
-import { isEqual } from 'lodash';
-import { useNodesInitialized, useNodes, useReactFlow } from 'reactflow';
-
-const getLayoutedElements = (nodes, edges) => {
-  const graph = new Dagre.graphlib.Graph().setDefaultEdgeLabel(() => ({}));
-  graph.setGraph({
-    rankdir: 'TB',
-    marginy: 60,
-    ranksep: 64,
-  });
-  edges.forEach((edge) => graph.setEdge(edge.source, edge.target));
-  nodes.forEach((node) => graph.setNode(node.id, node));
-
-  Dagre.layout(graph);
-
-  return {
-    nodes: nodes.map((node) => {
-      const { x, y, width, height } = graph.node(node.id);
-      return {
-        ...node,
-        position: { x: x - width / 2, y: y - height / 2 },
-      };
-    }),
-    edges,
-  };
-};
-
-export const useAutoLayout = () => {
-  const nodes = useNodes();
-  const prevNodes = usePrevious(nodes);
-  const nodesInitialized = useNodesInitialized();
-  const { getEdges, setNodes, setEdges } = useReactFlow();
-
-  const onLayout = useCallback(
-    (nodes, edges) => {
-      const layoutedElements = getLayoutedElements(nodes, edges);
-
-      setNodes([
-        ...layoutedElements.nodes.map((node) => ({
-          ...node,
-          data: { ...node.data, layouted: true },
-        })),
-      ]);
-      setEdges([
-        ...layoutedElements.edges.map((edge) => ({
-          ...edge,
-          data: { ...edge.data, layouted: true },
-        })),
-      ]);
-    },
-    [setEdges, setNodes],
-  );
-
-  useEffect(() => {
-    const shouldAutoLayout =
-      nodesInitialized &&
-      !isEqual(
-        nodes.map(({ width, height }) => ({ width, height })),
-        prevNodes.map(({ width, height }) => ({ width, height })),
-      );
-
-    if (shouldAutoLayout) {
-      onLayout(nodes, getEdges());
-    }
-  }, [nodes]);
-};
--- a/packages/web/src/components/EditorNew/useScrollBoundries.js
+++ b/packages/web/src/components/EditorNew/useScrollBoundries.js
@@ -1,13 +0,0 @@
-import { useEffect } from 'react';
-import { useViewport, useReactFlow } from 'reactflow';
-
-export const useScrollBoundries = () => {
-  const { setViewport } = useReactFlow();
-  const { x, y, zoom } = useViewport();
-
-  useEffect(() => {
-    if (y > 0) {
-      setViewport({ x, y: 0, zoom });
-    }
-  }, [y]);
-};
--- a/packages/web/src/components/FlowContextMenu/index.jsx
+++ b/packages/web/src/components/FlowContextMenu/index.jsx
@@ -28,12 +28,9 @@ function ContextMenu(props) {
      variables: { input: { id: flowId } },
    });

-    if (appKey) {
-      await queryClient.invalidateQueries({
-        queryKey: ['apps', appKey, 'flows'],
-      });
-    }
-
+    await queryClient.invalidateQueries({
+      queryKey: ['apps', appKey, 'flows'],
+    });
    enqueueSnackbar(formatMessage('flow.successfullyDuplicated'), {
      variant: 'success',
      SnackbarProps: {
@@ -59,12 +56,9 @@ function ContextMenu(props) {
      },
    });

-    if (appKey) {
-      await queryClient.invalidateQueries({
-        queryKey: ['apps', appKey, 'flows'],
-      });
-    }
-
+    await queryClient.invalidateQueries({
+      queryKey: ['apps', appKey, 'flows'],
+    });
    enqueueSnackbar(formatMessage('flow.successfullyDeleted'), {
      variant: 'success',
    });
@@ -116,7 +110,7 @@ ContextMenu.propTypes = {
  ]).isRequired,
  onDeleteFlow: PropTypes.func,
  onDuplicateFlow: PropTypes.func,
-  appKey: PropTypes.string,
+  appKey: PropTypes.string.isRequired,
 };

 export default ContextMenu;
--- a/packages/web/src/components/FlowRow/index.jsx
+++ b/packages/web/src/components/FlowRow/index.jsx
@@ -38,24 +38,20 @@ function FlowRow(props) {
  const contextButtonRef = React.useRef(null);
  const [anchorEl, setAnchorEl] = React.useState(null);
  const { flow, onDuplicateFlow, onDeleteFlow, appKey } = props;
-
  const handleClose = () => {
    setAnchorEl(null);
  };
-
  const onContextMenuClick = (event) => {
    event.preventDefault();
    event.stopPropagation();
    event.nativeEvent.stopImmediatePropagation();
    setAnchorEl(contextButtonRef.current);
  };
-
  const createdAt = DateTime.fromMillis(parseInt(flow.createdAt, 10));
  const updatedAt = DateTime.fromMillis(parseInt(flow.updatedAt, 10));
  const isUpdated = updatedAt > createdAt;
  const relativeCreatedAt = createdAt.toRelative();
  const relativeUpdatedAt = updatedAt.toRelative();
-
  return (
    <>
      <Card sx={{ mb: 1 }} data-test="flow-row">
@@ -131,7 +127,7 @@ FlowRow.propTypes = {
  flow: FlowPropType.isRequired,
  onDeleteFlow: PropTypes.func,
  onDuplicateFlow: PropTypes.func,
-  appKey: PropTypes.string,
+  appKey: PropTypes.string.isRequired,
 };

 export default FlowRow;
--- a/packages/web/src/components/FlowSubstep/FilterConditions/index.jsx
+++ b/packages/web/src/components/FlowSubstep/FilterConditions/index.jsx
@@ -1,4 +1,3 @@
-import PropTypes from 'prop-types';
 import * as React from 'react';
 import { v4 as uuidv4 } from 'uuid';
 import { useFormContext, useWatch } from 'react-hook-form';
@@ -12,18 +11,15 @@ import AddIcon from '@mui/icons-material/Add';
 import useFormatMessage from 'hooks/useFormatMessage';
 import InputCreator from 'components/InputCreator';
 import { EditorContext } from 'contexts/Editor';
-
 const createGroupItem = () => ({
  key: '',
  operator: operators[0].value,
  value: '',
  id: uuidv4(),
 });
-
 const createGroup = () => ({
  and: [createGroupItem()],
 });
-
 const operators = [
  {
    label: 'Equal',
@@ -58,7 +54,6 @@ const operators = [
    value: 'not_contains',
  },
 ];
-
 const createStringArgument = (argumentOptions) => {
  return {
    ...argumentOptions,
@@ -67,7 +62,6 @@ const createStringArgument = (argumentOptions) => {
    variables: true,
  };
 };
-
 const createDropdownArgument = (argumentOptions) => {
  return {
    ...argumentOptions,
@@ -75,35 +69,28 @@ const createDropdownArgument = (argumentOptions) => {
    type: 'dropdown',
  };
 };
-
 function FilterConditions(props) {
  const { stepId } = props;
  const formatMessage = useFormatMessage();
  const { control, setValue, getValues } = useFormContext();
  const groups = useWatch({ control, name: 'parameters.or' });
  const editorContext = React.useContext(EditorContext);
-
  React.useEffect(function addInitialGroupWhenEmpty() {
    const groups = getValues('parameters.or');
-
    if (!groups) {
      setValue('parameters.or', [createGroup()]);
    }
  }, []);
-
  const appendGroup = React.useCallback(() => {
    const values = getValues('parameters.or');
    setValue('parameters.or', values.concat(createGroup()));
  }, []);
-
  const appendGroupItem = React.useCallback((index) => {
    const group = getValues(`parameters.or.${index}.and`);
    setValue(`parameters.or.${index}.and`, group.concat(createGroupItem()));
  }, []);
-
  const removeGroupItem = React.useCallback((groupIndex, groupItemIndex) => {
    const group = getValues(`parameters.or.${groupIndex}.and`);
-
    if (group.length === 1) {
      const groups = getValues('parameters.or');
      setValue(
@@ -117,7 +104,6 @@ function FilterConditions(props) {
      );
    }
  }, []);
-
  return (
    <React.Fragment>
      <Stack sx={{ width: '100%' }} direction="column" spacing={2} mt={2}>
@@ -233,9 +219,4 @@ function FilterConditions(props) {
    </React.Fragment>
  );
 }
-
-FilterConditions.propTypes = {
-  stepId: PropTypes.string.isRequired,
-};
-
 export default FilterConditions;
--- a/Show More
+++ b/Show More
Author	SHA1	Message	Date
Rıdvan Akca	d893a36a47	feat(changedetection): add changed watch trigger	2024-05-13 17:18:19 +02:00
Rıdvan Akca	c62aea3852	feat(changedetection): add delete watch action	2024-05-13 16:31:58 +02:00
Rıdvan Akca	58c90da385	feat(changedetection): add create watch action	2024-05-13 16:31:18 +02:00
Rıdvan Akca	c095d3138b	feat(changedetection): add changedetection integration	2024-05-13 16:28:05 +02:00
				`@@ -1 +0,0 @@`
				<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" width="132" height="24" fill="none" viewBox="0 0 132 24"><path fill="#19191C" d="M38.557 19.495c2.16 0 3.25-1.113 3.725-1.87h.214c.094.805.664 1.562 1.779 1.562h2.111V16.82h-.545c-.38 0-.57-.213-.57-.545V6.776h-2.8v1.516h-.213c-.545-.758-1.684-1.824-3.772-1.824-3.321 0-5.789 2.748-5.789 6.514s2.515 6.513 5.86 6.513m.498-2.7c-1.969 0-3.51-1.445-3.51-3.79 0-2.297 1.494-3.86 3.487-3.86 1.898 0 3.487 1.397 3.487 3.86 0 2.108-1.352 3.79-3.463 3.79M48.04 24h2.799v-6.376h.213c.522.758 1.637 1.871 3.844 1.871 3.321 0 5.741-2.795 5.741-6.513 0-3.743-2.586-6.514-5.931-6.514-2.135 0-3.18 1.16-3.678 1.8h-.213V6.776h-2.776V24m6.263-7.134c-1.922 0-3.512-1.42-3.512-3.884 0-2.108 1.353-3.885 3.464-3.885 1.97 0 3.511 1.54 3.511 3.885 0 2.297-1.494 3.884-3.463 3.884M62.082 24h2.8v-6.376h.213c.522.758 1.637 1.871 3.843 1.871 3.321 0 5.51-2.795 5.51-6.513 0-3.743-2.355-6.514-5.7-6.514-2.135 0-3.179 1.16-3.677 1.8h-.214V6.776h-2.775zm6.263-7.134c-1.922 0-3.511-1.42-3.511-3.884 0-2.108 1.352-3.885 3.463-3.885 1.97 0 3.512 1.54 3.512 3.885 0 2.297-1.495 3.884-3.464 3.884m9.805 2.61h3.961l2.254-9.735h.143l2.253 9.735H90.7l3.153-12.412h-2.821l-2.254 9.759h-.214l-2.253-9.759h-3.725l-2.278 9.759h-.213l-2.23-9.759h-2.99l3.274 12.412m17.123 0h2.8V13.34c0-2.345 1.09-3.79 3.131-3.79h1.233V6.756h-.925c-1.59 0-2.8 1.09-3.274 2.132h-.19V7.064h-2.775zm21.057 0h2.183v-2.487h-2.159c-.854 0-1.21-.38-1.21-1.256V9.528h3.511V7.064h-3.511V3.582h-2.657v3.482h-2.325v2.464h2.159v6.229c0 2.63 1.589 3.719 4.009 3.719m9.693.019c2.586 0 4.864-1.279 5.67-3.86l-2.562-.616c-.451 1.373-1.755 2.084-3.131 2.084-2.041 0-3.393-1.326-3.417-3.41h9.419v-.782c0-3.695-2.301-6.443-6.097-6.443-3.346 0-6.216 2.63-6.216 6.537 0 3.79 2.538 6.49 6.334 6.49m-3.416-7.84c.166-1.492 1.518-2.747 3.298-2.747 1.708 0 3.108 1.066 3.25 2.747h-6.548"/><path fill="#19191C" fill-rule="evenodd" d="M108.916 19.476h-2.8V9.528h-2.182V7.064h4.982z" clip-rule="evenodd"/><path fill="#19191C" d="M107.309 5.342c1.02 0 1.779-.758 1.779-1.753 0-.971-.759-1.73-1.779-1.73-1.021 0-1.78.759-1.78 1.73 0 .995.759 1.753 1.78 1.753"/><path fill="#FD366E" d="M24.443 16.432v5.478H10.752c-3.989 0-7.472-2.203-9.335-5.478A11.041 11.041 0 0 1 0 11.695v-1.48a10.97 10.97 0 0 1 .381-2.247C1.661 3.368 5.82 0 10.751 0c4.934 0 9.092 3.37 10.371 7.967h-5.854c-.96-1.499-2.624-2.49-4.516-2.49s-3.555.991-4.516 2.49a5.47 5.47 0 0 0-.67 1.494 5.562 5.562 0 0 0-.202 1.494 5.5 5.5 0 0 0 1.69 3.983 5.32 5.32 0 0 0 3.698 1.494h13.69"/><path fill="#FD366E" d="M24.443 9.46v5.478h-9.994a5.5 5.5 0 0 0 1.691-3.983 5.56 5.56 0 0 0-.203-1.494h8.506"/></svg>