Implement Fallback to User Balance for Transactions When Relayer Fails

packages/near-fast-auth-signer-e2e-tests/test-app/App.tsx

@@ -74,7 +74,7 @@ export default function App() {
       )}
       <button
         type="button"
-        data-test-id="sign-transaction-button"
+        data-testid="sign-transaction-button"
         onClick={() => {
           fastAuthWallet
             .signAndSendTransaction(

packages/near-fast-auth-signer-e2e-tests/tests/devices.spec.ts

@@ -9,9 +9,12 @@ import { getRandomEmailAndAccountId } from '../utils/email';
 
 const testUserUidList: string[] = [];
 
+let isAdminInitialized = false;
+
 test.beforeAll(async () => {
-  if (isServiceAccountAvailable()) {
+  if (isServiceAccountAvailable() && !isAdminInitialized) {
     initializeAdmin();
+    isAdminInitialized = true;
   }
 });
 

packages/near-fast-auth-signer-e2e-tests/tests/sign/sign-transaction.spec.ts

@@ -1,7 +1,7 @@
 import { Account, Connection, Contract } from '@near-js/accounts';
 import { KeyPair } from '@near-js/crypto';
 import { InMemoryKeyStore } from '@near-js/keystores';
-import { test, expect } from '@playwright/test';
+import { test, expect, Page } from '@playwright/test';
 
 import { getFastAuthIframe } from '../../utils/constants';
 import { createAccount, initializeAdmin, isServiceAccountAvailable } from '../../utils/createAccount';
@@ -10,16 +10,20 @@ import { TestDapp } from '../models/TestDapp';
 
 const { describe, beforeAll } = test;
 
-let page;
+let page: Page;
 const userFAK = KeyPair.fromRandom('ed25519');
 const userLAK = KeyPair.fromRandom('ed25519');
-let accountId;
+let accountId: string;
+
+let isAdminInitialized = false;
 
 describe('Sign transaction', () => {
   beforeAll(async ({ browser }, { workerIndex }) => {
-    if (isServiceAccountAvailable()) {
+    if (isServiceAccountAvailable() && !isAdminInitialized) {
       initializeAdmin();
+      isAdminInitialized = true;
     }
+
     const context = await browser.newContext();
     page = await context.newPage();
     const testDapp = new TestDapp(page);
@@ -71,15 +75,17 @@ describe('Sign transaction', () => {
     await page.goto('/');
     const walletSelector = page.locator('#ws-loaded');
     await expect(walletSelector).toBeVisible();
-    await page.locator('data-test-id=sign-transaction-button').click();
+    await page.getByTestId('sign-transaction-button').click();
 
     await expect(getFastAuthIframe(page).getByText(accountId)).toBeVisible();
-    await expect(getFastAuthIframe(page).getByText('0.02 NEAR')).toBeVisible();
 
-    await getFastAuthIframe(page).locator('data-test-id=more-details-button').click();
-    await getFastAuthIframe(page).locator('data-test-id=function-call-button').click();
+    // Unstable due to GeckoAPI rate limits
+    // await expect(getFastAuthIframe(page).getByTestId('total-right-side-content')).not.toHaveText('$0.00');
+
+    await getFastAuthIframe(page).getByTestId('more-details-button').click();
+    await getFastAuthIframe(page).getByTestId('function-call-button').click();
 
-    await expect(getFastAuthIframe(page).getByText(/v1.social08.testnet/)).toBeVisible();
+    await expect(getFastAuthIframe(page).getByText(/v1.social08.testnet/)).toHaveCount(2);
     await expect(getFastAuthIframe(page).getByText(/"fast-auth-e2e-test": "true"/)).toBeVisible();
   });
 
@@ -94,7 +100,7 @@ describe('Sign transaction', () => {
       retrievalKeypair: KeyPair.fromRandom('ed25519')
     });
 
-    await page.locator('data-test-id=sign-transaction-button').click();
+    await page.getByTestId('sign-transaction-button').click();
     await getFastAuthIframe(page).locator('data-test-id=confirm-transaction-button').click();
 
     await expect(getFastAuthIframe(page).getByText('You are not authenticated or there has been an indexer failure')).toBeVisible();
@@ -111,7 +117,7 @@ describe('Sign transaction', () => {
       retrievalKeypair: userFAK
     });
 
-    await page.locator('data-test-id=sign-transaction-button').click();
+    await page.getByTestId('sign-transaction-button').click();
     await getFastAuthIframe(page).locator('data-test-id=confirm-transaction-button').click();
     const socialdbContract = new Contract(new Account(Connection.fromConfig({
       networkId: 'testnet',
@@ -120,12 +126,12 @@ describe('Sign transaction', () => {
     }), 'dontcare'), 'v1.social08.testnet', {
       viewMethods:   ['get'],
       changeMethods: [],
-    }) as Contract & { get: (args) => Promise<string> };
+    }) as Contract & { get: (_args) => Promise<string> };
 
     await expect(getFastAuthIframe(page).getByText('You are not authenticated or there has been an indexer failure')).not.toBeVisible();
     await expect(page.locator('#nfw-connect-iframe')).not.toBeVisible();
 
     const result = await new Promise((resolve) => { setTimeout(resolve, 5000); }).then(() => socialdbContract.get({ keys: [`${accountId}/**`] }));
     expect(result).toEqual({ [accountId]: { 'fast-auth-e2e-test': 'true' } });
   });
-});
+});

packages/near-fast-auth-signer/.eslintrc.js

@@ -14,9 +14,12 @@ module.exports = {
     files: ['*.ts', '*.tsx'],
   }],
   ignorePatterns: ['dist'],
+  plugins:        [
+    '@typescript-eslint',
+  ],
   extends:        ['airbnb', 'plugin:import/errors', 'plugin:import/typescript'],
   rules:          {
-    'no-unused-vars':                    ['error', { argsIgnorePattern: '^_' }],
+
     'linebreak-style':                   0,
     'react/require-default-props':       'off',
     'react/prop-types':                  'off',
@@ -92,6 +95,10 @@ module.exports = {
     ],
     'arrow-parens':                        ['error', 'always'],
     'key-spacing':                         ['warn', { align: 'value', mode: 'minimum' }],
-    'one-var-declaration-per-line':        ['error', 'initializations']
+    'one-var-declaration-per-line':        ['error', 'initializations'],
+    'no-shadow':                         'off',
+    '@typescript-eslint/no-shadow':      'error',
+    'no-unused-vars':                    'off',
+    '@typescript-eslint/no-unused-vars': ['error', { argsIgnorePattern: '^_', varsIgnorePattern: '^_' }],
   },
 };

packages/near-fast-auth-signer/package.json

@@ -52,6 +52,7 @@
     "crypto-browserify": "^3.12.0",
     "data-loader": "^3.8.4",
     "debug": "^4.3.4",
+    "eslint-plugin-jsx-a11y": "6.7.1",
     "ethers": "^6.11.1",
     "firebase": "^10.1.0",
     "https-browserify": "^1.0.0",
@@ -85,7 +86,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.21.8",
-    "@babel/eslint-parser": "^7.21.8",
+    "@babel/eslint-parser": "^7.24.1",
     "@babel/preset-env": "^7.21.5",
     "@babel/preset-react": "^7.10.1",
     "@sentry/webpack-plugin": "^2.14.0",
@@ -98,16 +99,16 @@
     "@types/lodash.debounce": "^4.0.9",
     "@types/react": "^18.2.6",
     "@types/react-dom": "^18.2.4",
-    "@typescript-eslint/eslint-plugin": "^5.59.6",
-    "@typescript-eslint/parser": "^5.59.6",
+    "@typescript-eslint/eslint-plugin": "^7.5.0",
+    "@typescript-eslint/parser": "^7.5.0",
     "babel-loader": "^9.1.2",
     "css-loader": "^6.7.3",
-    "eslint": "^8.40.0",
+    "eslint": "^8.57.0",
     "eslint-config-airbnb": "^19.0.4",
-    "eslint-import-resolver-typescript": "^3.5.5",
-    "eslint-plugin-import": "^2.27.5",
+    "eslint-import-resolver-typescript": "^3.6.1",
+    "eslint-plugin-import": "^2.29.1",
     "eslint-plugin-jsx-a11y": "^6.7.1",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.0",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^5.5.1",

packages/near-fast-auth-signer/src/App.tsx

@@ -12,7 +12,7 @@ import Devices from './components/Devices/Devices';
 import Login from './components/Login/Login';
 import RemoveTrailingSlash from './components/RemoveTrailingSlash/RemoveTrailingSlash';
 import RpcRoute from './components/RpcRoute/RpcRoute';
-import Sign from './components/Sign/Sign';
+import SignTemplate from './components/Sign/SignTemplate';
 import SignMultichain from './components/SignMultichain/SignMultichain';
 import VerifyEmailPage from './components/VerifyEmail/verify-email';
 import FastAuthController from './lib/controller';
@@ -67,7 +67,9 @@ export default function App() {
             <Route path="rpc" element={<RpcRoute />} />
             <Route path="create-account" element={<CreateAccount />} />
             <Route path="add-device" element={<AddDevice />} />
-            <Route path="sign" element={<Sign />} />
+            {/* TODO: change the path for the delegates it's a breaking change that need to be done in sync with integrators */}
+            <Route path="sign" element={<SignTemplate signMethod="delegate" />} />
+            <Route path="sign-transaction" element={<SignTemplate signMethod="transaction" />} />
             {/* TODO: This isn't available on mainnet, and isn't production ready, clean the code for production release */}
             {environment.NETWORK_ID === 'testnet' && <Route path="sign-multichain" element={<SignMultichain />} />}
             <Route path="verify-email" element={<VerifyEmailPage />} />

packages/near-fast-auth-signer/src/components/AddDevice/AddDevice.tsx

@@ -25,6 +25,7 @@ import {
 } from '../../utils';
 import { recordEvent } from '../../utils/analytics';
 import { basePath } from '../../utils/config';
+import { NEAR_MAX_ALLOWANCE } from '../../utils/constants';
 import { checkFirestoreReady, firebaseAuth } from '../../utils/firebase';
 import ErrorSvg from '../CreateAccount/icons/ErrorSvg';
 import { FormContainer, StyledContainer } from '../Layout';
@@ -226,7 +227,7 @@ function AddDevicePage() {
     window.fastAuthController.signAndSendAddKey({
       contractId: contract_id,
       methodNames,
-      allowance:  new BN('250000000000000'),
+      allowance:  new BN(NEAR_MAX_ALLOWANCE),
       publicKey:  public_key,
     }).then((res) => res && res.json()).then((res) => {
       const failure = res['Receipts Outcome'].find(({ outcome: { status } }) => Object.keys(status).some((k) => k === 'Failure'))?.outcome?.status?.Failure;

packages/near-fast-auth-signer/src/components/AuthCallback/AuthCallback.tsx

@@ -14,6 +14,7 @@ import {
   decodeIfTruthy, inIframe, isUrlNotJavascriptProtocol
 } from '../../utils';
 import { basePath, networkId } from '../../utils/config';
+import { NEAR_MAX_ALLOWANCE } from '../../utils/constants';
 import {
   checkFirestoreReady, firebaseAuth,
 } from '../../utils/firebase';
@@ -48,7 +49,7 @@ const onCreateAccount = async ({
     limitedAccessKeys: public_key_lak ? [{
       public_key:   public_key_lak,
       receiver_id:  contract_id,
-      allowance:    '250000000000000',
+      allowance:    NEAR_MAX_ALLOWANCE,
       method_names: methodNames ?? '',
     }] : [],
     accessToken,
@@ -125,13 +126,13 @@ export const onSignIn = async ({
       publicKeyLak: public_key_lak,
       contractId:   contract_id,
       methodNames,
-      allowance:    new BN('250000000000000'),
+      allowance:    new BN(NEAR_MAX_ALLOWANCE),
     }) : getAddKeyAction({
       publicKeyLak:      public_key_lak,
       webAuthNPublicKey: publicKeyFak,
       contractId:        contract_id,
       methodNames,
-      allowance:         new BN('250000000000000'),
+      allowance:         new BN(NEAR_MAX_ALLOWANCE),
     });
 
   return (window as any).fastAuthController.signAndSendActionsWithRecoveryKey({