Merge release-hotfix to main (#1369)

* hotfix: enable xcm with Bifrost (#1361)

* Fix ledger on the portal (#1370)

* disable celer bridge (#1353)

* disable cbridge

* fix statement shorter

* disable celer bridge icon too (#1354)

* Fix usePrice hooks (#1355)

* fix usePrice issue

* refactor, just using immediate is enough

* only enable immediate for h160 wallet (#1356)

* Add metadata hash and uplift to polkadot 12.0.1

* Added // @ts-nocheck to ignore some typing errors for now

* More // @ts-nocheck

* WithSignedTransaction

* Remove hash

* $api removed

* fix: removed useLedger and login toggle (#1371)

---------

Co-authored-by: Taegeon Alan Go <[email protected]>
Co-authored-by: Roy <[email protected]>

* Add raw metadata to chain info (#1372)

* Add raw metadata to chain info

* Enable users to update metadata once more event if it is up to date

* Polkadot types errors fix (#1373)

* Fix polkadot types errors

* Be strict

* Polkasafe version update

---------

Co-authored-by: Roy <[email protected]>
Co-authored-by: Taegeon Alan Go <[email protected]>

package.json

@@ -31,22 +31,17 @@
     "@astar-network/metamask-astar-types": "^0.6.1",
     "@ethersproject/bignumber": "^5.5.0",
     "@layerzerolabs/scan-client": "^0.0.8",
-    "@polkadot/api": "^11.3.1",
-    "@polkadot/api-contract": "^11.3.1",
-    "@polkadot/extension-dapp": "0.47.5",
-    "@polkadot/hw-ledger": "^12.6.2",
-    "@polkadot/keyring": "^12.6.2",
-    "@polkadot/networks": "^12.6.2",
-    "@polkadot/rpc-provider": "^11.3.1",
-    "@polkadot/types": "^11.3.1",
-    "@polkadot/types-known": "^11.3.1",
-    "@polkadot/types-support": "^11.3.1",
-    "@polkadot/ui-keyring": "^3.6.6",
-    "@polkadot/util": "^12.6.2",
-    "@polkadot/util-crypto": "^12.6.2",
-    "@polkadot/vue-identicon": "^3.6.6",
-    "@polkadot/wasm-crypto": "^7.3.2",
-    "@polkadot/x-randomvalues": "^12.6.2",
+    "@polkadot/api": "12.3.1",
+    "@polkadot/api-contract": "12.3.1",
+    "@polkadot/extension-dapp": "0.51.1",
+    "@polkadot/hw-ledger": "13.0.2",
+    "@polkadot/keyring": "13.0.2",
+    "@polkadot/types": "12.3.1",
+    "@polkadot/types-known": "12.3.1",
+    "@polkadot/ui-keyring": "3.8.3",
+    "@polkadot/util": "13.0.2",
+    "@polkadot/util-crypto": "13.0.2",
+    "@polkadot/vue-identicon": "3.8.3",
     "@quasar/app-webpack": "^3.11.2",
     "@quasar/extras": "^1.16.7",
     "@vue/apollo-composable": "^4.0.0-beta.4",
@@ -72,7 +67,7 @@
     "luxon": "^2.5.2",
     "marked": "^4.0.15",
     "path": "^0.12.7",
-    "polkasafe": "^1.4.2",
+    "polkasafe": "^1.4.3",
     "quasar": "^2.12.7",
     "query-string": "^7.1.0",
     "reflect-metadata": "^0.1.13",
@@ -135,6 +130,9 @@
     "tailwindcss": "npm:@tailwindcss/postcss7-compat@^2.0.3",
     "tailwindcss-theme-variants": "^2.0.0-alpha.2"
   },
+  "resolutions": {
+    "@polkadot/types": "12.3.1"
+  },
   "browserslist": [
     "last 10 Chrome versions",
     "last 10 Firefox versions",

src/components/header/modals/SelectAccount.vue

@@ -73,16 +73,8 @@
       </fieldset>
     </div>
     <div class="wrapper__row--button">
-      <div v-if="currentNetworkChain === astarChain.ASTAR" class="row--ledger-check">
-        <span class="text--is-ledger">
-          {{ $t('wallet.isLedgerAccount') }}
-        </span>
-        <div class="toggle--custom">
-          <q-toggle v-model="toggleIsLedger" color="#0085ff" />
-        </div>
-      </div>
       <astar-button
-        :disabled="(substrateAccounts.length > 0 && !selAccount) || (isLedger && !isLedgerReady)"
+        :disabled="substrateAccounts.length > 0 && !selAccount"
         class="btn--connect"
         @click="selectAccount(selAccount)"
       >
@@ -146,8 +138,6 @@ export default defineComponent({
   setup(props) {
     const isShowBalance = ref<boolean>(false);
     const isLoadingBalance = ref<boolean>(false);
-    const toggleIsLedger = ref<boolean>(false);
-    const isLedgerReady = ref<boolean>(false);
     const accountBalanceMap = ref<SubstrateAccount[]>([]);
 
     const isClosing = ref<boolean>(false);
@@ -289,67 +279,6 @@ export default defineComponent({
       { immediate: true }
     );
 
-    const updateIsLedgerAccount = async (isLedger: boolean): Promise<void> => {
-      localStorage.setItem(LOCAL_STORAGE.IS_LEDGER, isLedger.toString());
-      store.commit('general/setIsLedger', isLedger);
-      if (isLedger) {
-        try {
-          // Memo: send a popup request for permission(first time only)
-          const ledgerData = new Ledger('hid', 'astar');
-          if (process.env.DEV) {
-            console.info('ledgerData', ledgerData);
-          }
-
-          const { address } = await ledgerData.getAddress();
-          if (address) {
-            isLedgerReady.value = true;
-            const transport = (ledgerData as any).__internal__app.transport;
-            transport.close();
-            localStorage.setItem(LOCAL_STORAGE.IS_LEDGER, isLedger.toString());
-            store.commit('general/setIsLedger', isLedger);
-          }
-        } catch (error: any) {
-          console.error(error);
-          const idLedgerLocked = '0x5515';
-          const idNotRunningApp = '28161';
-          let errMsg = '';
-
-          if (error.message.includes(idLedgerLocked)) {
-            errMsg = error.message;
-          } else if (error.message.includes(idNotRunningApp)) {
-            errMsg = t('warning.ledgerNotOpened');
-          }
-
-          if (errMsg) {
-            store.dispatch('general/showAlertMsg', {
-              msg: errMsg,
-              alertType: 'error',
-            });
-          }
-        }
-      } else {
-        isLedgerReady.value = false;
-      }
-    };
-
-    watch([selAccount], () => {
-      toggleIsLedger.value = false;
-    });
-
-    watch(
-      [isLedger],
-      () => {
-        toggleIsLedger.value = isLedger.value;
-      },
-      {
-        immediate: true,
-      }
-    );
-
-    watch([toggleIsLedger], async () => {
-      await updateIsLedgerAccount(toggleIsLedger.value);
-    });
-
     onUnmounted(() => {
       window.removeEventListener('resize', onHeightChange);
     });
@@ -371,11 +300,9 @@ export default defineComponent({
       endpointKey,
       isMathWallet,
       windowHeight,
-      toggleIsLedger,
       isShowBalance,
       currentNetworkChain,
       astarChain,
-      isLedgerReady,
       isLedger,
       displayBalance,
       backModal,

src/config/localStorage.ts

@@ -22,6 +22,7 @@ export enum LOCAL_STORAGE {
   MULTISIG = 'multisig',
   CLOSE_DAPP_STAKING_V3_ONBOARDING = 'closeDappStakingV3Onboarding',
   DECOMMISSION = 'decommission',
+  HAS_RAW_METADATA_V15 = 'hasRawMetadataV15',
 }
 
 // Memo: A helper function to return the account's history data that is stored in the browser

src/hooks/index.ts

@@ -2,7 +2,6 @@ export * from './useSidebar';
 export * from './useAccount';
 export * from './useBalance';
 export * from './useContracts';
-export * from './useMessages';
 export * from './useWasm';
 export * from './useChainMetadata';
 export * from './useGetMinStaking';
@@ -23,7 +22,6 @@ export * from './chain/useAvgBlockTime';
 export * from './dapps-staking/useSignPayload';
 export * from './dapps-staking/useCampaign';
 export * from './wallet/useWalletIcon';
-export * from './wallet/useLedger';
 export * from './wallet/useAccountUnification';
 export * from './xcm/useXcmBridge';
 export * from './transfer/useTokenTransfer';

src/hooks/useBalance.ts

@@ -89,7 +89,7 @@ function useCall(addressRef: Ref<string>) {
     const vesting = results[1].unwrapOr(undefined)?.toArray() || [];
     const currentBlock = results[2];
     const vestedClaimable = results[3].vestedClaimable;
-    const locks: (PalletBalancesBalanceLock | BalanceLockTo212)[] = results[3].lockedBreakdown;
+    const locks = <(PalletBalancesBalanceLock | BalanceLockTo212)[]>results[3].lockedBreakdown;
 
     const extendedVesting: ExtendedVestingInfo[] = [];
     vestedRef.value = new BN(0);

src/hooks/useChainInfo.ts

@@ -4,13 +4,15 @@ import { getSpecTypes } from '@polkadot/types-known';
 import { TypeRegistry } from '@polkadot/types/create';
 import { formatBalance, isNumber } from '@polkadot/util';
 import { defaults as addressDefaults } from '@polkadot/util-crypto/address/defaults';
+import { HexString } from '@polkadot/util/types';
 import { ASTAR_NATIVE_TOKEN } from 'src/config/chain';
 import { useChainMetadata } from 'src/hooks/useChainMetadata';
 import { ref } from 'vue';
 
 export interface ChainInfo extends MetadataDef {
   color: string | undefined;
   tokenSymbol: ASTAR_NATIVE_TOKEN;
+  rawMetadata: HexString | undefined;
 }
 
 const registry = new TypeRegistry();
@@ -20,6 +22,7 @@ export const DEFAULT_SS58 = registry.createType('u32', addressDefaults.prefix);
 
 function createInfo(api: ApiPromise, systemChain: string, specName: string): ChainInfo {
   // console.log('chainInfo', `${systemChain} | ${systemName} | ${specName}`);
+
   return {
     chain: systemChain,
     color: '#2096F3',
@@ -31,12 +34,14 @@ function createInfo(api: ApiPromise, systemChain: string, specName: string): Cha
     tokenDecimals: (api.registry.chainDecimals || [DEFAULT_DECIMALS.toNumber()])[0],
     tokenSymbol: (api.registry.chainTokens ||
       formatBalance.getDefaults().unit)[0] as ASTAR_NATIVE_TOKEN,
+
     types: getSpecTypes(
       api.registry,
       systemChain,
       api.runtimeVersion.specName,
       api.runtimeVersion.specVersion
     ) as unknown as Record<string, string>,
+    rawMetadata: undefined,
   };
 }
 
@@ -47,7 +52,11 @@ export function useChainInfo(api: ApiPromise) {
   api.isReady.then(async () => {
     const specName: string = api.runtimeVersion.specName.toString();
     const systemChain: string = ((await api.rpc.system.chain()) || '<unknown>').toString();
-    chainInfo.value = createInfo(api, systemChain, specName);
+    let info = createInfo(api, systemChain, specName);
+    const metadata = await api.call.metadata.metadataAtVersion(15);
+    info.rawMetadata = metadata.toHex();
+
+    chainInfo.value = info;
   });
 
   return {