npm - @fugood/bricks-project - Versions diffs - 2.21.0-beta.14.test0 - Mend

@fugood/bricks-project 2.21.0-beta.14.test0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (18) hide show

package/types/bricks.ts ADDED Viewed

@@ -0,0 +1,3052 @@
+import { SwitchCondInnerStateCurrentCanvas, SwitchCondData, SwitchDef } from './switch'
+import { Data, DataLink } from './data'
+import { Animation, AnimationBasicEvents } from './animation'
+import { Brick, EventAction, ActionWithDataParams, ActionWithParams, Action } from './common'
+interface BrickBasicProperty {
+  /* The brick opacity (0 ~ 1) */
+  opacity?: number | DataLink
+  /* The brick background color */
+  backgroundColor?: string | DataLink
+  /* The brick border style */
+  borderStyle?: 'solid' | 'dotted' | 'dashed' | DataLink
+  /* The brick border width (top) */
+  borderTopSize?: number | DataLink
+  /* The brick border color (top) */
+  borderTopColor?: string | DataLink
+  /* The brick border radius (top left) */
+  borderTopLeftRadius?: number | DataLink
+  /* The brick border radius (top right) */
+  borderTopRightRadius?: number | DataLink
+  /* The brick border width (bottom) */
+  borderBottomSize?: number | DataLink
+  /* The brick border color (bottom) */
+  borderBottomColor?: string | DataLink
+  /* The brick border radius (bottom left) */
+  borderBottomLeftRadius?: number | DataLink
+  /* The brick border radius (bottom right) */
+  borderBottomRightRadius?: number | DataLink
+  /* The brick border width (left) */
+  borderLeftSize?: number | DataLink
+  /* The brick border color (bottom) */
+  borderLeftColor?: string | DataLink
+  /* The brick border width (right) */
+  borderRightSize?: number | DataLink
+  /* The brick border color (right) */
+  borderRightColor?: string | DataLink
+  /* The brick rotate (deg) */
+  rotate?: number | DataLink
+  /* The brick rotateX (deg) */
+  rotateX?: number | DataLink
+  /* The brick rotateY (deg) */
+  rotateY?: number | DataLink
+  /* The brick shadow color */
+  shadowColor?: string | DataLink
+  /* The brick shadow opacity (0 ~ 1) */
+  shadowOpacity?: number | DataLink
+  /* The brick shadow radius */
+  shadowRadius?: number | DataLink
+  /* The brick shadow offset width */
+  shadowOffsetWidth?: number | DataLink
+  /* The brick shadow offset height */
+  shadowOffsetHeight?: number | DataLink
+  /* Brick pressable.
+ Disabled: Disabled even if event or animation is set.
+ Bypass: Disable and bypass the touch event on the brick. */
+  pressable?: 'enabled' | 'disabled' | 'bypass' | DataLink
+}
+interface BrickRectDef {
+  /*
+Default property:
+{
+  "linearGradientEnabled": false,
+  "linearGradientColors": [
+    "#000000",
+    "#FFFFFF"
+  ],
+  "linearGradientStart": {
+    "x": 0,
+    "y": 0
+  },
+  "linearGradientEnd": {
+    "x": 1,
+    "y": 1
+  },
+  "linearGradientLocations": [
+    0,
+    1
+  ]
+}
+  */
+  property?: BrickBasicProperty & {
+    /* Enables or disables linear gradient */
+    linearGradientEnabled?: boolean | DataLink
+    /* An array of at least two color values that represent gradient colors */
+    linearGradientColors?: Array<string | DataLink> | DataLink
+    /* An optional object of the following type: { x: number, y: number } */
+    linearGradientStart?:
+      | DataLink
+      | {
+          x?: number | DataLink
+          y?: number | DataLink
+        }
+    /* Same as start, but for the end of the gradient */
+    linearGradientEnd?:
+      | DataLink
+      | {
+          x?: number | DataLink
+          y?: number | DataLink
+        }
+    /* An optional array of numbers defining the location of each gradient color stop */
+    linearGradientLocations?: Array<number | DataLink> | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+  }
+}
+/* Rect brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378573-rect)) */
+export type BrickRect = Brick &
+  BrickRectDef & {
+    templateKey: 'BRICK_RECT'
+    switches: Array<
+      SwitchDef &
+        BrickRectDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickTextDef {
+  /*
+Default property:
+{
+  "text": "",
+  "templateType": "${}",
+  "color": "#000",
+  "fontWeight": "normal",
+  "fontStyle": "normal",
+  "fontPadding": true,
+  "fontSizeVector": 0.5,
+  "lineNumber": 1,
+  "textAlign": "center",
+  "textAlignVertical": "center"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The text content */
+    text?: string | DataLink | number | DataLink | boolean | DataLink | string | DataLink | DataLink
+    /* Data to be used in the text template (e.g. `Hello ${name}`). Supports nested data, such as `Hello ${user.name}`. */
+    templateData?: {} | DataLink
+    /* The text template type */
+    templateType?: '${}' | '{{}}' | DataLink
+    /* The text replacement (Regular Expression), can be multiple. */
+    replace?:
+      | Array<
+          | DataLink
+          | {
+              regex?: string | DataLink
+              replaceWith?: string | DataLink
+            }
+        >
+      | DataLink
+    /* The text color */
+    color?: string | DataLink
+    /* Specifies font weight.  The values 'normal' and are supported for most fonts.  Not all fonts have a variant for each of the numeric values,  in that case the closest one is chosen. */
+    fontWeight?:
+      | 'normal'
+      | 'bold'
+      | '100'
+      | '200'
+      | '300'
+      | '400'
+      | '500'
+      | '600'
+      | '700'
+      | '800'
+      | '900'
+      | DataLink
+    /* The text font style */
+    fontStyle?: 'normal' | 'italic' | DataLink
+    /* The text font family */
+    fontFamily?: string | DataLink
+    /* [Android only] Set to No to remove extra font padding intended to make space for certain ascenders / descenders. */
+    fontPadding?: boolean | DataLink
+    /* The text font size (grid) */
+    fontSize?: number | DataLink
+    /* The text font size vector. If the font size is not specified, the font size will be calculated by the height of the text box. */
+    fontSizeVector?: number | DataLink
+    /* The text letter spacing (grid) */
+    letterSpacing?: number | DataLink
+    /* The line height of text content (grid) */
+    lineHeight?: number | DataLink
+    /* The line number limit of text content */
+    lineNumber?: number | DataLink
+    /* The text align */
+    textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | DataLink
+    /* The text align vertical */
+    textAlignVertical?: 'auto' | 'top' | 'bottom' | 'center' | DataLink
+    /* Enable vertical rendering */
+    verticalRendering?: boolean | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+    /* Event of the text content on change start */
+    beforeValueChange?: Array<EventAction>
+    /* Event of the text content on change end */
+    valueChange?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+    beforeValueChange?: Animation
+    valueChange?: Animation
+  }
+}
+/* Text brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378574-text)) */
+export type BrickText = Brick &
+  BrickTextDef & {
+    templateKey: 'BRICK_TEXT'
+    switches: Array<
+      SwitchDef &
+        BrickTextDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+/* Focus TextInput */
+export type BrickTextInputActionFocus = Action & {
+  __actionName: 'BRICK_TEXT_INPUT_FOCUS'
+}
+/* Blur TextInput */
+export type BrickTextInputActionBlur = Action & {
+  __actionName: 'BRICK_TEXT_INPUT_BLUR'
+}
+/* Clear TextInput */
+export type BrickTextInputActionClear = Action & {
+  __actionName: 'BRICK_TEXT_INPUT_CLEAR'
+}
+/* Reset TextInput to default value */
+export type BrickTextInputActionResetToDefault = Action & {
+  __actionName: 'BRICK_TEXT_INPUT_RESET_TO_DEFAULT'
+}
+/* Focus the input and select text with regex or start/end */
+export type BrickTextInputActionSelectText = ActionWithParams & {
+  __actionName: 'BRICK_TEXT_INPUT_SELECT_TEXT'
+  params?: Array<
+    | {
+        input: 'regex'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'start'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'end'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Set text value of the TextInput */
+export type BrickTextInputActionSetText = ActionWithParams & {
+  __actionName: 'BRICK_TEXT_INPUT_SET_TEXT'
+  params?: Array<{
+    input: 'text'
+    value?: string | DataLink
+    mapping?: boolean
+  }>
+}
+/* Append text value of the TextInput */
+export type BrickTextInputActionAppendText = ActionWithParams & {
+  __actionName: 'BRICK_TEXT_INPUT_APPEND_TEXT'
+  params?: Array<{
+    input: 'text'
+    value?: string | DataLink
+    mapping?: boolean
+  }>
+}
+/* Trigger regex */
+export type BrickTextInputActionTrySubmit = Action & {
+  __actionName: 'BRICK_TEXT_INPUT_TRY_SUBMIT'
+}
+interface BrickTextInputDef {
+  /*
+Default property:
+{
+  "editable": true,
+  "defaultValue": "",
+  "color": "#000",
+  "fontWeight": "normal",
+  "fontStyle": "normal",
+  "fontSizeVector": 0.5,
+  "lineNumber": 1,
+  "textAlign": "center",
+  "textAlignVertical": "center",
+  "keyboardType": "default",
+  "returnKeyType": "done"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* Allow to edit */
+    editable?: boolean | DataLink
+    /* The default value of the text input */
+    defaultValue?: string | DataLink
+    /* The text color */
+    color?: string | DataLink
+    /* Specifies font weight.  The values 'normal' and are supported for most fonts.  Not all fonts have a variant for each of the numeric values,  in that case the closest one is chosen. */
+    fontWeight?:
+      | 'normal'
+      | 'bold'
+      | '100'
+      | '200'
+      | '300'
+      | '400'
+      | '500'
+      | '600'
+      | '700'
+      | '800'
+      | '900'
+      | DataLink
+    /* The text font style */
+    fontStyle?: 'normal' | 'italic' | DataLink
+    /* The text font family */
+    fontFamily?: string | DataLink
+    /* The text font size (grid) */
+    fontSize?: number | DataLink
+    /* The text font size vector. If the font size is not specified, the font size will be calculated by the height of the text box. */
+    fontSizeVector?: number | DataLink
+    /* The text letter spacing (grid) */
+    letterSpacing?: number | DataLink
+    /* The line height of text content (grid) */
+    lineHeight?: number | DataLink
+    /* The line number limit of text content (Use 0 to unlimited) */
+    lineNumber?: number | DataLink
+    /* The text align */
+    textAlign?: 'auto' | 'left' | 'right' | 'center' | 'justify' | DataLink
+    /* The text align vertical */
+    textAlignVertical?: 'auto' | 'top' | 'bottom' | 'center' | DataLink
+    /* The placeholder text */
+    placeholder?: string | DataLink
+    /* Color of the placeholder text */
+    placeholderTextColor?: string | DataLink
+    /* Limits the maximum number of characters that can be entered */
+    maxLength?: number | DataLink
+    /* The virtual keyboard type */
+    keyboardType?:
+      | 'default'
+      | 'number-pad'
+      | 'decimal-pad'
+      | 'numeric'
+      | 'email-address'
+      | 'phone-pad'
+      | DataLink
+    /* The virtual keyboard return key type  The line number should be 1. */
+    returnKeyType?: 'done' | 'go' | 'next' | 'search' | 'send' | DataLink
+    /* Trigger event on input change after debounce time */
+    debounce?: number | DataLink
+    /* Regular Expression to match */
+    regex?: string | DataLink
+    /* The regex matching complete mode */
+    completeMode?: 'allMatch' | 'oneMatch' | DataLink
+    /* Auto submit when regex match */
+    autoSubmitWhenMatch?: boolean | DataLink
+    /* Blur TextInput on submit */
+    blurOnSubmit?: boolean | DataLink
+  }
+  events?: {
+    /* Event of the TextInput is focused */
+    onFocus?: Array<EventAction>
+    /* Event of the input field is blurred */
+    onBlur?: Array<EventAction>
+    /* Event of the TextInput is empty */
+    onEmpty?: Array<EventAction>
+    /* Event of the TextInput value change */
+    onChange?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          text: {
+            type: 'string'
+            path: string
+          }
+          type: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the TextInput submit */
+    onSubmit?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          text: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the TextInput match regex (check every value change) */
+    onMatch?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          text: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the TextInput not match regex (check every value change) */
+    onNotMatch?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          text: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the TextInput not match regex (check every submit) */
+    onResultNotMatch?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          text: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the TextInput reach max length or match regex */
+    onFullFill?: Array<EventAction>
+  }
+  outlets?: {
+    /* The raw input */
+    rawInput?: () => Data
+    /* The regex result */
+    resultVariable?: () => Data
+    /* Last key in */
+    lastKey?: () => Data
+    /* Selection of the TextInput (start, end, text) */
+    selection?: () => Data
+    /* Selection text of the TextInput */
+    selectionText?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onFocus?: Animation
+    onBlur?: Animation
+    onEmpty?: Animation
+    onChange?: Animation
+    onSubmit?: Animation
+    onMatch?: Animation
+    onNotMatch?: Animation
+    onResultNotMatch?: Animation
+    onFullFill?: Animation
+  }
+}
+/* Text Input brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378575-text-input)) */
+export type BrickTextInput = Brick &
+  BrickTextInputDef & {
+    templateKey: 'BRICK_TEXT_INPUT'
+    switches: Array<
+      SwitchDef &
+        BrickTextInputDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'rawInput' | 'resultVariable' | 'lastKey' | 'selection' | 'selectionText'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickRichTextDef {
+  /*
+Default property:
+{
+  "content": "",
+  "renderImage": false,
+  "color": "#000",
+  "fontWeight": "normal",
+  "fontStyle": "normal",
+  "fontSizes": {
+    "base": 3,
+    "h1": 6.857142857142857,
+    "h2": 5.714285714285714,
+    "h3": 4.011428571428572,
+    "h4": 3.428571428571429,
+    "h5": 2.845714285714286,
+    "h6": 2.285714285714286
+  }
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The text content */
+    content?: string | DataLink
+    /* Render Image */
+    renderImage?: boolean | DataLink
+    /* The text color */
+    color?: string | DataLink
+    /* Specifies font weight.  The values 'normal' and are supported for most fonts.  Not all fonts have a variant for each of the numeric values,  in that case the closest one is chosen. */
+    fontWeight?:
+      | 'normal'
+      | 'bold'
+      | '100'
+      | '200'
+      | '300'
+      | '400'
+      | '500'
+      | '600'
+      | '700'
+      | '800'
+      | '900'
+      | DataLink
+    /* The text font style */
+    fontStyle?: 'normal' | 'italic' | DataLink
+    /* The text font family */
+    fontFamily?: string | DataLink
+    /* The text font size definition (base and headers) */
+    fontSizes?:
+      | DataLink
+      | {
+          base?: number | DataLink // BRICKS Grid unit
+          h1?: number | DataLink // BRICKS Grid unit
+          h2?: number | DataLink // BRICKS Grid unit
+          h3?: number | DataLink // BRICKS Grid unit
+          h4?: number | DataLink // BRICKS Grid unit
+          h5?: number | DataLink // BRICKS Grid unit
+          h6?: number | DataLink // BRICKS Grid unit
+        }
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+  }
+}
+/* RichText brick */
+export type BrickRichText = Brick &
+  BrickRichTextDef & {
+    templateKey: 'BRICK_RICH_TEXT'
+    switches: Array<
+      SwitchDef &
+        BrickRichTextDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickImageDef {
+  /*
+Default property:
+{
+  "path": "",
+  "fadeDuration": 0,
+  "blurBackgroundRadius": 8,
+  "loadSystemIos": "auto",
+  "loadSystemAndroid": "auto"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The image resize mode */
+    resizeMode?: 'contain' | 'cover' | 'stretch' | 'center' | 'repeat' | DataLink
+    /* The image file path (File, URL) */
+    path?: string | DataLink
+    /* The checksum of file */
+    md5?: string | DataLink
+    /* The image fade duration */
+    fadeDuration?: number | DataLink
+    /* The image avatar mode */
+    avatar?: boolean | DataLink
+    /* The image fixed width with `avatar` */
+    width?: number | DataLink
+    /* Add blurred image at background if photo is not full */
+    enableBlurBackground?: boolean | DataLink
+    /* The blur radius of the blur filter added to the image background */
+    blurBackgroundRadius?: number | DataLink
+    /* [iOS] The use priority of image loading system (Auto: sdwebimage, fallback to default if failed) */
+    loadSystemIos?: 'auto' | 'sdwebimage' | 'default' | DataLink
+    /* [Android] The use priority of image loading system (Auto: glide, fallback to fresco if failed) */
+    loadSystemAndroid?: 'auto' | 'glide' | 'fresco' | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+    /* Event of the image on load */
+    onLoad?: Array<EventAction>
+    /* Event of the image on error */
+    onError?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          errorMessage: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+    onLoad?: Animation
+    onError?: Animation
+  }
+}
+/* Image brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378576-image)) */
+export type BrickImage = Brick &
+  BrickImageDef & {
+    templateKey: 'BRICK_IMAGE'
+    switches: Array<
+      SwitchDef &
+        BrickImageDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickSvgDef {
+  /*
+Default property:
+{
+  "source": "",
+  "uri": ""
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The SVG XML content */
+    source?: string | DataLink
+    /* The svg source location (URL or LocalPath) */
+    uri?: string | DataLink
+    /* The checksum of file */
+    md5?: string | DataLink
+    /* The rules of replacing origin colour */
+    colorMapping?:
+      | Array<
+          | DataLink
+          | {
+              findItem?: string | DataLink
+              replaceItem?: string | DataLink
+            }
+        >
+      | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+  }
+}
+/* SVG is an XML-based vector image format for 2D graphics */
+export type BrickSvg = Brick &
+  BrickSvgDef & {
+    templateKey: 'BRICK_SVG'
+    switches: Array<
+      SwitchDef &
+        BrickSvgDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickIconDef {
+  /*
+Default property:
+{}
+  */
+  property?: BrickBasicProperty & {
+    /* Select icon */
+    icon?:
+      | DataLink
+      | {
+          type?:
+            | 'solid'
+            | 'regular'
+            | 'light'
+            | 'duotone'
+            | 'thin'
+            | 'brands'
+            | 'sharpSolid'
+            | 'sharpLight'
+            | 'sharpRegular'
+            | DataLink
+          name?: string | DataLink
+        }
+    /* Icon main color */
+    color?: string | DataLink
+    /* Icon secondary color (For Duotone type) */
+    secondaryColor?: string | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+  }
+}
+/* Icon brick */
+export type BrickIcon = Brick &
+  BrickIconDef & {
+    templateKey: 'BRICK_ICON'
+    switches: Array<
+      SwitchDef &
+        BrickIconDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickVideoDef {
+  /*
+Default property:
+{
+  "paused": false,
+  "volume": 100,
+  "muted": false,
+  "progressUpdateInterval": 1000,
+  "replayTimeout": 500,
+  "renderMode": "auto"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The video path list or single path (File, URL) */
+    path?:
+      | string
+      | DataLink
+      | DataLink
+      | {
+          url?: string | DataLink
+        }
+      | Array<
+          | DataLink
+          | {
+              url?: string | DataLink
+            }
+          | string
+          | DataLink
+          | DataLink
+        >
+      | DataLink
+      | DataLink
+    /* The checksum of file */
+    md5?: string | DataLink
+    /* Controls whether the video is paused */
+    paused?: boolean | DataLink
+    /* Volume */
+    volume?: number | DataLink
+    /* Muted */
+    muted?: boolean | DataLink
+    /* Video resize mode */
+    resizeMode?: 'contain' | 'cover' | 'stretch' | DataLink
+    /* Repeat the video path list */
+    repeat?: boolean | DataLink
+    /* Progress Update Interval */
+    progressUpdateInterval?: number | DataLink
+    /* Replay on playing error */
+    replayOnError?: boolean | DataLink
+    /* Timeout to replay if repeat or replayOnError is true and video is end or error */
+    replayTimeout?: number | DataLink
+    /* Use what view type for render video (Auto / Texture or Surface).  Notice: Although using surface has better performance, it also affects the Animation & Standby Transition used by itself */
+    renderMode?: 'auto' | 'texture' | 'surface' | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+    /* Event of the next video on change start */
+    nextVideo?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          nextIndex: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event on plays of path are totally end */
+    roundEnd?: Array<EventAction>
+    /* Event on video load */
+    onLoad?: Array<EventAction>
+    /* Event of the video playing error */
+    onError?: Array<EventAction>
+    /* Event of the video progress interval */
+    onProgress?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          currentTime: {
+            type: 'number'
+            path: string
+          }
+          playableDuration: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+    nextVideo?: Animation
+    roundEnd?: Animation
+    onLoad?: Animation
+    onError?: Animation
+    onProgress?: Animation
+  }
+}
+/* Video brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378577-video)) */
+export type BrickVideo = Brick &
+  BrickVideoDef & {
+    templateKey: 'BRICK_VIDEO'
+    switches: Array<
+      SwitchDef &
+        BrickVideoDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickVideoStreamingDef {
+  /*
+Default property:
+{
+  "networkCaching": 300,
+  "paused": false,
+  "volume": 100,
+  "muted": false,
+  "replayTimeout": 500
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The video path list or single path (File, URL) */
+    uri?: string | DataLink
+    /* Set cache time from streaming (You can adjust according to network conditions), it will delay the playing. */
+    networkCaching?: number | DataLink
+    /* Controls whether the video is paused */
+    paused?: boolean | DataLink
+    /* Volume */
+    volume?: number | DataLink
+    /* Muted */
+    muted?: boolean | DataLink
+    /* Video Auto Aspect Ratio */
+    autoAspectRatio?: boolean | DataLink
+    /* Video Aspect Ratio */
+    aspectRatio?: string | DataLink
+    /* Repeat the video path list */
+    repeat?: boolean | DataLink
+    /* Replay on playing error */
+    replayOnError?: boolean | DataLink
+    /* Timeout to replay if repeat or replayOnError is true and video is end or error */
+    replayTimeout?: number | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+    /* Event on plays of path are end */
+    onEnd?: Array<EventAction>
+    /* Event on plays of path are end */
+    onLoad?: Array<EventAction>
+    /* Event of the video playing error */
+    onError?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+    onEnd?: Animation
+    onLoad?: Animation
+    onError?: Animation
+  }
+}
+/* Brick video streaming component, supports RTSP / RTMP streaming. */
+export type BrickVideoStreaming = Brick &
+  BrickVideoStreamingDef & {
+    templateKey: 'BRICK_VIDEO_STREAMING'
+    switches: Array<
+      SwitchDef &
+        BrickVideoStreamingDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickQrcodeDef {
+  /*
+Default property:
+{
+  "value": "",
+  "positiveColor": "#1e252a",
+  "negativeColor": "transparent",
+  "padding": 0,
+  "linearGradientEnabled": false,
+  "linearGradientStart": "black",
+  "linearGradientEnd": "black",
+  "linearGradientDirection": [
+    "0%",
+    "0%",
+    "100%",
+    "100%"
+  ],
+  "logoSize": 20,
+  "logoBackgroundColor": "transparent"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The QRCode content */
+    value?: string | DataLink
+    /* The foreground color of QRCode */
+    positiveColor?: string | DataLink
+    /* The background color of QRCode */
+    negativeColor?: string | DataLink
+    /* Quiet zone around the qr */
+    padding?: number | DataLink
+    /* Enables or disables linear gradient */
+    linearGradientEnabled?: boolean | DataLink
+    /* Linear gradient start color */
+    linearGradientStart?: string | DataLink
+    /* Linear gradient end color */
+    linearGradientEnd?: string | DataLink
+    /* Linear gradient direction ('0%', '0%', '100%', '100%') */
+    linearGradientDirection?: Array<string | DataLink> | DataLink
+    /* Logo image source */
+    logoPath?: string | DataLink
+    /* The checksum of logo file */
+    md5?: string | DataLink
+    /* Logo image size (% of QRCode) */
+    logoSize?: number | DataLink
+    /* The logo gets a filled quadratic background with this color. */
+    logoBackgroundColor?: string | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+  }
+}
+/* QRCode brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378579-qr-code)) */
+export type BrickQrcode = Brick &
+  BrickQrcodeDef & {
+    templateKey: 'BRICK_QRCODE'
+    switches: Array<
+      SwitchDef &
+        BrickQrcodeDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+/* Jump to a specific index in the slideshow */
+export type BrickSlideshowActionJumpToIndex = ActionWithParams & {
+  __actionName: 'BRICK_SLIDESHOW_JUMP_TO_INDEX'
+  params?: Array<
+    | {
+        input: 'index'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'reset'
+        value?: boolean | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'shuffle'
+        value?: boolean | DataLink
+        mapping?: boolean
+      }
+  >
+}
+interface BrickSlideshowDef {
+  /*
+Default property:
+{
+  "countdown": 2000,
+  "loop": true,
+  "shuffle": false,
+  "videoVolume": 100,
+  "emptyViewText": "no available image item to show",
+  "emptyViewTextSize": 44,
+  "emptyViewTextColor": "#fff",
+  "blurBackgroundRadius": 8
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The time interval of show for each photo */
+    countdown?: number | DataLink
+    /* The slideshow media path list (File, URL) */
+    paths?:
+      | Array<
+          | DataLink
+          | {
+              url?: string | DataLink
+              mediaType?: 'video' | 'video-streaming' | 'photo' | DataLink
+              photoResizeMode?: 'contain' | 'cover' | 'stretch' | 'center' | 'repeat' | DataLink
+              photoLoadSystemIos?: 'auto' | 'sdwebimage' | 'default' | DataLink
+              photoLoadSystemAndroid?: 'auto' | 'glide' | 'fresco' | DataLink
+              videoResizeMode?: 'contain' | 'cover' | 'stretch' | DataLink
+              videoAutoAspectRatio?: boolean | DataLink
+              videoAspectRatio?: string | DataLink
+              videoVolume?: number | DataLink
+              videoMuted?: boolean | DataLink
+              videoRenderMode?: 'auto' | 'texture' | 'surface' | DataLink
+            }
+        >
+      | DataLink
+    /* Loop the slideshow */
+    loop?: boolean | DataLink
+    /* Shuffle the slideshow */
+    shuffle?: boolean | DataLink
+    /* Slideshow Photo resize mode */
+    photoResizeMode?: 'contain' | 'cover' | 'stretch' | 'center' | 'repeat' | DataLink
+    /* [iOS] The use priority of image loading system (Auto: sdwebimage, fallback to default if failed) */
+    photoLoadSystemIos?: 'auto' | 'sdwebimage' | 'default' | DataLink
+    /* [Android] The use priority of image loading system (Auto: glide, fallback to fresco if failed) */
+    photoLoadSystemAndroid?: 'auto' | 'glide' | 'fresco' | DataLink
+    /* Slideshow Video resize mode */
+    videoResizeMode?: 'contain' | 'cover' | 'stretch' | DataLink
+    /* Video Auto Aspect Ratio for use Video Streaming */
+    videoAutoAspectRatio?: boolean | DataLink
+    /* Video Aspect Ratio for use Video Streaming */
+    videoAspectRatio?: string | DataLink
+    /* Video Volume */
+    videoVolume?: number | DataLink
+    /* Video Muted */
+    videoMuted?: boolean | DataLink
+    /* [Android only] Use what view type for render video (Auto / Texture or Surface).  Notice: Although using surface has better performance, it also affects the Animation & Standby Transition used by itself */
+    videoRenderMode?: 'auto' | 'texture' | 'surface' | DataLink
+    /* The photo fade duration */
+    fadeDuration?: number | DataLink
+    /* Show text content if path list is empty */
+    emptyViewText?: string | DataLink
+    /* The font size of shown text content if path list is empty */
+    emptyViewTextSize?: number | DataLink
+    /* The color of shown text content if path list is empty */
+    emptyViewTextColor?: string | DataLink
+    /* Show emptyViewText when timeout and paths is empty */
+    emptyViewTimeout?: number | DataLink
+    /* The blur radius of the blur filter added to the image */
+    blurRadius?: number | DataLink
+    /* Add blurred image at background if photo is not full */
+    enableBlurBackground?: boolean | DataLink
+    /* The blur radius of the blur filter added to the image background */
+    blurBackgroundRadius?: number | DataLink
+  }
+  events?: {
+    /* Event of the next slideshow on change start */
+    changeStart?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          payloadValue: {
+            type: 'number'
+            path: string
+          }
+          originalIndex: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the next slideshow on change end */
+    changeEnd?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          payloadValue: {
+            type: 'number'
+            path: string
+          }
+          originalIndex: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event on paths change */
+    contentChange?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          payloadValue: {
+            type: 'number'
+            path: string
+          }
+          originalIndex: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event on plays of paths are end */
+    roundEnd?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          payloadValue: {
+            type: 'number'
+            path: string
+          }
+          originalIndex: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the slideshow on load */
+    mediaOnLoad?: Array<EventAction>
+  }
+  animation?: AnimationBasicEvents & {
+    changeStart?: Animation
+    changeEnd?: Animation
+    contentChange?: Animation
+    roundEnd?: Animation
+    mediaOnLoad?: Animation
+  }
+}
+/* Slideshow brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378580-slideshow)) */
+export type BrickSlideshow = Brick &
+  BrickSlideshowDef & {
+    templateKey: 'BRICK_SLIDESHOW'
+    switches: Array<
+      SwitchDef &
+        BrickSlideshowDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: ''
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+/* Data highlight */
+export type BrickChartActionDataHighlight = ActionWithParams & {
+  __actionName: 'BRICK_CHART_DATA_HIGHLIGHT'
+  params?: Array<
+    | {
+        input: 'seriesName'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'name'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Data downplay */
+export type BrickChartActionDataDownplay = ActionWithParams & {
+  __actionName: 'BRICK_CHART_DATA_DOWNPLAY'
+  params?: Array<
+    | {
+        input: 'seriesName'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'name'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Data select */
+export type BrickChartActionDataSelect = ActionWithParams & {
+  __actionName: 'BRICK_CHART_DATA_SELECT'
+  params?: Array<
+    | {
+        input: 'seriesName'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'name'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Data unselect */
+export type BrickChartActionDataUnselect = ActionWithParams & {
+  __actionName: 'BRICK_CHART_DATA_UNSELECT'
+  params?: Array<
+    | {
+        input: 'seriesName'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'name'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Data toggle select */
+export type BrickChartActionDataToggleSelect = ActionWithParams & {
+  __actionName: 'BRICK_CHART_DATA_TOGGLE_SELECT'
+  params?: Array<
+    | {
+        input: 'seriesName'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'seriesIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'name'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Legend select */
+export type BrickChartActionLegendSelect = ActionWithParams & {
+  __actionName: 'BRICK_CHART_LEGEND_SELECT'
+  params?: Array<{
+    input: 'name'
+    value?: string | DataLink
+    mapping?: boolean
+  }>
+}
+/* Legend unselect */
+export type BrickChartActionLegendUnselect = ActionWithParams & {
+  __actionName: 'BRICK_CHART_LEGEND_UNSELECT'
+  params?: Array<{
+    input: 'name'
+    value?: string | DataLink
+    mapping?: boolean
+  }>
+}
+/* Legend toggle select */
+export type BrickChartActionLegendToggleSelect = Action & {
+  __actionName: 'BRICK_CHART_LEGEND_TOGGLE_SELECT'
+}
+/* Legend all select */
+export type BrickChartActionLegendAllSelect = Action & {
+  __actionName: 'BRICK_CHART_LEGEND_ALL_SELECT'
+}
+/* Legend inverse select */
+export type BrickChartActionLegendInverseSelect = Action & {
+  __actionName: 'BRICK_CHART_LEGEND_INVERSE_SELECT'
+}
+/* Tooltip show */
+export type BrickChartActionTooltipShow = ActionWithParams & {
+  __actionName: 'BRICK_CHART_TOOLTIP_SHOW'
+  params?: Array<
+    | {
+        input: 'seriesIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'name'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Tooltip hide */
+export type BrickChartActionTooltipHide = ActionWithParams & {
+  __actionName: 'BRICK_CHART_TOOLTIP_HIDE'
+  params?: Array<
+    | {
+        input: 'seriesIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'name'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+  >
+}
+interface BrickChartDef {
+  /*
+Default property:
+{
+  "legendShow": true,
+  "xAxisShow": true,
+  "xAxisType": "category",
+  "yAxisShow": true,
+  "yAxisType": "value",
+  "tooltipShow": true,
+  "tooltipTrigger": "item"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* Theme. You can use https://echarts.apache.org/en/theme-builder.html to generate theme */
+    themeEntry?: {} | DataLink
+    /* Theme of URL (.json) */
+    themeUrl?: string | DataLink
+    /* Theme of MD5 */
+    themeMd5?: string | DataLink
+    /* Title text */
+    titleText?: string | DataLink
+    /* Subtitle text */
+    titleSubtext?: string | DataLink
+    /* Full configuration of title, see https://echarts.apache.org/en/option.html#title */
+    titleOptions?: {} | DataLink
+    /* Show legend */
+    legendShow?: boolean | DataLink
+    /* Legend data */
+    legendData?: Array<string | DataLink> | DataLink
+    /* Full configuration of legend, see https://echarts.apache.org/en/option.html#legend */
+    legendOptions?: {} | DataLink
+    /* Show grid */
+    gridShow?: boolean | DataLink
+    /* Full configuration of grid, see https://echarts.apache.org/en/option.html#grid */
+    gridOptions?: {} | DataLink
+    /* Dataset (see https://echarts.apache.org/en/option.html#dataset) */
+    dataset?: Array<any> | DataLink
+    /* Show x axis */
+    xAxisShow?: boolean | DataLink
+    /* Type of x axis */
+    xAxisType?: 'category' | 'value' | 'time' | 'log' | DataLink
+    /* Name of x axis */
+    xAxisName?: string | DataLink
+    /* Data of x axis */
+    xAxisData?: Array<string | DataLink> | DataLink
+    /* Full configuration of x axis, see https://echarts.apache.org/en/option.html#xAxis */
+    xAxisOptions?: {} | DataLink
+    /* Show y axis */
+    yAxisShow?: boolean | DataLink
+    /* Type of x axis */
+    yAxisType?: 'value' | 'category' | 'time' | 'log' | DataLink
+    /* Name of x axis */
+    yAxisName?: string | DataLink
+    /* Data of y axis */
+    yAxisData?: Array<string | DataLink> | DataLink
+    /* Full configuration of y axis, see https://echarts.apache.org/en/option.html#yAxis */
+    yAxisOptions?: {} | DataLink
+    /* Show axis pointer */
+    axisPointerShow?: boolean | DataLink
+    /* Full configuration of axis pointer, see https://echarts.apache.org/en/option.html#axisPointer */
+    axisPointerOptions?: {} | DataLink
+    /* data series (see https://echarts.apache.org/en/option.html#series-line) */
+    series?: Array<any> | DataLink
+    /* Show tooltip */
+    tooltipShow?: boolean | DataLink
+    /* Trigger type of tooltip */
+    tooltipTrigger?: 'item' | 'axis' | 'none' | DataLink
+    /* data series (see https://echarts.apache.org/en/option.html#tooltip) */
+    tooltipOptions?: {} | DataLink
+    /* Full configuration of options, see https://echarts.apache.org/en/option.html */
+    options?: {} | DataLink
+  }
+  events?: {
+    /* Event of chart render */
+    onRender?: Array<EventAction>
+    /* Event of data point on press */
+    onPress?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          dataType: {
+            type: 'string'
+            path: string
+          }
+          dataIndex: {
+            type: 'number'
+            path: string
+          }
+          data: {
+            type: 'any'
+            path: string
+          }
+          seriesType: {
+            type: 'string'
+            path: string
+          }
+          seriesName: {
+            type: 'string'
+            path: string
+          }
+          seriesIndex: {
+            type: 'number'
+            path: string
+          }
+          name: {
+            type: 'string'
+            path: string
+          }
+          value: {
+            type: 'any'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of legend select changed */
+    onLegendSelectChanged?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          legendName: {
+            type: 'string'
+            path: string
+          }
+          legendSelected: {
+            type: 'object'
+            path: string
+          }
+        }
+      }
+    >
+  }
+  animation?: AnimationBasicEvents & {
+    onRender?: Animation
+    onPress?: Animation
+    onLegendSelectChanged?: Animation
+  }
+}
+/* Chart brick, based on [Apache ECharts](https://echarts.apache.org/en/index.html). */
+export type BrickChart = Brick &
+  BrickChartDef & {
+    templateKey: 'BRICK_CHART'
+    switches: Array<
+      SwitchDef &
+        BrickChartDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: ''
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+/* prev page */
+export type BrickItemsActionPrevPage = Action & {
+  __actionName: 'BRICK_ITEMS_PREV_PAGE'
+}
+/* next page */
+export type BrickItemsActionNextPage = Action & {
+  __actionName: 'BRICK_ITEMS_NEXT_PAGE'
+}
+/* jump page */
+export type BrickItemsActionJumpPage = ActionWithParams & {
+  __actionName: 'BRICK_ITEMS_JUMP_PAGE'
+  params?: Array<{
+    input: 'pageIndex'
+    value?: number | DataLink
+    mapping?: boolean
+  }>
+}
+/* open detail */
+export type BrickItemsActionOpenDetail = ActionWithParams & {
+  __actionName: 'BRICK_ITEMS_OPEN_DETAIL'
+  params?: Array<{
+    input: 'detailIndex'
+    value?: number | DataLink
+    mapping?: boolean
+  }>
+}
+/* back list */
+export type BrickItemsActionBackList = Action & {
+  __actionName: 'BRICK_ITEMS_BACK_LIST'
+}
+/* Trigger dynamic animation of item by data id or index */
+export type BrickItemsActionDynamicAnimation = ActionWithParams & {
+  __actionName: 'BRICK_ITEMS_DYNAMIC_ANIMATION'
+  params?: Array<
+    | {
+        input: 'mode'
+        value?: 'list' | 'detail' | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'brickId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'index'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'animationId'
+        value?: string | DataLink | (() => Animation)
+        mapping?: boolean
+      }
+    | {
+        input: 'animationType'
+        value?: 'once' | 'loop' | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'animationResetInitialValue'
+        value?: boolean | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Reset dynamic action of item by data id or index */
+export type BrickItemsActionDynamicAnimationReset = ActionWithParams & {
+  __actionName: 'BRICK_ITEMS_DYNAMIC_ANIMATION_RESET'
+  params?: Array<
+    | {
+        input: 'mode'
+        value?: 'list' | 'detail' | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'brickId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'index'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Stop dynamic action of item by data id or index */
+export type BrickItemsActionDynamicAnimationStop = ActionWithParams & {
+  __actionName: 'BRICK_ITEMS_DYNAMIC_ANIMATION_STOP'
+  params?: Array<
+    | {
+        input: 'mode'
+        value?: 'list' | 'detail' | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'brickId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'dataId'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'index'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+  >
+}
+interface BrickItemsDef {
+  /*
+Default property:
+{
+  "mode": "list",
+  "items": [],
+  "transformScriptEnabled": false,
+  "transformScriptCode": "\/\* Global variable: inputs = { items, variables } \*\/\nreturn inputs.items",
+  "transformScriptVariables": {},
+  "postTransformScriptEnabled": false,
+  "postTransformScriptCode": "\/\*\n * Global variable: inputs = {\n *   itemsLength, // items data length\n *   collections, // [{ index, item, renderList }] (all items data)\n *   collectionsCurrentPage, // [{ index, item, renderList }] (current page items data)\n *   renderList, // Flattened bricks of current page { frame: { x, y, width, height ... }, ... }\n *   variables\n * }\n \*\/\nreturn inputs.renderList",
+  "postTransformScriptVariables": {},
+  "pageIndex": 0,
+  "selectedItemIndex": 0,
+  "allowPageOutOfBound": true,
+  "standbySequenceInterval": 500,
+  "standbySequenceRandom": 0,
+  "brickEditWidth": 10,
+  "brickEditHeight": 10,
+  "detailBrickEditWidth": 50,
+  "detailBrickEditHeight": 50,
+  "orderMode": "horizontal",
+  "resizeMode": "auto",
+  "justifyContent": "start",
+  "alignContent": "stretch",
+  "detailResizeMode": "auto",
+  "detailJustifyContent": "start",
+  "detailAlignContent": "stretch"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* Set current display to `list` or `detail` mode */
+    mode?: 'list' | 'detail' | DataLink
+    /* Items to generate bricks for rendering */
+    items?: Array<any> | DataLink
+    /* Enable Transform Script */
+    transformScriptEnabled?: boolean | DataLink
+    /* Code of Transform Script */
+    transformScriptCode?: string | DataLink
+    /* Variables used in Transform Script (object) */
+    transformScriptVariables?: {} | DataLink
+    /* Enable Post Transform Script */
+    postTransformScriptEnabled?: boolean | DataLink
+    /* Code of Post Transform Script */
+    postTransformScriptCode?: string | DataLink
+    /* Variables used in Post Transform Script (object) */
+    postTransformScriptVariables?: {} | DataLink
+    /* Path to get item property for generate brick id instead of use index */
+    dataKeyPath?: string | DataLink
+    /* Items per page (Default: Items size) */
+    itemsPerPage?: number | DataLink
+    /* Current page index for `list` mode */
+    pageIndex?: number | DataLink
+    /* Current selected item index for `detail` mode */
+    selectedItemIndex?: number | DataLink
+    /* Allow page out of bound */
+    allowPageOutOfBound?: boolean | DataLink
+    /* Sequentially run Standby Transition for each item */
+    standbySequenceEnabled?: boolean | DataLink
+    /* Delay time (ms) between each item */
+    standbySequenceInterval?: number | DataLink
+    /* Random delay time (ms) increase or decrease between each item (e.g. if 100ms then delay time will be -100ms ~ 100ms) */
+    standbySequenceRandom?: number | DataLink
+    /* Define frame width of Brick List editor */
+    brickEditWidth?: number | DataLink
+    /* Define frame height of Brick List editor */
+    brickEditHeight?: number | DataLink
+    /* Define frame width of Brick List editor for detail mode */
+    detailBrickEditWidth?: number | DataLink
+    /* Define frame height of Brick List editor */
+    detailBrickEditHeight?: number | DataLink
+    /* order of horizontal first or vertical first */
+    orderMode?: 'horizontal' | 'vertical' | DataLink
+    /* Max horizontal item quantity */
+    horizontalMaxQuantity?: number | DataLink
+    /* Max vertical item quantity */
+    verticalMaxQuantity?: number | DataLink
+    /* Resize mode */
+    resizeMode?: 'auto' | 'fix' | DataLink
+    /* Align Content */
+    justifyContent?: 'start' | 'end' | 'center' | 'space-between' | 'space-around' | DataLink
+    /* Align Content */
+    alignContent?:
+      | 'stretch'
+      | 'start'
+      | 'end'
+      | 'center'
+      | 'space-between'
+      | 'space-around'
+      | DataLink
+    /* Resize mode for detail mode */
+    detailResizeMode?: 'auto' | 'fix' | DataLink
+    /* Align Content for detail mode */
+    detailJustifyContent?: 'start' | 'end' | 'center' | DataLink
+    /* Align Content for detail mode */
+    detailAlignContent?: 'stretch' | 'start' | 'end' | 'center' | DataLink
+  }
+  /* Brick Definitions for render bricks for each item of `items` on `list` mode */
+  brickList?:
+    | Array<
+        | DataLink
+        | {
+            title?: string | DataLink
+            description?: string | DataLink
+            brickId?: string | DataLink
+            brickIdPrefix?: string | DataLink
+            templateKey?: string | DataLink
+            property?: {} | DataLink
+            animation?: {} | DataLink
+            eventMap?: {} | DataLink
+            outlet?: {} | DataLink
+            stateGroup?: any
+            propertyMapping?: {} | DataLink
+            frame?:
+              | DataLink
+              | {
+                  x?: number | DataLink
+                  y?: number | DataLink
+                  width?: number | DataLink
+                  height?: number | DataLink
+                }
+            show?: string | DataLink
+            pressToOpenDetail?: boolean | DataLink
+          }
+      >
+    | DataLink
+  /* Brick Definitions for render bricks for each item of `items` on `detail` mode */
+  brickDetails?:
+    | Array<
+        | DataLink
+        | {
+            title?: string | DataLink
+            brickId?: string | DataLink
+            brickIdPrefix?: string | DataLink
+            templateKey?: string | DataLink
+            property?: {} | DataLink
+            animation?: {} | DataLink
+            eventMap?: {} | DataLink
+            outlet?: {} | DataLink
+            stateGroup?: any
+            propertyMapping?: {} | DataLink
+            frame?:
+              | DataLink
+              | {
+                  x?: number | DataLink
+                  y?: number | DataLink
+                  width?: number | DataLink
+                  height?: number | DataLink
+                }
+            show?: string | DataLink
+            pressToBackList?: boolean | DataLink
+          }
+      >
+    | DataLink
+  events?: {
+    /* Event on page render finished */
+    onPageRender?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          pageIndex: {
+            type: 'number'
+            path: string
+          }
+          pageSize: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event on page change. */
+    onPageChange?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          pageIndex: {
+            type: 'number'
+            path: string
+          }
+          pageSize: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event on page index out of bound. */
+    onPageOutOfBound?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          pageIndex: {
+            type: 'number'
+            path: string
+          }
+          pageSize: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event on into `detail` mode */
+    onIntoDetailMode?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          pageIndex: {
+            type: 'number'
+            path: string
+          }
+          selectedItemIndex: {
+            type: 'number'
+            path: string
+          }
+          pageSize: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event on into `list` mode. */
+    onIntoListMode?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          pageIndex: {
+            type: 'number'
+            path: string
+          }
+          pageSize: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event on render error */
+    onError?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          errorMessage: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+  }
+  outlets?: {
+    /* Catched error message */
+    error?: () => Data
+    /* Current render mode */
+    mode?: () => Data
+    /* Current page index */
+    pageIndex?: () => Data
+    /* Current page size */
+    pageSize?: () => Data
+    /* Selected item index of detail mode */
+    selectedItemIndex?: () => Data
+    /* Page is out of bound */
+    pageIsOutOfBound?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPageRender?: Animation
+    onPageChange?: Animation
+    onPageOutOfBound?: Animation
+    onIntoDetailMode?: Animation
+    onIntoListMode?: Animation
+    onError?: Animation
+  }
+}
+/* Brick items component */
+export type BrickItems = Brick &
+  BrickItemsDef & {
+    templateKey: 'BRICK_ITEMS'
+    switches: Array<
+      SwitchDef &
+        BrickItemsDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet:
+                    | 'error'
+                    | 'mode'
+                    | 'pageIndex'
+                    | 'pageSize'
+                    | 'selectedItemIndex'
+                    | 'pageIsOutOfBound'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickLottieDef {
+  /*
+Default property:
+{
+  "loop": true,
+  "autoPlay": true,
+  "resizeMode": "contain",
+  "renderMode": "auto"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The animation json config content from uri */
+    uri?: string | DataLink
+    /* The checksum of `uri` */
+    md5?: string | DataLink
+    /* The animation json config content（The `uri` will be ignored if `source` is defined) */
+    source?: {} | DataLink
+    /* The speed the animation will progress.  This only affects the imperative API.  Sending a negative value will reverse the animation. */
+    speed?: number | DataLink
+    /* A boolean flag indicating whether  or not the animation should loop. */
+    loop?: boolean | DataLink
+    /* A boolean flag indicating whether or not the animation  should start automatically when mounted.  This only affects the imperative API. */
+    autoPlay?: boolean | DataLink
+    /* The animation resize mode */
+    resizeMode?: 'cover' | 'contain' | 'center' | DataLink
+    /* A flag to set whether or not to render with hardware or software acceleration (Not supported for iOS) */
+    renderMode?: 'auto' | 'hardware' | 'software' | DataLink
+    /* Replace color (as hex string) by keypath */
+    colorFilters?:
+      | Array<
+          | DataLink
+          | {
+              keypath?: string | DataLink
+              color?: string | DataLink
+            }
+        >
+      | DataLink
+    /* Replace color (as hex string) by find text.  Use text filters will disable glyphs text render / force software render mode,  This means that a specific font needs to be loaded. */
+    textFilters?:
+      | Array<
+          | DataLink
+          | {
+              find?: string | DataLink
+              replace?: string | DataLink
+            }
+        >
+      | DataLink
+  }
+  events?: {
+    /* Event of the brick press */
+    onPress?: Array<EventAction>
+    /* Event of the brick press in */
+    onPressIn?: Array<EventAction>
+    /* Event of the brick press out */
+    onPressOut?: Array<EventAction>
+    /* Event of the brick focus (Use TV Device with controller) */
+    onFocus?: Array<EventAction>
+    /* Event of the brick blur (Use TV Device with controller) */
+    onBlur?: Array<EventAction>
+    /* Event of the animation finished */
+    onAnimationFinish?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          isCancelled: {
+            type: 'boolean'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the uri on load failed */
+    onAnimationFailure?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          errorMessage: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the animation on loop */
+    onAnimationLoop?: Array<EventAction>
+  }
+  outlets?: {
+    /* Brick is pressing */
+    brickPressing?: () => Data
+    /* Brick is focusing (Use TV Device with controller) */
+    brickFocusing?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    onPress?: Animation
+    onPressIn?: Animation
+    onPressOut?: Animation
+    onFocus?: Animation
+    onBlur?: Animation
+    onAnimationFinish?: Animation
+    onAnimationFailure?: Animation
+    onAnimationLoop?: Animation
+  }
+}
+/* Lottie Adobe After Effects animations brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378583-lottie)) */
+export type BrickLottie = Brick &
+  BrickLottieDef & {
+    templateKey: 'BRICK_LOTTIE'
+    switches: Array<
+      SwitchDef &
+        BrickLottieDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'brickPressing' | 'brickFocusing'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+/* Run Javascript on the WebView */
+export type BrickWebViewActionInjectJavascript = ActionWithParams & {
+  __actionName: 'BRICK_WEBVIEW_INJECT_JAVASCRIPT'
+  params?: Array<{
+    input: 'javascriptCode'
+    value?: string | DataLink
+    mapping?: boolean
+  }>
+}
+/* Do go forward on the WebView */
+export type BrickWebViewActionGoForward = Action & {
+  __actionName: 'BRICK_WEBVIEW_GO_FORWARD'
+}
+/* Do go back on the webview */
+export type BrickWebViewActionGoBack = Action & {
+  __actionName: 'BRICK_WEBVIEW_GO_BACK'
+}
+/* Do reload on the webview */
+export type BrickWebViewActionReload = Action & {
+  __actionName: 'BRICK_WEBVIEW_RELOAD'
+}
+interface BrickWebViewDef {
+  /*
+Default property:
+{
+  "cropLeft": 0,
+  "cropRight": 0,
+  "cropTop": 0,
+  "cropBottom": 0,
+  "allowContentControl": true,
+  "allowFileAccess": true,
+  "domStorageEnabled": true,
+  "cacheEnabled": true,
+  "geolocationEnabled": true,
+  "thirdPartyCookiesEnabled": true,
+  "javaScriptEnabled": true
+}
+  */
+  property?: BrickBasicProperty & {
+    /* The WebView content URL */
+    url?: string | DataLink
+    /* The request headers to load content */
+    headers?: {} | DataLink
+    /* The request UserAgent */
+    userAgent?: string | DataLink
+    /* The webview content HTML (Use `url` first) */
+    html?: string | DataLink
+    /* Crop webview content left position (px) */
+    cropLeft?: number | DataLink
+    /* Crop webview content right position (px) */
+    cropRight?: number | DataLink
+    /* Crop webview content top position (px) */
+    cropTop?: number | DataLink
+    /* Crop webview content bottom position (px) */
+    cropBottom?: number | DataLink
+    /* Allow content control */
+    allowContentControl?: boolean | DataLink
+    /* List of origin strings to allow being navigated to. (Allowed all if not provided) */
+    originAllowList?: Array<string | DataLink> | DataLink
+    /* Allow file:// access */
+    allowFileAccess?: boolean | DataLink
+    /* Enable DOM Storage */
+    domStorageEnabled?: boolean | DataLink
+    /* Enable Cache */
+    cacheEnabled?: boolean | DataLink
+    /* Enable Geolocation */
+    geolocationEnabled?: boolean | DataLink
+    /* Enable Third Party Cooikies */
+    thirdPartyCookiesEnabled?: boolean | DataLink
+    /* Enable JavaScript */
+    javaScriptEnabled?: boolean | DataLink
+    /* Inject JavaScript code */
+    code?: string | DataLink
+    /* Inject JavaScript code before content loaded */
+    beforeContentLoaded?: string | DataLink
+    /* Inject JavaScript code for main frame only (only `YES` supported for Android) */
+    forMainFrameOnly?: boolean | DataLink
+    /* Inject JavaScript code before content loaded for main frame only (only `YES` supported for Android) */
+    beforeContentLoadedForMainFrameOnly?: boolean | DataLink
+  }
+  events?: {
+    /* Event of the WebView on load */
+    onLoad?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          loadedUrl: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event when the WebView load fails */
+    onError?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          error: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the webview on message by `window.ReactNativeWebView.postMessage` on you're injected javascript code */
+    onMessage?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          message: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+  }
+  animation?: AnimationBasicEvents & {
+    onLoad?: Animation
+    onError?: Animation
+    onMessage?: Animation
+  }
+}
+/* WebView brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378588-web-view)) */
+export type BrickWebView = Brick &
+  BrickWebViewDef & {
+    templateKey: 'BRICK_WEBVIEW'
+    switches: Array<
+      SwitchDef &
+        BrickWebViewDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: ''
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+/* Take picture on the Camera */
+export type BrickCameraActionTakePicture = ActionWithParams & {
+  __actionName: 'BRICK_CAMERA_TAKE_PICTURE'
+  params?: Array<
+    | {
+        input: 'width'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'quality'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'base64'
+        value?: boolean | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'mirrorImage'
+        value?: boolean | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Record video on the Camera */
+export type BrickCameraActionRecord = ActionWithParams & {
+  __actionName: 'BRICK_CAMERA_RECORD'
+  params?: Array<
+    | {
+        input: 'quality'
+        value?: '4:3' | '288p' | '480p' | '720p' | '1080p' | '2160p' | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'mirrorVideo'
+        value?: boolean | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'videoBitrate'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'maxDuration'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'maxFileSize'
+        value?: string | DataLink
+        mapping?: boolean
+      }
+  >
+}
+/* Record video on the Camera */
+export type BrickCameraActionStopRecord = Action & {
+  __actionName: 'BRICK_CAMERA_STOP_RECORD'
+}
+interface BrickCameraDef {
+  /*
+Default property:
+{
+  "autoFocusEnabled": false,
+  "focusDepth": 0.5,
+  "type": "back",
+  "flashMode": "off",
+  "captureAudio": false,
+  "whiteBalance": "auto",
+  "faceDetectionEnabled": false,
+  "faceDetectionEventMode": "when-detected"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* Camera auto focus */
+    autoFocusEnabled?: boolean | DataLink
+    /* The auto focus feature of the camera to attempt to focus on the part of the image at this coordinate. */
+    focusDepth?: number | DataLink
+    /* Camera type (Ignore it if you are using external camera) */
+    type?: 'back' | 'front' | DataLink
+    /* Camera zoom */
+    zoom?: number | DataLink
+    /* Camera flash mode */
+    flashMode?: 'off' | 'on' | 'torch' | 'auto' | DataLink
+    /* Camera ratio (Unsupported ratio will be ignored) */
+    ratio?: string | DataLink
+    /* Capture audio when start recording */
+    captureAudio?: boolean | DataLink
+    /* Allows you to control the color temperature in your photos by cooling down or warming up the colors. */
+    whiteBalance?:
+      | 'auto'
+      | 'sunny'
+      | 'cloudy'
+      | 'shadow'
+      | 'incandescent'
+      | 'fluorescent'
+      | DataLink
+    /* Enable face detection */
+    faceDetectionEnabled?: boolean | DataLink
+    /* Face detection event mode */
+    faceDetectionEventMode?: 'when-detected' | 'interval' | DataLink
+    /* Quality of take picture */
+    pictureQuality?: number | DataLink
+    /* Take picture format as base64 */
+    pictureBase64?: boolean | DataLink
+    /* Mirror image of take picture */
+    pictureIsMirrorImage?: boolean | DataLink
+    /* Quality of record video */
+    recordQuality?: '4:3' | '288p' | '480p' | '720p' | '1080p' | '2160p' | DataLink
+    /* Bitrate of record video (bit/s) */
+    recordVideoBitrate?: number | DataLink
+    /* Mirror video of record video */
+    recordMirrorVideo?: boolean | DataLink
+    /* Max duration of record video (s) */
+    recordMaxDuration?: number | DataLink
+    /* Max file size of record video (bytes) */
+    recordMaxFileSize?: number | DataLink
+  }
+  events?: {
+    /* Event of the Camera state change */
+    stateChange?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          status: {
+            type: 'string'
+            path: string
+          }
+          recordAudioPermStatus: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the Camera record start */
+    recordStart?: Array<EventAction>
+    /* Event of the Camera record end */
+    recordEnd?: Array<EventAction>
+    /* Event of the Camera barcode read */
+    barcodeRead?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          barcodeType: {
+            type: 'string'
+            path: string
+          }
+          barcodeData: {
+            type: 'string'
+            path: string
+          }
+          barcodeRawData: {
+            type: 'string'
+            path: string
+          }
+          barcodeX: {
+            type: 'number'
+            path: string
+          }
+          barcodeY: {
+            type: 'number'
+            path: string
+          }
+          barcodeWidth: {
+            type: 'number'
+            path: string
+          }
+          barcodeHeight: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the Camera picture taken */
+    pictureTaken?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          width: {
+            type: 'number'
+            path: string
+          }
+          height: {
+            type: 'number'
+            path: string
+          }
+          uri: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of the Camera record finished */
+    recordFinish?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          uri: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+  }
+  outlets?: {
+    /* Picture taken result */
+    pictureTaken?: () => Data
+    /* Record video result */
+    recordVideo?: () => Data
+    /* Barcode read result */
+    barcodeRead?: () => Data
+    /* Faces detected result */
+    faceDetected?: () => Data
+  }
+  animation?: AnimationBasicEvents & {
+    stateChange?: Animation
+    recordStart?: Animation
+    recordEnd?: Animation
+    barcodeRead?: Animation
+    pictureTaken?: Animation
+    recordFinish?: Animation
+  }
+}
+/* Camera view brick ([Tutorial](https://intercom.help/bricks-dag-inc/articles/5378589-camera)) */
+export type BrickCamera = Brick &
+  BrickCameraDef & {
+    templateKey: 'BRICK_CAMERA'
+    switches: Array<
+      SwitchDef &
+        BrickCameraDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: 'pictureTaken' | 'recordVideo' | 'barcodeRead' | 'faceDetected'
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+interface BrickWebRTCStreamDef {
+  /*
+Default property:
+{
+  "mirror": false,
+  "resizeMode": "contain",
+  "noStreamViewText": "no stream",
+  "noStreamViewTextSize": 44,
+  "noStreamViewTextColor": "#000"
+}
+  */
+  property?: BrickBasicProperty & {
+    /* Mirror video */
+    mirror?: boolean | DataLink
+    /* The stream resize mode */
+    resizeMode?: 'contain' | 'cover' | DataLink
+    /* Show text content if no stream */
+    noStreamViewText?: string | DataLink
+    /* The font size of shown text content if no stream */
+    noStreamViewTextSize?: number | DataLink
+    /* The color of shown text content if no stream */
+    noStreamViewTextColor?: string | DataLink
+  }
+}
+/* WebRTCStream brick */
+export type BrickWebRTCStream = Brick &
+  BrickWebRTCStreamDef & {
+    templateKey: 'BRICK_WEBRTC_STREAM'
+    switches: Array<
+      SwitchDef &
+        BrickWebRTCStreamDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: ''
+                  value: any
+                }
+          }>
+        }
+    >
+  }
+/* Play object animation */
+export type Brick3DViewerActionAnimationPlay = ActionWithParams & {
+  __actionName: 'BRICK_3D_VIEWER_ANIMATION_PLAY'
+  params?: Array<{
+    input: 'objectIndex'
+    value?: number | DataLink
+    mapping?: boolean
+  }>
+}
+/* Pause object animation */
+export type Brick3DViewerActionAnimationPause = ActionWithParams & {
+  __actionName: 'BRICK_3D_VIEWER_ANIMATION_PAUSE'
+  params?: Array<{
+    input: 'objectIndex'
+    value?: number | DataLink
+    mapping?: boolean
+  }>
+}
+/* Goto object animation progress */
+export type Brick3DViewerActionAnimationGoto = ActionWithParams & {
+  __actionName: 'BRICK_3D_VIEWER_ANIMATION_GOTO'
+  params?: Array<
+    | {
+        input: 'objectIndex'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+    | {
+        input: 'animationProgress'
+        value?: number | DataLink
+        mapping?: boolean
+      }
+  >
+}
+interface Brick3DViewerDef {
+  /*
+Default property:
+{
+  "showLoadingBox": true,
+  "enableOrbitControls": true
+}
+  */
+  property?: BrickBasicProperty & {
+    /* 3D model list */
+    objects?:
+      | Array<
+          | DataLink
+          | {
+              url?: string | DataLink
+              md5?: string | DataLink
+              type?: 'USDZ' | 'glTF' | DataLink
+              rotation?: number | DataLink | Array<number | DataLink> | DataLink | DataLink
+              scale?: number | DataLink | Array<number | DataLink> | DataLink | DataLink
+              x?: number | DataLink
+              y?: number | DataLink
+              z?: number | DataLink
+              moveable?: boolean | DataLink
+              rotateable?: boolean | DataLink
+              selectable?: boolean | DataLink
+              enableCollision?: boolean | DataLink
+              animationLoopMode?: 'once' | 'repeat' | 'pingpong' | DataLink
+              animationProgress?: number | DataLink
+              animationPaused?: boolean | DataLink
+              boundingBox?:
+                | DataLink
+                | {
+                    min?:
+                      | DataLink
+                      | {
+                          x?: number | DataLink
+                          y?: number | DataLink
+                          z?: number | DataLink
+                        }
+                    max?:
+                      | DataLink
+                      | {
+                          x?: number | DataLink
+                          y?: number | DataLink
+                          z?: number | DataLink
+                        }
+                  }
+            }
+        >
+      | DataLink
+    /* Show loading placeholder box */
+    showLoadingBox?: boolean | DataLink
+    /* Display shadows */
+    shadows?: boolean | DataLink
+    /* Default camera position */
+    camera?:
+      | DataLink
+      | {
+          fov?: number | DataLink
+          aspect?: number | DataLink
+          near?: number | DataLink
+          far?: number | DataLink
+          position?:
+            | DataLink
+            | {
+                x?: number | DataLink
+                y?: number | DataLink
+                z?: number | DataLink
+              }
+          quaternion?:
+            | DataLink
+            | {
+                x?: number | DataLink
+                y?: number | DataLink
+                z?: number | DataLink
+                w?: number | DataLink
+              }
+        }
+    /* Enable orbit controls */
+    enableOrbitControls?: boolean | DataLink
+    /* Camera control options */
+    orbitControls?:
+      | DataLink
+      | {
+          autoRotate?: boolean | DataLink
+          enableZoom?: boolean | DataLink
+          enablePan?: boolean | DataLink
+          enableRotate?: boolean | DataLink
+          enableDamping?: boolean | DataLink
+          dampingFactor?: number | DataLink
+          rotateSpeed?: number | DataLink
+          zoomSpeed?: number | DataLink
+          panSpeed?: number | DataLink
+          minDistance?: number | DataLink
+          maxDistance?: number | DataLink
+          minPolarAngle?: number | DataLink
+          maxPolarAngle?: number | DataLink
+          minAzimuthAngle?: number | DataLink
+          maxAzimuthAngle?: number | DataLink
+        }
+    /* Move controls options */
+    moveControls?:
+      | DataLink
+      | {
+          responsiveness?: number | DataLink
+          rotationRingColor?: string | DataLink
+          rotationRingSize?: number | DataLink
+          showBoundingBox?: boolean | DataLink
+        }
+  }
+  events?: {
+    /* Event of error occurred */
+    onError?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          errorMessage: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of object changed position or rotation */
+    onChange?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          objectIndex: {
+            type: 'number'
+            path: string
+          }
+          objectPosition: {
+            type: 'object'
+            path: string
+          }
+          objectRotation: {
+            type: 'object'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of object selected */
+    onSelectChange?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          objectIndex: {
+            type: 'number'
+            path: string
+          }
+        }
+      }
+    >
+    /* Event of object collision occurred */
+    onCollision?: Array<
+      EventAction & {
+        eventPropertyMapping?: {
+          objectIndex: {
+            type: 'number'
+            path: string
+          }
+          collisionType: {
+            type: 'string'
+            path: string
+          }
+        }
+      }
+    >
+  }
+  animation?: AnimationBasicEvents & {
+    onError?: Animation
+    onChange?: Animation
+    onSelectChange?: Animation
+    onCollision?: Animation
+  }
+}
+/* 3D viewer brick */
+export type Brick3DViewer = Brick &
+  Brick3DViewerDef & {
+    templateKey: 'BRICK_3D_VIEWER'
+    switches: Array<
+      SwitchDef &
+        Brick3DViewerDef & {
+          conds?: Array<{
+            method: '==' | '!=' | '>' | '<' | '>=' | '<='
+            cond:
+              | SwitchCondInnerStateCurrentCanvas
+              | SwitchCondData
+              | {
+                  __typename: 'SwitchCondInnerStateOutlet'
+                  outlet: ''
+                  value: any
+                }
+          }>
+        }
+    >
+  }