@thienvu18/designable-formily-setters 2.0.0 → 2.0.2

package/esm/components/ReactionsSetter/index.js

@@ -1,84 +1,107 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import { clone, uid } from '@formily/shared';
-import { createForm, isVoidField } from '@formily/core';
-import { createSchemaField } from '@formily/react';
-import { GlobalRegistry } from '@thienvu18/designable-core';
-import { requestIdle } from '@thienvu18/designable-shared';
-import { usePrefix, TextWidget } from '@thienvu18/designable-react';
-import { MonacoInput } from '@thienvu18/designable-react-settings-form';
-import { Form, ArrayTable, Input, Select, FormItem, FormCollapse, } from '@thienvu18/formily-antd-v6';
-import { Modal, Card, Button, Tag, Tooltip } from 'antd';
-import { PathSelector } from './PathSelector';
-import { FieldPropertySetter } from './FieldPropertySetter';
-import { FulfillRunHelper } from './helpers';
-import { initDeclaration } from './declarations';
-import './styles.less';
+import { createForm, isVoidField } from '@formily/core'
+import { createSchemaField } from '@formily/react'
+import { clone, uid } from '@formily/shared'
+import { GlobalRegistry } from '@thienvu18/designable-core'
+import { TextWidget, usePrefix } from '@thienvu18/designable-react'
+import { MonacoInput } from '@thienvu18/designable-react-settings-form'
+import { requestIdle } from '@thienvu18/designable-shared'
+import {
+  ArrayTable,
+  Form,
+  FormCollapse,
+  FormItem,
+  Input,
+  Select,
+} from '@thienvu18/formily-antd-v6'
+import { Button, Card, Modal, Tag, Tooltip } from 'antd'
+import { useEffect, useMemo, useState } from 'react'
+import {
+  Fragment as _Fragment,
+  jsx as _jsx,
+  jsxs as _jsxs,
+} from 'react/jsx-runtime'
+import { FieldPropertySetter } from './FieldPropertySetter'
+import { PathSelector } from './PathSelector'
+import { initDeclaration } from './declarations'
+import { FulfillRunHelper } from './helpers'
+import './styles.less'
 const TypeView = ({ value }) => {
-    const text = String(value);
-    if (text.length <= 26)
-        return _jsx(Tag, { children: text });
-    return (_jsx(Tag, { children: _jsxs(Tooltip, { title: _jsx("div", { style: { fontSize: 12 }, children: _jsx("code", { children: _jsx("pre", { style: { whiteSpace: 'pre-wrap', padding: 0, margin: 0 }, children: text }) }) }), children: [text.substring(0, 24), "..."] }) }));
-};
+  const text = String(value)
+  if (text.length <= 26) return _jsx(Tag, { children: text })
+  return _jsx(Tag, {
+    children: _jsxs(Tooltip, {
+      title: _jsx('div', {
+        style: { fontSize: 12 },
+        children: _jsx('code', {
+          children: _jsx('pre', {
+            style: { whiteSpace: 'pre-wrap', padding: 0, margin: 0 },
+            children: text,
+          }),
+        }),
+      }),
+      children: [text.substring(0, 24), '...'],
+    }),
+  })
+}
 const SchemaField = createSchemaField({
-    components: {
-        Card,
-        FormCollapse,
-        Input,
-        TypeView,
-        Select,
-        FormItem,
-        PathSelector,
-        FieldPropertySetter,
-        ArrayTable,
-        MonacoInput,
-    },
-});
+  components: {
+    Card,
+    FormCollapse,
+    Input,
+    TypeView,
+    Select,
+    FormItem,
+    PathSelector,
+    FieldPropertySetter,
+    ArrayTable,
+    MonacoInput,
+  },
+})
 const FieldStateProperties = [
-    'value',
-    'initialValue',
-    'inputValue',
-    'inputValues',
-    'modified',
-    'initialized',
-    'title',
-    'description',
-    'mounted',
-    'unmounted',
-    'active',
-    'visited',
-    'loading',
-    'errors',
-    'warnings',
-    'successes',
-    'feedbacks',
-    'valid',
-    'invalid',
-    'pattern',
-    'display',
-    'disabled',
-    'readOnly',
-    'readPretty',
-    'visible',
-    'hidden',
-    'editable',
-    'validateStatus',
-    'validating',
-];
+  'value',
+  'initialValue',
+  'inputValue',
+  'inputValues',
+  'modified',
+  'initialized',
+  'title',
+  'description',
+  'mounted',
+  'unmounted',
+  'active',
+  'visited',
+  'loading',
+  'errors',
+  'warnings',
+  'successes',
+  'feedbacks',
+  'valid',
+  'invalid',
+  'pattern',
+  'display',
+  'disabled',
+  'readOnly',
+  'readPretty',
+  'visible',
+  'hidden',
+  'editable',
+  'validateStatus',
+  'validating',
+]
 const FieldStateValueTypes = {
-    modified: 'boolean',
-    initialized: 'boolean',
-    title: 'string',
-    description: 'string',
-    mounted: 'boolean',
-    unmounted: 'boolean',
-    active: 'boolean',
-    visited: 'boolean',
-    loading: 'boolean',
-    errors: 'string[]',
-    warnings: 'string[]',
-    successes: 'string[]',
-    feedbacks: `Array<
+  modified: 'boolean',
+  initialized: 'boolean',
+  title: 'string',
+  description: 'string',
+  mounted: 'boolean',
+  unmounted: 'boolean',
+  active: 'boolean',
+  visited: 'boolean',
+  loading: 'boolean',
+  errors: 'string[]',
+  warnings: 'string[]',
+  successes: 'string[]',
+  feedbacks: `Array<
   triggerType?: 'onInput' | 'onFocus' | 'onBlur'
   type?: 'error' | 'success' | 'warning'
   code?:
@@ -91,161 +114,320 @@ const FieldStateValueTypes = {
   messages?: string[]
 >
 `,
-    valid: 'boolean',
-    invalid: 'boolean',
-    pattern: "'editable' | 'disabled' | 'readOnly' | 'readPretty'",
-    display: "'visible' | 'hidden' | 'none'",
-    disabled: 'boolean',
-    readOnly: 'boolean',
-    readPretty: 'boolean',
-    visible: 'boolean',
-    hidden: 'boolean',
-    editable: 'boolean',
-    validateStatus: "'error' | 'warning' | 'success' | 'validating'",
-    validating: 'boolean',
-};
+  valid: 'boolean',
+  invalid: 'boolean',
+  pattern: "'editable' | 'disabled' | 'readOnly' | 'readPretty'",
+  display: "'visible' | 'hidden' | 'none'",
+  disabled: 'boolean',
+  readOnly: 'boolean',
+  readPretty: 'boolean',
+  visible: 'boolean',
+  hidden: 'boolean',
+  editable: 'boolean',
+  validateStatus: "'error' | 'warning' | 'success' | 'validating'",
+  validating: 'boolean',
+}
 export const ReactionsSetter = (props) => {
-    const [modalVisible, setModalVisible] = useState(false);
-    const [innerVisible, setInnerVisible] = useState(false);
-    const prefix = usePrefix('reactions-setter');
-    const form = useMemo(() => {
-        return createForm({
-            values: clone(props.value),
-        });
-    }, [modalVisible, props.value]);
-    const formCollapse = useMemo(() => FormCollapse.createFormCollapse(['deps', 'state']), [modalVisible]);
-    const openModal = () => setModalVisible(true);
-    const closeModal = () => setModalVisible(false);
-    useEffect(() => {
-        if (modalVisible) {
-            requestIdle(() => {
-                initDeclaration().then(() => {
-                    setInnerVisible(true);
-                });
-            }, {
-                timeout: 400,
-            });
+  const [modalVisible, setModalVisible] = useState(false)
+  const [innerVisible, setInnerVisible] = useState(false)
+  const prefix = usePrefix('reactions-setter')
+  const form = useMemo(() => {
+    return createForm({
+      values: clone(props.value),
+    })
+  }, [modalVisible, props.value])
+  const formCollapse = useMemo(
+    () => FormCollapse.createFormCollapse(['deps', 'state']),
+    [modalVisible]
+  )
+  const openModal = () => setModalVisible(true)
+  const closeModal = () => setModalVisible(false)
+  useEffect(() => {
+    if (modalVisible) {
+      requestIdle(
+        () => {
+          initDeclaration().then(() => {
+            setInnerVisible(true)
+          })
+        },
+        {
+          timeout: 400,
         }
-        else {
-            setInnerVisible(false);
-        }
-    }, [modalVisible]);
-    return (_jsxs(_Fragment, { children: [_jsx(Button, { block: true, onClick: openModal, children: _jsx(TextWidget, { token: "SettingComponents.ReactionsSetter.configureReactions" }) }), _jsx(Modal, { title: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.configureReactions'), width: "70%", centered: true, styles: { body: { padding: 10 } }, transitionName: "", maskTransitionName: "", open: modalVisible, onCancel: closeModal, destroyOnHidden: true, onOk: () => {
-                    form.submit((values) => {
-                        props.onChange?.(values);
-                    });
-                    closeModal();
-                }, children: _jsx("div", { className: prefix, children: innerVisible && (_jsx(Form, { form: form, children: _jsx(SchemaField, { children: _jsxs(SchemaField.Void, { "x-component": "FormCollapse", "x-component-props": {
-                                    formCollapse,
-                                    defaultActiveKey: ['deps', 'state'],
-                                    style: { marginBottom: 10 },
-                                }, children: [_jsx(SchemaField.Void, { "x-component": "FormCollapse.CollapsePanel", "x-component-props": {
-                                            key: 'deps',
-                                            header: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.relationsFields'),
-                                        }, children: _jsxs(SchemaField.Array, { name: "dependencies", default: [{}], "x-component": "ArrayTable", children: [_jsxs(SchemaField.Object, { children: [_jsx(SchemaField.Void, { "x-component": "ArrayTable.Column", "x-component-props": {
-                                                                title: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.sourceField'),
-                                                                width: 240,
-                                                            }, children: _jsx(SchemaField.String, { name: "source", "x-decorator": "FormItem", "x-component": "PathSelector", "x-component-props": {
-                                                                    placeholder: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.pleaseSelect'),
-                                                                } }) }), _jsx(SchemaField.Void, { "x-component": "ArrayTable.Column", "x-component-props": {
-                                                                title: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.sourceProperty'),
-                                                                width: 200,
-                                                            }, children: _jsx(SchemaField.String, { name: "property", default: "value", "x-decorator": "FormItem", "x-component": "Select", "x-component-props": { showSearch: true }, enum: FieldStateProperties }) }), _jsx(SchemaField.Void, { "x-component": "ArrayTable.Column", "x-component-props": {
-                                                                title: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.variableName'),
-                                                                width: 200,
-                                                            }, children: _jsx(SchemaField.String, { name: "name", "x-decorator": "FormItem", "x-validator": {
-                                                                    pattern: /^[$_a-zA-Z]+[$_a-zA-Z0-9]*$/,
-                                                                    message: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.variableNameValidateMessage'),
-                                                                }, "x-component": "Input", "x-component-props": {
-                                                                    addonBefore: '$deps.',
-                                                                    placeholder: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.pleaseInput'),
-                                                                }, "x-reactions": (field) => {
-                                                                    if (isVoidField(field))
-                                                                        return;
-                                                                    field.query('.source').take((source) => {
-                                                                        if (isVoidField(source))
-                                                                            return;
-                                                                        if (source.value &&
-                                                                            !field.value &&
-                                                                            !field.modified) {
-                                                                            field.value =
-                                                                                source.inputValues[1]?.props?.name ||
-                                                                                    `v_${uid()}`;
-                                                                        }
-                                                                    });
-                                                                } }) }), _jsx(SchemaField.Void, { "x-component": "ArrayTable.Column", "x-component-props": {
-                                                                title: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.variableType'),
-                                                                ellipsis: {
-                                                                    showTitle: false,
-                                                                },
-                                                                width: 200,
-                                                                align: 'center',
-                                                            }, children: _jsx(SchemaField.String, { name: "type", default: "any", "x-decorator": "FormItem", "x-component": "TypeView", "x-reactions": (field) => {
-                                                                    if (isVoidField(field))
-                                                                        return;
-                                                                    const property = field
-                                                                        .query('.property')
-                                                                        .get('inputValues');
-                                                                    if (!property)
-                                                                        return;
-                                                                    property[0] = property[0] || 'value';
-                                                                    field.query('.source').take((source) => {
-                                                                        if (isVoidField(source))
-                                                                            return;
-                                                                        if (source.value) {
-                                                                            if (property[0] === 'value' ||
-                                                                                property[0] === 'initialValue' ||
-                                                                                property[0] === 'inputValue') {
-                                                                                field.value =
-                                                                                    source.inputValues[1]?.props?.type ||
-                                                                                        'any';
-                                                                            }
-                                                                            else if (property[0] === 'inputValues') {
-                                                                                field.value = `any[]`;
-                                                                            }
-                                                                            else if (property[0]) {
-                                                                                field.value =
-                                                                                    FieldStateValueTypes[property[0]];
-                                                                            }
-                                                                            else {
-                                                                                field.value = 'any';
-                                                                            }
-                                                                        }
-                                                                    });
-                                                                } }) }), _jsx(SchemaField.Void, { "x-component": "ArrayTable.Column", "x-component-props": {
-                                                                title: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.operations'),
-                                                                align: 'center',
-                                                                width: 80,
-                                                            }, children: _jsx(SchemaField.Markup, { type: "void", "x-component": "ArrayTable.Remove" }) })] }), _jsx(SchemaField.Void, { title: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.addRelationField'), "x-component": "ArrayTable.Addition", "x-component-props": { style: { marginTop: 8 } } })] }) }), _jsx(SchemaField.Void, { "x-component": "FormCollapse.CollapsePanel", "x-component-props": {
-                                            header: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.propertyReactions'),
-                                            key: 'state',
-                                            className: 'reaction-state',
-                                        }, children: _jsx(SchemaField.Markup, { name: "fulfill.state", "x-component": "FieldPropertySetter" }) }), _jsx(SchemaField.Void, { "x-component": "FormCollapse.CollapsePanel", "x-component-props": {
-                                            key: 'run',
-                                            header: GlobalRegistry.getDesignerMessage('SettingComponents.ReactionsSetter.actionReactions'),
-                                            className: 'reaction-runner',
-                                        }, children: _jsx(SchemaField.String, { name: "fulfill.run", "x-component": "MonacoInput", "x-component-props": {
-                                                width: '100%',
-                                                height: 400,
-                                                language: 'typescript',
-                                                helpCode: FulfillRunHelper,
-                                                options: {
-                                                    minimap: {
-                                                        enabled: false,
-                                                    },
-                                                },
-                                            }, "x-reactions": (field) => {
-                                                const deps = field.query('dependencies').value();
-                                                if (Array.isArray(deps)) {
-                                                    field.componentProps.extraLib = `
+      )
+    } else {
+      setInnerVisible(false)
+    }
+  }, [modalVisible])
+  return _jsxs(_Fragment, {
+    children: [
+      _jsx(Button, {
+        block: true,
+        onClick: openModal,
+        children: _jsx(TextWidget, {
+          token: 'SettingComponents.ReactionsSetter.configureReactions',
+        }),
+      }),
+      _jsx(Modal, {
+        title: GlobalRegistry.getDesignerMessage(
+          'SettingComponents.ReactionsSetter.configureReactions'
+        ),
+        width: '70%',
+        centered: true,
+        styles: { body: { padding: 10 } },
+        transitionName: '',
+        maskTransitionName: '',
+        open: modalVisible,
+        onCancel: closeModal,
+        destroyOnHidden: true,
+        onOk: () => {
+          form.submit((values) => {
+            props.onChange?.(values)
+          })
+          closeModal()
+        },
+        children: _jsx('div', {
+          className: prefix,
+          children:
+            innerVisible &&
+            _jsx(Form, {
+              form: form,
+              children: _jsx(SchemaField, {
+                children: _jsxs(SchemaField.Void, {
+                  'x-component': 'FormCollapse',
+                  'x-component-props': {
+                    formCollapse,
+                    defaultActiveKey: ['deps', 'state'],
+                    style: { marginBottom: 10 },
+                  },
+                  children: [
+                    _jsx(SchemaField.Void, {
+                      'x-component': 'FormCollapse.CollapsePanel',
+                      'x-component-props': {
+                        key: 'deps',
+                        header: GlobalRegistry.getDesignerMessage(
+                          'SettingComponents.ReactionsSetter.relationsFields'
+                        ),
+                      },
+                      children: _jsxs(SchemaField.Array, {
+                        name: 'dependencies',
+                        default: [{}],
+                        'x-component': 'ArrayTable',
+                        children: [
+                          _jsxs(SchemaField.Object, {
+                            children: [
+                              _jsx(SchemaField.Void, {
+                                'x-component': 'ArrayTable.Column',
+                                'x-component-props': {
+                                  title: GlobalRegistry.getDesignerMessage(
+                                    'SettingComponents.ReactionsSetter.sourceField'
+                                  ),
+                                  width: 240,
+                                },
+                                children: _jsx(SchemaField.String, {
+                                  name: 'source',
+                                  'x-decorator': 'FormItem',
+                                  'x-component': 'PathSelector',
+                                  'x-component-props': {
+                                    placeholder:
+                                      GlobalRegistry.getDesignerMessage(
+                                        'SettingComponents.ReactionsSetter.pleaseSelect'
+                                      ),
+                                  },
+                                }),
+                              }),
+                              _jsx(SchemaField.Void, {
+                                'x-component': 'ArrayTable.Column',
+                                'x-component-props': {
+                                  title: GlobalRegistry.getDesignerMessage(
+                                    'SettingComponents.ReactionsSetter.sourceProperty'
+                                  ),
+                                  width: 200,
+                                },
+                                children: _jsx(SchemaField.String, {
+                                  name: 'property',
+                                  default: 'value',
+                                  'x-decorator': 'FormItem',
+                                  'x-component': 'Select',
+                                  'x-component-props': { showSearch: true },
+                                  enum: FieldStateProperties,
+                                }),
+                              }),
+                              _jsx(SchemaField.Void, {
+                                'x-component': 'ArrayTable.Column',
+                                'x-component-props': {
+                                  title: GlobalRegistry.getDesignerMessage(
+                                    'SettingComponents.ReactionsSetter.variableName'
+                                  ),
+                                  width: 200,
+                                },
+                                children: _jsx(SchemaField.String, {
+                                  name: 'name',
+                                  'x-decorator': 'FormItem',
+                                  'x-validator': {
+                                    pattern: /^[$_a-zA-Z]+[$_a-zA-Z0-9]*$/,
+                                    message: GlobalRegistry.getDesignerMessage(
+                                      'SettingComponents.ReactionsSetter.variableNameValidateMessage'
+                                    ),
+                                  },
+                                  'x-component': 'Input',
+                                  'x-component-props': {
+                                    addonBefore: '$deps.',
+                                    placeholder:
+                                      GlobalRegistry.getDesignerMessage(
+                                        'SettingComponents.ReactionsSetter.pleaseInput'
+                                      ),
+                                  },
+                                  'x-reactions': (field) => {
+                                    if (isVoidField(field)) return
+                                    field.query('.source').take((source) => {
+                                      if (isVoidField(source)) return
+                                      if (
+                                        source.value &&
+                                        !field.value &&
+                                        !field.modified
+                                      ) {
+                                        field.value =
+                                          source.inputValues[1]?.props?.name ||
+                                          `v_${uid()}`
+                                      }
+                                    })
+                                  },
+                                }),
+                              }),
+                              _jsx(SchemaField.Void, {
+                                'x-component': 'ArrayTable.Column',
+                                'x-component-props': {
+                                  title: GlobalRegistry.getDesignerMessage(
+                                    'SettingComponents.ReactionsSetter.variableType'
+                                  ),
+                                  ellipsis: {
+                                    showTitle: false,
+                                  },
+                                  width: 200,
+                                  align: 'center',
+                                },
+                                children: _jsx(SchemaField.String, {
+                                  name: 'type',
+                                  default: 'any',
+                                  'x-decorator': 'FormItem',
+                                  'x-component': 'TypeView',
+                                  'x-reactions': (field) => {
+                                    if (isVoidField(field)) return
+                                    const property = field
+                                      .query('.property')
+                                      .get('inputValues')
+                                    if (!property) return
+                                    property[0] = property[0] || 'value'
+                                    field.query('.source').take((source) => {
+                                      if (isVoidField(source)) return
+                                      if (source.value) {
+                                        if (
+                                          property[0] === 'value' ||
+                                          property[0] === 'initialValue' ||
+                                          property[0] === 'inputValue'
+                                        ) {
+                                          field.value =
+                                            source.inputValues[1]?.props
+                                              ?.type || 'any'
+                                        } else if (
+                                          property[0] === 'inputValues'
+                                        ) {
+                                          field.value = `any[]`
+                                        } else if (property[0]) {
+                                          field.value =
+                                            FieldStateValueTypes[property[0]]
+                                        } else {
+                                          field.value = 'any'
+                                        }
+                                      }
+                                    })
+                                  },
+                                }),
+                              }),
+                              _jsx(SchemaField.Void, {
+                                'x-component': 'ArrayTable.Column',
+                                'x-component-props': {
+                                  title: GlobalRegistry.getDesignerMessage(
+                                    'SettingComponents.ReactionsSetter.operations'
+                                  ),
+                                  align: 'center',
+                                  width: 80,
+                                },
+                                children: _jsx(SchemaField.Markup, {
+                                  type: 'void',
+                                  'x-component': 'ArrayTable.Remove',
+                                }),
+                              }),
+                            ],
+                          }),
+                          _jsx(SchemaField.Void, {
+                            title: GlobalRegistry.getDesignerMessage(
+                              'SettingComponents.ReactionsSetter.addRelationField'
+                            ),
+                            'x-component': 'ArrayTable.Addition',
+                            'x-component-props': { style: { marginTop: 8 } },
+                          }),
+                        ],
+                      }),
+                    }),
+                    _jsx(SchemaField.Void, {
+                      'x-component': 'FormCollapse.CollapsePanel',
+                      'x-component-props': {
+                        header: GlobalRegistry.getDesignerMessage(
+                          'SettingComponents.ReactionsSetter.propertyReactions'
+                        ),
+                        key: 'state',
+                        className: 'reaction-state',
+                      },
+                      children: _jsx(SchemaField.Markup, {
+                        name: 'fulfill.state',
+                        'x-component': 'FieldPropertySetter',
+                      }),
+                    }),
+                    _jsx(SchemaField.Void, {
+                      'x-component': 'FormCollapse.CollapsePanel',
+                      'x-component-props': {
+                        key: 'run',
+                        header: GlobalRegistry.getDesignerMessage(
+                          'SettingComponents.ReactionsSetter.actionReactions'
+                        ),
+                        className: 'reaction-runner',
+                      },
+                      children: _jsx(SchemaField.String, {
+                        name: 'fulfill.run',
+                        'x-component': 'MonacoInput',
+                        'x-component-props': {
+                          width: '100%',
+                          height: 400,
+                          language: 'typescript',
+                          helpCode: FulfillRunHelper,
+                          options: {
+                            minimap: {
+                              enabled: false,
+                            },
+                          },
+                        },
+                        'x-reactions': (field) => {
+                          const deps = field.query('dependencies').value()
+                          if (Array.isArray(deps)) {
+                            field.componentProps.extraLib = `
                           declare var $deps : {
                             ${deps.map(({ name, type }) => {
-                                                        if (!name)
-                                                            return '';
-                                                        return `${name}?:${type || 'any'},`;
-                                                    })}
+                              if (!name) return ''
+                              return `${name}?:${type || 'any'},`
+                            })}
+                          }
+                          `
                           }
-                          `;
-                                                }
-                                            } }) })] }) }) })) }) })] }));
-};
+                        },
+                      }),
+                    }),
+                  ],
+                }),
+              }),
+            }),
+        }),
+      }),
+    ],
+  })
+}