tests

src/transaction/components/TransactionProvider.test.tsx

@@ -48,6 +48,7 @@ const TestComponent = () => {
       <button type="button" onClick={context.onSubmit}>
         Submit
       </button>
+      <span data-testid="context-value-errorCode">{context.errorCode}</span>
       <span data-testid="context-value-errorMessage">
         {context.errorMessage}
       </span>
@@ -172,8 +173,10 @@ describe('TransactionProvider', () => {
     const button = screen.getByText('Submit');
     fireEvent.click(button);
     await waitFor(() => {
-      const testComponent = screen.getByTestId('context-value-errorMessage');
-      expect(testComponent.textContent).toBe(
+      expect(screen.getByTestId('context-value-errorCode').textContent).toBe(
+        'TmTPc03',
+      );
+      expect(screen.getByTestId('context-value-errorMessage').textContent).toBe(
         'Something went wrong. Please try again.',
       );
     });
@@ -339,6 +342,41 @@ describe('TransactionProvider', () => {
     const button = screen.getByText('Submit');
     fireEvent.click(button);
     await waitFor(() => {
+      expect(screen.getByTestId('context-value-errorCode').textContent).toBe(
+        'TmTPc03',
+      );
+      expect(screen.getByTestId('context-value-errorMessage').textContent).toBe(
+        'Something went wrong. Please try again.',
+      );
+    });
+  });
+
+  it('should call setLifeCycleStatus when calling fallbackToWriteContract when executeContracts fails', async () => {
+    const writeContractsAsyncMock = vi
+      .fn()
+      .mockRejectedValue(new Error(METHOD_NOT_SUPPORTED_ERROR_SUBSTRING));
+    const writeContractAsyncMock = vi
+      .fn()
+      .mockRejectedValue(new Error('Basic error'));
+    (useWriteContracts as ReturnType<typeof vi.fn>).mockReturnValue({
+      statusWriteContracts: 'IDLE',
+      writeContractsAsync: writeContractsAsyncMock,
+    });
+    (useWriteContract as ReturnType<typeof vi.fn>).mockReturnValue({
+      status: 'IDLE',
+      writeContractAsync: writeContractAsyncMock,
+    });
+    render(
+      <TransactionProvider address="0x123" contracts={[{}]}>
+        <TestComponent />
+      </TransactionProvider>,
+    );
+    const button = screen.getByText('Submit');
+    fireEvent.click(button);
+    await waitFor(() => {
+      expect(screen.getByTestId('context-value-errorCode').textContent).toBe(
+        'TmTPc02',
+      );
       expect(screen.getByTestId('context-value-errorMessage').textContent).toBe(
         'Something went wrong. Please try again.',
       );

src/transaction/components/TransactionProvider.tsx

@@ -56,6 +56,7 @@ export function TransactionProvider({
   const account = useAccount();
   const config = useConfig();
   const [errorMessage, setErrorMessage] = useState('');
+  const [errorCode, setErrorCode] = useState('');
   const [isToastVisible, setIsToastVisible] = useState(false);
   const [lifeCycleStatus, setLifeCycleStatus] = useState<LifeCycleStatus>({
     statusName: 'init',
@@ -96,6 +97,7 @@ export function TransactionProvider({
     // Emit Error
     if (lifeCycleStatus.statusName === 'error') {
       setErrorMessage(lifeCycleStatus.statusData.message);
+      setErrorCode(lifeCycleStatus.statusData.code);
       onError?.(lifeCycleStatus.statusData);
     }
     // Emit State
@@ -219,6 +221,7 @@ export function TransactionProvider({
     address,
     chainId,
     contracts,
+    errorCode,
     errorMessage,
     hasPaymaster: !!capabilities?.paymasterService?.url,
     isLoading: callStatus === 'PENDING',

src/transaction/types.ts

@@ -42,6 +42,7 @@ export type TransactionContextType = {
   address: Address; // The wallet address involved in the transaction.
   chainId?: number; // The chainId for the transaction.
   contracts: ContractFunctionParameters[]; // An array of contracts for the transaction.
+  errorCode?: string; // An error code string if the transaction encounters an issue.
   errorMessage?: string; // An error message string if the transaction encounters an issue.
   hasPaymaster?: boolean; // A boolean indicating if app has paymaster configured
   isLoading: boolean; // A boolean indicating if the transaction is currently loading.

vitest.config.ts

@@ -22,10 +22,10 @@ export default defineConfig({
       ],
       reportOnFailure: true,
       thresholds: {
-        statements: 99.5,
-        branches: 98.96,
+        statements: 99.56,
+        branches: 98.97,
         functions: 97.19,
-        lines: 99.5,
+        lines: 99.56,
       },
     },
     environment: 'jsdom',