WIP - Transaction status modal and transaction flow

packages/sdk/src/react/_internal/transaction-machine/asyncResultHandler.ts

@@ -0,0 +1,67 @@
+import { Hash } from 'viem';
+
+export type Result<T> = {
+	data?: T;
+	error?: Error;
+	isLoading: boolean;
+	isComplete: boolean;
+};
+
+export default class AsyncResultHandler<T> {
+	private state: Result<T> = {
+		isLoading: false,
+		isComplete: false,
+	};
+
+	constructor(private onError?: (error: Error) => void) {}
+
+	getState(): Result<T> {
+		return this.state;
+	}
+
+	async execute(
+		operation: () => Promise<T>,
+		onSuccess?: (hash: Hash) => void,
+		onError?: (error: Error) => void,
+	): Promise<Result<T>> {
+		try {
+			this.state = {
+				...this.state,
+				isLoading: true,
+				isComplete: false,
+				error: undefined,
+			};
+
+			const data = await operation();
+
+			this.state = {
+				data,
+				isLoading: false,
+				isComplete: true,
+			};
+
+			if (onSuccess) {
+				onSuccess(data as Hash);
+			}
+
+			return this.state;
+		} catch (error) {
+			const err = error as Error;
+			this.state = {
+				isLoading: false,
+				isComplete: true,
+				error: err,
+			};
+
+			if (this.onError) {
+				this.onError(err);
+			}
+
+			if (onError) {
+				onError(err);
+			}
+
+			return this.state;
+		}
+	}
+}