fix: improve error notifications and enhance balance validation handling

apps/backend-serverless/src/handlers/transactions/payment-transaction.ts

@@ -151,7 +151,7 @@ export const paymentTransaction = Sentry.AWSLambda.wrapHandler(
                     } catch (error) {
                         // CRITICAL: Add to database failure queue
                         // We will log this error underneath so no need to do this here, shopify already knows what is good and big
-                        // We don't want to throw though becuase throwing would make us retry with shopify and im not sure thats how we want to handle this
+                        // We don't want to throw though because throwing would make us retry with shopify and im not sure thats how we want to handle this
                     }
                 } catch (error) {
                     try {

apps/backend-serverless/src/models/clients/payment-ui/balance-request-parameters.model.ts

@@ -13,6 +13,6 @@ export const parseAndValidateBalanceParameters = (balanceRequestParameters: unkn
     return parseAndValidateStrict(
         balanceRequestParameters,
         balanceRequestParametersScheme,
-        'Can not parse balance parameters. Unkownn reason.'
+        'Can not parse balance parameters. Unknown reason.'
     );
 };

apps/backend-serverless/src/models/clients/payment-ui/payment-status-request.model.ts

@@ -12,6 +12,6 @@ export const parseAndValidatePaymentStatusRequest = (paymentStatusRequestParamet
     return parseAndValidateStrict(
         paymentStatusRequestParameters,
         paymentStatusRequestScheme,
-        'Can not parse payment status request. Unkownn reason.',
+        'Can not parse payment status request. Unknown reason.',
     );
 };

apps/payment-ui/src/components/BuyButton.tsx

@@ -33,7 +33,7 @@ const BuyButton = () => {
                 const message = error.message.toLowerCase();
                 if (message.includes('user rejected')) return Notification.declined;
                 if (message.includes('0x0') && message.includes('instruction 0')) return Notification.duplicatePayment;
-                if (message.includes('0x1') && message.includes('instruction 1')) return Notification.insufficentFunds;
+                if (message.includes('0x1') && message.includes('instruction 1')) return Notification.insufficientFunds;
                 if (message === 'Transaction string is null') return Notification.transactionRequestFailed;
                 if (message === 'Failed to parse transaction string') return Notification.transactionRequestFailed;
             }
@@ -95,7 +95,7 @@ const BuyButton = () => {
     };
 
     const isDisabled = () => {
-        if (connectedWalletNotification == Notification.insufficentFunds) {
+        if (connectedWalletNotification == Notification.insufficientFunds) {
             return true;
         } else if (paymentId == null) {
             return true;

apps/payment-ui/src/components/handlers/CustomerHandler.tsx

@@ -31,7 +31,7 @@ const CustomerHandler: React.FC = () => {
     useEffect(() => {
         if (usdcBalance != null && paymentSize != null && usdcBalance < paymentSize) {
             dispatch(
-                setNotification({ notification: Notification.insufficentFunds, type: NotificationType.connectWallet })
+                setNotification({ notification: Notification.insufficientFunds, type: NotificationType.connectWallet })
             );
         } else if (usdcBalance != null && paymentSize != null && usdcBalance >= paymentSize) {
             dispatch(removeNotification());

apps/payment-ui/src/components/handlers/WebsocketHandler.tsx

@@ -66,7 +66,7 @@ const WebsocketHandler: React.FC = () => {
                     dispatch(resetSession());
                     dispatch(
                         setNotification({
-                            notification: Notification.insufficentFunds,
+                            notification: Notification.insufficientFunds,
                             type: NotificationType.solanaPay,
                         })
                     );

apps/payment-ui/src/features/notification/notificationSlice.ts

@@ -7,7 +7,7 @@ import { PayloadAction, createSlice } from '@reduxjs/toolkit';
 //         case Notification.noWallet:
 //         case Notification.declined:
 //         case Notification.duplicatePayment:
-//         case Notification.insufficentFunds:
+//         case Notification.insufficientFunds:
 //         case Notification.simulatingIssue:
 //             return NotificationType.info;
 //         case Notification.transactionRequestFailed:

apps/transaction-request-serverless/__tests__/sample.test.ts

@@ -30,7 +30,7 @@ describe('transaction test', () => {
         });
 
         mintPubkey = await token.createMint(
-            connection, // conneciton
+            connection, // connection
             keypair, // fee payer
             keypair.publicKey, // mint authority
             keypair.publicKey, // freeze authority (you can use `null` to disable it. when you disable it, you can't turn it on again)