@dynamic-labs/sdk-react-core 1.2.0-alpha.0 → 1.2.0

package/CHANGELOG.md

@@ -1,4 +1,35 @@
 
+## [1.2.0](https://github.com/dynamic-labs/DynamicAuth/compare/v1.2.0-alpha.1...v1.2.0) (2024-02-29)
+
+
+### Features
+
+* add networkValidationMode and deprecate enableForcedNetworkValidation ([#4776](https://github.com/dynamic-labs/DynamicAuth/issues/4776)) ([d826bf7](https://github.com/dynamic-labs/DynamicAuth/commit/d826bf704814e69466f811186499839472d107fc))
+* include l1 fee to gas estimation ([#4743](https://github.com/dynamic-labs/DynamicAuth/issues/4743)) ([601a7ab](https://github.com/dynamic-labs/DynamicAuth/commit/601a7ab07791e89b07eb70f2960ff855eff84a87))
+* add FilterChain helper function ([#4632](https://github.com/dynamic-labs/DynamicAuth/issues/4632)) ([56d474b](https://github.com/dynamic-labs/DynamicAuth/commit/56d474bf50a566774179ae929c4587ef841809bc))
+* allow exporting embedded wallets key/seed using email auth session ([#4580](https://github.com/dynamic-labs/DynamicAuth/issues/4580)) ([7b7a826](https://github.com/dynamic-labs/DynamicAuth/commit/7b7a8265ff16057284a50046f2310e1abdca5e50))
+* add retry email otp in headless ([#4639](https://github.com/dynamic-labs/DynamicAuth/issues/4639)) ([70630e2](https://github.com/dynamic-labs/DynamicAuth/commit/70630e28e4b370581add65fc5f69c41c28346cc6))
+* add tabs to wallet list view ([#4619](https://github.com/dynamic-labs/DynamicAuth/issues/4619)) ([c552a8e](https://github.com/dynamic-labs/DynamicAuth/commit/c552a8ec9a484b6015e95e9b3b30cd1cd151a45b))
+
+### Bug Fixes
+
+* enable Banxa for all chains ([#4791](https://github.com/dynamic-labs/DynamicAuth/issues/4791)) ([#4823](https://github.com/dynamic-labs/DynamicAuth/issues/4823)) ([18f76f7](https://github.com/dynamic-labs/DynamicAuth/commit/18f76f7798c58009a70a8322e87e78047a6e33a0))
+* fix universal links when using walletconnect ([#4773](https://github.com/dynamic-labs/DynamicAuth/issues/4773)) ([#4779](https://github.com/dynamic-labs/DynamicAuth/issues/4779)) ([3186ef8](https://github.com/dynamic-labs/DynamicAuth/commit/3186ef8896cebd750d2998ad9cc43e4bd11a594a))
+
+## [1.2.0-alpha.1](https://github.com/dynamic-labs/DynamicAuth/compare/v1.2.0-alpha.0...v1.2.0-alpha.1) (2024-02-09)
+
+
+### Features
+
+* add FilterChain helper function ([#4632](https://github.com/dynamic-labs/DynamicAuth/issues/4632)) ([56d474b](https://github.com/dynamic-labs/DynamicAuth/commit/56d474bf50a566774179ae929c4587ef841809bc))
+* add recommendedWallets prop to DynamicContext ([10c79d2](https://github.com/dynamic-labs/DynamicAuth/commit/10c79d2d7d79b3acee52f2feac0ddb6ccb5d9465))
+* allow exporting embedded wallets key/seed using email auth session ([#4580](https://github.com/dynamic-labs/DynamicAuth/issues/4580)) ([7b7a826](https://github.com/dynamic-labs/DynamicAuth/commit/7b7a8265ff16057284a50046f2310e1abdca5e50))
+
+
+### Bug Fixes
+
+* fix the wallet list height ([#4651](https://github.com/dynamic-labs/DynamicAuth/issues/4651)) ([445be11](https://github.com/dynamic-labs/DynamicAuth/commit/445be110044aff2641cb2c8309c7b784d5498645))
+
 ## [1.2.0-alpha.0](https://github.com/dynamic-labs/DynamicAuth/compare/v1.1.0-alpha.26...v1.2.0-alpha.0) (2024-02-09)
 
 

package/package.cjs

@@ -2,9 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "1.2.0-alpha.0";
+var version = "1.2.0";
 var dependencies = {
-	"@dynamic-labs/iconic": "0.1.52",
 	"@dynamic-labs/sdk-api": "0.0.363",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",

package/package.js

@@ -1,6 +1,5 @@
-var version = "1.2.0-alpha.0";
+var version = "1.2.0";
 var dependencies = {
-	"@dynamic-labs/iconic": "0.1.52",
 	"@dynamic-labs/sdk-api": "0.0.363",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",

package/package.json

@@ -1,13 +1,12 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "1.2.0-alpha.0",
+  "version": "1.2.0",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/iconic": "0.1.52",
     "@dynamic-labs/sdk-api": "0.0.363",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
@@ -17,15 +16,16 @@
     "react-focus-lock": "2.9.2",
     "react-i18next": "^13.2.0",
     "yup": "0.32.11",
-    "@dynamic-labs/ethereum": "1.2.0-alpha.0",
-    "@dynamic-labs/logger": "1.2.0-alpha.0",
-    "@dynamic-labs/multi-wallet": "1.2.0-alpha.0",
-    "@dynamic-labs/rpc-providers": "1.2.0-alpha.0",
-    "@dynamic-labs/types": "1.2.0-alpha.0",
-    "@dynamic-labs/utils": "1.2.0-alpha.0",
-    "@dynamic-labs/viem-utils": "1.2.0-alpha.0",
-    "@dynamic-labs/wallet-book": "1.2.0-alpha.0",
-    "@dynamic-labs/wallet-connector-core": "1.2.0-alpha.0",
+    "@dynamic-labs/ethereum": "1.2.0",
+    "@dynamic-labs/iconic": "1.2.0",
+    "@dynamic-labs/logger": "1.2.0",
+    "@dynamic-labs/multi-wallet": "1.2.0",
+    "@dynamic-labs/rpc-providers": "1.2.0",
+    "@dynamic-labs/types": "1.2.0",
+    "@dynamic-labs/utils": "1.2.0",
+    "@dynamic-labs/viem-utils": "1.2.0",
+    "@dynamic-labs/wallet-book": "1.2.0",
+    "@dynamic-labs/wallet-connector-core": "1.2.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -168,6 +168,8 @@ require('./lib/components/Alert/Alert.cjs');
 require('./lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('./lib/context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('./lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('./lib/utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('./lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('./lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
 var useEmbeddedWalletAuthenticator = require('./lib/utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.cjs');
@@ -378,6 +380,7 @@ exports.isSameWalletName = isSameWalletName.isSameWalletName;
 exports.getNetwork = getNetwork.getNetwork;
 exports.FilterAndSortWallets = index$3.FilterAndSortWallets;
 exports.FilterBridgeChainsName = index$3.FilterBridgeChainsName;
+exports.FilterChain = index$3.FilterChain;
 exports.FilterWallets = index$3.FilterWallets;
 exports.RemoveWallets = index$3.RemoveWallets;
 exports.SortWallets = index$3.SortWallets;

package/src/index.js

@@ -164,6 +164,8 @@ import './lib/components/Alert/Alert.js';
 import './lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import './lib/context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import './lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import './lib/utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import './lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 export { useEmbeddedReveal } from './lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
 export { useEmbeddedWalletAuthenticator } from './lib/utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.js';
@@ -194,7 +196,7 @@ export { DynamicMultiWalletPromptsWidget } from './lib/widgets/DynamicMultiWalle
 export { getDefaultColor, getThemeConfig, themesData } from './lib/context/ThemeContext/themesData.js';
 export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
 export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
-export { FilterAndSortWallets, FilterBridgeChainsName, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
+export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';
 import './lib/context/FundingContext/FundingContext.js';
 export { useFunding } from './lib/context/FundingContext/useFunding/useFunding.js';

package/src/lib/Main.cjs

@@ -63,6 +63,8 @@ require('./components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cj
 require('./context/PasskeyContext/PasskeyContext.cjs');
 var RenderView = require('./components/RenderView/RenderView.cjs');
 require('@dynamic-labs/viem-utils');
+require('./views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('./utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 var useInternalDynamicContext = require('./context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('./widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 require('./widgets/DynamicWidget/context/DynamicWidgetContext.cjs');

package/src/lib/Main.js

@@ -59,6 +59,8 @@ import './components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js'
 import './context/PasskeyContext/PasskeyContext.js';
 import { RenderView } from './components/RenderView/RenderView.js';
 import '@dynamic-labs/viem-utils';
+import './views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import './utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import { useInternalDynamicContext } from './context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import './widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import './widgets/DynamicWidget/context/DynamicWidgetContext.js';

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs

@@ -68,6 +68,8 @@ require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynami
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const AccordionItem = ({ children, className = '', isOpen, dataTestId, dimOnHide = false, }) => {

package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js

@@ -64,6 +64,8 @@ import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/Dynamic
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const AccordionItem = ({ children, className = '', isOpen, dataTestId, dimOnHide = false, }) => {

package/src/lib/components/AnimatePresence/AnimatePresence.cjs

@@ -68,6 +68,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const AnimatePresence = ({ children, animationComponent, }) => {

package/src/lib/components/AnimatePresence/AnimatePresence.js

@@ -64,6 +64,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const AnimatePresence = ({ children, animationComponent, }) => {

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.cjs

@@ -73,6 +73,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/components/AuthProviderIcon/AuthProviderIcon.js

@@ -69,6 +69,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/components/Captcha/Captcha.cjs

@@ -66,6 +66,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/components/Captcha/Captcha.js

@@ -62,6 +62,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/components/Divider/Divider.cjs

@@ -59,6 +59,8 @@ require('../Alert/Alert.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');

package/src/lib/components/Divider/Divider.js

@@ -55,6 +55,8 @@ import '../Alert/Alert.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs

@@ -67,6 +67,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js

@@ -63,6 +63,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/components/IconWithSpinner/IconWithSpinner.cjs

@@ -3,7 +3,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
-var React = require('react');
 var utils = require('@dynamic-labs/utils');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('@dynamic-labs/wallet-connector-core');
@@ -11,6 +10,7 @@ require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('../../context/ViewContext/ViewContext.cjs');
+require('react');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
@@ -28,16 +28,6 @@ const iconRatio = 7 / 11;
 const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className = '', indicator, customSpinnerColor, treatAsFunctionComponent, }) => {
     const realIconSize = iconSize * iconRatio;
     const spinnerIconSize = iconSize / 2;
-    const [spinningDegrees, setSpinningDegrees] = React.useState(0);
-    React.useEffect(() => {
-        let currentDegree = 0;
-        const millisecondsForEachSpin = 1300;
-        const spinningInterval = setInterval(() => {
-            setSpinningDegrees(currentDegree);
-            currentDegree = currentDegree < 360 ? currentDegree + 1 : 0;
-        }, millisecondsForEachSpin / 360);
-        return () => clearInterval(spinningInterval);
-    }, []);
     const effectiveContainerClassName = classNames.classNames('icon-with-spinner__container', className);
     const IconAsFC = Icon;
     return (jsxRuntime.jsxs("div", { className: effectiveContainerClassName, style: {
@@ -46,9 +36,8 @@ const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className =
         }, children: [Icon && (jsxRuntime.jsxs("div", { style: {
                     height: pixelToRem.pixelToRem(realIconSize),
                     width: pixelToRem.pixelToRem(realIconSize),
-                }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsxRuntime.jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsxRuntime.jsx(Indicator.Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !utils.isLegacySafari() && (jsxRuntime.jsx("div", { className: 'icon-with-spinner__spinner-container', "data-chromatic": 'ignore', style: {
+                }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsxRuntime.jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsxRuntime.jsx(Indicator.Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !utils.isLegacySafari() && (jsxRuntime.jsx("div", { className: 'icon-with-spinner__spinner-container icon-with-spinner__animation', "data-chromatic": 'ignore', style: {
                     height: pixelToRem.pixelToRem(iconSize),
-                    transform: `rotate(${spinningDegrees}deg)`,
                     width: pixelToRem.pixelToRem(iconSize),
                 }, children: jsxRuntime.jsx(Spinner.Spinner, { className: 'icon-with-spinner__spinner', customSpinnerColor: customSpinnerColor, size: spinnerIconSize }) }))] }));
 };

package/src/lib/components/IconWithSpinner/IconWithSpinner.js

@@ -1,5 +1,4 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
 import { isLegacySafari } from '@dynamic-labs/utils';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '@dynamic-labs/wallet-connector-core';
@@ -7,6 +6,7 @@ import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '../../context/ViewContext/ViewContext.js';
+import 'react';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
@@ -24,16 +24,6 @@ const iconRatio = 7 / 11;
 const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className = '', indicator, customSpinnerColor, treatAsFunctionComponent, }) => {
     const realIconSize = iconSize * iconRatio;
     const spinnerIconSize = iconSize / 2;
-    const [spinningDegrees, setSpinningDegrees] = useState(0);
-    useEffect(() => {
-        let currentDegree = 0;
-        const millisecondsForEachSpin = 1300;
-        const spinningInterval = setInterval(() => {
-            setSpinningDegrees(currentDegree);
-            currentDegree = currentDegree < 360 ? currentDegree + 1 : 0;
-        }, millisecondsForEachSpin / 360);
-        return () => clearInterval(spinningInterval);
-    }, []);
     const effectiveContainerClassName = classNames('icon-with-spinner__container', className);
     const IconAsFC = Icon;
     return (jsxs("div", { className: effectiveContainerClassName, style: {
@@ -42,9 +32,8 @@ const IconWithSpinner = ({ iconSize = 24, Icon, isSpinning = false, className =
         }, children: [Icon && (jsxs("div", { style: {
                     height: pixelToRem(realIconSize),
                     width: pixelToRem(realIconSize),
-                }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsx(Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !isLegacySafari() && (jsx("div", { className: 'icon-with-spinner__spinner-container', "data-chromatic": 'ignore', style: {
+                }, className: 'icon-with-spinner__icon-container', children: [treatAsFunctionComponent || typeof Icon === 'function' ? (jsx(IconAsFC, { height: realIconSize, width: realIconSize })) : (Icon), indicator && jsx(Indicator, { indicator: indicator, iconSize: iconSize })] })), isSpinning && !isLegacySafari() && (jsx("div", { className: 'icon-with-spinner__spinner-container icon-with-spinner__animation', "data-chromatic": 'ignore', style: {
                     height: pixelToRem(iconSize),
-                    transform: `rotate(${spinningDegrees}deg)`,
                     width: pixelToRem(iconSize),
                 }, children: jsx(Spinner, { className: 'icon-with-spinner__spinner', customSpinnerColor: customSpinnerColor, size: spinnerIconSize }) }))] }));
 };

package/src/lib/components/LogoutButton/LogoutButton.cjs

@@ -68,6 +68,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/components/LogoutButton/LogoutButton.js

@@ -64,6 +64,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/components/MenuList/Dropdown/Dropdown.cjs

@@ -70,6 +70,8 @@ require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWi
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const IN_DURATION = 300;

package/src/lib/components/MenuList/Dropdown/Dropdown.js

@@ -66,6 +66,8 @@ import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWid
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const IN_DURATION = 300;

package/src/lib/components/Modal/Modal.cjs

@@ -67,6 +67,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const Modal = ({ children, className, isShown = true, transitionProps, }) => (jsxRuntime.jsx("div", { className: classNames.classNames('modal', className), children: jsxRuntime.jsx(SlideInUpTransition.SlideInUpTransition, Object.assign({}, transitionProps, { isShown: isShown, children: jsxRuntime.jsx("div", { className: 'modal__items', children: children }) })) }));

package/src/lib/components/Modal/Modal.js

@@ -63,6 +63,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const Modal = ({ children, className, isShown = true, transitionProps, }) => (jsx("div", { className: classNames('modal', className), children: jsx(SlideInUpTransition, Object.assign({}, transitionProps, { isShown: isShown, children: jsx("div", { className: 'modal__items', children: children }) })) }));

package/src/lib/components/NeedHelpSection/NeedHelpSection.cjs

@@ -70,6 +70,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/components/NeedHelpSection/NeedHelpSection.js

@@ -66,6 +66,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/components/NetworkPicker/NetworkPicker.cjs

@@ -72,6 +72,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/components/NetworkPicker/NetworkPicker.js

@@ -68,6 +68,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.cjs

@@ -61,6 +61,8 @@ require('../../../Alert/Alert.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.js

@@ -57,6 +57,8 @@ import '../../../Alert/Alert.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';

package/src/lib/components/NetworkPicker/components/Network/Network.cjs

@@ -62,6 +62,8 @@ require('../../../Alert/Alert.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');

package/src/lib/components/NetworkPicker/components/Network/Network.js

@@ -58,6 +58,8 @@ import '../../../Alert/Alert.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.cjs

@@ -63,6 +63,8 @@ require('../../../Alert/Alert.cjs');
 require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');

package/src/lib/components/NetworkPicker/components/NonNetworkSwitchingSupportedControl/NonNetworkSwitchingSupportedControl.js

@@ -59,6 +59,8 @@ import '../../../Alert/Alert.js';
 import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';

package/src/lib/components/OverlayCard/OverlayCard.cjs

@@ -69,6 +69,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
 const OverlayCard = ({ isOpen, children, onClickOverlay, style, className, }) => {

package/src/lib/components/OverlayCard/OverlayCard.js

@@ -65,6 +65,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 
 const OverlayCard = ({ isOpen, children, onClickOverlay, style, className, }) => {

package/src/lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs

@@ -67,6 +67,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 

package/src/lib/components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js

@@ -63,6 +63,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../utils/hooks/useTransactionWithGasPrice/useTransactionWithGasPrice.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';