@iota/dapp-kit 0.1.2 → 0.3.0

package/src/hooks/wallet/useSignPersonalMessage.ts

@@ -60,6 +60,13 @@ export function useSignPersonalMessage({
                 throw new WalletNotConnectedError('No wallet is connected.');
             }
 
+            const signPersonalMessageFeature = currentWallet.features['iota:signPersonalMessage'];
+            if (!signPersonalMessageFeature) {
+                throw new WalletFeatureNotSupportedError(
+                    "This wallet doesn't support the `signPersonalMessage` feature.",
+                );
+            }
+
             const signerAccount = signPersonalMessageArgs.account ?? currentAccount;
             if (!signerAccount) {
                 throw new WalletNoAccountSelectedError(
@@ -67,31 +74,10 @@ export function useSignPersonalMessage({
                 );
             }
 
-            const signPersonalMessageFeature = currentWallet.features['iota:signPersonalMessage'];
-            if (signPersonalMessageFeature) {
-                return await signPersonalMessageFeature.signPersonalMessage({
-                    ...signPersonalMessageArgs,
-                    account: signerAccount,
-                });
-            }
-
-            // TODO: Remove this once we officially discontinue iota:signMessage in the wallet standard
-            const signMessageFeature = currentWallet.features['iota:signMessage'];
-            if (signMessageFeature) {
-                console.warn(
-                    "This wallet doesn't support the `signPersonalMessage` feature... falling back to `signMessage`.",
-                );
-
-                const { messageBytes, signature } = await signMessageFeature.signMessage({
-                    ...signPersonalMessageArgs,
-                    account: signerAccount,
-                });
-                return { bytes: messageBytes, signature };
-            }
-
-            throw new WalletFeatureNotSupportedError(
-                "This wallet doesn't support the `signPersonalMessage` feature.",
-            );
+            return await signPersonalMessageFeature.signPersonalMessage({
+                ...signPersonalMessageArgs,
+                account: signerAccount,
+            });
         },
         ...mutationOptions,
     });

package/src/hooks/wallet/useSignTransaction.ts

@@ -0,0 +1,117 @@
+// Copyright (c) Mysten Labs, Inc.
+// Modifications Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+import type { Transaction } from '@iota/iota-sdk/transactions';
+import { signTransaction } from '@iota/wallet-standard';
+import type { SignedTransaction, IotaSignTransactionInput } from '@iota/wallet-standard';
+import type { UseMutationOptions, UseMutationResult } from '@tanstack/react-query';
+import { useMutation } from '@tanstack/react-query';
+
+import { walletMutationKeys } from '../../constants/walletMutationKeys.js';
+import {
+    WalletFeatureNotSupportedError,
+    WalletNoAccountSelectedError,
+    WalletNotConnectedError,
+} from '../../errors/walletErrors.js';
+import type { PartialBy } from '../../types/utilityTypes.js';
+import { useIotaClient } from '../useIotaClient.js';
+import { useCurrentAccount } from './useCurrentAccount.js';
+import { useCurrentWallet } from './useCurrentWallet.js';
+import { useReportTransactionEffects } from './useReportTransactionEffects.js';
+
+type UseSignTransactionArgs = PartialBy<
+    Omit<IotaSignTransactionInput, 'transaction'>,
+    'account' | 'chain'
+> & {
+    transaction: Transaction | string;
+};
+
+interface UseSignTransactionResult extends SignedTransaction {
+    reportTransactionEffects: (effects: string) => void;
+}
+
+type UseSignTransactionError =
+    | WalletFeatureNotSupportedError
+    | WalletNoAccountSelectedError
+    | WalletNotConnectedError
+    | Error;
+
+type UseSignTransactionMutationOptions = Omit<
+    UseMutationOptions<
+        UseSignTransactionResult,
+        UseSignTransactionError,
+        UseSignTransactionArgs,
+        unknown
+    >,
+    'mutationFn'
+>;
+
+/**
+ * Mutation hook for prompting the user to sign a transaction.
+ */
+export function useSignTransaction({
+    mutationKey,
+    ...mutationOptions
+}: UseSignTransactionMutationOptions = {}): UseMutationResult<
+    UseSignTransactionResult,
+    UseSignTransactionError,
+    UseSignTransactionArgs
+> {
+    const { currentWallet } = useCurrentWallet();
+    const currentAccount = useCurrentAccount();
+    const client = useIotaClient();
+
+    const { mutate: reportTransactionEffects } = useReportTransactionEffects();
+
+    return useMutation({
+        mutationKey: walletMutationKeys.signTransaction(mutationKey),
+        mutationFn: async ({ transaction, ...signTransactionArgs }) => {
+            if (!currentWallet) {
+                throw new WalletNotConnectedError('No wallet is connected.');
+            }
+
+            const signerAccount = signTransactionArgs.account ?? currentAccount;
+            if (!signerAccount) {
+                throw new WalletNoAccountSelectedError(
+                    'No wallet account is selected to sign the transaction with.',
+                );
+            }
+
+            if (!currentWallet.features['iota:signTransaction']) {
+                throw new WalletFeatureNotSupportedError(
+                    "This wallet doesn't support the `signTransaction` feature.",
+                );
+            }
+
+            const { bytes, signature } = await signTransaction(currentWallet, {
+                ...signTransactionArgs,
+                transaction: {
+                    toJSON: async () => {
+                        return typeof transaction === 'string'
+                            ? transaction
+                            : await transaction.toJSON({
+                                  supportedIntents: [],
+                                  client,
+                              });
+                    },
+                },
+                account: signerAccount,
+                chain: signTransactionArgs.chain ?? signerAccount.chains[0],
+            });
+
+            return {
+                bytes,
+                signature,
+                reportTransactionEffects: (effects) => {
+                    reportTransactionEffects({
+                        effects,
+                        account: signerAccount,
+                        chain: signTransactionArgs.chain ?? signerAccount.chains[0],
+                    });
+                },
+            };
+        },
+        ...mutationOptions,
+    });
+}

package/src/hooks/wallet/useUnsafeBurnerWallet.ts

@@ -4,15 +4,17 @@
 
 import type { IotaClient } from '@iota/iota-sdk/client';
 import { Ed25519Keypair } from '@iota/iota-sdk/keypairs/ed25519';
+import { Transaction } from '@iota/iota-sdk/transactions';
+import { toB64 } from '@iota/iota-sdk/utils';
 import type {
     StandardConnectFeature,
     StandardConnectMethod,
     StandardEventsFeature,
     StandardEventsOnMethod,
     IotaFeatures,
-    IotaSignAndExecuteTransactionBlockMethod,
+    IotaSignAndExecuteTransactionMethod,
     IotaSignPersonalMessageMethod,
-    IotaSignTransactionBlockMethod,
+    IotaSignTransactionMethod,
     Wallet,
 } from '@iota/wallet-standard';
 import { getWallets, ReadonlyWalletAccount, SUPPORTED_CHAINS } from '@iota/wallet-standard';
@@ -54,7 +56,7 @@ function registerUnsafeBurnerWallet(iotaClient: IotaClient) {
         address: keypair.getPublicKey().toIotaAddress(),
         publicKey: keypair.getPublicKey().toIotaBytes(),
         chains: ['iota:unknown'],
-        features: ['iota:signAndExecuteTransactionBlock', 'iota:signTransactionBlock'],
+        features: ['iota:signTransaction', 'iota:signAndExecuteTransaction'],
     });
 
     class UnsafeBurnerWallet implements Wallet {
@@ -70,7 +72,7 @@ function registerUnsafeBurnerWallet(iotaClient: IotaClient) {
             return 'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAJrElEQVR42tWbe2xT1x3H7UxAyD3XrdrSbGXlUbKWsq5rWdVuVOMRSEqSOmnVRZMmJqZNYv1nf3R/jWmVmVrtRRM/YwPd1nVTNcrE3pQCoikrIRAC4VVNY0hlD9ZOo1uCfe3ra9979v0dcy3s5Pper76Oh/STE+495/4+5/c85zqe2f7HAx5vKsS+monJj/CdHi/f4/HWW4f6AwdblmXjTM0NyS+movKtw9v+j6C5gKhyTMTTpA2x15Qwy+Pz75motOGdgKep8WF5ATgVZIt5NeO2wMqD0hfVGNPh3oYaYflsjG0l63PeyLCDnqbsLpZIhaRNFI+Ox+Le5KB0RybK8gDmJOkI07U4i/FhT1NDQl8Me5rUIfaDfELOJ0NsFa/SJQHm1WLsHcDqRWiy9BCL8s0N5t6UWWFVvxplejYm60hC91cNjPtzCTZsAptCVoeLP8PDDQJNCSodap6H+LtE8ZcdkvVkkD38vwDn4/Jvy4EhBhZSvRaUHiTXn31gJJxkUPoClBKKFizM+inhVA2cYIdM4HJouPvoe9s9H+KzDhyGK6KkmIqitBhww2C11rjQL2L4kgUwFxk8yPyzauUA3Pk/353XnA6zKbKCaQ2UlMvJF6W5uF5F8yHfZWZpC9HRmBziaEpm1bpY9XvhxuWJRldC7Mt03WlZwpjnkZUNa2DMG2EaPj9MGd2l2mofd0hQ7ZSopsXckHxVCUp32fXGdD0ZktrgFUmMqwhcWFjp87RArsD+9bn585IRaSHAKgBL3SZwOTRc8BKg7yYoskp5OJDiiPmF2Sj7ox0siYJ7lJA04EqvzZ9B1xSVt6PlW0IxZgUMJdZYAJuWngLQt9IRuZXmoTEkmci8ZtTXTViUKyasA9FRun5d8z6bfw0gYWm9mmCXxZatQgxfC7I2NVpRYQOxKWppLs4mcgn5NcibgL1K40xYp8CYY5TXEpjcb3LAJ0OZyyg3+2nySm6fjEtzkEz+7VBx3RTb+60z9dma7pkvwO2QQL5HzTtAdpKF7euw/HuzfrosBHy+ZsBimzbQshjWTVMDgez53B5MbjcGbr1ZjdUJOM5O0SLXzJ2R+uOA1dMAVoLsm5zb73JSId8t8Aa1LsAJdoTCrCaw6e3NC2DdFMUXWRg173mysJNOSUNskUJ1cOlXa2LhcbgmSszXYSn9hl3KSxTDjrZ2cbbfbWDyumsh9m3e7zCG7a3ETt+gtI7fx6lEOanZKDVvuA2cjYmt5xNOd2Louz3IQ12UZ2Zo3lkb9cDlvSs6m4Vk5Yqlabs0B97wT7PUuCXQz0Bnt9QxMPTW4iwBtmUlY8hFsHJPlzcQ1xuG75CVK1kXofCUGnU9fg1aVD7kfE9MoabtYkcAvIUYS2op3Hc3TTrDQzIAeojugTVLFolWDR6wFPtY0R66n6HltwjCIawnE2ymresk9NtN+pfUUi0mX6RJLfrh9zMRaRPOqubSA8W2MNzC0mHpK7j2ruuw5mYkxl5+2+HGQeg4yNYg7vNg+xMxFsuRMuiTsRJZG3cysAl4D9n4aC4un8L9qUyVvbCyYwFXX1nGUxFf1cCiEQqy75O+TpMwYKNKSPQUqhLyyWLsRbESLctx0YnixgfphRWA8pOPc+N4F9d+eV9V4OlCX/As5w5g+wtGhJGukp5go2R3D7EW9rSDcnGL56YgJHj+8GcFND/Vy41jj/H0jxc6HU/AA2QlR01UlH3D7CmITQnJq4lVWBi1yl8XYEh278c5H++F+Iui7r7bYR8tH/gbqoJN7fVODUhLYVVxzmYCEyOxFg7RUVa0egCHZZ55eRHnp/tKgMna6s/bbMdTxZgMzl9CCcmq7k690OzDfaeSN4QcsREjsQpgXHwyWyfg9K5WE7hc6JqTWjyihObfygOFOkv6i5K5TZx8LsL1sVS4NL8ItiB7sgAcEKcWHfUCVhK3kUVnBNbfXIs4l5xAv5sJs234eTUy93L0Au2otQOw5ORMyfQ6WwexFupVSHowG6uThXfebmlhWojMS3fazmMeGxEI6S2SUti6RAo2vKohVuH3qUG5FWm/PjH8kzutgSH5g58xrVwzIbZkxHf7OFjFC+wrMDXcpOqOKX/g01U/XPvVJyxdWsiJblqYmnZoWbDxAcR56X5WPuh4ewcL5PY9JBRUYjc7fzjG6Uc3mHBWbg23X1BLaFHOSnrw4bWiNAXSEWcWRntIignXTP/oDsfKZX66mMbZAPfhviU1AyYmJLYAMZa/QXjUSeIiixpj3UUFtd884KytjN7EjdGNNMbWwtlf3FvbQ4OQtIoYSzbxqVDLXMTxP8jnnbiyKcaJLvueGLD6kXW2sKZov1tpn7hwXf3ZUvq0K2FXOM7Op/Xgb6PhxsWIErYGVuK3WGXWkkwMMZVCVl5kWtax5A6usgemvnx4DelUcYcFC0eIbcbXKzggeyBjeXIhkftaKknJKLtnuSg7KmKQsrH+1nqbmLWY6w/tBGy/8xrruR5SM99LLIjfT/4ZbNZnQEPssIVb21rKTGRIPDagNoLdFMKgcuLc/TF6Bulk6c7ovg4TU+XvS6FNw1tDfVqH9MOPmBDui0hcK6wz744FlDjNe0m3aVldJYagtI6YbF+3ZGPsQHlN1vbeh8lJofqJ+uo9Zi4wXZxKFiXKGxbHT7pNq71oNg4Qi6MviE0FpRVqjGXILYoJ4tCjdYU1rWeMdPLc/ochj3B9pGNGL4NupGPRlUl35KMVxFLNO6ZnxYlBsUPqoMkbUqAb6VhMVKQ7MVT1dYdrL8hzEAcjpmvjHKphgaFb0ZVJZw7dwVD9q5fkgPTRbBxnzmGfgRLQsMCkG+moQdcp6GzzZsL2MGyllvBNGWM9RqMCk26kI7aBK526csVShZTfzid6FEzeiNAGP92jpCPQEbrW7EW5MbZxAz/fN9lg0IbQaaxrQ83/VoKPb/HqJx67Hw+43CDQBPsX0gm6ufXNvH4vP9rZapzx7+Nn+oxZAjfo2caZ3n350c5W6FSEdQ86sNarj3c/jRV+H42AXsdGRBfPPIlnb/mUtxzWXfALn/PmRze2Gud6E/xsXwYtnlsWN8Tc5/oyxjn/jvyJrlY82xLUfWuPr/TqxzuXQZkIP9M7CXiyuP4B4WmsTnNhzinjrD+WO9bRhmdZWLXe4EKRtV5tpN3Hx3s2G+d79/MJf4qff0LnE72kfFEs4ITQvWLMab8C131dP9n9Je1Yx000Nz2jAf+UJwCBchc3NvGR1Qx71XXY2Ww1Jvx7YalzAPkX9rp5E5Z+pv+ja8bE43uN491b9dHO9Xx4lUxziLn21Nai/wXWM6t9vkvtrwAAAABJRU5ErkJggg==' as const;
         }
 
-        // Return the Iota chains that your wallet supports.
+        // Return the IOTA chains that your wallet supports.
         get chains() {
             return SUPPORTED_CHAINS;
         }
@@ -93,13 +95,13 @@ function registerUnsafeBurnerWallet(iotaClient: IotaClient) {
                     version: '1.0.0',
                     signPersonalMessage: this.#signPersonalMessage,
                 },
-                'iota:signTransactionBlock': {
-                    version: '1.0.0',
-                    signTransactionBlock: this.#signTransactionBlock,
+                'iota:signTransaction': {
+                    version: '2.0.0',
+                    signTransaction: this.#signTransaction,
                 },
-                'iota:signAndExecuteTransactionBlock': {
-                    version: '1.0.0',
-                    signAndExecuteTransactionBlock: this.#signAndExecuteTransactionBlock,
+                'iota:signAndExecuteTransaction': {
+                    version: '2.0.0',
+                    signAndExecuteTransaction: this.#signAndExecuteTransaction,
                 },
             };
         }
@@ -117,27 +119,48 @@ function registerUnsafeBurnerWallet(iotaClient: IotaClient) {
             return { bytes, signature };
         };
 
-        #signTransactionBlock: IotaSignTransactionBlockMethod = async (transactionInput) => {
-            const { bytes, signature } = await transactionInput.transactionBlock.sign({
+        #signTransaction: IotaSignTransactionMethod = async (transactionInput) => {
+            const { bytes, signature } = await Transaction.from(
+                await transactionInput.transaction.toJSON(),
+            ).sign({
                 client: iotaClient,
                 signer: keypair,
             });
 
+            transactionInput.signal?.throwIfAborted();
+
             return {
-                transactionBlockBytes: bytes,
+                bytes,
                 signature: signature,
             };
         };
 
-        #signAndExecuteTransactionBlock: IotaSignAndExecuteTransactionBlockMethod = async (
+        #signAndExecuteTransaction: IotaSignAndExecuteTransactionMethod = async (
             transactionInput,
         ) => {
-            return await iotaClient.signAndExecuteTransactionBlock({
+            const { bytes, signature } = await Transaction.from(
+                await transactionInput.transaction.toJSON(),
+            ).sign({
+                client: iotaClient,
                 signer: keypair,
-                transactionBlock: transactionInput.transactionBlock,
-                options: transactionInput.options,
-                requestType: transactionInput.requestType,
             });
+
+            transactionInput.signal?.throwIfAborted();
+
+            const { rawEffects, digest } = await iotaClient.executeTransactionBlock({
+                signature,
+                transactionBlock: bytes,
+                options: {
+                    showRawEffects: true,
+                },
+            });
+
+            return {
+                bytes,
+                signature,
+                digest,
+                effects: toB64(new Uint8Array(rawEffects!)),
+            };
         };
     }
 

package/src/hooks/wallet/useWalletsChanged.ts

@@ -14,21 +14,22 @@ import { useWalletStore } from './useWalletStore.js';
  */
 export function useWalletsChanged(
     preferredWallets: string[],
-    requiredFeatures: (keyof WalletWithRequiredFeatures['features'])[],
+    walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean,
 ) {
     const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);
     const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);
 
     useEffect(() => {
         const walletsApi = getWallets();
+        setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));
 
         const unsubscribeFromRegister = walletsApi.on('register', () => {
-            setWalletRegistered(getRegisteredWallets(preferredWallets, requiredFeatures));
+            setWalletRegistered(getRegisteredWallets(preferredWallets, walletFilter));
         });
 
         const unsubscribeFromUnregister = walletsApi.on('unregister', (unregisteredWallet) => {
             setWalletUnregistered(
-                getRegisteredWallets(preferredWallets, requiredFeatures),
+                getRegisteredWallets(preferredWallets, walletFilter),
                 unregisteredWallet,
             );
         });
@@ -37,5 +38,5 @@ export function useWalletsChanged(
             unsubscribeFromRegister();
             unsubscribeFromUnregister();
         };
-    }, [preferredWallets, requiredFeatures, setWalletRegistered, setWalletUnregistered]);
+    }, [preferredWallets, walletFilter, setWalletRegistered, setWalletUnregistered]);
 }

package/src/index.ts

@@ -7,7 +7,6 @@ export * from './components/ConnectButton.js';
 export * from './components/IotaClientProvider.js';
 export * from './components/WalletProvider.js';
 export * from './hooks/networkConfig.js';
-export * from './hooks/useResolveIotaNSNames.js';
 export * from './hooks/useIotaClient.js';
 export * from './hooks/useIotaClientInfiniteQuery.js';
 export * from './hooks/useIotaClientMutation.js';
@@ -19,12 +18,14 @@ export * from './hooks/wallet/useConnectWallet.js';
 export * from './hooks/wallet/useCurrentAccount.js';
 export * from './hooks/wallet/useCurrentWallet.js';
 export * from './hooks/wallet/useDisconnectWallet.js';
-export * from './hooks/wallet/useSignAndExecuteTransactionBlock.js';
+export * from './hooks/wallet/useSignAndExecuteTransaction.js';
 export * from './hooks/wallet/useSignPersonalMessage.js';
-export * from './hooks/wallet/useSignTransactionBlock.js';
+export * from './hooks/wallet/useSignTransaction.js';
+export * from './hooks/wallet/useReportTransactionEffects.js';
 export * from './hooks/wallet/useSwitchAccount.js';
 export * from './hooks/wallet/useWallets.js';
 export * from './themes/lightTheme.js';
+export * from './themes/darkTheme.js';
 export * from './types.js';
 
 export type { Theme, ThemeVars, DynamicTheme } from './themes/themeContract.js';

package/src/themes/darkTheme.ts

@@ -0,0 +1,69 @@
+// Copyright (c) Mysten Labs, Inc.
+// Modifications Copyright (c) 2024 IOTA Stiftung
+// SPDX-License-Identifier: Apache-2.0
+
+import type { ThemeVars } from './themeContract.js';
+
+export const darkTheme: ThemeVars = {
+    blurs: {
+        modalOverlay: 'blur(12px)',
+    },
+    backgroundColors: {
+        primaryButton: '#253041',
+        primaryButtonHover: '#313D50',
+        outlineButtonHover: '#313D50',
+        modalOverlay: 'rgba(0, 47, 109, 0.72)',
+        modalPrimary: '#0f141c',
+        modalSecondary: '#171d26',
+        iconButton: 'transparent',
+        dropdownMenu: '#0f141c',
+        dropdownMenuSeparator: '#bed8ff14',
+        walletItemSelected: '#171D26',
+        walletItemHover: 'rgba(190, 216, 255, 0.12)',
+        scrollThumb: '#3c4656',
+    },
+    borderColors: {
+        outlineButton: '#8892A1',
+    },
+    colors: {
+        primaryButton: '#E3EAF6',
+        outlineButtonHover: '#171D26',
+        iconButton: '#E3EAF6',
+        body: '#E3EAF6',
+        bodyMuted: '#8892A1',
+        bodyDanger: '#FFB0BE',
+    },
+    radii: {
+        small: '6px',
+        medium: '8px',
+        large: '12px',
+        xlarge: '16px',
+        full: '120px',
+    },
+    fontWeights: {
+        normal: '400',
+        medium: '500',
+        bold: '600',
+    },
+    fontSizes: {
+        small: '14px',
+        medium: '16px',
+        large: '18px',
+        xlarge: '20px',
+    },
+    typography: {
+        fontFamily:
+            'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"',
+        fontStyle: 'normal',
+        lineHeight: '24px',
+        letterSpacing: '0.1px',
+    },
+    spacing: {
+        xxsmall: '4px',
+        xsmall: '8px',
+        small: '12px',
+        medium: '16px',
+        large: '24px',
+        xlarge: '32px',
+    },
+};

package/src/themes/lightTheme.ts

@@ -16,18 +16,18 @@ export const lightTheme: ThemeVars = {
         modalPrimary: 'white',
         modalSecondary: '#F7F8F8',
         iconButton: 'transparent',
-        iconButtonHover: '#F0F1F2',
         dropdownMenu: '#FFFFFF',
         dropdownMenuSeparator: '#F3F6F8',
         walletItemSelected: 'white',
         walletItemHover: '#3C424226',
+        scrollThumb: '#cad4e2',
     },
     borderColors: {
         outlineButton: '#E4E4E7',
     },
     colors: {
         primaryButton: '#373737',
-        outlineButton: '#373737',
+        outlineButtonHover: '#373737',
         iconButton: '#000000',
         body: '#182435',
         bodyMuted: '#767A81',
@@ -38,10 +38,7 @@ export const lightTheme: ThemeVars = {
         medium: '8px',
         large: '12px',
         xlarge: '16px',
-    },
-    shadows: {
-        primaryButton: '0px 4px 12px rgba(0, 0, 0, 0.1)',
-        walletItemSelected: '0px 2px 6px rgba(0, 0, 0, 0.05)',
+        full: '120px',
     },
     fontWeights: {
         normal: '400',
@@ -61,4 +58,12 @@ export const lightTheme: ThemeVars = {
         lineHeight: '1.3',
         letterSpacing: '1',
     },
+    spacing: {
+        xxsmall: '4px',
+        xsmall: '8px',
+        small: '12px',
+        medium: '16px',
+        large: '24px',
+        xlarge: '32px',
+    },
 };

package/src/themes/themeContract.ts

@@ -18,16 +18,16 @@ const themeContractValues = {
         modalPrimary: '',
         modalSecondary: '',
         iconButton: '',
-        iconButtonHover: '',
         dropdownMenu: '',
         dropdownMenuSeparator: '',
+        scrollThumb: '',
     },
     borderColors: {
         outlineButton: '',
     },
     colors: {
         primaryButton: '',
-        outlineButton: '',
+        outlineButtonHover: '',
         body: '',
         bodyMuted: '',
         bodyDanger: '',
@@ -38,10 +38,7 @@ const themeContractValues = {
         medium: '',
         large: '',
         xlarge: '',
-    },
-    shadows: {
-        primaryButton: '',
-        walletItemSelected: '',
+        full: '',
     },
     fontWeights: {
         normal: '',
@@ -60,6 +57,14 @@ const themeContractValues = {
         lineHeight: '',
         letterSpacing: '',
     },
+    spacing: {
+        xxsmall: '',
+        xsmall: '',
+        small: '',
+        medium: '',
+        large: '',
+        xlarge: '',
+    },
 };
 
 export type ThemeVars = typeof themeContractValues;

package/src/types.ts

@@ -2,5 +2,5 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-export type { SignedPersonalMessage, SignedTransactionBlock } from '@iota/wallet-standard';
+export type { SignedPersonalMessage, SignedTransaction } from '@iota/wallet-standard';
 export type { ThemeVars } from './themes/themeContract.js';

package/src/utils/walletUtils.ts

@@ -2,19 +2,24 @@
 // Modifications Copyright (c) 2024 IOTA Stiftung
 // SPDX-License-Identifier: Apache-2.0
 
-import type { MinimallyRequiredFeatures, Wallet, WalletWithFeatures } from '@iota/wallet-standard';
+import type {
+    MinimallyRequiredFeatures,
+    Wallet,
+    WalletWithFeatures,
+    WalletWithRequiredFeatures,
+} from '@iota/wallet-standard';
 import { getWallets, isWalletWithRequiredFeatureSet } from '@iota/wallet-standard';
 
 export function getRegisteredWallets<AdditionalFeatures extends Wallet['features']>(
     preferredWallets: string[],
-    requiredFeatures?: (keyof AdditionalFeatures)[],
+    walletFilter?: (wallet: WalletWithRequiredFeatures) => boolean,
 ) {
     const walletsApi = getWallets();
     const wallets = walletsApi.get();
 
     const iotaWallets = wallets.filter(
         (wallet): wallet is WalletWithFeatures<MinimallyRequiredFeatures & AdditionalFeatures> =>
-            isWalletWithRequiredFeatureSet(wallet, requiredFeatures),
+            isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet)),
     );
 
     return [

package/src/walletStore.ts

@@ -18,6 +18,7 @@ export type WalletActions = {
         wallet: WalletWithRequiredFeatures,
         connectedAccounts: readonly WalletAccount[],
         selectedAccount: WalletAccount | null,
+        supportedIntents?: string[],
     ) => void;
     updateWalletAccounts: (accounts: readonly WalletAccount[]) => void;
     setWalletDisconnected: () => void;
@@ -39,6 +40,7 @@ export type StoreState = {
     lastConnectedAccountAddress: string | null;
     lastConnectedWalletName: string | null;
     connectionStatus: WalletConnectionStatus;
+    supportedIntents: string[];
 } & WalletActions;
 
 type WalletConfiguration = {
@@ -65,12 +67,18 @@ export function createWalletStore({
                 lastConnectedAccountAddress: null,
                 lastConnectedWalletName: null,
                 connectionStatus: 'disconnected',
+                supportedIntents: [],
                 setConnectionStatus(connectionStatus) {
                     set(() => ({
                         connectionStatus,
                     }));
                 },
-                setWalletConnected(wallet, connectedAccounts, selectedAccount) {
+                setWalletConnected(
+                    wallet,
+                    connectedAccounts,
+                    selectedAccount,
+                    supportedIntents = [],
+                ) {
                     set(() => ({
                         accounts: connectedAccounts,
                         currentWallet: wallet,
@@ -78,6 +86,7 @@ export function createWalletStore({
                         lastConnectedWalletName: getWalletUniqueIdentifier(wallet),
                         lastConnectedAccountAddress: selectedAccount?.address,
                         connectionStatus: 'connected',
+                        supportedIntents,
                     }));
                 },
                 setWalletDisconnected() {
@@ -88,6 +97,7 @@ export function createWalletStore({
                         lastConnectedWalletName: null,
                         lastConnectedAccountAddress: null,
                         connectionStatus: 'disconnected',
+                        supportedIntents: [],
                     }));
                 },
                 setAccountSwitched(selectedAccount) {
@@ -109,6 +119,7 @@ export function createWalletStore({
                             lastConnectedWalletName: null,
                             lastConnectedAccountAddress: null,
                             connectionStatus: 'disconnected',
+                            supportedIntents: [],
                         }));
                     } else {
                         set(() => ({ wallets: updatedWallets }));

package/dist/cjs/hooks/useResolveIotaNSNames.d.ts

@@ -1,3 +0,0 @@
-import type { ResolvedNameServiceNames } from '@iota/iota-sdk/client';
-import type { UseQueryOptions, UseQueryResult } from '@tanstack/react-query';
-export declare function useResolveIotaNSName(address?: string | null, options?: Omit<UseQueryOptions<ResolvedNameServiceNames, Error, string | null, unknown[]>, 'queryFn' | 'queryKey' | 'select'>): UseQueryResult<string | null, Error>;