import {createStore, StoreDefinition} from 'reflux';

import {FieldObject} from 'sentry/components/forms/type';

/**
 * Processed form field metadata.
 */
export type FormSearchField = {
  description: React.ReactNode;
  field: FieldObject;
  route: string;
  title: React.ReactNode;
};

interface StoreInterface {
  get(): InternalDefinition['searchMap'];
  reset(): void;
}

type InternalDefinition = {
  loadSearchMap: (searchMap: null | FormSearchField[]) => void;
  searchMap: null | FormSearchField[];
};

interface ExternalIssuesDefinition
  extends StoreDefinition,
    InternalDefinition,
    StoreInterface {}

/**
 * Store for "form" searches, but probably will include more
 */
const storeConfig: ExternalIssuesDefinition = {
  searchMap: null,

  init() {
    // XXX: Do not use `this.listenTo` in this store. We avoid usage of reflux
    // listeners due to their leaky nature in tests.

    this.reset();
  },

  get() {
    return this.searchMap;
  },

  reset() {
    // `null` means it hasn't been loaded yet
    this.searchMap = null;
  },

  /**
   * Adds to search map
   */
  loadSearchMap(searchMap) {
    // Only load once
    if (this.searchMap !== null) {
      return;
    }

    this.searchMap = searchMap;
    this.trigger(this.searchMap);
  },
};

const FormSearchStore = createStore(storeConfig);
export default FormSearchStore;
