import { create } from '@gravityforms/react-utils';
import config from 'gform-admin-config';

const initialState = config?.components?.setup_wizard?.data?.defaults || {};

const storeActions = ( set ) => ( {
	closeDialog: () => set( () => ( { isOpen: false } ) ),
	patchServices: ( checked, e ) => set( produce( ( draft ) => {
		draft.services.forEach( ( type, i ) => {
			if ( type.value === e.target.value ) {
				draft.services[ i ].initialChecked = checked;
			}
			if ( e.target.value === 'other' && ! checked ) {
				draft.servicesOther = '';
			}
		} );
	} ) ),
	setActiveStepNext: () => set( ( state ) => ( { activeStep: state.activeStep + 1 } ) ),
	setActiveStepPrevious: () => set( ( state ) => ( { activeStep: state.activeStep - 1 } ) ),
} );

const useStore = create( initialState, storeActions );

export default useStore;