Added transaction and message cancel signing handle

CHANGELOG.md

@@ -7,6 +7,7 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+- [Added transaction and message cancel signing handle](https://github.com/multiversx/mx-sdk-dapp-core/pull/71)
 - [Added custom guard transactions support](https://github.com/multiversx/mx-sdk-dapp-core/pull/68)
 - [Added custom toast support](https://github.com/multiversx/mx-sdk-dapp-core/pull/67)
 - [Fixed guarded transactions](https://github.com/multiversx/mx-sdk-dapp-core/pull/66)

src/core/providers/DappProvider/DappProvider.ts

@@ -3,11 +3,13 @@ import { Transaction } from '@multiversx/sdk-core/out/transaction';
 import { IProvider } from '../types/providerFactory.types';
 import { login } from './helpers/login/login';
 import { logout } from './helpers/logout/logout';
+import { handleSignMessageError } from './helpers/signMessage/handleSignMessageError';
 import { signMessage } from './helpers/signMessage/signMessage';
 import {
   verifyMessage,
   VerifyMessageReturnType
 } from './helpers/signMessage/verifyMessage';
+import { handleSignTransactionError } from './helpers/signTransactions/handleSignTransactionError';
 import {
   signTransactionsWithProvider,
   SignTransactionsOptionsType
@@ -53,12 +55,17 @@ export class DappProvider {
     transactions: Transaction[],
     options?: SignTransactionsOptionsType
   ): Promise<Transaction[]> {
-    const signedTransactions = await signTransactionsWithProvider({
-      provider: this.provider,
-      transactions,
-      options
-    });
-    return signedTransactions;
+    try {
+      const signedTransactions = await signTransactionsWithProvider({
+        provider: this.provider,
+        transactions,
+        options
+      });
+      return signedTransactions;
+    } catch (error) {
+      const errorMessage = handleSignTransactionError(error);
+      throw new Error(errorMessage);
+    }
   }
 
   async signMessage(
@@ -67,12 +74,17 @@ export class DappProvider {
       hasConsentPopup?: boolean;
     }
   ): Promise<Message | null> {
-    const signedMessage = await signMessage({
-      provider: this.provider,
-      message,
-      options
-    });
-    return signedMessage;
+    try {
+      const signedMessage = await signMessage({
+        provider: this.provider,
+        message,
+        options
+      });
+      return signedMessage;
+    } catch (error) {
+      const errorMessage = handleSignMessageError(error);
+      throw new Error(errorMessage);
+    }
   }
 
   verifyMessage(signedMessage: string): VerifyMessageReturnType {

src/core/providers/DappProvider/helpers/signMessage/handleSignMessageError.ts

@@ -0,0 +1,22 @@
+import { ERROR_SIGNING } from 'constants/errorMessages.constants';
+import {
+  CANCEL_TRANSACTION_TOAST_DEFAULT_DURATION,
+  CANCEL_TRANSACTION_TOAST_ID
+} from 'constants/transactions.constants';
+import { createCustomToast } from 'store/actions';
+
+export function handleSignMessageError(error?: unknown) {
+  const errorMessage =
+    (error as Error)?.message || (error as string) || ERROR_SIGNING;
+  console.error(errorMessage);
+
+  createCustomToast({
+    toastId: `${CANCEL_TRANSACTION_TOAST_ID}-${Date.now()}`,
+    duration: CANCEL_TRANSACTION_TOAST_DEFAULT_DURATION,
+    icon: 'warning',
+    iconClassName: 'warning',
+    message: ERROR_SIGNING
+  });
+
+  return errorMessage;
+}

src/core/providers/DappProvider/helpers/signTransactions/handleSignTransactionError.ts

@@ -0,0 +1,25 @@
+import {
+  ERROR_SIGNING,
+  TRANSACTION_CANCELLED
+} from 'constants/errorMessages.constants';
+import {
+  CANCEL_TRANSACTION_TOAST_DEFAULT_DURATION,
+  CANCEL_TRANSACTION_TOAST_ID
+} from 'constants/transactions.constants';
+import { createCustomToast } from 'store/actions';
+
+export function handleSignTransactionError(error?: unknown) {
+  const errorMessage = (error as Error)?.message || ERROR_SIGNING;
+  const isTxCancelled = errorMessage.includes(TRANSACTION_CANCELLED);
+  if (isTxCancelled) {
+    createCustomToast({
+      toastId: `${CANCEL_TRANSACTION_TOAST_ID}-${Date.now()}`,
+      duration: CANCEL_TRANSACTION_TOAST_DEFAULT_DURATION,
+      icon: 'warning',
+      iconClassName: 'warning',
+      message: TRANSACTION_CANCELLED
+    });
+  }
+
+  return errorMessage;
+}