@dynamic-labs/sdk-react-core 0.18.100-viem.27 → 0.18.100-viem.28

package/CHANGELOG.md

@@ -1,4 +1,13 @@
 
+### [0.18.100-viem.28](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.27...v0.18.100-viem.28) (2023-10-30)
+
+
+### Bug Fixes
+
+* better handling of Coinbase wallet disconnect + upgrade to 3.7.2 ([#3691](https://github.com/dynamic-labs/DynamicAuth/issues/3691)) ([2385af8](https://github.com/dynamic-labs/DynamicAuth/commit/2385af8e960c3c3a23d2ce3379c50668a88b0478))
+* Fix send balance in multiple chains ([#3767](https://github.com/dynamic-labs/DynamicAuth/issues/3767)) ([724d650](https://github.com/dynamic-labs/DynamicAuth/commit/724d650965a4e8cc864a1eeb787646399fce3814))
+* safely render message to sign ([#3655](https://github.com/dynamic-labs/DynamicAuth/issues/3655)) ([#3661](https://github.com/dynamic-labs/DynamicAuth/issues/3661)) ([8ddc30a](https://github.com/dynamic-labs/DynamicAuth/commit/8ddc30a9b43e5ef47fedcaa58e9b20a9528b8cc6))
+
 ### [0.18.100-viem.27](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.100-viem.26...v0.18.100-viem.27) (2023-10-19)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.100-viem.27";
+var version = "0.18.100-viem.28";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.32",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.18.100-viem.27";
+var version = "0.18.100-viem.28";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.32",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.100-viem.27",
+  "version": "0.18.100-viem.28",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -15,13 +15,13 @@
     "yup": "0.32.11",
     "formik": "2.2.9",
     "qrcode": "1.5.1",
-    "@dynamic-labs/logger": "0.18.100-viem.27",
-    "@dynamic-labs/multi-wallet": "0.18.100-viem.27",
-    "@dynamic-labs/rpc-providers": "0.18.100-viem.27",
-    "@dynamic-labs/types": "0.18.100-viem.27",
-    "@dynamic-labs/utils": "0.18.100-viem.27",
-    "@dynamic-labs/wallet-book": "0.18.100-viem.27",
-    "@dynamic-labs/wallet-connector-core": "0.18.100-viem.27",
+    "@dynamic-labs/logger": "0.18.100-viem.28",
+    "@dynamic-labs/multi-wallet": "0.18.100-viem.28",
+    "@dynamic-labs/rpc-providers": "0.18.100-viem.28",
+    "@dynamic-labs/types": "0.18.100-viem.28",
+    "@dynamic-labs/utils": "0.18.100-viem.28",
+    "@dynamic-labs/wallet-book": "0.18.100-viem.28",
+    "@dynamic-labs/wallet-connector-core": "0.18.100-viem.28",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/components/SignMessagePreview/SignMessagePreview.cjs

@@ -21,7 +21,7 @@ const SignMessagePreview = ({ message, }) => {
     if (signTypedData) {
         return (jsxRuntime.jsx(SignTypedDataPreview.SignTypedDataPreview, { currentType: signTypedData.primaryType, types: signTypedData.types, showTypeName: true, data: signTypedData.message }));
     }
-    return (jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_normal', children: jsxRuntime.jsx("span", { style: { whiteSpace: 'pre-line' }, dangerouslySetInnerHTML: { __html: message } }) }));
+    return (jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_normal', children: jsxRuntime.jsx("span", { style: { whiteSpace: 'pre-line' }, children: message }) }));
 };
 
 exports.SignMessagePreview = SignMessagePreview;

package/src/lib/components/SignMessagePreview/SignMessagePreview.js

@@ -17,7 +17,7 @@ const SignMessagePreview = ({ message, }) => {
     if (signTypedData) {
         return (jsx(SignTypedDataPreview, { currentType: signTypedData.primaryType, types: signTypedData.types, showTypeName: true, data: signTypedData.message }));
     }
-    return (jsx(Typography, { color: 'primary', variant: 'body_normal', children: jsx("span", { style: { whiteSpace: 'pre-line' }, dangerouslySetInnerHTML: { __html: message } }) }));
+    return (jsx(Typography, { color: 'primary', variant: 'body_normal', children: jsx("span", { style: { whiteSpace: 'pre-line' }, children: message }) }));
 };
 
 export { SignMessagePreview };

package/src/lib/views/SendBalanceView/SendBalanceView.cjs

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var viem = require('viem');
@@ -51,7 +52,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 
 const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBack, onClickClose, onError, onSuccess, onDone, displayPoweredByDynamicFooter = false, }) => {
     const [stage, setStage] = React.useState('form');
-    const { primaryWallet, network } = useInternalDynamicContext.useInternalDynamicContext();
+    const { primaryWallet, network, walletUiUtils } = useInternalDynamicContext.useInternalDynamicContext();
     const [value, setValue] = React.useState(initialValue !== null && initialValue !== void 0 ? initialValue : null);
     const [recipientAddress, setRecipientAddress] = React.useState(initialRecipientAddress);
     const transactionRef = React.useRef(null);
@@ -86,10 +87,25 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         const transaction = {
             from: primaryWallet.address,
             to: recipientAddress,
-            type: 'eip2930',
             value,
         };
-        return (jsxRuntime.jsx(TransactionStage.TransactionStage, { walletConnector: walletConnector, provider: provider, transaction: transaction, title: 'Confirm transaction', onClickBack: () => setStage('form'), onError: onError, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSuccess: (transaction) => {
+        return (jsxRuntime.jsx(TransactionStage.TransactionStage, { walletConnector: walletConnector, provider: provider, transaction: transaction, title: 'Confirm transaction', onClickBack: () => setStage('form'), onError: onError, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, mutation: ({ to, value, gasPrice, nonce }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                walletUiUtils.disabledConfirmationOnce();
+                const signer = yield walletConnector.getSigner();
+                const sentTransaction = yield signer.sendTransaction({
+                    account: signer.account || primaryWallet.address,
+                    /**
+                     * chain is set to null because viem already have the correct chain from the wallet connector
+                     * docs: https://viem.sh/docs/actions/wallet/sendTransaction.html#chain-optional
+                     */
+                    chain: null,
+                    gasPrice,
+                    nonce,
+                    to,
+                    value,
+                });
+                return sentTransaction;
+            }), onSuccess: (transaction) => {
                 transactionRef.current = transaction;
                 setStage('success');
                 onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(transactionRef.current);

package/src/lib/views/SendBalanceView/SendBalanceView.js

@@ -1,3 +1,4 @@
+import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import { parseEther } from 'viem';
@@ -47,7 +48,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 
 const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBack, onClickClose, onError, onSuccess, onDone, displayPoweredByDynamicFooter = false, }) => {
     const [stage, setStage] = useState('form');
-    const { primaryWallet, network } = useInternalDynamicContext();
+    const { primaryWallet, network, walletUiUtils } = useInternalDynamicContext();
     const [value, setValue] = useState(initialValue !== null && initialValue !== void 0 ? initialValue : null);
     const [recipientAddress, setRecipientAddress] = useState(initialRecipientAddress);
     const transactionRef = useRef(null);
@@ -82,10 +83,25 @@ const SendBalanceView = ({ initialRecipientAddress = '', initialValue, onClickBa
         const transaction = {
             from: primaryWallet.address,
             to: recipientAddress,
-            type: 'eip2930',
             value,
         };
-        return (jsx(TransactionStage, { walletConnector: walletConnector, provider: provider, transaction: transaction, title: 'Confirm transaction', onClickBack: () => setStage('form'), onError: onError, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, onSuccess: (transaction) => {
+        return (jsx(TransactionStage, { walletConnector: walletConnector, provider: provider, transaction: transaction, title: 'Confirm transaction', onClickBack: () => setStage('form'), onError: onError, displayPoweredByDynamicFooter: displayPoweredByDynamicFooter, mutation: ({ to, value, gasPrice, nonce }) => __awaiter(void 0, void 0, void 0, function* () {
+                walletUiUtils.disabledConfirmationOnce();
+                const signer = yield walletConnector.getSigner();
+                const sentTransaction = yield signer.sendTransaction({
+                    account: signer.account || primaryWallet.address,
+                    /**
+                     * chain is set to null because viem already have the correct chain from the wallet connector
+                     * docs: https://viem.sh/docs/actions/wallet/sendTransaction.html#chain-optional
+                     */
+                    chain: null,
+                    gasPrice,
+                    nonce,
+                    to,
+                    value,
+                });
+                return sentTransaction;
+            }), onSuccess: (transaction) => {
                 transactionRef.current = transaction;
                 setStage('success');
                 onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(transactionRef.current);

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.cjs

@@ -22,7 +22,7 @@ var isMagicConnector = require('../../../../utils/functions/isMagicConnector/isM
 var sendTransactionWithAutoNonce = require('../../../../utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -48,20 +48,14 @@ require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs')
 var useTransactionWithGasPrice = require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 
 const TransactionStage = (_a) => {
-    var { transaction, provider, walletConnector } = _a, rest = _tslib.__rest(_a, ["transaction", "provider", "walletConnector"]);
-    const { walletUiUtils } = useInternalDynamicContext.useInternalDynamicContext();
+    var { transaction, provider, walletConnector, mutation } = _a, rest = _tslib.__rest(_a, ["transaction", "provider", "walletConnector", "mutation"]);
     const transactionWithGasPrice = useTransactionWithGasPrice.useTransactionWithGasPrice({
         enabled: isMagicConnector.isMagicConnector(walletConnector),
         increasePercentage: 5,
         provider,
         transaction,
     });
-    return (jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => sendTransactionWithAutoNonce.sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, (transaction) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            walletUiUtils.disabledConfirmationOnce();
-            const signer = yield walletConnector.getSigner();
-            const sentTransaction = yield signer.sendTransaction(Object.assign(Object.assign({}, transaction), { account: transaction.from, chain: null }));
-            return sentTransaction;
-        })) }, rest)));
+    return (jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => sendTransactionWithAutoNonce.sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, mutation) }, rest)));
 };
 
 exports.TransactionStage = TransactionStage;

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.d.ts

@@ -1,8 +1,10 @@
 import { FC } from 'react';
+import { Hex, TransactionRequest } from 'viem';
 import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { TransactionConfirmationViewProps } from '../../../TransactionConfirmationView';
 type TransactionStageProps = Omit<TransactionConfirmationViewProps, 'mutation'> & {
     walletConnector: WalletConnector;
+    mutation: (transaction: TransactionRequest) => Promise<Hex>;
 };
 export declare const TransactionStage: FC<TransactionStageProps>;
 export {};

package/src/lib/views/SendBalanceView/components/TransactionStage/TransactionStage.js

@@ -1,4 +1,4 @@
-import { __rest, __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { __rest } from '../../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import 'react';
 import '@dynamic-labs/utils';
@@ -18,7 +18,7 @@ import { isMagicConnector } from '../../../../utils/functions/isMagicConnector/i
 import { sendTransactionWithAutoNonce } from '../../../../utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import '../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -44,20 +44,14 @@ import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { useTransactionWithGasPrice } from '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 
 const TransactionStage = (_a) => {
-    var { transaction, provider, walletConnector } = _a, rest = __rest(_a, ["transaction", "provider", "walletConnector"]);
-    const { walletUiUtils } = useInternalDynamicContext();
+    var { transaction, provider, walletConnector, mutation } = _a, rest = __rest(_a, ["transaction", "provider", "walletConnector", "mutation"]);
     const transactionWithGasPrice = useTransactionWithGasPrice({
         enabled: isMagicConnector(walletConnector),
         increasePercentage: 5,
         provider,
         transaction,
     });
-    return (jsx(TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, (transaction) => __awaiter(void 0, void 0, void 0, function* () {
-            walletUiUtils.disabledConfirmationOnce();
-            const signer = yield walletConnector.getSigner();
-            const sentTransaction = yield signer.sendTransaction(Object.assign(Object.assign({}, transaction), { account: transaction.from, chain: null }));
-            return sentTransaction;
-        })) }, rest)));
+    return (jsx(TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, mutation) }, rest)));
 };
 
 export { TransactionStage };