import type { JSX } from "@solidjs/web";
import type { Accessor } from "solid-js";
import { useToastProviderContext } from "./provider/toast-provider-context";

/**
 * Shape of a single toast instance in the queue. Mirrors Base UI React's
 * `ToastObject<Data>` with Solid-flavored `JSX.Element` replacing React's
 * `ReactNode`.
 */
export interface ToastObject<Data extends object> {
	id: string;
	title?: JSX.Element | string | undefined;
	description?: JSX.Element | string | undefined;
	type?: string | undefined;
	timeout?: number | undefined;
	priority?: "low" | "high" | undefined;
	transitionStatus?: "starting" | "ending" | undefined;
	updateKey?: number | undefined;
	limited?: boolean | undefined;
	height?: number | undefined;
	onClose?: (() => void) | undefined;
	onRemove?: (() => void) | undefined;
	actionProps?:
		| (JSX.IntrinsicElements["button"] & { children?: JSX.Element })
		| undefined;
	data?: Data | undefined;
}

export interface ToastManagerAddOptions<Data extends object>
	extends Omit<ToastObject<Data>, "id" | "height" | "limited" | "updateKey"> {
	id?: string | undefined;
}

export interface ToastManagerUpdateOptions<Data extends object>
	extends Partial<
		Omit<
			ToastObject<Data>,
			"id" | "height" | "transitionStatus" | "limited" | "updateKey"
		>
	> {}

export interface ToastManagerPromiseOptions<Value, Data extends object> {
	loading: string | ToastManagerUpdateOptions<Data>;
	success:
		| string
		| ToastManagerUpdateOptions<Data>
		| ((result: Value) => string | ToastManagerUpdateOptions<Data>);
	error:
		| string
		| ToastManagerUpdateOptions<Data>
		| ((error: unknown) => string | ToastManagerUpdateOptions<Data>);
}

export interface UseToastManagerReturnValue<Data extends object = object> {
	/**
	 * Reactive accessor for the current toast list. Readers that need the
	 * latest queue should call `toasts()` inside a reactive scope.
	 */
	toasts: Accessor<ToastObject<Data>[]>;
	add: (options: ToastManagerAddOptions<Data>) => string;
	close: (id?: string) => void;
	update: (id: string, options: ToastManagerUpdateOptions<Data>) => void;
	promise: <Value>(
		value: Promise<Value>,
		options: ToastManagerPromiseOptions<Value, Data>,
	) => Promise<Value>;
}

/**
 * Hook: returns the ambient `<Toast.Provider>`'s queue + mutators.
 *
 * Port notes:
 *
 *  - React's `useMemo` wrapping is unnecessary — the underlying store is a
 *    stable object and its mutator functions are stable for the provider's
 *    lifetime.
 *  - `toasts` is an accessor (not a plain array snapshot) so callers stay
 *    reactive across add/close/update.
 */
export function useToastManager<
	Data extends object = object,
>(): UseToastManagerReturnValue<Data> {
	const store = useToastProviderContext();
	return {
		toasts: store.toasts as Accessor<ToastObject<Data>[]>,
		add: store.addToast as UseToastManagerReturnValue<Data>["add"],
		close: store.closeToast,
		update: store.updateToast as UseToastManagerReturnValue<Data>["update"],
		promise: store.promiseToast as UseToastManagerReturnValue<Data>["promise"],
	};
}