diff --git a/examples/wallet-api/package.json b/examples/wallet-api/package.json
index 06e4ef1ba..c486b8667 100644
--- a/examples/wallet-api/package.json
+++ b/examples/wallet-api/package.json
@@ -9,10 +9,11 @@
         "start:sign-message": "FILE=sign-message.html yarn start",
         "start:sign-cis3-message": "FILE=sign-cis3-message.html yarn start",
         "start:web3-id": "FILE=web3-id.html yarn start",
-        "start:sign-token-update": "FILE=sign-token-update.html yarn start"
+        "start:sign-token-update": "FILE=sign-token-update.html yarn start",
+        "start:sponsored-transaction": "FILE=sponsored-transaction.html yarn start"
     },
     "dependencies": {
-        "@concordium/web-sdk": "10.0.2"
+        "@concordium/web-sdk": "^12.0.1"
     },
     "devDependencies": {
         "live-server": "^1.2.2"
diff --git a/examples/wallet-api/sign-token-update.html b/examples/wallet-api/sign-token-update.html
index 8b55d33b6..f2fecefe4 100644
--- a/examples/wallet-api/sign-token-update.html
+++ b/examples/wallet-api/sign-token-update.html
@@ -30,8 +30,15 @@
                 });
 
                 document.getElementById('signSingleTransferTokenUpdate').addEventListener('click', () => {
-                    const { TokenOperationType, Cbor, TokenAmount, TokenHolder, CborMemo, TokenId, AccountAddress } =
-                        concordiumSDK;
+                    const {
+                        TokenOperationType,
+                        Cbor,
+                        TokenAmount,
+                        CborAccountAddress,
+                        CborMemo,
+                        TokenId,
+                        AccountAddress,
+                    } = concordiumSDK;
 
                     const ops = [
                         {
@@ -40,7 +47,7 @@
                                     value: '1000000',
                                     decimals: 6,
                                 }),
-                                recipient: TokenHolder.fromAccountAddress(
+                                recipient: CborAccountAddress.fromAccountAddress(
                                     AccountAddress.fromBase58('4PVJxxtiNVanfuNgvFWtFT1JCiqoVs6npVXBqwLNKprqnUiC2A')
                                 ),
                                 memo: CborMemo.fromString('Some text for memo'),
@@ -62,8 +69,15 @@
                 });
 
                 document.getElementById('signTokenUpdate').addEventListener('click', () => {
-                    const { TokenOperationType, Cbor, TokenAmount, TokenHolder, CborMemo, TokenId, AccountAddress } =
-                        concordiumSDK;
+                    const {
+                        TokenOperationType,
+                        Cbor,
+                        TokenAmount,
+                        CborAccountAddress,
+                        CborMemo,
+                        TokenId,
+                        AccountAddress,
+                    } = concordiumSDK;
 
                     const ops = [
                         {
@@ -72,7 +86,7 @@
                                     value: '1000000',
                                     decimals: 6,
                                 }),
-                                recipient: TokenHolder.fromAccountAddress(
+                                recipient: CborAccountAddress.fromAccountAddress(
                                     AccountAddress.fromBase58('4PVJxxtiNVanfuNgvFWtFT1JCiqoVs6npVXBqwLNKprqnUiC2A')
                                 ),
                                 memo: CborMemo.fromString('Some text for memo'),
@@ -95,7 +109,7 @@
                                     value: '200000',
                                     decimals: 6,
                                 }),
-                                recipient: TokenHolder.fromAccountAddress(
+                                recipient: CborAccountAddress.fromAccountAddress(
                                     AccountAddress.fromBase58('4PVJxxtiNVanfuNgvFWtFT1JCiqoVs6npVXBqwLNKprqnUiC2A')
                                 ),
                                 memo: CborMemo.fromString('Some text for memo'),
diff --git a/examples/wallet-api/sponsored-transaction.html b/examples/wallet-api/sponsored-transaction.html
new file mode 100644
index 000000000..15cdd4a2a
--- /dev/null
+++ b/examples/wallet-api/sponsored-transaction.html
@@ -0,0 +1,162 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>My cool dapp</title>
+        <script src="/sdk.js"></script>
+        <script src="/helpers.js"></script>
+        <script src="https://unpkg.com/cbor-web"></script>
+        <meta charset="utf-8" />
+        <script>
+            let currentAccountAddress = '';
+
+            async function submitPayloadToSponsor(sender, transaction) {
+                const provider = await concordiumHelpers.detectConcordiumProvider();
+                const {
+                    buildBasicAccountSigner,
+                    AccountAddress,
+                    ConcordiumGRPCClient,
+                    Transaction,
+                    TransactionExpiry,
+                } = concordiumSDK;
+                const builder = Transaction.builderFromJSON(transaction);
+                const sponsorSigner = buildBasicAccountSigner(privateKey.value);
+                const sponsorSignerAccount = AccountAddress.fromBase58(sponsorAccount.value);
+
+                const grpcClient = new ConcordiumGRPCClient(await provider.grpcTransport);
+                const senderNonce = await grpcClient.getNextAccountNonce(sender);
+
+                const sponsorableTransaction = builder
+                    .addMetadata({ sender, nonce: senderNonce.nonce, expiry: TransactionExpiry.futureMinutes(5) })
+                    .addSponsor(sponsorSignerAccount)
+                    .build();
+
+                const sponsored = await Transaction.sponsor(sponsorableTransaction, sponsorSigner);
+                return Transaction.toJSON(sponsored);
+            }
+
+            async function setupPage() {
+                const provider = await concordiumHelpers.detectConcordiumProvider();
+                provider.on('accountDisconnected', () => (currentAccountAddress = undefined));
+                provider.on('accountChanged', (accountAddress) => (currentAccountAddress = accountAddress));
+                provider.on('chainChanged', (chain) => alert(chain));
+
+                document.getElementById('connect').addEventListener('click', () => {
+                    provider.connect().then((accountAddress) => {
+                        currentAccountAddress = accountAddress;
+                        document.getElementById('accountAddress').innerHTML = accountAddress;
+                    });
+                });
+
+                document.getElementById('requestAccounts').addEventListener('click', () => {
+                    provider.requestAccounts().then((accountAddresses) => {
+                        currentAccountAddress = accountAddresses[0];
+                        document.getElementById('accountAddress').innerHTML = accountAddresses;
+                    });
+                });
+
+                document.getElementById('signSimpleTransfer').addEventListener('click', async () => {
+                    const { AccountAddress, CcdAmount, Transaction } = concordiumSDK;
+
+                    const payload = {
+                        amount: CcdAmount.fromCcd(1000n),
+                        toAddress: AccountAddress.fromBase58(recipient.value),
+                    };
+
+                    const transaction = Transaction.transfer(payload);
+
+                    const sponsorResponse = await submitPayloadToSponsor(
+                        AccountAddress.fromBase58(currentAccountAddress),
+                        Transaction.toJSON(transaction)
+                    );
+
+                    console.log('sponsorResponse', sponsorResponse);
+
+                    const sponsoredParsed = Transaction.signableFromJSON(sponsorResponse);
+
+                    return provider
+                        .sendSponsoredTransaction(currentAccountAddress, sponsoredParsed)
+                        .then((sig) => alert(JSON.stringify(sig)))
+                        .catch(alert);
+                });
+
+                document.getElementById('signTokenUpdate').addEventListener('click', async () => {
+                    const {
+                        AccountAddress,
+                        TokenOperationType,
+                        TokenAmount,
+                        CborMemo,
+                        Cbor,
+                        TokenId,
+                        Transaction,
+                        CborAccountAddress,
+                    } = concordiumSDK;
+
+                    const ops = [
+                        {
+                            [TokenOperationType.Transfer]: {
+                                amount: TokenAmount.fromJSON({
+                                    value: '1000000',
+                                    decimals: 6,
+                                }),
+                                recipient: CborAccountAddress.fromAccountAddress(
+                                    AccountAddress.fromBase58(recipient.value)
+                                ),
+                                memo: CborMemo.fromString('Some text for memo'),
+                            },
+                        },
+                    ];
+
+                    console.log(JSON.stringify(ops));
+
+                    const payload = {
+                        tokenId: TokenId.fromString('EURtest'),
+                        operations: Cbor.encode(ops),
+                    };
+
+                    const transaction = Transaction.tokenUpdate(payload);
+
+                    console.log(JSON.stringify(payload));
+
+                    const sponsorResponse = await submitPayloadToSponsor(
+                        AccountAddress.fromBase58(currentAccountAddress),
+                        Transaction.toJSON(transaction)
+                    );
+
+                    console.log('sponsorResponse', sponsorResponse);
+
+                    const sponsoredParsed = Transaction.signableFromJSON(sponsorResponse);
+
+                    return provider
+                        .sendSponsoredTransaction(currentAccountAddress, sponsoredParsed)
+                        .then((sig) => alert(JSON.stringify(sig)))
+                        .catch(alert);
+                });
+            }
+            setupPage();
+        </script>
+    </head>
+
+    <body>
+        <div>
+            <button id="connect">Connect</button>
+            <h3 id="accountAddress" style="display: inline">Account address:</h3>
+        </div>
+        <br />
+        <button id="requestAccounts">Request accounts</button>
+        <br />
+        <h3>Sponsor Config:</h3>
+        Sponsor Account:
+        <input type="text" id="sponsorAccount" value="3PCRkKoFrSzgUmzfFF7C17pc3wm9wrVgbaCrbgGs6UMxy5aogo" />
+        <br />
+        Sponsor Private Key:
+        <input type="text" id="privateKey" value="9a494111614cd737ed89e500a3d155af80a4f8faf18f168568f8facbd2be3909" />
+        <br />
+        <h3>Recipient Config:</h3>
+        Recipient Address:
+        <input type="text" id="recipient" value="4jPwPo6da7g43DRQFcwMxJQQA9BbD762fbSS24X8Z7VHkvnehe" />
+        <br />
+        <br />
+        <button id="signSimpleTransfer">Sign Simple Transfer</button>
+        <button id="signTokenUpdate">Sign PLT Transfer</button>
+    </body>
+</html>
diff --git a/packages/browser-wallet-api-helpers/package.json b/packages/browser-wallet-api-helpers/package.json
index e28de5291..0d266a94e 100644
--- a/packages/browser-wallet-api-helpers/package.json
+++ b/packages/browser-wallet-api-helpers/package.json
@@ -40,7 +40,7 @@
         "webpack-cli": "^4.9.2"
     },
     "peerDependencies": {
-        "@concordium/web-sdk": "10.0.2",
+        "@concordium/web-sdk": "^12.0.0",
         "@protobuf-ts/runtime-rpc": "^2.9.1"
     },
     "scripts": {
diff --git a/packages/browser-wallet-api-helpers/src/wallet-api-types.ts b/packages/browser-wallet-api-helpers/src/wallet-api-types.ts
index 7fb636320..65923eb9a 100644
--- a/packages/browser-wallet-api-helpers/src/wallet-api-types.ts
+++ b/packages/browser-wallet-api-helpers/src/wallet-api-types.ts
@@ -1,30 +1,31 @@
 import type {
-    AccountTransactionPayload,
+    AccountAddress,
+    AccountTransactionInput,
     AccountTransactionSignature,
     AccountTransactionType,
-    InitContractPayload,
-    SchemaVersion,
-    UpdateContractPayload,
-    IdStatement,
-    IdProofOutput,
-    CredentialStatements,
-    VerifiablePresentation,
-    CredentialSubject,
-    HexString,
-    AccountAddress,
     Base58String,
     Base64String,
-    ContractAddress,
-    UpdateCredentialsPayload,
-    RegisterDataPayload,
-    SimpleTransferPayload,
-    SimpleTransferWithMemoPayload,
-    DeployModulePayload,
     ConfigureBakerPayload,
     ConfigureDelegationPayload,
+    ContractAddress,
     ContractName,
+    CredentialStatements,
+    CredentialSubject,
+    DeployModulePayload,
     EntrypointName,
+    HexString,
+    IdProofOutput,
+    IdStatement,
+    InitContractInput,
+    RegisterDataPayload,
+    SchemaVersion,
+    SimpleTransferPayload,
+    SimpleTransferWithMemoPayload,
     TokenUpdatePayload,
+    UpdateContractInput,
+    UpdateCredentialsInput,
+    VerifiablePresentation,
+    Transaction,
 } from '@concordium/web-sdk';
 import type { RpcTransport } from '@protobuf-ts/runtime-rpc';
 import { LaxNumberEnumValue, LaxStringEnumValue } from './util';
@@ -61,14 +62,16 @@ export interface CredentialProof {
     verificationMethod: string;
 }
 
-export type SendTransactionUpdateContractPayload = Omit<UpdateContractPayload, 'message'>;
-export type SendTransactionInitContractPayload = Omit<InitContractPayload, 'param'>;
+export type SendTransactionUpdateContractPayload = Omit<UpdateContractInput, 'message'>;
+export type SendTransactionInitContractPayload = Omit<InitContractInput, 'param'>;
 
 export type SendTransactionPayload =
-    | Exclude<AccountTransactionPayload, UpdateContractPayload | InitContractPayload>
+    | Exclude<AccountTransactionInput, UpdateContractInput | InitContractInput>
     | SendTransactionUpdateContractPayload
     | SendTransactionInitContractPayload;
 
+export type SignableTransaction = Transaction.Signable;
+
 export type SmartContractParameters =
     | { [key: string]: SmartContractParameters }
     | SmartContractParameters[]
@@ -168,7 +171,7 @@ interface MainWalletApi {
     sendTransaction(
         accountAddress: AccountAddressSource,
         type: LaxNumberEnumValue<AccountTransactionType.UpdateCredentials>,
-        payload: UpdateCredentialsPayload
+        payload: UpdateCredentialsInput
     ): Promise<string>;
     /**
      * Sends a transaction to the Concordium Wallet and awaits the users action. Note that a header is not sent, and will be constructed by the wallet itself.
@@ -254,6 +257,14 @@ interface MainWalletApi {
         type: LaxNumberEnumValue<AccountTransactionType.ConfigureDelegation>,
         payload: ConfigureDelegationPayload
     ): Promise<string>;
+    /**
+     * Sends a transaction signed by sponsor to the Concordium Wallet and awaits the users action.
+     * Note that a header is sent, and constructed by the sponsor.
+     * Note that if the user rejects signing the transaction, this will throw an error.
+     * @param accountAddress the address of the account that should sign the transaction
+     * @param transaction the sponsored transaction with header to be signed and sent.
+     */
+    sendSponsoredTransaction(accountAddress: AccountAddressSource, transaction: SignableTransaction): Promise<string>;
     /**
      * Sends a message to the Concordium Wallet and awaits the users action. If the user signs the message, this will resolve to the signature.
      * Note that if the user rejects signing the message, this will throw an error.
diff --git a/packages/browser-wallet/CHANGELOG.md b/packages/browser-wallet/CHANGELOG.md
index 59f933074..c76a51fc1 100644
--- a/packages/browser-wallet/CHANGELOG.md
+++ b/packages/browser-wallet/CHANGELOG.md
@@ -2,6 +2,8 @@
 
 ## Unreleased
 
+-   Added support for Sponsored Transactions handling. With new method `sendSponsoredTransaction` in wallet-api.
+
 ## 2.7.0
 
 ### Changed
diff --git a/packages/browser-wallet/package.json b/packages/browser-wallet/package.json
index 1128c6a40..1b2bfb8e7 100644
--- a/packages/browser-wallet/package.json
+++ b/packages/browser-wallet/package.json
@@ -22,7 +22,7 @@
     "dependencies": {
         "@concordium/browser-wallet-api-helpers": "workspace:^",
         "@concordium/common-sdk": "^9.5.3",
-        "@concordium/web-sdk": "10.0.2",
+        "@concordium/web-sdk": "^12.0.1",
         "@floating-ui/react": "^0.27.2",
         "@noble/ed25519": "^1.7.0",
         "@protobuf-ts/grpcweb-transport": "^2.9.1",
diff --git a/packages/browser-wallet/src/background/credential-deployment.ts b/packages/browser-wallet/src/background/credential-deployment.ts
index 9bb9e518e..96c6cfbed 100644
--- a/packages/browser-wallet/src/background/credential-deployment.ts
+++ b/packages/browser-wallet/src/background/credential-deployment.ts
@@ -1,16 +1,16 @@
 import { ExtensionMessageHandler } from '@messaging';
 
 import {
-    CredentialInput,
-    getAccountAddress,
     ConcordiumGRPCWebClient,
-    createCredentialTransaction,
-    signCredentialTransaction,
     ConcordiumHdWallet,
-    TransactionExpiry,
-    getCredentialDeploymentTransactionHash,
+    createCredentialPayload,
+    CredentialInput,
     CredentialRegistrationId,
+    getAccountAddress,
+    getCredentialDeploymentTransactionHash,
     serializeCredentialDeploymentPayload,
+    signCredentialTransaction,
+    TransactionExpiry,
 } from '@concordium/web-sdk';
 import { GRPCTIMEOUT } from '@shared/constants/networkConfiguration';
 import { DEFAULT_TRANSACTION_EXPIRY } from '@shared/constants/time';
@@ -32,7 +32,7 @@ async function createAndSendCredential(credIn: CredentialInput): Promise<Credent
         const providerIndex = credIn.ipInfo.ipIdentity;
 
         const expiry = TransactionExpiry.fromDate(new Date(Date.now() + DEFAULT_TRANSACTION_EXPIRY));
-        const request = createCredentialTransaction(credIn, expiry);
+        const request = createCredentialPayload(credIn, expiry);
         const signingKey = ConcordiumHdWallet.fromHex(credIn.seedAsHex, credIn.net)
             .getAccountSigningKey(providerIndex, identityIndex, credNumber)
             .toString('hex');
diff --git a/packages/browser-wallet/src/background/index.ts b/packages/browser-wallet/src/background/index.ts
index d1d58b635..452d3f16d 100644
--- a/packages/browser-wallet/src/background/index.ts
+++ b/packages/browser-wallet/src/background/index.ts
@@ -531,6 +531,14 @@ forwardToPopup(
     undefined,
     withPromptEnd
 );
+forwardToPopup(
+    MessageType.SendSponsoredTransaction,
+    InternalMessageType.SendSponsoredTransaction,
+    runConditionComposer(runIfAccountIsAllowlisted, async () => ({ run: true }), withPromptStart()),
+    appendUrlToPayload,
+    undefined,
+    withPromptEnd
+);
 forwardToPopup(
     MessageType.SignMessage,
     InternalMessageType.SignMessage,
diff --git a/packages/browser-wallet/src/messaging/message.ts b/packages/browser-wallet/src/messaging/message.ts
index b06f5d18d..f94e303e5 100644
--- a/packages/browser-wallet/src/messaging/message.ts
+++ b/packages/browser-wallet/src/messaging/message.ts
@@ -7,6 +7,7 @@ import { v4 as uuidv4 } from 'uuid';
  */
 export enum MessageType {
     SendTransaction = 'M_SendTransaction',
+    SendSponsoredTransaction = 'M_SendSponsoredTransaction',
     SignMessage = 'M_SignMessage',
     GetAccounts = 'M_GetAccounts',
     GetSelectedAccount = 'M_GetSelectedAccount',
@@ -29,6 +30,7 @@ export enum InternalMessageType {
     Init = 'I_Init',
     PopupReady = 'I_PopupReady',
     SendTransaction = 'I_SendTransaction',
+    SendSponsoredTransaction = 'I_SendSponsoredTransaction',
     SignMessage = 'I_SignMessage',
     Connect = 'I_Connect',
     TestPopupOpen = 'I_TestPopupOpen',
diff --git a/packages/browser-wallet/src/popup/constants/routes.ts b/packages/browser-wallet/src/popup/constants/routes.ts
index 2a52f5335..47cdaf4aa 100644
--- a/packages/browser-wallet/src/popup/constants/routes.ts
+++ b/packages/browser-wallet/src/popup/constants/routes.ts
@@ -6,6 +6,8 @@ type RouteChildren = {
     [key: string]: RouteNode | RoutePath;
 };
 
+// ToDo sendSponsoredTransaction not implemented in OldUI
+// Need redirect to new UI, or Sunset OldUI
 export const relativeRoutes = {
     home: {
         path: '/',
@@ -63,6 +65,9 @@ export const relativeRoutes = {
         sendTransaction: {
             path: 'send-transaction',
         },
+        sendSponsoredTransaction: {
+            path: 'send-sponsored-transaction',
+        },
         endIdentityIssuance: {
             path: 'end-identity-issuance',
         },
diff --git a/packages/browser-wallet/src/popup/pages/Account/AccountTransactionFlow/AccountTransactionFlow.tsx b/packages/browser-wallet/src/popup/pages/Account/AccountTransactionFlow/AccountTransactionFlow.tsx
index 5fea72bae..c42fecce3 100644
--- a/packages/browser-wallet/src/popup/pages/Account/AccountTransactionFlow/AccountTransactionFlow.tsx
+++ b/packages/browser-wallet/src/popup/pages/Account/AccountTransactionFlow/AccountTransactionFlow.tsx
@@ -2,7 +2,7 @@ import React, { useCallback, useState } from 'react';
 
 import BackButton from '@popup/shared/BackButton';
 import MultiStepForm, { FormChildren, MultiStepFormProps, OrRenderValues } from '@popup/shared/MultiStepForm';
-import { AccountTransactionPayload, AccountTransactionType } from '@concordium/web-sdk';
+import { AccountTransactionInput, AccountTransactionType } from '@concordium/web-sdk';
 import { useLocation, useNavigate } from 'react-router-dom';
 import { absoluteRoutes } from '@popup/constants/routes';
 import { noOp } from 'wallet-common-helpers';
@@ -18,7 +18,7 @@ interface Props<F extends Record<string, unknown>>
     /**
      * Function to convert flow values into an account transaction.
      */
-    convert(values: F): AccountTransactionPayload;
+    convert(values: F): AccountTransactionInput;
     /**
      * Function that is triggered if an error is thrown in the done handler.
      */
@@ -56,7 +56,7 @@ export default function AccountTransactionFlow<F extends Record<string, unknown>
 
     const handleDone = useCallback(
         (values: F) => {
-            let payload: AccountTransactionPayload;
+            let payload: AccountTransactionInput;
             try {
                 payload = convert(values);
                 nav(pathname, { replace: true, state: values }); // Override current router entry with stateful version
diff --git a/packages/browser-wallet/src/popup/pages/Account/ConfirmGenericTransfer.tsx b/packages/browser-wallet/src/popup/pages/Account/ConfirmGenericTransfer.tsx
index 55e3abdc1..f3a9da8c8 100644
--- a/packages/browser-wallet/src/popup/pages/Account/ConfirmGenericTransfer.tsx
+++ b/packages/browser-wallet/src/popup/pages/Account/ConfirmGenericTransfer.tsx
@@ -1,6 +1,6 @@
 import React, { useContext, useMemo } from 'react';
 import {
-    AccountTransactionPayload,
+    AccountTransactionInput,
     AccountTransactionType,
     convertEnergyToMicroCcd,
     getEnergyCost,
@@ -12,7 +12,7 @@ import ConfirmTransfer from './ConfirmTransfer';
 import { accountPageContext } from './utils';
 
 export type ConfirmGenericTransferState = {
-    payload: AccountTransactionPayload;
+    payload: AccountTransactionInput;
     type: AccountTransactionType;
 };
 
diff --git a/packages/browser-wallet/src/popup/pages/Account/ConfirmTransfer/ConfirmTransfer.tsx b/packages/browser-wallet/src/popup/pages/Account/ConfirmTransfer/ConfirmTransfer.tsx
index be111f0e5..3c030c859 100644
--- a/packages/browser-wallet/src/popup/pages/Account/ConfirmTransfer/ConfirmTransfer.tsx
+++ b/packages/browser-wallet/src/popup/pages/Account/ConfirmTransfer/ConfirmTransfer.tsx
@@ -1,17 +1,17 @@
 /* eslint-disable react/destructuring-assignment */
-import React, { useEffect, useState, useMemo } from 'react';
+import React, { useEffect, useMemo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useSetAtom, useAtomValue } from 'jotai';
+import { useAtomValue, useSetAtom } from 'jotai';
 import { selectedAccountAtom } from '@popup/store/account';
 import {
     AccountAddress,
-    AccountTransactionPayload,
+    AccountTransactionInput,
     AccountTransactionType,
-    UpdateContractPayload,
+    UpdateContractInput,
 } from '@concordium/web-sdk';
 import {
-    getDefaultExpiry,
     createPendingTransactionFromAccountTransaction,
+    getDefaultExpiry,
     sendTransaction,
 } from '@popup/shared/utils/transaction-helpers';
 import { grpcClientAtom } from '@popup/store/settings';
@@ -21,8 +21,8 @@ import Button from '@popup/shared/Button';
 import { useNavigate } from 'react-router-dom';
 import { absoluteRoutes } from '@popup/constants/routes';
 import GenericTransactionReceipt, {
-    TokenTransferReceipt,
     GenericTransactionReceiptProps,
+    TokenTransferReceipt,
     TokenTransferReceiptProps,
 } from '@popup/shared/TransactionReceipt';
 import { useUpdateAtom } from 'jotai/utils';
@@ -42,14 +42,14 @@ type BaseProps = {
 type ConfirmTokenTransferProps = BaseProps & {
     showAsTokenTransfer: true;
     transactionType: AccountTransactionType.Update;
-    payload: UpdateContractPayload;
+    payload: UpdateContractInput;
     parameters: SmartContractParameters;
     metadata: TokenMetadata;
 };
 
 type ConfirmGenericTransferProps = BaseProps & {
     showAsTokenTransfer?: false;
-    payload: AccountTransactionPayload;
+    payload: AccountTransactionInput;
     transactionType: AccountTransactionType;
     parameters?: SmartContractParameters;
 };
diff --git a/packages/browser-wallet/src/popup/pages/Account/Earn/Baking/utils.ts b/packages/browser-wallet/src/popup/pages/Account/Earn/Baking/utils.ts
index 1a1bdeeca..187f43acb 100644
--- a/packages/browser-wallet/src/popup/pages/Account/Earn/Baking/utils.ts
+++ b/packages/browser-wallet/src/popup/pages/Account/Earn/Baking/utils.ts
@@ -1,14 +1,14 @@
 import {
+    AccountBakerDetailsV1,
     AccountInfo,
+    AccountInfoBaker,
+    AccountInfoType,
+    BakerKeysWithProofs,
     CcdAmount,
     CommissionRates,
-    OpenStatus,
     ConfigureBakerPayload,
+    OpenStatus,
     OpenStatusText,
-    BakerKeysWithProofs,
-    AccountInfoType,
-    AccountInfoBaker,
-    AccountBakerDetailsV1,
 } from '@concordium/web-sdk';
 import { decimalToRewardFraction, fractionToPercentage } from '@popup/shared/utils/baking-helpers';
 import { getConfigureBakerEnergyCost } from '@shared/utils/energy-helpers';
@@ -26,7 +26,7 @@ export type ConfigureBakerFlowState = {
     keys: BakerKeysWithProofs | null;
 };
 
-function openStatusFromText(status: OpenStatusText): OpenStatus {
+function openStatusFromText(status: OpenStatusText | null): OpenStatus {
     switch (status) {
         case OpenStatusText.ClosedForAll:
             return OpenStatus.ClosedForAll;
diff --git a/packages/browser-wallet/src/popup/pages/Account/Earn/Earn.tsx b/packages/browser-wallet/src/popup/pages/Account/Earn/Earn.tsx
index 525718406..7ba983138 100644
--- a/packages/browser-wallet/src/popup/pages/Account/Earn/Earn.tsx
+++ b/packages/browser-wallet/src/popup/pages/Account/Earn/Earn.tsx
@@ -24,7 +24,7 @@ import { useBlockChainParametersAboveV0 } from '@popup/shared/BlockChainParamete
 import Baking from './Baking';
 import Delegate from './Delegate';
 import { accountPageContext } from '../utils';
-import { filterType, EarnPageContext, earnPageContext } from './utils';
+import { EarnPageContext, earnPageContext, filterType } from './utils';
 import { accountRoutes } from '../routes';
 
 const routes = {
@@ -73,7 +73,9 @@ function Earn({ chainParameters }: EarnProps) {
     );
 }
 
-function isNotRewardStatusV0(rewardStatus?: RewardStatus): rewardStatus is Exclude<RewardStatus, RewardStatusV0> {
+function isNotRewardStatusV0(
+    rewardStatus?: RewardStatus | null
+): rewardStatus is Exclude<RewardStatus, RewardStatusV0> {
     return rewardStatus ? rewardStatus.version !== 0 : false;
 }
 
diff --git a/packages/browser-wallet/src/popup/pages/Account/SendCcd/ConfirmTokenTransfer.tsx b/packages/browser-wallet/src/popup/pages/Account/SendCcd/ConfirmTokenTransfer.tsx
index bdf639f29..74029e75a 100644
--- a/packages/browser-wallet/src/popup/pages/Account/SendCcd/ConfirmTokenTransfer.tsx
+++ b/packages/browser-wallet/src/popup/pages/Account/SendCcd/ConfirmTokenTransfer.tsx
@@ -1,8 +1,8 @@
 import React, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { useSetAtom, useAtomValue } from 'jotai';
+import { useAtomValue, useSetAtom } from 'jotai';
 import { selectedAccountAtom } from '@popup/store/account';
-import { AccountTransactionType, UpdateContractPayload } from '@concordium/web-sdk';
+import { AccountTransactionType, UpdateContractInput } from '@concordium/web-sdk';
 import { grpcClientAtom } from '@popup/store/settings';
 import { addToastAtom } from '@popup/state';
 import { useLocation } from 'react-router-dom';
@@ -30,7 +30,7 @@ export default function ConfirmTokenTransfer({ setDetailsExpanded, cost }: Props
         []
     );
 
-    const payload: UpdateContractPayload | undefined = useMemo(() => {
+    const payload: UpdateContractInput | undefined = useMemo(() => {
         if (!parameters || !contractName) {
             return undefined;
         }
diff --git a/packages/browser-wallet/src/popup/popupX/constants/routes.ts b/packages/browser-wallet/src/popup/popupX/constants/routes.ts
index 6d55e07f6..b1f5b37b7 100644
--- a/packages/browser-wallet/src/popup/popupX/constants/routes.ts
+++ b/packages/browser-wallet/src/popup/popupX/constants/routes.ts
@@ -410,6 +410,9 @@ export const relativeRoutes = {
         sendTransaction: {
             path: 'sendTransaction',
         },
+        sendSponsoredTransaction: {
+            path: 'sendSponsoredTransaction',
+        },
         addWeb3IdCredential: {
             path: 'add-web3id-credential',
         },
diff --git a/packages/browser-wallet/src/popup/popupX/pages/EarningRewards/Validator/TransactionFlow.tsx b/packages/browser-wallet/src/popup/popupX/pages/EarningRewards/Validator/TransactionFlow.tsx
index 345984b7b..cbfb2cc92 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/EarningRewards/Validator/TransactionFlow.tsx
+++ b/packages/browser-wallet/src/popup/popupX/pages/EarningRewards/Validator/TransactionFlow.tsx
@@ -14,7 +14,7 @@ import { useSelectedAccountInfo } from '@popup/shared/AccountInfoListenerContext
 import { formatCcdAmount } from '@popup/popupX/shared/utils/helpers';
 import Text from '@popup/popupX/shared/Text';
 
-import { ValidatorForm, ValidatorFormExisting, configureValidatorFromForm } from './util';
+import { configureValidatorFromForm, ValidatorForm, ValidatorFormExisting } from './util';
 import ValidatorStake from './Stake';
 import { type ValidationResultLocationState } from './Result';
 import OpenPool from './OpenPool';
@@ -136,6 +136,10 @@ function withChangeValidation(Flow: ComponentType<ChangeValidationProps>) {
             accountBaker: { stakedAmount, restakeEarnings, bakerPoolInfo },
         } = accountInfo;
 
+        if (bakerPoolInfo.openStatus === null) {
+            return null;
+        }
+
         const existing: ValidatorFormExisting = {
             stake: {
                 amount: formatCcdAmount(stakedAmount),
diff --git a/packages/browser-wallet/src/popup/popupX/pages/EarningRewards/Validator/util.ts b/packages/browser-wallet/src/popup/popupX/pages/EarningRewards/Validator/util.ts
index 9a923840b..5bb9ba9e4 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/EarningRewards/Validator/util.ts
+++ b/packages/browser-wallet/src/popup/popupX/pages/EarningRewards/Validator/util.ts
@@ -17,7 +17,7 @@ export function showValidatorAmount(amount: CcdAmount.Type): string {
     return `${formatCcdAmount(amount)} CCD`;
 }
 
-export function showValidatorOpenStatus(status: OpenStatusText | OpenStatus): string {
+export function showValidatorOpenStatus(status: OpenStatusText | OpenStatus | null): string {
     switch (status) {
         case OpenStatus.OpenForAll:
         case OpenStatusText.OpenForAll:
diff --git a/packages/browser-wallet/src/popup/popupX/pages/SendFunds/Confirm.tsx b/packages/browser-wallet/src/popup/popupX/pages/SendFunds/Confirm.tsx
index cde31dccd..6d14ebd05 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/SendFunds/Confirm.tsx
+++ b/packages/browser-wallet/src/popup/popupX/pages/SendFunds/Confirm.tsx
@@ -1,6 +1,6 @@
 import React, { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Cbor, CborMemo, TokenAmount, TokenId, TokenOperationType, TokenHolder } from '@concordium/web-sdk/plt';
+import { Cbor, CborMemo, TokenAmount, TokenId, TokenOperationType, CborAccountAddress } from '@concordium/web-sdk/plt';
 import {
     AccountAddress,
     AccountTransactionType,
@@ -116,7 +116,7 @@ export default function SendFundsConfirm({ values, fee, sender }: Props) {
                         value: parseTokenAmount(values.amount, tokenMetadata?.decimals).toString(),
                         decimals: tokenMetadata?.decimals || 0,
                     }),
-                    recipient: TokenHolder.fromAccountAddress(receiver),
+                    recipient: CborAccountAddress.fromAccountAddress(receiver),
                     memo: values.memo ? CborMemo.fromString(values.memo) : undefined,
                 },
             },
diff --git a/packages/browser-wallet/src/popup/popupX/pages/SendFunds/SendFunds.tsx b/packages/browser-wallet/src/popup/popupX/pages/SendFunds/SendFunds.tsx
index 9b4906454..8faa3e46c 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/SendFunds/SendFunds.tsx
+++ b/packages/browser-wallet/src/popup/popupX/pages/SendFunds/SendFunds.tsx
@@ -18,7 +18,7 @@ import {
     TokenId,
     TokenAmount as TokenAmountPlt,
     TokenOperationType,
-    TokenHolder,
+    CborAccountAddress,
 } from '@concordium/web-sdk/plt';
 import { useAsyncMemo } from 'wallet-common-helpers';
 import { useAtomValue } from 'jotai';
@@ -104,7 +104,7 @@ function SendFunds({ address }: SendFundsProps) {
                                 value: parseTokenAmount(amount, metadata?.decimals).toString(),
                                 decimals: metadata?.decimals || 0,
                             }),
-                            recipient: TokenHolder.fromAccountAddress(address),
+                            recipient: CborAccountAddress.fromAccountAddress(address),
                             memo: memo ? CborMemo.fromString(memo) : undefined,
                         },
                     },
diff --git a/packages/browser-wallet/src/popup/popupX/pages/SubmittedTransaction/SubmittedTransaction.tsx b/packages/browser-wallet/src/popup/popupX/pages/SubmittedTransaction/SubmittedTransaction.tsx
index d2d9e67aa..ad9b259ab 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/SubmittedTransaction/SubmittedTransaction.tsx
+++ b/packages/browser-wallet/src/popup/popupX/pages/SubmittedTransaction/SubmittedTransaction.tsx
@@ -10,21 +10,21 @@ import { absoluteRoutes, transactionDetailsRoute } from '@popup/popupX/constants
 import Card from '@popup/popupX/shared/Card';
 import { useAsyncMemo } from 'wallet-common-helpers';
 import {
+    AccountTransactionPayload,
     AccountTransactionSummary,
+    AccountTransactionType,
+    BaseAccountTransactionSummary,
+    CcdAmount,
+    ConfigureBakerPayload,
+    ConfigureDelegationPayload,
+    FailedTransactionSummary,
     HexString,
-    TransactionHash,
-    TransactionSummaryType,
     isRejectTransaction,
     isSuccessTransaction,
-    FailedTransactionSummary,
-    BaseAccountTransactionSummary,
-    AccountTransactionPayload,
-    AccountTransactionType,
     SimpleTransferPayload,
     SimpleTransferWithMemoPayload,
-    ConfigureBakerPayload,
-    ConfigureDelegationPayload,
-    CcdAmount,
+    TransactionHash,
+    TransactionSummaryType,
 } from '@concordium/web-sdk';
 import { useAtomValue } from 'jotai';
 import { grpcClientAtom } from '@popup/store/settings';
@@ -284,6 +284,9 @@ export default function SubmittedTransaction() {
                     TX_TIMEOUT
                 );
 
+                if (!outcome.summary) {
+                    throw Error('Unexpected transaction type');
+                }
                 if (isRejectTransaction(outcome.summary)) {
                     return { type: 'failure', summary: outcome.summary };
                 }
diff --git a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/DisplaySingleTransferTokenUpdate.tsx b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/DisplaySingleTransferTokenUpdate.tsx
new file mode 100644
index 000000000..af4eb9e30
--- /dev/null
+++ b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/DisplaySingleTransferTokenUpdate.tsx
@@ -0,0 +1,346 @@
+import React, { useContext, useEffect, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import {
+    AccountInfo,
+    HexString,
+    isRejectTransaction,
+    isSuccessTransaction,
+    TokenUpdatePayload,
+    TransactionHash,
+    TransactionSummaryType,
+} from '@concordium/web-sdk';
+import { Cbor, CborMemo, TokenOperationType, TokenTransferOperation } from '@concordium/web-sdk/plt';
+import { WalletCredential } from '@shared/storage/types';
+import { displaySplitAddress, useCredential, useIdentityName } from '@popup/shared/utils/account-helpers';
+import { useAccountInfo } from '@popup/shared/AccountInfoListenerContext';
+import { formatTokenAmount } from '@popup/popupX/shared/utils/helpers';
+import { displayUrl } from '@popup/shared/utils/string-helpers';
+import { logError } from '@shared/utils/log-helpers';
+import { LoaderInline } from '@popup/popupX/shared/Loader';
+import { fullscreenPromptContext } from '@popup/popupX/page-layouts/FullscreenPromptLayout';
+import { useAtomValue, useSetAtom } from 'jotai';
+import { addToastAtom } from '@popup/state';
+import { grpcClientAtom } from '@popup/store/settings';
+import { useAsyncMemo } from 'wallet-common-helpers';
+import Page from '@popup/popupX/shared/Page';
+import Text from '@popup/popupX/shared/Text';
+import Card from '@popup/popupX/shared/Card';
+import Button from '@popup/popupX/shared/Button';
+import Label from '@popup/popupX/shared/Label';
+import Tooltip from '@popup/popupX/shared/Tooltip/Tooltip';
+import QuestionIcon from '@assets/svgX/UiKit/Interface/circled-question-mark.svg';
+import CheckCircle from '@assets/svgX/check-circle.svg';
+import Cross from '@assets/svgX/close.svg';
+
+interface Status {
+    type?: 'success' | 'failure';
+}
+
+function TransactionStatusIcon({ status }: { status?: Status }) {
+    const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX.sponsored' });
+    switch (status?.type) {
+        case undefined: {
+            return (
+                <>
+                    <LoaderInline />
+                    <Text.Capture className="status pending">{t('pending.label')}</Text.Capture>
+                </>
+            );
+        }
+        case 'success': {
+            return (
+                <>
+                    <CheckCircle />
+                    <Text.Capture className="status success">{t('success.label')}</Text.Capture>
+                </>
+            );
+        }
+        case 'failure': {
+            return (
+                <>
+                    <Cross className="submitted-tx__failed-icon" />
+                    <Text.Capture className="status failure">{t('failure.label')}</Text.Capture>
+                </>
+            );
+        }
+        default:
+            throw new Error('Unexpected status');
+    }
+}
+
+type TransactionStatusProps = {
+    status?: Status;
+    amount?: string | number;
+    sponsorAccount?: string;
+    tokenName?: string;
+};
+
+function TransactionStatus({ status, amount, sponsorAccount, tokenName }: TransactionStatusProps) {
+    const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX.sponsored' });
+
+    return (
+        <>
+            <TransactionStatusIcon status={status} />
+            <Text.Capture>{t('tokenNameAmount', { tokenName })}</Text.Capture>
+            <Text.HeadingLarge>{amount}</Text.HeadingLarge>
+            <Text.Label className="fee">{t('transactionFee')}:</Text.Label>
+            <Label
+                icon={
+                    <Tooltip title={t('costCoveredBy')} text={sponsorAccount} className="tooltip" position="top">
+                        <QuestionIcon />
+                    </Tooltip>
+                }
+                color="light-grey"
+                text={t('freeTransaction')}
+                rightIcon
+            />
+        </>
+    );
+}
+
+const TX_TIMEOUT = 60 * 1000; // 1 minute
+
+interface SubmitStatusProps {
+    sponsorAccount: string;
+    tokenSymbol: string;
+    amount: string;
+    transactionHash: HexString;
+}
+
+function SubmitStatus({ sponsorAccount, tokenSymbol, amount, transactionHash }: SubmitStatusProps) {
+    const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX' });
+    const { withClose } = useContext(fullscreenPromptContext);
+    const grpc = useAtomValue(grpcClientAtom);
+
+    const status = useAsyncMemo(
+        async (): Promise<Status> => {
+            try {
+                const outcome = await grpc.waitForTransactionFinalization(
+                    TransactionHash.fromHexString(transactionHash),
+                    TX_TIMEOUT
+                );
+
+                if (!outcome.summary) {
+                    throw Error('Unexpected transaction type');
+                }
+                if (isRejectTransaction(outcome.summary)) {
+                    return { type: 'failure' };
+                }
+                if (
+                    isSuccessTransaction(outcome.summary) &&
+                    outcome.summary.type === TransactionSummaryType.AccountTransaction
+                ) {
+                    return { type: 'success' };
+                }
+            } catch (e) {
+                return { type: 'failure' };
+            }
+
+            return {};
+        },
+        undefined,
+        [transactionHash, grpc]
+    );
+
+    return (
+        <Page className="send-transaction-x submitted-tx">
+            <Page.Main>
+                <Card type="transparent" className="submitted-tx__card">
+                    <TransactionStatus
+                        status={status}
+                        sponsorAccount={sponsorAccount}
+                        amount={amount}
+                        tokenName={tokenSymbol}
+                    />
+                </Card>
+            </Page.Main>
+            <Page.Footer>
+                <Button.Main label={t('sponsored.return')} onClick={withClose(() => {})} />
+            </Page.Footer>
+        </Page>
+    );
+}
+
+async function getWebsiteTitle(url: string): Promise<string> {
+    try {
+        const { origin } = new URL(url);
+        const response = await fetch(origin);
+        if (!response.ok) {
+            throw new Error(`HTTP error! status: ${response.status}`);
+        }
+        const html = await response.text();
+        const parser = new DOMParser();
+        const doc = parser.parseFromString(html, 'text/html');
+        const titleElement = doc.querySelector('title');
+        return titleElement ? titleElement.innerText : displayUrl(url);
+    } catch (error) {
+        logError(`Error fetching or parsing URL: ${error}`);
+        return displayUrl(url);
+    }
+}
+
+const getPltBalance = (accountInfo: AccountInfo | undefined, tokenId: string) =>
+    accountInfo?.accountTokens.find((token) => token.id.toString() === tokenId);
+
+function AccountInfoCard({ credential, tokenId }: { credential: WalletCredential; tokenId: string }) {
+    const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX' });
+    const accountInfo = useAccountInfo(credential);
+    const identityName = useIdentityName(credential);
+    const { credName, address } = credential;
+    const {
+        state: {
+            balance: { value, decimals },
+        },
+    } = getPltBalance(accountInfo, tokenId) || { state: { balance: { value: 0n, decimals: 0 } } };
+    const pltFormated = formatTokenAmount(value, decimals, 2, 2);
+
+    return (
+        <Card type="gradient">
+            <Card.Row>
+                {credName && <Text.Main>{credName}</Text.Main>}
+                <Text.MainRegular>{displaySplitAddress(address)}</Text.MainRegular>
+            </Card.Row>
+            <Card.Row>
+                <Text.MainRegular>{identityName}</Text.MainRegular>
+            </Card.Row>
+            <span className="divider" />
+            <Card.Row>
+                <Text.Main>
+                    {t('account.balance')}
+                    {pltFormated} {tokenId}
+                </Text.Main>
+            </Card.Row>
+        </Card>
+    );
+}
+
+type TransferInfoProps = {
+    tokenId: string;
+    amount: string;
+    sponsorAccount: string;
+};
+
+function TransferInfo({ tokenId, amount, sponsorAccount }: TransferInfoProps) {
+    const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX' });
+    return (
+        <Card>
+            <Card.Row className="amounts">
+                <Text.MainMedium>{t('payload.amount')}</Text.MainMedium>
+                <Text.AdditionalSmall>
+                    {amount} {tokenId}
+                </Text.AdditionalSmall>
+            </Card.Row>
+            <Card.Row className="amounts sponsored-fee">
+                <Text.MainMedium>{t('sponsored.transactionFee')}</Text.MainMedium>
+                <Label
+                    icon={
+                        <Tooltip
+                            title={t('sponsored.costCoveredBy')}
+                            text={sponsorAccount}
+                            className="tooltip"
+                            position="top"
+                        >
+                            <QuestionIcon />
+                        </Tooltip>
+                    }
+                    color="light-grey"
+                    text={t('sponsored.freeTransaction')}
+                    rightIcon
+                />
+            </Card.Row>
+        </Card>
+    );
+}
+
+const parsePayload = (payload: TokenUpdatePayload) => {
+    const { tokenId, operations } = payload;
+    const decodedOperations = Cbor.decode(operations) as TokenTransferOperation[];
+    const { amount, recipient, memo: encodedMemo } = decodedOperations[0][TokenOperationType.Transfer];
+    const decodedMemo = encodedMemo ? CborMemo.parse(encodedMemo as CborMemo.Type) : undefined;
+
+    const stringifiedPayload = JSON.stringify(
+        [{ [TokenOperationType.Transfer]: { amount, recipient, memo: decodedMemo } }],
+        null,
+        2
+    );
+    return {
+        tokenId: tokenId.toString(),
+        amount: amount.toString(),
+        recipient: recipient.toString(),
+        stringifiedPayload,
+    };
+};
+
+type DisplaySingleTransferProps = {
+    url: string;
+    payload: TokenUpdatePayload;
+    accountAddress: string;
+    sponsorAccount: string;
+    onSubmit: (hash: string) => void;
+    handleSubmit: () => Promise<string>;
+    rejectHandler: () => void;
+};
+
+export default function DisplaySingleTransferTokenUpdate({
+    url,
+    payload,
+    accountAddress,
+    sponsorAccount,
+    onSubmit,
+    handleSubmit,
+    rejectHandler,
+}: DisplaySingleTransferProps) {
+    const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX' });
+    const addToast = useSetAtom(addToastAtom);
+    const [webPageTitle, setWebPageTitle] = useState<string>('');
+    const [transactionHash, setTransactionHash] = useState<string>('');
+    const { tokenId, amount } = parsePayload(payload);
+    const credential = useCredential(accountAddress);
+
+    useEffect(() => {
+        getWebsiteTitle(url)
+            .then((title) => {
+                setWebPageTitle(title);
+            })
+            .catch((error) => logError(`Failed to get title: ${error}`));
+    }, []);
+
+    const signHandler = () => {
+        handleSubmit()
+            .then((hash) => {
+                setTransactionHash(hash);
+                onSubmit(hash);
+            })
+            .catch((e) => addToast(e.message));
+    };
+
+    if (!credential) {
+        return null;
+    }
+
+    if (transactionHash) {
+        return (
+            <SubmitStatus
+                tokenSymbol={tokenId}
+                amount={amount}
+                sponsorAccount={sponsorAccount}
+                transactionHash={transactionHash}
+            />
+        );
+    }
+
+    return (
+        <Page className="send-transaction-x single-transaction-token-update">
+            <Page.Top heading={t('transferRequest')} />
+            <Page.Main>
+                <Text.Main>{webPageTitle}</Text.Main>
+                <AccountInfoCard tokenId={tokenId} credential={credential} />
+                <TransferInfo tokenId={tokenId} amount={amount} sponsorAccount={sponsorAccount} />
+            </Page.Main>
+            <Page.Footer>
+                <Button.Main variant="secondary" label={t('reject')} onClick={rejectHandler} />
+                <Button.Main label={t('approve')} onClick={signHandler} />
+            </Page.Footer>
+        </Page>
+    );
+}
diff --git a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/SendSponsoredTransaction.scss b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/SendSponsoredTransaction.scss
new file mode 100644
index 000000000..fb3371c95
--- /dev/null
+++ b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/SendSponsoredTransaction.scss
@@ -0,0 +1,87 @@
+.send-transaction-x {
+    .card-x {
+        .label-x.light-grey {
+            background: $semantic-surface-tertiary;
+
+            .icon svg {
+                padding: unset;
+                margin: unset;
+
+                path {
+                    opacity: 0.4;
+                }
+            }
+        }
+
+        .tooltip-x_text.top {
+            top: rem(25px);
+            width: rem(312px);
+            left: rem(-194px);
+            word-break: break-word;
+            white-space: break-spaces;
+
+            .text__main_medium,
+            .capture__main_small {
+                color: $semantic-content-inverse-primary;
+            }
+
+            &::after {
+                left: calc(100% - #{rem(119px)});
+            }
+        }
+
+        .row {
+            &.amounts {
+                align-items: center;
+                justify-content: space-between;
+
+                .tooltip-x_text.top {
+                    left: rem(-278px);
+
+                    .text__main_medium {
+                        color: $semantic-content-inverse-primary;
+                    }
+
+                    &::after {
+                        left: calc(100% - #{rem(35px)});
+                    }
+                }
+
+                &.sponsored-fee {
+                    align-items: center;
+                }
+            }
+        }
+    }
+
+    .submitted-tx {
+        &__card {
+            padding: rem(32px) rem(16px);
+
+            svg {
+                margin-bottom: rem(8px);
+            }
+
+            .capture__main_small {
+                &.status {
+                    margin-bottom: rem(32px);
+                }
+
+                &.success {
+                    color: $semantic-content-success-primary;
+                }
+
+                &.failure {
+                    color: $semantic-content-error-primary;
+                }
+            }
+
+            .label__main.fee {
+                color: $semantic-content-accent-secondary;
+                font-size: rem(12px);
+                font-weight: $t-font-weight-regular;
+                margin-bottom: rem(8px);
+            }
+        }
+    }
+}
diff --git a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/SendSponsoredTransaction.tsx b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/SendSponsoredTransaction.tsx
new file mode 100644
index 000000000..5560d0c45
--- /dev/null
+++ b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/SendSponsoredTransaction.tsx
@@ -0,0 +1,195 @@
+import React, { useCallback, useContext, useEffect, useMemo } from 'react';
+import { BackgroundSendTransactionPayload } from '@shared/utils/types';
+import { useLocation } from 'react-router-dom';
+import { Trans, useTranslation } from 'react-i18next';
+import { useAtomValue, useSetAtom } from 'jotai';
+import {
+    AccountTransactionPayload,
+    AccountTransactionType,
+    buildBasicAccountSigner,
+    convertEnergyToMicroCcd,
+    getEnergyCost,
+    TokenUpdatePayload,
+    Transaction,
+} from '@concordium/web-sdk';
+import { addToastAtom } from '@popup/state';
+import { grpcClientAtom } from '@popup/store/settings';
+import { fullscreenPromptContext } from '@popup/popupX/page-layouts/FullscreenPromptLayout';
+import { useUpdateAtom } from 'jotai/utils';
+import { addPendingTransactionAtom } from '@popup/store/transactions';
+import { useBlockChainParameters } from '@popup/shared/BlockChainParametersProvider';
+import { usePrivateKey } from '@popup/shared/utils/account-helpers';
+import { parse, parsePayload } from '@shared/utils/payload-helpers';
+import { SmartContractParameters } from '@concordium/browser-wallet-api-helpers';
+import { Cbor, TokenOperationType } from '@concordium/web-sdk/plt';
+import {
+    createPendingTransactionFromAccountTransaction,
+    getTransactionTypeName,
+} from '@popup/shared/utils/transaction-helpers';
+import DisplayTransactionPayload, {
+    DisplayParameters,
+} from '@popup/popupX/pages/prompts/SendTransaction/DisplayTransactionPayload';
+import DisplaySingleTransferTokenUpdate from '@popup/popupX/pages/prompts/SendSponsoredTransaction/DisplaySingleTransferTokenUpdate';
+import { displayUrl } from '@popup/shared/utils/string-helpers';
+import { mapTransactionKindStringToTransactionType } from '@popup/shared/utils/wallet-proxy';
+import { stringify } from '@wallet-api/util';
+import Page from '@popup/popupX/shared/Page';
+import Text from '@popup/popupX/shared/Text';
+import Label from '@popup/popupX/shared/Label';
+import Button from '@popup/popupX/shared/Button';
+import Card from '@popup/popupX/shared/Card';
+import Tooltip from '@popup/popupX/shared/Tooltip/Tooltip';
+import QuestionIcon from '@assets/svgX/UiKit/Interface/circled-question-mark.svg';
+
+const isSingleTransferTokenUpdate = (transactionType: AccountTransactionType, payload: AccountTransactionPayload) => {
+    const isTokenUpdate = transactionType === AccountTransactionType.TokenUpdate;
+    if (isTokenUpdate) {
+        const { operations } = payload as TokenUpdatePayload;
+        const decodedOperations = Cbor.decode(operations) as object[];
+        return decodedOperations.length === 1 && Object.keys(decodedOperations[0])[0] === TokenOperationType.Transfer;
+    }
+    return false;
+};
+
+interface Location {
+    state: {
+        payload: BackgroundSendTransactionPayload;
+    };
+}
+
+interface Props {
+    onReject(): void;
+    onSubmit(hash: string): void;
+}
+
+export default function SendSponsoredTransaction({ onSubmit, onReject }: Props) {
+    const { state } = useLocation() as Location;
+    const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX' });
+    const addToast = useSetAtom(addToastAtom);
+    const client = useAtomValue(grpcClientAtom);
+    const { withClose, onClose } = useContext(fullscreenPromptContext);
+    const addPendingTransaction = useUpdateAtom(addPendingTransactionAtom);
+    const chainParameters = useBlockChainParameters();
+
+    const sponsoredTransaction = parse(state.payload.transaction);
+    const sponsorAccount = sponsoredTransaction.header.sponsor.account;
+
+    const { accountAddress, url } = state.payload;
+    const key = usePrivateKey(accountAddress);
+
+    const { type: transactionType, payload } = useMemo(
+        () =>
+            parsePayload(
+                mapTransactionKindStringToTransactionType(sponsoredTransaction.payload.type) as AccountTransactionType,
+                stringify(sponsoredTransaction.payload)
+            ),
+        [JSON.stringify(state.payload.transaction)]
+    );
+    const parameters = useMemo(
+        () =>
+            state.payload.parameters === undefined
+                ? undefined
+                : (sponsoredTransaction.parameters as SmartContractParameters),
+        [sponsoredTransaction.parameters]
+    );
+
+    const cost = useMemo(() => {
+        if (chainParameters) {
+            const energy = getEnergyCost(transactionType, payload);
+            return convertEnergyToMicroCcd(energy, chainParameters);
+        }
+        return undefined;
+    }, [transactionType, chainParameters]);
+
+    useEffect(() => onClose(onReject), [onClose, onReject]);
+
+    const handleSubmit = useCallback(async () => {
+        if (!accountAddress) {
+            throw new Error(t('errors.missingAccount'));
+        }
+        if (!key) {
+            throw new Error(t('errors.missingKey'));
+        }
+
+        const transaction = parse(state.payload.transaction);
+        const signableSponsoredTransaction = Transaction.signableFromJSON(transaction);
+        const signed = await Transaction.signAndFinalize(signableSponsoredTransaction, buildBasicAccountSigner(key));
+        const hash = await client.sendTransaction(signed);
+
+        const pending = createPendingTransactionFromAccountTransaction(
+            transaction,
+            hash.toString(),
+            cost?.microCcdAmount
+        );
+        await addPendingTransaction(pending);
+        return hash.toString();
+    }, [payload, key, cost]);
+
+    const rejectHandler = withClose(onReject);
+
+    const signHandler = () => {
+        handleSubmit()
+            .then(withClose(onSubmit))
+            .catch((e) => addToast(e.message));
+    };
+
+    if (isSingleTransferTokenUpdate(transactionType, payload)) {
+        return (
+            <DisplaySingleTransferTokenUpdate
+                url={url}
+                sponsorAccount={sponsorAccount}
+                payload={payload as TokenUpdatePayload}
+                accountAddress={accountAddress}
+                handleSubmit={handleSubmit}
+                onSubmit={onSubmit}
+                rejectHandler={rejectHandler}
+            />
+        );
+    }
+
+    return (
+        <Page className="send-transaction-x">
+            <Page.Top heading={t('signRequest')} />
+            <Page.Main>
+                <Text.Main>
+                    <Trans
+                        ns="x"
+                        i18nKey="prompts.sendTransactionX.signTransaction"
+                        components={{ 1: <span className="white" /> }}
+                        values={{ dApp: displayUrl(url) }}
+                    />
+                </Text.Main>
+                <Card>
+                    <Card.Row>
+                        <Text.MainMedium>{getTransactionTypeName(transactionType)}</Text.MainMedium>
+                    </Card.Row>
+                    <Card.RowDetails title={t('payload.sender')} value={accountAddress} />
+                    <DisplayTransactionPayload type={transactionType} payload={payload} />
+                    <Card.Row className="amounts">
+                        <Text.Capture>{t('sponsored.transactionFee')}</Text.Capture>
+                        <Label
+                            icon={
+                                <Tooltip
+                                    title={t('sponsored.costCoveredBy')}
+                                    text={sponsorAccount}
+                                    className="tooltip"
+                                    position="top"
+                                >
+                                    <QuestionIcon />
+                                </Tooltip>
+                            }
+                            color="light-grey"
+                            text={t('sponsored.freeTransaction')}
+                            rightIcon
+                        />
+                    </Card.Row>
+                    <DisplayParameters parameters={parameters} />
+                </Card>
+            </Page.Main>
+            <Page.Footer>
+                <Button.Main variant="secondary" label={t('reject')} onClick={rejectHandler} />
+                <Button.Main label={t('sign')} onClick={signHandler} />
+            </Page.Footer>
+        </Page>
+    );
+}
diff --git a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/index.ts b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/index.ts
new file mode 100644
index 000000000..559b4045d
--- /dev/null
+++ b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendSponsoredTransaction/index.ts
@@ -0,0 +1 @@
+export { default } from './SendSponsoredTransaction';
diff --git a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/DisplaySingleTransferTokenUpdate.tsx b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/DisplaySingleTransferTokenUpdate.tsx
index 65f489731..bad8d7b87 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/DisplaySingleTransferTokenUpdate.tsx
+++ b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/DisplaySingleTransferTokenUpdate.tsx
@@ -91,14 +91,16 @@ function TransferInfo({ tokenId, amount, recipient, cost }: TransferInfoProps) {
             <Card.RowDetails title={t('method')} value={t('operations.transfer')} />
             <Card.RowDetails title={t('payload.receiver')} value={recipient} />
             <Card.Row className="amounts">
-                <Text.Capture>{t('payload.amount')}</Text.Capture>
-                <Text.Capture>
+                <Text.MainMedium>{t('payload.amount')}</Text.MainMedium>
+                <Text.AdditionalSmall>
                     {amount} {tokenId}
-                </Text.Capture>
+                </Text.AdditionalSmall>
             </Card.Row>
             <Card.Row className="amounts">
-                <Text.Capture>{t('payload.fee')}</Text.Capture>
-                <Text.Capture>{cost ? displayAsCcd(cost, false, true) : t('payload.unknown')}</Text.Capture>
+                <Text.MainMedium>{t('payload.fee')}</Text.MainMedium>
+                <Text.AdditionalSmall>
+                    {cost ? displayAsCcd(cost, false, true) : t('payload.unknown')}
+                </Text.AdditionalSmall>
             </Card.Row>
         </Card>
     );
diff --git a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/DisplayTransactionPayload.tsx b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/DisplayTransactionPayload.tsx
index 8064ce478..17f7697c7 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/DisplayTransactionPayload.tsx
+++ b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/DisplayTransactionPayload.tsx
@@ -4,12 +4,12 @@ import {
     AccountTransactionType,
     CcdAmount,
     DeployModulePayload,
-    InitContractPayload,
+    InitContractInput,
     RegisterDataPayload,
     sha256,
     SimpleTransferPayload,
-    UpdateContractPayload,
     TokenUpdatePayload,
+    UpdateContractInput,
 } from '@concordium/web-sdk';
 import { Cbor, CborMemo, TokenOperationType } from '@concordium/web-sdk/plt';
 import { SmartContractParameters } from '@concordium/browser-wallet-api-helpers';
@@ -45,7 +45,7 @@ function DisplaySimpleTransfer({ payload }: { payload: SimpleTransferPayload })
 /**
  * Displays an overview of a update contract transaction.
  */
-function DisplayUpdateContract({ payload }: { payload: Omit<UpdateContractPayload, 'message'> }) {
+function DisplayUpdateContract({ payload }: { payload: Omit<UpdateContractInput, 'message'> }) {
     const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX.payload' });
     return (
         <>
@@ -66,7 +66,7 @@ function DisplayUpdateContract({ payload }: { payload: Omit<UpdateContractPayloa
 /**
  * Displays an overview of a init contract transaction.
  */
-function DisplayInitContract({ payload }: { payload: Omit<InitContractPayload, 'param'> }) {
+function DisplayInitContract({ payload }: { payload: Omit<InitContractInput, 'param'> }) {
     const { t } = useTranslation('x', { keyPrefix: 'prompts.sendTransactionX.payload' });
 
     return (
@@ -216,9 +216,9 @@ export default function DisplayTransactionPayload({
         case AccountTransactionType.Transfer:
             return <DisplaySimpleTransfer payload={payload as SimpleTransferPayload} />;
         case AccountTransactionType.Update:
-            return <DisplayUpdateContract payload={payload as UpdateContractPayload} />;
+            return <DisplayUpdateContract payload={payload as UpdateContractInput} />;
         case AccountTransactionType.InitContract:
-            return <DisplayInitContract payload={payload as InitContractPayload} />;
+            return <DisplayInitContract payload={payload as InitContractInput} />;
         case AccountTransactionType.RegisterData:
             return <DisplayRegisterData payload={payload as RegisterDataPayload} />;
         case AccountTransactionType.DeployModule:
diff --git a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/SendTransaction.scss b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/SendTransaction.scss
index 84247ba25..919b77a5a 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/SendTransaction.scss
+++ b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/SendTransaction.scss
@@ -1,6 +1,8 @@
 .send-transaction-x {
     .text__main {
-        color: $color-mineral-2;
+        color: $semantic-content-accent-secondary;
+        line-height: 18px;
+        font-weight: $t-font-weight-medium;
 
         &_medium {
             color: $color-white;
@@ -89,12 +91,18 @@
                     border-bottom: unset;
                     padding-bottom: unset;
 
-                    .capture__main_small:first-of-type {
+                    .text__main_medium {
                         color: $semantic-content-accent-secondary;
                     }
 
-                    .capture__main_small {
-                        color: $color-white;
+                    .text__additional_small {
+                        color: $semantic-content-primary;
+                        line-height: 15px;
+                    }
+
+                    &:not(:last-of-type) {
+                        margin-bottom: $semantic-gap-m;
+                        align-items: flex-start;
                     }
                 }
             }
@@ -107,18 +115,22 @@
                 margin-top: rem(24px);
 
                 .text__main {
-                    color: $color-grey-1;
-                    line-height: rem(20px);
+                    color: $semantic-content-inverse-primary;
+                    line-height: 120%;
+                    font-weight: $t-font-weight-bold;
                 }
 
                 .text__main_regular {
-                    color: $color-grey-1;
+                    color: $semantic-content-inverse-primary;
+                    line-height: 120%;
+                    font-size: 16px;
                 }
 
                 .divider {
                     width: 100%;
-                    margin-bottom: rem(8px);
-                    border-bottom: 1px solid $color-input-border;
+                    margin-top: rem(4px);
+                    margin-bottom: rem(12px);
+                    border-bottom: 1px solid $semantic-border-inverse-primary-a10;
                 }
 
                 .row {
diff --git a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/i18n/en.ts b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/i18n/en.ts
index d7ea61792..32386e212 100644
--- a/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/i18n/en.ts
+++ b/packages/browser-wallet/src/popup/popupX/pages/prompts/SendTransaction/i18n/en.ts
@@ -49,6 +49,22 @@ const t = {
         pause: 'Pause',
         unpause: 'Unpause',
     },
+    sponsored: {
+        costCoveredBy: 'Transaction cost covered by:',
+        freeTransaction: 'Free Transaction',
+        transactionFee: 'Transaction fee',
+        tokenNameAmount: 'Amount ({{tokenName}}):',
+        success: {
+            label: 'Transaction successful',
+        },
+        pending: {
+            label: 'Transaction in progress',
+        },
+        failure: {
+            label: 'Transaction failed',
+        },
+        return: 'Return to account',
+    },
 };
 
 export default t;
diff --git a/packages/browser-wallet/src/popup/popupX/shared/Label/Label.scss b/packages/browser-wallet/src/popup/popupX/shared/Label/Label.scss
index 6747d39bd..f979ccf39 100644
--- a/packages/browser-wallet/src/popup/popupX/shared/Label/Label.scss
+++ b/packages/browser-wallet/src/popup/popupX/shared/Label/Label.scss
@@ -18,6 +18,10 @@
         }
     }
 
+    &.right-icon {
+        flex-direction: row-reverse;
+    }
+
     .label__main {
         font-size: rem(11px);
         line-height: rem(12px);
diff --git a/packages/browser-wallet/src/popup/popupX/shared/Label/Label.tsx b/packages/browser-wallet/src/popup/popupX/shared/Label/Label.tsx
index 63335f871..8ae37c72b 100644
--- a/packages/browser-wallet/src/popup/popupX/shared/Label/Label.tsx
+++ b/packages/browser-wallet/src/popup/popupX/shared/Label/Label.tsx
@@ -8,12 +8,13 @@ type LabelProps = {
     icon: ReactNode;
     color: LabelColors;
     text: string;
+    rightIcon?: boolean;
     className?: string;
 };
 
-function Label({ icon, color, text, className }: LabelProps) {
+function Label({ icon, color, text, rightIcon, className }: LabelProps) {
     return (
-        <span className={clsx(color, className, 'label-x')}>
+        <span className={clsx(color, className, { 'right-icon': rightIcon }, 'label-x')}>
             <div className="icon">{icon}</div>
             <Text.Label>{text}</Text.Label>
         </span>
diff --git a/packages/browser-wallet/src/popup/popupX/shared/Tooltip/Tooltip.scss b/packages/browser-wallet/src/popup/popupX/shared/Tooltip/Tooltip.scss
index f4f857ee8..228252003 100644
--- a/packages/browser-wallet/src/popup/popupX/shared/Tooltip/Tooltip.scss
+++ b/packages/browser-wallet/src/popup/popupX/shared/Tooltip/Tooltip.scss
@@ -1,5 +1,7 @@
 .tooltip-x {
     position: relative;
+    height: inherit;
+    width: inherit;
 
     &:hover {
         .tooltip-x_text {
diff --git a/packages/browser-wallet/src/popup/popupX/shell/Routes.tsx b/packages/browser-wallet/src/popup/popupX/shell/Routes.tsx
index b6e61555e..d56681344 100644
--- a/packages/browser-wallet/src/popup/popupX/shell/Routes.tsx
+++ b/packages/browser-wallet/src/popup/popupX/shell/Routes.tsx
@@ -44,6 +44,7 @@ import AddTokens from '@popup/popupX/pages/prompts/AddTokens';
 import SignCis3Message from '@popup/popupX/pages/prompts/SignCis3Message';
 import SignMessage from '@popup/popupX/pages/prompts/SignMessage';
 import SendTransaction from '@popup/popupX/pages/prompts/SendTransaction';
+import SendSponsoredTransaction from '@popup/popupX/pages/prompts/SendSponsoredTransaction';
 import ExternalRequestLayout from '@popup/popupX/page-layouts/ExternalRequestLayout';
 import { AddToken, ManageTokenList } from '@popup/popupX/pages/ManageTokens';
 import { Nft, NftDetails, NftRaw } from 'src/popup/popupX/pages/Nft';
@@ -83,6 +84,7 @@ export default function Routes({ messagePromptHandlers }: { messagePromptHandler
         handleSignCIS3MessageResponse,
         handleSignMessageResponse,
         handleSendTransactionResponse,
+        handleSendSponsoredTransactionResponse,
         handleAddWeb3IdCredentialResponse,
         handleWeb3IdProofResponse,
         handleIdProofResponse,
@@ -351,6 +353,22 @@ export default function Routes({ messagePromptHandlers }: { messagePromptHandler
                                 }
                             />
                         }
+                    />{' '}
+                    <Route
+                        path={relativeRoutes.prompt.sendSponsoredTransaction.path}
+                        element={
+                            <SendSponsoredTransaction
+                                onSubmit={(hash) =>
+                                    handleSendSponsoredTransactionResponse({ success: true, result: hash })
+                                }
+                                onReject={() =>
+                                    handleSendSponsoredTransactionResponse({
+                                        success: false,
+                                        message: 'Signing was rejected',
+                                    })
+                                }
+                            />
+                        }
                     />
                     <Route path={relativeRoutes.prompt.recovery.path} element={<RestoreResult />} />
                     <Route path={relativeRoutes.prompt.endIdentityIssuance.path} element={<EndIdentityIssuance />} />
diff --git a/packages/browser-wallet/src/popup/popupX/styles/_elements.scss b/packages/browser-wallet/src/popup/popupX/styles/_elements.scss
index b3baab921..7e7534906 100644
--- a/packages/browser-wallet/src/popup/popupX/styles/_elements.scss
+++ b/packages/browser-wallet/src/popup/popupX/styles/_elements.scss
@@ -67,6 +67,7 @@
 @import '../pages/prompts/SignCis3Message/SignCis3Message';
 @import '../pages/prompts/SignMessage/SignMessage';
 @import '../pages/prompts/SendTransaction/SendTransaction';
+@import '../pages/prompts/SendSponsoredTransaction/SendSponsoredTransaction';
 @import '../pages/prompts/AddWeb3IdCredential/AddWeb3IdCredential';
 @import '../pages/prompts/IdProofRequest';
 @import '../pages/prompts/VerifiablePresentationRequest/VerifiablePresentationRequest';
diff --git a/packages/browser-wallet/src/popup/shared/TransactionReceipt/TransactionReceipt.tsx b/packages/browser-wallet/src/popup/shared/TransactionReceipt/TransactionReceipt.tsx
index 6c3a0b30b..996442f4f 100644
--- a/packages/browser-wallet/src/popup/shared/TransactionReceipt/TransactionReceipt.tsx
+++ b/packages/browser-wallet/src/popup/shared/TransactionReceipt/TransactionReceipt.tsx
@@ -3,22 +3,23 @@ import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
 import React, { useState } from 'react';
 import {
-    AccountTransactionType,
     AccountTransaction,
-    AccountTransactionPayload,
-    SimpleTransferPayload,
-    UpdateContractPayload,
-    InitContractPayload,
-    RegisterDataPayload,
-    ConfigureDelegationPayload,
+    AccountTransactionInput,
+    AccountTransactionType,
     ConfigureBakerPayload,
+    ConfigureDelegationPayload,
     DeployModulePayload,
+    InitContractInput,
+    RegisterDataPayload,
+    SimpleTransferPayload,
+    UpdateContractInput,
+    UpdateContractPayload,
 } from '@concordium/web-sdk';
 import { Cis2TransferParameters } from '@shared/utils/types';
 import { SmartContractParameters } from '@concordium/browser-wallet-api-helpers';
 import { TokenMetadata } from '@shared/storage/types';
 import { getMetadataDecimals } from '@shared/utils/token-helpers';
-import { chunkString, DisplayAddress, AddressDisplayFormat } from 'wallet-common-helpers';
+import { AddressDisplayFormat, chunkString, DisplayAddress } from 'wallet-common-helpers';
 import DisplayCost from './DisplayCost';
 import { getTransactionTypeName } from '../utils/transaction-helpers';
 import DisplayUpdateContract from './displayPayload/DisplayUpdateContract';
@@ -35,7 +36,7 @@ import DisplayDeployModule from './displayPayload/DisplayDeployModule';
 export type GenericTransactionReceiptProps = {
     className?: string;
     transactionType: AccountTransactionType;
-    payload: AccountTransactionPayload;
+    payload: AccountTransactionInput;
     parameters?: SmartContractParameters;
     sender: string;
     cost?: bigint;
@@ -63,9 +64,9 @@ function displayPayload({ payload, type }: Omit<AccountTransaction, 'header'>, p
         case AccountTransactionType.Transfer:
             return <DisplaySimpleTransfer payload={payload as SimpleTransferPayload} />;
         case AccountTransactionType.Update:
-            return <DisplayUpdateContract payload={payload as UpdateContractPayload} parameters={parameters} />;
+            return <DisplayUpdateContract payload={payload as UpdateContractInput} parameters={parameters} />;
         case AccountTransactionType.InitContract:
-            return <DisplayInitContract payload={payload as InitContractPayload} parameters={parameters} />;
+            return <DisplayInitContract payload={payload as InitContractInput} parameters={parameters} />;
         case AccountTransactionType.RegisterData:
             return <DisplayRegisterData payload={payload as RegisterDataPayload} />;
         case AccountTransactionType.ConfigureDelegation:
diff --git a/packages/browser-wallet/src/popup/shared/TransactionReceipt/displayPayload/DisplayInitContract.tsx b/packages/browser-wallet/src/popup/shared/TransactionReceipt/displayPayload/DisplayInitContract.tsx
index e478d88e9..a867510b3 100644
--- a/packages/browser-wallet/src/popup/shared/TransactionReceipt/displayPayload/DisplayInitContract.tsx
+++ b/packages/browser-wallet/src/popup/shared/TransactionReceipt/displayPayload/DisplayInitContract.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { InitContractPayload } from '@concordium/web-sdk';
+import { InitContractInput } from '@concordium/web-sdk';
 import { displayAsCcd } from 'wallet-common-helpers';
 import { SmartContractParameters } from '@concordium/browser-wallet-api-helpers';
 import DisplayParameters from '../DisplayParameters';
 
 interface Props {
-    payload: Omit<InitContractPayload, 'param'>;
+    payload: Omit<InitContractInput, 'param'>;
     parameters?: SmartContractParameters;
 }
 
diff --git a/packages/browser-wallet/src/popup/shared/TransactionReceipt/displayPayload/DisplayUpdateContract.tsx b/packages/browser-wallet/src/popup/shared/TransactionReceipt/displayPayload/DisplayUpdateContract.tsx
index 2cd81417e..f156dcbbe 100644
--- a/packages/browser-wallet/src/popup/shared/TransactionReceipt/displayPayload/DisplayUpdateContract.tsx
+++ b/packages/browser-wallet/src/popup/shared/TransactionReceipt/displayPayload/DisplayUpdateContract.tsx
@@ -1,12 +1,12 @@
 import React from 'react';
 import { useTranslation } from 'react-i18next';
-import { UpdateContractPayload } from '@concordium/web-sdk';
+import { UpdateContractInput } from '@concordium/web-sdk';
 import { displayAsCcd } from 'wallet-common-helpers';
 import { SmartContractParameters } from '@concordium/browser-wallet-api-helpers';
 import DisplayParameters from '../DisplayParameters';
 
 interface Props {
-    payload: Omit<UpdateContractPayload, 'message'>;
+    payload: Omit<UpdateContractInput, 'message'>;
     parameters?: SmartContractParameters;
 }
 
diff --git a/packages/browser-wallet/src/popup/shared/utils/baking-helpers.ts b/packages/browser-wallet/src/popup/shared/utils/baking-helpers.ts
index c1c5c7ac1..4e98973cb 100644
--- a/packages/browser-wallet/src/popup/shared/utils/baking-helpers.ts
+++ b/packages/browser-wallet/src/popup/shared/utils/baking-helpers.ts
@@ -1,8 +1,8 @@
 import {
-    OpenStatus,
-    OpenStatusText,
     AccountInfo,
     GenerateBakerKeysOutput,
+    OpenStatus,
+    OpenStatusText,
     PrivateBakerKeys,
     PublicBakerKeys,
 } from '@concordium/web-sdk';
@@ -20,7 +20,7 @@ const fractionResolutionToPercentage = (v: number) => v / percentageModifier;
 export const fractionToPercentage = (d: number | undefined) =>
     d === undefined ? undefined : Math.floor(d * fractionResolution) / percentageModifier;
 
-export function openStatusToDisplay(status: OpenStatus | OpenStatusText): string {
+export function openStatusToDisplay(status: OpenStatus | OpenStatusText | null): string {
     switch (status) {
         case OpenStatus.OpenForAll:
         case OpenStatusText.OpenForAll:
diff --git a/packages/browser-wallet/src/popup/shared/utils/message-prompt-handlers.ts b/packages/browser-wallet/src/popup/shared/utils/message-prompt-handlers.ts
index 403d77af1..481d48268 100644
--- a/packages/browser-wallet/src/popup/shared/utils/message-prompt-handlers.ts
+++ b/packages/browser-wallet/src/popup/shared/utils/message-prompt-handlers.ts
@@ -78,6 +78,7 @@ export type MessagePromptHandlersType = {
     handleConnectAccountsResponse: (response: MessageStatusWrapper<string[]>) => void;
     handleAddWeb3IdCredentialResponse: (response: MessageStatusWrapper<string>) => void;
     handleSendTransactionResponse: (response: MessageStatusWrapper<string>) => void;
+    handleSendSponsoredTransactionResponse: (response: MessageStatusWrapper<string>) => void;
     handleSignMessageResponse: (response: MessageStatusWrapper<AccountTransactionSignature>) => void;
     handleSignCIS3MessageResponse: (response: MessageStatusWrapper<AccountTransactionSignature>) => void;
     handleAddTokensResponse: (response: MessageStatusWrapper<string[]>) => void;
@@ -100,6 +101,10 @@ export function useMessagePromptHandlers(): MessagePromptHandlersType {
         InternalMessageType.SendTransaction,
         'sendTransaction'
     );
+    const handleSendSponsoredTransactionResponse = useMessagePrompt<MessageStatusWrapper<string>>(
+        InternalMessageType.SendSponsoredTransaction,
+        'sendSponsoredTransaction'
+    );
     const handleSignMessageResponse = useMessagePrompt<MessageStatusWrapper<AccountTransactionSignature>>(
         InternalMessageType.SignMessage,
         'signMessage'
@@ -140,6 +145,7 @@ export function useMessagePromptHandlers(): MessagePromptHandlersType {
         handleConnectAccountsResponse,
         handleAddWeb3IdCredentialResponse,
         handleSendTransactionResponse,
+        handleSendSponsoredTransactionResponse,
         handleSignMessageResponse,
         handleSignCIS3MessageResponse,
         handleAddTokensResponse,
diff --git a/packages/browser-wallet/src/popup/shared/utils/transaction-helpers.ts b/packages/browser-wallet/src/popup/shared/utils/transaction-helpers.ts
index 1e3b6d85b..8161a533a 100644
--- a/packages/browser-wallet/src/popup/shared/utils/transaction-helpers.ts
+++ b/packages/browser-wallet/src/popup/shared/utils/transaction-helpers.ts
@@ -1,34 +1,34 @@
 import {
     AccountAddress,
+    AccountInfo,
+    AccountInfoType,
     AccountTransaction,
+    AccountTransactionInput,
     AccountTransactionType,
-    AccountTransactionPayload,
+    BakerPoolStatusDetails,
     buildBasicAccountSigner,
-    getAccountTransactionHash,
     CcdAmount,
-    ConcordiumGRPCClient,
-    signTransaction,
-    SimpleTransferPayload,
-    TransactionExpiry,
-    AccountInfo,
     ChainParameters,
     ChainParametersV0,
-    BakerPoolStatusDetails,
-    InitContractPayload,
-    UpdateContractPayload,
-    SimpleTransferWithMemoPayload,
-    AccountInfoType,
+    ConcordiumGRPCClient,
     convertEnergyToMicroCcd,
+    getAccountTransactionHash,
     getEnergyCost,
+    InitContractInput,
+    signTransaction,
+    SimpleTransferPayload,
+    SimpleTransferWithMemoPayload,
+    TransactionExpiry,
+    UpdateContractInput,
 } from '@concordium/web-sdk';
 import { TokenId, TokenModuleState } from '@concordium/web-sdk/plt';
 import {
-    isValidResolutionString,
     ccdToMicroCcd,
     displayAsCcd,
     fractionalToInteger,
-    isValidCcdString,
     getPublicAccountAmounts,
+    isValidCcdString,
+    isValidResolutionString,
 } from 'wallet-common-helpers';
 
 import i18n from '@popup/shell/i18n';
@@ -281,12 +281,12 @@ export function useHasPendingTransaction(transactionType: AccountTransactionType
  * Extract the microCCD amount related for the transaction, excluding the cost.
  * Note that for many transactions there is no related amount, in which case this returns 0.
  */
-export function getTransactionAmount(type: AccountTransactionType, payload: AccountTransactionPayload): bigint {
+export function getTransactionAmount(type: AccountTransactionType, payload: AccountTransactionInput): bigint {
     switch (type) {
         case AccountTransactionType.InitContract:
-            return (payload as InitContractPayload).amount.microCcdAmount;
+            return (payload as InitContractInput).amount.microCcdAmount;
         case AccountTransactionType.Update:
-            return (payload as UpdateContractPayload).amount.microCcdAmount;
+            return (payload as UpdateContractInput).amount.microCcdAmount;
         case AccountTransactionType.Transfer:
             return (payload as SimpleTransferPayload).amount.microCcdAmount;
         case AccountTransactionType.TransferWithMemo:
@@ -300,7 +300,7 @@ export function useGetTransactionFee() {
     const cp = useBlockChainParameters();
 
     return useCallback(
-        (type: AccountTransactionType, payload: AccountTransactionPayload) => {
+        (type: AccountTransactionType, payload: AccountTransactionInput) => {
             if (cp === undefined) {
                 return undefined;
             }
@@ -344,7 +344,7 @@ export function useTransactionSubmit(sender: AccountAddress.Type, type: AccountT
     const addPendingTransaction = useUpdateAtom(addPendingTransactionAtom);
 
     return useCallback(
-        async (payload: AccountTransactionPayload, cost: CcdAmount.Type) => {
+        async (payload: AccountTransactionInput, cost: CcdAmount.Type) => {
             const { accountAmount, accountAvailableBalance } = await grpc.getAccountInfo(sender);
 
             if (accountAvailableBalance.microCcdAmount < cost.microCcdAmount) {
diff --git a/packages/browser-wallet/src/popup/shared/utils/transaction-history-types.ts b/packages/browser-wallet/src/popup/shared/utils/transaction-history-types.ts
index a84ae8968..85db5f118 100644
--- a/packages/browser-wallet/src/popup/shared/utils/transaction-history-types.ts
+++ b/packages/browser-wallet/src/popup/shared/utils/transaction-history-types.ts
@@ -1,16 +1,16 @@
 import {
     AccountTransactionSummary,
     AccountTransactionType,
+    BakerEvent,
     ConcordiumGRPCWebClient,
     ContractTraceEvent,
-    BakerEvent,
     DelegationEvent,
     FinalizedBlockItem,
+    getTransactionRejectReason,
     TransactionEvent,
     TransactionEventTag,
     TransactionKindString,
     TransactionSummaryType,
-    getTransactionRejectReason,
 } from '@concordium/web-sdk';
 import JSONBig from 'json-bigint';
 import { logError } from '@shared/utils/log-helpers';
@@ -184,6 +184,8 @@ function getTransactionAmount(account: string, summary: AccountTransactionSummar
             return summary.contractInitialized.amount.microCcdAmount;
         case TransactionKindString.Update:
             return summary.events.reduce((acc: bigint, e) => {
+                if (e === null) return acc;
+
                 switch (e.tag) {
                     case TransactionEventTag.Updated:
                         return acc - e.amount.microCcdAmount;
@@ -237,8 +239,12 @@ function getTransactionMemo(summary: AccountTransactionSummary): string | undefi
 }
 
 function getTransactionEvents(summary: AccountTransactionSummary): string[] | undefined {
-    const toString = ({ tag, ...rest }: TransactionEvent | ContractTraceEvent | BakerEvent | DelegationEvent) =>
-        `${tag}\n${JSONBig.stringify(rest)}`;
+    const toString = (event: TransactionEvent | ContractTraceEvent | BakerEvent | DelegationEvent | null) => {
+        if (event === null) return 'Unknown event';
+
+        const { tag, ...rest } = event;
+        return `${tag}\n${JSONBig.stringify(rest)}`;
+    };
 
     switch (summary.transactionType) {
         case TransactionKindString.Update:
@@ -255,11 +261,13 @@ export async function toBrowserWalletTransaction(
     account: string,
     transactionHash: string,
     grpc: ConcordiumGRPCWebClient
-): Promise<BrowserWalletTransaction> {
+): Promise<BrowserWalletTransaction | null> {
     const block = await grpc.getBlockInfo(blockHash);
     const time = BigInt(Math.round(block.blockSlotTime.getTime() / 1000));
     const id = -1;
 
+    if (summary === null) return null;
+
     if (summary.type !== TransactionSummaryType.AccountTransaction) {
         return {
             blockHash: blockHash.toString(),
diff --git a/packages/browser-wallet/src/popup/shared/utils/wallet-proxy.ts b/packages/browser-wallet/src/popup/shared/utils/wallet-proxy.ts
index d32c9bb34..c54fe7355 100644
--- a/packages/browser-wallet/src/popup/shared/utils/wallet-proxy.ts
+++ b/packages/browser-wallet/src/popup/shared/utils/wallet-proxy.ts
@@ -63,7 +63,7 @@ export enum TransactionKindString {
     Malformed = 'Malformed account transaction',
 }
 
-function mapTransactionKindStringToTransactionType(
+export function mapTransactionKindStringToTransactionType(
     kind: TransactionKindString
 ): AccountTransactionType | RewardType | SpecialTransactionType | BlockSpecialEvent {
     switch (kind) {
diff --git a/packages/browser-wallet/src/shared/constants/networkConfiguration.ts b/packages/browser-wallet/src/shared/constants/networkConfiguration.ts
index 515a714eb..bc601fa69 100644
--- a/packages/browser-wallet/src/shared/constants/networkConfiguration.ts
+++ b/packages/browser-wallet/src/shared/constants/networkConfiguration.ts
@@ -28,12 +28,12 @@ export const stagenet: NetworkConfiguration = {
 };
 
 export const devnet: NetworkConfiguration = {
-    genesisHash: '1e38963f8098c190a1a10ffd8954ad79f93ca50a843efbb09783f8b4e9155d03',
+    genesisHash: '5867d1b162172bf671df64fb6f568c573141fd80b7795adc8d91e4337ff2ef9c',
     name: 'Concordium DevNet',
-    explorerUrl: 'https://wallet-proxy.devnet-plt-beta.concordium.com',
+    explorerUrl: 'https://wallet-proxy.devnet-p10-1.concordium.com',
     grpcPort: 20000,
-    grpcUrl: 'https://grpc.devnet-plt-beta.concordium.com',
-    ccdScanUrl: 'https://devnet-plt-beta.ccdscan.io/',
+    grpcUrl: 'https://grpc.devnet-p10-1.concordium.com',
+    ccdScanUrl: 'https://devnet-p10-1.ccdscan.io/',
 };
 
 export const customnet: NetworkConfiguration = {
diff --git a/packages/browser-wallet/src/shared/utils/payload-helpers.ts b/packages/browser-wallet/src/shared/utils/payload-helpers.ts
index 726c890a0..482d88ed3 100644
--- a/packages/browser-wallet/src/shared/utils/payload-helpers.ts
+++ b/packages/browser-wallet/src/shared/utils/payload-helpers.ts
@@ -1,34 +1,34 @@
 import {
+    AccountTransactionInput,
     AccountTransactionType,
-    SimpleTransferPayload,
-    UpdateContractPayload,
-    serializeUpdateContractParameters,
-    AccountTransactionPayload,
-    SchemaVersion,
-    InitContractPayload,
-    serializeInitContractParameters,
-    serializeTypeValue,
     ContractName,
     EntrypointName,
-    Parameter,
-    jsonParse,
     getAccountTransactionHandler,
+    InitContractInput,
+    jsonParse,
+    Parameter,
+    SchemaVersion,
+    serializeInitContractParameters,
+    serializeTypeValue,
+    serializeUpdateContractParameters,
+    SimpleTransferPayload,
+    UpdateContractInput,
 } from '@concordium/web-sdk';
 import { Buffer } from 'buffer/';
-import { SmartContractParameters, SchemaType, SchemaWithContext } from '@concordium/browser-wallet-api-helpers';
+import { SchemaType, SchemaWithContext, SmartContractParameters } from '@concordium/browser-wallet-api-helpers';
 import { serializationTypes } from '@wallet-api/constants';
 import * as JSONBig from 'json-bigint';
 
 export type HeadlessTransaction =
-    | { type: AccountTransactionType.Update; payload: UpdateContractPayload }
+    | { type: AccountTransactionType.Update; payload: UpdateContractInput }
     | { type: AccountTransactionType.Transfer; payload: SimpleTransferPayload }
-    | { type: AccountTransactionType.InitContract; payload: InitContractPayload }
+    | { type: AccountTransactionType.InitContract; payload: InitContractInput }
     | {
           type: Exclude<
               AccountTransactionType,
               AccountTransactionType.Transfer | AccountTransactionType.Update | AccountTransactionType.InitContract
           >;
-          payload: AccountTransactionPayload;
+          payload: AccountTransactionInput;
       };
 
 /**
@@ -72,7 +72,7 @@ export function parsePayload(
 
     switch (type) {
         case AccountTransactionType.Update: {
-            const updatePayload = payload as UpdateContractPayload;
+            const updatePayload = payload as UpdateContractInput;
             const [contractName, functionName] = updatePayload.receiveName.value.split('.');
 
             let parameter: Parameter.Type;
@@ -100,7 +100,7 @@ export function parsePayload(
             };
         }
         case AccountTransactionType.InitContract: {
-            const initPayload = payload as InitContractPayload;
+            const initPayload = payload as InitContractInput;
             let parameter: Parameter.Type;
             if (parameters === undefined || parameters === null || !schema) {
                 parameter = Parameter.empty();
@@ -133,6 +133,6 @@ export function parsePayload(
             return {
                 type,
                 payload,
-            };
+            } as HeadlessTransaction;
     }
 }
diff --git a/packages/browser-wallet/src/shared/utils/token-helpers.ts b/packages/browser-wallet/src/shared/utils/token-helpers.ts
index ff742e8d6..91cba7761 100644
--- a/packages/browser-wallet/src/shared/utils/token-helpers.ts
+++ b/packages/browser-wallet/src/shared/utils/token-helpers.ts
@@ -17,7 +17,7 @@ import {
     ReturnValue,
     serializeUpdateContractParameters,
     sha256,
-    UpdateContractPayload,
+    UpdateContractInput,
 } from '@concordium/web-sdk';
 import { MetadataUrl, PltMetadataUrl, PltResponse, TokenIdAndMetadata, TokenMetadata } from '@shared/storage/types';
 import { CIS2_SCHEMA, CIS2_SCHEMA_CONTRACT_NAME } from '@popup/constants/schema';
@@ -369,7 +369,7 @@ export function getTokenTransferPayload(
     maxContractExecutionEnergy: bigint,
     index: bigint,
     subindex = 0n
-): UpdateContractPayload {
+): UpdateContractInput {
     return {
         amount: CcdAmount.fromMicroCcd(0n),
         address: ContractAddress.create(index, subindex),
diff --git a/packages/browser-wallet/src/shared/utils/types.ts b/packages/browser-wallet/src/shared/utils/types.ts
index eb43ba008..3c0eaac47 100644
--- a/packages/browser-wallet/src/shared/utils/types.ts
+++ b/packages/browser-wallet/src/shared/utils/types.ts
@@ -77,6 +77,7 @@ export type Cis2TransferParameters = [
 ];
 
 export type BackgroundSendTransactionPayload = {
+    transaction: string;
     accountAddress: string;
     type: AccountTransactionType;
     payload: string;
diff --git a/packages/browser-wallet/src/shared/utils/verifiable-credential-helpers.ts b/packages/browser-wallet/src/shared/utils/verifiable-credential-helpers.ts
index 0570fb7fc..398bf2c16 100644
--- a/packages/browser-wallet/src/shared/utils/verifiable-credential-helpers.ts
+++ b/packages/browser-wallet/src/shared/utils/verifiable-credential-helpers.ts
@@ -1,15 +1,15 @@
 import {
     CcdAmount,
-    UpdateContractPayload,
     ConcordiumGRPCClient,
-    ContractAddress,
-    sha256,
     ConcordiumHdWallet,
-    ReceiveName,
+    ContractAddress,
     Energy,
+    HexString,
     Parameter,
+    ReceiveName,
     ReturnValue,
-    HexString,
+    sha256,
+    UpdateContractInput,
 } from '@concordium/web-sdk';
 import * as ed from '@noble/ed25519';
 import {
@@ -199,7 +199,7 @@ export async function buildRevokeTransaction(
     credentialId: string,
     maxContractExecutionEnergy: bigint,
     parameters: RevokeCredentialHolderParam
-): Promise<UpdateContractPayload> {
+): Promise<UpdateContractInput> {
     return {
         address,
         amount: CcdAmount.fromMicroCcd(0n),
@@ -292,7 +292,7 @@ export async function getVerifiableCredentialStatus(client: ConcordiumGRPCClient
     });
 
     if (result.tag !== 'success') {
-        throw new Error(result.reason.tag);
+        throw new Error(result.reason?.tag || 'Transaction failed');
     }
 
     const { returnValue } = result;
@@ -387,7 +387,7 @@ export async function getCredentialRegistryMetadata(
     });
 
     if (result.tag !== 'success') {
-        throw new Error(result.reason.tag);
+        throw new Error(result.reason?.tag || 'Transaction failed');
     }
 
     const { returnValue } = result;
@@ -823,7 +823,7 @@ export async function getVerifiableCredentialEntry(
     });
 
     if (result.tag !== 'success') {
-        throw new Error(result.reason.tag);
+        throw new Error(result.reason?.tag || 'Transaction failed');
     }
 
     const { returnValue } = result;
@@ -1102,7 +1102,7 @@ export async function getCredentialRegistryIssuerKey(
     });
 
     if (result.tag !== 'success') {
-        throw new Error(result.reason.tag);
+        throw new Error(result.reason?.tag || 'Transaction failed');
     }
 
     const { returnValue } = result;
diff --git a/packages/browser-wallet/src/wallet-api/compatibility.ts b/packages/browser-wallet/src/wallet-api/compatibility.ts
index 3cd9dca20..b9c5cdceb 100644
--- a/packages/browser-wallet/src/wallet-api/compatibility.ts
+++ b/packages/browser-wallet/src/wallet-api/compatibility.ts
@@ -1,39 +1,41 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 import {
-    SmartContractParameters,
-    SchemaWithContext,
-    SchemaType,
     AccountAddressSource,
     SchemaSource,
-    SignMessageObject,
-    SendTransactionPayload,
+    SchemaType,
+    SchemaWithContext,
     SendTransactionInitContractPayload,
+    SendTransactionPayload,
     SendTransactionUpdateContractPayload,
+    SignMessageObject,
+    SmartContractParameters,
 } from '@concordium/browser-wallet-api-helpers';
 import {
     AccountAddress,
+    AccountTransactionPayload,
+    AccountTransactionPayloadJSON,
     AccountTransactionType,
     CcdAmount,
     ConfigureBakerPayload,
     ConfigureDelegationPayload,
     ContractAddress,
     ContractName,
+    DataBlob,
     DeployModulePayload,
     Energy,
+    getAccountTransactionHandler,
     HexString,
-    InitContractPayload,
+    InitContractInput,
     ModuleReference,
     ReceiveName,
     RegisterDataPayload,
     SchemaVersion,
     SimpleTransferPayload,
     SimpleTransferWithMemoPayload,
-    UpdateCredentialsPayload,
-    DataBlob,
-    AccountTransactionPayload,
-    getAccountTransactionHandler,
-    AccountTransactionPayloadJSON,
     TokenUpdatePayload,
+    UpdateCredentialKeysInput,
+    UpdateCredentialsInput,
+    UpdateCredentialsPayload,
 } from '@concordium/web-sdk/types';
 import { empty } from '@concordium/web-sdk/types/Parameter';
 import { IdStatement } from '@concordium/web-sdk/id';
@@ -222,7 +224,10 @@ export interface ConfigureDelegationPayloadV0 extends Omit<ConfigureDelegationPa
 export type ConfigureDelegationPayloadCompat = ConfigureDelegationPayloadV0 | ConfigureDelegationPayload;
 
 export type RegisterDataPayloadCompat = RegisterDataPayload;
-export type UpdateCredentialsPayloadCompat = UpdateCredentialsPayload;
+export type UpdateCredentialsPayloadCompat =
+    | UpdateCredentialsPayload
+    | UpdateCredentialsInput
+    | UpdateCredentialKeysInput;
 
 export type SendTransactionPayloadCompat =
     | InitContractPayloadCompat
@@ -251,10 +256,10 @@ function sanitizePayload(type: AccountTransactionType, payload: SendTransactionP
             } else if (typeof (p as InitContractPayloadV2).initName === 'string') {
                 initName = ContractName.fromString((p as InitContractPayloadV2).initName);
             } else if (
-                typeof (p as InitContractPayload).initName === 'object' &&
-                (p as InitContractPayload).initName !== null
+                typeof (p as InitContractInput).initName === 'object' &&
+                (p as InitContractInput).initName !== null
             ) {
-                initName = ContractName.fromString((p as InitContractPayload).initName.value);
+                initName = ContractName.fromString((p as InitContractInput).initName.value);
             } else {
                 throw new Error(`Unexpected payload for type ${type}: ${p}`);
             }
@@ -344,7 +349,7 @@ function sanitizePayload(type: AccountTransactionType, payload: SendTransactionP
         }
         case AccountTransactionType.UpdateCredentials:
             // No changes across any API versions.
-            return payload as UpdateCredentialsPayload;
+            return payload as UpdateCredentialsInput;
         default:
             // This should never happen, but is here for backwards compatibility.
             return payload as SendTransactionPayload;
diff --git a/packages/browser-wallet/src/wallet-api/wallet-api.ts b/packages/browser-wallet/src/wallet-api/wallet-api.ts
index 69d3ef71c..8266e5234 100644
--- a/packages/browser-wallet/src/wallet-api/wallet-api.ts
+++ b/packages/browser-wallet/src/wallet-api/wallet-api.ts
@@ -1,4 +1,5 @@
 import { InjectedMessageHandler, createEventTypeFilter, MessageType, MessageStatusWrapper } from '@messaging';
+import { Transaction } from '@concordium/web-sdk';
 import {
     AccountAddress,
     AccountTransactionSignature,
@@ -22,6 +23,7 @@ import {
     AccountAddressSource,
     SchemaSource,
     SendTransactionPayload,
+    SignableTransaction,
 } from '@concordium/browser-wallet-api-helpers';
 import EventEmitter from 'events';
 import { IdProofOutput, IdStatement } from '@concordium/web-sdk/id';
@@ -180,6 +182,28 @@ class WalletApi extends EventEmitter implements IWalletApi {
         return response.result;
     }
 
+    /**
+     * Sends a sponsored transaction to the Concordium Wallet and awaits the users action
+     */
+    public async sendSponsoredTransaction(
+        accountAddress: AccountAddressSource,
+        transaction: SignableTransaction
+    ): Promise<string> {
+        const response = await this.messageHandler.sendMessage<MessageStatusWrapper<string>>(
+            MessageType.SendSponsoredTransaction,
+            {
+                accountAddress,
+                transaction: stringify(Transaction.toJSON(transaction)),
+            }
+        );
+
+        if (!response.success) {
+            throw new Error(response.message);
+        }
+
+        return response.result;
+    }
+
     private handleEvent(type: EventType) {
         this.messageHandler.handleMessage(createEventTypeFilter(type), (msg) => this.emit(type, msg.payload));
     }
diff --git a/packages/browser-wallet/test/compatibility.test.ts b/packages/browser-wallet/test/compatibility.test.ts
index 22dc2a7e1..129950871 100644
--- a/packages/browser-wallet/test/compatibility.test.ts
+++ b/packages/browser-wallet/test/compatibility.test.ts
@@ -16,7 +16,7 @@ import {
     EntrypointName,
     getAccountTransactionHandler,
     IdStatementBuilder,
-    InitContractPayload,
+    InitContractInput,
     ModuleReference,
     OpenStatus,
     Parameter,
@@ -25,8 +25,8 @@ import {
     SchemaVersion,
     SimpleTransferPayload,
     SimpleTransferWithMemoPayload,
-    UpdateContractPayload,
-    UpdateCredentialsPayload,
+    UpdateContractInput,
+    UpdateCredentialsInput,
 } from '@concordium/web-sdk';
 import {
     SendTransactionInitContractPayload,
@@ -183,7 +183,7 @@ describe(sanitizeSendTransactionInput, () => {
             '23513bcb5dbc81216fa4e12d3165a818e2b8699a1c9ef5c699f46ca3b1024ebf'
         );
 
-        const expectedPayload: InitContractPayload = {
+        const expectedPayload: InitContractInput = {
             moduleRef,
             maxContractExecutionEnergy: Energy.create(maxContractExecutionEnergy),
             amount: CcdAmount.fromMicroCcd(amount),
@@ -244,7 +244,7 @@ describe(sanitizeSendTransactionInput, () => {
         const type = AccountTransactionType.Update;
         const receiveName = `${contractName}.${entrypointName}`;
 
-        const expectedPayload: UpdateContractPayload = {
+        const expectedPayload: UpdateContractInput = {
             maxContractExecutionEnergy: Energy.create(maxContractExecutionEnergy),
             amount: CcdAmount.fromMicroCcd(amount),
             address: ContractAddress.create(contractIndex, contractSubindex),
@@ -604,7 +604,8 @@ describe(sanitizeSendTransactionInput, () => {
     test('Transforms "UpdateCredentials" transaction input as expected', () => {
         const type = AccountTransactionType.UpdateCredentials;
 
-        const payload: UpdateCredentialsPayload = {
+        // commitments value was removed in type UpdateCredentialsInput
+        const payload: UpdateCredentialsInput = {
             newCredentials: [
                 {
                     index: 1,
@@ -622,13 +623,6 @@ describe(sanitizeSendTransactionInput, () => {
                             threshold: 1,
                             keys: { 0: { schemeId: 'ed25519', verifyKey: '030201' } },
                         },
-                        commitments: {
-                            cmmPrf: 'cmmPrf',
-                            cmmAttributes: { dob: 'cmmDob' } as Record<AttributeKey, string>,
-                            cmmCredCounter: 'cmmCredCounter',
-                            cmmMaxAccounts: 'cmmMaxAccounts',
-                            cmmIdCredSecSharingCoeff: ['cmmIdCredSecSharingCoeff'],
-                        },
                         arData: { arData: { encIdCredPubShare: 'encIdCredPubShare' } },
                     },
                 },
diff --git a/yarn.lock b/yarn.lock
index d86c74c5f..0526dccb1 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1941,7 +1941,7 @@ __metadata:
     webpack: ^5.99.7
     webpack-cli: ^4.9.2
   peerDependencies:
-    "@concordium/web-sdk": 10.0.2
+    "@concordium/web-sdk": ^12.0.0
     "@protobuf-ts/runtime-rpc": ^2.9.1
   languageName: unknown
   linkType: soft
@@ -1953,7 +1953,7 @@ __metadata:
     "@babel/core": ^7.18.2
     "@concordium/browser-wallet-api-helpers": "workspace:^"
     "@concordium/common-sdk": ^9.5.3
-    "@concordium/web-sdk": 10.0.2
+    "@concordium/web-sdk": ^12.0.1
     "@craftamap/esbuild-plugin-html": ^0.4.0
     "@floating-ui/react": ^0.27.2
     "@mdx-js/react": ^1.6.22
@@ -2057,19 +2057,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@concordium/rust-bindings@npm:^3.3.0":
-  version: 3.3.0
-  resolution: "@concordium/rust-bindings@npm:3.3.0"
-  checksum: 3cde4e819fc23db2bac4284d963b80f469548320d1160e72e430be2a54fe313de6f71ae06d28af8b6d7e315b0a5aea9c9fdb8ea1b640514397914b7ba2e7ebfa
+"@concordium/rust-bindings@npm:^4.0.1":
+  version: 4.0.1
+  resolution: "@concordium/rust-bindings@npm:4.0.1"
+  checksum: 68a7422f62b5f725a5a61a015394715c1c59ba5372ff9071619b8a1b0f15c4a9fafb60be11dc25d20d05f32e6b27a4819fb59726cadd02e0e0995a82c019e318
   languageName: node
   linkType: hard
 
-"@concordium/web-sdk@npm:10.0.2":
-  version: 10.0.2
-  resolution: "@concordium/web-sdk@npm:10.0.2"
+"@concordium/web-sdk@npm:^12.0.1":
+  version: 12.0.1
+  resolution: "@concordium/web-sdk@npm:12.0.1"
   dependencies:
-    "@concordium/rust-bindings": ^3.3.0
-    "@grpc/grpc-js": ^1.9.4
+    "@concordium/rust-bindings": ^4.0.1
+    "@grpc/grpc-js": ^1.14.0
     "@noble/ed25519": ^2.0.0
     "@noble/hashes": ^1.3.2
     "@protobuf-ts/grpc-transport": ^2.9.1
@@ -2088,7 +2088,7 @@ __metadata:
   peerDependencies:
     "@protobuf-ts/runtime-rpc": ^2.8.2
     cbor2: ^1.12.0
-  checksum: 46d99fbda606a6550eb50ccb4be6104fd2b8764d492b886c6c19215ea4441858f12966368de81da3ade19e9dff5937d5cfac2d24fa0905c90f34dcb609291340
+  checksum: d12cfbf5d5f93cab86ae3ba99a1a794f14a93fd31a947ed3c0991e422ee25ef0dded2ba43e074f438dfcdb8ac4302d894f4ddb75f7a651937905b6ae74c88080
   languageName: node
   linkType: hard
 
@@ -2576,23 +2576,23 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@grpc/grpc-js@npm:^1.3.4":
-  version: 1.9.14
-  resolution: "@grpc/grpc-js@npm:1.9.14"
+"@grpc/grpc-js@npm:^1.14.0":
+  version: 1.14.1
+  resolution: "@grpc/grpc-js@npm:1.14.1"
   dependencies:
-    "@grpc/proto-loader": ^0.7.8
-    "@types/node": ">=12.12.47"
-  checksum: 1e0821876fc55fa1d71a674e65db6227ca398f6ff77735bd44d8d4a554fa97dcddd06e7844c3d7da37350feafd824ec88af04f0ab0e0c2e0bc8f753939935240
+    "@grpc/proto-loader": ^0.8.0
+    "@js-sdsl/ordered-map": ^4.4.2
+  checksum: 3f208c23cc985789934d806045599ad3bfa1b6fd9877151cf9af423b4d708cbb3b0cb1347a147061c6ed36470958fd522fbefbf6ae4ca8246f0860bd647f0e5e
   languageName: node
   linkType: hard
 
-"@grpc/grpc-js@npm:^1.9.4":
-  version: 1.9.5
-  resolution: "@grpc/grpc-js@npm:1.9.5"
+"@grpc/grpc-js@npm:^1.3.4":
+  version: 1.9.14
+  resolution: "@grpc/grpc-js@npm:1.9.14"
   dependencies:
     "@grpc/proto-loader": ^0.7.8
     "@types/node": ">=12.12.47"
-  checksum: 06834554a0935906652b4b9c5c71f08dd9bdcd4a00d65465c569eae770a9856ecabf7711290bf6d935a8127779c1f35d9cc8cf029693493da02864a330c78e25
+  checksum: 1e0821876fc55fa1d71a674e65db6227ca398f6ff77735bd44d8d4a554fa97dcddd06e7844c3d7da37350feafd824ec88af04f0ab0e0c2e0bc8f753939935240
   languageName: node
   linkType: hard
 
@@ -2610,6 +2610,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@grpc/proto-loader@npm:^0.8.0":
+  version: 0.8.0
+  resolution: "@grpc/proto-loader@npm:0.8.0"
+  dependencies:
+    lodash.camelcase: ^4.3.0
+    long: ^5.0.0
+    protobufjs: ^7.5.3
+    yargs: ^17.7.2
+  bin:
+    proto-loader-gen-types: build/bin/proto-loader-gen-types.js
+  checksum: 97570e2e8c29a35b999fa929acad506765e6752d3219764825fecc0ab632492b1ac2e4dd4c0a96cc2e01754d99bfa838dff0729c6608a02f7b027fd19bc1d1e4
+  languageName: node
+  linkType: hard
+
 "@humanwhocodes/config-array@npm:^0.11.11":
   version: 0.11.11
   resolution: "@humanwhocodes/config-array@npm:0.11.11"
@@ -3125,6 +3139,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@js-sdsl/ordered-map@npm:^4.4.2":
+  version: 4.4.2
+  resolution: "@js-sdsl/ordered-map@npm:4.4.2"
+  checksum: a927ae4ff8565ecb75355cc6886a4f8fadbf2af1268143c96c0cce3ba01261d241c3f4ba77f21f3f017a00f91dfe9e0673e95f830255945c80a0e96c6d30508a
+  languageName: node
+  linkType: hard
+
 "@mdx-js/react@npm:^1.6.22":
   version: 1.6.22
   resolution: "@mdx-js/react@npm:1.6.22"
@@ -13757,6 +13778,26 @@ __metadata:
   languageName: node
   linkType: hard
 
+"protobufjs@npm:^7.5.3":
+  version: 7.5.4
+  resolution: "protobufjs@npm:7.5.4"
+  dependencies:
+    "@protobufjs/aspromise": ^1.1.2
+    "@protobufjs/base64": ^1.1.2
+    "@protobufjs/codegen": ^2.0.4
+    "@protobufjs/eventemitter": ^1.1.0
+    "@protobufjs/fetch": ^1.1.0
+    "@protobufjs/float": ^1.0.2
+    "@protobufjs/inquire": ^1.1.0
+    "@protobufjs/path": ^1.1.2
+    "@protobufjs/pool": ^1.1.0
+    "@protobufjs/utf8": ^1.1.0
+    "@types/node": ">=13.7.0"
+    long: ^5.0.0
+  checksum: 53bf83b9a726b05d43da35bb990dba7536759787dccea9a67b8f31be9df470ba17f1f1b982ca19956cfc7726f3ec7e0e883ca4ad93b5ec753cc025a637fc704f
+  languageName: node
+  linkType: hard
+
 "proxy-addr@npm:~2.0.7":
   version: 2.0.7
   resolution: "proxy-addr@npm:2.0.7"
@@ -16811,7 +16852,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "wallet-api@workspace:examples/wallet-api"
   dependencies:
-    "@concordium/web-sdk": 10.0.2
+    "@concordium/web-sdk": ^12.0.1
     live-server: ^1.2.2
   languageName: unknown
   linkType: soft