Update polkadot deps (#92)

* Update polkadot deps

* Add hex string type

package.json

@@ -17,11 +17,11 @@
   "dependencies": {
     "@babel/runtime": "^7.16.3",
     "@nanostores/react": "^0.1.2",
-    "@polkadot/extension-base": "^0.40.3",
-    "@polkadot/extension-chains": "0.40.3",
-    "@polkadot/extension-inject": "^0.40.3",
-    "@polkadot/react-identicon": "^0.86.1",
-    "@polkadot/react-qr": "^0.86.1",
+    "@polkadot/extension-base": "^0.41.1",
+    "@polkadot/extension-chains": "0.41.1",
+    "@polkadot/extension-inject": "^0.41.1",
+    "@polkadot/react-identicon": "^0.86.5",
+    "@polkadot/react-qr": "^0.86.5",
     "nanostores": "^0.5.6",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",

src/messaging/uiActions.ts

@@ -5,6 +5,7 @@ import {
   MetadataRequest,
   SigningRequest,
 } from '@polkadot/extension-base/background/types'
+import { HexString } from '@polkadot/util/types'
 import { sendUIMessage } from './sendUIMessage'
 
 export function editAccount(address: string, name: string): Promise<boolean> {
@@ -29,7 +30,7 @@ export function cancelSignRequest(id: string): Promise<boolean> {
 
 export function approveSignSignature(
   id: string,
-  signature: string
+  signature: HexString
 ): Promise<boolean> {
   return sendUIMessage('pri(signing.approve.signature)', { id, signature })
 }

src/page.ts

@@ -28,5 +28,6 @@ redirectIfPhishing()
   })
 
 function inject() {
-  injectExtension(enable, { name: PKG_NAME, version: PKG_VERSION })
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  injectExtension(enable as any, { name: PKG_NAME, version: PKG_VERSION })
 }

src/ui/requests/SigningRequest.tsx

+import { useStore } from '@nanostores/react'
 import {
   AccountJson,
   RequestSign,
 } from '@polkadot/extension-base/background/types'
 import { wrapBytes } from '@polkadot/extension-dapp/wrapBytes'
 import { QrDisplayPayload, QrScanSignature } from '@polkadot/react-qr'
-import { useStore } from '@nanostores/react'
+import { HexString } from '@polkadot/util/types'
 import React, { useEffect, useRef, useState } from 'react'
 import styled from 'styled-components'
-import Address from '../components/Address'
-import { Button } from '../components/Button'
+import {
+  approveSignSignature,
+  cancelSignRequest,
+} from '../../messaging/uiActions'
 import {
   accountNamesByAddressStore,
   accountsStore,
 } from '../../stores/accounts'
 import { addHeaderAction, resetHeaderActions } from '../../stores/headerActions'
-import { BaseProps } from '../types'
-import { isRawPayload } from '../../utils/guards'
-import {
-  approveSignSignature,
-  cancelSignRequest,
-} from '../../messaging/uiActions'
-import { getGenesisHashByAddress } from '../../utils/getGenesisHashByAddress'
 import { getExtrinsicPayload } from '../../utils/getExtrinsicPayload'
+import { getGenesisHashByAddress } from '../../utils/getGenesisHashByAddress'
+import { isRawPayload } from '../../utils/guards'
+import Address from '../components/Address'
+import { Button } from '../components/Button'
+import { BaseProps } from '../types'
 
 const CMD_MORTAL = 2
 const CMD_SIGN_MESSAGE = 3
@@ -52,7 +53,7 @@ const Request: React.FC<Props> = ({ request, signId, className }) => {
     : payloadRef.current?.toU8a()
 
   const toggleOnQr = () => setBeginning((v) => !v)
-  const onSignature = ({ signature }: { signature: string }) =>
+  const onSignature = ({ signature }: { signature: HexString }) =>
     approveSignSignature(signId, signature).catch(console.error)
 
   useEffect(() => {