@kubb/plugin-client 5.0.0-beta.56 → 5.5.2

package/src/clients/fetch.ts

@@ -1,201 +0,0 @@
-/**
- * RequestCredentials
- */
-export type RequestCredentials = 'omit' | 'same-origin' | 'include'
-
-/**
- * Header values may be objects (e.g. JSON-encoded filter headers like `X-Filter`).
- * Non-string values are JSON-serialized before the request is sent.
- */
-export type HeaderValue = string | number | boolean | null | undefined | object
-export type HeadersInit = Array<[string, HeaderValue]> | Record<string, HeaderValue>
-
-/**
- * Subset of FetchRequestConfig
- */
-export type RequestConfig<TData = unknown> = {
-  baseURL?: string
-  url?: string
-  method?: 'GET' | 'PUT' | 'PATCH' | 'POST' | 'DELETE' | 'OPTIONS' | 'HEAD'
-  params?: unknown
-  data?: TData | FormData
-  responseType?: 'arraybuffer' | 'blob' | 'document' | 'json' | 'text' | 'stream'
-  signal?: AbortSignal
-  headers?: HeadersInit
-  credentials?: RequestCredentials
-  contentType?: string
-}
-
-/**
- * Subset of FetchResponse
- */
-export type ResponseConfig<TData = unknown> = {
-  data: TData
-  status: number
-  statusText: string
-  headers: Headers
-}
-
-let _config: Partial<RequestConfig> = {}
-
-export const getConfig = () => _config
-
-export const setConfig = (config: Partial<RequestConfig>) => {
-  _config = config
-  return getConfig()
-}
-
-export const mergeConfig = <T extends RequestConfig>(...configs: Array<Partial<T>>): Partial<T> => {
-  return configs.reduce<Partial<T>>((merged, config) => {
-    return {
-      ...merged,
-      ...config,
-      headers: {
-        ...(Array.isArray(merged.headers) ? Object.fromEntries(merged.headers) : merged.headers),
-        ...(Array.isArray(config.headers) ? Object.fromEntries(config.headers) : config.headers),
-      },
-    }
-  }, {})
-}
-
-/**
- * Serializes header values into the string form `fetch` expects.
- * Objects (including arrays) are JSON-stringified so spec-defined object
- * headers like `X-Filter` are sent in their canonical JSON-string form.
- */
-function serializeHeaders(headers: HeadersInit | undefined): Record<string, string> {
-  if (!headers) return {}
-  const entries = Array.isArray(headers) ? headers : Object.entries(headers)
-  const result: Record<string, string> = {}
-  for (const [key, value] of entries) {
-    if (value === undefined || value === null) continue
-    result[key] = typeof value === 'string' ? value : typeof value === 'object' ? JSON.stringify(value) : String(value)
-  }
-  return result
-}
-
-/**
- * Serializes the request body into the form `fetch` expects.
- * `FormData`, `URLSearchParams`, `Blob`, `ArrayBuffer` and string bodies are passed through
- * untouched. Plain objects are encoded as `URLSearchParams` for `application/x-www-form-urlencoded`
- * and JSON-serialized otherwise.
- */
-function serializeBody(data: unknown, contentType?: string): BodyInit | undefined {
-  if (data === undefined || data === null) return undefined
-  if (data instanceof FormData || data instanceof URLSearchParams || data instanceof Blob || data instanceof ArrayBuffer || ArrayBuffer.isView(data)) {
-    return data as BodyInit
-  }
-  if (typeof data === 'string') return data
-  if (contentType?.includes('application/x-www-form-urlencoded')) {
-    return new URLSearchParams(data as Record<string, string>)
-  }
-  return JSON.stringify(data)
-}
-
-/**
- * Picks a `responseType` from a `Content-Type` header, or `undefined` when it is not recognized.
- */
-function detectResponseType(contentType: string | null): RequestConfig['responseType'] {
-  if (!contentType) return undefined
-  if (contentType.includes('application/json') || contentType.includes('text/json')) return 'json'
-  if (contentType.includes('text/')) return 'text'
-  if (contentType.includes('image/') || contentType.includes('application/octet-stream')) return 'blob'
-  return undefined
-}
-
-/**
- * Parses a `fetch` response body.
- *
- * - Empty responses (204/205/304 or no body) resolve to `{}`.
- * - An explicit `responseType` (or one detected from the `Content-Type` header) forces the matching
- *   `Response` method.
- * - As a last resort the body is read as text and `JSON.parse`d, falling back to the raw text.
- */
-async function parseResponse<TData>(response: Response, responseType?: RequestConfig['responseType']): Promise<TData> {
-  if ([204, 205, 304].includes(response.status) || !response.body) {
-    return {} as TData
-  }
-
-  switch (responseType ?? detectResponseType(response.headers.get('Content-Type'))) {
-    case 'text':
-    case 'document':
-      return (await response.text()) as TData
-    case 'blob':
-      return (await response.blob()) as TData
-    case 'arraybuffer':
-      return (await response.arrayBuffer()) as TData
-    case 'stream':
-      return response.body as TData
-    case 'json':
-      return (await response.json()) as TData
-  }
-
-  // Explicit but unrecognized responseType keeps the JSON default; otherwise read text and parse it.
-  if (responseType) {
-    return (await response.json()) as TData
-  }
-  const text = await response.text()
-  if (!text) {
-    return {} as TData
-  }
-  try {
-    return JSON.parse(text) as TData
-  } catch {
-    return text as TData
-  }
-}
-
-export type ResponseErrorConfig<TError = unknown> = TError
-
-export type Client = <TResponseData, _TError = unknown, TRequestData = unknown>(
-  config: RequestConfig<TRequestData>,
-  request?: unknown,
-) => Promise<ResponseConfig<TResponseData>>
-
-export const client = async <TResponseData, _TError = unknown, RequestData = unknown>(
-  paramsConfig: RequestConfig<RequestData>,
-  _request?: unknown,
-): Promise<ResponseConfig<TResponseData>> => {
-  const normalizedParams = new URLSearchParams()
-
-  const config = mergeConfig(getConfig(), paramsConfig)
-
-  Object.entries(config.params || {}).forEach(([key, value]) => {
-    if (value !== undefined) {
-      normalizedParams.append(key, value === null ? 'null' : value.toString())
-    }
-  })
-
-  let targetUrl = [config.baseURL, config.url].filter(Boolean).join('')
-
-  if (config.params) {
-    targetUrl += `?${normalizedParams}`
-  }
-
-  const headers: Record<string, string> = {
-    ...(config.contentType && config.contentType !== 'multipart/form-data' ? { 'Content-Type': config.contentType } : {}),
-    ...serializeHeaders(config.headers),
-  }
-
-  const response = await globalThis.fetch(targetUrl, {
-    credentials: config.credentials || 'same-origin',
-    method: config.method?.toUpperCase(),
-    body: serializeBody(config.data, headers['Content-Type'] ?? headers['content-type']),
-    signal: config.signal,
-    headers,
-  })
-
-  const data = await parseResponse<TResponseData>(response, config.responseType)
-
-  return {
-    data,
-    status: response.status,
-    statusText: response.statusText,
-    headers: response.headers as Headers,
-  }
-}
-
-client.getConfig = getConfig
-client.setConfig = setConfig
-
-export default client

package/src/components/ClassClient.tsx

@@ -1,161 +0,0 @@
-import { buildOperationComments, getContentTypeInfo, getOperationParameters } from '@internals/shared'
-import { Url } from '@internals/utils'
-import { buildJSDoc, stringify } from '@kubb/ast/utils'
-import { ast } from '@kubb/core'
-import type { ResolverTs } from '@kubb/plugin-ts'
-import { functionPrinter } from '@kubb/plugin-ts'
-import type { ResolverZod } from '@kubb/plugin-zod'
-import { File } from '@kubb/renderer-jsx'
-import type { KubbReactNode } from '@kubb/renderer-jsx/types'
-import type { PluginClient } from '../types.ts'
-import {
-  buildClassClientParams,
-  buildFormDataLine,
-  buildGenerics,
-  buildHeaders,
-  buildQueryParamsLine,
-  buildRequestDataLine,
-  buildReturnStatement,
-  resolveQueryParamsParser,
-} from '../utils.ts'
-import { buildClientParamsNode } from './Client.tsx'
-
-type OperationData = {
-  node: ast.OperationNode
-  name: string
-  tsResolver: ResolverTs
-  zodResolver?: ResolverZod | null
-}
-
-type Props = {
-  name: string
-  isExportable?: boolean
-  isIndexable?: boolean
-  operations: Array<OperationData>
-  baseURL: string | null | undefined
-  dataReturnType: PluginClient['resolvedOptions']['dataReturnType']
-  paramsCasing: PluginClient['resolvedOptions']['paramsCasing']
-  paramsType: PluginClient['resolvedOptions']['pathParamsType']
-  pathParamsType: PluginClient['resolvedOptions']['pathParamsType']
-  parser: PluginClient['resolvedOptions']['parser'] | undefined
-  children?: KubbReactNode
-}
-
-type GenerateMethodProps = {
-  node: ast.OperationNode
-  name: string
-  tsResolver: ResolverTs
-  zodResolver?: ResolverZod | null
-  baseURL: string | null | undefined
-  dataReturnType: PluginClient['resolvedOptions']['dataReturnType']
-  parser: PluginClient['resolvedOptions']['parser'] | undefined
-  paramsType: PluginClient['resolvedOptions']['paramsType']
-  paramsCasing: PluginClient['resolvedOptions']['paramsCasing']
-  pathParamsType: PluginClient['resolvedOptions']['pathParamsType']
-}
-
-const declarationPrinter = functionPrinter({ mode: 'declaration' })
-
-function generateMethod({
-  node,
-  name,
-  tsResolver,
-  zodResolver,
-  baseURL,
-  dataReturnType,
-  parser,
-  paramsType,
-  paramsCasing,
-  pathParamsType,
-}: GenerateMethodProps): string {
-  if (!ast.isHttpOperationNode(node)) return ''
-  const { defaultContentType: contentType, isMultipleContentTypes, hasFormData } = getContentTypeInfo(node)
-  const isFormData = !isMultipleContentTypes && contentType === 'multipart/form-data'
-  const { header: headerParams } = getOperationParameters(node)
-  const headerParamsName = headerParams.length > 0 ? tsResolver.resolveHeaderParamsName(node, headerParams[0]!) : null
-  const headers = isMultipleContentTypes ? (headerParamsName ? ['...headers'] : []) : buildHeaders(contentType, !!headerParamsName)
-  const generics = buildGenerics(node, tsResolver, { dataReturnType, zodResolver, parser })
-  const paramsNode = buildClientParamsNode({ paramsType, paramsCasing, pathParamsType, node, tsResolver, isConfigurable: true })
-  const paramsSignature = declarationPrinter.print(paramsNode) ?? ''
-  const { query: queryParams } = getOperationParameters(node)
-  const zodQueryParamsName =
-    zodResolver && resolveQueryParamsParser(parser) === 'zod' && queryParams.length > 0 ? zodResolver.resolveQueryParamsName?.(node, queryParams[0]!) : null
-  const clientParams = buildClassClientParams({
-    node,
-    url: Url.toTemplateString(node.path, { casing: paramsCasing }),
-    baseURL,
-    tsResolver,
-    isFormData,
-    isMultipleContentTypes,
-    hasFormData,
-    headers,
-    zodQueryParamsName,
-  })
-  const jsdoc = buildJSDoc(buildOperationComments(node, { link: 'urlPath', linkPosition: 'beforeDeprecated', splitLines: true }))
-
-  const requestDataLine = buildRequestDataLine({ parser, node, zodResolver })
-  const queryParamsLine = buildQueryParamsLine({ parser, node, zodResolver })
-  const formDataLine = buildFormDataLine(isFormData || (isMultipleContentTypes && hasFormData), !!node.requestBody?.content?.[0]?.schema)
-  const returnStatement = buildReturnStatement({ dataReturnType, parser, node, zodResolver, tsResolver })
-
-  const methodBody = [
-    `const { client: request = client, ${isMultipleContentTypes ? `contentType = ${stringify(contentType)}, ` : ''}...requestConfig } = mergeConfig(this.#config, config)`,
-    '',
-    requestDataLine,
-    queryParamsLine,
-    formDataLine,
-    `const res = await request<${generics.join(', ')}>(${clientParams.toCall()})`,
-    returnStatement,
-  ]
-    .filter(Boolean)
-    .map((line) => `    ${line}`)
-    .join('\n')
-
-  return `${jsdoc}async ${name}(${paramsSignature}) {\n${methodBody}\n  }`
-}
-
-export function ClassClient({
-  name,
-  isExportable = true,
-  isIndexable = true,
-  operations,
-  baseURL,
-  dataReturnType,
-  parser,
-  paramsType,
-  paramsCasing,
-  pathParamsType,
-  children,
-}: Props): KubbReactNode {
-  const methods = operations.map(({ node, name: methodName, tsResolver, zodResolver }) =>
-    generateMethod({
-      node,
-      name: methodName,
-      tsResolver,
-      zodResolver,
-      baseURL,
-      dataReturnType,
-      parser,
-      paramsType,
-      paramsCasing,
-      pathParamsType,
-    }),
-  )
-
-  const classCode = `export class ${name} {
-  #config: Partial<RequestConfig> & { client?: Client }
-
-  constructor(config: Partial<RequestConfig> & { client?: Client } = {}) {
-    this.#config = config
-  }
-
-${methods.join('\n\n')}
-}`
-
-  return (
-    <File.Source name={name} isExportable={isExportable} isIndexable={isIndexable}>
-      {classCode}
-      {children}
-    </File.Source>
-  )
-}

package/src/components/Client.tsx

@@ -1,281 +0,0 @@
-import {
-  buildOperationComments,
-  buildParamsMapping,
-  buildRequestConfigType,
-  getContentTypeInfo,
-  getOperationParameters,
-  getResponseType,
-  resolveSuccessNames,
-} from '@internals/shared'
-import { isValidVarName, Url } from '@internals/utils'
-import { stringify } from '@kubb/ast/utils'
-import { ast } from '@kubb/core'
-import type { ResolverTs } from '@kubb/plugin-ts'
-import { functionPrinter } from '@kubb/plugin-ts'
-import type { ResolverZod } from '@kubb/plugin-zod'
-import { File, Function } from '@kubb/renderer-jsx'
-import type { KubbReactNode } from '@kubb/renderer-jsx/types'
-import { createFunctionParams } from '../functionParams.ts'
-import type { PluginClient } from '../types.ts'
-import { buildStatusUnionType, resolveQueryParamsParser, resolveRequestParser, resolveResponseParser } from '../utils.ts'
-import { buildUrlParamsNode } from './Url.tsx'
-
-type Props = {
-  name: string
-  urlName?: string
-  isExportable?: boolean
-  isIndexable?: boolean
-  isConfigurable?: boolean
-  returnType?: string
-
-  baseURL: string | null | undefined
-  dataReturnType: PluginClient['resolvedOptions']['dataReturnType']
-  paramsCasing: PluginClient['resolvedOptions']['paramsCasing']
-  paramsType: PluginClient['resolvedOptions']['pathParamsType']
-  pathParamsType: PluginClient['resolvedOptions']['pathParamsType']
-  parser: PluginClient['resolvedOptions']['parser'] | undefined
-  node: ast.OperationNode
-  tsResolver: ResolverTs
-  zodResolver?: ResolverZod | null
-  children?: KubbReactNode
-}
-
-type GetParamsProps = {
-  paramsCasing: PluginClient['resolvedOptions']['paramsCasing']
-  paramsType: PluginClient['resolvedOptions']['paramsType']
-  pathParamsType: PluginClient['resolvedOptions']['pathParamsType']
-  node: ast.OperationNode
-  tsResolver: ResolverTs
-  isConfigurable: boolean
-}
-
-const declarationPrinter = functionPrinter({ mode: 'declaration' })
-
-export function buildClientParamsNode({
-  paramsType,
-  paramsCasing,
-  pathParamsType,
-  node,
-  tsResolver,
-  isConfigurable,
-}: GetParamsProps): ast.FunctionParametersNode {
-  return ast.createOperationParams(node, {
-    paramsType,
-    pathParamsType: paramsType === 'object' ? 'object' : pathParamsType === 'object' ? 'object' : 'inline',
-    paramsCasing,
-    resolver: tsResolver,
-    extraParams: [
-      ...(isConfigurable
-        ? [
-            ast.createFunctionParameter({
-              name: 'config',
-              type: ast.createParamsType({
-                variant: 'reference',
-                name: buildRequestConfigType(node, tsResolver),
-              }),
-              default: '{}',
-            }),
-          ]
-        : []),
-    ],
-  })
-}
-
-export function Client({
-  name,
-  isExportable = true,
-  isIndexable = true,
-  returnType,
-  baseURL,
-  dataReturnType,
-  parser,
-  paramsType,
-  paramsCasing,
-  pathParamsType,
-  node,
-  tsResolver,
-  zodResolver,
-  urlName,
-  children,
-  isConfigurable = true,
-}: Props): KubbReactNode {
-  if (!ast.isHttpOperationNode(node)) return null
-  const { defaultContentType: contentType, isMultipleContentTypes, hasFormData } = getContentTypeInfo(node)
-  const isFormData = !isMultipleContentTypes && contentType === 'multipart/form-data'
-  const responseType = getResponseType(node)
-
-  const { path: originalPathParams, query: originalQueryParams, header: originalHeaderParams } = getOperationParameters(node)
-  const { path: casedPathParams, query: casedQueryParams, header: casedHeaderParams } = getOperationParameters(node, { paramsCasing })
-
-  const pathParamsMapping = paramsCasing && !urlName ? buildParamsMapping(originalPathParams, casedPathParams) : null
-  const queryParamsMapping = paramsCasing ? buildParamsMapping(originalQueryParams, casedQueryParams) : null
-  const headerParamsMapping = paramsCasing ? buildParamsMapping(originalHeaderParams, casedHeaderParams) : null
-
-  const requestName = node.requestBody?.content?.[0]?.schema ? tsResolver.resolveDataName(node) : null
-  const successNames = resolveSuccessNames(node, tsResolver)
-  const responseName = successNames.length > 0 ? successNames.join(' | ') : tsResolver.resolveResponseName(node)
-  const queryParamsName = originalQueryParams.length > 0 ? tsResolver.resolveQueryParamsName(node, originalQueryParams[0]!) : null
-  const headerParamsName = originalHeaderParams.length > 0 ? tsResolver.resolveHeaderParamsName(node, originalHeaderParams[0]!) : null
-
-  const requestParser = resolveRequestParser(parser)
-  const responseParser = resolveResponseParser(parser)
-  const zodResponseName = zodResolver && responseParser === 'zod' ? zodResolver.resolveResponseName?.(node) : null
-  const zodRequestName = zodResolver && requestParser === 'zod' && node.requestBody?.content?.[0]?.schema ? zodResolver.resolveDataName?.(node) : null
-  const queryParamsParser = resolveQueryParamsParser(parser)
-  const zodQueryParamsName =
-    zodResolver && queryParamsParser === 'zod' && originalQueryParams.length > 0 ? zodResolver.resolveQueryParamsName?.(node, originalQueryParams[0]!) : null
-
-  const errorNames = node.responses
-    .filter((r) => {
-      const code = Number.parseInt(r.statusCode, 10)
-      return code >= 400
-    })
-    .map((r) => tsResolver.resolveResponseStatusName(node, r.statusCode))
-
-  const headers = [
-    !isMultipleContentTypes && contentType !== 'application/json' && contentType !== 'multipart/form-data' ? `'Content-Type': '${contentType}'` : null,
-    headerParamsName ? (headerParamsMapping ? '...mappedHeaders' : '...headers') : null,
-  ].filter(Boolean)
-
-  const TError = `ResponseErrorConfig<${errorNames.length > 0 ? errorNames.join(' | ') : 'Error'}>`
-
-  const allStatusNames = node.responses.map((r) => tsResolver.resolveResponseStatusName(node, r.statusCode))
-  const genericsResponseName = dataReturnType === 'full' ? (allStatusNames.length > 0 ? allStatusNames.join(' | ') : responseName) : responseName
-  // z.output<> reflects the post-transform type (e.g. date coercion turns Date → string), avoiding a compile error on the generated call
-  const requestGenericType = parser === 'zod' && zodRequestName ? `z.output<typeof ${zodRequestName}>` : requestName || 'unknown'
-  const generics = [genericsResponseName, TError, requestGenericType].filter(Boolean)
-  const paramsNode = buildClientParamsNode({
-    paramsType,
-    paramsCasing,
-    pathParamsType,
-    node,
-    tsResolver,
-    isConfigurable,
-  })
-  const paramsSignature = declarationPrinter.print(paramsNode) ?? ''
-
-  const urlParamsNode = buildUrlParamsNode({
-    paramsType,
-    paramsCasing,
-    pathParamsType,
-    node,
-    tsResolver,
-  })
-  const callPrinter = functionPrinter({ mode: 'call' })
-  const urlParamsCall = callPrinter.print(urlParamsNode) ?? ''
-
-  const clientParams = createFunctionParams({
-    config: {
-      mode: 'object',
-      children: {
-        method: {
-          value: stringify(node.method.toUpperCase()),
-        },
-        url: {
-          value: urlName ? `${urlName}(${urlParamsCall}).url.toString()` : Url.toTemplateString(node.path),
-        },
-        baseURL:
-          baseURL && !urlName
-            ? {
-                value: `\`${baseURL}\``,
-              }
-            : null,
-        params: queryParamsName ? (zodQueryParamsName ? { value: 'requestParams' } : queryParamsMapping ? { value: 'mappedParams' } : {}) : null,
-        data: requestName
-          ? {
-              value:
-                isMultipleContentTypes && hasFormData
-                  ? "contentType === 'multipart/form-data' ? formData as FormData : requestData"
-                  : isFormData
-                    ? 'formData as FormData'
-                    : 'requestData',
-            }
-          : null,
-        contentType: isConfigurable && isMultipleContentTypes ? {} : null,
-        responseType: responseType ? { value: stringify(responseType) } : null,
-        requestConfig: isConfigurable
-          ? {
-              mode: 'inlineSpread',
-            }
-          : null,
-        headers: headers.length
-          ? {
-              value: isConfigurable ? `{ ${headers.join(', ')}, ...requestConfig.headers }` : `{ ${headers.join(', ')} }`,
-            }
-          : null,
-      },
-    },
-  })
-
-  const statusUnionType = dataReturnType === 'full' ? buildStatusUnionType(node, tsResolver) : null
-
-  const childrenElement = children ? (
-    children
-  ) : (
-    <>
-      {dataReturnType === 'full' &&
-        responseParser === 'zod' &&
-        zodResponseName &&
-        statusUnionType &&
-        `return {...res, data: ${zodResponseName}.parse(res.data)} as ${statusUnionType}`}
-      {dataReturnType === 'full' && responseParser !== 'zod' && statusUnionType && `return res as ${statusUnionType}`}
-      {dataReturnType === 'data' && responseParser === 'zod' && zodResponseName && `return ${zodResponseName}.parse(res.data)`}
-      {dataReturnType === 'data' && responseParser !== 'zod' && 'return res.data'}
-    </>
-  )
-
-  return (
-    <>
-      <br />
-
-      <File.Source name={name} isExportable={isExportable} isIndexable={isIndexable}>
-        <Function
-          name={name}
-          async
-          export={isExportable}
-          params={paramsSignature}
-          JSDoc={{
-            comments: buildOperationComments(node, { link: 'urlPath', linkPosition: 'beforeDeprecated', splitLines: true }),
-          }}
-          returnType={returnType}
-        >
-          {isConfigurable
-            ? `const { client: request = client, ${isMultipleContentTypes ? `contentType = ${stringify(contentType)}, ` : ''}...requestConfig } = config`
-            : ''}
-          <br />
-          {pathParamsMapping &&
-            Object.entries(pathParamsMapping)
-              .filter(([originalName, camelCaseName]) => isValidVarName(originalName) && originalName !== camelCaseName)
-              .map(([originalName, camelCaseName]) => `const ${originalName} = ${camelCaseName}`)
-              .join('\n')}
-          {pathParamsMapping && <br />}
-          {queryParamsMapping && queryParamsName && (
-            <>
-              {`const mappedParams = params ? { ${Object.entries(queryParamsMapping)
-                .map(([originalName, camelCaseName]) => `"${originalName}": params.${camelCaseName}`)
-                .join(', ')} } : undefined`}
-              <br />
-            </>
-          )}
-          {headerParamsMapping && headerParamsName && (
-            <>
-              {`const mappedHeaders = headers ? { ${Object.entries(headerParamsMapping)
-                .map(([originalName, camelCaseName]) => `"${originalName}": headers.${camelCaseName}`)
-                .join(', ')} } : undefined`}
-              <br />
-            </>
-          )}
-          {requestParser === 'zod' && zodRequestName ? `const requestData = ${zodRequestName}.parse(data)` : requestName && 'const requestData = data'}
-          {zodQueryParamsName && `const requestParams = ${zodQueryParamsName}.parse(params)`}
-          {(isFormData || (isMultipleContentTypes && hasFormData)) && requestName && 'const formData = buildFormData(requestData)'}
-          <br />
-          {isConfigurable
-            ? `const res = await request<${generics.join(', ')}>(${clientParams.toCall()})`
-            : `const res = await client<${generics.join(', ')}>(${clientParams.toCall()})`}
-          <br />
-          {childrenElement}
-        </Function>
-      </File.Source>
-    </>
-  )
-}