@Action(UpdateAppStateAction)
 updateState({ patchState }: StateContext<AppStateModel>, action: UpdateAppStateAction) {
   patchState(action.payload);
 }

 @Action(ResetShopSettingsAction)
 resetProducts({ setState }: StateContext<ShopSettingsModel>) {
   setState(defaultState);
 }

 @Action(LoadData)
 public loadData({ patchState }: StateContext<TodoStateModel>) {
   const data = { toppings: 'pineapple', crust: 'medium', extras: [false, false, true] };
   return of(data).pipe(tap(values => patchState({ pizza: { model: { ...values } } })));
 }

 @Action(AddSectionEntriesAction)
 addSectionEntries({ patchState, getState }: StateContext<SectionEntriesStateModel>, action: AddSectionEntriesAction) {
   const state = getState();
   patchState({[action.siteName]: [...state[action.siteName], ...action.entries]});
 }

 @Action(ResetSectionEntriesAction)
 resetSectionEntries({ setState }: StateContext<SectionEntriesStateModel>) {
   setState({});
 }

 @Action(InitShopAction)
 initializeShop({ setState }: StateContext<ShopModel>, action: InitShopAction) {
   setState(action.payload);
 }

 @Action(ImagesLoaded)
 imagesLoaded({ patchState }: StateContext<ExplorerImageStateModel>, action: ImagesLoaded) {
     patchState({
         images: action.images
     });
 }

 @Action(ResetSiteTemplatesAction)
 resetSiteTemplates({ setState }: StateContext<SiteTemplatesStateModel>) {
   setState({});
 }

 @Action(AddTodo)
 public addTodo({ getState, setState }: StateContext<Todo[]>, { payload }: AddTodo) {
   setState(state => [...state, payload]);
 }

 @Action(NavigateBack)
 navigateBack({ getState, dispatch }: StateContext<ExplorerStateModel>) {
     const state = getState();
     state.currentPath.pop();
     dispatch(new LoadContentByPath(state.currentPath));
 }