import type { ComputedRef } from 'vue'
import type { ItemType } from '../types'

interface ItemUtilsProps {
	textKey: string
	valueKey: string
	plainTextKey: string
	returnObject: boolean
}

export function useItemUtils(props: ItemUtilsProps, formattedItems: ComputedRef<ItemType[]>) {
	const getItemText = (item: unknown) => {
		// eslint-disable-next-line @typescript-eslint/no-explicit-any
		return (item as Record<string, any>)[props.textKey]
	}

	const getPlainText = (item: ItemType): string => {
		if (props.plainTextKey && item[props.plainTextKey]) return String(item[props.plainTextKey] ?? '')
		return String(item[props.textKey] ?? '')
	}

	const getValueKey = (item: ItemType | string | number): string | number =>
		typeof item === 'object'
			? item[props.valueKey] as string | number
			: item

	const getStoredValue = (item: ItemType | string | number) =>
		props.returnObject ? item : getValueKey(item)

	const getChipLabel = (chip: ItemType | string | number): string => {
		if (props.returnObject && typeof chip === 'object' && chip !== null) {
			return getPlainText(chip as ItemType)
		}
		const found = formattedItems.value.find(i => i[props.valueKey] === chip)
		if (found) return getPlainText(found)
		return String(chip ?? '')
	}

	return {
		getItemText,
		getPlainText,
		getValueKey,
		getStoredValue,
		getChipLabel,
	}
}