@prefecthq/prefect-ui-library/src/services/schemas/properties/SchemaPropertyObject.ts

This library is the Vue and Typescript component library for [Prefect 2](https://github.com/PrefectHQ/prefect) and [Prefect Cloud 2](https://www.prefect.io/cloud/). _The components and utilities in this project are not meant to be used independently_.

import { JsonInput } from '@/components'
import { SchemaPropertyService } from '@/services/schemas/properties/SchemaPropertyService'
import { SchemaPropertyComponentWithProps, getSchemaPropertyRequestValue, getSchemaPropertyResponseValue } from '@/services/schemas/utilities'
import { SchemaValue, isSchemaValues, SchemaValues } from '@/types/schemas'
import { isEmptyObject, isEmptyString, isNullish, mapValues, parseUnknownJson, stringifyUnknownJson } from '@/utilities'

export class SchemaPropertyObject extends SchemaPropertyService {

  protected override get component(): SchemaPropertyComponentWithProps {
    if (this.has('properties')) {
      return null
    }

    return this.withProps(JsonInput)
  }

  protected get default(): unknown {
    if (this.componentIs(JsonInput)) {
      return stringifyUnknownJson(this.property.default) ?? null
    }

    return this.property.default ?? {}
  }

  protected request(value: SchemaValue): unknown {
    if (this.componentIs(JsonInput)) {
      if (isEmptyString(value)) {
        return undefined
      }

      return parseUnknownJson(value)
    }

    if (!isSchemaValues(value)) {
      return undefined
    }

    const mapped = mapValues(this.property.properties ?? {}, (key, property) => {
      const propertyValue = value[key]
      return getSchemaPropertyRequestValue(property!, propertyValue, this.level + 1)
    })

    if (isEmptyObject(mapped)) {
      return undefined
    }

    return mapped
  }

  protected response(value: SchemaValue): unknown {
    if (isNullish(value)) {
      return this.invalid()
    }

    if (this.componentIs(JsonInput)) {
      return stringifyUnknownJson(value)
    }

    // just in case what we got from the api was a json string
    // apparently this isn't uncommon
    const parsed = (parseUnknownJson(value) ?? {}) as SchemaValues

    return mapValues(this.property.properties ?? {}, (key, property) => {
      const propertyValue = parsed[key]
      return getSchemaPropertyResponseValue(property!, propertyValue, this.level + 1)
    })
  }
}