Convert all of the login components into hook based ones

resources/scripts/state/index.ts

@@ -0,0 +1,16 @@
+import { action, createStore } from 'easy-peasy';
+import { ApplicationState } from '@/state/types';
+
+const state: ApplicationState = {
+    flashes: {
+        items: [],
+        addFlash: action((state, payload) => {
+            state.items.push(payload);
+        }),
+        clearFlashes: action(state => {
+            state.items = [];
+        }),
+    },
+};
+
+export const store = createStore(state);

resources/scripts/state/types.d.ts

@@ -0,0 +1,19 @@
+import { FlashMessageType } from '@/components/MessageBox';
+import { Action } from 'easy-peasy';
+
+export interface ApplicationState {
+    flashes: FlashState;
+}
+
+export interface FlashState {
+    items: FlashMessage[];
+    addFlash: Action<FlashState, FlashMessage>;
+    clearFlashes: Action<FlashState>;
+}
+
+export interface FlashMessage {
+    id?: string;
+    type: FlashMessageType;
+    title?: string;
+    message: string;
+}