diff --git a/package.json b/package.json
index b2964405f0..efd22d739f 100644
--- a/package.json
+++ b/package.json
@@ -33,12 +33,12 @@
     "afterSign": "electron-builder-notarize"
   },
   "resolutions": {
-    "@polkadot/api": "^1.27.1",
-    "@polkadot/api-contract": "^1.27.1",
-    "@polkadot/keyring": "^3.0.1",
-    "@polkadot/types": "^1.27.1",
-    "@polkadot/util": "^3.0.1",
-    "@polkadot/util-crypto": "^3.0.1",
+    "@polkadot/api": "^1.28.0-beta.0",
+    "@polkadot/api-contract": "^1.28.0-beta.0",
+    "@polkadot/keyring": "^3.1.0-beta.2",
+    "@polkadot/types": "^1.28.0-beta.0",
+    "@polkadot/util": "^3.1.0-beta.2",
+    "@polkadot/util-crypto": "^3.1.0-beta.2",
     "@polkadot/wasm-crypto": "^1.2.1",
     "babel-core": "^7.0.0-bridge.0"
   },
@@ -82,7 +82,7 @@
     "@babel/runtime": "^7.11.0",
     "@pinata/sdk": "^1.1.10",
     "@polkadot/dev": "^0.55.31",
-    "@polkadot/ts": "^0.3.31",
+    "@polkadot/ts": "^0.3.32",
     "@types/bn.js": "^4.11.6",
     "@types/chart.js": "^2.9.23",
     "@types/file-saver": "^2.0.1",
diff --git a/packages/apps-routing/src/parachains.ts b/packages/apps-routing/src/parachains.ts
index 3193fc4fcc..e6e34fe41d 100644
--- a/packages/apps-routing/src/parachains.ts
+++ b/packages/apps-routing/src/parachains.ts
@@ -11,7 +11,7 @@ export default function create (t: <T = string> (key: string, text: string, opti
     Component,
     display: {
       needsApi: [
-        'query.parachains.code'
+        ['query.parachains.code', 'query.parachainUpgrade.didUpdateVFPs']
       ]
     },
     icon: 'link',
diff --git a/packages/page-contracts/package.json b/packages/page-contracts/package.json
index 4ca15ad676..ad7c674a0c 100644
--- a/packages/page-contracts/package.json
+++ b/packages/page-contracts/package.json
@@ -12,6 +12,6 @@
   "license": "Apache-2.0",
   "dependencies": {
     "@babel/runtime": "^7.11.0",
-    "@polkadot/api-contract": "^1.27.1"
+    "@polkadot/api-contract": "^1.28.0-beta.0"
   }
 }
diff --git a/packages/page-parachains/src/Overview/Parachain.tsx b/packages/page-parachains/src/Overview/Parachain.tsx
index 0bf989c44c..e17772f606 100644
--- a/packages/page-parachains/src/Overview/Parachain.tsx
+++ b/packages/page-parachains/src/Overview/Parachain.tsx
@@ -30,16 +30,15 @@ function Parachain ({ className = '', parachain: { didUpdate, id, info, pendingS
         return null;
       }
 
-      const hex = headData.toHex();
+      const hex = headData.unwrap().toHex();
 
-      return `${hex.slice(0, 8)}…${hex.slice(-6)}`;
+      return `${hex.slice(0, 10)}…${hex.slice(-8)}`;
     }
   });
   const history = useHistory();
+
   const _onClick = useCallback(
-    (): void => {
-      history.push(`/parachains/${id.toString()}`);
-    },
+    () => history.push(`/parachains/${id.toString()}`),
     [history, id]
   );
 
diff --git a/packages/page-parachains/src/Overview/Summary.tsx b/packages/page-parachains/src/Overview/Summary.tsx
index 3fd3c983af..c60d0838f4 100644
--- a/packages/page-parachains/src/Overview/Summary.tsx
+++ b/packages/page-parachains/src/Overview/Summary.tsx
@@ -5,25 +5,36 @@
 import BN from 'bn.js';
 import React from 'react';
 import { SummaryBox, CardSummary } from '@polkadot/react-components';
+import { useApi } from '@polkadot/react-hooks';
 import { BestNumber } from '@polkadot/react-query';
+import { formatNumber } from '@polkadot/util';
 
 import { useTranslation } from '../translate';
 
 interface Props {
-  parachainCount: number;
+  parachainCount?: number;
   nextFreeId?: BN;
 }
 
 function Summary ({ nextFreeId, parachainCount }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
+  const { api } = useApi();
 
   return (
     <SummaryBox>
       <section>
-        <CardSummary label={t<string>('parachains')}>
-          {parachainCount.toString()}
+        <CardSummary label={t<string>('relay')}>
+          {api.query.parachains
+            ? t<string>('yes')
+            : t<string>('no')
+          }
         </CardSummary>
-        {nextFreeId && (
+        {parachainCount && (
+          <CardSummary label={t<string>('parachains')}>
+            {formatNumber(parachainCount)}
+          </CardSummary>
+        )}
+        {api.query.parachains && nextFreeId && (
           <CardSummary label={t<string>('next id')}>
             {nextFreeId.toString()}
           </CardSummary>
diff --git a/packages/page-parachains/src/Overview/index.tsx b/packages/page-parachains/src/Overview/index.tsx
index 2d166c71e3..033501bf4d 100644
--- a/packages/page-parachains/src/Overview/index.tsx
+++ b/packages/page-parachains/src/Overview/index.tsx
@@ -21,24 +21,28 @@ interface Props {
 
 function Overview ({ isMine, sudoKey }: Props): React.ReactElement<Props> {
   const { api } = useApi();
-  const parachains = useCall<DeriveParachain[]>(api.derive.parachains.overview);
-  const nextFreeId = useCall<BN>(api.query.registrar.nextFreeId);
+  const parachains = useCall<DeriveParachain[]>(api.derive.parachains?.overview);
+  const nextFreeId = useCall<BN>(api.query.registrar?.nextFreeId);
 
   return (
     <>
       <Summary
         nextFreeId={nextFreeId}
-        parachainCount={parachains?.length || 0}
+        parachainCount={parachains?.length}
       />
       <Button.Group>
         <Transfer parachains={parachains} />
-        <Register
-          isDisabled={!isMine}
-          nextFreeId={nextFreeId}
-          sudoKey={sudoKey}
-        />
+        {api.query.parachains && (
+          <Register
+            isDisabled={!isMine}
+            nextFreeId={nextFreeId}
+            sudoKey={sudoKey}
+          />
+        )}
       </Button.Group>
-      <Parachains parachains={parachains} />
+      {api.query.parachains && (
+        <Parachains parachains={parachains} />
+      )}
     </>
   );
 }
diff --git a/packages/page-parachains/src/Parachain/index.tsx b/packages/page-parachains/src/Parachain/index.tsx
index e498237c8f..778de7d47b 100644
--- a/packages/page-parachains/src/Parachain/index.tsx
+++ b/packages/page-parachains/src/Parachain/index.tsx
@@ -4,7 +4,7 @@
 
 import { DeriveParachainInfo, DeriveParachainFull } from '@polkadot/api-derive/types';
 
-import React from 'react';
+import React, { useCallback } from 'react';
 import { useHistory, useParams } from 'react-router-dom';
 import styled from 'styled-components';
 import { Button, CardSummary, Columar, Column, Icon, Menu, Popup, Spinner, SummaryBox } from '@polkadot/react-components';
@@ -35,6 +35,11 @@ function Parachain ({ basePath, className = '', isMine, paraInfoRef, sudoKey }:
   const { isOpen: isDeregisterOpen, onClose: onDeregisterClose, onOpen: onDeregisterOpen } = useModal();
   const parachain = useCall<DeriveParachainFull | null>(api.derive.parachains.info, [id || null]);
 
+  const onDeregister = useCallback(
+    () => history.push(basePath),
+    [basePath, history]
+  );
+
   if (isUndefined(parachain)) {
     return (
       <Spinner />
@@ -58,10 +63,6 @@ function Parachain ({ basePath, className = '', isMine, paraInfoRef, sudoKey }:
     paraInfoRef.current = parachain.info;
   }
 
-  const onDeregister = (): void => {
-    history.push(basePath);
-  };
-
   return (
     <div className={className}>
       <SummaryBox>
diff --git a/packages/page-parachains/src/Transfer.tsx b/packages/page-parachains/src/Transfer.tsx
index 85a45129ab..df0d0491f3 100644
--- a/packages/page-parachains/src/Transfer.tsx
+++ b/packages/page-parachains/src/Transfer.tsx
@@ -2,44 +2,76 @@
 // This software may be modified and distributed under the terms
 // of the Apache-2.0 license. See the LICENSE file for details.
 
+import { SubmittableExtrinsic } from '@polkadot/api/types';
 import { DeriveParachain } from '@polkadot/api-derive/types';
 
 import BN from 'bn.js';
-import React, { useMemo, useState } from 'react';
-import { Button, Dropdown, Input, InputAddress, InputBalance, Modal, TxButton } from '@polkadot/react-components';
-import { useAccounts, useToggle } from '@polkadot/react-hooks';
+import React, { useEffect, useMemo, useState } from 'react';
+import styled from 'styled-components';
+import { Button, Dropdown, Input, InputAddress, InputBalance, InputNumber, Modal, Toggle, TxButton } from '@polkadot/react-components';
+import { useAccounts, useApi, useToggle } from '@polkadot/react-hooks';
 import { Available } from '@polkadot/react-query';
 
 import { useTranslation } from './translate';
 
 interface Props {
+  className?: string;
   parachains?: DeriveParachain[];
 }
 
-function Transfer ({ parachains }: Props): React.ReactElement<Props> {
+function Transfer ({ className, parachains }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
+  const { api } = useApi();
   const { allAccounts } = useAccounts();
   const [isVisible, toggleVisible] = useToggle();
   const [accountId, setAccountId] = useState<string | null>(null);
+  const [recipientId, setRecipientId] = useState<string | null>(null);
   const [amount, setAmount] = useState<BN | undefined>();
-  const [toId, setToId] = useState<string | null>();
+  const [paraId, setParaId] = useState<string | BN | null>(null);
   const [remark, setRemark] = useState('');
+  const [isParachain, setIsParachain] = useState(true);
+  const [extrinsic, setExtrinsic] = useState<SubmittableExtrinsic<'promise'> | null>(null);
 
   const idOptions = useMemo((): { text: string, value: string }[] => {
     return (parachains || []).map(({ id }) => ({ text: id.toString(), value: id.toString() }));
   }, [parachains]);
 
+  useEffect((): void => {
+    setExtrinsic((): SubmittableExtrinsic<'promise'> | null => {
+      if (amount?.gtn(0)) {
+        if (api.query.parachainUpgrade) {
+          return recipientId
+            ? isParachain
+              ? api.tx.tokenDealer.transferTokensToParachainChain(paraId, recipientId, amount)
+              : api.tx.tokenDealer.transferTokensToRelayChain(recipientId, amount)
+            : null;
+        } else {
+          return api.tx.parachains.transferToParachain(paraId, amount, remark);
+        }
+      }
+
+      return null;
+    });
+  }, [amount, api, isParachain, paraId, recipientId, remark]);
+
+  const isActionDisabled = !allAccounts.length || (
+    api.query.parachains
+      ? !parachains?.length
+      : !api.query.parachainUpgrade
+  );
+
   return (
     <>
       <Button
         icon='paper-plane'
-        isDisabled={!parachains?.length || !allAccounts.length}
+        isDisabled={isActionDisabled}
         label={t<string>('Transfer to chain')}
         onClick={toggleVisible}
       />
       {isVisible && (
         <Modal
-          header={t<string>('Transfer to parachain')}
+          className={className}
+          header={t<string>('Transfer to chain')}
           size='large'
         >
           <Modal.Content>
@@ -57,13 +89,36 @@ function Transfer ({ parachains }: Props): React.ReactElement<Props> {
                   onChange={setAccountId}
                   type='account'
                 />
-                <Dropdown
-                  defaultValue={idOptions[0].value}
-                  help={t<string>('the parachain that will receive the transfer of tokens.')}
-                  label={t<string>('the parachain to transfer to')}
-                  onChange={setToId}
-                  options={idOptions}
+                <InputAddress
+                  help={t<string>('The account that will receive the funds')}
+                  isDisabled={!api.query.parachainUpgrade}
+                  label={t<string>('send to address')}
+                  onChange={setRecipientId}
+                  value={
+                    api.query.parachainUpgrade
+                      ? recipientId
+                      : accountId
+                  }
                 />
+                {isParachain && (
+                  api.query.parachainUpgrade
+                    ? (
+                      <InputNumber
+                        help={t<string>('the parachain that will receive the transfer of tokens.')}
+                        label={t<string>('the parachain to transfer to')}
+                        onChange={setParaId}
+                      />
+                    )
+                    : (
+                      <Dropdown
+                        defaultValue={idOptions[0].value}
+                        help={t<string>('the parachain that will receive the transfer of tokens.')}
+                        label={t<string>('the parachain to transfer to')}
+                        onChange={setParaId}
+                        options={idOptions}
+                      />
+                    )
+                )}
                 <InputBalance
                   autoFocus
                   help={t<string>('the amount that should be transferred. It needs to be less than the available balance')}
@@ -71,26 +126,35 @@ function Transfer ({ parachains }: Props): React.ReactElement<Props> {
                   label={t<string>('amount')}
                   onChange={setAmount}
                 />
-                <Input
-                  help={t<string>('A remark that is associated with this transfer. This can be any comment that indicates the reason.')}
-                  label={t<string>('transfer remark/comment')}
-                  maxLength={32}
-                  onChange={setRemark}
-                />
+                {api.query.parachains && (
+                  <Input
+                    help={t<string>('A remark that is associated with this transfer. This can be any comment that indicates the reason.')}
+                    label={t<string>('transfer remark/comment')}
+                    maxLength={32}
+                    onChange={setRemark}
+                  />
+                )}
+                {api.query.parachainUpgrade && (
+                  <Toggle
+                    className='togglePara'
+                    label={t<string>('send funds to another parachain (not relay)')}
+                    onChange={setIsParachain}
+                    value={isParachain}
+                  />
+                )}
               </Modal.Column>
               <Modal.Column>
                 <p>{t<string>('Transfer an amount from a specific account into a parachain.')}</p>
-                <p>{t<string>('Once transferred the amount will become available on the parachain for use.')}</p>
+                <p>{t<string>('Once transferred the amount will become available on the chain for use.')}</p>
               </Modal.Column>
             </Modal.Columns>
           </Modal.Content>
           <Modal.Actions onCancel={toggleVisible}>
             <TxButton
               accountId={accountId}
-              isDisabled={!toId || !amount?.gtn(0)}
+              extrinsic={extrinsic}
               label={t<string>('Send')}
-              params={[toId, amount, remark]}
-              tx='parachains.transferToParachain'
+              onStart={toggleVisible}
             />
           </Modal.Actions>
         </Modal>
@@ -99,4 +163,9 @@ function Transfer ({ parachains }: Props): React.ReactElement<Props> {
   );
 }
 
-export default React.memo(Transfer);
+export default React.memo(styled(Transfer)`
+  .togglePara {
+    marin-top: 0.5rem;
+    text-align: right;
+  }
+`);
diff --git a/packages/page-parachains/src/index.tsx b/packages/page-parachains/src/index.tsx
index 55688651e3..23606a4aa9 100644
--- a/packages/page-parachains/src/index.tsx
+++ b/packages/page-parachains/src/index.tsx
@@ -8,7 +8,7 @@ import React, { useMemo, useRef } from 'react';
 import { matchPath, Route, Switch } from 'react-router';
 import { useLocation } from 'react-router-dom';
 import { Tabs } from '@polkadot/react-components';
-import { useSudo } from '@polkadot/react-hooks';
+import { useApi, useSudo } from '@polkadot/react-hooks';
 
 import Overview from './Overview';
 import Parachain from './Parachain';
@@ -21,6 +21,7 @@ interface Props {
 
 function ParachainsApp ({ basePath }: Props): React.ReactElement<Props> {
   const { t } = useTranslation();
+  const { api } = useApi();
   const sudoState = useSudo();
   const paraInfoRef = useRef<DeriveParachainInfo | null>(null);
 
@@ -52,13 +53,15 @@ function ParachainsApp ({ basePath }: Props): React.ReactElement<Props> {
         />
       </header>
       <Switch>
-        <Route path={`${basePath}/:id`}>
-          <Parachain
-            basePath={basePath}
-            paraInfoRef={paraInfoRef}
-            {...sudoState}
-          />
-        </Route>
+        {api.query.parachains && (
+          <Route path={`${basePath}/:id`}>
+            <Parachain
+              basePath={basePath}
+              paraInfoRef={paraInfoRef}
+              {...sudoState}
+            />
+          </Route>
+        )}
         <Route>
           <Overview {...sudoState} />
         </Route>
diff --git a/packages/react-api/package.json b/packages/react-api/package.json
index ba245a5bff..d7b992cf03 100644
--- a/packages/react-api/package.json
+++ b/packages/react-api/package.json
@@ -31,7 +31,7 @@
   "homepage": "https://github.com/polkadot-js/ui/tree/master/packages/ui-reactive#readme",
   "dependencies": {
     "@babel/runtime": "^7.11.0",
-    "@polkadot/api": "^1.27.1",
+    "@polkadot/api": "^1.28.0-beta.0",
     "@polkadot/extension-dapp": "^0.33.0-beta.0",
     "rxjs-compat": "^6.6.2"
   }
diff --git a/packages/react-components/package.json b/packages/react-components/package.json
index ba5756874f..9e4948cf9b 100644
--- a/packages/react-components/package.json
+++ b/packages/react-components/package.json
@@ -14,15 +14,15 @@
     "@fortawesome/fontawesome-svg-core": "^1.2.30",
     "@fortawesome/free-solid-svg-icons": "^5.14.0",
     "@fortawesome/react-fontawesome": "^0.1.11",
-    "@polkadot/keyring": "^3.0.1",
+    "@polkadot/keyring": "^3.1.0-beta.2",
     "@polkadot/react-api": "0.53.0-beta.6",
     "@polkadot/react-identicon": "^0.58.0-beta.2",
     "@polkadot/react-qr": "^0.58.0-beta.2",
     "@polkadot/react-query": "0.53.0-beta.6",
     "@polkadot/ui-keyring": "^0.58.0-beta.2",
     "@polkadot/ui-settings": "^0.58.0-beta.2",
-    "@polkadot/util": "^3.0.1",
-    "@polkadot/util-crypto": "^3.0.1",
+    "@polkadot/util": "^3.1.0-beta.2",
+    "@polkadot/util-crypto": "^3.1.0-beta.2",
     "chart.js": "^2.9.3",
     "codeflask": "^1.4.1",
     "i18next": "^19.6.3",
diff --git a/yarn.lock b/yarn.lock
index 66defb6463..44f3e1a8e9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1427,7 +1427,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.10.3, @babel/runtime@npm:^7.10.5, @babel/runtime@npm:^7.11.0, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.6":
+"@babel/runtime@npm:^7.1.2, @babel/runtime@npm:^7.10.1, @babel/runtime@npm:^7.10.3, @babel/runtime@npm:^7.11.0, @babel/runtime@npm:^7.3.1, @babel/runtime@npm:^7.5.5, @babel/runtime@npm:^7.8.4, @babel/runtime@npm:^7.9.6":
   version: 7.11.0
   resolution: "@babel/runtime@npm:7.11.0"
   dependencies:
@@ -3030,57 +3030,57 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@polkadot/api-contract@npm:^1.27.1":
-  version: 1.27.1
-  resolution: "@polkadot/api-contract@npm:1.27.1"
+"@polkadot/api-contract@npm:^1.28.0-beta.0":
+  version: 1.28.0-beta.0
+  resolution: "@polkadot/api-contract@npm:1.28.0-beta.0"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/api": 1.27.1
-    "@polkadot/rpc-core": 1.27.1
-    "@polkadot/types": 1.27.1
-    "@polkadot/util": ^3.0.1
+    "@polkadot/api": 1.28.0-beta.0
+    "@polkadot/rpc-core": 1.28.0-beta.0
+    "@polkadot/types": 1.28.0-beta.0
+    "@polkadot/util": ^3.1.0-beta.2
     bn.js: ^5.1.2
     rxjs: ^6.6.2
-  checksum: 3/c0bb37741efcae76c775364ca560d9ba421e2adc483ba9d2dd0c4e0361734beabbac3f61774f4aee345476ab6c57d5bbbb5d7e800bd1f962e6e3a846d6d29f9a
+  checksum: 3/6a15e832e4431335dbbb163e6dbc5c513d65e29244f8105cb42e9888cd899a1067b8a9d3de978c13feee91e45bf14cf6844929bea7eef656570bf750334955a0
   languageName: node
   linkType: hard
 
-"@polkadot/api-derive@npm:1.27.1":
-  version: 1.27.1
-  resolution: "@polkadot/api-derive@npm:1.27.1"
+"@polkadot/api-derive@npm:1.28.0-beta.0":
+  version: 1.28.0-beta.0
+  resolution: "@polkadot/api-derive@npm:1.28.0-beta.0"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/api": 1.27.1
-    "@polkadot/rpc-core": 1.27.1
-    "@polkadot/rpc-provider": 1.27.1
-    "@polkadot/types": 1.27.1
-    "@polkadot/util": ^3.0.1
-    "@polkadot/util-crypto": ^3.0.1
+    "@polkadot/api": 1.28.0-beta.0
+    "@polkadot/rpc-core": 1.28.0-beta.0
+    "@polkadot/rpc-provider": 1.28.0-beta.0
+    "@polkadot/types": 1.28.0-beta.0
+    "@polkadot/util": ^3.1.0-beta.2
+    "@polkadot/util-crypto": ^3.1.0-beta.2
     bn.js: ^5.1.2
     memoizee: ^0.4.14
     rxjs: ^6.6.2
-  checksum: 3/f23c364fd2dc8d5b233d86906a007262f2be8f36e59502f55c9d001d8b0103c32c8f5ffe87c482df9d75152aa67e487d053f637318c201f2b2dde806a053fa89
+  checksum: 3/ddcc2df766b53337a604e182baac18c7e9a0556442c7ac591c5f512f20ce58e18bfb497a6db2b6e07b8a0eb7fde35181c3e198fd56c5f50a93e4ebf37a4a794d
   languageName: node
   linkType: hard
 
-"@polkadot/api@npm:^1.27.1":
-  version: 1.27.1
-  resolution: "@polkadot/api@npm:1.27.1"
+"@polkadot/api@npm:^1.28.0-beta.0":
+  version: 1.28.0-beta.0
+  resolution: "@polkadot/api@npm:1.28.0-beta.0"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/api-derive": 1.27.1
-    "@polkadot/keyring": ^3.0.1
-    "@polkadot/metadata": 1.27.1
-    "@polkadot/rpc-core": 1.27.1
-    "@polkadot/rpc-provider": 1.27.1
-    "@polkadot/types": 1.27.1
-    "@polkadot/types-known": 1.27.1
-    "@polkadot/util": ^3.0.1
-    "@polkadot/util-crypto": ^3.0.1
+    "@polkadot/api-derive": 1.28.0-beta.0
+    "@polkadot/keyring": ^3.1.0-beta.2
+    "@polkadot/metadata": 1.28.0-beta.0
+    "@polkadot/rpc-core": 1.28.0-beta.0
+    "@polkadot/rpc-provider": 1.28.0-beta.0
+    "@polkadot/types": 1.28.0-beta.0
+    "@polkadot/types-known": 1.28.0-beta.0
+    "@polkadot/util": ^3.1.0-beta.2
+    "@polkadot/util-crypto": ^3.1.0-beta.2
     bn.js: ^5.1.2
     eventemitter3: ^4.0.4
     rxjs: ^6.6.2
-  checksum: 3/4dc32cb095d7e9da87883c9f6b032ccb95ee918be41b49304b69c68782082e044da7667f1eaa7fda0fab7517e0ddb76adf04b20dde4714d43c7eaabf141d8713
+  checksum: 3/81804e9f4f47895fd8cc49497b8a90e0f2f79f95c09095289a940dc0a3138750e8d7e9d8e354bd1cc46a96255bbde2a004dc8213a381c73750f57461aec17aba
   languageName: node
   linkType: hard
 
@@ -3111,7 +3111,7 @@ __metadata:
   resolution: "@polkadot/app-contracts@workspace:packages/page-contracts"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/api-contract": ^1.27.1
+    "@polkadot/api-contract": ^1.28.0-beta.0
   languageName: unknown
   linkType: soft
 
@@ -3468,28 +3468,28 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@polkadot/keyring@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@polkadot/keyring@npm:3.0.1"
+"@polkadot/keyring@npm:^3.1.0-beta.2":
+  version: 3.1.0-beta.2
+  resolution: "@polkadot/keyring@npm:3.1.0-beta.2"
   dependencies:
-    "@babel/runtime": ^7.10.5
-    "@polkadot/util": 3.0.1
-    "@polkadot/util-crypto": 3.0.1
-  checksum: 3/5f1b2cdc160cc429153717f744e8f07ed292fc3b212c8df81e0baccd893224b5e0b2c324305272991c11833bf7fffcf714b00d1e587cc726fa2ceb4d7f2ddd6b
+    "@babel/runtime": ^7.11.0
+    "@polkadot/util": 3.1.0-beta.2
+    "@polkadot/util-crypto": 3.1.0-beta.2
+  checksum: 3/b28011540c3704cc5a7f16b48aa24cc177423dd8c6074c82a1d1c4271197899bd623b8d62c1f78c1dec335eaf9e8260f96b08de9b155aa4fbaa08f1adad5df6e
   languageName: node
   linkType: hard
 
-"@polkadot/metadata@npm:1.27.1":
-  version: 1.27.1
-  resolution: "@polkadot/metadata@npm:1.27.1"
+"@polkadot/metadata@npm:1.28.0-beta.0":
+  version: 1.28.0-beta.0
+  resolution: "@polkadot/metadata@npm:1.28.0-beta.0"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/types": 1.27.1
-    "@polkadot/types-known": 1.27.1
-    "@polkadot/util": ^3.0.1
-    "@polkadot/util-crypto": ^3.0.1
+    "@polkadot/types": 1.28.0-beta.0
+    "@polkadot/types-known": 1.28.0-beta.0
+    "@polkadot/util": ^3.1.0-beta.2
+    "@polkadot/util-crypto": ^3.1.0-beta.2
     bn.js: ^5.1.2
-  checksum: 3/0c5fad507f9ff50e1b2b7b788ae51c84f088c519d4329eb97fa6da83d1be5bf5e03a479eeec7287425dbea03d5efacaac4f3fd3b0198f4771aed403d0cb54434
+  checksum: 3/07897c366e026862a1b9b9c31027f7fb8b07aeb24c929949dc2247dc030e03e6188db48ba4419a9ad55e7bd96854cbb3eceea139ae53ab123d4dba802536ca63
   languageName: node
   linkType: hard
 
@@ -3498,7 +3498,7 @@ __metadata:
   resolution: "@polkadot/react-api@workspace:packages/react-api"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/api": ^1.27.1
+    "@polkadot/api": ^1.28.0-beta.0
     "@polkadot/extension-dapp": ^0.33.0-beta.0
     rxjs-compat: ^6.6.2
   languageName: unknown
@@ -3512,15 +3512,15 @@ __metadata:
     "@fortawesome/fontawesome-svg-core": ^1.2.30
     "@fortawesome/free-solid-svg-icons": ^5.14.0
     "@fortawesome/react-fontawesome": ^0.1.11
-    "@polkadot/keyring": ^3.0.1
+    "@polkadot/keyring": ^3.1.0-beta.2
     "@polkadot/react-api": 0.53.0-beta.6
     "@polkadot/react-identicon": ^0.58.0-beta.2
     "@polkadot/react-qr": ^0.58.0-beta.2
     "@polkadot/react-query": 0.53.0-beta.6
     "@polkadot/ui-keyring": ^0.58.0-beta.2
     "@polkadot/ui-settings": ^0.58.0-beta.2
-    "@polkadot/util": ^3.0.1
-    "@polkadot/util-crypto": ^3.0.1
+    "@polkadot/util": ^3.1.0-beta.2
+    "@polkadot/util-crypto": ^3.1.0-beta.2
     "@types/codeflask": ^1.4.1
     chart.js: ^2.9.3
     codeflask: ^1.4.1
@@ -3621,72 +3621,72 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@polkadot/rpc-core@npm:1.27.1":
-  version: 1.27.1
-  resolution: "@polkadot/rpc-core@npm:1.27.1"
+"@polkadot/rpc-core@npm:1.28.0-beta.0":
+  version: 1.28.0-beta.0
+  resolution: "@polkadot/rpc-core@npm:1.28.0-beta.0"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/metadata": 1.27.1
-    "@polkadot/rpc-provider": 1.27.1
-    "@polkadot/types": 1.27.1
-    "@polkadot/util": ^3.0.1
+    "@polkadot/metadata": 1.28.0-beta.0
+    "@polkadot/rpc-provider": 1.28.0-beta.0
+    "@polkadot/types": 1.28.0-beta.0
+    "@polkadot/util": ^3.1.0-beta.2
     memoizee: ^0.4.14
     rxjs: ^6.6.2
-  checksum: 3/9f90177515e15d94d8ae3d7750b2a052ab517a59153489ad0742ba25fe9d060fe39050d7ab47fa006763d83fe0eb8aa4f4c604bbc6e045a6ae43530f58c0a6cf
+  checksum: 3/5b84320246c0a64b2eeeb84401b2339bdc21f9e5b909526ff3f94c45e6dd1a5bd4ac7b751c82713d0f87bcef4189af4d839b2d9a4701c7bbc7ed673db663ac33
   languageName: node
   linkType: hard
 
-"@polkadot/rpc-provider@npm:1.27.1":
-  version: 1.27.1
-  resolution: "@polkadot/rpc-provider@npm:1.27.1"
+"@polkadot/rpc-provider@npm:1.28.0-beta.0":
+  version: 1.28.0-beta.0
+  resolution: "@polkadot/rpc-provider@npm:1.28.0-beta.0"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/metadata": 1.27.1
-    "@polkadot/types": 1.27.1
-    "@polkadot/util": ^3.0.1
-    "@polkadot/util-crypto": ^3.0.1
+    "@polkadot/metadata": 1.28.0-beta.0
+    "@polkadot/types": 1.28.0-beta.0
+    "@polkadot/util": ^3.1.0-beta.2
+    "@polkadot/util-crypto": ^3.1.0-beta.2
     bn.js: ^5.1.2
     eventemitter3: ^4.0.4
     isomorphic-fetch: ^2.2.1
     websocket: ^1.0.31
-  checksum: 3/cfb11ff10d16c7638379e23b84cdd3197bed47cab847a7dead673ba550334528a4281d48e4072dfa7ded06de682cc4c3fcd037ebb8a4ac7dbef9b24d5cb9b7bb
+  checksum: 3/1e2baccd002a9b68675b107c50c939d280f72aa718679843b76ce2f91d825eb2929fafe42269d52fbc6b21e2503742ae770011db0f06f556892fac23b52c2054
   languageName: node
   linkType: hard
 
-"@polkadot/ts@npm:^0.3.31":
-  version: 0.3.31
-  resolution: "@polkadot/ts@npm:0.3.31"
+"@polkadot/ts@npm:^0.3.32":
+  version: 0.3.32
+  resolution: "@polkadot/ts@npm:0.3.32"
   dependencies:
     "@types/chrome": ^0.0.122
-  checksum: 3/c0130eb28ccf9ba9fba2bcac1ed74727a366b8756610bb2a90a4516215a3bacedc76be07c18c036362747b23fcc2a5713ca2d87af7ec3f796b737bef7a7904a6
+  checksum: 3/7f97826c541b5cb979739ce8a6661b1e95a3e0a88bf5f15964f67b8e019e05dfbe81b6e1616f1540a706e78c6b88b7dcde976184c36d592af409a23428c66ba1
   languageName: node
   linkType: hard
 
-"@polkadot/types-known@npm:1.27.1":
-  version: 1.27.1
-  resolution: "@polkadot/types-known@npm:1.27.1"
+"@polkadot/types-known@npm:1.28.0-beta.0":
+  version: 1.28.0-beta.0
+  resolution: "@polkadot/types-known@npm:1.28.0-beta.0"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/types": 1.27.1
-    "@polkadot/util": ^3.0.1
+    "@polkadot/types": 1.28.0-beta.0
+    "@polkadot/util": ^3.1.0-beta.2
     bn.js: ^5.1.2
-  checksum: 3/7c80c4597b91f35b932b740a870ffb2e407692567e08b63ea0821a91681f99c596c0cc69a3e891b6ca6ff3eb07fc786f247d8bb13896d08a2018a62181af065f
+  checksum: 3/a665687919f4661f858c3e059a195fbd8407e5cbdbc6c4bd371997e2176a70f35ad89af7740d89c741e61d1564e3a32393f0daf49b19ce0f36f792e0c85fe6f1
   languageName: node
   linkType: hard
 
-"@polkadot/types@npm:^1.27.1":
-  version: 1.27.1
-  resolution: "@polkadot/types@npm:1.27.1"
+"@polkadot/types@npm:^1.28.0-beta.0":
+  version: 1.28.0-beta.0
+  resolution: "@polkadot/types@npm:1.28.0-beta.0"
   dependencies:
     "@babel/runtime": ^7.11.0
-    "@polkadot/metadata": 1.27.1
-    "@polkadot/util": ^3.0.1
-    "@polkadot/util-crypto": ^3.0.1
+    "@polkadot/metadata": 1.28.0-beta.0
+    "@polkadot/util": ^3.1.0-beta.2
+    "@polkadot/util-crypto": ^3.1.0-beta.2
     "@types/bn.js": ^4.11.6
     bn.js: ^5.1.2
     memoizee: ^0.4.14
     rxjs: ^6.6.2
-  checksum: 3/195a1b0f4728aad88bd0f2e6fff02987ddaacbd334a1f5b5d67be4b5473bfe7d4622ca76ab0d9c706dffcc433e76da30a8babc25d0d82b8ef5bbb3e847111e2c
+  checksum: 3/f1243f299bb14e5605cb3fa933957ac66b63118beb81a1f1c6675e6cc759486f70870cd0284886830d6f68ce75a88f9519132111f157a8b79fa33adc3d6d9792
   languageName: node
   linkType: hard
 
@@ -3738,12 +3738,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@polkadot/util-crypto@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@polkadot/util-crypto@npm:3.0.1"
+"@polkadot/util-crypto@npm:^3.1.0-beta.2":
+  version: 3.1.0-beta.2
+  resolution: "@polkadot/util-crypto@npm:3.1.0-beta.2"
   dependencies:
-    "@babel/runtime": ^7.10.5
-    "@polkadot/util": 3.0.1
+    "@babel/runtime": ^7.11.0
+    "@polkadot/util": 3.1.0-beta.2
     "@polkadot/wasm-crypto": ^1.2.1
     base-x: ^3.0.8
     bip39: ^3.0.2
@@ -3755,21 +3755,21 @@ __metadata:
     scryptsy: ^2.1.0
     tweetnacl: ^1.0.3
     xxhashjs: ^0.2.2
-  checksum: 3/9bf7cadffefca3528236bf7be6626ecc4bfad9b89e58003fd29bf0a023453e333f99e8ad4a928e29b346c518661a4f887928e5f9aaa8f50b716515281e451449
+  checksum: 3/569f355cfd8b2a586cfb176c2e85ccdb300f3df0f372f2ec47b7a78fafa4ac3764efe58c8fdd1af2eb5ae81e66f5e0bccb4933246ee4ae4b35523915256fcca5
   languageName: node
   linkType: hard
 
-"@polkadot/util@npm:^3.0.1":
-  version: 3.0.1
-  resolution: "@polkadot/util@npm:3.0.1"
+"@polkadot/util@npm:^3.1.0-beta.2":
+  version: 3.1.0-beta.2
+  resolution: "@polkadot/util@npm:3.1.0-beta.2"
   dependencies:
-    "@babel/runtime": ^7.10.5
+    "@babel/runtime": ^7.11.0
     "@types/bn.js": ^4.11.6
     bn.js: ^5.1.2
     camelcase: ^5.3.1
     chalk: ^4.1.0
     ip-regex: ^4.1.0
-  checksum: 3/2b2577733a6d493ab6a814b4c4038b9fb921687c5e9d66ab012aec0b984b44a3b8c793c416e1ffced92f28dcee8449a4738de6cd7c8c3f65230d26625c0348f6
+  checksum: 3/1a154498bd690330cc7e0b2da845034ba7338415440d6103a60b4e0ac2a1df7a6d431677b07b338587651669a0c5568979e9a86d4b523c590d75282c39c9eae5
   languageName: node
   linkType: hard
 
@@ -18275,7 +18275,7 @@ __metadata:
     "@babel/runtime": ^7.11.0
     "@pinata/sdk": ^1.1.10
     "@polkadot/dev": ^0.55.31
-    "@polkadot/ts": ^0.3.31
+    "@polkadot/ts": ^0.3.32
     "@types/bn.js": ^4.11.6
     "@types/chart.js": ^2.9.23
     "@types/file-saver": ^2.0.1