import { createStore } from "@ariakit/store";
import type { Store, StoreOptions, StoreProps } from "@ariakit/store";
import { defaultValue } from "@ariakit/utils";
import type { SetState } from "@ariakit/utils";
import type {
  PopoverStoreFunctions,
  PopoverStoreOptions,
  PopoverStoreState,
} from "../popover/popover-store.ts";
import { createPopoverStore } from "../popover/popover-store.ts";

/**
 * Creates a hovercard store.
 */
export function createHovercardStore(
  props: HovercardStoreProps = {},
): HovercardStore {
  const syncState = props.store?.getState();

  const popover = createPopoverStore({
    ...props,
    placement: defaultValue(
      props.placement,
      syncState?.placement,
      "bottom" as const,
    ),
  });

  const timeout = defaultValue(props.timeout, syncState?.timeout, 500);

  const initialState: HovercardStoreState = {
    ...popover.getState(),
    timeout,
    showTimeout: defaultValue(props.showTimeout, syncState?.showTimeout),
    hideTimeout: defaultValue(props.hideTimeout, syncState?.hideTimeout),
    autoFocusOnShow: defaultValue(syncState?.autoFocusOnShow, false),
  };

  const hovercard = createStore(initialState, popover, props.store);

  return {
    ...popover,
    ...hovercard,
    setAutoFocusOnShow: (value) => hovercard.setState("autoFocusOnShow", value),
  };
}

export interface HovercardStoreState extends PopoverStoreState {
  /** @default "bottom" */
  placement: PopoverStoreState["placement"];
  /**
   * The amount of time in milliseconds to wait before showing and hiding the
   * popup. To control the delay for showing and hiding separately, use
   * [`showTimeout`](https://ariakit.com/reference/hovercard-provider#showtimeout)
   * and
   * [`hideTimeout`](https://ariakit.com/reference/hovercard-provider#hidetimeout).
   * @default 500
   */
  timeout: number;
  /**
   * The amount of time in milliseconds to wait before _showing_ the popup. It
   * defaults to the value passed to
   * [`timeout`](https://ariakit.com/reference/hovercard-provider#timeout).
   *
   * Live examples:
   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)
   * - [Submenu with
   *   Combobox](https://ariakit.com/examples/menu-nested-combobox)
   */
  showTimeout?: number;
  /**
   * The amount of time in milliseconds to wait before _hiding_ the popup. It
   * defaults to the value passed to
   * [`timeout`](https://ariakit.com/reference/hovercard-provider#timeout).
   *
   * Live examples:
   * - [Navigation Menubar](https://ariakit.com/examples/menubar-navigation)
   * - [Tooltip with
   *   Motion](https://ariakit.com/examples/tooltip-framer-motion)
   */
  hideTimeout?: number;
  /**
   * Whether the popup or an element inside it should be focused when it is
   * shown.
   * @default false
   */
  autoFocusOnShow: boolean;
}

export interface HovercardStoreFunctions extends PopoverStoreFunctions {
  /**
   * Sets the `autoFocusOnShow` state.
   *
   * Live examples:
   * - [Sliding Menu](https://ariakit.com/examples/menu-slide)
   */
  setAutoFocusOnShow: SetState<HovercardStoreState["autoFocusOnShow"]>;
}

export interface HovercardStoreOptions
  extends
    StoreOptions<
      HovercardStoreState,
      "placement" | "timeout" | "showTimeout" | "hideTimeout"
    >,
    PopoverStoreOptions {}

export interface HovercardStoreProps
  extends HovercardStoreOptions, StoreProps<HovercardStoreState> {}

export interface HovercardStore
  extends HovercardStoreFunctions, Store<HovercardStoreState> {}