feat(wordpress): add create post action

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

@@ -1,28 +0,0 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="187.04305" height="188.81523" viewBox="0 0 49.488472 49.957363" version="1.1" id="svg8">
-  <defs id="defs2">
-    <rect x="25.162016" y="84.327377" width="71.115189" height="52.835255" id="rect835"/>
-    <rect x="25.162016" y="84.327377" width="71.115189" height="52.835255" id="rect835-7"/>
-    <rect x="25.162016" y="84.327377" width="71.115189" height="52.835255" id="rect874"/>
-    <rect x="25.162016" y="84.327377" width="71.115189" height="52.835255" id="rect923"/>
-  </defs>
-  <metadata id="metadata5">
-    <rdf:RDF>
-      <cc:Work rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
-        <dc:title/>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g id="layer1" transform="translate(-23.040803,-26.932047)">
-    <g id="g861" transform="translate(-42.114518,-17.993737)" style="fill:#000000">
-      <g aria-label="众" transform="matrix(4.3205134,0,0,4.3205134,-37.271798,-327.6536)" id="text833" style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835);fill:#000000;fill-opacity:1;stroke:none">
-        <path d="m 34.996103,90.121035 -0.614947,0.759641 q -2.754346,-1.41593 -3.948067,-2.950715 -1.167884,1.617467 -3.7672,2.888703 L 26.0096,90.084861 q 3.457142,-1.601964 4.283963,-3.849882 l 0.878496,0.273884 q -0.175699,0.516763 -0.232543,0.604613 1.116207,1.596797 4.056587,3.007559 z m 0.165364,4.91958 -0.676959,0.645954 q -1.514115,-1.157549 -2.346102,-2.826692 -0.547769,1.550288 -2.268589,2.806021 l -0.676959,-0.625283 q 1.19889,-0.795814 1.798334,-1.875848 0.599445,-1.080034 0.682127,-3.079906 l 0.909502,0.07751 q 0,0.268716 -0.04134,0.671791 l -0.03617,0.361734 q 0,0.273884 0.30489,1.033525 0.310058,0.754474 0.899167,1.467606 0.594277,0.707965 1.452103,1.343583 z m -4.800725,-1.374588 -0.702797,0.63045 q -0.594277,-0.780312 -1.162716,-1.276404 -0.651121,1.421098 -2.020542,2.676831 l -0.687295,-0.614948 q 1.229895,-1.095537 1.767329,-2.201409 0.5426,-1.105872 0.697629,-2.795686 l 0.919838,0.09819 q -0.103353,0.940508 -0.366902,1.91719 1.00252,0.862993 1.555456,1.565791 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';fill:#00000" id="path961"/>
-      </g>
-      <g aria-label="L" id="text841" style="font-style:normal;font-weight:normal;font-size:43.3964px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.08492">
-        <path d="M 84.81389,94.883148 V 91.324643 H 69.191186 V 63.247172 h -4.035865 v 31.635976 z" style="fill:#000000;stroke-width:1.08492" id="path964"/>
-      </g>
-    </g>
-    <g id="g921" transform="translate(29.198135,-14.725175)"/>
-  </g>
-</svg>

packages/backend/src/apps/libretranslate/auth/index.js

@@ -1,44 +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: 'instanceUrl',
-      label: 'Instance URL',
-      type: 'string',
-      required: false,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: 'For the self hosted version.',
-      clickToCopy: false,
-    },
-    {
-      key: 'apiKey',
-      label: 'API Key',
-      type: 'string',
-      required: false,
-      readOnly: false,
-      value: null,
-      placeholder: null,
-      description: 'LibreTranslate API key of your account.',
-      clickToCopy: false,
-    },
-  ],
-
-  verifyCredentials,
-  isStillVerified,
-};

packages/backend/src/apps/libretranslate/auth/is-still-verified.js

@@ -1,8 +0,0 @@
-import verifyCredentials from './verify-credentials.js';
-
-const isStillVerified = async ($) => {
-  await verifyCredentials($);
-  return true;
-};
-
-export default isStillVerified;

packages/backend/src/apps/libretranslate/auth/verify-credentials.js

@@ -1,14 +0,0 @@
-const verifyCredentials = async ($) => {
-  const body = {
-    q: 'Hi!',
-  };
-
-  await $.http.post('/detect', body);
-
-  await $.auth.set({
-    screenName: $.auth.data.screenName,
-    apiKey: $.auth.data.apiKey,
-  });
-};
-
-export default verifyCredentials;

packages/backend/src/apps/libretranslate/common/add-api-key.js

@@ -1,9 +0,0 @@
-const addApiKey = ($, requestConfig) => {
-  const apiKey = $.auth.data.apiKey;
-
-  requestConfig.data = { api_key: apiKey, ...(requestConfig.data || {}) };
-
-  return requestConfig;
-};
-
-export default addApiKey;

packages/backend/src/apps/libretranslate/common/set-base-url.js

@@ -1,16 +0,0 @@
-const setBaseUrl = ($, requestConfig) => {
-  const instanceUrl = $.auth.data.instanceUrl;
-  const apiKey = $.auth.data.apiKey;
-
-  if (instanceUrl) {
-    requestConfig.baseURL = instanceUrl;
-  } else if ($.app.apiBaseUrl) {
-    requestConfig.baseURL = $.app.apiBaseUrl;
-  }
-
-  requestConfig.data = { api_key: apiKey, ...(requestConfig.data || {}) };
-
-  return requestConfig;
-};
-
-export default setBaseUrl;

packages/backend/src/apps/libretranslate/index.js

@@ -1,17 +0,0 @@
-import defineApp from '../../helpers/define-app.js';
-import auth from './auth/index.js';
-import addApiKey from './common/add-api-key.js';
-import setBaseUrl from './common/set-base-url.js';
-
-export default defineApp({
-  name: 'LibreTranslate',
-  key: 'libretranslate',
-  iconUrl: '{BASE_URL}/apps/libretranslate/assets/favicon.svg',
-  authDocUrl: '{DOCS_URL}/apps/libretranslate/connection',
-  supportsConnections: true,
-  baseUrl: 'https://libretranslate.com',
-  apiBaseUrl: 'https://libretranslate.com',
-  primaryColor: 'ffffff',
-  beforeRequest: [setBaseUrl, addApiKey],
-  auth,
-});

packages/backend/src/apps/wordpress/actions/create-post/index.js

@@ -0,0 +1,262 @@
+import defineAction from '../../../../helpers/define-action.js';
+import isEmpty from 'lodash/isEmpty.js';
+import omitBy from 'lodash/omitBy.js';
+
+export default defineAction({
+  name: 'Create post',
+  key: 'createPost',
+  description: 'Creates a new post.',
+  arguments: [
+    {
+      label: 'Title',
+      key: 'title',
+      type: 'string',
+      required: true,
+      description: '',
+      variables: true,
+    },
+    {
+      label: 'Content',
+      key: 'content',
+      type: 'string',
+      required: false,
+      description: '',
+      variables: true,
+    },
+    {
+      label: 'Excerpt',
+      key: 'excerpt',
+      type: 'string',
+      required: false,
+      description: '',
+      variables: true,
+    },
+    {
+      label: 'Password',
+      key: 'password',
+      type: 'string',
+      required: false,
+      description: 'A password to protect access to the content and excerpt.',
+      variables: true,
+    },
+    {
+      label: 'Author',
+      key: 'author',
+      type: 'dropdown',
+      required: false,
+      description: '',
+      variables: true,
+      source: {
+        type: 'query',
+        name: 'getDynamicData',
+        arguments: [
+          {
+            name: 'key',
+            value: 'listUsers',
+          },
+        ],
+      },
+    },
+    {
+      label: 'Featured Media',
+      key: 'featuredMedia',
+      type: 'dropdown',
+      required: false,
+      description: '',
+      variables: true,
+      source: {
+        type: 'query',
+        name: 'getDynamicData',
+        arguments: [
+          {
+            name: 'key',
+            value: 'listMedia',
+          },
+        ],
+      },
+    },
+    {
+      label: 'Comment Status',
+      key: 'commentStatus',
+      type: 'dropdown',
+      required: false,
+      description: '',
+      variables: true,
+      options: [
+        { label: 'Open', value: 'open' },
+        { label: 'Closed', value: 'closed' },
+      ],
+    },
+    {
+      label: 'Ping Status',
+      key: 'pingStatus',
+      type: 'dropdown',
+      required: false,
+      description: '',
+      variables: true,
+      options: [
+        { label: 'Open', value: 'open' },
+        { label: 'Closed', value: 'closed' },
+      ],
+    },
+    {
+      label: 'Format',
+      key: 'format',
+      type: 'dropdown',
+      required: false,
+      description: '',
+      variables: true,
+      options: [
+        { label: 'Standard', value: 'standard' },
+        { label: 'Aside', value: 'aside' },
+        { label: 'Chat', value: 'chat' },
+        { label: 'Gallery', value: 'gallery' },
+        { label: 'Link', value: 'link' },
+        { label: 'Image', value: 'image' },
+        { label: 'Quote', value: 'quote' },
+        { label: 'Status', value: 'status' },
+        { label: 'Status', value: 'status' },
+        { label: 'Video', value: 'video' },
+        { label: 'Audio', value: 'audio' },
+      ],
+    },
+    {
+      label: 'Sticky',
+      key: 'sticky',
+      type: 'dropdown',
+      required: false,
+      description: '',
+      variables: true,
+      options: [
+        { label: 'False', value: 'false' },
+        { label: 'True', value: 'true' },
+      ],
+    },
+    {
+      label: 'Categories',
+      key: 'categoryIds',
+      type: 'dynamic',
+      required: false,
+      description: '',
+      fields: [
+        {
+          label: 'Category',
+          key: 'categoryId',
+          type: 'dropdown',
+          required: false,
+          variables: true,
+          source: {
+            type: 'query',
+            name: 'getDynamicData',
+            arguments: [
+              {
+                name: 'key',
+                value: 'listCategories',
+              },
+            ],
+          },
+        },
+      ],
+    },
+    {
+      label: 'Tags',
+      key: 'tagIds',
+      type: 'dynamic',
+      required: false,
+      description: '',
+      fields: [
+        {
+          label: 'Tag',
+          key: 'tagId',
+          type: 'dropdown',
+          required: false,
+          variables: true,
+          source: {
+            type: 'query',
+            name: 'getDynamicData',
+            arguments: [
+              {
+                name: 'key',
+                value: 'listTags',
+              },
+            ],
+          },
+        },
+      ],
+    },
+    {
+      label: 'Status',
+      key: 'status',
+      type: 'dropdown',
+      required: false,
+      description: '',
+      variables: true,
+      source: {
+        type: 'query',
+        name: 'getDynamicData',
+        arguments: [
+          {
+            name: 'key',
+            value: 'listStatuses',
+          },
+        ],
+      },
+    },
+    {
+      label: 'Date',
+      key: 'date',
+      type: 'string',
+      required: false,
+      description: "Post publish date in the site's timezone",
+      variables: true,
+    },
+  ],
+
+  async run($) {
+    const {
+      title,
+      content,
+      excerpt,
+      password,
+      author,
+      featuredMedia,
+      commentStatus,
+      pingStatus,
+      format,
+      sticky,
+      categoryIds,
+      tagIds,
+      status,
+      date,
+    } = $.step.parameters;
+
+    const allCategoryIds = categoryIds
+      ?.map((categoryId) => categoryId.categoryId)
+      .filter(Boolean);
+
+    const allTagIds = tagIds?.map((tagId) => tagId.tagId).filter(Boolean);
+
+    let body = {
+      title,
+      content,
+      excerpt,
+      password,
+      author,
+      featured_media: featuredMedia,
+      comment_status: commentStatus,
+      ping_status: pingStatus,
+      format,
+      sticky,
+      categories: allCategoryIds,
+      tags: allTagIds,
+      status,
+      date,
+    };
+
+    body = omitBy(body, isEmpty);
+
+    const response = await $.http.post('?rest_route=/wp/v2/posts', body);
+
+    $.setActionItem({ raw: response.data });
+  },
+});

packages/backend/src/apps/wordpress/actions/index.js

@@ -0,0 +1,3 @@
+import createPost from './create-post/index.js';
+
+export default [createPost];

packages/backend/src/apps/wordpress/dynamic-data/index.js

@@ -1,3 +1,7 @@
+import listCategories from './list-categories/index.js';
+import listMedia from './list-media/index.js';
 import listStatuses from './list-statuses/index.js';
+import listTags from './list-tags/index.js';
+import listUsers from './list-users/index.js';
 
-export default [listStatuses];
+export default [listCategories, listMedia, listStatuses, listTags, listUsers];

packages/backend/src/apps/wordpress/dynamic-data/list-categories/index.js

@@ -0,0 +1,40 @@
+export default {
+  name: 'List categories',
+  key: 'listCategories',
+
+  async run($) {
+    const categories = {
+      data: [],
+    };
+
+    const params = {
+      page: 1,
+      per_page: 100,
+      order: 'desc',
+    };
+
+    let totalPages = 1;
+    do {
+      const { data, headers } = await $.http.get(
+        '?rest_route=/wp/v2/categories',
+        {
+          params,
+        }
+      );
+
+      params.page = params.page + 1;
+      totalPages = Number(headers['x-wp-totalpages']);
+
+      if (data) {
+        for (const category of data) {
+          categories.data.push({
+            value: category.id,
+            name: category.name,
+          });
+        }
+      }
+    } while (params.page <= totalPages);
+
+    return categories;
+  },
+};

packages/backend/src/apps/wordpress/dynamic-data/list-media/index.js

@@ -0,0 +1,37 @@
+export default {
+  name: 'List media',
+  key: 'listMedia',
+
+  async run($) {
+    const media = {
+      data: [],
+    };
+
+    const params = {
+      page: 1,
+      per_page: 100,
+      order: 'desc',
+    };
+
+    let totalPages = 1;
+    do {
+      const { data, headers } = await $.http.get('?rest_route=/wp/v2/media', {
+        params,
+      });
+
+      params.page = params.page + 1;
+      totalPages = Number(headers['x-wp-totalpages']);
+
+      if (data) {
+        for (const medium of data) {
+          media.data.push({
+            value: medium.id,
+            name: medium.slug,
+          });
+        }
+      }
+    } while (params.page <= totalPages);
+
+    return media;
+  },
+};

packages/backend/src/apps/wordpress/dynamic-data/list-tags/index.js

@@ -0,0 +1,37 @@
+export default {
+  name: 'List tags',
+  key: 'listTags',
+
+  async run($) {
+    const tags = {
+      data: [],
+    };
+
+    const params = {
+      page: 1,
+      per_page: 100,
+      order: 'desc',
+    };
+
+    let totalPages = 1;
+    do {
+      const { data, headers } = await $.http.get('?rest_route=/wp/v2/tags', {
+        params,
+      });
+
+      params.page = params.page + 1;
+      totalPages = Number(headers['x-wp-totalpages']);
+
+      if (data) {
+        for (const tag of data) {
+          tags.data.push({
+            value: tag.id,
+            name: tag.name,
+          });
+        }
+      }
+    } while (params.page <= totalPages);
+
+    return tags;
+  },
+};

packages/backend/src/apps/wordpress/dynamic-data/list-users/index.js

@@ -0,0 +1,37 @@
+export default {
+  name: 'List users',
+  key: 'listUsers',
+
+  async run($) {
+    const users = {
+      data: [],
+    };
+
+    const params = {
+      page: 1,
+      per_page: 100,
+      order: 'desc',
+    };
+
+    let totalPages = 1;
+    do {
+      const { data, headers } = await $.http.get('?rest_route=/wp/v2/users', {
+        params,
+      });
+
+      params.page = params.page + 1;
+      totalPages = Number(headers['x-wp-totalpages']);
+
+      if (data) {
+        for (const user of data) {
+          users.data.push({
+            value: user.id,
+            name: user.name,
+          });
+        }
+      }
+    } while (params.page <= totalPages);
+
+    return users;
+  },
+};

packages/backend/src/apps/wordpress/index.js

@@ -4,6 +4,7 @@ import setBaseUrl from './common/set-base-url.js';
 import auth from './auth/index.js';
 import triggers from './triggers/index.js';
 import dynamicData from './dynamic-data/index.js';
+import actions from './actions/index.js';
 
 export default defineApp({
   name: 'WordPress',
@@ -18,4 +19,5 @@ export default defineApp({
   auth,
   triggers,
   dynamicData,
+  actions,
 });

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'),

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,

packages/docs/pages/.vitepress/config.js

@@ -243,14 +243,6 @@ export default defineConfig({
             { text: 'Connection', link: '/apps/invoice-ninja/connection' },
           ],
         },
-        {
-          text: 'LibreTranslate',
-          collapsible: true,
-          collapsed: true,
-          items: [
-            { text: 'Connection', link: '/apps/libretranslate/connection' },
-          ],
-        },
         {
           text: 'Mattermost',
           collapsible: true,
@@ -526,6 +518,7 @@ export default defineConfig({
           collapsible: true,
           collapsed: true,
           items: [
+            { text: 'Actions', link: '/apps/wordpress/actions' },
             { text: 'Triggers', link: '/apps/wordpress/triggers' },
             { text: 'Connection', link: '/apps/wordpress/connection' },
           ],

packages/docs/pages/apps/libretranslate/connection.md

@@ -1,12 +0,0 @@
-# LibreTranslate
-
-:::info
-This page explains the steps you need to follow to set up the LibreTranslate
-connection in Automatisch. If any of the steps are outdated, please let us know!
-:::
-
-1. Login to your LibreTranslate account.
-2. Copy your `API key` from the page to the `API Key` field on Automatisch.
-3. If you are using a self hosted version of LibreTranslate, copy your `Instance URl` to the `Instance URL` field on Automatisch.
-4. Write any screen name to be displayed in Automatisch.
-5. Now, you can start using the LibreTranslate connection with Automatisch.

packages/docs/pages/apps/wordpress/actions.md

@@ -0,0 +1,12 @@
+---
+favicon: /favicons/wordpress.svg
+items:
+  - name: Create post
+    desc: Creates a new post.
+---
+
+<script setup>
+  import CustomListing from '../../components/CustomListing.vue'
+</script>
+
+<CustomListing />

packages/docs/pages/public/favicons/libretranslate.svg

@@ -1,28 +0,0 @@
-<svg xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" width="187.04305" height="188.81523" viewBox="0 0 49.488472 49.957363" version="1.1" id="svg8">
-  <defs id="defs2">
-    <rect x="25.162016" y="84.327377" width="71.115189" height="52.835255" id="rect835"/>
-    <rect x="25.162016" y="84.327377" width="71.115189" height="52.835255" id="rect835-7"/>
-    <rect x="25.162016" y="84.327377" width="71.115189" height="52.835255" id="rect874"/>
-    <rect x="25.162016" y="84.327377" width="71.115189" height="52.835255" id="rect923"/>
-  </defs>
-  <metadata id="metadata5">
-    <rdf:RDF>
-      <cc:Work rdf:about="">
-        <dc:format>image/svg+xml</dc:format>
-        <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
-        <dc:title/>
-      </cc:Work>
-    </rdf:RDF>
-  </metadata>
-  <g id="layer1" transform="translate(-23.040803,-26.932047)">
-    <g id="g861" transform="translate(-42.114518,-17.993737)" style="fill:#000000">
-      <g aria-label="众" transform="matrix(4.3205134,0,0,4.3205134,-37.271798,-327.6536)" id="text833" style="font-style:normal;font-weight:normal;font-size:10.5833px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;white-space:pre;shape-inside:url(#rect835);fill:#000000;fill-opacity:1;stroke:none">
-        <path d="m 34.996103,90.121035 -0.614947,0.759641 q -2.754346,-1.41593 -3.948067,-2.950715 -1.167884,1.617467 -3.7672,2.888703 L 26.0096,90.084861 q 3.457142,-1.601964 4.283963,-3.849882 l 0.878496,0.273884 q -0.175699,0.516763 -0.232543,0.604613 1.116207,1.596797 4.056587,3.007559 z m 0.165364,4.91958 -0.676959,0.645954 q -1.514115,-1.157549 -2.346102,-2.826692 -0.547769,1.550288 -2.268589,2.806021 l -0.676959,-0.625283 q 1.19889,-0.795814 1.798334,-1.875848 0.599445,-1.080034 0.682127,-3.079906 l 0.909502,0.07751 q 0,0.268716 -0.04134,0.671791 l -0.03617,0.361734 q 0,0.273884 0.30489,1.033525 0.310058,0.754474 0.899167,1.467606 0.594277,0.707965 1.452103,1.343583 z m -4.800725,-1.374588 -0.702797,0.63045 q -0.594277,-0.780312 -1.162716,-1.276404 -0.651121,1.421098 -2.020542,2.676831 l -0.687295,-0.614948 q 1.229895,-1.095537 1.767329,-2.201409 0.5426,-1.105872 0.697629,-2.795686 l 0.919838,0.09819 q -0.103353,0.940508 -0.366902,1.91719 1.00252,0.862993 1.555456,1.565791 z" style="font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;font-family:'Adobe Garamond Pro';-inkscape-font-specification:'Adobe Garamond Pro Bold';fill:#00000" id="path961"/>
-      </g>
-      <g aria-label="L" id="text841" style="font-style:normal;font-weight:normal;font-size:43.3964px;line-height:1.25;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1.08492">
-        <path d="M 84.81389,94.883148 V 91.324643 H 69.191186 V 63.247172 h -4.035865 v 31.635976 z" style="fill:#000000;stroke-width:1.08492" id="path964"/>
-      </g>
-    </g>
-    <g id="g921" transform="translate(29.198135,-14.725175)"/>
-  </g>
-</svg>

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}

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'],
     });
-    }
-
     enqueueSnackbar(formatMessage('flow.successfullyDuplicated'), {
       variant: 'success',
       SnackbarProps: {
@@ -59,12 +56,9 @@ function ContextMenu(props) {
       },
     });
 
-    if (appKey) {
     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;

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;