@fugood/bricks-project 2.22.0-beta.26 → 2.22.0-beta.28

package/types/bricks.ts

@@ -1,3269 +0,0 @@
-import type { SwitchCondInnerStateCurrentCanvas, SwitchCondData, SwitchDef } from './switch'
-import type { Data, DataLink } from './data'
-import type { Animation, AnimationBasicEvents } from './animation'
-import type {
-  Brick,
-  EventAction,
-  EventActionForItem,
-  ActionWithDataParams,
-  ActionWithParams,
-  Action,
-  EventProperty,
-} 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 BrickBasicEvents {
-  showStart?: Array<EventAction>
-  switchUpdate?: Array<EventAction>
-  standby?: Array<EventAction>
-}
-
-interface BrickBasicEventsForItem {
-  showStart?: Array<EventActionForItem>
-  switchUpdate?: Array<EventActionForItem>
-  standby?: Array<EventActionForItem>
-}
-
-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?: BrickBasicEvents & {
-    /* 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?: BrickBasicEvents & {
-    /* 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 | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'start'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'end'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Set text value of the TextInput */
-export type BrickTextInputActionSetText = ActionWithParams & {
-  __actionName: 'BRICK_TEXT_INPUT_SET_TEXT'
-  params?: Array<{
-    input: 'text'
-    value?: string | DataLink | EventProperty
-    mapping?: string
-  }>
-}
-
-/* Append text value of the TextInput */
-export type BrickTextInputActionAppendText = ActionWithParams & {
-  __actionName: 'BRICK_TEXT_INPUT_APPEND_TEXT'
-  params?: Array<{
-    input: 'text'
-    value?: string | DataLink | EventProperty
-    mapping?: string
-  }>
-}
-
-/* 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?: BrickBasicEvents & {
-    /* 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>
-    /* Event of the TextInput submit */
-    onSubmit?: Array<EventAction>
-    /* Event of the TextInput match regex (check every value change) */
-    onMatch?: Array<EventAction>
-    /* Event of the TextInput not match regex (check every value change) */
-    onNotMatch?: Array<EventAction>
-    /* Event of the TextInput not match regex (check every submit) */
-    onResultNotMatch?: Array<EventAction>
-    /* 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?: BrickBasicEvents & {
-    /* 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?: BrickBasicEvents & {
-    /* 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>
-  }
-  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": "",
-  "renderMode": "general"
-}
-  */
-  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
-    /* The render mode */
-    renderMode?: 'general' | 'legacy' | DataLink
-  }
-  events?: BrickBasicEvents & {
-    /* 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?: BrickBasicEvents & {
-    /* 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
-                }
-          }>
-        }
-    >
-  }
-
-/* Play the video */
-export type BrickVideoActionPlay = Action & {
-  __actionName: 'BRICK_VIDEO_PLAY'
-}
-
-/* Seek the video */
-export type BrickVideoActionSeek = ActionWithParams & {
-  __actionName: 'BRICK_VIDEO_SEEK'
-  params?: Array<
-    | {
-        input: 'seekTime'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'play'
-        value?: boolean | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Pause the video */
-export type BrickVideoActionPause = Action & {
-  __actionName: 'BRICK_VIDEO_PAUSE'
-}
-
-/* Replay the video */
-export type BrickVideoActionReplay = Action & {
-  __actionName: 'BRICK_VIDEO_REPLAY'
-}
-
-/* Stop the video */
-export type BrickVideoActionStop = Action & {
-  __actionName: 'BRICK_VIDEO_STOP'
-}
-
-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?: BrickBasicEvents & {
-    /* 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>
-    /* 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>
-  }
-  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?: BrickBasicEvents & {
-    /* 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?: BrickBasicEvents & {
-    /* 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 | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'reset'
-        value?: boolean | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'shuffle'
-        value?: boolean | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-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
-    /* Multiple slideshow media path lists to combine (Array of path arrays) */
-    pathsList?: Array<Array<any> | DataLink | 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?: BrickBasicEvents & {
-    /* Event of the next slideshow on change start */
-    changeStart?: Array<EventAction>
-    /* Event of the next slideshow on change end */
-    changeEnd?: Array<EventAction>
-    /* Event on paths change */
-    contentChange?: Array<EventAction>
-    /* Event on plays of paths are end */
-    roundEnd?: Array<EventAction>
-    /* 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 | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'name'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Data downplay */
-export type BrickChartActionDataDownplay = ActionWithParams & {
-  __actionName: 'BRICK_CHART_DATA_DOWNPLAY'
-  params?: Array<
-    | {
-        input: 'seriesName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'name'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Data select */
-export type BrickChartActionDataSelect = ActionWithParams & {
-  __actionName: 'BRICK_CHART_DATA_SELECT'
-  params?: Array<
-    | {
-        input: 'seriesName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'name'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Data unselect */
-export type BrickChartActionDataUnselect = ActionWithParams & {
-  __actionName: 'BRICK_CHART_DATA_UNSELECT'
-  params?: Array<
-    | {
-        input: 'seriesName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'name'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Data toggle select */
-export type BrickChartActionDataToggleSelect = ActionWithParams & {
-  __actionName: 'BRICK_CHART_DATA_TOGGLE_SELECT'
-  params?: Array<
-    | {
-        input: 'seriesName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'seriesIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'name'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Legend select */
-export type BrickChartActionLegendSelect = ActionWithParams & {
-  __actionName: 'BRICK_CHART_LEGEND_SELECT'
-  params?: Array<{
-    input: 'name'
-    value?: string | DataLink | EventProperty
-    mapping?: string
-  }>
-}
-
-/* Legend unselect */
-export type BrickChartActionLegendUnselect = ActionWithParams & {
-  __actionName: 'BRICK_CHART_LEGEND_UNSELECT'
-  params?: Array<{
-    input: 'name'
-    value?: string | DataLink | EventProperty
-    mapping?: string
-  }>
-}
-
-/* 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 | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'name'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Tooltip hide */
-export type BrickChartActionTooltipHide = ActionWithParams & {
-  __actionName: 'BRICK_CHART_TOOLTIP_HIDE'
-  params?: Array<
-    | {
-        input: 'seriesIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'name'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-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?: BrickBasicEvents & {
-    /* Event of chart render */
-    onRender?: Array<EventAction>
-    /* Event of data point on press */
-    onPress?: Array<EventAction>
-    /* Event of legend select changed */
-    onLegendSelectChanged?: Array<EventAction>
-  }
-  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 | EventProperty
-    mapping?: string
-  }>
-}
-
-/* open detail */
-export type BrickItemsActionOpenDetail = ActionWithParams & {
-  __actionName: 'BRICK_ITEMS_OPEN_DETAIL'
-  params?: Array<{
-    input: 'detailIndex'
-    value?: number | DataLink | EventProperty
-    mapping?: string
-  }>
-}
-
-/* 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 | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'brickId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'index'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'animationId'
-        value?: string | DataLink | (() => Animation) | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'animationType'
-        value?: 'once' | 'loop' | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'animationResetInitialValue'
-        value?: boolean | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* 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 | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'brickId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'index'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* 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 | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'brickId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'dataId'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'index'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-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
-    /* Justify 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
-            hidden?: boolean | 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
-                  standbyMode?: 'custom' | 'top' | 'bottom' | 'left' | 'right' | DataLink
-                  standbyFrame?: DataLink | {}
-                  standbyOpacity?: number | DataLink
-                  standbyDelay?: number | DataLink
-                  standbyDelayRandom?: number | DataLink
-                  standbyEasing?:
-                    | DataLink
-                    | {
-                        default?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        x?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        y?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        width?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        height?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        opacity?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                      }
-                  showingDelay?: number | DataLink
-                  renderOutOfViewport?: boolean | 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
-            description?: string | DataLink
-            hidden?: boolean | 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
-                  standbyMode?: 'custom' | 'top' | 'bottom' | 'left' | 'right' | DataLink
-                  standbyFrame?: DataLink | {}
-                  standbyOpacity?: number | DataLink
-                  standbyDelay?: number | DataLink
-                  standbyDelayRandom?: number | DataLink
-                  standbyEasing?:
-                    | DataLink
-                    | {
-                        default?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        x?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        y?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        width?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        height?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                        opacity?:
-                          | DataLink
-                          | {
-                              method?: string | DataLink
-                              duration?: number | DataLink
-                            }
-                      }
-                  showingDelay?: number | DataLink
-                  renderOutOfViewport?: boolean | DataLink
-                }
-            show?: string | DataLink
-            pressToBackList?: boolean | DataLink
-          }
-      >
-    | DataLink
-  events?: BrickBasicEventsForItem & {
-    /* Event on page render finished */
-    onPageRender?: Array<EventActionForItem>
-    /* Event on page change. */
-    onPageChange?: Array<EventActionForItem>
-    /* Event on page index out of bound. */
-    onPageOutOfBound?: Array<EventActionForItem>
-    /* Event on into `detail` mode */
-    onIntoDetailMode?: Array<EventActionForItem>
-    /* Event on into `list` mode. */
-    onIntoListMode?: Array<EventActionForItem>
-    /* Event on render error */
-    onError?: Array<EventActionForItem>
-  }
-  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
-                }
-          }>
-        }
-    >
-  }
-
-/* Play animation */
-export type BrickLottieActionPlay = ActionWithParams & {
-  __actionName: 'BRICK_LOTTIE_PLAY'
-  params?: Array<
-    | {
-        input: 'startFrame'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'endFrame'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Pause animation */
-export type BrickLottieActionPause = Action & {
-  __actionName: 'BRICK_LOTTIE_PAUSE'
-}
-
-/* Resume animation */
-export type BrickLottieActionResume = Action & {
-  __actionName: 'BRICK_LOTTIE_RESUME'
-}
-
-/* Stop animation */
-export type BrickLottieActionStop = Action & {
-  __actionName: 'BRICK_LOTTIE_STOP'
-}
-
-/* Reset animation */
-export type BrickLottieActionReset = Action & {
-  __actionName: 'BRICK_LOTTIE_RESET'
-}
-
-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?: BrickBasicEvents & {
-    /* 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>
-    /* Event of the uri on load failed */
-    onAnimationFailure?: Array<EventAction>
-    /* 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
-                }
-          }>
-        }
-    >
-  }
-
-/* Play animation */
-export type BrickRiveActionPlay = ActionWithParams & {
-  __actionName: 'BRICK_RIVE_PLAY'
-  params?: Array<
-    | {
-        input: 'animationName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'loop'
-        value?: 'auto' | 'oneShot' | 'loop' | 'pingPong' | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'direction'
-        value?: 'auto' | 'backwards' | 'forwards' | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'isStateMachine'
-        value?: boolean | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Pause animation */
-export type BrickRiveActionPause = Action & {
-  __actionName: 'BRICK_RIVE_PAUSE'
-}
-
-/* Stop animation */
-export type BrickRiveActionStop = Action & {
-  __actionName: 'BRICK_RIVE_STOP'
-}
-
-/* Reset animation */
-export type BrickRiveActionReset = Action & {
-  __actionName: 'BRICK_RIVE_RESET'
-}
-
-/* Fire state */
-export type BrickRiveActionFireState = ActionWithParams & {
-  __actionName: 'BRICK_RIVE_FIRE_STATE'
-  params?: Array<
-    | {
-        input: 'stateMachineName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'inputName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Set input state */
-export type BrickRiveActionSetInputState = ActionWithParams & {
-  __actionName: 'BRICK_RIVE_SET_INPUT_STATE'
-  params?: Array<
-    | {
-        input: 'stateMachineName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'inputName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'value'
-        value?: any | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* Set text run value. Text Run name need to defined as unique name in Rive file. (Ref: https://rive.app/community/doc/text/docn2E6y1lXo) */
-export type BrickRiveActionSetTextRunValue = ActionWithParams & {
-  __actionName: 'BRICK_RIVE_SET_TEXT_RUN_VALUE'
-  params?: Array<
-    | {
-        input: 'textRunName'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'value'
-        value?: any | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-interface BrickRiveDef {
-  /*
-Default property:
-{
-  "autoplay": true,
-  "alignment": "center",
-  "fit": "contain"
-}
-  */
-  property?: BrickBasicProperty & {
-    /* Rive file url */
-    url?: string | DataLink
-    /* The checksum of `url` */
-    md5?: string | DataLink
-    /* Autoplay the animation */
-    autoplay?: boolean | DataLink
-    /* Alignment of the animation */
-    alignment?:
-      | 'topLeft'
-      | 'topCenter'
-      | 'topRight'
-      | 'centerLeft'
-      | 'center'
-      | 'centerRight'
-      | 'bottomLeft'
-      | 'bottomCenter'
-      | 'bottomRight'
-      | DataLink
-    /* Fit mode of the animation */
-    fit?:
-      | 'cover'
-      | 'contain'
-      | 'fill'
-      | 'fitWidth'
-      | 'fitHeight'
-      | 'none'
-      | 'scaleDown'
-      | 'layout'
-      | DataLink
-    /* Artboard name */
-    artboardName?: string | DataLink
-    /* Animation name */
-    animationName?: string | DataLink
-    /* State machine name */
-    stateMachineName?: string | DataLink
-  }
-  events?: BrickBasicEvents & {
-    /* Event of animation play */
-    onPlay?: Array<EventAction>
-    /* Event of animation pause */
-    onPause?: Array<EventAction>
-    /* Event of animation stop */
-    onStop?: Array<EventAction>
-    /* Event of animation loop end */
-    onLoopEnd?: Array<EventAction>
-    /* Event of state changed */
-    onStateChanged?: Array<EventAction>
-    /* Event of error */
-    onError?: Array<EventAction>
-    /* Event of Rive general event received */
-    onRiveGeneralEvent?: Array<EventAction>
-    /* Event of Rive open-url event received */
-    onRiveOpenUrlEvent?: Array<EventAction>
-  }
-  animation?: AnimationBasicEvents & {
-    onPlay?: Animation
-    onPause?: Animation
-    onStop?: Animation
-    onLoopEnd?: Animation
-    onStateChanged?: Animation
-    onError?: Animation
-    onRiveGeneralEvent?: Animation
-    onRiveOpenUrlEvent?: Animation
-  }
-}
-
-/* Rive file component */
-export type BrickRive = Brick &
-  BrickRiveDef & {
-    templateKey: 'BRICK_RIVE'
-    switches: Array<
-      SwitchDef &
-        BrickRiveDef & {
-          conds?: Array<{
-            method: '==' | '!=' | '>' | '<' | '>=' | '<='
-            cond:
-              | SwitchCondInnerStateCurrentCanvas
-              | SwitchCondData
-              | {
-                  __typename: 'SwitchCondInnerStateOutlet'
-                  outlet: ''
-                  value: any
-                }
-          }>
-        }
-    >
-  }
-
-/* Run Javascript on the WebView */
-export type BrickWebViewActionInjectJavascript = ActionWithParams & {
-  __actionName: 'BRICK_WEBVIEW_INJECT_JAVASCRIPT'
-  params?: Array<{
-    input: 'javascriptCode'
-    value?: string | DataLink | EventProperty
-    mapping?: string
-  }>
-}
-
-/* Query selector on the WebView */
-export type BrickWebViewActionQuerySelector = ActionWithParams & {
-  __actionName: 'BRICK_WEBVIEW_QUERY_SELECTOR'
-  params?: Array<
-    | {
-        input: 'querySelector'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'expression'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* 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?: BrickBasicEvents & {
-    /* Event of the WebView on load */
-    onLoad?: Array<EventAction>
-    /* Event when the WebView load fails */
-    onError?: Array<EventAction>
-    /* Event of the webview on message by `window.ReactNativeWebView.postMessage` on you're injected javascript code */
-    onMessage?: Array<EventAction>
-  }
-  outlets?: {
-    /* The result of the query selector action */
-    queryResult?: () => Data
-    /* The error of the query selector action */
-    queryError?: () => Data
-  }
-  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: 'queryResult' | 'queryError'
-                  value: any
-                }
-          }>
-        }
-    >
-  }
-
-/* Take picture on the Camera */
-export type BrickCameraActionTakePicture = ActionWithParams & {
-  __actionName: 'BRICK_CAMERA_TAKE_PICTURE'
-  params?: Array<
-    | {
-        input: 'width'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'quality'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'base64'
-        value?: boolean | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'mirrorImage'
-        value?: boolean | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* 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 | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'mirrorVideo'
-        value?: boolean | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'videoBitrate'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'maxDuration'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'maxFileSize'
-        value?: string | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-/* 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?: BrickBasicEvents & {
-    /* Event of the Camera state change */
-    stateChange?: Array<EventAction>
-    /* 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>
-    /* Event of the Camera picture taken */
-    pictureTaken?: Array<EventAction>
-    /* Event of the Camera record finished */
-    recordFinish?: Array<EventAction>
-    /* Event of the Camera mount error */
-    mountError?: Array<EventAction>
-  }
-  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
-    mountError?: 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 | EventProperty
-    mapping?: string
-  }>
-}
-
-/* Pause object animation */
-export type Brick3DViewerActionAnimationPause = ActionWithParams & {
-  __actionName: 'BRICK_3D_VIEWER_ANIMATION_PAUSE'
-  params?: Array<{
-    input: 'objectIndex'
-    value?: number | DataLink | EventProperty
-    mapping?: string
-  }>
-}
-
-/* Goto object animation progress */
-export type Brick3DViewerActionAnimationGoto = ActionWithParams & {
-  __actionName: 'BRICK_3D_VIEWER_ANIMATION_GOTO'
-  params?: Array<
-    | {
-        input: 'objectIndex'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-    | {
-        input: 'animationProgress'
-        value?: number | DataLink | EventProperty
-        mapping?: string
-      }
-  >
-}
-
-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?: BrickBasicEvents & {
-    /* Event of error occurred */
-    onError?: Array<EventAction>
-    /* Event of object changed position or rotation */
-    onChange?: Array<EventAction>
-    /* Event of object selected */
-    onSelectChange?: Array<EventAction>
-    /* Event of object collision occurred */
-    onCollision?: Array<EventAction>
-  }
-  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
-                }
-          }>
-        }
-    >
-  }
-
-interface GenerativeMediaDef {
-  /*
-Default property:
-{
-  "enableCache": true,
-  "type": "image",
-  "resizeMode": "cover",
-  "provider": "openai",
-  "freepikClassicImageSize": "square_1_1"
-}
-  */
-  property?: BrickBasicProperty & {
-    /* The text prompt to generate media from */
-    prompt?: string | DataLink
-    /* Enable cache */
-    enableCache?: boolean | DataLink
-    /* The type of media to generate (image or video) */
-    type?: 'image' | 'video' | DataLink
-    /* Default image to display when no generated image is available */
-    defaultImage?: string | DataLink
-    /* The hash of the default image */
-    defaultImageHash?: string | DataLink
-    /* The type of the default image hash */
-    defaultImageHashType?: 'md5' | 'sha1' | 'sha256' | DataLink
-    /* The Lottie animation to show while generating */
-    loadingAnimation?: string | DataLink
-    /* The Lottie animation to show when an error occurs */
-    errorAnimation?: string | DataLink
-    /* The resize mode for the generated media */
-    resizeMode?: 'contain' | 'cover' | 'stretch' | 'center' | 'repeat' | DataLink
-    /* The API key for the generative media service */
-    apiKey?: string | DataLink
-    /* The AI provider to use for generation (openai, freepik, or deepai) */
-    provider?: 'openai' | 'freepik-classic' | 'deepai' | DataLink
-    /* OpenAI image size (256x256, 512x512, 1024x1024, etc) */
-    openaiSize?: '1024x1024' | '1024x1792' | '1792x1024' | DataLink
-    /* OpenAI image style (vivid or natural) */
-    openaiStyle?: 'vivid' | 'natural' | DataLink
-    /* OpenAI image quality (standard or hd) */
-    openaiQuality?: 'standard' | 'hd' | DataLink
-    /* Freepik image size */
-    freepikClassicImageSize?:
-      | 'square_1_1'
-      | 'classic_4_3'
-      | 'traditional_3_4'
-      | 'widescreen_16_9'
-      | 'social_story_9_16'
-      | 'smartphone_horizontal_20_9'
-      | 'smartphone_vertical_9_20'
-      | 'standard_3_2'
-      | 'portrait_2_3'
-      | 'horizontal_2_1'
-      | 'vertical_1_2'
-      | 'social_5_4'
-      | 'social_post_4_5'
-      | DataLink
-    /* Freepik image style */
-    freepikClassicStyle?:
-      | 'photo'
-      | 'digital-art'
-      | '3d'
-      | 'painting'
-      | 'low-poly'
-      | 'pixel-art'
-      | 'anime'
-      | 'cyberpunk'
-      | 'comic'
-      | 'vintage'
-      | 'cartoon'
-      | 'vector'
-      | 'studio-shot'
-      | 'dark'
-      | 'sketch'
-      | 'mockup'
-      | '2000s-pone'
-      | '70s-vibe'
-      | 'watercolor'
-      | 'art-nouveau'
-      | 'origami'
-      | 'surreal'
-      | 'fantasy'
-      | 'traditional-japan'
-      | DataLink
-    /* Freepik color scheme */
-    freepikClassicStyleColor?:
-      | 'b&w'
-      | 'pastel'
-      | 'sepia'
-      | 'dramatic'
-      | 'vibrant'
-      | 'orange&teal'
-      | 'film-filter'
-      | 'split'
-      | 'electric'
-      | 'pastel-pink'
-      | 'gold-glow'
-      | 'autumn'
-      | 'muted-green'
-      | 'deep-teal'
-      | 'duotone'
-      | 'terracotta&teal'
-      | 'red&blue'
-      | 'cold-neon'
-      | 'burgundy&blue'
-      | DataLink
-    /* Freepik lighting style */
-    freepikClassicStyleLighting?:
-      | 'studio'
-      | 'warm'
-      | 'cinematic'
-      | 'volumetric'
-      | 'golden-hour'
-      | 'long-exposure'
-      | 'cold'
-      | 'iridescent'
-      | 'dramatic'
-      | 'hardlight'
-      | 'redscale'
-      | 'indoor-light'
-      | DataLink
-    /* Freepik framing style */
-    freepikClassicStyleFraming?:
-      | 'portrait'
-      | 'macro'
-      | 'panoramic'
-      | 'aerial-view'
-      | 'close-up'
-      | 'cinematic'
-      | 'high-angle'
-      | 'low-angle'
-      | 'symmetry'
-      | 'fish-eye'
-      | 'first-person'
-      | DataLink
-    /* Freepik guidance scale (level of fidelity to prompt) */
-    freepikClassicGuidanceScale?: number | DataLink
-    /* Freepik negative prompt (attributes to avoid) */
-    freepikClassicNegativePrompt?: string | DataLink
-    /* DeepAI negative prompt (attributes to avoid) */
-    deepaiNegativePrompt?: string | DataLink
-    /* DeepAI image generator version */
-    deepaiImageGeneratorVersion?: 'standard' | 'hd' | DataLink
-    /* DeepAI output image width */
-    deepaiWidth?: number | DataLink
-    /* DeepAI output image height */
-    deepaiHeight?: number | DataLink
-  }
-  events?: BrickBasicEvents & {
-    /* Event of the brick press */
-    generativeMediaOnPress?: Array<EventAction>
-    /* Event of the brick press in */
-    generativeMediaOnPressIn?: Array<EventAction>
-    /* Event of the brick press out */
-    generativeMediaOnPressOut?: Array<EventAction>
-    /* Event of the brick focus (Use TV Device with controller) */
-    generativeMediaOnFocus?: Array<EventAction>
-    /* Event of the brick blur (Use TV Device with controller) */
-    generativeMediaOnBlur?: Array<EventAction>
-    /* Event when media generation succeeds */
-    onSuccess?: Array<EventAction>
-    /* Event when media generation fails */
-    onError?: Array<EventAction>
-    /* Event when media prompt request starts */
-    promptStart?: Array<EventAction>
-    /* Event when media prompt request succeeds */
-    promptSuccess?: Array<EventAction>
-    /* Event when media prompt request fails */
-    promptError?: Array<EventAction>
-    /* Event when media loading starts */
-    loadStart?: Array<EventAction>
-    /* Event when media loading succeeds */
-    loadSuccess?: Array<EventAction>
-    /* Event when media loading fails */
-    loadError?: Array<EventAction>
-  }
-  outlets?: {
-    /* Brick is pressing */
-    brickPressing?: () => Data
-    /* Brick is focusing (Use TV Device with controller) */
-    brickFocusing?: () => Data
-    /* Generated media URL */
-    url?: () => Data
-    /* Generated media error */
-    error?: () => Data
-  }
-  animation?: AnimationBasicEvents & {
-    generativeMediaOnPress?: Animation
-    generativeMediaOnPressIn?: Animation
-    generativeMediaOnPressOut?: Animation
-    generativeMediaOnFocus?: Animation
-    generativeMediaOnBlur?: Animation
-    onSuccess?: Animation
-    onError?: Animation
-    promptStart?: Animation
-    promptSuccess?: Animation
-    promptError?: Animation
-    loadStart?: Animation
-    loadSuccess?: Animation
-    loadError?: Animation
-  }
-}
-
-/* Generative Media brick - Generate images and videos using AI */
-export type GenerativeMedia = Brick &
-  GenerativeMediaDef & {
-    templateKey: 'BRICK_GENERATIVE_MEDIA'
-    switches: Array<
-      SwitchDef &
-        GenerativeMediaDef & {
-          conds?: Array<{
-            method: '==' | '!=' | '>' | '<' | '>=' | '<='
-            cond:
-              | SwitchCondInnerStateCurrentCanvas
-              | SwitchCondData
-              | {
-                  __typename: 'SwitchCondInnerStateOutlet'
-                  outlet: 'brickPressing' | 'brickFocusing' | 'url' | 'error'
-                  value: any
-                }
-          }>
-        }
-    >
-  }