@subwallet/extension-base 1.1.9-0 → 1.1.10-0

package/koni/background/handlers/Tabs.js

@@ -15,6 +15,7 @@ import { _generateCustomProviderKey } from '@subwallet/extension-base/services/c
 import { DEFAULT_CHAIN_PATROL_ENABLE } from '@subwallet/extension-base/services/setting-service/constants';
 import { canDerive, stripUrl } from '@subwallet/extension-base/utils';
 import keyring from '@subwallet/ui-keyring';
+import { t } from 'i18next';
 import Web3 from 'web3';
 import { checkIfDenied } from '@polkadot/phishing';
 import { assert, isNumber } from '@polkadot/util';
@@ -103,7 +104,7 @@ export default class KoniTabs {
   /// Clone from Polkadot.js
   getSigningPair(address) {
     const pair = keyring.getPair(address);
-    assert(pair, 'Unable to find keypair');
+    assert(pair, t('Unable to find account'));
     return pair;
   }
   async bytesSign(url, request) {
@@ -327,13 +328,13 @@ export default class KoniTabs {
       const web3 = evmApi === null || evmApi === void 0 ? void 0 : evmApi.api;
       if ((web3 === null || web3 === void 0 ? void 0 : web3.currentProvider) instanceof Web3.providers.WebsocketProvider) {
         if (!web3.currentProvider.connected) {
-          console.log(`[Web3] ${slug} is disconnected, trying to connect...`);
+          console.log(`${slug} is disconnected, trying to connect...`);
           this.#koniState.refreshWeb3Api(slug);
           let checkingNum = 0;
           const poll = resolve => {
             checkingNum += 1;
             if (web3.currentProvider.connected) {
-              console.log(`Network [${slug}] is connected.`);
+              console.log(`${slug} is connected.`);
               resolve(true);
             } else {
               console.log(`Connecting to network [${slug}]`);
@@ -383,7 +384,7 @@ export default class KoniTabs {
     if (networkKey) {
       await this.#koniState.switchEvmNetworkByUrl(stripUrl(url), networkKey);
     } else {
-      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, `Not found chainId ${chainId} in wallet`);
+      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'This network is currently not supported');
     }
     return null;
   }
@@ -394,15 +395,15 @@ export default class KoniTabs {
     const input = params;
     const _tokenType = (input === null || input === void 0 ? void 0 : (_input$type = input.type) === null || _input$type === void 0 ? void 0 : _input$type.toLowerCase()) || '';
     if (_tokenType !== 'erc20' && _tokenType !== 'erc721') {
-      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, `Assets type ${_tokenType} is not supported`);
+      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Assets type {{tokenType}} is not supported'.replace('{{tokenType}}', _tokenType));
     }
     if (!(input !== null && input !== void 0 && (_input$options = input.options) !== null && _input$options !== void 0 && _input$options.address) || !(input !== null && input !== void 0 && (_input$options2 = input.options) !== null && _input$options2 !== void 0 && _input$options2.symbol)) {
-      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Assets params require address and symbol');
+      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Unable to get contract address and token symbol');
     }
     const evmState = await this.getEvmState(url);
     const chain = evmState.networkKey;
     if (!chain) {
-      throw new EvmProviderError(EvmProviderErrorType.INTERNAL_ERROR, 'Current chain is not available');
+      throw new EvmProviderError(EvmProviderErrorType.INTERNAL_ERROR, 'The network on dApp is not supported in wallet. Please manually add the network to wallet');
     }
     const tokenType = _tokenType === 'erc20' ? _AssetType.ERC20 : _AssetType.ERC721;
     const tokenInfo = {
@@ -503,7 +504,7 @@ export default class KoniTabs {
             return url.protocol === 'http:' || url.protocol === 'https:';
           });
           if (!filteredUrls.length) {
-            throw new EvmProviderError(EvmProviderErrorType.INTERNAL_ERROR, 'Currently HTTP provider for EVM network');
+            throw new EvmProviderError(EvmProviderErrorType.INTERNAL_ERROR, 'Currently support WSS provider for Substrate networks and HTTP provider for EVM network');
           }
           const provider = filteredUrls[0];
           const chainInfo = {
@@ -746,7 +747,7 @@ export default class KoniTabs {
     if (signResult) {
       return signResult;
     } else {
-      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Have something wrong to sign message');
+      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Failed to sign message');
     }
   }
   async evmSendTransaction(id, url, {
@@ -757,10 +758,10 @@ export default class KoniTabs {
     const evmState = await this.getEvmState(url);
     const networkKey = evmState.networkKey;
     if (!canUseAccount) {
-      throw new Error('Account ' + transactionParams.from + ' not in allowed list');
+      throw new Error(t('You have rescinded allowance for this account in wallet'));
     }
     if (!networkKey) {
-      throw new Error('Empty current network key');
+      throw new Error('Network unavailable. Please switch network or manually add network to wallet');
     }
     const allowedAccounts = await this.getEvmCurrentAccount(url, true);
     const transactionHash = await this.#koniState.evmSendTransaction(id, url, networkKey, allowedAccounts, transactionParams);
@@ -851,14 +852,14 @@ export default class KoniTabs {
   }) {
     const _tokenType = input.type;
     if (_tokenType !== 'psp22' && _tokenType !== 'psp34') {
-      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, `Assets type ${_tokenType} is not supported`);
+      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Assets type {{tokenType}} is not supported'.replace('{{tokenType}}', _tokenType));
     }
     if (!input.address || !input.symbol) {
-      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Assets params require address and symbol');
+      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Unable to get contract address and token symbol');
     }
     const [chain] = this.#koniState.findNetworkKeyByGenesisHash(genesisHash);
     if (!chain) {
-      throw new EvmProviderError(EvmProviderErrorType.INTERNAL_ERROR, 'Current chain is not available');
+      throw new EvmProviderError(EvmProviderErrorType.INTERNAL_ERROR, 'The network on dApp is not supported in wallet. Please manually add the network to wallet');
     }
     const state = this.#koniState.getChainStateByKey(chain);
     if (!state.active) {

package/package.json

@@ -17,7 +17,7 @@
     "./cjs/detectPackage.js"
   ],
   "type": "module",
-  "version": "1.1.9-0",
+  "version": "1.1.10-0",
   "main": "./cjs/index.js",
   "module": "./index.js",
   "types": "./index.d.ts",
@@ -134,6 +134,11 @@
       "require": "./cjs/constants/staking.js",
       "default": "./constants/staking.js"
     },
+    "./constants/storage": {
+      "types": "./constants/storage.d.ts",
+      "require": "./cjs/constants/storage.js",
+      "default": "./constants/storage.js"
+    },
     "./defaults": {
       "types": "./defaults.d.ts",
       "require": "./cjs/defaults.js",
@@ -792,6 +797,26 @@
       "require": "./cjs/services/setting-service/constants.js",
       "default": "./services/setting-service/constants.js"
     },
+    "./services/setting-service/i18n/Backend": {
+      "types": "./services/setting-service/i18n/Backend.d.ts",
+      "require": "./cjs/services/setting-service/i18n/Backend.js",
+      "default": "./services/setting-service/i18n/Backend.js"
+    },
+    "./services/setting-service/i18n/cache": {
+      "types": "./services/setting-service/i18n/cache.d.ts",
+      "require": "./cjs/services/setting-service/i18n/cache.js",
+      "default": "./services/setting-service/i18n/cache.js"
+    },
+    "./services/setting-service/i18n/extend": {
+      "types": "./services/setting-service/i18n/extend.d.ts",
+      "require": "./cjs/services/setting-service/i18n/extend.js",
+      "default": "./services/setting-service/i18n/extend.js"
+    },
+    "./services/setting-service/i18n/i18n": {
+      "types": "./services/setting-service/i18n/i18n.d.ts",
+      "require": "./cjs/services/setting-service/i18n/i18n.js",
+      "default": "./services/setting-service/i18n/i18n.js"
+    },
     "./services/setting-service/SettingService": {
       "types": "./services/setting-service/SettingService.d.ts",
       "require": "./cjs/services/setting-service/SettingService.js",
@@ -1137,11 +1162,6 @@
       "require": "./cjs/utils/getId.js",
       "default": "./utils/getId.js"
     },
-    "./utils/keyring": {
-      "types": "./utils/keyring.d.ts",
-      "require": "./cjs/utils/keyring.js",
-      "default": "./utils/keyring.js"
-    },
     "./utils/lazy": {
       "types": "./utils/lazy.d.ts",
       "require": "./cjs/utils/lazy.js",
@@ -1201,11 +1221,11 @@
     "@reduxjs/toolkit": "^1.9.1",
     "@sora-substrate/type-definitions": "^1.17.7",
     "@substrate/connect": "^0.7.26",
-    "@subwallet/chain-list": "0.2.11-beta.0",
-    "@subwallet/extension-base": "^1.1.9-0",
-    "@subwallet/extension-chains": "^1.1.9-0",
-    "@subwallet/extension-dapp": "^1.1.9-0",
-    "@subwallet/extension-inject": "^1.1.9-0",
+    "@subwallet/chain-list": "0.2.12",
+    "@subwallet/extension-base": "^1.1.10-0",
+    "@subwallet/extension-chains": "^1.1.10-0",
+    "@subwallet/extension-dapp": "^1.1.10-0",
+    "@subwallet/extension-inject": "^1.1.10-0",
     "@subwallet/keyring": "^0.0.10",
     "@subwallet/ui-keyring": "^0.0.10",
     "@walletconnect/sign-client": "^2.8.4",

package/packageInfo.js

@@ -7,5 +7,5 @@ export const packageInfo = {
   name: '@subwallet/extension-base',
   path: (import.meta && import.meta.url) ? new URL(import.meta.url).pathname.substring(0, new URL(import.meta.url).pathname.lastIndexOf('/') + 1) : 'auto',
   type: 'esm',
-  version: '1.1.9-0'
+  version: '1.1.10-0'
 };

package/services/balance-service/index.js

@@ -8,6 +8,7 @@ import { state } from '@subwallet/extension-base/koni/background/handlers';
 import { _PURE_EVM_CHAINS } from '@subwallet/extension-base/services/chain-service/constants';
 import { _getChainNativeTokenSlug, _isChainEvmCompatible, _isPureEvmChain } from '@subwallet/extension-base/services/chain-service/utils';
 import { categoryAddresses } from '@subwallet/extension-base/utils';
+import { t } from 'i18next';
 export class BalanceService {
   constructor(chainService) {
     this.chainService = chainService;
@@ -26,12 +27,20 @@ export class BalanceService {
     const chainInfo = this.chainService.getChainInfoByKey(chain);
     const chainState = this.chainService.getChainStateByKey(chain);
     if (!chainInfo || !chainState || !chainState.active) {
-      return Promise.reject(new BalanceError(BalanceErrorType.NETWORK_ERROR, `Chain ${chain} is not active`));
+      return Promise.reject(new BalanceError(BalanceErrorType.NETWORK_ERROR, t('{{chain}} is inactive. Please enable network', {
+        replace: {
+          chain
+        }
+      })));
     }
     const tSlug = tokenSlug || _getChainNativeTokenSlug(chainInfo);
     const tokenInfo = this.chainService.getAssetBySlug(tSlug);
     if (!tokenInfo) {
-      return Promise.reject(new BalanceError(BalanceErrorType.TOKEN_ERROR, `Token ${tSlug} is not supported`));
+      return Promise.reject(new BalanceError(BalanceErrorType.TOKEN_ERROR, t('Transfer is currently not available for this token: {{tSlug}}', {
+        replace: {
+          slug: tSlug
+        }
+      })));
     }
     return new Promise((resolve, reject) => {
       let hasError = true;
@@ -55,7 +64,7 @@ export class BalanceService {
       setTimeout(() => {
         if (hasError) {
           unsub();
-          reject(new Error('Get Balance Timeout'));
+          reject(new Error(t('Failed to get balance. Please check your internet connection or change your network endpoint')));
         }
       }, 9999);
     });

package/services/request-service/handler/AuthRequestHandler.js

@@ -210,7 +210,7 @@ export default class AuthRequestHandler {
     const idStr = stripUrl(url);
     // Do not enqueue duplicate authorization requests.
     const isDuplicate = Object.values(this.#authRequestsV2).some(request => request.idStr === idStr);
-    assert(!isDuplicate, `The source ${url} has a pending authorization request`);
+    assert(!isDuplicate, 'The source {{url}} has a pending authorization request'.replace('{{url}}', url));
     const existedAuth = authList[idStr];
     const existedAccountAuthType = existedAuth === null || existedAuth === void 0 ? void 0 : existedAuth.accountAuthType;
     const confirmAnotherType = existedAccountAuthType !== 'both' && existedAccountAuthType !== request.accountAuthType;
@@ -222,7 +222,7 @@ export default class AuthRequestHandler {
     if (existedAuth) {
       const inBlackList = existedAuth && !existedAuth.isAllowed;
       if (inBlackList) {
-        throw new Error(`The source ${url} is not allowed to interact with this extension`);
+        throw new Error('The source {{url}} is not allowed to interact with this extension'.replace('{{url}}', url));
       }
       request.allowedAccounts = Object.entries(existedAuth.isAllowedMap).map(([address, allowed]) => allowed ? address : '').filter(item => item !== '');
       let allowedListByRequestType = [...request.allowedAccounts];
@@ -270,11 +270,11 @@ export default class AuthRequestHandler {
         }
         const entry = Object.keys(value).includes(idStr);
         if (!entry) {
-          reject(new Error(`The source ${url} has not been enabled yet`));
+          reject(new Error('The source {{url}} has not been authorized yet'.replace('{{url}}', url)));
         }
         const isConnected = value[idStr] && Object.keys(value[idStr].isAllowedMap).some(address => value[idStr].isAllowedMap[address]);
         if (!isConnected) {
-          reject(new Error(`The source ${url} is not allowed to interact with this extension`));
+          reject(new Error('The source {{url}} is not allowed to interact with this extension'.replace('{{url}}', url)));
         }
         resolve(true);
       });

package/services/request-service/handler/EvmRequestHandler.js

@@ -10,6 +10,7 @@ import keyring from '@subwallet/ui-keyring';
 import BN from 'bn.js';
 import { Transaction } from 'ethereumjs-tx';
 import { toBuffer } from 'ethereumjs-util';
+import { t } from 'i18next';
 import { BehaviorSubject } from 'rxjs';
 import { logger as createLogger } from '@polkadot/util';
 export default class EvmRequestHandler {
@@ -46,7 +47,7 @@ export default class EvmRequestHandler {
     // Check duplicate request
     const duplicated = Object.values(confirmationType).find(c => c.url === url && c.payloadJson === payloadJson);
     if (duplicated) {
-      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Duplicate request information');
+      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, t('Duplicate request'));
     }
     confirmationType[id] = {
       id,
@@ -79,7 +80,7 @@ export default class EvmRequestHandler {
     // Check duplicate request
     const exists = confirmationType[id];
     if (!exists) {
-      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Request does not exist');
+      throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, t('Request does not exist'));
     }
     const payloadJson = JSON.stringify(payload);
     confirmationType[id] = {
@@ -113,7 +114,7 @@ export default class EvmRequestHandler {
       case 'eth_signTypedData_v4':
         return await pair.evmSigner.signMessage(payload, type);
       default:
-        throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, 'Not found sign method');
+        throw new EvmProviderError(EvmProviderErrorType.INVALID_PARAMS, t('Unsupported action'));
     }
   }
   configToTransaction(config) {
@@ -186,8 +187,8 @@ export default class EvmRequestHandler {
   async completeConfirmation(request) {
     const confirmations = this.confirmationsQueueSubject.getValue();
     for (const ct in request) {
-      const t = ct;
-      const result = request[t];
+      const type = ct;
+      const result = request[type];
       const {
         id
       } = result;
@@ -195,14 +196,14 @@ export default class EvmRequestHandler {
         resolver,
         validator
       } = this.confirmationsPromiseMap[id];
-      const confirmation = confirmations[t][id];
+      const confirmation = confirmations[type][id];
       if (!resolver || !confirmation) {
-        this.#logger.error('Not found confirmation', t, id);
-        throw new Error('Not found promise for confirmation');
+        this.#logger.error(t('Unable to proceed. Please try again'), type, id);
+        throw new Error(t('Unable to proceed. Please try again'));
       }
 
       // Fill signature for some special type
-      await this.decorateResult(t, confirmation, result);
+      await this.decorateResult(type, confirmation, result);
 
       // Validate response from confirmation popup some info like password, response format....
       const error = validator && validator(result);
@@ -212,7 +213,7 @@ export default class EvmRequestHandler {
 
       // Delete confirmations from queue
       delete this.confirmationsPromiseMap[id];
-      delete confirmations[t][id];
+      delete confirmations[type][id];
       this.confirmationsQueueSubject.next(confirmations);
 
       // Update icon, and close queue

package/services/setting-service/SettingService.d.ts

@@ -3,6 +3,7 @@ import { Subject } from 'rxjs';
 export default class SettingService {
     private readonly settingsStore;
     private readonly passPhishingStore;
+    constructor();
     getSubject(): Subject<RequestSettingsType>;
     getSettings(update: (value: RequestSettingsType) => void): void;
     setSettings(data: RequestSettingsType, callback?: () => void): void;

package/services/setting-service/SettingService.js

@@ -1,22 +1,34 @@
 // Copyright 2019-2022 @subwallet/extension-base authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
+import { LANGUAGE } from '@subwallet/extension-base/constants';
 import PassPhishingStore from '@subwallet/extension-base/stores/PassPhishingStore';
 import SettingsStore from '@subwallet/extension-base/stores/Settings';
+import i18n from "./i18n/i18n.js";
 import { DEFAULT_SETTING } from "./constants.js";
 export default class SettingService {
   settingsStore = new SettingsStore();
   passPhishingStore = new PassPhishingStore();
+  constructor() {
+    let old = localStorage.getItem(LANGUAGE) || 'en';
+    this.settingsStore.getSubject().subscribe(({
+      language
+    }) => {
+      if (language !== old) {
+        old = language;
+        i18n.changeLanguage(language).catch(console.error);
+      }
+    });
+  }
   getSubject() {
     return this.settingsStore.getSubject();
   }
   getSettings(update) {
     this.settingsStore.get('Settings', value => {
-      if (!value) {
-        update(DEFAULT_SETTING);
-      } else {
-        update(value);
-      }
+      update({
+        ...DEFAULT_SETTING,
+        ...(value || {})
+      });
     });
   }
   setSettings(data, callback) {

package/services/setting-service/constants.d.ts

@@ -1,7 +1,8 @@
-import { BrowserConfirmationType, LanguageType, ThemeNames, UiSettings } from '@subwallet/extension-base/background/KoniTypes';
+import { BrowserConfirmationType, LanguageType, ThemeNames, UiSettings, WalletUnlockType } from '@subwallet/extension-base/background/KoniTypes';
 export declare const DEFAULT_THEME: ThemeNames;
 export declare const DEFAULT_NOTIFICATION_TYPE: BrowserConfirmationType;
 export declare const DEFAULT_AUTO_LOCK_TIME = 15;
+export declare const DEFAULT_UNLOCK_TYPE: WalletUnlockType;
 export declare const DEFAULT_CHAIN_PATROL_ENABLE = false;
 export declare const DEFAULT_LANGUAGE: LanguageType;
 export declare const DEFAULT_SHOW_ZERO_BALANCE = true;

package/services/setting-service/constants.js

@@ -1,10 +1,12 @@
 // Copyright 2019-2022 @subwallet/extension-koni authors & contributors
 // SPDX-License-Identifier: Apache-2.0
 
-import { ThemeNames } from '@subwallet/extension-base/background/KoniTypes';
+import { ThemeNames, WalletUnlockType } from '@subwallet/extension-base/background/KoniTypes';
+import { TARGET_ENV } from '@subwallet/extension-base/utils';
 export const DEFAULT_THEME = ThemeNames.DARK;
 export const DEFAULT_NOTIFICATION_TYPE = 'popup';
 export const DEFAULT_AUTO_LOCK_TIME = 15;
+export const DEFAULT_UNLOCK_TYPE = TARGET_ENV === 'extension' ? WalletUnlockType.ALWAYS_REQUIRED : WalletUnlockType.WHEN_NEEDED;
 export const DEFAULT_CHAIN_PATROL_ENABLE = false;
 export const DEFAULT_LANGUAGE = 'en';
 export const DEFAULT_SHOW_ZERO_BALANCE = true;
@@ -18,6 +20,7 @@ export const DEFAULT_SETTING = {
   isShowBalance: DEFAULT_SHOW_BALANCE,
   accountAllLogo: DEFAULT_ALL_LOGO,
   theme: DEFAULT_THEME,
+  unlockType: DEFAULT_UNLOCK_TYPE,
   camera: DEFAULT_CAMERA_ENABLE,
   timeAutoLock: DEFAULT_AUTO_LOCK_TIME,
   enableChainPatrol: DEFAULT_CHAIN_PATROL_ENABLE,

package/services/setting-service/i18n/Backend.d.ts

@@ -0,0 +1,9 @@
+declare type Callback = (error: string | null, data: unknown) => void;
+declare type LoadResult = [string | null, Record<string, string> | boolean];
+export default class Backend {
+    type: string;
+    static type: 'backend';
+    read(lng: string, _namespace: string, responder: Callback): Promise<void>;
+    createLoader(lng: string): Promise<LoadResult>;
+}
+export {};

package/services/setting-service/i18n/Backend.js

@@ -0,0 +1,34 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import languageCache from "./cache.js";
+const loaders = {};
+export default class Backend {
+  type = 'backend';
+  static type = 'backend';
+  async read(lng, _namespace, responder) {
+    if (languageCache[lng]) {
+      return responder(null, languageCache[lng]);
+    }
+
+    // eslint-disable-next-line @typescript-eslint/no-misused-promises
+    if (!loaders[lng]) {
+      loaders[lng] = this.createLoader(lng);
+    }
+    const [error, data] = await loaders[lng];
+    return responder(error, data);
+  }
+  async createLoader(lng) {
+    try {
+      const response = await fetch(`locales/${lng}/translation.json`, {});
+      if (!response.ok) {
+        return [`i18n: failed loading ${lng}`, response.status >= 500 && response.status < 600];
+      } else {
+        languageCache[lng] = await response.json();
+        return [null, languageCache[lng]];
+      }
+    } catch (error) {
+      return [error.message, false];
+    }
+  }
+}

package/services/setting-service/i18n/cache.d.ts

@@ -0,0 +1,2 @@
+declare const languageCache: Record<string, Record<string, string>>;
+export default languageCache;

package/services/setting-service/i18n/cache.js

@@ -0,0 +1,5 @@
+// Copyright 2017-2022 @polkadot/react-components authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+const languageCache = {};
+export default languageCache;

package/services/setting-service/i18n/extend.d.ts

@@ -0,0 +1,2 @@
+export declare const ExternalTranslation: string[];
+export declare const InternalTranslation: string[];

package/services/setting-service/i18n/extend.js

@@ -0,0 +1,8 @@
+// Copyright 2017-2022 @subwallet/extension-base authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { detectTranslate } from '@subwallet/extension-base/utils';
+export const ExternalTranslation = [
+// Case change password
+detectTranslate('Invalid master password')];
+export const InternalTranslation = [];

package/services/setting-service/i18n/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18next from 'i18next';
+export default i18next;

package/services/setting-service/i18n/i18n.js

@@ -0,0 +1,21 @@
+// Copyright 2019-2022 @polkadot/extension-ui authors & contributors
+// SPDX-License-Identifier: Apache-2.0
+
+import { LANGUAGE } from '@subwallet/extension-base/constants';
+import i18next from 'i18next';
+import Backend from "./Backend.js";
+i18next.use(Backend).init({
+  backend: {},
+  debug: false,
+  fallbackLng: 'en',
+  interpolation: {
+    escapeValue: false
+  },
+  keySeparator: false,
+  lng: localStorage.getItem(LANGUAGE) || 'en',
+  load: 'languageOnly',
+  nsSeparator: false,
+  returnEmptyString: false,
+  returnNull: false
+}).catch(error => console.log('i18n: failure', error));
+export default i18next;

package/services/transaction-service/index.js

@@ -22,6 +22,7 @@ import BigN from 'bignumber.js';
 import { addHexPrefix } from 'ethereumjs-util';
 import { ethers } from 'ethers';
 import EventEmitter from 'eventemitter3';
+import { t } from 'i18next';
 import { BehaviorSubject } from 'rxjs';
 import { isHex } from '@polkadot/util';
 export default class TransactionService {
@@ -90,7 +91,7 @@ export default class TransactionService {
     };
     const chainInfo = this.chainService.getChainInfoByKey(chain);
     if (!chainInfo) {
-      validationResponse.errors.push(new TransactionError(BasicTxErrorType.INTERNAL_ERROR, "Can't find network"));
+      validationResponse.errors.push(new TransactionError(BasicTxErrorType.INTERNAL_ERROR, t('Cannot find network')));
     } else {
       const {
         decimals,
@@ -105,7 +106,7 @@ export default class TransactionService {
           } else {
             const web3 = this.chainService.getEvmApi(chain);
             if (!web3) {
-              validationResponse.errors.push(new TransactionError(BasicTxErrorType.CHAIN_DISCONNECTED));
+              validationResponse.errors.push(new TransactionError(BasicTxErrorType.CHAIN_DISCONNECTED, undefined));
             } else {
               const gasPrice = await web3.api.eth.getGasPrice();
               const gasLimit = await web3.api.eth.estimateGas(transaction);
@@ -126,11 +127,11 @@ export default class TransactionService {
     // Read-only account
     const pair = keyring.getPair(address);
     if (!pair) {
-      validationResponse.errors.push(new TransactionError(BasicTxErrorType.INTERNAL_ERROR, 'Can\'t find account'));
+      validationResponse.errors.push(new TransactionError(BasicTxErrorType.INTERNAL_ERROR, t('Unable to find account')));
     } else {
       var _pair$meta;
       if ((_pair$meta = pair.meta) !== null && _pair$meta !== void 0 && _pair$meta.isReadOnly) {
-        validationResponse.errors.push(new TransactionError(BasicTxErrorType.INTERNAL_ERROR, 'This is watch-only account'));
+        validationResponse.errors.push(new TransactionError(BasicTxErrorType.INTERNAL_ERROR, t('This account is watch-only')));
       }
     }
 
@@ -159,9 +160,9 @@ export default class TransactionService {
     if (!isTransferAll) {
       if (balanceNum - (transferNativeNum + feeNum) < edNum) {
         if (edAsWarning) {
-          validationResponse.warnings.push(new TransactionWarning(BasicTxWarningCode.NOT_ENOUGH_EXISTENTIAL_DEPOSIT, ''));
+          validationResponse.warnings.push(new TransactionWarning(BasicTxWarningCode.NOT_ENOUGH_EXISTENTIAL_DEPOSIT));
         } else {
-          validationResponse.errors.push(new TransactionError(BasicTxErrorType.NOT_ENOUGH_EXISTENTIAL_DEPOSIT, ''));
+          validationResponse.errors.push(new TransactionError(BasicTxErrorType.NOT_ENOUGH_EXISTENTIAL_DEPOSIT));
         }
       }
     }
@@ -582,8 +583,12 @@ export default class TransactionService {
     const info = isHex(extrinsicHash) ? extrinsicHash : getBaseTransactionInfo(transaction, this.chainService.getChainInfoMap());
     this.notificationService.notify({
       type: NotificationType.SUCCESS,
-      title: 'Transaction completed',
-      message: `Transaction ${info} completed`,
+      title: t('Transaction completed'),
+      message: t('Transaction {{info}} completed', {
+        replace: {
+          info
+        }
+      }),
       action: {
         url: this.getTransactionLink(id)
       },
@@ -617,8 +622,12 @@ export default class TransactionService {
       const info = isHex(transaction === null || transaction === void 0 ? void 0 : transaction.extrinsicHash) ? transaction === null || transaction === void 0 ? void 0 : transaction.extrinsicHash : getBaseTransactionInfo(transaction, this.chainService.getChainInfoMap());
       this.notificationService.notify({
         type: NotificationType.ERROR,
-        title: 'Transaction failed',
-        message: `Transaction ${info} failed`,
+        title: t('Transaction failed'),
+        message: t('Transaction {{info}} failed', {
+          replace: {
+            info
+          }
+        }),
         action: {
           url: this.getTransactionLink(id)
         },
@@ -721,7 +730,7 @@ export default class TransactionService {
       if (isApproved) {
         let signedTransaction;
         if (!payload) {
-          throw new EvmProviderError(EvmProviderErrorType.UNAUTHORIZED, 'Bad signature');
+          throw new EvmProviderError(EvmProviderErrorType.UNAUTHORIZED, t('Failed to sign'));
         }
         const web3Api = this.chainService.getEvmApi(chain).api;
         if (!isExternal) {
@@ -730,7 +739,7 @@ export default class TransactionService {
           const signed = mergeTransactionAndSignature(txObject, payload);
           const recover = web3Api.eth.accounts.recoverTransaction(signed);
           if (recover.toLowerCase() !== account.address.toLowerCase()) {
-            throw new EvmProviderError(EvmProviderErrorType.UNAUTHORIZED, 'Bad signature');
+            throw new EvmProviderError(EvmProviderErrorType.UNAUTHORIZED, t('Wrong signature. Please sign with the account you use in dApp'));
           }
           signedTransaction = signed;
         }
@@ -754,10 +763,10 @@ export default class TransactionService {
           eventData.blockNumber = rs.blockNumber;
           emitter.emit('success', eventData);
         }).once('error', e => {
-          eventData.errors.push(new TransactionError(BasicTxErrorType.SEND_TRANSACTION_FAILED, e.message));
+          eventData.errors.push(new TransactionError(BasicTxErrorType.SEND_TRANSACTION_FAILED, t(e.message)));
           emitter.emit('error', eventData);
         }).catch(e => {
-          eventData.errors.push(new TransactionError(BasicTxErrorType.UNABLE_TO_SEND, e.message));
+          eventData.errors.push(new TransactionError(BasicTxErrorType.UNABLE_TO_SEND, t(e.message)));
           emitter.emit('error', eventData);
         });
       } else {
@@ -767,7 +776,7 @@ export default class TransactionService {
       }
     }).catch(e => {
       this.removeTransaction(id);
-      eventData.errors.push(new TransactionError(BasicTxErrorType.UNABLE_TO_SIGN, e.message));
+      eventData.errors.push(new TransactionError(BasicTxErrorType.UNABLE_TO_SIGN, t(e.message)));
       emitter.emit('error', eventData);
     });
     return emitter;
@@ -857,7 +866,7 @@ export default class TransactionService {
     const timeout = setTimeout(() => {
       const transaction = this.getTransaction(eventData.id);
       if (transaction.status !== ExtrinsicStatus.SUCCESS && transaction.status !== ExtrinsicStatus.FAIL) {
-        eventData.errors.push(new TransactionError(BasicTxErrorType.TIMEOUT, 'Transaction timeout'));
+        eventData.errors.push(new TransactionError(BasicTxErrorType.TIMEOUT, t('Transaction timeout')));
         emitter.emit('error', eventData);
         clearTimeout(timeout);
       }