✨ Add NocoDB block (#1365)

#970 #997

Fully integrate NocoDB.

Added all API Functions:

- List Table Records
- Create Table Records
- Update Table Records
- Delete Table Records
- Read Table Record
- Count Table Records
- List Linked Records
- Link Records
- Unlink Records

Optional Todo:
- Save responses of non-get requests in a variable (error validation
try-catch is added and logged so i do not think so it is much needed)

You are free to implement any extra validation/function :D

---------

Co-authored-by: Baptiste Arnaud <baptiste.arnaud95@gmail.com>

apps/builder/src/features/forge/components/ForgedBlockSettings.tsx

@@ -6,12 +6,14 @@ import { ZodObjectLayout } from './zodLayouts/ZodObjectLayout'
 import { ZodActionDiscriminatedUnion } from './zodLayouts/ZodActionDiscriminatedUnion'
 import { useForgedBlock } from '../hooks/useForgedBlock'
 import { ForgedBlock } from '@typebot.io/forge-repository/types'
+import { useState } from 'react'
 
 type Props = {
   block: ForgedBlock
   onOptionsChange: (options: BlockOptions) => void
 }
 export const ForgedBlockSettings = ({ block, onOptionsChange }: Props) => {
+  const [keySuffix, setKeySuffix] = useState<number>(0)
   const { blockDef, blockSchema, actionDef } = useForgedBlock(
     block.type,
     block.options?.action
@@ -32,7 +34,10 @@ export const ForgedBlockSettings = ({ block, onOptionsChange }: Props) => {
     const actionOptions = actionOptionsKeys.reduce(
       (acc, key) => ({
         ...acc,
-        [key]: undefined,
+        [key]:
+          block.options[key] && typeof block.options[key] !== 'object'
+            ? block.options[key]
+            : undefined,
       }),
       {}
     )
@@ -40,6 +45,7 @@ export const ForgedBlockSettings = ({ block, onOptionsChange }: Props) => {
       ...updates,
       ...actionOptions,
     })
+    setKeySuffix((prev) => prev + 1)
   }
 
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
@@ -85,6 +91,7 @@ export const ForgedBlockSettings = ({ block, onOptionsChange }: Props) => {
             />
           )}
           <ZodActionDiscriminatedUnion
+            key={block.id + keySuffix}
             schema={blockSchema.shape.options}
             blockDef={blockDef}
             blockOptions={block.options}

apps/builder/src/features/forge/components/zodLayouts/ZodFieldLayout.tsx

@@ -1,6 +1,7 @@
 import { NumberInput, TextInput, Textarea } from '@/components/inputs'
 import { z } from '@typebot.io/forge/zod'
 import { ZodLayoutMetadata } from '@typebot.io/forge/zod'
+import { evaluateIsHidden } from '@typebot.io/forge/zod/helpers/evaluateIsHidden'
 import Markdown, { Components } from 'react-markdown'
 import { ZodTypeAny } from 'zod'
 import { ForgeSelectInput } from '../ForgeSelectInput'
@@ -64,7 +65,7 @@ export const ZodFieldLayout = ({
   const innerSchema = getZodInnerSchema(schema)
   const layout = innerSchema._def.layout
 
-  if (layout?.isHidden) return null
+  if (evaluateIsHidden(layout?.isHidden, blockOptions)) return null
 
   switch (innerSchema._def.typeName) {
     case 'ZodObject':

apps/builder/src/features/forge/components/zodLayouts/ZodObjectLayout.tsx

@@ -19,6 +19,7 @@ import {
   ForgedBlock,
 } from '@typebot.io/forge-repository/types'
 import { getZodInnerSchema } from '../../helpers/getZodInnerSchema'
+import { evaluateIsHidden } from '@typebot.io/forge/zod/helpers/evaluateIsHidden'
 
 export const ZodObjectLayout = ({
   schema,
@@ -37,20 +38,23 @@ export const ZodObjectLayout = ({
   blockOptions?: ForgedBlock['options']
   onDataChange: (value: any) => void
 }): ReactNode[] => {
-  const layout = getZodInnerSchema(schema)._def.layout
-  if (layout?.isHidden) return []
-  return Object.keys(schema.shape).reduce<{
+  const innerSchema = getZodInnerSchema(schema)
+  const shape =
+    'shape' in innerSchema ? innerSchema.shape : innerSchema._def.shape()
+  const layout = innerSchema._def.layout
+  if (evaluateIsHidden(layout?.isHidden, blockOptions)) return []
+  return Object.keys(shape).reduce<{
     nodes: ReactNode[]
     accordionsCreated: string[]
   }>(
     (nodes, key, index) => {
       if (ignoreKeys?.includes(key)) return nodes
-      const keySchema = getZodInnerSchema(schema.shape[key])
+      const keySchema = getZodInnerSchema(shape[key])
       const layout = keySchema._def.layout as
         | ZodLayoutMetadata<ZodTypeAny>
         | undefined
 
-      if (layout?.isHidden) return nodes
+      if (evaluateIsHidden(layout?.isHidden, blockOptions)) return nodes
       if (
         layout &&
         layout.accordion &&
@@ -60,7 +64,7 @@ export const ZodObjectLayout = ({
         if (nodes.accordionsCreated.includes(layout.accordion)) return nodes
         const accordionKeys = getObjectKeysWithSameAccordionAttr(
           layout.accordion,
-          schema
+          shape
         )
         return {
           nodes: [
@@ -77,7 +81,7 @@ export const ZodObjectLayout = ({
                   {accordionKeys.map((accordionKey, idx) => (
                     <ZodFieldLayout
                       key={accordionKey + idx}
-                      schema={schema.shape[accordionKey]}
+                      schema={shape[accordionKey]}
                       data={data?.[accordionKey]}
                       onDataChange={(val) =>
                         onDataChange({ ...data, [accordionKey]: val })
@@ -118,12 +122,9 @@ export const ZodObjectLayout = ({
   ).nodes
 }
 
-const getObjectKeysWithSameAccordionAttr = (
-  accordion: string,
-  schema: z.ZodObject<any>
-) =>
-  Object.keys(schema.shape).reduce<string[]>((keys, currentKey) => {
-    const l = schema.shape[currentKey]._def.layout as
+const getObjectKeysWithSameAccordionAttr = (accordion: string, shape: any) =>
+  Object.keys(shape).reduce<string[]>((keys, currentKey) => {
+    const l = shape[currentKey]._def.layout as
       | ZodLayoutMetadata<ZodTypeAny>
       | undefined
     return !l?.accordion || l.accordion !== accordion