Bump GH actions (#1199)

* Bump GH actions

* Adjust i18next with <string>

.github/workflows/auto-approve.yml

@@ -9,7 +9,7 @@ jobs:
     if: "! startsWith(github.event.head_commit.message, '[CI Skip]') && (!github.event.pull_request || github.event.pull_request.head.repo.full_name == github.repository)"
     runs-on: ubuntu-latest
     steps:
-      - uses: jacogr/action-approve@9d6ce78d26f23ad29d009d034822cf773f2cb50e
+      - uses: jacogr/action-approve@795afd1dd096a2071d7ec98740661af4e853b7da
         with:
           authors: jacogr
           labels: -auto

.github/workflows/auto-merge.yml

@@ -8,7 +8,7 @@ jobs:
   merge:
     runs-on: ubuntu-latest
     steps:
-      - uses: jacogr/action-merge@3b4b49af8a8644bf5cbb5409ee236abe04eeb1b0
+      - uses: jacogr/action-merge@d2d64b4545acd93b0a9575177d3d215ae3f92029
         with:
           checks: build,lint,test
           labels: -auto

.github/workflows/pr-any.yml

@@ -9,7 +9,7 @@ jobs:
     name: ${{ matrix.step }}
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@7884fcad6b5d53d10323aee724dc68d8b9096a2e
+    - uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c
     - name: ${{ matrix.step }}
       run: |
         yarn install --immutable | grep -v 'YN0013'

.github/workflows/push-master.yml

@@ -13,7 +13,7 @@ jobs:
     name: ${{ matrix.step }}
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@7884fcad6b5d53d10323aee724dc68d8b9096a2e
+    - uses: actions/checkout@ac593985615ec2ede58e132d2e21d2b1cbd6127c
       with:
         fetch-depth: 0
         token: ${{ secrets.GH_PAT_BOT }}

package.json

@@ -38,7 +38,7 @@
   },
   "devDependencies": {
     "@babel/core": "^7.20.12",
-    "@polkadot/dev": "^0.67.184",
+    "@polkadot/dev": "^0.67.187",
     "@types/jest": "^29.2.6",
     "i18next-scanner": "^4.1.1",
     "sinon-chrome": "^3.0.1"

packages/extension-inject/package.json

@@ -25,8 +25,8 @@
     "@polkadot/x-global": "^10.2.6"
   },
   "devDependencies": {
-    "@types/chrome": "^0.0.209",
+    "@types/chrome": "^0.0.210",
-    "@types/firefox-webext-browser": "^94.0.1"
+    "@types/firefox-webext-browser": "^109.0.0"
   },
   "peerDependencies": {
     "@polkadot/api": "*"

packages/extension-ui/package.json

@@ -42,7 +42,7 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-dropzone": "^11.7.1",
-    "react-i18next": "^11.18.6",
+    "react-i18next": "^12.1.4",
     "react-is": "^18.2.0",
     "react-router": "^5.3.4",
     "react-router-dom": "^5.3.4",

packages/extension-ui/src/Popup/AuthManagement/WebsiteEntry.tsx

@@ -37,14 +37,14 @@ function WebsiteEntry ({ className = '', info: { authorizedAccounts, isAllowed }
         to={`/url/manage/${url}`}
       >{
           authorizedAccounts && authorizedAccounts.length
-            ? t('{{total}} accounts', {
+            ? t<string>('{{total}} accounts', {
               replace: {
                 total: authorizedAccounts.length
               }
             })
             : isAllowed
-              ? t('all accounts')
+              ? t<string>('all accounts')
-              : t('no accounts')
+              : t<string>('no accounts')
         }</Link>
     </div>
   );

packages/extension-ui/src/Popup/CreateAccount/Mnemonic.tsx

@@ -32,7 +32,7 @@ function Mnemonic ({ onNextStep, seed }: Props): React.ReactElement<Props> {
 
   const _onCopy = useCallback((): void => {
     onCopy();
-    show(t('Copied'));
+    show(t<string>('Copied'));
   }, [show, t]);
 
   return (

packages/extension-ui/src/Popup/Derive/DerivationPath.tsx

@@ -47,8 +47,8 @@ function DerivationPath ({ className, defaultPath, isError, onChange, withSoftPa
             isError={isError || !path}
             label={
               isDisabled
-                ? t('Derivation Path (unlock to edit)')
+                ? t<string>('Derivation Path (unlock to edit)')
-                : t('Derivation Path')
+                : t<string>('Derivation Path')
             }
             onChange={_onChange}
             placeholder={withSoftPath

packages/extension-ui/src/Popup/Derive/SelectParent.tsx

@@ -48,11 +48,11 @@ export default function SelectParent ({ className, isLocked, onDerivationConfirm
   useEffect(() => {
     // forbid the use of password since Keyring ignores it
     if (suriPath?.includes('///')) {
-      setPathError(t('`///password` not supported for derivation'));
+      setPathError(t<string>('`///password` not supported for derivation'));
     }
 
     if (!allowSoftDerivation && suriPath && singleSlashRegex.test(suriPath)) {
-      setPathError(t('Soft derivation is only allowed for sr25519 accounts'));
+      setPathError(t<string>('Soft derivation is only allowed for sr25519 accounts'));
     }
   }, [allowSoftDerivation, suriPath, t]);
 
@@ -99,7 +99,7 @@ export default function SelectParent ({ className, isLocked, onDerivationConfirm
             onDerivationConfirmed({ account, parentPassword });
           } catch (error) {
             setIsBusy(false);
-            setPathError(t('Invalid derivation path'));
+            setPathError(t<string>('Invalid derivation path'));
             console.error(error);
           }
         } else {
@@ -154,7 +154,7 @@ export default function SelectParent ({ className, isLocked, onDerivationConfirm
               isBelowInput
               isDanger
             >
-              {t('Wrong password')}
+              {t<string>('Wrong password')}
             </Warning>
           )}
         </div>

packages/extension-ui/src/Popup/ImportLedger.tsx

@@ -50,18 +50,18 @@ function ImportLedger ({ className }: Props): React.ReactElement {
   }, [address]);
 
   const accOps = useRef(AVAIL.map((value): AccOption => ({
-    text: t('Account type {{index}}', { replace: { index: value } }),
+    text: t<string>('Account type {{index}}', { replace: { index: value } }),
     value
   })));
 
   const addOps = useRef(AVAIL.map((value): AccOption => ({
-    text: t('Address index {{index}}', { replace: { index: value } }),
+    text: t<string>('Address index {{index}}', { replace: { index: value } }),
     value
   })));
 
   const networkOps = useRef(
     [{
-      text: t('Select network'),
+      text: t<string>('Select network'),
       value: ''
     },
     ...ledgerChains.map(({ displayName, genesisHash }): NetworkOption => ({

packages/extension-ui/src/Popup/Metadata/Request.tsx

@@ -67,7 +67,7 @@ function Request ({ className, metaId, request, url }: Props): React.ReactElemen
         </tr>
         <tr>
           <td className='label'>{t<string>('upgrade')}</td>
-          <td className='data'>{chain ? chain.specVersion : t('<unknown>')} -&gt; {request.specVersion}</td>
+          <td className='data'>{chain ? chain.specVersion : t<string>('<unknown>')} -&gt; {request.specVersion}</td>
         </tr>
       </Table>
       <div className='requestInfo'>

packages/extension-ui/src/Popup/Signing/Request/index.tsx

@@ -162,12 +162,12 @@ export default function Request ({ account: { accountIndex, addressOffset, genes
         <VerticalSpace />
         {isExternal && !isHardware && !genesisHash && (
           <>
-            <Warning isDanger>{t('"Allow use on any network" is not supported to show a QR code. You must associate this account with a network.')}</Warning>
+            <Warning isDanger>{t<string>('"Allow use on any network" is not supported to show a QR code. You must associate this account with a network.')}</Warning>
             <VerticalSpace />
           </>
         )}
         {isHardware && <>
-          <Warning>{t('Message signing is not supported for hardware wallets.')}</Warning>
+          <Warning>{t<string>('Message signing is not supported for hardware wallets.')}</Warning>
           <VerticalSpace />
         </>}
         <SignArea

packages/extension-ui/src/Popup/Signing/index.tsx

@@ -59,7 +59,7 @@ export default function Signing (): React.ReactElement {
         </Header>
         <Request
           account={request.account}
-          buttonText={isTransaction ? t('Sign the transaction') : t('Sign the message')}
+          buttonText={isTransaction ? t<string>('Sign the transaction') : t<string>('Sign the message')}
           isFirst={requestIndex === 0}
           request={request.request}
           signId={request.id}

packages/extension-ui/src/components/Address.tsx

@@ -157,7 +157,7 @@ function Address ({ actions, address, children, className, genesisHash, isExtern
   );
 
   const _onCopy = useCallback(
-    () => show(t('Copied')),
+    () => show(t<string>('Copied')),
     [show, t]
   );
 
@@ -170,7 +170,7 @@ function Address ({ actions, address, children, className, genesisHash, isExtern
 
   const Name = () => {
     const accountName = name || account?.name;
-    const displayName = accountName || t('<unknown>');
+    const displayName = accountName || t<string>('<unknown>');
 
     return (
       <>
@@ -181,14 +181,14 @@ function Address ({ actions, address, children, className, genesisHash, isExtern
                 className='hardwareIcon'
                 icon={faUsb}
                 rotation={270}
-                title={t('hardware wallet account')}
+                title={t<string>('hardware wallet account')}
               />
             )
             : (
               <FontAwesomeIcon
                 className='externalIcon'
                 icon={faQrcode}
-                title={t('external account')}
+                title={t<string>('external account')}
               />
             )
         )}
@@ -258,7 +258,7 @@ function Address ({ actions, address, children, className, genesisHash, isExtern
               className='fullAddress'
               data-field='address'
             >
-              {formatted || address || t('<unknown>')}
+              {formatted || address || t<string>('<unknown>')}
             </div>
             <CopyToClipboard text={(formatted && formatted) || ''}>
               <FontAwesomeIcon
@@ -266,7 +266,7 @@ function Address ({ actions, address, children, className, genesisHash, isExtern
                 icon={faCopy}
                 onClick={_onCopy}
                 size='sm'
-                title={t('copy address')}
+                title={t<string>('copy address')}
               />
             </CopyToClipboard>
             {(actions || showVisibilityAction) && (
@@ -275,7 +275,7 @@ function Address ({ actions, address, children, className, genesisHash, isExtern
                 icon={isHidden ? faEyeSlash : faEye}
                 onClick={_toggleVisibility}
                 size='sm'
-                title={t('account visibility')}
+                title={t<string>('account visibility')}
               />
             )}
           </div>

packages/extension-ui/src/components/InputFileWithLabel.tsx

@@ -105,8 +105,8 @@ function InputFile ({ accept, className = '', clearContent, convertHex, isDisabl
           <em className='label'>
             {
               !file || clearContent
-                ? placeholder || t('click to select or drag and drop the file here')
+                ? placeholder || t<string>('click to select or drag and drop the file here')
-                : placeholder || t('{{name}} ({{size}} bytes)', {
+                : placeholder || t<string>('{{name}} ({{size}} bytes)', {
                   replace: {
                     name: file.name,
                     size: formatNumber(file.size)

packages/extension-ui/src/hooks/useGenesisHashOptions.ts

@@ -28,7 +28,7 @@ export default function (): Option[] {
 
   const hashes = useMemo(() => [
     {
-      text: t('Allow use on any chain'),
+      text: t<string>('Allow use on any chain'),
       value: ''
     },
     // put the relay chains at the top

packages/extension-ui/src/partials/AccountSelection.tsx

@@ -72,7 +72,7 @@ function AccounSelection ({ className, origin, showHidden = false, url, withWarn
         checked={areAllAccountsSelected}
         className='accountTree-checkbox'
         indeterminate={isIndeterminate}
-        label={t('Select all')}
+        label={t<string>('Select all')}
         onChange={_onSelectAllToggle}
       />
       <div className='accountList'>

packages/extension-ui/src/partials/MenuAdd.tsx

@@ -50,7 +50,7 @@ function MenuAdd ({ className, reference }: Props): React.ReactElement<Props> {
       <MenuItem className='menuItem'>
         <Link to={'/account/create'}>
           <FontAwesomeIcon icon={faPlusCircle} />
-          <span>{ t('Create new account')}</span>
+          <span>{ t<string>('Create new account')}</span>
         </Link>
       </MenuItem>
       <MenuDivider />
@@ -59,7 +59,7 @@ function MenuAdd ({ className, reference }: Props): React.ReactElement<Props> {
           <MenuItem className='menuItem'>
             <Link to={`/account/derive/${master.address}`}>
               <FontAwesomeIcon icon={faCodeBranch} />
-              <span>{t('Derive from an account')}</span>
+              <span>{t<string>('Derive from an account')}</span>
             </Link>
           </MenuItem>
           <MenuDivider />

packages/extension/package.json

@@ -22,7 +22,7 @@
     "@polkadot/extension-ui": "^0.44.9-2-x"
   },
   "devDependencies": {
-    "@polkadot/dev": "^0.67.184",
+    "@polkadot/dev": "^0.67.187",
     "babel-loader": "^8.3.0",
     "browser-resolve": "^2.0.0",
     "buffer": "^6.0.3",