@iota/dapp-kit 0.2.0 → 0.3.0

package/dist/esm/components/WalletProvider.js

@@ -1,16 +1,9 @@
-var __accessCheck = (obj, member, msg) => {
-  if (!member.has(obj))
-    throw TypeError("Cannot " + msg);
-};
-var __privateGet = (obj, member, getter) => {
-  __accessCheck(obj, member, "read from private field");
-  return getter ? getter.call(obj) : member.get(obj);
-};
-var __privateAdd = (obj, member, value) => {
-  if (member.has(obj))
-    throw TypeError("Cannot add the same private member more than once");
-  member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var __typeError = (msg) => {
+  throw TypeError(msg);
 };
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 
 // src/components/WalletProvider.tsx
 import { useRef } from "react";
@@ -32,12 +25,11 @@ function createInMemoryStore() {
 }
 
 // src/constants/walletDefaults.ts
-var IOTA_WALLET_NAME = "Iota Wallet";
+var IOTA_WALLET_NAME = "IOTA Wallet";
 var DEFAULT_STORAGE = typeof window !== "undefined" && window.localStorage ? localStorage : createInMemoryStore();
 var DEFAULT_STORAGE_KEY = "iota-dapp-kit:wallet-connection-info";
-var DEFAULT_REQUIRED_FEATURES = [
-  "iota:signTransactionBlock"
-];
+var SIGN_FEATURES = ["iota:signTransaction"];
+var DEFAULT_WALLET_FILTER = (wallet) => SIGN_FEATURES.some((feature) => wallet.features[feature]);
 var DEFAULT_PREFERRED_WALLETS = [IOTA_WALLET_NAME];
 var WALLET_CHROME_EXTENSION_ID = "TODO";
 var WALLET_DOWNLOAD_URL = "https://chromewebstore.google.com/detail/" + WALLET_CHROME_EXTENSION_ID;
@@ -52,11 +44,11 @@ import { useLayoutEffect, useState } from "react";
 
 // src/utils/walletUtils.ts
 import { getWallets, isWalletWithRequiredFeatureSet } from "@iota/wallet-standard";
-function getRegisteredWallets(preferredWallets, requiredFeatures) {
+function getRegisteredWallets(preferredWallets, walletFilter) {
   const walletsApi = getWallets();
   const wallets = walletsApi.get();
   const iotaWallets = wallets.filter(
-    (wallet) => isWalletWithRequiredFeatureSet(wallet, requiredFeatures)
+    (wallet) => isWalletWithRequiredFeatureSet(wallet) && (!walletFilter || walletFilter(wallet))
   );
   return [
     // Preferred wallets, in order:
@@ -80,9 +72,10 @@ var walletMutationKeys = {
   autoconnectWallet: formMutationKeyFn("autoconnect-wallet"),
   disconnectWallet: formMutationKeyFn("disconnect-wallet"),
   signPersonalMessage: formMutationKeyFn("sign-personal-message"),
-  signTransactionBlock: formMutationKeyFn("sign-transaction-block"),
-  signAndExecuteTransactionBlock: formMutationKeyFn("sign-and-execute-transaction-block"),
-  switchAccount: formMutationKeyFn("switch-account")
+  signTransaction: formMutationKeyFn("sign-transaction"),
+  signAndExecuteTransaction: formMutationKeyFn("sign-and-execute-transaction"),
+  switchAccount: formMutationKeyFn("switch-account"),
+  reportTransactionEffects: formMutationKeyFn("report-transaction-effects")
 };
 function formMutationKeyFn(baseEntity) {
   return function mutationKeyFn(additionalKeys = []) {
@@ -120,7 +113,12 @@ function useConnectWallet({
           (account) => account.chains.some(isSupportedChain)
         );
         const selectedAccount = getSelectedAccount(connectedIotaAccounts, accountAddress);
-        setWalletConnected(wallet, connectedIotaAccounts, selectedAccount);
+        setWalletConnected(
+          wallet,
+          connectedIotaAccounts,
+          selectedAccount,
+          connectResult.supportedIntents
+        );
         return { accounts: connectedIotaAccounts };
       } catch (error) {
         setConnectionStatus("disconnected");
@@ -147,6 +145,7 @@ function getSelectedAccount(connectedAccounts, accountAddress) {
 function useCurrentWallet() {
   const currentWallet = useWalletStore((state) => state.currentWallet);
   const connectionStatus = useWalletStore((state) => state.connectionStatus);
+  const supportedIntents = useWalletStore((state) => state.supportedIntents);
   switch (connectionStatus) {
     case "connecting":
       return {
@@ -154,7 +153,8 @@ function useCurrentWallet() {
         currentWallet: null,
         isDisconnected: false,
         isConnecting: true,
-        isConnected: false
+        isConnected: false,
+        supportedIntents: []
       };
     case "disconnected":
       return {
@@ -162,7 +162,8 @@ function useCurrentWallet() {
         currentWallet: null,
         isDisconnected: true,
         isConnecting: false,
-        isConnected: false
+        isConnected: false,
+        supportedIntents: []
       };
     case "connected": {
       return {
@@ -170,7 +171,8 @@ function useCurrentWallet() {
         currentWallet,
         isDisconnected: false,
         isConnecting: false,
-        isConnected: true
+        isConnected: true,
+        supportedIntents
       };
     }
   }
@@ -256,6 +258,8 @@ function useAutoConnectWallet() {
 
 // src/hooks/wallet/useUnsafeBurnerWallet.ts
 import { Ed25519Keypair } from "@iota/iota-sdk/keypairs/ed25519";
+import { Transaction } from "@iota/iota-sdk/transactions";
+import { toB64 } from "@iota/iota-sdk/utils";
 import { getWallets as getWallets2, ReadonlyWalletAccount, SUPPORTED_CHAINS } from "@iota/wallet-standard";
 import { useEffect } from "react";
 
@@ -298,7 +302,7 @@ function useUnsafeBurnerWallet(enabled) {
   }, [enabled, iotaClient]);
 }
 function registerUnsafeBurnerWallet(iotaClient) {
-  var _on, _connect, _signPersonalMessage, _signTransactionBlock, _signAndExecuteTransactionBlock;
+  var _on, _connect, _signPersonalMessage, _signTransaction, _signAndExecuteTransaction;
   const walletsApi = getWallets2();
   const registeredWallets = walletsApi.get();
   if (registeredWallets.find((wallet) => wallet.name === WALLET_NAME)) {
@@ -315,7 +319,7 @@ function registerUnsafeBurnerWallet(iotaClient) {
     address: keypair.getPublicKey().toIotaAddress(),
     publicKey: keypair.getPublicKey().toIotaBytes(),
     chains: ["iota:unknown"],
-    features: ["iota:signAndExecuteTransactionBlock", "iota:signTransactionBlock"]
+    features: ["iota:signTransaction", "iota:signAndExecuteTransaction"]
   });
   class UnsafeBurnerWallet {
     constructor() {
@@ -330,23 +334,40 @@ function registerUnsafeBurnerWallet(iotaClient) {
         const { bytes, signature } = await keypair.signPersonalMessage(messageInput.message);
         return { bytes, signature };
       });
-      __privateAdd(this, _signTransactionBlock, async (transactionInput) => {
-        const { bytes, signature } = await transactionInput.transactionBlock.sign({
+      __privateAdd(this, _signTransaction, 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
         };
       });
-      __privateAdd(this, _signAndExecuteTransactionBlock, async (transactionInput) => {
-        return await iotaClient.signAndExecuteTransactionBlock({
-          signer: keypair,
-          transactionBlock: transactionInput.transactionBlock,
-          options: transactionInput.options,
-          requestType: transactionInput.requestType
+      __privateAdd(this, _signAndExecuteTransaction, async (transactionInput) => {
+        const { bytes, signature } = await Transaction.from(
+          await transactionInput.transaction.toJSON()
+        ).sign({
+          client: iotaClient,
+          signer: keypair
+        });
+        transactionInput.signal?.throwIfAborted();
+        const { rawEffects, digest } = await iotaClient.executeTransactionBlock({
+          signature,
+          transactionBlock: bytes,
+          options: {
+            showRawEffects: true
+          }
         });
+        return {
+          bytes,
+          signature,
+          digest,
+          effects: toB64(new Uint8Array(rawEffects))
+        };
       });
     }
     get version() {
@@ -358,7 +379,7 @@ function registerUnsafeBurnerWallet(iotaClient) {
     get icon() {
       return "data:image/png;base64,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";
     }
-    // Return the Iota chains that your wallet supports.
+    // Return the IOTA chains that your wallet supports.
     get chains() {
       return SUPPORTED_CHAINS;
     }
@@ -379,13 +400,13 @@ function registerUnsafeBurnerWallet(iotaClient) {
           version: "1.0.0",
           signPersonalMessage: __privateGet(this, _signPersonalMessage)
         },
-        "iota:signTransactionBlock": {
-          version: "1.0.0",
-          signTransactionBlock: __privateGet(this, _signTransactionBlock)
+        "iota:signTransaction": {
+          version: "2.0.0",
+          signTransaction: __privateGet(this, _signTransaction)
         },
-        "iota:signAndExecuteTransactionBlock": {
-          version: "1.0.0",
-          signAndExecuteTransactionBlock: __privateGet(this, _signAndExecuteTransactionBlock)
+        "iota:signAndExecuteTransaction": {
+          version: "2.0.0",
+          signAndExecuteTransaction: __privateGet(this, _signAndExecuteTransaction)
         }
       };
     }
@@ -393,8 +414,8 @@ function registerUnsafeBurnerWallet(iotaClient) {
   _on = new WeakMap();
   _connect = new WeakMap();
   _signPersonalMessage = new WeakMap();
-  _signTransactionBlock = new WeakMap();
-  _signAndExecuteTransactionBlock = new WeakMap();
+  _signTransaction = new WeakMap();
+  _signAndExecuteTransaction = new WeakMap();
   return walletsApi.register(new UnsafeBurnerWallet());
 }
 
@@ -419,17 +440,18 @@ function useWalletPropertiesChanged() {
 // src/hooks/wallet/useWalletsChanged.ts
 import { getWallets as getWallets3 } from "@iota/wallet-standard";
 import { useEffect as useEffect3 } from "react";
-function useWalletsChanged(preferredWallets, requiredFeatures) {
+function useWalletsChanged(preferredWallets, walletFilter) {
   const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);
   const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);
   useEffect3(() => {
     const walletsApi = getWallets3();
+    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
       );
     });
@@ -437,38 +459,38 @@ function useWalletsChanged(preferredWallets, requiredFeatures) {
       unsubscribeFromRegister();
       unsubscribeFromUnregister();
     };
-  }, [preferredWallets, requiredFeatures, setWalletRegistered, setWalletUnregistered]);
+  }, [preferredWallets, walletFilter, setWalletRegistered, setWalletUnregistered]);
 }
 
 // src/themes/lightTheme.ts
 var lightTheme = {
   blurs: {
-    modalOverlay: "blur(12px)"
+    modalOverlay: "blur(0)"
   },
   backgroundColors: {
-    primaryButton: "#DDE4F0",
-    primaryButtonHover: "#002F6D14",
-    outlineButtonHover: "#002F6D14",
-    modalOverlay: "rgba(0, 47, 109, 0.72)",
-    modalPrimary: "#ffffff",
-    modalSecondary: "#e3eaf6",
+    primaryButton: "#F6F7F9",
+    primaryButtonHover: "#F0F2F5",
+    outlineButtonHover: "#F4F4F5",
+    modalOverlay: "rgba(24 36 53 / 20%)",
+    modalPrimary: "white",
+    modalSecondary: "#F7F8F8",
     iconButton: "transparent",
     dropdownMenu: "#FFFFFF",
-    dropdownMenuSeparator: "#002f6d14",
-    walletItemSelected: "#EFF4FA",
-    walletItemHover: "rgba(0, 103, 238, 0.12)",
+    dropdownMenuSeparator: "#F3F6F8",
+    walletItemSelected: "white",
+    walletItemHover: "#3C424226",
     scrollThumb: "#cad4e2"
   },
   borderColors: {
-    outlineButton: "#6E7787"
+    outlineButton: "#E4E4E7"
   },
   colors: {
-    primaryButton: "#171D26",
-    outlineButtonHover: "#E3EAF6",
-    iconButton: "#171D26",
-    body: "#171D26",
-    bodyMuted: "#545E6E",
-    bodyDanger: "#B51431"
+    primaryButton: "#373737",
+    outlineButtonHover: "#373737",
+    iconButton: "#000000",
+    body: "#182435",
+    bodyMuted: "#767A81",
+    bodyDanger: "#FF794B"
   },
   radii: {
     small: "6px",
@@ -491,8 +513,8 @@ var lightTheme = {
   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"
+    lineHeight: "1.3",
+    letterSpacing: "1"
   },
   spacing: {
     xxsmall: "4px",
@@ -524,19 +546,21 @@ 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,
             currentAccount: selectedAccount,
             lastConnectedWalletName: getWalletUniqueIdentifier(wallet),
             lastConnectedAccountAddress: selectedAccount?.address,
-            connectionStatus: "connected"
+            connectionStatus: "connected",
+            supportedIntents
           }));
         },
         setWalletDisconnected() {
@@ -546,7 +570,8 @@ function createWalletStore({
             currentAccount: null,
             lastConnectedWalletName: null,
             lastConnectedAccountAddress: null,
-            connectionStatus: "disconnected"
+            connectionStatus: "disconnected",
+            supportedIntents: []
           }));
         },
         setAccountSwitched(selectedAccount) {
@@ -567,7 +592,8 @@ function createWalletStore({
               currentAccount: null,
               lastConnectedWalletName: null,
               lastConnectedAccountAddress: null,
-              connectionStatus: "disconnected"
+              connectionStatus: "disconnected",
+              supportedIntents: []
             }));
           } else {
             set(() => ({ wallets: updatedWallets }));
@@ -679,6 +705,8 @@ function InjectedThemeStyles({ theme }) {
   return /* @__PURE__ */ jsx2(
     "style",
     {
+      precedence: "default",
+      href: "iota-dapp-kit-theme",
       dangerouslySetInnerHTML: {
         __html: themeStyles
       }
@@ -699,95 +727,22 @@ function cssStringFromTheme(theme) {
   return Object.entries(assignInlineVars(themeVars, theme)).map(([key, value]) => `${key}:${value};`).join("");
 }
 
-// src/themes/darkTheme.ts
-var darkTheme = {
-  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"
-  }
-};
-
 // src/components/WalletProvider.tsx
 import { jsx as jsx3, jsxs } from "react/jsx-runtime";
-var themeWithSelectorAndMediaQuery = [
-  {
-    selector: ".dark",
-    variables: darkTheme
-  },
-  {
-    variables: lightTheme
-  }
-];
 function WalletProvider({
   preferredWallets = DEFAULT_PREFERRED_WALLETS,
-  requiredFeatures = DEFAULT_REQUIRED_FEATURES,
+  walletFilter = DEFAULT_WALLET_FILTER,
   storage = DEFAULT_STORAGE,
   storageKey = DEFAULT_STORAGE_KEY,
   enableUnsafeBurner = false,
   autoConnect = false,
-  theme = themeWithSelectorAndMediaQuery,
+  theme = lightTheme,
   children
 }) {
   const storeRef = useRef(
     createWalletStore({
       autoConnectEnabled: autoConnect,
-      wallets: getRegisteredWallets(preferredWallets, requiredFeatures),
+      wallets: getRegisteredWallets(preferredWallets, walletFilter),
       storage: storage || createInMemoryStore(),
       storageKey
     })
@@ -796,7 +751,7 @@ function WalletProvider({
     WalletConnectionManager,
     {
       preferredWallets,
-      requiredFeatures,
+      walletFilter,
       enableUnsafeBurner,
       children: [
         theme ? /* @__PURE__ */ jsx3(InjectedThemeStyles, { theme }) : null,
@@ -807,11 +762,11 @@ function WalletProvider({
 }
 function WalletConnectionManager({
   preferredWallets = DEFAULT_PREFERRED_WALLETS,
-  requiredFeatures = DEFAULT_REQUIRED_FEATURES,
+  walletFilter = DEFAULT_WALLET_FILTER,
   enableUnsafeBurner = false,
   children
 }) {
-  useWalletsChanged(preferredWallets, requiredFeatures);
+  useWalletsChanged(preferredWallets, walletFilter);
   useWalletPropertiesChanged();
   useUnsafeBurnerWallet(enableUnsafeBurner);
   useAutoConnectWallet();