From c2e5d9ba4d5445f0c8dd1ecabf4f4c19ad32636d Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 14:22:03 +0800
Subject: [PATCH 01/20] fix(nocodb): remove as any in Hook.update param

---
 packages/nocodb/src/lib/services/hook.svc.ts | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/packages/nocodb/src/lib/services/hook.svc.ts b/packages/nocodb/src/lib/services/hook.svc.ts
index 4c166f7d99..2964349bd1 100644
--- a/packages/nocodb/src/lib/services/hook.svc.ts
+++ b/packages/nocodb/src/lib/services/hook.svc.ts
@@ -56,8 +56,7 @@ export async function hookUpdate(param: { hookId: string; hook: HookReqType }) {
 
   validateHookPayload(param.hook.notification);
 
-  // todo: correction in swagger
-  return await Hook.update(param.hookId, param.hook as any);
+  return await Hook.update(param.hookId, param.hook);
 }
 
 export async function hookTest(param: {

From d562e7fa6bd976e83ba6d62a6f97813102cce400 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 14:23:22 +0800
Subject: [PATCH 02/20] feat(nc-gui): add enable webhook

---
 packages/nc-gui/components/webhook/Editor.vue | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/packages/nc-gui/components/webhook/Editor.vue b/packages/nc-gui/components/webhook/Editor.vue
index 8c4035324e..fc567991d5 100644
--- a/packages/nc-gui/components/webhook/Editor.vue
+++ b/packages/nc-gui/components/webhook/Editor.vue
@@ -55,6 +55,7 @@ const hook = reactive<Record<string, any>>({
     },
   },
   condition: false,
+  active: true,
 })
 
 const urlTabKey = ref('body')
@@ -458,6 +459,21 @@ onMounted(async () => {
   <a-divider />
 
   <a-form :model="hook" name="create-or-edit-webhook">
+    <a-form-item>
+      <a-row type="flex">
+        <a-col :span="24">
+          <a-card>
+            <a-checkbox
+              :checked="Boolean(hook.active)"
+              class="nc-check-box-enable-webhook"
+              @update:checked="hook.active = $event"
+            >
+              Enable Webhook
+            </a-checkbox>
+          </a-card>
+        </a-col>
+      </a-row>
+    </a-form-item>
     <a-form-item>
       <a-row type="flex">
         <a-col :span="24">

From 5e58a9392c0d48f9b24e4ea792f72626585a22a9 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 14:25:56 +0800
Subject: [PATCH 03/20] feat(nc-gui): add enableWebhook & testWebhook

---
 packages/nc-gui/lang/en.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 461cd6f519..4e863fc0b9 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -424,6 +424,8 @@
     "openTab": "Open new tab",
     "iFrame": "Copy embeddable HTML code",
     "addWebhook": "Add New Webhook",
+    "enableWebhook": "Enable Webhook",
+    "testWebhook": "Test Webhook",
     "newToken": "Add New Token",
     "exportZip": "Export zip",
     "importZip": "Import zip",

From d13863cc60edf1225110eadcc6d370a45f7fd03b Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 14:26:08 +0800
Subject: [PATCH 04/20] feat(nc-gui): apply i18n in webhook editor

---
 packages/nc-gui/components/webhook/Editor.vue | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/packages/nc-gui/components/webhook/Editor.vue b/packages/nc-gui/components/webhook/Editor.vue
index fc567991d5..c5c4b6ba33 100644
--- a/packages/nc-gui/components/webhook/Editor.vue
+++ b/packages/nc-gui/components/webhook/Editor.vue
@@ -441,8 +441,7 @@ onMounted(async () => {
       <a-button class="mr-3 nc-btn-webhook-test" size="large" @click="testWebhook">
         <div class="flex items-center">
           <MdiGestureDoubleTap class="mr-2" />
-          <!-- TODO: i18n -->
-          Test Webhook
+          {{ $t('activity.testWebhook') }}
         </div>
       </a-button>
 
@@ -468,7 +467,7 @@ onMounted(async () => {
               class="nc-check-box-enable-webhook"
               @update:checked="hook.active = $event"
             >
-              Enable Webhook
+              {{ $t('activity.enableWebhook') }}
             </a-checkbox>
           </a-card>
         </a-col>

From 78f6c4e9c109a184fd892e3760ec99ac17e8f5d1 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 17:17:42 +0800
Subject: [PATCH 05/20] feat(nc-gui): add copyWebhook & deleteWebhook to
 en.json

---
 packages/nc-gui/lang/en.json | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/nc-gui/lang/en.json b/packages/nc-gui/lang/en.json
index 4e863fc0b9..89d6cc5c1f 100644
--- a/packages/nc-gui/lang/en.json
+++ b/packages/nc-gui/lang/en.json
@@ -426,6 +426,8 @@
     "addWebhook": "Add New Webhook",
     "enableWebhook": "Enable Webhook",
     "testWebhook": "Test Webhook",
+    "copyWebhook": "Copy Webhook",
+    "deleteWebhook": "Delete Webhook",
     "newToken": "Add New Token",
     "exportZip": "Export zip",
     "importZip": "Import zip",

From d1773af552e7d511074ab1afae42265ff0163768 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 18:54:56 +0800
Subject: [PATCH 06/20] fix(nocodb): incorrect hook create request type

---
 packages/nc-gui/components/webhook/Editor.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/nc-gui/components/webhook/Editor.vue b/packages/nc-gui/components/webhook/Editor.vue
index a62508b849..d8826edf8e 100644
--- a/packages/nc-gui/components/webhook/Editor.vue
+++ b/packages/nc-gui/components/webhook/Editor.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import type { Ref } from 'vue'
-import type { AuditType, HookType } from 'nocodb-sdk'
+import type { HookReqType, HookType } from 'nocodb-sdk'
 import {
   Form,
   MetaInj,
@@ -369,7 +369,7 @@ async function saveHooks() {
           ...hook.notification,
           payload: hook.notification.payload,
         },
-      } as AuditType)
+      } as HookReqType)
     }
 
     if (!hook.id && res) {

From a5fc4bb71891aba51854cc4c43c8cf7d2947f37c Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 18:55:07 +0800
Subject: [PATCH 07/20] fix(nocodb): hook request and response type

---
 packages/nocodb/src/schema/swagger.json | 393 ++++++++++++++++++++----
 1 file changed, 331 insertions(+), 62 deletions(-)

diff --git a/packages/nocodb/src/schema/swagger.json b/packages/nocodb/src/schema/swagger.json
index 0857312f25..302e1a2e3a 100644
--- a/packages/nocodb/src/schema/swagger.json
+++ b/packages/nocodb/src/schema/swagger.json
@@ -11829,7 +11829,7 @@
             "content": {
               "application/json": {
                 "schema": {
-                  "$ref": "#/components/schemas/HookReq"
+                  "$ref": "#/components/schemas/Hook"
                 },
                 "examples": {
                   "Example 1": {
@@ -11863,7 +11863,27 @@
           "content": {
             "application/json": {
               "schema": {
-                "$ref": "#/components/schemas/Audit"
+                "$ref": "#/components/schemas/HookReq"
+              },
+              "examples": {
+                "Example 1": {
+                  "value": {
+                    "active": 0,
+                    "async": 0,
+                    "description": "This is my hook description",
+                    "env": "all",
+                    "event": "after",
+                    "fk_model_id": "md_rsu68aqjsbyqtl",
+                    "id": "string",
+                    "notification": "{\"type\":\"URL\",\"payload\":{\"method\":\"POST\",\"body\":\"{{ json data }}\",\"headers\":[{}],\"parameters\":[{}],\"auth\":\"\",\"path\":\"http://example.com\"}}",
+                    "null": null,
+                    "operation": "insert",
+                    "retries": 10,
+                    "retry_interval": 60000,
+                    "timeout": 60000,
+                    "title": "My Webhook"
+                  }
+                }
               }
             }
           }
@@ -13560,6 +13580,9 @@
             "description": "API Token",
             "example": "DYh540o8hbWpUGdarekECKLdN5OhlgCUWutVJYX2"
           }
+        },
+        "x-stoplight": {
+          "id": "q8h78qib3l9ko"
         }
       },
       "ApiTokenReq": {
@@ -13578,12 +13601,15 @@
             "type": "string",
             "example": "This API Token is for ABC application"
           }
+        },
+        "x-stoplight": {
+          "id": "insn8kf1n4s6k"
         }
       },
       "ApiTokenList": {
         "description": "Model for API Token List",
         "x-stoplight": {
-          "id": "5llg0az9z4tjc"
+          "id": "r482re16lknrx"
         },
         "examples": [
           {
@@ -13686,6 +13712,9 @@
             "type": "string",
             "description": "Attachment URL"
           }
+        },
+        "x-stoplight": {
+          "id": "g4rbip7xwyo6c"
         }
       },
       "AttachmentReq": {
@@ -13721,6 +13750,9 @@
             "type": "string",
             "description": "Attachment URL to be uploaded via upload-by-url"
           }
+        },
+        "x-stoplight": {
+          "id": "13qyneoxa9jal"
         }
       },
       "Audit": {
@@ -13843,6 +13875,9 @@
             "description": "Detail",
             "example": "<span class=\"\">Date</span>   : <span class=\"text-decoration-line-through red px-2 lighten-4 black--text\">2023-03-12</span>   <span class=\"black--text green lighten-4 px-2\"></span>"
           }
+        },
+        "x-stoplight": {
+          "id": "l0ptb1ze54xw8"
         }
       },
       "AuditRowUpdateReq": {
@@ -13880,6 +13915,9 @@
           "value": {
             "description": "The current value after the action"
           }
+        },
+        "x-stoplight": {
+          "id": "56u0jsmndirwt"
         }
       },
       "Base": {
@@ -13954,6 +13992,9 @@
             "example": "mysql2",
             "type": "string"
           }
+        },
+        "x-stoplight": {
+          "id": "af5ft42zw0uds"
         }
       },
       "BaseList": {
@@ -14053,7 +14094,10 @@
             "description": "Paginated Info"
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "ixksiq5jlmtt8"
+        }
       },
       "BaseReq": {
         "description": "Model for Base Request",
@@ -14106,7 +14150,10 @@
           }
         },
         "title": "Base Request",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "noplj8yr34xzd"
+        }
       },
       "Bool": {
         "description": "Model for Bool",
@@ -14125,7 +14172,10 @@
             "type": "null"
           }
         ],
-        "title": "Bool Model"
+        "title": "Bool Model",
+        "x-stoplight": {
+          "id": "1mdcm71g7euvt"
+        }
       },
       "Column": {
         "description": "Model for Column",
@@ -14410,6 +14460,9 @@
             "$ref": "#/components/schemas/Bool",
             "description": "Is Visible?"
           }
+        },
+        "x-stoplight": {
+          "id": "jcj9uwgl3rnum"
         }
       },
       "ColumnList": {
@@ -14515,7 +14568,10 @@
             }
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "vs478sn3czrc2"
+        }
       },
       "ColumnReq": {
         "allOf": [
@@ -14604,7 +14660,10 @@
           }
         ],
         "title": "Column Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "gz9531uzue95g"
+        }
       },
       "CommentReq": {
         "description": "Model for Comment Request",
@@ -14634,7 +14693,10 @@
             "example": "3"
           }
         },
-        "required": ["fk_model_id", "row_id"]
+        "required": ["fk_model_id", "row_id"],
+        "x-stoplight": {
+          "id": "bsshnshrcy8f7"
+        }
       },
       "Filter": {
         "description": "Model for Filter",
@@ -14790,7 +14852,10 @@
         },
         "readOnly": true,
         "title": "Filter Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "ugwuw0aemt5y2"
+        }
       },
       "FilterList": {
         "description": "Model for Filter List",
@@ -14876,7 +14941,10 @@
             }
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "5wly9iyeixwxs"
+        }
       },
       "FilterReq": {
         "description": "Model for Filter Request",
@@ -14980,7 +15048,10 @@
         },
         "readOnly": true,
         "title": "Filter Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "3rypg89wx0qp1"
+        }
       },
       "Form": {
         "description": "Model for Form",
@@ -15109,6 +15180,9 @@
             "description": "Form View Title",
             "example": "Form View 1"
           }
+        },
+        "x-stoplight": {
+          "id": "luvu108gux43l"
         }
       },
       "FormUpdateReq": {
@@ -15177,6 +15251,9 @@
             "$ref": "#/components/schemas/StringOrNull",
             "description": "Custom message after the form is successfully submitted"
           }
+        },
+        "x-stoplight": {
+          "id": "j9hvt9lds2o4q"
         }
       },
       "FormColumn": {
@@ -15262,6 +15339,9 @@
             "$ref": "#/components/schemas/StringOrNull",
             "description": "Form Column UUID (Not in use)"
           }
+        },
+        "x-stoplight": {
+          "id": "uga344v068snf"
         }
       },
       "FormColumnReq": {
@@ -15326,6 +15406,9 @@
             "$ref": "#/components/schemas/Bool",
             "description": "Is this column shown in Form?"
           }
+        },
+        "x-stoplight": {
+          "id": "7x7zkufy7a93t"
         }
       },
       "Formula": {
@@ -15364,6 +15447,9 @@
             "type": "string",
             "description": "Error Message"
           }
+        },
+        "x-stoplight": {
+          "id": "3h68x9a08nvlu"
         }
       },
       "FormulaColumnReq": {
@@ -15398,6 +15484,9 @@
             "type": "string",
             "description": "UI Data Type"
           }
+        },
+        "x-stoplight": {
+          "id": "rd9929r4qa3c0"
         }
       },
       "Gallery": {
@@ -15489,7 +15578,10 @@
           }
         },
         "title": "Gallery Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "at47gz5aqeuv5"
+        }
       },
       "GalleryColumn": {
         "description": "Model for Gallery Column",
@@ -15521,12 +15613,15 @@
           }
         },
         "title": "Gallery Column Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "4mx8vfd16y55g"
+        }
       },
       "GalleryUpdateReq": {
         "description": "Model for Gallery View Update Request",
         "x-stoplight": {
-          "id": "mgch3vcokvxml"
+          "id": "uiz5gs88mmt1a"
         },
         "examples": [
           {
@@ -15577,7 +15672,10 @@
           }
         },
         "title": "Geo Location Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "cphi852bw9h6n"
+        }
       },
       "Grid": {
         "description": "Model for Grid",
@@ -15684,6 +15782,9 @@
               }
             }
           }
+        },
+        "x-stoplight": {
+          "id": "b84k9hlbnco1o"
         }
       },
       "GridColumn": {
@@ -15765,6 +15866,9 @@
               "id": "azwh6zn37qzkc"
             }
           }
+        },
+        "x-stoplight": {
+          "id": "r2fo58lue2zws"
         }
       },
       "GridColumnReq": {
@@ -15800,12 +15904,15 @@
           }
         },
         "title": "Grid Column Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "1viyr55m2bzy3"
+        }
       },
       "GridUpdateReq": {
         "description": "Model for Grid View Update",
         "x-stoplight": {
-          "id": "d7x12vwf1fgz4"
+          "id": "rmiv1e1jrzj71"
         },
         "examples": [
           {
@@ -15923,12 +16030,15 @@
             "type": "string",
             "description": "Hook Type"
           }
+        },
+        "x-stoplight": {
+          "id": "0rlu88fc7ctax"
         }
       },
       "HookReq": {
         "description": "Model for Hook",
         "x-stoplight": {
-          "id": "8yxb4tz9u2ahz"
+          "id": "yogkf6qrh2el9"
         },
         "examples": [
           {
@@ -16096,7 +16206,10 @@
             "$ref": "#/components/schemas/Paginated"
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "xhy5z4cp53e19"
+        }
       },
       "HookLog": {
         "description": "Model for Hook Log",
@@ -16174,6 +16287,9 @@
           "type": {
             "type": "string"
           }
+        },
+        "x-stoplight": {
+          "id": "uwhlr759v7ftb"
         }
       },
       "HookTestReq": {
@@ -16225,7 +16341,10 @@
             "description": "Payload to be sent"
           }
         },
-        "required": ["hook", "payload"]
+        "required": ["hook", "payload"],
+        "x-stoplight": {
+          "id": "7fzbka372uhws"
+        }
       },
       "Id": {
         "description": "Model for ID",
@@ -16233,7 +16352,10 @@
         "maxLength": 20,
         "minLength": 0,
         "title": "ID Model",
-        "type": "string"
+        "type": "string",
+        "x-stoplight": {
+          "id": "q0pbjcp2vwe2s"
+        }
       },
       "Kanban": {
         "description": "Model for Kanban",
@@ -16297,6 +16419,9 @@
             "description": "Kanban Title",
             "example": "My Kanban"
           }
+        },
+        "x-stoplight": {
+          "id": "y0wib3uswcjv3"
         }
       },
       "KanbanColumn": {
@@ -16367,6 +16492,9 @@
             "example": 1,
             "description": "Column Order"
           }
+        },
+        "x-stoplight": {
+          "id": "jq9x7ac9cr56v"
         }
       },
       "KanbanUpdateReq": {
@@ -16441,6 +16569,9 @@
             },
             "description": "Meta Info"
           }
+        },
+        "x-stoplight": {
+          "id": "ds5bt314hgogd"
         }
       },
       "LicenseReq": {
@@ -16460,7 +16591,10 @@
           }
         },
         "title": "License Key Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "ydf14317b0zdt"
+        }
       },
       "LinkToAnotherColumnReq": {
         "description": "Model for LinkToAnotherColumn Request",
@@ -16506,7 +16640,10 @@
         },
         "required": ["childId", "parentId", "title", "type", "uidt"],
         "title": "LinkToAnotherColumn Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "72l8lzwwxd36o"
+        }
       },
       "LinkToAnotherRecord": {
         "description": "Model for LinkToAnotherRecord",
@@ -16579,7 +16716,10 @@
           }
         },
         "title": "LinkToAnotherRecord Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "dyp9tqjqy0vjn"
+        }
       },
       "Lookup": {
         "description": "Model for Lookup",
@@ -16616,6 +16756,9 @@
             "description": "The order among the list",
             "example": 1
           }
+        },
+        "x-stoplight": {
+          "id": "oin5vuleupbau"
         }
       },
       "LookupColumnReq": {
@@ -16650,6 +16793,9 @@
             "type": "string",
             "description": "UI DataType"
           }
+        },
+        "x-stoplight": {
+          "id": "pas3o57wv14yl"
         }
       },
       "Map": {
@@ -16724,12 +16870,15 @@
           }
         },
         "title": "Map Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "g54ldc4p8ukcb"
+        }
       },
       "MapUpdateReq": {
         "description": "Model for Map",
         "x-stoplight": {
-          "id": "o1v53xl8b6hn9"
+          "id": "np6n7vwe0bpbc"
         },
         "examples": [
           {
@@ -16802,7 +16951,10 @@
           }
         },
         "title": "Map Column Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "jwohh924xkrki"
+        }
       },
       "Meta": {
         "description": "Model for Meta",
@@ -16818,7 +16970,10 @@
             "type": "string"
           }
         ],
-        "title": "Meta Model"
+        "title": "Meta Model",
+        "x-stoplight": {
+          "id": "3bua8s1l4ia18"
+        }
       },
       "ModelRoleVisibility": {
         "description": "Model for ModelRoleVisibility",
@@ -16858,7 +17013,10 @@
           }
         },
         "title": "ModelRoleVisibility Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "qd2r14lgbgil5"
+        }
       },
       "NormalColumnRequest": {
         "description": "Model for Normal Column Request",
@@ -17034,7 +17192,10 @@
         },
         "title": "Normal Column Request Model",
         "type": "object",
-        "required": ["column_name"]
+        "required": ["column_name"],
+        "x-stoplight": {
+          "id": "lbdjjckrjmr9a"
+        }
       },
       "OrgUserReq": {
         "description": "Model for Organisation User Update Request",
@@ -17056,7 +17217,10 @@
           }
         },
         "title": "Organisation User Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "odog9hoqfpbii"
+        }
       },
       "Paginated": {
         "description": "Model for Paginated",
@@ -17095,7 +17259,10 @@
           }
         },
         "title": "Paginated Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "x9joizn5gys68"
+        }
       },
       "Password": {
         "description": "Model for Password",
@@ -17103,7 +17270,10 @@
         "examples": ["password123456789"],
         "minLength": 8,
         "title": "Password Model",
-        "type": "string"
+        "type": "string",
+        "x-stoplight": {
+          "id": "bn4nxlclrh5pl"
+        }
       },
       "PasswordChangeReq": {
         "description": "Model for Password Change Request",
@@ -17124,7 +17294,10 @@
         },
         "required": ["currentPassword", "newPassword"],
         "title": "Password Change Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "0bt6ueal1r1ai"
+        }
       },
       "PasswordForgotReq": {
         "description": "Model for Password Forgot Request",
@@ -17142,7 +17315,10 @@
         },
         "required": ["email"],
         "title": "Password Forgot Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "ucprs67a4yk4e"
+        }
       },
       "PasswordResetReq": {
         "description": "Model for Password Reset Request",
@@ -17161,7 +17337,10 @@
         },
         "required": ["password"],
         "title": "Password Reset Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "kgww333t4d6oi"
+        }
       },
       "Plugin": {
         "description": "Model for Plugin",
@@ -17275,6 +17454,9 @@
             "description": "Plugin Version",
             "example": "0.0.1"
           }
+        },
+        "x-stoplight": {
+          "id": "yddgye9ktoowm"
         }
       },
       "PluginReq": {
@@ -17296,6 +17478,9 @@
             "$ref": "#/components/schemas/StringOrNull",
             "description": "Plugin Input"
           }
+        },
+        "x-stoplight": {
+          "id": "8n2qkaa4mmbwk"
         }
       },
       "PluginTestReq": {
@@ -17335,7 +17520,10 @@
             "example": "Email"
           }
         },
-        "required": ["title", "input", "category"]
+        "required": ["title", "input", "category"],
+        "x-stoplight": {
+          "id": "xburi6p29sjxt"
+        }
       },
       "Project": {
         "description": "Model for Project",
@@ -17422,6 +17610,9 @@
             "example": "my-project",
             "type": "string"
           }
+        },
+        "x-stoplight": {
+          "id": "mws3mrzua4dgn"
         }
       },
       "ProjectList": {
@@ -17515,7 +17706,10 @@
             "description": "Pagination Info"
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "xyl4jpahycz9z"
+        }
       },
       "ProjectReq": {
         "description": "Model for Project Request",
@@ -17565,12 +17759,15 @@
         },
         "required": ["title"],
         "title": "Project Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "q30kb0cjsqejc"
+        }
       },
       "ProjectUpdateReq": {
         "description": "Model for Project Update Request",
         "x-stoplight": {
-          "id": "4zgrec70wyz4c"
+          "id": "c3vcm2zuncet0"
         },
         "examples": [
           {
@@ -17633,7 +17830,10 @@
             "description": "Project User Role"
           }
         },
-        "required": ["email", "roles"]
+        "required": ["email", "roles"],
+        "x-stoplight": {
+          "id": "9t06rq4mfxpsi"
+        }
       },
       "Rollup": {
         "description": "Model for Rollup",
@@ -17679,6 +17879,9 @@
               "avgDistinct"
             ]
           }
+        },
+        "x-stoplight": {
+          "id": "vx9w2nz7au6ra"
         }
       },
       "RollupColumnReq": {
@@ -17727,6 +17930,9 @@
             "type": "string",
             "description": "UI DataType"
           }
+        },
+        "x-stoplight": {
+          "id": "4dhjg4qtqyxgt"
         }
       },
       "SelectOption": {
@@ -17766,6 +17972,9 @@
             "description": "The order among the options",
             "example": 1
           }
+        },
+        "x-stoplight": {
+          "id": "phvjpv4bedapu"
         }
       },
       "SelectOptions": {
@@ -17794,7 +18003,10 @@
             }
           }
         },
-        "required": ["options"]
+        "required": ["options"],
+        "x-stoplight": {
+          "id": "kjpgrmx40vtbs"
+        }
       },
       "SharedBaseReq": {
         "description": "Model for Shared Base Request",
@@ -17819,6 +18031,9 @@
             "description": "The role given the target user",
             "example": "editor"
           }
+        },
+        "x-stoplight": {
+          "id": "oinjv6cau9px7"
         }
       },
       "SharedView": {
@@ -17854,7 +18069,10 @@
               "uuid": null
             }
           }
-        ]
+        ],
+        "x-stoplight": {
+          "id": "80fgtmpmd1hxi"
+        }
       },
       "SharedViewList": {
         "description": "Model for Shared View List",
@@ -17945,7 +18163,10 @@
             "description": "Paginated Info"
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "4nhixasc8ncwz"
+        }
       },
       "SharedViewReq": {
         "description": "Model for Shared View Request",
@@ -17966,6 +18187,9 @@
             "$ref": "#/components/schemas/StringOrNull",
             "description": "Password to restrict access"
           }
+        },
+        "x-stoplight": {
+          "id": "bnn8fqklepl7j"
         }
       },
       "SignInReq": {
@@ -17989,7 +18213,10 @@
         },
         "required": ["email", "password"],
         "title": "Signin Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "u8vbpvxi9gs2z"
+        }
       },
       "SignUpReq": {
         "description": "Model for Signup Request",
@@ -18045,7 +18272,10 @@
             "description": "Ignore Subscription"
           }
         },
-        "required": ["email", "password"]
+        "required": ["email", "password"],
+        "x-stoplight": {
+          "id": "tw6fyw78ih8dx"
+        }
       },
       "Sort": {
         "description": "Model for Sort",
@@ -18095,6 +18325,9 @@
             "example": "p_9sx43moxhqtjm3",
             "readOnly": true
           }
+        },
+        "x-stoplight": {
+          "id": "9vo9f9qec4rwf"
         }
       },
       "SortList": {
@@ -18173,7 +18406,10 @@
             }
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "wwcmyc9odjaxt"
+        }
       },
       "SortReq": {
         "description": "Model for Sort Request",
@@ -18196,6 +18432,9 @@
             "enum": ["asc", "desc"],
             "type": "string"
           }
+        },
+        "x-stoplight": {
+          "id": "g320wvsh90rcp"
         }
       },
       "StringOrNull": {
@@ -18210,7 +18449,10 @@
             "type": "null"
           }
         ],
-        "title": "StringOrNull Model"
+        "title": "StringOrNull Model",
+        "x-stoplight": {
+          "id": "n57pb7pryq2zm"
+        }
       },
       "Table": {
         "description": "Model for Table",
@@ -18636,7 +18878,10 @@
             "type": "string"
           }
         },
-        "required": ["table_name", "title"]
+        "required": ["table_name", "title"],
+        "x-stoplight": {
+          "id": "jnbkhtbvk6np6"
+        }
       },
       "TableList": {
         "description": "Model for Table List",
@@ -18763,7 +19008,10 @@
             "description": "Paginated Info"
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "dki89c4lat66i"
+        }
       },
       "TableReq": {
         "description": "Model for Table Request",
@@ -18901,7 +19149,10 @@
         },
         "required": ["columns", "table_name"],
         "title": "Table Request Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "rx8c69o5719vx"
+        }
       },
       "User": {
         "description": "Model for User",
@@ -18950,7 +19201,10 @@
             "type": "string"
           }
         },
-        "required": ["email", "email_verified", "firstname", "id", "lastname"]
+        "required": ["email", "email_verified", "firstname", "id", "lastname"],
+        "x-stoplight": {
+          "id": "cls6abm42ey04"
+        }
       },
       "UserInfo": {
         "description": "Model for User Info",
@@ -18991,7 +19245,10 @@
           }
         },
         "title": "User Info Model",
-        "type": "object"
+        "type": "object",
+        "x-stoplight": {
+          "id": "tvl09i4n62jnc"
+        }
       },
       "UserList": {
         "description": "Model for User List",
@@ -19069,7 +19326,10 @@
             "description": "Paginated Info"
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "kxaws22o5xk74"
+        }
       },
       "View": {
         "description": "Model for View",
@@ -19180,7 +19440,10 @@
             "description": "Associated View Model"
           }
         },
-        "required": ["fk_model_id", "show", "title", "type"]
+        "required": ["fk_model_id", "show", "title", "type"],
+        "x-stoplight": {
+          "id": "t38y987y9rgv5"
+        }
       },
       "ViewList": {
         "description": "Model for View List",
@@ -19305,12 +19568,15 @@
             "description": "Paginated Info"
           }
         },
-        "required": ["list", "pageInfo"]
+        "required": ["list", "pageInfo"],
+        "x-stoplight": {
+          "id": "kjdjlqsioesz5"
+        }
       },
       "ViewCreateReq": {
         "type": "object",
         "x-stoplight": {
-          "id": "36edbe4aa5d24"
+          "id": "cuum3lv94tb57"
         },
         "title": "ViewCreateReq",
         "description": "Model for View Create Request",
@@ -19379,7 +19645,7 @@
       "ViewUpdateReq": {
         "description": "Model for View Update Request",
         "x-stoplight": {
-          "id": "1f9fe53ec13a2"
+          "id": "zlgpq6n2pg2rj"
         },
         "examples": [
           {
@@ -19444,7 +19710,7 @@
       "ViewColumnUpdateReq": {
         "description": "Model for View Column Update Request",
         "x-stoplight": {
-          "id": "xyhyykbk7kw0a"
+          "id": "zt66lex00hzth"
         },
         "examples": [
           {
@@ -19473,7 +19739,7 @@
       "ViewColumnReq": {
         "description": "Model for View Column Request",
         "x-stoplight": {
-          "id": "94h1qcjiv7yex"
+          "id": "chpsc3sgvhehw"
         },
         "examples": [
           {
@@ -19562,7 +19828,10 @@
           "type": "object"
         },
         "title": "Visibility Rule Request Model",
-        "type": "array"
+        "type": "array",
+        "x-stoplight": {
+          "id": "bmgsfkt8woxh5"
+        }
       }
     },
     "responses": {

From bc2ec28eb31698974db5e21a6b8872f96f35991e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 18:55:22 +0800
Subject: [PATCH 08/20] refactor(nocodb): move emit after hook insert

---
 packages/nocodb/src/lib/services/hook.svc.ts | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/packages/nocodb/src/lib/services/hook.svc.ts b/packages/nocodb/src/lib/services/hook.svc.ts
index 2964349bd1..04d2dc5f96 100644
--- a/packages/nocodb/src/lib/services/hook.svc.ts
+++ b/packages/nocodb/src/lib/services/hook.svc.ts
@@ -34,12 +34,13 @@ export async function hookCreate(param: {
 
   validateHookPayload(param.hook.notification);
 
-  T.emit('evt', { evt_type: 'webhooks:created' });
-  // todo: type correction
   const hook = await Hook.insert({
     ...param.hook,
     fk_model_id: param.tableId,
   } as any);
+
+  T.emit('evt', { evt_type: 'webhooks:created' });
+
   return hook;
 }
 

From 6bb09250adceaf0563f76c4b3f4542520c360b2f Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 18:55:36 +0800
Subject: [PATCH 09/20] refactor(sdk): regenerate Api.ts

---
 packages/nocodb-sdk/src/lib/Api.ts | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nocodb-sdk/src/lib/Api.ts b/packages/nocodb-sdk/src/lib/Api.ts
index 4a0579c5ab..e602e16a50 100644
--- a/packages/nocodb-sdk/src/lib/Api.ts
+++ b/packages/nocodb-sdk/src/lib/Api.ts
@@ -8747,16 +8747,16 @@ export class Api<
  * @name Create
  * @summary Create Table Hook
  * @request POST:/api/v1/db/meta/tables/{tableId}/hooks
- * @response `200` `HookReqType` OK
+ * @response `200` `HookType` OK
  * @response `400` `{
   \** @example BadRequest [Error]: <ERROR MESSAGE> *\
   msg: string,
 
 }`
  */
-    create: (tableId: IdType, data: AuditType, params: RequestParams = {}) =>
+    create: (tableId: IdType, data: HookReqType, params: RequestParams = {}) =>
       this.request<
-        HookReqType,
+        HookType,
         {
           /** @example BadRequest [Error]: <ERROR MESSAGE> */
           msg: string;

From cb20503a3e6a8dfd52147d8536eeaad25363606e Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 18:55:46 +0800
Subject: [PATCH 10/20] chore(nc-gui): lint

---
 packages/nc-gui/utils/filterUtils.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/utils/filterUtils.ts b/packages/nc-gui/utils/filterUtils.ts
index bbc0e41478..dbf4e875bf 100644
--- a/packages/nc-gui/utils/filterUtils.ts
+++ b/packages/nc-gui/utils/filterUtils.ts
@@ -1,4 +1,4 @@
-import { isNumericCol, numericUITypes, UITypes } from 'nocodb-sdk'
+import { UITypes, isNumericCol, numericUITypes } from 'nocodb-sdk'
 
 const getEqText = (fieldUiType: UITypes) => {
   if (isNumericCol(fieldUiType) || fieldUiType === UITypes.Time) {

From aed861152dff2deb96e99f8217cdf22ef83cec69 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 19:23:46 +0800
Subject: [PATCH 11/20] fix(nocodb): change fk_parent_id to StringOrNull

---
 packages/nocodb/src/schema/swagger.json | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/nocodb/src/schema/swagger.json b/packages/nocodb/src/schema/swagger.json
index 302e1a2e3a..e9c3cc447b 100644
--- a/packages/nocodb/src/schema/swagger.json
+++ b/packages/nocodb/src/schema/swagger.json
@@ -14958,6 +14958,11 @@
             "value": "foo"
           }
         ],
+        "title": "Filter Request Model",
+        "type": "object",
+        "x-stoplight": {
+          "id": "3rypg89wx0qp1"
+        },
         "properties": {
           "comparison_op": {
             "description": "Comparison Operator",
@@ -15030,7 +15035,7 @@
             "description": "Foreign Key to Column"
           },
           "fk_parent_id": {
-            "$ref": "#/components/schemas/Id",
+            "$ref": "#/components/schemas/StringOrNull",
             "description": "Belong to which filter ID"
           },
           "is_group": {
@@ -15046,12 +15051,7 @@
             "description": "The filter value. Can be NULL for some operators."
           }
         },
-        "readOnly": true,
-        "title": "Filter Request Model",
-        "type": "object",
-        "x-stoplight": {
-          "id": "3rypg89wx0qp1"
-        }
+        "readOnly": true
       },
       "Form": {
         "description": "Model for Form",

From f94f218279193da0a6f53f691c369ee845ca52cb Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 19:30:49 +0800
Subject: [PATCH 12/20] fix(nocodb): add condition to HookTypeReq

---
 packages/nocodb/src/schema/swagger.json | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/packages/nocodb/src/schema/swagger.json b/packages/nocodb/src/schema/swagger.json
index e9c3cc447b..971d20f45a 100644
--- a/packages/nocodb/src/schema/swagger.json
+++ b/packages/nocodb/src/schema/swagger.json
@@ -11881,7 +11881,8 @@
                     "retries": 10,
                     "retry_interval": 60000,
                     "timeout": 60000,
-                    "title": "My Webhook"
+                    "title": "My Webhook",
+                    "condition": false
                   }
                 }
               }
@@ -16055,7 +16056,8 @@
             "retries": 10,
             "retry_interval": 60000,
             "timeout": 60000,
-            "title": "My Webhook"
+            "title": "My Webhook",
+            "condition": false
           }
         ],
         "title": "Hook Request Model",
@@ -16126,6 +16128,13 @@
           "type": {
             "type": ["string", "null"],
             "description": "Hook Type"
+          },
+          "condition": {
+            "$ref": "#/components/schemas/Bool",
+            "x-stoplight": {
+              "id": "wwzoum7rrlwun"
+            },
+            "description": "Is this hook assoicated with some filters"
           }
         },
         "required": ["event", "notification", "operation", "title"]

From f1925e5c011d83a3983d56e01fccce1282dc7f64 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 19:30:59 +0800
Subject: [PATCH 13/20] fix(nocodb): add missing condition in Hook.insert

---
 packages/nocodb/src/lib/models/Hook.ts | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/nocodb/src/lib/models/Hook.ts b/packages/nocodb/src/lib/models/Hook.ts
index dd2643dbec..3334244e50 100644
--- a/packages/nocodb/src/lib/models/Hook.ts
+++ b/packages/nocodb/src/lib/models/Hook.ts
@@ -125,6 +125,7 @@ export default class Hook implements HookType {
       'async',
       'url',
       'headers',
+      'condition',
       'notification',
       'retries',
       'retry_interval',

From 23721bcac09172ea80b3603d9d2b207e615a32ce Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 19:34:46 +0800
Subject: [PATCH 14/20] feat(nc-gui): copy hook & show hook active on listing

---
 packages/nc-gui/components/webhook/List.vue | 58 ++++++++++++++++++---
 1 file changed, 52 insertions(+), 6 deletions(-)

diff --git a/packages/nc-gui/components/webhook/List.vue b/packages/nc-gui/components/webhook/List.vue
index 1bf3732355..28cf61f8ee 100644
--- a/packages/nc-gui/components/webhook/List.vue
+++ b/packages/nc-gui/components/webhook/List.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { HookType } from 'nocodb-sdk'
+import type { FilterReqType, HookReqType, HookType } from 'nocodb-sdk'
 import { MetaInj, extractSdkResponseErrorMsg, inject, message, onMounted, parseProp, ref, useI18n, useNuxtApp } from '#imports'
 
 const emit = defineEmits(['edit', 'add'])
@@ -8,13 +8,13 @@ const { t } = useI18n()
 
 const { $api, $e } = useNuxtApp()
 
-const hooks = ref<Record<string, any>[]>([])
+const hooks = ref<HookType[]>([])
 
 const meta = inject(MetaInj, ref())
 
 async function loadHooksList() {
   try {
-    const hookList = (await $api.dbTableWebhook.list(meta.value?.id as string)).list as HookType[]
+    const hookList = (await $api.dbTableWebhook.list(meta.value?.id as string)).list
     hooks.value = hookList.map((hook) => {
       hook.notification = parseProp(hook.notification)
       return hook
@@ -24,7 +24,7 @@ async function loadHooksList() {
   }
 }
 
-async function deleteHook(item: Record<string, any>, index: number) {
+async function deleteHook(item: HookType, index: number) {
   try {
     if (item.id) {
       await $api.dbTableWebhook.delete(item.id)
@@ -45,6 +45,37 @@ async function deleteHook(item: Record<string, any>, index: number) {
   $e('a:webhook:delete')
 }
 
+async function copyHook(hook: HookType) {
+  try {
+    const newHook = await $api.dbTableWebhook.create(hook.fk_model_id!, {
+      ...hook,
+      title: `${hook.title} - Copy`,
+      active: false,
+    } as HookReqType)
+
+    if (newHook) {
+      $e('a:webhook:copy')
+      // create the corresponding filters
+      const hookFilters = (await $api.dbTableWebhookFilter.read(hook.id!, {})).list
+      for (const hookFilter of hookFilters) {
+        await $api.dbTableWebhookFilter.create(newHook.id!, {
+          comparison_op: hookFilter.comparison_op,
+          comparison_sub_op: hookFilter.comparison_sub_op,
+          fk_column_id: hookFilter.fk_column_id,
+          fk_parent_id: hookFilter.fk_parent_id,
+          is_group: hookFilter.is_group,
+          logical_op: hookFilter.logical_op,
+          value: hookFilter.value,
+        } as FilterReqType)
+      }
+      newHook.notification = parseProp(newHook.notification)
+      hooks.value.push(newHook)
+    }
+  } catch (e: any) {
+    message.error(await extractSdkResponseErrorMsg(e))
+  }
+}
+
 onMounted(() => {
   loadHooksList()
 })
@@ -84,9 +115,12 @@ onMounted(() => {
               </template>
 
               <template #avatar>
-                <div class="mt-4">
+                <div class="my-1 px-2">
                   <MdiHook class="text-xl" />
                 </div>
+                <div class="px-2 text-white rounded" :class="{ 'bg-green-500': item.active, 'bg-gray-500': !item.active }">
+                  {{ item.active ? 'ON' : 'OFF' }}
+                </div>
               </template>
             </a-list-item-meta>
 
@@ -96,7 +130,19 @@ onMounted(() => {
                 <div class="mr-2">{{ $t('labels.notifyVia') }} : {{ item?.notification?.type }}</div>
 
                 <div class="float-right pt-2 pr-1">
-                  <MdiDeleteOutline class="text-xl nc-hook-delete-icon" @click.stop="deleteHook(item, index)" />
+                  <a-tooltip placement="left">
+                    <template #title>
+                      {{ $t('activity.copyWebhook') }}
+                    </template>
+                    <MdiContentCopy class="text-xl nc-hook-copy-icon" @click.stop="copyHook(item)" />
+                  </a-tooltip>
+
+                  <a-tooltip placement="left">
+                    <template #title>
+                      {{ $t('activity.deleteWebhook') }}
+                    </template>
+                    <MdiDeleteOutline class="text-xl nc-hook-delete-icon" @click.stop="deleteHook(item, index)" />
+                  </a-tooltip>
                 </div>
               </div>
             </template>

From ca55d3a8f8da38404ff9f0e9697bb4ec84767985 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Fri, 17 Mar 2023 19:34:59 +0800
Subject: [PATCH 15/20] refactor(sdk): regenerate Api.ts

---
 packages/nocodb-sdk/src/lib/Api.ts | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/packages/nocodb-sdk/src/lib/Api.ts b/packages/nocodb-sdk/src/lib/Api.ts
index e602e16a50..3184a1ba9f 100644
--- a/packages/nocodb-sdk/src/lib/Api.ts
+++ b/packages/nocodb-sdk/src/lib/Api.ts
@@ -690,7 +690,7 @@ export interface FilterReqType {
   /** Foreign Key to Column */
   fk_column_id?: IdType;
   /** Belong to which filter ID */
-  fk_parent_id?: IdType;
+  fk_parent_id?: StringOrNullType;
   /** Is this filter grouped? */
   is_group?: BoolType;
   /** Logical Operator */
@@ -1147,6 +1147,8 @@ export interface HookReqType {
   title: string;
   /** Hook Type */
   type?: string | null;
+  /** Is this hook assoicated with some filters */
+  condition?: BoolType;
 }
 
 /**

From 5a8942d46db5d52da49e8174ddc2586036107759 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 18 Mar 2023 10:50:07 +0800
Subject: [PATCH 16/20] feat(nc-gui): add the copy hook to the top

---
 packages/nc-gui/components/webhook/List.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/nc-gui/components/webhook/List.vue b/packages/nc-gui/components/webhook/List.vue
index 28cf61f8ee..e0a1c80571 100644
--- a/packages/nc-gui/components/webhook/List.vue
+++ b/packages/nc-gui/components/webhook/List.vue
@@ -69,7 +69,7 @@ async function copyHook(hook: HookType) {
         } as FilterReqType)
       }
       newHook.notification = parseProp(newHook.notification)
-      hooks.value.push(newHook)
+      hooks.value = [newHook, ...hooks.value]
     }
   } catch (e: any) {
     message.error(await extractSdkResponseErrorMsg(e))

From 97b4e5334524d2a1cce3fcb3a662dafa218749d7 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 18 Mar 2023 11:00:05 +0800
Subject: [PATCH 17/20] feat(nc-gui): add delete modal in deleteHook

---
 packages/nc-gui/components/webhook/List.vue | 43 +++++++++++++--------
 1 file changed, 26 insertions(+), 17 deletions(-)

diff --git a/packages/nc-gui/components/webhook/List.vue b/packages/nc-gui/components/webhook/List.vue
index e0a1c80571..0e64a0d5e7 100644
--- a/packages/nc-gui/components/webhook/List.vue
+++ b/packages/nc-gui/components/webhook/List.vue
@@ -25,24 +25,33 @@ async function loadHooksList() {
 }
 
 async function deleteHook(item: HookType, index: number) {
-  try {
-    if (item.id) {
-      await $api.dbTableWebhook.delete(item.id)
-      hooks.value.splice(index, 1)
-    } else {
-      hooks.value.splice(index, 1)
-    }
-
-    // Hook deleted successfully
-    message.success(t('msg.success.webhookDeleted'))
-    if (!hooks.value.length) {
-      hooks.value = []
-    }
-  } catch (e: any) {
-    message.error(await extractSdkResponseErrorMsg(e))
-  }
+  Modal.confirm({
+    title: `Do you want to delete '${item.title}'?`,
+    wrapClassName: 'nc-modal-hook-delete',
+    okText: 'Yes',
+    okType: 'danger',
+    cancelText: 'No',
+    async onOk() {
+      try {
+        if (item.id) {
+          await $api.dbTableWebhook.delete(item.id)
+          hooks.value.splice(index, 1)
+        } else {
+          hooks.value.splice(index, 1)
+        }
+
+        // Hook deleted successfully
+        message.success(t('msg.success.webhookDeleted'))
+        if (!hooks.value.length) {
+          hooks.value = []
+        }
+      } catch (e: any) {
+        message.error(await extractSdkResponseErrorMsg(e))
+      }
 
-  $e('a:webhook:delete')
+      $e('a:webhook:delete')
+    },
+  })
 }
 
 async function copyHook(hook: HookType) {

From 9a4b9a7f1e195d09357f7ed434bfe3a76bd74875 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Sat, 18 Mar 2023 12:29:57 +0800
Subject: [PATCH 18/20] feat(playwright): add logic to cater delete modal in
 hook

---
 tests/playwright/pages/Dashboard/WebhookForm/index.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/tests/playwright/pages/Dashboard/WebhookForm/index.ts b/tests/playwright/pages/Dashboard/WebhookForm/index.ts
index 47205471c5..2a1aea22fa 100644
--- a/tests/playwright/pages/Dashboard/WebhookForm/index.ts
+++ b/tests/playwright/pages/Dashboard/WebhookForm/index.ts
@@ -124,9 +124,11 @@ export class WebhookFormPage extends BasePage {
     await this.toolbar.actions.click('Webhooks');
 
     await this.get().locator(`.nc-hook-delete-icon`).nth(index).click();
+    await this.rootPage.locator('.ant-modal-confirm-confirm button:has-text("Yes")').click();
     await this.verifyToast({ message: 'Hook deleted successfully' });
 
     // click escape to close the drawer
+    await this.get().click();
     await this.get().press('Escape');
   }
 

From a05c19310df110fb05c9cfb6129257e7269928d4 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 20 Mar 2023 11:36:33 +0800
Subject: [PATCH 19/20] feat(nocodb): check hook.active before invoke webhook

---
 .../src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
index 223aac4735..5d44e363c3 100644
--- a/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
+++ b/packages/nocodb/src/lib/db/sql-data-mapper/lib/sql/BaseModelSqlv2.ts
@@ -2247,8 +2247,6 @@ class BaseModelSqlv2 {
   }
 
   private async handleHooks(hookName, data, req): Promise<void> {
-    // const data = _data;
-
     const view = await View.get(this.viewId);
 
     // handle form view data submission
@@ -2329,7 +2327,9 @@ class BaseModelSqlv2 {
         operation,
       });
       for (const hook of hooks) {
-        invokeWebhook(hook, this.model, data, req?.user);
+        if (hook.active) {
+          invokeWebhook(hook, this.model, data, req?.user);
+        }
       }
     } catch (e) {
       console.log('hooks :: error', hookName, e);

From 9db2bb69964a4670723f541097275521e88bb2b2 Mon Sep 17 00:00:00 2001
From: Wing-Kam Wong <wingkwong.code@gmail.com>
Date: Mon, 20 Mar 2023 11:39:17 +0800
Subject: [PATCH 20/20] chore(nc-gui): hide auth in webhook

---
 packages/nc-gui/components/webhook/Editor.vue | 17 +++++++++--------
 1 file changed, 9 insertions(+), 8 deletions(-)

diff --git a/packages/nc-gui/components/webhook/Editor.vue b/packages/nc-gui/components/webhook/Editor.vue
index d8826edf8e..be650d36dd 100644
--- a/packages/nc-gui/components/webhook/Editor.vue
+++ b/packages/nc-gui/components/webhook/Editor.vue
@@ -588,14 +588,15 @@ onMounted(async () => {
               <LazyApiClientHeaders v-model="hook.notification.payload.headers" />
             </a-tab-pane>
 
-            <a-tab-pane key="auth" tab="Auth">
-              <LazyMonacoEditor v-model="hook.notification.payload.auth" class="min-h-60 max-h-80" />
-
-              <span class="text-gray-500 prose-sm p-2">
-                For more about auth option refer
-                <a class="prose-sm" href="https://github.com/axios/axios#request-config" target="_blank">axios docs</a>.
-              </span>
-            </a-tab-pane>
+            <!-- No in use at this moment -->
+            <!--            <a-tab-pane key="auth" tab="Auth">-->
+            <!--              <LazyMonacoEditor v-model="hook.notification.payload.auth" class="min-h-60 max-h-80" />-->
+
+            <!--              <span class="text-gray-500 prose-sm p-2">-->
+            <!--                For more about auth option refer-->
+            <!--                <a class="prose-sm" href  ="https://github.com/axios/axios#request-config" target="_blank">axios docs</a>.-->
+            <!--              </span>-->
+            <!--            </a-tab-pane>-->
           </a-tabs>
         </a-col>
       </a-row>