export type IHideToastOnTimeoutEpic = IEpic<
  IToastShowAction | IToastDismissAction,
  IToastDismissAction
>;

const hideToastOnTimeoutEpic: IHideToastOnTimeoutEpic = (action$, state$) => {
  const showAction$ = action$.ofType<IToastShowAction>(TOAST_SHOW);
  const dismissAction$ = action$.ofType<IToastDismissAction>(TOAST_DISMISS);

  return showAction$.pipe(
    filter(showAction => 'timeout' in showAction.payload),
    mergeMap(showAction =>
      timer(showAction.payload.timeout).pipe(
        takeUntil(
          dismissAction$.pipe(
            filter(dismissAction => dismissAction.payload.uuid === showAction.payload.uuid),
          ),
        ),
        map(() => createToastDismissAction(showAction.payload.uuid)),
      ),
    ),
  );
};

export default hideToastOnTimeoutEpic;