import create from 'zustand';

type Tour = {
  showWelcome: boolean;
  isCreator: boolean | null;
  run: boolean;
  step: number;
  prev: number;
};

type State = Tour & {
  setTour: (tour: Partial<Tour>) => void;
};

const ONBOARDING_STORAGE_KEY = 'showWelcome';
let persistedShowWelcome = null;
if(typeof localStorage !== 'undefined')
    persistedShowWelcome = JSON.parse(localStorage.getItem(ONBOARDING_STORAGE_KEY));

const useTourStore = create<State>(set => ({
  showWelcome: typeof persistedShowWelcome === 'boolean' ? persistedShowWelcome : true,
  isCreator: null,
  run: false,
  step: -1,
  prev: -1,
  setTour: tour => {
    if (typeof tour.showWelcome != 'undefined') {
      localStorage.setItem('showWelcome', String(tour.showWelcome));
    }
    set(s => ({...s, ...tour}));
  },
}));

export default useTourStore;