@kubb/plugin-react-query/dist/components-BHQT9ZLc.cjs.map

React Query hooks generator plugin for Kubb, creating type-safe API client hooks from OpenAPI specifications for React applications.

{"version":3,"file":"components-BHQT9ZLc.cjs","names":["#options","#transformParam","#eachParam","getParams","FunctionParams","getTransformer","File","Function","Type","getParams","FunctionParams","File","Function","Type","getParams","FunctionParams","Client","File","Function","getParams","FunctionParams","File","Function","getParams","FunctionParams","Client","File","Function","getParams","FunctionParams","Client","File","Function","getParams","FunctionParams","File","Function","getParams","FunctionParams","File","Function","getParams","FunctionParams","File","Function","getParams","FunctionParams","Client","File","Function","FunctionParams","File","Function"],"sources":["../../../internals/utils/src/casing.ts","../../../internals/utils/src/object.ts","../../../internals/utils/src/reserved.ts","../../../internals/utils/src/urlPath.ts","../../../internals/tanstack-query/src/components/MutationKey.tsx","../../../internals/tanstack-query/src/components/QueryKey.tsx","../src/components/QueryOptions.tsx","../src/components/InfiniteQuery.tsx","../src/components/InfiniteQueryOptions.tsx","../src/components/MutationOptions.tsx","../src/components/Mutation.tsx","../src/components/Query.tsx","../src/components/SuspenseInfiniteQuery.tsx","../src/components/SuspenseInfiniteQueryOptions.tsx","../src/components/SuspenseQuery.tsx"],"sourcesContent":["type Options = {\n  /** When `true`, dot-separated segments are split on `.` and joined with `/` after casing. */\n  isFile?: boolean\n  /** Text prepended before casing is applied. */\n  prefix?: string\n  /** Text appended before casing is applied. */\n  suffix?: string\n}\n\n/**\n * Shared implementation for camelCase and PascalCase conversion.\n * Splits on common word boundaries (spaces, hyphens, underscores, dots, slashes, colons)\n * and capitalizes each word according to `pascal`.\n *\n * When `pascal` is `true` the first word is also capitalized (PascalCase), otherwise only subsequent words are.\n */\nfunction toCamelOrPascal(text: string, pascal: boolean): string {\n  const normalized = text\n    .trim()\n    .replace(/([a-z\\d])([A-Z])/g, '$1 $2')\n    .replace(/([A-Z]+)([A-Z][a-z])/g, '$1 $2')\n    .replace(/(\\d)([a-z])/g, '$1 $2')\n\n  const words = normalized.split(/[\\s\\-_./\\\\:]+/).filter(Boolean)\n\n  return words\n    .map((word, i) => {\n      const allUpper = word.length > 1 && word === word.toUpperCase()\n      if (allUpper) return word\n      if (i === 0 && !pascal) return word.charAt(0).toLowerCase() + word.slice(1)\n      return word.charAt(0).toUpperCase() + word.slice(1)\n    })\n    .join('')\n    .replace(/[^a-zA-Z0-9]/g, '')\n}\n\n/**\n * Splits `text` on `.` and applies `transformPart` to each segment.\n * The last segment receives `isLast = true`, all earlier segments receive `false`.\n * Segments are joined with `/` to form a file path.\n */\nfunction applyToFileParts(text: string, transformPart: (part: string, isLast: boolean) => string): string {\n  const parts = text.split('.')\n  return parts.map((part, i) => transformPart(part, i === parts.length - 1)).join('/')\n}\n\n/**\n * Converts `text` to camelCase.\n * When `isFile` is `true`, dot-separated segments are each cased independently and joined with `/`.\n *\n * @example\n * camelCase('hello-world')                   // 'helloWorld'\n * camelCase('pet.petId', { isFile: true })   // 'pet/petId'\n */\nexport function camelCase(text: string, { isFile, prefix = '', suffix = '' }: Options = {}): string {\n  if (isFile) {\n    return applyToFileParts(text, (part, isLast) => camelCase(part, isLast ? { prefix, suffix } : {}))\n  }\n\n  return toCamelOrPascal(`${prefix} ${text} ${suffix}`, false)\n}\n\n/**\n * Converts `text` to PascalCase.\n * When `isFile` is `true`, the last dot-separated segment is PascalCased and earlier segments are camelCased.\n *\n * @example\n * pascalCase('hello-world')                  // 'HelloWorld'\n * pascalCase('pet.petId', { isFile: true })  // 'pet/PetId'\n */\nexport function pascalCase(text: string, { isFile, prefix = '', suffix = '' }: Options = {}): string {\n  if (isFile) {\n    return applyToFileParts(text, (part, isLast) => (isLast ? pascalCase(part, { prefix, suffix }) : camelCase(part)))\n  }\n\n  return toCamelOrPascal(`${prefix} ${text} ${suffix}`, true)\n}\n\n/**\n * Converts `text` to snake_case.\n *\n * @example\n * snakeCase('helloWorld')  // 'hello_world'\n * snakeCase('Hello-World') // 'hello_world'\n */\nexport function snakeCase(text: string, { prefix = '', suffix = '' }: Omit<Options, 'isFile'> = {}): string {\n  const processed = `${prefix} ${text} ${suffix}`.trim()\n  return processed\n    .replace(/([a-z])([A-Z])/g, '$1_$2')\n    .replace(/[\\s\\-.]+/g, '_')\n    .replace(/[^a-zA-Z0-9_]/g, '')\n    .toLowerCase()\n    .split('_')\n    .filter(Boolean)\n    .join('_')\n}\n\n/**\n * Converts `text` to SCREAMING_SNAKE_CASE.\n *\n * @example\n * screamingSnakeCase('helloWorld') // 'HELLO_WORLD'\n */\nexport function screamingSnakeCase(text: string, { prefix = '', suffix = '' }: Omit<Options, 'isFile'> = {}): string {\n  return snakeCase(text, { prefix, suffix }).toUpperCase()\n}\n","import { trimQuotes } from './string.ts'\n\n/**\n * Serializes a primitive value to a JSON string literal, stripping any surrounding quote characters first.\n *\n * @example\n * stringify('hello')   // '\"hello\"'\n * stringify('\"hello\"') // '\"hello\"'\n */\nexport function stringify(value: string | number | boolean | undefined): string {\n  if (value === undefined || value === null) return '\"\"'\n  return JSON.stringify(trimQuotes(value.toString()))\n}\n\n/**\n * Converts a plain object into a multiline key-value string suitable for embedding in generated code.\n * Nested objects are recursively stringified with indentation.\n *\n * @example\n * stringifyObject({ foo: 'bar', nested: { a: 1 } })\n * // 'foo: bar,\\nnested: {\\n        a: 1\\n      }'\n */\nexport function stringifyObject(value: Record<string, unknown>): string {\n  const items = Object.entries(value)\n    .map(([key, val]) => {\n      if (val !== null && typeof val === 'object') {\n        return `${key}: {\\n        ${stringifyObject(val as Record<string, unknown>)}\\n      }`\n      }\n      return `${key}: ${val}`\n    })\n    .filter(Boolean)\n  return items.join(',\\n')\n}\n\n/**\n * Serializes plugin options for safe JSON transport.\n * Strips functions, symbols, and `undefined` values recursively.\n */\nexport function serializePluginOptions<TOptions extends object>(options: TOptions): TOptions {\n  if (options === null || options === undefined) return {} as TOptions\n  if (typeof options !== 'object') return options\n  if (Array.isArray(options)) return options.map(serializePluginOptions) as unknown as TOptions\n\n  const serialized: Record<string, unknown> = {}\n  for (const [key, value] of Object.entries(options)) {\n    if (typeof value === 'function' || typeof value === 'symbol' || value === undefined) continue\n    serialized[key] = value !== null && typeof value === 'object' ? serializePluginOptions(value as object) : value\n  }\n  return serialized as TOptions\n}\n\n/**\n * Converts a dot-notation path or string array into an optional-chaining accessor expression.\n *\n * @example\n * getNestedAccessor('pagination.next.id', 'lastPage')\n * // → \"lastPage?.['pagination']?.['next']?.['id']\"\n */\nexport function getNestedAccessor(param: string | string[], accessor: string): string | undefined {\n  const parts = Array.isArray(param) ? param : param.split('.')\n  if (parts.length === 0 || (parts.length === 1 && parts[0] === '')) return undefined\n  return `${accessor}?.['${`${parts.join(\"']?.['\")}']`}`\n}\n","/**\n * JavaScript and Java reserved words.\n * @link https://github.com/jonschlinkert/reserved/blob/master/index.js\n */\nconst reservedWords = [\n  'abstract',\n  'arguments',\n  'boolean',\n  'break',\n  'byte',\n  'case',\n  'catch',\n  'char',\n  'class',\n  'const',\n  'continue',\n  'debugger',\n  'default',\n  'delete',\n  'do',\n  'double',\n  'else',\n  'enum',\n  'eval',\n  'export',\n  'extends',\n  'false',\n  'final',\n  'finally',\n  'float',\n  'for',\n  'function',\n  'goto',\n  'if',\n  'implements',\n  'import',\n  'in',\n  'instanceof',\n  'int',\n  'interface',\n  'let',\n  'long',\n  'native',\n  'new',\n  'null',\n  'package',\n  'private',\n  'protected',\n  'public',\n  'return',\n  'short',\n  'static',\n  'super',\n  'switch',\n  'synchronized',\n  'this',\n  'throw',\n  'throws',\n  'transient',\n  'true',\n  'try',\n  'typeof',\n  'var',\n  'void',\n  'volatile',\n  'while',\n  'with',\n  'yield',\n  'Array',\n  'Date',\n  'hasOwnProperty',\n  'Infinity',\n  'isFinite',\n  'isNaN',\n  'isPrototypeOf',\n  'length',\n  'Math',\n  'name',\n  'NaN',\n  'Number',\n  'Object',\n  'prototype',\n  'String',\n  'toString',\n  'undefined',\n  'valueOf',\n]\n\n/**\n * Prefixes a word with `_` when it is a reserved JavaScript/Java identifier\n * or starts with a digit.\n */\nexport function transformReservedWord(word: string): string {\n  const firstChar = word.charCodeAt(0)\n  if (word && (reservedWords.includes(word) || (firstChar >= 48 && firstChar <= 57))) {\n    return `_${word}`\n  }\n  return word\n}\n\n/**\n * Returns `true` when `name` is a syntactically valid JavaScript variable name.\n */\nexport function isValidVarName(name: string): boolean {\n  try {\n    new Function(`var ${name}`)\n  } catch {\n    return false\n  }\n  return true\n}\n","import { camelCase } from './casing.ts'\nimport { isValidVarName } from './reserved.ts'\n\nexport type URLObject = {\n  /** The resolved URL string (Express-style or template literal, depending on context). */\n  url: string\n  /** Extracted path parameters as a key-value map, or `undefined` when the path has none. */\n  params?: Record<string, string>\n}\n\ntype ObjectOptions = {\n  /** Controls whether the `url` is rendered as an Express path or a template literal. Defaults to `'path'`. */\n  type?: 'path' | 'template'\n  /** Optional transform applied to each extracted parameter name. */\n  replacer?: (pathParam: string) => string\n  /** When `true`, the result is serialized to a string expression instead of a plain object. */\n  stringify?: boolean\n}\n\n/** Supported identifier casing strategies for path parameters. */\ntype PathCasing = 'camelcase'\n\ntype Options = {\n  /** Casing strategy applied to path parameter names. Defaults to the original identifier. */\n  casing?: PathCasing\n}\n\n/**\n * Parses and transforms an OpenAPI/Swagger path string into various URL formats.\n *\n * @example\n * const p = new URLPath('/pet/{petId}')\n * p.URL      // '/pet/:petId'\n * p.template // '`/pet/${petId}`'\n */\nexport class URLPath {\n  /** The raw OpenAPI/Swagger path string, e.g. `/pet/{petId}`. */\n  path: string\n\n  #options: Options\n\n  constructor(path: string, options: Options = {}) {\n    this.path = path\n    this.#options = options\n  }\n\n  /** Converts the OpenAPI path to Express-style colon syntax, e.g. `/pet/{petId}` → `/pet/:petId`. */\n  get URL(): string {\n    return this.toURLPath()\n  }\n\n  /** Returns `true` when `path` is a fully-qualified URL (e.g. starts with `https://`). */\n  get isURL(): boolean {\n    try {\n      return !!new URL(this.path).href\n    } catch {\n      return false\n    }\n  }\n\n  /**\n   * Converts the OpenAPI path to a TypeScript template literal string.\n   *\n   * @example\n   * new URLPath('/pet/{petId}').template              // '`/pet/${petId}`'\n   * new URLPath('/account/monetary-accountID').template // '`/account/${monetaryAccountId}`'\n   */\n  get template(): string {\n    return this.toTemplateString()\n  }\n\n  /** Returns the path and its extracted params as a structured `URLObject`, or as a stringified expression when `stringify` is set. */\n  get object(): URLObject | string {\n    return this.toObject()\n  }\n\n  /** Returns a map of path parameter names, or `undefined` when the path has no parameters. */\n  get params(): Record<string, string> | undefined {\n    return this.getParams()\n  }\n\n  #transformParam(raw: string): string {\n    const param = isValidVarName(raw) ? raw : camelCase(raw)\n    return this.#options.casing === 'camelcase' ? camelCase(param) : param\n  }\n\n  /** Iterates over every `{param}` token in `path`, calling `fn` with the raw token and transformed name. */\n  #eachParam(fn: (raw: string, param: string) => void): void {\n    for (const match of this.path.matchAll(/\\{([^}]+)\\}/g)) {\n      const raw = match[1]!\n      fn(raw, this.#transformParam(raw))\n    }\n  }\n\n  toObject({ type = 'path', replacer, stringify }: ObjectOptions = {}): URLObject | string {\n    const object = {\n      url: type === 'path' ? this.toURLPath() : this.toTemplateString({ replacer }),\n      params: this.getParams(),\n    }\n\n    if (stringify) {\n      if (type === 'template') {\n        return JSON.stringify(object).replaceAll(\"'\", '').replaceAll(`\"`, '')\n      }\n\n      if (object.params) {\n        return `{ url: '${object.url}', params: ${JSON.stringify(object.params).replaceAll(\"'\", '').replaceAll(`\"`, '')} }`\n      }\n\n      return `{ url: '${object.url}' }`\n    }\n\n    return object\n  }\n\n  /**\n   * Converts the OpenAPI path to a TypeScript template literal string.\n   * An optional `replacer` can transform each extracted parameter name before interpolation.\n   *\n   * @example\n   * new URLPath('/pet/{petId}').toTemplateString() // '`/pet/${petId}`'\n   */\n  toTemplateString({ prefix = '', replacer }: { prefix?: string; replacer?: (pathParam: string) => string } = {}): string {\n    const parts = this.path.split(/\\{([^}]+)\\}/)\n    const result = parts\n      .map((part, i) => {\n        if (i % 2 === 0) return part\n        const param = this.#transformParam(part)\n        return `\\${${replacer ? replacer(param) : param}}`\n      })\n      .join('')\n\n    return `\\`${prefix}${result}\\``\n  }\n\n  /**\n   * Extracts all `{param}` segments from the path and returns them as a key-value map.\n   * An optional `replacer` transforms each parameter name in both key and value positions.\n   * Returns `undefined` when no path parameters are found.\n   */\n  getParams(replacer?: (pathParam: string) => string): Record<string, string> | undefined {\n    const params: Record<string, string> = {}\n\n    this.#eachParam((_raw, param) => {\n      const key = replacer ? replacer(param) : param\n      params[key] = key\n    })\n\n    return Object.keys(params).length > 0 ? params : undefined\n  }\n\n  /** Converts the OpenAPI path to Express-style colon syntax, e.g. `/pet/{petId}` → `/pet/:petId`. */\n  toURLPath(): string {\n    return this.path.replace(/\\{([^}]+)\\}/g, ':$1')\n  }\n}\n","import { URLPath } from '@internals/utils'\nimport type { Operation } from '@kubb/oas'\nimport type { OperationSchemas } from '@kubb/plugin-oas'\nimport { File, Function, FunctionParams, Type } from '@kubb/react-fabric'\nimport type { FabricReactNode } from '@kubb/react-fabric/types'\nimport type { ParamsCasing, PathParamsType, Transformer } from '../types.ts'\n\ntype Props = {\n  name: string\n  typeName: string\n  typeSchemas: OperationSchemas\n  operation: Operation\n  paramsCasing: ParamsCasing\n  pathParamsType: PathParamsType\n  transformer: Transformer | undefined\n}\n\ntype GetParamsProps = {\n  pathParamsType: PathParamsType\n  typeSchemas: OperationSchemas\n}\n\nfunction getParams({}: GetParamsProps) {\n  return FunctionParams.factory({})\n}\n\nconst getTransformer: Transformer = ({ operation, casing }) => {\n  const path = new URLPath(operation.path, { casing })\n\n  return [`{ url: '${path.toURLPath()}' }`]\n}\n\nexport function MutationKey({ name, typeSchemas, pathParamsType, paramsCasing, operation, typeName, transformer = getTransformer }: Props): FabricReactNode {\n  const params = getParams({ pathParamsType, typeSchemas })\n  const keys = transformer({ operation, schemas: typeSchemas, casing: paramsCasing })\n\n  return (\n    <>\n      <File.Source name={name} isExportable isIndexable>\n        <Function.Arrow name={name} export params={params.toConstructor()} singleLine>\n          {`[${keys.join(', ')}] as const`}\n        </Function.Arrow>\n      </File.Source>\n      <File.Source name={typeName} isExportable isIndexable isTypeOnly>\n        <Type name={typeName} export>\n          {`ReturnType<typeof ${name}>`}\n        </Type>\n      </File.Source>\n    </>\n  )\n}\n\nMutationKey.getParams = getParams\nMutationKey.getTransformer = getTransformer\n","import { URLPath } from '@internals/utils'\nimport { isOptional, type Operation } from '@kubb/oas'\nimport type { OperationSchemas } from '@kubb/plugin-oas'\nimport { getPathParams } from '@kubb/plugin-oas/utils'\nimport { File, Function, FunctionParams, Type } from '@kubb/react-fabric'\nimport type { FabricReactNode } from '@kubb/react-fabric/types'\nimport type { ParamsCasing, PathParamsType, Transformer } from '../types.ts'\n\ntype Props = {\n  name: string\n  typeName: string\n  typeSchemas: OperationSchemas\n  operation: Operation\n  paramsCasing: ParamsCasing\n  pathParamsType: PathParamsType\n  transformer: Transformer | undefined\n}\n\ntype GetParamsProps = {\n  paramsCasing: ParamsCasing\n  pathParamsType: PathParamsType\n  typeSchemas: OperationSchemas\n}\n\nfunction getParams({ pathParamsType, paramsCasing, typeSchemas }: GetParamsProps) {\n  return FunctionParams.factory({\n    pathParams: typeSchemas.pathParams?.name\n      ? {\n          mode: pathParamsType === 'object' ? 'object' : 'inlineSpread',\n          children: getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing }),\n        }\n      : undefined,\n    data: typeSchemas.request?.name\n      ? {\n          type: typeSchemas.request?.name,\n          optional: isOptional(typeSchemas.request?.schema),\n        }\n      : undefined,\n    params: typeSchemas.queryParams?.name\n      ? {\n          type: typeSchemas.queryParams?.name,\n          optional: isOptional(typeSchemas.queryParams?.schema),\n        }\n      : undefined,\n  })\n}\n\nconst getTransformer: Transformer = ({ operation, schemas, casing }) => {\n  const path = new URLPath(operation.path, { casing })\n  const keys = [\n    path.toObject({\n      type: 'path',\n      stringify: true,\n    }),\n    schemas.queryParams?.name ? '...(params ? [params] : [])' : undefined,\n    schemas.request?.name ? '...(data ? [data] : [])' : undefined,\n  ].filter(Boolean)\n\n  return keys\n}\n\nexport function QueryKey({ name, typeSchemas, paramsCasing, pathParamsType, operation, typeName, transformer = getTransformer }: Props): FabricReactNode {\n  const params = getParams({ pathParamsType, typeSchemas, paramsCasing })\n  const keys = transformer({\n    operation,\n    schemas: typeSchemas,\n    casing: paramsCasing,\n  })\n\n  return (\n    <>\n      <File.Source name={name} isExportable isIndexable>\n        <Function.Arrow name={name} export params={params.toConstructor()} singleLine>\n          {`[${keys.join(', ')}] as const`}\n        </Function.Arrow>\n      </File.Source>\n      <File.Source name={typeName} isExportable isIndexable isTypeOnly>\n        <Type name={typeName} export>\n          {`ReturnType<typeof ${name}>`}\n        </Type>\n      </File.Source>\n    </>\n  )\n}\n\nQueryKey.getParams = getParams\nQueryKey.getTransformer = getTransformer\n","import { isAllOptional, isOptional } from '@kubb/oas'\nimport { Client } from '@kubb/plugin-client/components'\nimport type { OperationSchemas } from '@kubb/plugin-oas'\nimport { getPathParams } from '@kubb/plugin-oas/utils'\nimport { File, Function, FunctionParams } from '@kubb/react-fabric'\nimport type { FabricReactNode } from '@kubb/react-fabric/types'\nimport type { PluginReactQuery } from '../types.ts'\nimport { QueryKey } from './QueryKey.tsx'\n\ntype Props = {\n  name: string\n  clientName: string\n  queryKeyName: string\n  typeSchemas: OperationSchemas\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  paramsType: PluginReactQuery['resolvedOptions']['paramsType']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  dataReturnType: PluginReactQuery['resolvedOptions']['client']['dataReturnType']\n}\n\ntype GetParamsProps = {\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  paramsType: PluginReactQuery['resolvedOptions']['paramsType']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  typeSchemas: OperationSchemas\n}\n\nfunction getParams({ paramsType, paramsCasing, pathParamsType, typeSchemas }: GetParamsProps) {\n  if (paramsType === 'object') {\n    const pathParams = getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing })\n\n    const children = {\n      ...pathParams,\n      data: typeSchemas.request?.name\n        ? {\n            type: typeSchemas.request?.name,\n            optional: isOptional(typeSchemas.request?.schema),\n          }\n        : undefined,\n      params: typeSchemas.queryParams?.name\n        ? {\n            type: typeSchemas.queryParams?.name,\n            optional: isOptional(typeSchemas.queryParams?.schema),\n          }\n        : undefined,\n      headers: typeSchemas.headerParams?.name\n        ? {\n            type: typeSchemas.headerParams?.name,\n            optional: isOptional(typeSchemas.headerParams?.schema),\n          }\n        : undefined,\n    }\n\n    // Check if all children are optional or undefined\n    const allChildrenAreOptional = Object.values(children).every((child) => !child || child.optional)\n\n    return FunctionParams.factory({\n      data: {\n        mode: 'object',\n        children,\n        default: allChildrenAreOptional ? '{}' : undefined,\n      },\n      config: {\n        type: typeSchemas.request?.name\n          ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: Client }`\n          : 'Partial<RequestConfig> & { client?: Client }',\n        default: '{}',\n      },\n    })\n  }\n\n  return FunctionParams.factory({\n    pathParams: typeSchemas.pathParams?.name\n      ? {\n          mode: pathParamsType === 'object' ? 'object' : 'inlineSpread',\n          children: getPathParams(typeSchemas.pathParams, {\n            typed: true,\n            casing: paramsCasing,\n          }),\n          default: isAllOptional(typeSchemas.pathParams?.schema) ? '{}' : undefined,\n        }\n      : undefined,\n    data: typeSchemas.request?.name\n      ? {\n          type: typeSchemas.request?.name,\n          optional: isOptional(typeSchemas.request?.schema),\n        }\n      : undefined,\n    params: typeSchemas.queryParams?.name\n      ? {\n          type: typeSchemas.queryParams?.name,\n          optional: isOptional(typeSchemas.queryParams?.schema),\n        }\n      : undefined,\n    headers: typeSchemas.headerParams?.name\n      ? {\n          type: typeSchemas.headerParams?.name,\n          optional: isOptional(typeSchemas.headerParams?.schema),\n        }\n      : undefined,\n    config: {\n      type: typeSchemas.request?.name\n        ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: Client }`\n        : 'Partial<RequestConfig> & { client?: Client }',\n      default: '{}',\n    },\n  })\n}\n\nexport function QueryOptions({\n  name,\n  clientName,\n  dataReturnType,\n  typeSchemas,\n  paramsCasing,\n  paramsType,\n  pathParamsType,\n  queryKeyName,\n}: Props): FabricReactNode {\n  const params = getParams({\n    paramsType,\n    paramsCasing,\n    pathParamsType,\n    typeSchemas,\n  })\n  const TData = dataReturnType === 'data' ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`\n  const TError = typeSchemas.errors?.map((item) => item.name).join(' | ') || 'Error'\n\n  const clientParams = Client.getParams({\n    typeSchemas,\n    paramsCasing,\n    paramsType,\n    pathParamsType,\n    isConfigurable: true,\n  })\n  const queryKeyParams = QueryKey.getParams({\n    pathParamsType,\n    typeSchemas,\n    paramsCasing,\n  })\n\n  // Only add enabled check for required (non-optional) parameters\n  // Optional parameters with defaults should not prevent query execution\n  const enabled = Object.entries(queryKeyParams.flatParams)\n    .map(([key, item]) => {\n      // Only include if the parameter exists and is NOT optional\n      // This ensures we only check required parameters\n      return item && !item.optional && !item.default ? key : undefined\n    })\n    .filter(Boolean)\n    .join('&& ')\n\n  const enabledText = enabled ? `enabled: !!(${enabled}),` : ''\n\n  return (\n    <File.Source name={name} isExportable isIndexable>\n      <Function name={name} export params={params.toConstructor()}>\n        {`\n      const queryKey = ${queryKeyName}(${queryKeyParams.toCall()})\n      return queryOptions<${TData}, ResponseErrorConfig<${TError}>, ${TData}, typeof queryKey>({\n       ${enabledText}\n       queryKey,\n       queryFn: async ({ signal }) => {\n          return ${clientName}(${clientParams.toCall({\n            transformName(name) {\n              if (name === 'config') {\n                return '{ ...config, signal: config.signal ?? signal }'\n              }\n\n              return name\n            },\n          })})\n       },\n      })\n`}\n      </Function>\n    </File.Source>\n  )\n}\n\nQueryOptions.getParams = getParams\n","import { isAllOptional, isOptional, type Operation } from '@kubb/oas'\nimport type { OperationSchemas } from '@kubb/plugin-oas'\nimport { getComments, getPathParams } from '@kubb/plugin-oas/utils'\nimport { File, Function, FunctionParams } from '@kubb/react-fabric'\nimport type { FabricReactNode } from '@kubb/react-fabric/types'\nimport type { Infinite, PluginReactQuery } from '../types.ts'\nimport { QueryKey } from './QueryKey.tsx'\nimport { QueryOptions } from './QueryOptions.tsx'\n\ntype Props = {\n  /**\n   * Name of the function\n   */\n  name: string\n  queryOptionsName: string\n  queryKeyName: string\n  queryKeyTypeName: string\n  typeSchemas: OperationSchemas\n  operation: Operation\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  paramsType: PluginReactQuery['resolvedOptions']['paramsType']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  dataReturnType: PluginReactQuery['resolvedOptions']['client']['dataReturnType']\n  initialPageParam: Infinite['initialPageParam']\n  queryParam?: Infinite['queryParam']\n  customOptions: PluginReactQuery['resolvedOptions']['customOptions']\n}\n\ntype GetParamsProps = {\n  paramsType: PluginReactQuery['resolvedOptions']['paramsType']\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  typeSchemas: OperationSchemas\n  pageParamGeneric: string\n}\n\nfunction getParams({ paramsType, paramsCasing, pathParamsType, typeSchemas, pageParamGeneric }: GetParamsProps) {\n  if (paramsType === 'object') {\n    const pathParams = getPathParams(typeSchemas.pathParams, {\n      typed: true,\n      casing: paramsCasing,\n    })\n\n    const children = {\n      ...pathParams,\n      data: typeSchemas.request?.name\n        ? {\n            type: typeSchemas.request?.name,\n            optional: isOptional(typeSchemas.request?.schema),\n          }\n        : undefined,\n      params: typeSchemas.queryParams?.name\n        ? {\n            type: typeSchemas.queryParams?.name,\n            optional: isOptional(typeSchemas.queryParams?.schema),\n          }\n        : undefined,\n      headers: typeSchemas.headerParams?.name\n        ? {\n            type: typeSchemas.headerParams?.name,\n            optional: isOptional(typeSchemas.headerParams?.schema),\n          }\n        : undefined,\n    }\n\n    // Check if all children are optional or undefined\n    const allChildrenAreOptional = Object.values(children).every((child) => !child || child.optional)\n\n    return FunctionParams.factory({\n      data: {\n        mode: 'object',\n        children,\n        default: allChildrenAreOptional ? '{}' : undefined,\n      },\n      options: {\n        type: `\n{\n  query?: Partial<InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryKey, ${pageParamGeneric}>> & { client?: QueryClient },\n  client?: ${typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: Client }` : 'Partial<RequestConfig> & { client?: Client }'}\n}\n`,\n        default: '{}',\n      },\n    })\n  }\n\n  return FunctionParams.factory({\n    pathParams: typeSchemas.pathParams?.name\n      ? {\n          mode: pathParamsType === 'object' ? 'object' : 'inlineSpread',\n          children: getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing }),\n          default: isAllOptional(typeSchemas.pathParams?.schema) ? '{}' : undefined,\n        }\n      : undefined,\n    data: typeSchemas.request?.name\n      ? {\n          type: typeSchemas.request?.name,\n          optional: isOptional(typeSchemas.request?.schema),\n        }\n      : undefined,\n    params: typeSchemas.queryParams?.name\n      ? {\n          type: typeSchemas.queryParams?.name,\n          optional: isOptional(typeSchemas.queryParams?.schema),\n        }\n      : undefined,\n    headers: typeSchemas.headerParams?.name\n      ? {\n          type: typeSchemas.headerParams?.name,\n          optional: isOptional(typeSchemas.headerParams?.schema),\n        }\n      : undefined,\n    options: {\n      type: `\n{\n  query?: Partial<InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryKey, ${pageParamGeneric}>> & { client?: QueryClient },\n  client?: ${typeSchemas.request?.name ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: Client }` : 'Partial<RequestConfig> & { client?: Client }'}\n}\n`,\n      default: '{}',\n    },\n  })\n}\n\nexport function InfiniteQuery({\n  name,\n  queryKeyTypeName,\n  queryOptionsName,\n  queryKeyName,\n  paramsType,\n  paramsCasing,\n  pathParamsType,\n  dataReturnType,\n  typeSchemas,\n  operation,\n  initialPageParam,\n  queryParam,\n  customOptions,\n}: Props): FabricReactNode {\n  const responseType = dataReturnType === 'data' ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`\n  const errorType = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(' | ') || 'Error'}>`\n  const isInitialPageParamDefined = initialPageParam !== undefined && initialPageParam !== null\n  const fallbackPageParamType =\n    typeof initialPageParam === 'number'\n      ? 'number'\n      : typeof initialPageParam === 'string'\n        ? initialPageParam.includes(' as ')\n          ? (() => {\n              const parts = initialPageParam.split(' as ')\n              return parts[parts.length - 1] ?? 'unknown'\n            })()\n          : 'string'\n        : typeof initialPageParam === 'boolean'\n          ? 'boolean'\n          : 'unknown'\n  const queryParamType = queryParam && typeSchemas.queryParams?.name ? `${typeSchemas.queryParams?.name}['${queryParam}']` : undefined\n  const pageParamType = queryParamType ? (isInitialPageParamDefined ? `NonNullable<${queryParamType}>` : queryParamType) : fallbackPageParamType\n  const returnType = 'UseInfiniteQueryResult<TData, TError> & { queryKey: TQueryKey }'\n  const generics = [\n    `TQueryFnData = ${responseType}`,\n    `TError = ${errorType}`,\n    'TData = InfiniteData<TQueryFnData>',\n    `TQueryKey extends QueryKey = ${queryKeyTypeName}`,\n    `TPageParam = ${pageParamType}`,\n  ]\n\n  const queryKeyParams = QueryKey.getParams({\n    pathParamsType,\n    typeSchemas,\n    paramsCasing,\n  })\n  const queryOptionsParams = QueryOptions.getParams({\n    paramsType,\n    pathParamsType,\n    typeSchemas,\n    paramsCasing,\n  })\n  const params = getParams({\n    paramsCasing,\n    paramsType,\n    pathParamsType,\n    typeSchemas,\n    pageParamGeneric: 'TPageParam',\n  })\n\n  const queryOptions = `${queryOptionsName}(${queryOptionsParams.toCall()})`\n\n  return (\n    <File.Source name={name} isExportable isIndexable>\n      <Function\n        name={name}\n        export\n        generics={generics.join(', ')}\n        params={params.toConstructor()}\n        JSDoc={{\n          comments: getComments(operation),\n        }}\n      >\n        {`\n       const { query: queryConfig = {}, client: config = {} } = options ?? {}\n       const { client: queryClient, ...resolvedOptions } = queryConfig\n       const queryKey = resolvedOptions?.queryKey ?? ${queryKeyName}(${queryKeyParams.toCall()})\n       ${customOptions ? `const customOptions = ${customOptions.name}({ hookName: '${name}', operationId: '${operation.getOperationId()}' })` : ''}\n\n       const query = useInfiniteQuery({\n        ...${queryOptions},${customOptions ? '\\n...customOptions,' : ''}\n        ...resolvedOptions,\n        queryKey,\n       } as unknown as InfiniteQueryObserverOptions<TQueryFnData, TError, TData, TQueryKey, TPageParam>, queryClient) as ${returnType}\n\n       query.queryKey = queryKey as TQueryKey\n\n       return query\n       `}\n      </Function>\n    </File.Source>\n  )\n}\n\nInfiniteQuery.getParams = getParams\n","import { getNestedAccessor } from '@internals/utils'\nimport { isAllOptional, isOptional } from '@kubb/oas'\nimport { Client } from '@kubb/plugin-client/components'\nimport type { OperationSchemas } from '@kubb/plugin-oas'\nimport { getPathParams } from '@kubb/plugin-oas/utils'\nimport { File, Function, FunctionParams } from '@kubb/react-fabric'\nimport type { FabricReactNode } from '@kubb/react-fabric/types'\nimport type { Infinite, PluginReactQuery } from '../types.ts'\nimport { QueryKey } from './QueryKey.tsx'\n\ntype Props = {\n  name: string\n  clientName: string\n  queryKeyName: string\n  typeSchemas: OperationSchemas\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  paramsType: PluginReactQuery['resolvedOptions']['paramsType']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  dataReturnType: PluginReactQuery['resolvedOptions']['client']['dataReturnType']\n  initialPageParam: Infinite['initialPageParam']\n  cursorParam: Infinite['cursorParam']\n  nextParam: Infinite['nextParam']\n  previousParam: Infinite['previousParam']\n  queryParam: Infinite['queryParam']\n}\n\ntype GetParamsProps = {\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  paramsType: PluginReactQuery['resolvedOptions']['paramsType']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  typeSchemas: OperationSchemas\n}\n\nfunction getParams({ paramsType, paramsCasing, pathParamsType, typeSchemas }: GetParamsProps) {\n  if (paramsType === 'object') {\n    const pathParams = getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing })\n\n    const children = {\n      ...pathParams,\n      data: typeSchemas.request?.name\n        ? {\n            type: typeSchemas.request?.name,\n            optional: isOptional(typeSchemas.request?.schema),\n          }\n        : undefined,\n      params: typeSchemas.queryParams?.name\n        ? {\n            type: typeSchemas.queryParams?.name,\n            optional: isOptional(typeSchemas.queryParams?.schema),\n          }\n        : undefined,\n      headers: typeSchemas.headerParams?.name\n        ? {\n            type: typeSchemas.headerParams?.name,\n            optional: isOptional(typeSchemas.headerParams?.schema),\n          }\n        : undefined,\n    }\n\n    // Check if all children are optional or undefined\n    const allChildrenAreOptional = Object.values(children).every((child) => !child || child.optional)\n\n    return FunctionParams.factory({\n      data: {\n        mode: 'object',\n        children,\n        default: allChildrenAreOptional ? '{}' : undefined,\n      },\n      config: {\n        type: typeSchemas.request?.name\n          ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: Client }`\n          : 'Partial<RequestConfig> & { client?: Client }',\n        default: '{}',\n      },\n    })\n  }\n\n  return FunctionParams.factory({\n    pathParams: typeSchemas.pathParams?.name\n      ? {\n          mode: pathParamsType === 'object' ? 'object' : 'inlineSpread',\n          children: getPathParams(typeSchemas.pathParams, {\n            typed: true,\n            casing: paramsCasing,\n          }),\n          default: isAllOptional(typeSchemas.pathParams?.schema) ? '{}' : undefined,\n        }\n      : undefined,\n    data: typeSchemas.request?.name\n      ? {\n          type: typeSchemas.request?.name,\n          optional: isOptional(typeSchemas.request?.schema),\n        }\n      : undefined,\n    params: typeSchemas.queryParams?.name\n      ? {\n          type: typeSchemas.queryParams?.name,\n          optional: isOptional(typeSchemas.queryParams?.schema),\n        }\n      : undefined,\n    headers: typeSchemas.headerParams?.name\n      ? {\n          type: typeSchemas.headerParams?.name,\n          optional: isOptional(typeSchemas.headerParams?.schema),\n        }\n      : undefined,\n    config: {\n      type: typeSchemas.request?.name\n        ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: Client }`\n        : 'Partial<RequestConfig> & { client?: Client }',\n      default: '{}',\n    },\n  })\n}\n\nexport function InfiniteQueryOptions({\n  name,\n  clientName,\n  initialPageParam,\n  cursorParam,\n  nextParam,\n  previousParam,\n  typeSchemas,\n  paramsCasing,\n  paramsType,\n  dataReturnType,\n  pathParamsType,\n  queryParam,\n  queryKeyName,\n}: Props): FabricReactNode {\n  const queryFnDataType = dataReturnType === 'data' ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`\n  const errorType = `ResponseErrorConfig<${typeSchemas.errors?.map((item) => item.name).join(' | ') || 'Error'}>`\n  const isInitialPageParamDefined = initialPageParam !== undefined && initialPageParam !== null\n  const fallbackPageParamType =\n    typeof initialPageParam === 'number'\n      ? 'number'\n      : typeof initialPageParam === 'string'\n        ? initialPageParam.includes(' as ')\n          ? (() => {\n              const parts = initialPageParam.split(' as ')\n              return parts[parts.length - 1] ?? 'unknown'\n            })()\n          : 'string'\n        : typeof initialPageParam === 'boolean'\n          ? 'boolean'\n          : 'unknown'\n  const queryParamType = queryParam && typeSchemas.queryParams?.name ? `${typeSchemas.queryParams?.name}['${queryParam}']` : undefined\n  const pageParamType = queryParamType ? (isInitialPageParamDefined ? `NonNullable<${queryParamType}>` : queryParamType) : fallbackPageParamType\n\n  const params = getParams({\n    paramsType,\n    paramsCasing,\n    pathParamsType,\n    typeSchemas,\n  })\n  const clientParams = Client.getParams({\n    paramsCasing,\n    typeSchemas,\n    paramsType,\n    pathParamsType,\n    isConfigurable: true,\n  })\n  const queryKeyParams = QueryKey.getParams({\n    pathParamsType,\n    typeSchemas,\n    paramsCasing,\n  })\n\n  // Determine if we should use the new nextParam/previousParam or fall back to legacy cursorParam behavior\n  const hasNewParams = nextParam !== undefined || previousParam !== undefined\n\n  let getNextPageParamExpr: string | undefined\n  let getPreviousPageParamExpr: string | undefined\n\n  if (hasNewParams) {\n    // Use the new nextParam and previousParam\n    if (nextParam) {\n      const accessor = getNestedAccessor(nextParam, 'lastPage')\n      if (accessor) {\n        getNextPageParamExpr = `getNextPageParam: (lastPage) => ${accessor}`\n      }\n    }\n    if (previousParam) {\n      const accessor = getNestedAccessor(previousParam, 'firstPage')\n      if (accessor) {\n        getPreviousPageParamExpr = `getPreviousPageParam: (firstPage) => ${accessor}`\n      }\n    }\n  } else if (cursorParam) {\n    // Legacy behavior: use cursorParam for both next and previous\n    getNextPageParamExpr = `getNextPageParam: (lastPage) => lastPage['${cursorParam}']`\n    getPreviousPageParamExpr = `getPreviousPageParam: (firstPage) => firstPage['${cursorParam}']`\n  } else {\n    // Fallback behavior: page-based pagination\n    if (dataReturnType === 'full') {\n      getNextPageParamExpr =\n        'getNextPageParam: (lastPage, _allPages, lastPageParam) => Array.isArray(lastPage.data) && lastPage.data.length === 0 ? undefined : lastPageParam + 1'\n    } else {\n      getNextPageParamExpr =\n        'getNextPageParam: (lastPage, _allPages, lastPageParam) => Array.isArray(lastPage) && lastPage.length === 0 ? undefined : lastPageParam + 1'\n    }\n    getPreviousPageParamExpr = 'getPreviousPageParam: (_firstPage, _allPages, firstPageParam) => firstPageParam <= 1 ? undefined : firstPageParam - 1'\n  }\n\n  const queryOptions = [\n    `initialPageParam: ${typeof initialPageParam === 'string' ? JSON.stringify(initialPageParam) : initialPageParam}`,\n    getNextPageParamExpr,\n    getPreviousPageParamExpr,\n  ].filter(Boolean)\n\n  const infiniteOverrideParams =\n    queryParam && typeSchemas.queryParams?.name\n      ? `\n          params = {\n            ...(params ?? {}),\n            ['${queryParam}']: pageParam as unknown as ${typeSchemas.queryParams?.name}['${queryParam}'],\n          } as ${typeSchemas.queryParams?.name}`\n      : ''\n\n  // Only add enabled check for required (non-optional) parameters\n  // Optional parameters with defaults should not prevent query execution\n  const enabled = Object.entries(queryKeyParams.flatParams)\n    .map(([key, item]) => {\n      // Only include if the parameter exists and is NOT optional\n      // This ensures we only check required parameters\n      return item && !item.optional && !item.default ? key : undefined\n    })\n    .filter(Boolean)\n    .join('&& ')\n\n  const enabledText = enabled ? `enabled: !!(${enabled}),` : ''\n\n  if (infiniteOverrideParams) {\n    return (\n      <File.Source name={name} isExportable isIndexable>\n        <Function name={name} export params={params.toConstructor()}>\n          {`\n      const queryKey = ${queryKeyName}(${queryKeyParams.toCall()})\n      return infiniteQueryOptions<${queryFnDataType}, ${errorType}, InfiniteData<${queryFnDataType}>, typeof queryKey, ${pageParamType}>({\n       ${enabledText}\n       queryKey,\n       queryFn: async ({ signal, pageParam }) => {\n          ${infiniteOverrideParams}\n          return ${clientName}(${clientParams.toCall({\n            transformName(name) {\n              if (name === 'config') {\n                return '{ ...config, signal: config.signal ?? signal }'\n              }\n\n              return name\n            },\n          })})\n        },\n       ${queryOptions.join(',\\n')}\n      })\n`}\n        </Function>\n      </File.Source>\n    )\n  }\n\n  return (\n    <File.Source name={name} isExportable isIndexable>\n      <Function name={name} export params={params.toConstructor()}>\n        {`\n      const queryKey = ${queryKeyName}(${queryKeyParams.toCall()})\n      return infiniteQueryOptions<${queryFnDataType}, ${errorType}, InfiniteData<${queryFnDataType}>, typeof queryKey, ${pageParamType}>({\n       ${enabledText}\n       queryKey,\n       queryFn: async ({ signal }) => {\n          return ${clientName}(${clientParams.toCall({\n            transformName(name) {\n              if (name === 'config') {\n                return '{ ...config, signal: config.signal ?? signal }'\n              }\n\n              return name\n            },\n          })})\n        },\n       ${queryOptions.join(',\\n')}\n      })\n`}\n      </Function>\n    </File.Source>\n  )\n}\n\nInfiniteQueryOptions.getParams = getParams\n","import { isOptional } from '@kubb/oas'\nimport { Client } from '@kubb/plugin-client/components'\nimport type { OperationSchemas } from '@kubb/plugin-oas'\nimport { getPathParams } from '@kubb/plugin-oas/utils'\nimport { File, Function, FunctionParams } from '@kubb/react-fabric'\nimport type { FabricReactNode, Params } from '@kubb/react-fabric/types'\nimport type { PluginReactQuery } from '../types.ts'\nimport { MutationKey } from './MutationKey.tsx'\n\ntype Props = {\n  name: string\n  clientName: string\n  mutationKeyName: string\n  typeSchemas: OperationSchemas\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  paramsType: PluginReactQuery['resolvedOptions']['paramsType']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  dataReturnType: PluginReactQuery['resolvedOptions']['client']['dataReturnType']\n}\n\ntype GetParamsProps = {\n  typeSchemas: OperationSchemas\n}\n\nfunction getParams({ typeSchemas }: GetParamsProps) {\n  return FunctionParams.factory({\n    config: {\n      type: typeSchemas.request?.name\n        ? `Partial<RequestConfig<${typeSchemas.request?.name}>> & { client?: Client }`\n        : 'Partial<RequestConfig> & { client?: Client }',\n      default: '{}',\n    },\n  })\n}\n\nexport function MutationOptions({\n  name,\n  clientName,\n  dataReturnType,\n  typeSchemas,\n  paramsCasing,\n  paramsType,\n  pathParamsType,\n  mutationKeyName,\n}: Props): FabricReactNode {\n  const params = getParams({ typeSchemas })\n  const TData = dataReturnType === 'data' ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`\n  const TError = typeSchemas.errors?.map((item) => item.name).join(' | ') || 'Error'\n\n  const clientParams = Client.getParams({\n    typeSchemas,\n    paramsCasing,\n    paramsType,\n    pathParamsType,\n    isConfigurable: true,\n  })\n\n  const mutationKeyParams = MutationKey.getParams({\n    pathParamsType,\n    typeSchemas,\n  })\n\n  const mutationParams = FunctionParams.factory({\n    ...getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing }),\n    data: typeSchemas.request?.name\n      ? {\n          type: typeSchemas.request?.name,\n          optional: isOptional(typeSchemas.request?.schema),\n        }\n      : undefined,\n    params: typeSchemas.queryParams?.name\n      ? {\n          type: typeSchemas.queryParams?.name,\n          optional: isOptional(typeSchemas.queryParams?.schema),\n        }\n      : undefined,\n    headers: typeSchemas.headerParams?.name\n      ? {\n          type: typeSchemas.headerParams?.name,\n          optional: isOptional(typeSchemas.headerParams?.schema),\n        }\n      : undefined,\n  })\n\n  const dataParams = FunctionParams.factory({\n    data: {\n      // No use of pathParams because useMutation can only take one argument in object form,\n      // see https://tanstack.com/query/latest/docs/framework/react/reference/useMutation#usemutation\n      mode: 'object',\n      children: Object.entries(mutationParams.params).reduce((acc, [key, value]) => {\n        if (value) {\n          acc[key] = {\n            ...value,\n            type: undefined,\n          }\n        }\n\n        return acc\n      }, {} as Params),\n    },\n  })\n\n  const TRequest = mutationParams.toConstructor()\n\n  return (\n    <File.Source name={name} isExportable isIndexable>\n      <Function name={name} export params={params.toConstructor()} generics={['TContext = unknown']}>\n        {`\n      const mutationKey = ${mutationKeyName}(${mutationKeyParams.toCall()})\n      return mutationOptions<${TData}, ResponseErrorConfig<${TError}>, ${TRequest ? `{${TRequest}}` : 'void'}, TContext>({\n        mutationKey,\n        mutationFn: async(${dataParams.toConstructor()}) => {\n          return ${clientName}(${clientParams.toCall()})\n        },\n      })\n`}\n      </Function>\n    </File.Source>\n  )\n}\n\nMutationOptions.getParams = getParams\n","import { isOptional, type Operation } from '@kubb/oas'\nimport type { OperationSchemas } from '@kubb/plugin-oas'\nimport { getComments, getPathParams } from '@kubb/plugin-oas/utils'\nimport { File, Function, FunctionParams } from '@kubb/react-fabric'\nimport type { FabricReactNode } from '@kubb/react-fabric/types'\nimport type { PluginReactQuery } from '../types.ts'\nimport { MutationKey } from './MutationKey.tsx'\nimport { MutationOptions } from './MutationOptions.tsx'\n\ntype Props = {\n  /**\n   * Name of the function\n   */\n  name: string\n  typeName: string\n  mutationOptionsName: string\n  mutationKeyName: string\n  typeSchemas: OperationSchemas\n  operation: Operation\n  dataReturnType: PluginReactQuery['resolvedOptions']['client']['dataReturnType']\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  customOptions: PluginReactQuery['resolvedOptions']['customOptions']\n}\n\ntype GetParamsProps = {\n  paramsCasing: PluginReactQuery['resolvedOptions']['paramsCasing']\n  pathParamsType: PluginReactQuery['resolvedOptions']['pathParamsType']\n  dataReturnType: PluginReactQuery['resolvedOptions']['client']['dataReturnType']\n  typeSchemas: OperationSchemas\n}\n\nfunction getParams({ paramsCasing, dataReturnType, typeSchemas }: GetParamsProps) {\n  const TData = dataReturnType === 'data' ? typeSchemas.response.name : `ResponseConfig<${typeSchemas.response.name}>`\n  const pathParams = getPathParams(typeSchemas.pathParams, { typed: true, casing: paramsCasing })\n\n  const mutationParams = FunctionParams.factory({\n    ...pathParams,\n    data: typeSchemas.request?.name\n      ? {\n          type: typeSchemas.request?.name,\n          optional: isOptional(typeSchemas.request?.schema),\n        }\n      : undefined,\n    params: typeSchemas.queryParams?.name\n      ? {\n          type: typeSchemas.queryParams?.name,\n          optional: isOptional(typeSchemas.queryParams?.schema),\n        }\n      : undefined,\n    headers: typeSchemas.headerParams?.name\n      ? {\n          type: typeSchemas.headerParams?.name,\n          optional: isOptional(typeSchemas.headerParams?.schema),\n        }\n      : undefined,\n  })\n  const TRequest = mutationParams.toConstructor