@dynamic-labs/sdk-react-core 0.18.100-viem.1 → 0.18.100-viem.11

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

@@ -19,6 +19,7 @@ require('viem');
 require('../../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
 var isMagicConnector = require('../../../../utils/functions/isMagicConnector/isMagicConnector.cjs');
+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');
@@ -55,19 +56,12 @@ const TransactionStage = (_a) => {
         provider,
         transaction,
     });
-    return (jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    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({
-                account: transactionWithGasPrice.from,
-                chain: null,
-                gasPrice: transactionWithGasPrice.gasPrice,
-                to: transactionWithGasPrice.to,
-                type: 'eip2930',
-                value: transactionWithGasPrice.value,
-            });
+            const sentTransaction = yield signer.sendTransaction(Object.assign(Object.assign({}, transaction), { account: transaction.from, chain: null }));
             return sentTransaction;
-        }) }, rest)));
+        })) }, rest)));
 };
 
 exports.TransactionStage = TransactionStage;

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

@@ -15,6 +15,7 @@ import 'viem';
 import '../../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
 import { isMagicConnector } from '../../../../utils/functions/isMagicConnector/isMagicConnector.js';
+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';
@@ -51,19 +52,12 @@ const TransactionStage = (_a) => {
         provider,
         transaction,
     });
-    return (jsx(TransactionConfirmationView, Object.assign({ provider: provider, transaction: transactionWithGasPrice, mutation: () => __awaiter(void 0, void 0, void 0, function* () {
+    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({
-                account: transactionWithGasPrice.from,
-                chain: null,
-                gasPrice: transactionWithGasPrice.gasPrice,
-                to: transactionWithGasPrice.to,
-                type: 'eip2930',
-                value: transactionWithGasPrice.value,
-            });
+            const sentTransaction = yield signer.sendTransaction(Object.assign(Object.assign({}, transaction), { account: transaction.from, chain: null }));
             return sentTransaction;
-        }) }, rest)));
+        })) }, rest)));
 };
 
 export { TransactionStage };

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.cjs

@@ -13,6 +13,7 @@ require('@dynamic-labs/wallet-book');
 var getWalletListItemLabel = require('../../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs');
 require('viem');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../../context/ViewContext/ViewContext.cjs');
 var stroke = require('../../../../shared/assets/stroke.cjs');
 require('../../../../shared/consts/index.cjs');

package/src/lib/views/WalletGroupView/components/WalletGroupItem/WalletGroupItem.js

@@ -9,6 +9,7 @@ import '@dynamic-labs/wallet-book';
 import { getWalletListItemLabel } from '../../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js';
 import 'viem';
 import '../../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
 import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgStroke } from '../../../../shared/assets/stroke.js';
 import '../../../../shared/consts/index.js';

package/src/lib/views/WalletList/WalletListItem/WalletListItem.cjs

@@ -16,11 +16,11 @@ require('@dynamic-labs/wallet-connector-core');
 var getWalletListItemLabel = require('../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.cjs');
 require('viem');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../utils/constants/colors.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/utils');
 var pixelToRem = require('../../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');

package/src/lib/views/WalletList/WalletListItem/WalletListItem.js

@@ -12,11 +12,11 @@ import '@dynamic-labs/wallet-connector-core';
 import { getWalletListItemLabel } from '../../../shared/utils/functions/getWalletListItemLabel/getWalletListItemLabel.js';
 import 'viem';
 import '../../../shared/utils/classes/storage/localStorage.js';
+import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../utils/constants/colors.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/utils';
 import { pixelToRem } from '../../../utils/functions/pixelToRem/pixelToRem.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../context/ThemeContext/ThemeContext.js';

package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.cjs

@@ -18,7 +18,10 @@ const useFetchCurrency = (connector, network) => {
                 setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
                 return;
             }
-            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            const network = connector.connectedChain === 'STARK'
+                ? 'starknetNetworks'
+                : 'evmNetworks';
+            const result = (_b = connector[network]) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
             setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
             return [currency];
         });

package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.js

@@ -14,7 +14,10 @@ const useFetchCurrency = (connector, network) => {
                 setCurrency(chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
                 return;
             }
-            const result = (_b = connector.evmNetworks) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
+            const network = connector.connectedChain === 'STARK'
+                ? 'starknetNetworks'
+                : 'evmNetworks';
+            const result = (_b = connector[network]) === null || _b === void 0 ? void 0 : _b.find((element) => element.chainId === chainId);
             setCurrency((_d = (_c = result === null || result === void 0 ? void 0 : result.nativeCurrency) === null || _c === void 0 ? void 0 : _c.symbol) !== null && _d !== void 0 ? _d : chainInfo === null || chainInfo === void 0 ? void 0 : chainInfo.symbol);
             return [currency];
         });

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.cjs

@@ -0,0 +1,13 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+// we need to use an iframe to be the intermediary in communications between the oauth popup and the sdk
+// because of twitter limitations with accessing the window.opener and BroadcastChannel not working between
+// different origins (our api redirect page and the app where the sdk is running)
+// https://linear.app/dynamic-labs/issue/GVTY-17/[frontend]-fix-twitter-linking
+const OAuthIFrameContainer = () => (jsxRuntime.jsx("div", { id: 'oauth-iframe-container', "data-testid": 'oauth-iframe-container', style: { height: 0, visibility: 'hidden', width: 0 } }));
+
+exports.OAuthIFrameContainer = OAuthIFrameContainer;

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const OAuthIFrameContainer: () => JSX.Element;

package/src/lib/widgets/OAuthIFrameContainer/OAuthIFrameContainer.js

@@ -0,0 +1,9 @@
+import { jsx } from 'react/jsx-runtime';
+
+// we need to use an iframe to be the intermediary in communications between the oauth popup and the sdk
+// because of twitter limitations with accessing the window.opener and BroadcastChannel not working between
+// different origins (our api redirect page and the app where the sdk is running)
+// https://linear.app/dynamic-labs/issue/GVTY-17/[frontend]-fix-twitter-linking
+const OAuthIFrameContainer = () => (jsx("div", { id: 'oauth-iframe-container', "data-testid": 'oauth-iframe-container', style: { height: 0, visibility: 'hidden', width: 0 } }));
+
+export { OAuthIFrameContainer };

package/src/lib/widgets/OAuthIFrameContainer/index.d.ts

@@ -0,0 +1 @@
+export { OAuthIFrameContainer } from './OAuthIFrameContainer';

package/src/lib/widgets/index.d.ts

@@ -1,3 +1,4 @@
 export * from './DynamicWidget';
 export * from './FundingWidget';
 export * from './DynamicBridgeWidget';
+export * from './OAuthIFrameContainer';