@turnkey/react-wallet-kit 1.9.0 → 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/providers/client/Provider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Provider.d.ts","sourceRoot":"","sources":["../../../src/providers/client/Provider.tsx"],"names":[],"mappings":"AAuHA,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,CA6iLxD,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,10 @@ 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");
@@ -3433,6 +3437,56 @@ const ClientProvider = ({
       });
     });
   }, [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,
@@ -3787,6 +3841,7 @@ const ClientProvider = ({
       signMessage,
       signTransaction,
       ethSendTransaction,
+      ethSendErc20Transfer,
       solSendTransaction,
       signAndSendTransaction,
       pollTransactionStatus,
@@ -3850,7 +3905,8 @@ const ClientProvider = ({
       handleRemoveUserPhoneNumber,
       handleVerifyAppProofs,
       handleOnRamp,
-      handleSendTransaction
+      handleSendTransaction,
+      handleSendErc20Transfer
     },
     children: children
   });