import { type Context, useCallback, useContext } from 'react';
import { useRecoilCallback, useRecoilState } from 'recoil';
import { v4 } from 'uuid';

import { useContextScopeId } from '@/ui/utilities/recoil-scope/hooks/useContextScopeId';
import { useRecoilScopedValue } from '@/ui/utilities/recoil-scope/hooks/useRecoilScopedValue';

import { ViewBarContext } from '../contexts/ViewBarContext';
import { currentViewIdScopedState } from '../states/currentViewIdScopedState';
import { filtersScopedState } from '../states/filtersScopedState';
import { savedFiltersFamilyState } from '../states/savedFiltersFamilyState';
import { savedSortsFamilyState } from '../states/savedSortsFamilyState';
import { viewsByIdScopedSelector } from '../states/selectors/viewsByIdScopedSelector';
import { sortsScopedState } from '../states/sortsScopedState';
import { viewEditModeState } from '../states/viewEditModeState';
import { viewsScopedState } from '../states/viewsScopedState';

export const useUpsertView = ({
  scopeContext,
}: {
  scopeContext: Context<string | null>;
}) => {
  const { onViewCreate, onViewEdit } = useContext(ViewBarContext);
  const recoilScopeId = useContextScopeId(scopeContext);

  const filters = useRecoilScopedValue(filtersScopedState, scopeContext);
  const sorts = useRecoilScopedValue(sortsScopedState, scopeContext);
  const [viewEditMode, setViewEditMode] = useRecoilState(viewEditModeState);

  const resetViewEditMode = useCallback(
    () => setViewEditMode({ mode: undefined, viewId: undefined }),
    [setViewEditMode],
  );

  const upsertView = useRecoilCallback(
    ({ set, snapshot }) =>
      async (name?: string) => {
        if (!viewEditMode.mode || !name) {
          resetViewEditMode();
          return;
        }

        if (viewEditMode.mode === 'create') {
          const createdView = { id: v4(), name };

          set(savedFiltersFamilyState(createdView.id), filters);
          set(savedSortsFamilyState(createdView.id), sorts);

          set(viewsScopedState(recoilScopeId), (previousViews) => [
            ...previousViews,
            createdView,
          ]);

          await onViewCreate?.(createdView);

          resetViewEditMode();

          set(currentViewIdScopedState(recoilScopeId), createdView.id);

          return createdView;
        }

        if (viewEditMode.mode === 'edit' && viewEditMode.viewId) {
          const viewsById = await snapshot.getPromise(
            viewsByIdScopedSelector(recoilScopeId),
          );
          const editedView = { ...viewsById[viewEditMode.viewId], name };

          set(viewsScopedState(recoilScopeId), (previousViews) =>
            previousViews.map((previousView) =>
              previousView.id === viewEditMode.viewId
                ? editedView
                : previousView,
            ),
          );

          await onViewEdit?.(editedView);

          resetViewEditMode();

          return editedView;
        }
      },
    [
      filters,
      onViewCreate,
      onViewEdit,
      recoilScopeId,
      resetViewEditMode,
      sorts,
      viewEditMode.mode,
      viewEditMode.viewId,
    ],
  );

  return { upsertView };
};