@iota/dapp-kit 0.1.2 → 0.3.0

package/dist/cjs/components/WalletProvider.js

@@ -3,6 +3,9 @@ var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -16,19 +19,9 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-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 __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
 var WalletProvider_exports = {};
@@ -55,13 +48,14 @@ 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;
 
 // src/contexts/walletContext.ts
 var import_react = require("react");
@@ -73,11 +67,11 @@ var import_react3 = require("react");
 
 // src/utils/walletUtils.ts
 var import_wallet_standard = require("@iota/wallet-standard");
-function getRegisteredWallets(preferredWallets, requiredFeatures) {
+function getRegisteredWallets(preferredWallets, walletFilter) {
   const walletsApi = (0, import_wallet_standard.getWallets)();
   const wallets = walletsApi.get();
   const iotaWallets = wallets.filter(
-    (wallet) => (0, import_wallet_standard.isWalletWithRequiredFeatureSet)(wallet, requiredFeatures)
+    (wallet) => (0, import_wallet_standard.isWalletWithRequiredFeatureSet)(wallet) && (!walletFilter || walletFilter(wallet))
   );
   return [
     // Preferred wallets, in order:
@@ -101,9 +95,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 = []) {
@@ -141,7 +136,12 @@ function useConnectWallet({
           (account) => account.chains.some(import_wallet_standard2.isSupportedChain)
         );
         const selectedAccount = getSelectedAccount(connectedIotaAccounts, accountAddress);
-        setWalletConnected(wallet, connectedIotaAccounts, selectedAccount);
+        setWalletConnected(
+          wallet,
+          connectedIotaAccounts,
+          selectedAccount,
+          connectResult.supportedIntents
+        );
         return { accounts: connectedIotaAccounts };
       } catch (error) {
         setConnectionStatus("disconnected");
@@ -168,6 +168,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 {
@@ -175,7 +176,8 @@ function useCurrentWallet() {
         currentWallet: null,
         isDisconnected: false,
         isConnecting: true,
-        isConnected: false
+        isConnected: false,
+        supportedIntents: []
       };
     case "disconnected":
       return {
@@ -183,7 +185,8 @@ function useCurrentWallet() {
         currentWallet: null,
         isDisconnected: true,
         isConnecting: false,
-        isConnected: false
+        isConnected: false,
+        supportedIntents: []
       };
     case "connected": {
       return {
@@ -191,7 +194,8 @@ function useCurrentWallet() {
         currentWallet,
         isDisconnected: false,
         isConnecting: false,
-        isConnected: true
+        isConnected: true,
+        supportedIntents
       };
     }
   }
@@ -277,6 +281,8 @@ function useAutoConnectWallet() {
 
 // src/hooks/wallet/useUnsafeBurnerWallet.ts
 var import_ed25519 = require("@iota/iota-sdk/keypairs/ed25519");
+var import_transactions = require("@iota/iota-sdk/transactions");
+var import_utils = require("@iota/iota-sdk/utils");
 var import_wallet_standard3 = require("@iota/wallet-standard");
 var import_react6 = require("react");
 
@@ -319,7 +325,7 @@ function useUnsafeBurnerWallet(enabled) {
   }, [enabled, iotaClient]);
 }
 function registerUnsafeBurnerWallet(iotaClient) {
-  var _on, _connect, _signPersonalMessage, _signTransactionBlock, _signAndExecuteTransactionBlock;
+  var _on, _connect, _signPersonalMessage, _signTransaction, _signAndExecuteTransaction;
   const walletsApi = (0, import_wallet_standard3.getWallets)();
   const registeredWallets = walletsApi.get();
   if (registeredWallets.find((wallet) => wallet.name === WALLET_NAME)) {
@@ -336,7 +342,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() {
@@ -351,23 +357,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 import_transactions.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 import_transactions.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: (0, import_utils.toB64)(new Uint8Array(rawEffects))
+        };
       });
     }
     get version() {
@@ -379,7 +402,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 import_wallet_standard3.SUPPORTED_CHAINS;
     }
@@ -400,13 +423,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)
         }
       };
     }
@@ -414,8 +437,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());
 }
 
@@ -440,17 +463,18 @@ function useWalletPropertiesChanged() {
 // src/hooks/wallet/useWalletsChanged.ts
 var import_wallet_standard4 = require("@iota/wallet-standard");
 var import_react8 = require("react");
-function useWalletsChanged(preferredWallets, requiredFeatures) {
+function useWalletsChanged(preferredWallets, walletFilter) {
   const setWalletRegistered = useWalletStore((state) => state.setWalletRegistered);
   const setWalletUnregistered = useWalletStore((state) => state.setWalletUnregistered);
   (0, import_react8.useEffect)(() => {
     const walletsApi = (0, import_wallet_standard4.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
       );
     });
@@ -458,7 +482,7 @@ function useWalletsChanged(preferredWallets, requiredFeatures) {
       unsubscribeFromRegister();
       unsubscribeFromUnregister();
     };
-  }, [preferredWallets, requiredFeatures, setWalletRegistered, setWalletUnregistered]);
+  }, [preferredWallets, walletFilter, setWalletRegistered, setWalletUnregistered]);
 }
 
 // src/themes/lightTheme.ts
@@ -474,18 +498,18 @@ var lightTheme = {
     modalPrimary: "white",
     modalSecondary: "#F7F8F8",
     iconButton: "transparent",
-    iconButtonHover: "#F0F1F2",
     dropdownMenu: "#FFFFFF",
     dropdownMenuSeparator: "#F3F6F8",
     walletItemSelected: "white",
-    walletItemHover: "#3C424226"
+    walletItemHover: "#3C424226",
+    scrollThumb: "#cad4e2"
   },
   borderColors: {
     outlineButton: "#E4E4E7"
   },
   colors: {
     primaryButton: "#373737",
-    outlineButton: "#373737",
+    outlineButtonHover: "#373737",
     iconButton: "#000000",
     body: "#182435",
     bodyMuted: "#767A81",
@@ -495,11 +519,8 @@ var lightTheme = {
     small: "6px",
     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)"
+    xlarge: "16px",
+    full: "120px"
   },
   fontWeights: {
     normal: "400",
@@ -517,6 +538,14 @@ var lightTheme = {
     fontStyle: "normal",
     lineHeight: "1.3",
     letterSpacing: "1"
+  },
+  spacing: {
+    xxsmall: "4px",
+    xsmall: "8px",
+    small: "12px",
+    medium: "16px",
+    large: "24px",
+    xlarge: "32px"
   }
 };
 
@@ -540,19 +569,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() {
@@ -562,7 +593,8 @@ function createWalletStore({
             currentAccount: null,
             lastConnectedWalletName: null,
             lastConnectedAccountAddress: null,
-            connectionStatus: "disconnected"
+            connectionStatus: "disconnected",
+            supportedIntents: []
           }));
         },
         setAccountSwitched(selectedAccount) {
@@ -583,7 +615,8 @@ function createWalletStore({
               currentAccount: null,
               lastConnectedWalletName: null,
               lastConnectedAccountAddress: null,
-              connectionStatus: "disconnected"
+              connectionStatus: "disconnected",
+              supportedIntents: []
             }));
           } else {
             set(() => ({ wallets: updatedWallets }));
@@ -635,16 +668,16 @@ var themeContractValues = {
     modalPrimary: "",
     modalSecondary: "",
     iconButton: "",
-    iconButtonHover: "",
     dropdownMenu: "",
-    dropdownMenuSeparator: ""
+    dropdownMenuSeparator: "",
+    scrollThumb: ""
   },
   borderColors: {
     outlineButton: ""
   },
   colors: {
     primaryButton: "",
-    outlineButton: "",
+    outlineButtonHover: "",
     body: "",
     bodyMuted: "",
     bodyDanger: "",
@@ -654,11 +687,8 @@ var themeContractValues = {
     small: "",
     medium: "",
     large: "",
-    xlarge: ""
-  },
-  shadows: {
-    primaryButton: "",
-    walletItemSelected: ""
+    xlarge: "",
+    full: ""
   },
   fontWeights: {
     normal: "",
@@ -676,6 +706,14 @@ var themeContractValues = {
     fontStyle: "",
     lineHeight: "",
     letterSpacing: ""
+  },
+  spacing: {
+    xxsmall: "",
+    xsmall: "",
+    small: "",
+    medium: "",
+    large: "",
+    xlarge: ""
   }
 };
 var themeVars = (0, import_css.createGlobalThemeContract)(
@@ -690,6 +728,8 @@ function InjectedThemeStyles({ theme }) {
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
     "style",
     {
+      precedence: "default",
+      href: "iota-dapp-kit-theme",
       dangerouslySetInnerHTML: {
         __html: themeStyles
       }
@@ -714,7 +754,7 @@ function cssStringFromTheme(theme) {
 var import_jsx_runtime3 = require("react/jsx-runtime");
 function WalletProvider({
   preferredWallets = DEFAULT_PREFERRED_WALLETS,
-  requiredFeatures = DEFAULT_REQUIRED_FEATURES,
+  walletFilter = DEFAULT_WALLET_FILTER,
   storage = DEFAULT_STORAGE,
   storageKey = DEFAULT_STORAGE_KEY,
   enableUnsafeBurner = false,
@@ -725,7 +765,7 @@ function WalletProvider({
   const storeRef = (0, import_react9.useRef)(
     createWalletStore({
       autoConnectEnabled: autoConnect,
-      wallets: getRegisteredWallets(preferredWallets, requiredFeatures),
+      wallets: getRegisteredWallets(preferredWallets, walletFilter),
       storage: storage || createInMemoryStore(),
       storageKey
     })
@@ -734,7 +774,7 @@ function WalletProvider({
     WalletConnectionManager,
     {
       preferredWallets,
-      requiredFeatures,
+      walletFilter,
       enableUnsafeBurner,
       children: [
         theme ? /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(InjectedThemeStyles, { theme }) : null,
@@ -745,11 +785,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();