@turnkey/react-wallet-kit 1.8.1 → 1.10.0

package/dist/components/auth/OTP.mjs

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, toConsumableArray as _toConsumableArray, regenerator as _regenerator, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { slicedToArray as _slicedToArray, toConsumableArray as _toConsumableArray, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator, objectSpread2 as _objectSpread2 } from '../../_virtual/_rollupPluginBabelHelpers.mjs';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import { useModal } from '../../providers/modal/Hook.mjs';

package/dist/components/design/Lottie/Wrapper.mjs

@@ -1,4 +1,4 @@
-import { slicedToArray as _slicedToArray, asyncToGenerator as _asyncToGenerator, objectSpread2 as _objectSpread2, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
+import { slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, asyncToGenerator as _asyncToGenerator, regenerator as _regenerator } from '../../../_virtual/_rollupPluginBabelHelpers.mjs';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
 

package/dist/components/send-transaction/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/send-transaction/helpers.tsx"],"names":[],"mappings":";AAEA,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAepE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAI3D"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../src/components/send-transaction/helpers.tsx"],"names":[],"mappings":";AAEA,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAuBpE;AAED,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAI3D"}

package/dist/components/send-transaction/helpers.js

@@ -5,6 +5,12 @@ var Svg = require('../design/Svg.js');
 
 function getExplorerUrl(txHash, caip2) {
   switch (caip2) {
+    case "solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp":
+      return `https://solscan.io/tx/${txHash}`;
+    case "solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1wcaWoxPkrZBG":
+      return `https://solscan.io/tx/${txHash}?cluster=devnet`;
+    case "solana:4uhcVJyU9pJkvQyS88uRDiswHXSCkY3zQawwpjk2NsNY":
+      return `https://solscan.io/tx/${txHash}?cluster=testnet`;
     case "eip155:8453":
       return `https://basescan.org/tx/${txHash}`;
     case "eip155:84532":
@@ -16,7 +22,7 @@ function getExplorerUrl(txHash, caip2) {
     case "eip155:137":
       return `https://polygonscan.com/tx/${txHash}`;
     default:
-      return `https://etherscan.io/tx/${txHash}`;
+      return caip2.startsWith("solana:") ? `https://solscan.io/tx/${txHash}` : `https://etherscan.io/tx/${txHash}`;
   }
 }
 function getChainLogo(caip2) {

package/dist/components/send-transaction/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sources":["../../../src/components/send-transaction/helpers.tsx"],"sourcesContent":[null],"names":["getExplorerUrl","txHash","caip2","getChainLogo","Logo","startsWith","SolanaLogo","EthereumLogo","_jsx","className"],"mappings":";;;;;AAEM,SAAUA,cAAcA,CAACC,MAAc,EAAEC,KAAa,EAAA;AAC1D,EAAA,QAAQA,KAAK;AACX,IAAA,KAAK,aAAa;MAChB,OAAO,CAAA,wBAAA,EAA2BD,MAAM,CAAA,CAAE;AAC5C,IAAA,KAAK,cAAc;MACjB,OAAO,CAAA,gCAAA,EAAmCA,MAAM,CAAA,CAAE;AACpD,IAAA,KAAK,UAAU;MACb,OAAO,CAAA,wBAAA,EAA2BA,MAAM,CAAA,CAAE;AAC5C,IAAA,KAAK,iBAAiB;MACpB,OAAO,CAAA,gCAAA,EAAmCA,MAAM,CAAA,CAAE;AACpD,IAAA,KAAK,YAAY;MACf,OAAO,CAAA,2BAAA,EAA8BA,MAAM,CAAA,CAAE;AAC/C,IAAA;MACE,OAAO,CAAA,wBAAA,EAA2BA,MAAM,CAAA,CAAE;AAC9C;AACF;AAEM,SAAUE,YAAYA,CAACD,KAAa,EAAA;EACxC,MAAME,IAAI,GAAGF,KAAK,CAACG,UAAU,CAAC,SAAS,CAAC,GAAGC,cAAU,GAAGC,gBAAY;EAEpE,OAAOC,eAACJ,IAAI,EAAA;AAACK,IAAAA,SAAS,EAAC;IAA2B;AACpD;;;;;"}
+{"version":3,"file":"helpers.js","sources":["../../../src/components/send-transaction/helpers.tsx"],"sourcesContent":[null],"names":["getExplorerUrl","txHash","caip2","startsWith","getChainLogo","Logo","SolanaLogo","EthereumLogo","_jsx","className"],"mappings":";;;;;AAEM,SAAUA,cAAcA,CAACC,MAAc,EAAEC,KAAa,EAAA;AAC1D,EAAA,QAAQA,KAAK;AACX,IAAA,KAAK,yCAAyC;MAC5C,OAAO,CAAA,sBAAA,EAAyBD,MAAM,CAAA,CAAE;AAC1C,IAAA,KAAK,qDAAqD;MACxD,OAAO,CAAA,sBAAA,EAAyBA,MAAM,CAAA,eAAA,CAAiB;AACzD,IAAA,KAAK,qDAAqD;MACxD,OAAO,CAAA,sBAAA,EAAyBA,MAAM,CAAA,gBAAA,CAAkB;AAC1D,IAAA,KAAK,aAAa;MAChB,OAAO,CAAA,wBAAA,EAA2BA,MAAM,CAAA,CAAE;AAC5C,IAAA,KAAK,cAAc;MACjB,OAAO,CAAA,gCAAA,EAAmCA,MAAM,CAAA,CAAE;AACpD,IAAA,KAAK,UAAU;MACb,OAAO,CAAA,wBAAA,EAA2BA,MAAM,CAAA,CAAE;AAC5C,IAAA,KAAK,iBAAiB;MACpB,OAAO,CAAA,gCAAA,EAAmCA,MAAM,CAAA,CAAE;AACpD,IAAA,KAAK,YAAY;MACf,OAAO,CAAA,2BAAA,EAA8BA,MAAM,CAAA,CAAE;AAC/C,IAAA;AACE,MAAA,OAAOC,KAAK,CAACC,UAAU,CAAC,SAAS,CAAC,GAC9B,CAAA,sBAAA,EAAyBF,MAAM,CAAA,CAAE,GACjC,CAAA,wBAAA,EAA2BA,MAAM,CAAA,CAAE;AAC3C;AACF;AAEM,SAAUG,YAAYA,CAACF,KAAa,EAAA;EACxC,MAAMG,IAAI,GAAGH,KAAK,CAACC,UAAU,CAAC,SAAS,CAAC,GAAGG,cAAU,GAAGC,gBAAY;EAEpE,OAAOC,eAACH,IAAI,EAAA;AAACI,IAAAA,SAAS,EAAC;IAA2B;AACpD;;;;;"}

package/dist/components/send-transaction/helpers.mjs

@@ -3,6 +3,12 @@ import { SolanaLogo, EthereumLogo } from '../design/Svg.mjs';
 
 function getExplorerUrl(txHash, caip2) {
   switch (caip2) {
+    case "solana:5eykt4UsFv8P8NJdTREpY1vzqKqZKvdp":
+      return "https://solscan.io/tx/".concat(txHash);
+    case "solana:EtWTRABZaYq6iMfeYKouRu166VU2xqa1wcaWoxPkrZBG":
+      return "https://solscan.io/tx/".concat(txHash, "?cluster=devnet");
+    case "solana:4uhcVJyU9pJkvQyS88uRDiswHXSCkY3zQawwpjk2NsNY":
+      return "https://solscan.io/tx/".concat(txHash, "?cluster=testnet");
     case "eip155:8453":
       return "https://basescan.org/tx/".concat(txHash);
     case "eip155:84532":
@@ -14,7 +20,7 @@ function getExplorerUrl(txHash, caip2) {
     case "eip155:137":
       return "https://polygonscan.com/tx/".concat(txHash);
     default:
-      return "https://etherscan.io/tx/".concat(txHash);
+      return caip2.startsWith("solana:") ? "https://solscan.io/tx/".concat(txHash) : "https://etherscan.io/tx/".concat(txHash);
   }
 }
 function getChainLogo(caip2) {

package/dist/components/send-transaction/helpers.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.mjs","sources":["../../../src/components/send-transaction/helpers.tsx"],"sourcesContent":[null],"names":["getExplorerUrl","txHash","caip2","concat","getChainLogo","Logo","startsWith","SolanaLogo","EthereumLogo","_jsx","className"],"mappings":";;;AAEM,SAAUA,cAAcA,CAACC,MAAc,EAAEC,KAAa,EAAA;AAC1D,EAAA,QAAQA,KAAK;AACX,IAAA,KAAK,aAAa;MAChB,OAAA,0BAAA,CAAAC,MAAA,CAAkCF,MAAM,CAAA;AAC1C,IAAA,KAAK,cAAc;MACjB,OAAA,kCAAA,CAAAE,MAAA,CAA0CF,MAAM,CAAA;AAClD,IAAA,KAAK,UAAU;MACb,OAAA,0BAAA,CAAAE,MAAA,CAAkCF,MAAM,CAAA;AAC1C,IAAA,KAAK,iBAAiB;MACpB,OAAA,kCAAA,CAAAE,MAAA,CAA0CF,MAAM,CAAA;AAClD,IAAA,KAAK,YAAY;MACf,OAAA,6BAAA,CAAAE,MAAA,CAAqCF,MAAM,CAAA;AAC7C,IAAA;MACE,OAAA,0BAAA,CAAAE,MAAA,CAAkCF,MAAM,CAAA;AAC5C;AACF;AAEM,SAAUG,YAAYA,CAACF,KAAa,EAAA;EACxC,IAAMG,IAAI,GAAGH,KAAK,CAACI,UAAU,CAAC,SAAS,CAAC,GAAGC,UAAU,GAAGC,YAAY;EAEpE,OAAOC,IAACJ,IAAI,EAAA;AAACK,IAAAA,SAAS,EAAC;IAA2B;AACpD;;;;"}
+{"version":3,"file":"helpers.mjs","sources":["../../../src/components/send-transaction/helpers.tsx"],"sourcesContent":[null],"names":["getExplorerUrl","txHash","caip2","concat","startsWith","getChainLogo","Logo","SolanaLogo","EthereumLogo","_jsx","className"],"mappings":";;;AAEM,SAAUA,cAAcA,CAACC,MAAc,EAAEC,KAAa,EAAA;AAC1D,EAAA,QAAQA,KAAK;AACX,IAAA,KAAK,yCAAyC;MAC5C,OAAA,wBAAA,CAAAC,MAAA,CAAgCF,MAAM,CAAA;AACxC,IAAA,KAAK,qDAAqD;MACxD,OAAA,wBAAA,CAAAE,MAAA,CAAgCF,MAAM,EAAA,iBAAA,CAAA;AACxC,IAAA,KAAK,qDAAqD;MACxD,OAAA,wBAAA,CAAAE,MAAA,CAAgCF,MAAM,EAAA,kBAAA,CAAA;AACxC,IAAA,KAAK,aAAa;MAChB,OAAA,0BAAA,CAAAE,MAAA,CAAkCF,MAAM,CAAA;AAC1C,IAAA,KAAK,cAAc;MACjB,OAAA,kCAAA,CAAAE,MAAA,CAA0CF,MAAM,CAAA;AAClD,IAAA,KAAK,UAAU;MACb,OAAA,0BAAA,CAAAE,MAAA,CAAkCF,MAAM,CAAA;AAC1C,IAAA,KAAK,iBAAiB;MACpB,OAAA,kCAAA,CAAAE,MAAA,CAA0CF,MAAM,CAAA;AAClD,IAAA,KAAK,YAAY;MACf,OAAA,6BAAA,CAAAE,MAAA,CAAqCF,MAAM,CAAA;AAC7C,IAAA;AACE,MAAA,OAAOC,KAAK,CAACE,UAAU,CAAC,SAAS,CAAC,GAAA,wBAAA,CAAAD,MAAA,CACLF,MAAM,CAAA,GAAA,0BAAA,CAAAE,MAAA,CACJF,MAAM,CAAE;AAC3C;AACF;AAEM,SAAUI,YAAYA,CAACH,KAAa,EAAA;EACxC,IAAMI,IAAI,GAAGJ,KAAK,CAACE,UAAU,CAAC,SAAS,CAAC,GAAGG,UAAU,GAAGC,YAAY;EAEpE,OAAOC,IAACH,IAAI,EAAA;AAACI,IAAAA,SAAS,EAAC;IAA2B;AACpD;;;;"}

package/dist/providers/client/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/providers/client/Provider.tsx"],"names":[],"mappings":"AAqHA,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAC;AAwB5E,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAM3B,MAAM,kBAAkB,CAAC;AAuD1B;;GAEG;AACH,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAC1C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAghLxD,CAAC"}
+{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/providers/client/Provider.tsx"],"names":[],"mappings":"AAwHA,OAAO,EAAE,SAAS,EAA4C,MAAM,OAAO,CAAC;AAwB5E,OAAO,EACL,KAAK,gBAAgB,EACrB,KAAK,qBAAqB,EAM3B,MAAM,kBAAkB,CAAC;AAwD1B;;GAEG;AACH,UAAU,mBAAmB;IAC3B,QAAQ,EAAE,SAAS,CAAC;IACpB,MAAM,EAAE,qBAAqB,CAAC;IAC9B,SAAS,CAAC,EAAE,gBAAgB,GAAG,SAAS,CAAC;CAC1C;AAED;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAqoLxD,CAAC"}

package/dist/providers/client/Provider.js

@@ -1484,6 +1484,14 @@ const ClientProvider = ({
     if (!client) throw new sdkTypes.TurnkeyError("Client is not initialized.", sdkTypes.TurnkeyErrorCodes.CLIENT_NOT_INITIALIZED);
     return utils.withTurnkeyErrorHandling(() => client.ethSendTransaction(params), () => logout(), callbacks, "Failed to send eth transaction");
   }, [client, callbacks, logout]);
+  const ethSendErc20Transfer = react.useCallback(async params => {
+    if (!client) throw new sdkTypes.TurnkeyError("Client is not initialized.", sdkTypes.TurnkeyErrorCodes.CLIENT_NOT_INITIALIZED);
+    return utils.withTurnkeyErrorHandling(() => client.ethSendErc20Transfer(params), () => logout(), callbacks, "Failed to send ERC20 transfer");
+  }, [client, callbacks, logout]);
+  const solSendTransaction = react.useCallback(async params => {
+    if (!client) throw new sdkTypes.TurnkeyError("Client is not initialized.", sdkTypes.TurnkeyErrorCodes.CLIENT_NOT_INITIALIZED);
+    return utils.withTurnkeyErrorHandling(() => client.solSendTransaction(params), () => logout(), callbacks, "Failed to send sol transaction");
+  }, [client, callbacks, logout]);
   const signAndSendTransaction = react.useCallback(async params => {
     if (!client) throw new sdkTypes.TurnkeyError("Client is not initialized.", sdkTypes.TurnkeyErrorCodes.CLIENT_NOT_INITIALIZED);
     return utils.withTurnkeyErrorHandling(() => client.signAndSendTransaction(params), () => logout(), callbacks, "Failed to sign and send transaction");
@@ -3349,63 +3357,69 @@ const ClientProvider = ({
       successPageDuration = 2000
     } = params;
     const {
-      from,
-      to,
-      caip2,
-      value,
-      data,
-      nonce,
-      gasLimit,
-      maxFeePerGas,
-      maxPriorityFeePerGas,
-      sponsor
+      caip2
     } = transaction;
-    const cleanedData = data && data !== "0x" && data !== "" ? data : undefined;
+    const isSolanaTransaction = caip2.startsWith("solana:");
     return new Promise((resolve, reject) => {
       const action = async () => {
-        const tx = {
-          from,
-          to,
-          caip2,
-          sponsor: sponsor ?? false,
-          ...(value ? {
-            value
-          } : {}),
-          ...(cleanedData ? {
-            data: cleanedData
-          } : {}),
-          ...(nonce ? {
-            nonce
-          } : {}),
-          ...(gasLimit ? {
-            gasLimit
-          } : {}),
-          ...(maxFeePerGas ? {
-            maxFeePerGas
-          } : {}),
-          ...(maxPriorityFeePerGas ? {
-            maxPriorityFeePerGas
-          } : {})
-        };
-        const sendTransactionStatusId = await ethSendTransaction({
+        const sendTransactionStatusId = isSolanaTransaction ? await solSendTransaction({
           organizationId,
-          transaction: tx,
+          transaction: transaction,
           stampWith
-        });
+        }) : await (async () => {
+          const {
+            from,
+            to,
+            value,
+            data,
+            nonce,
+            gasLimit,
+            maxFeePerGas,
+            maxPriorityFeePerGas,
+            sponsor
+          } = transaction;
+          const cleanedData = data && data !== "0x" && data !== "" ? data : undefined;
+          const tx = {
+            from,
+            to,
+            caip2,
+            sponsor: sponsor ?? false,
+            ...(value ? {
+              value
+            } : {}),
+            ...(cleanedData ? {
+              data: cleanedData
+            } : {}),
+            ...(nonce ? {
+              nonce
+            } : {}),
+            ...(gasLimit ? {
+              gasLimit
+            } : {}),
+            ...(maxFeePerGas ? {
+              maxFeePerGas
+            } : {}),
+            ...(maxPriorityFeePerGas ? {
+              maxPriorityFeePerGas
+            } : {})
+          };
+          return ethSendTransaction({
+            organizationId,
+            transaction: tx,
+            stampWith
+          });
+        })();
         if (!sendTransactionStatusId) {
-          throw new sdkTypes.TurnkeyError("Missing sendTransactionStatusId", sdkTypes.TurnkeyErrorCodes.ETH_SEND_TRANSACTION_ERROR);
+          throw new sdkTypes.TurnkeyError("Missing sendTransactionStatusId", sdkTypes.TurnkeyErrorCodes.BAD_RESPONSE);
         }
         const pollResult = await pollTransactionStatus({
           organizationId,
           sendTransactionStatusId
         });
-        const txHash = pollResult?.eth?.txHash;
-        if (!txHash) {
-          throw new sdkTypes.TurnkeyError("Missing txHash in transaction result", sdkTypes.TurnkeyErrorCodes.POLL_TRANSACTION_STATUS_ERROR);
-        }
-        return {
+        const txHash = pollResult?.eth?.txHash ?? pollResult?.txHash;
+        return txHash ? {
           txHash
-        };
+        } : {};
       };
       pushPage({
         key: "Send Transaction",
@@ -3422,7 +3436,57 @@ const ClientProvider = ({
         })
       });
     });
-  }, [pushPage, client]);
+  }, [ethSendTransaction, getSession, pollTransactionStatus, pushPage, solSendTransaction]);
+  const handleSendErc20Transfer = react.useCallback(async params => {
+    const session = await getSession();
+    const organizationId = params.organizationId || session?.organizationId;
+    if (!organizationId) {
+      throw new sdkTypes.TurnkeyError("A session or passed in organization ID is required.", sdkTypes.TurnkeyErrorCodes.INVALID_REQUEST);
+    }
+    const {
+      transfer,
+      icon,
+      stampWith,
+      successPageDuration = 2000
+    } = params;
+    const {
+      caip2
+    } = transfer;
+    return new Promise((resolve, reject) => {
+      const action = async () => {
+        const sendTransactionStatusId = await ethSendErc20Transfer({
+          organizationId,
+          transfer,
+          stampWith
+        });
+        if (!sendTransactionStatusId) {
+          throw new sdkTypes.TurnkeyError("Missing sendTransactionStatusId", sdkTypes.TurnkeyErrorCodes.BAD_RESPONSE);
+        }
+        const pollResult = await pollTransactionStatus({
+          organizationId,
+          sendTransactionStatusId
+        });
+        const txHash = pollResult?.eth?.txHash ?? pollResult?.txHash;
+        return txHash ? {
+          txHash
+        } : {};
+      };
+      pushPage({
+        key: "Send ERC20 Transfer",
+        showTitle: false,
+        preventBack: true,
+        onClose: () => reject(new sdkTypes.TurnkeyError("User canceled the transaction.", sdkTypes.TurnkeyErrorCodes.USER_CANCELED)),
+        content: jsxRuntime.jsx(SendTransaction.SendTransactionPage, {
+          icon: icon ?? helpers.getChainLogo(caip2),
+          action: action,
+          caip2: caip2,
+          successPageDuration: successPageDuration,
+          onSuccess: () => resolve(),
+          onError: err => reject(err)
+        })
+      });
+    });
+  }, [ethSendErc20Transfer, getSession, pollTransactionStatus, pushPage]);
   const handleOnRamp = react.useCallback(async params => {
     const {
       walletAccount,
@@ -3777,6 +3841,8 @@ const ClientProvider = ({
       signMessage,
       signTransaction,
       ethSendTransaction,
+      ethSendErc20Transfer,
+      solSendTransaction,
       signAndSendTransaction,
       pollTransactionStatus,
       fetchUser,
@@ -3839,7 +3905,8 @@ const ClientProvider = ({
       handleRemoveUserPhoneNumber,
       handleVerifyAppProofs,
       handleOnRamp,
-      handleSendTransaction
+      handleSendTransaction,
+      handleSendErc20Transfer
     },
     children: children
   });