@playkit-js/playkit-js-ui/src/middlewares/debounce-middleware.ts

[](https://github.com/kaltura/playkit-js-ui/actions/workflows/run_canary_full_flow.yaml) [![code style: prettier](https://img.shields.io/badge/c

import {types as shell} from '../reducers/shell';

let timeoutId: any = null;
let lastAction: any = null;
const UPDATE_IS_SMALL_SIZE_TIMEOUT: number = 150;

/**
 * The debounce middleware.
 * debounce actions if needed.
 * @returns {void}
 */
const debounceMiddleware =
  () =>
  // eslint-disable-next-line @typescript-eslint/no-unused-vars
  (store: any) =>
  (next: (...args: any) => any) =>
  (action: any): void => {
    switch (action.type) {
      case shell.UPDATE_IS_SMALL_SIZE:
        lastAction = action;
        if (timeoutId) {
          clearTimeout(timeoutId);
        }
        timeoutId = setTimeout(() => {
          timeoutId = null;
          next(lastAction);
        }, UPDATE_IS_SMALL_SIZE_TIMEOUT);
        break;

      default:
        next(action);
        break;
    }
  };

export {debounceMiddleware};