export interface ConnectivityChangedEvent {
  online: boolean;
}

const connectivityChangedEventName = 'openmrs:connectivity-changed';

/** @internal */
export function dispatchConnectivityChanged(online: boolean) {
  window.dispatchEvent(new CustomEvent(connectivityChangedEventName, { detail: { online } }));
}

/** @category Offline */
export function subscribeConnectivityChanged(cb: (ev: ConnectivityChangedEvent) => void) {
  if (!window.offlineEnabled) {
    return () => {};
  }

  const handler = (ev: CustomEvent) => cb(ev.detail);
  window.addEventListener(connectivityChangedEventName, handler);
  return () => window.removeEventListener(connectivityChangedEventName, handler);
}

/** @category Offline */
export function subscribeConnectivity(cb: (ev: ConnectivityChangedEvent) => void) {
  cb({ online: window.offlineEnabled ? navigator.onLine : true });
  return subscribeConnectivityChanged(cb);
}

// eslint-disable-next-line @typescript-eslint/no-empty-object-type
export interface PrecacheStaticDependenciesEvent {}

const precacheStaticDependenciesEventName = 'openmrs:precache-static-dependencies';

export function dispatchPrecacheStaticDependencies(data: PrecacheStaticDependenciesEvent = {}) {
  window.dispatchEvent(new CustomEvent(precacheStaticDependenciesEventName, { detail: data }));
}

/** @category Offline */
export function subscribePrecacheStaticDependencies(cb: (data: PrecacheStaticDependenciesEvent) => void) {
  const handler = (ev: CustomEvent) => cb(ev.detail);
  window.addEventListener(precacheStaticDependenciesEventName, handler);
  return () => window.removeEventListener(precacheStaticDependenciesEventName, handler);
}

/** @category UI */
export interface ShowNotificationEvent {
  description: any;
  kind?: 'error' | 'info' | 'info-square' | 'success' | 'warning' | 'warning-alt';
  title?: string;
  action?: any;
  millis?: number;
}

export interface ShowActionableNotificationEvent {
  subtitle: any;
  kind?: 'error' | 'info' | 'info-square' | 'success' | 'warning' | 'warning-alt';
  title?: string;
  actionButtonLabel: string | any;
  onActionButtonClick: () => void;
  progressActionLabel?: string;
}

/** @category UI */
export interface ShowToastEvent {
  description: any;
  kind?: 'error' | 'info' | 'info-square' | 'success' | 'warning' | 'warning-alt';
  title?: string;
  actionButtonLabel?: string | any;
  onActionButtonClick?: () => void;
}

/** @category UI */
export interface ShowSnackbarEvent {
  subtitle?: any;
  kind?: 'error' | 'info' | 'info-square' | 'success' | 'warning' | 'warning-alt';
  title: string;
  actionButtonLabel?: string | any;
  onActionButtonClick?: () => void;
  progressActionLabel?: string;
  isLowContrast?: boolean;
  timeoutInMs?: number;
}

const notificationShownName = 'openmrs:notification-shown';
const actionableNotificationShownName = 'openmrs:actionable-notification-shown';
const toastShownName = 'openmrs:toast-shown';
const snackbarShownName = 'openmrs:snack-bar-shown';

export function dispatchNotificationShown(data: ShowNotificationEvent) {
  window.dispatchEvent(new CustomEvent(notificationShownName, { detail: data }));
}

/** @internal */
export function dispatchActionableNotificationShown(data: ShowActionableNotificationEvent) {
  window.dispatchEvent(new CustomEvent(actionableNotificationShownName, { detail: data }));
}

/** @internal */
export function dispatchSnackbarShown(data: ShowSnackbarEvent) {
  window.dispatchEvent(new CustomEvent(snackbarShownName, { detail: data }));
}

/** @internal */
export function dispatchToastShown(data: ShowToastEvent) {
  window.dispatchEvent(new CustomEvent(toastShownName, { detail: data }));
}

/** @category UI */
export function subscribeNotificationShown(cb: (data: ShowNotificationEvent) => void) {
  const handler = (ev: CustomEvent) => cb(ev.detail);
  window.addEventListener(notificationShownName, handler);
  return () => window.removeEventListener(notificationShownName, handler);
}

/** @category UI */
export function subscribeActionableNotificationShown(cb: (data: ShowActionableNotificationEvent) => void) {
  const handler = (ev: CustomEvent) => cb(ev.detail);
  window.addEventListener(actionableNotificationShownName, handler);
  return () => window.removeEventListener(actionableNotificationShownName, handler);
}

/** @category UI */
export function subscribeToastShown(cb: (data: ShowToastEvent) => void) {
  const handler = (ev: CustomEvent) => cb(ev.detail);
  window.addEventListener(toastShownName, handler);
  return () => window.removeEventListener(toastShownName, handler);
}

/** @category UI */
export function subscribeSnackbarShown(cb: (data: ShowSnackbarEvent) => void) {
  const handler = (ev: CustomEvent) => cb(ev.detail);
  window.addEventListener(snackbarShownName, handler);
  return () => window.removeEventListener(snackbarShownName, handler);
}