@dynamic-labs/sdk-react-core 3.0.0-alpha.61 → 3.0.0-alpha.62

package/CHANGELOG.md

@@ -1,4 +1,11 @@
 
+## [3.0.0-alpha.62](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.61...v3.0.0-alpha.62) (2024-09-08)
+
+
+### Bug Fixes
+
+* fiat not displaying ([#6825](https://github.com/dynamic-labs/DynamicAuth/issues/6825)) ([a76a14d](https://github.com/dynamic-labs/DynamicAuth/commit/a76a14dfb10d44b15b406995122c080961546728))
+
 ## [3.0.0-alpha.61](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.60...v3.0.0-alpha.61) (2024-09-06)
 
 ## [3.0.0-alpha.60](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.59...v3.0.0-alpha.60) (2024-09-05)

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.61";
+var version = "3.0.0-alpha.62";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.526",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.61";
+var version = "3.0.0-alpha.62";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.526",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.61",
+  "version": "3.0.0-alpha.62",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.61",
-    "@dynamic-labs/logger": "3.0.0-alpha.61",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.61",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.61",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.61",
-    "@dynamic-labs/store": "3.0.0-alpha.61",
-    "@dynamic-labs/types": "3.0.0-alpha.61",
-    "@dynamic-labs/utils": "3.0.0-alpha.61",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.61",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.61",
+    "@dynamic-labs/iconic": "3.0.0-alpha.62",
+    "@dynamic-labs/logger": "3.0.0-alpha.62",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.62",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.62",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.62",
+    "@dynamic-labs/store": "3.0.0-alpha.62",
+    "@dynamic-labs/types": "3.0.0-alpha.62",
+    "@dynamic-labs/utils": "3.0.0-alpha.62",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.62",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.62",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -114,8 +114,8 @@ require('./lib/components/MenuList/Dropdown/Dropdown.cjs');
 var useSwitchWallet = require('./lib/utils/hooks/useSwitchWallet/useSwitchWallet.cjs');
 require('formik');
 require('./lib/store/state/sendBalances/sendBalances.cjs');
-require('./lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('./lib/components/Input/Input.cjs');
+require('./lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('./lib/context/PasskeyContext/PasskeyContext.cjs');
 require('./lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('./lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');

package/src/index.js

@@ -110,8 +110,8 @@ import './lib/components/MenuList/Dropdown/Dropdown.js';
 export { useSwitchWallet } from './lib/utils/hooks/useSwitchWallet/useSwitchWallet.js';
 import 'formik';
 import './lib/store/state/sendBalances/sendBalances.js';
-import './lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import './lib/components/Input/Input.js';
+import './lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import './lib/context/PasskeyContext/PasskeyContext.js';
 import './lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 export { useEmbeddedReveal } from './lib/utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';

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

@@ -68,8 +68,8 @@ require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../store/state/sendBalances/sendBalances.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../Input/Input.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

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

@@ -64,8 +64,8 @@ import '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../store/state/sendBalances/sendBalances.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../Input/Input.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

package/src/lib/components/EmailForm/EmailForm.cjs

@@ -69,8 +69,8 @@ require('../MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('formik');
 require('../../store/state/sendBalances/sendBalances.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var Input = require('../Input/Input.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

package/src/lib/components/EmailForm/EmailForm.js

@@ -65,8 +65,8 @@ import '../MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import 'formik';
 import '../../store/state/sendBalances/sendBalances.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { Input } from '../Input/Input.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

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

@@ -70,8 +70,8 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

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

@@ -66,8 +66,8 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../store/state/sendBalances/sendBalances.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

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

@@ -71,8 +71,8 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

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

@@ -67,8 +67,8 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../store/state/sendBalances/sendBalances.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

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

@@ -68,8 +68,8 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

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

@@ -64,8 +64,8 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../store/state/sendBalances/sendBalances.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

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

@@ -72,8 +72,8 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

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

@@ -68,8 +68,8 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../store/state/sendBalances/sendBalances.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

package/src/lib/components/PhoneNumberField/PhoneNumberField.cjs

@@ -71,9 +71,9 @@ require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../store/state/sendBalances/sendBalances.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var Input = require('../Input/Input.cjs');
 var MenuList = require('../MenuList/MenuList/MenuList.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

package/src/lib/components/PhoneNumberField/PhoneNumberField.js

@@ -67,9 +67,9 @@ import '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../store/state/sendBalances/sendBalances.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { Input } from '../Input/Input.js';
 import { MenuList } from '../MenuList/MenuList/MenuList.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.cjs

@@ -73,8 +73,8 @@ require('../../MenuList/Dropdown/Dropdown.cjs');
 var TypographyButton = require('../../TypographyButton/TypographyButton.cjs');
 require('formik');
 require('../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../Input/Input.cjs');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../polyfills.cjs');

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.js

@@ -69,8 +69,8 @@ import '../../MenuList/Dropdown/Dropdown.js';
 import { TypographyButton } from '../../TypographyButton/TypographyButton.js';
 import 'formik';
 import '../../../store/state/sendBalances/sendBalances.js';
-import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../Input/Input.js';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../polyfills.js';

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.cjs

@@ -70,8 +70,8 @@ require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../store/state/sendBalances/sendBalances.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../Input/Input.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.js

@@ -66,8 +66,8 @@ import '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../store/state/sendBalances/sendBalances.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../Input/Input.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

package/src/lib/components/RenderView/RenderView.cjs

@@ -66,8 +66,8 @@ require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../store/state/sendBalances/sendBalances.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../Input/Input.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

package/src/lib/components/RenderView/RenderView.js

@@ -62,8 +62,8 @@ import '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../store/state/sendBalances/sendBalances.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../Input/Input.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -5,10 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var reactI18next = require('react-i18next');
 var formik = require('formik');
+var reactI18next = require('react-i18next');
 var yup = require('yup');
-var roundToNthDecimal = require('../../utils/functions/roundToNthDecimal/roundToNthDecimal.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
@@ -82,6 +81,7 @@ require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 var sendBalances = require('../../store/state/sendBalances/sendBalances.cjs');
+var roundToNthDecimal = require('../../utils/functions/roundToNthDecimal/roundToNthDecimal.cjs');
 var TokensBalanceDropdown = require('../SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs');
 var utils = require('../TransactionConfirmationPageLayout/utils.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -167,12 +167,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                     setErrors({});
                                     handleChange(e);
                                     if (!newValue || Number.isNaN(newValue)) {
-                                        sendBalances.setSendBalanceState({ amount: 0 });
+                                        sendBalances.setSendBalanceVariable('amount', 0);
                                         return;
                                     }
-                                    sendBalances.setSendBalanceState({
-                                        amount: (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined,
-                                    });
+                                    sendBalances.setSendBalanceVariable('amount', (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined);
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input.Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,

package/src/lib/components/SendBalanceForm/SendBalanceForm.d.ts

@@ -1,6 +1,6 @@
-import { FC, Dispatch, SetStateAction } from 'react';
-import { IUITransaction } from '@dynamic-labs/types';
+import { Dispatch, FC, SetStateAction } from 'react';
 import { TokenBalance } from '@dynamic-labs/sdk-api-core';
+import { IUITransaction } from '@dynamic-labs/types';
 export type SendBalanceFormValues = {
     amount: string;
     recipient: string;

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -1,10 +1,9 @@
 'use client'
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useRef, useState, useEffect, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
 import { Formik, Form, Field } from 'formik';
+import { useTranslation } from 'react-i18next';
 import { object, string } from 'yup';
-import { roundToNthDecimal } from '../../utils/functions/roundToNthDecimal/roundToNthDecimal.js';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
@@ -77,7 +76,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
-import { useSendBalanceState, setSendBalanceState } from '../../store/state/sendBalances/sendBalances.js';
+import { useSendBalanceState, setSendBalanceVariable } from '../../store/state/sendBalances/sendBalances.js';
+import { roundToNthDecimal } from '../../utils/functions/roundToNthDecimal/roundToNthDecimal.js';
 import { TokensBalanceDropdown } from '../SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js';
 import { getDisplayFiatPrice } from '../TransactionConfirmationPageLayout/utils.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -163,12 +163,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                     setErrors({});
                                     handleChange(e);
                                     if (!newValue || Number.isNaN(newValue)) {
-                                        setSendBalanceState({ amount: 0 });
+                                        setSendBalanceVariable('amount', 0);
                                         return;
                                     }
-                                    setSendBalanceState({
-                                        amount: (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined,
-                                    });
+                                    setSendBalanceVariable('amount', (currentToken === null || currentToken === void 0 ? void 0 : currentToken.price) ? Number(newValue) : undefined);
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs

@@ -72,11 +72,11 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 var sendBalances = require('../../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var roundToNthDecimal = require('../../../../utils/functions/roundToNthDecimal/roundToNthDecimal.cjs');
 require('../../../Input/Input.cjs');
 var abi = require('../../../../utils/constants/erc20/abi.cjs');
 var MenuList = require('../../../MenuList/MenuList/MenuList.cjs');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');
@@ -147,10 +147,10 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
         }
         if (selectedToken) {
             if (tokenBalances && ((_b = tokenBalances[0]) === null || _b === void 0 ? void 0 : _b.price))
-                sendBalances.setSendBalanceState({ nativePrice: tokenBalances[0].price });
+                sendBalances.setSendBalanceVariable('nativePrice', tokenBalances[0].price);
             setCurrentToken(selectedToken);
             setFieldValue('amount', '');
-            sendBalances.setSendBalanceState({ amount: 0 });
+            sendBalances.setSendBalanceVariable('amount', 0);
             setErrors({});
         }
         setIsDropdownOpen(!isDropdownOpen);

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js

@@ -67,12 +67,12 @@ import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
-import { setSendBalanceState } from '../../../../store/state/sendBalances/sendBalances.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import { setSendBalanceVariable } from '../../../../store/state/sendBalances/sendBalances.js';
 import { roundToNthDecimal } from '../../../../utils/functions/roundToNthDecimal/roundToNthDecimal.js';
 import '../../../Input/Input.js';
 import { erc20Abi } from '../../../../utils/constants/erc20/abi.js';
 import { MenuList } from '../../../MenuList/MenuList/MenuList.js';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';
@@ -143,10 +143,10 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
         }
         if (selectedToken) {
             if (tokenBalances && ((_b = tokenBalances[0]) === null || _b === void 0 ? void 0 : _b.price))
-                setSendBalanceState({ nativePrice: tokenBalances[0].price });
+                setSendBalanceVariable('nativePrice', tokenBalances[0].price);
             setCurrentToken(selectedToken);
             setFieldValue('amount', '');
-            setSendBalanceState({ amount: 0 });
+            setSendBalanceVariable('amount', 0);
             setErrors({});
         }
         setIsDropdownOpen(!isDropdownOpen);

package/src/lib/components/ToggleVisibilityButton/ToggleVisibilityButton.cjs

@@ -72,8 +72,8 @@ require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../store/state/sendBalances/sendBalances.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../Input/Input.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

package/src/lib/components/ToggleVisibilityButton/ToggleVisibilityButton.js

@@ -68,8 +68,8 @@ import '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../store/state/sendBalances/sendBalances.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../Input/Input.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -77,10 +77,10 @@ var IconButton = require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 var sendBalances = require('../../store/state/sendBalances/sendBalances.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
 require('../Input/Input.cjs');
 var utils = require('../TransactionConfirmationPageLayout/utils.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.js

@@ -73,10 +73,10 @@ import { IconButton } from '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import { useSendBalanceState } from '../../store/state/sendBalances/sendBalances.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import { ModalHeader } from '../ModalHeader/ModalHeader.js';
 import '../Input/Input.js';
 import { getValueRounded } from '../TransactionConfirmationPageLayout/utils.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -81,10 +81,10 @@ var EditProfileButton = require('./parts/EditProfileButton/EditProfileButton.cjs
 require('formik');
 var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('../../store/state/sendBalances/sendBalances.cjs');
-require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../IconButton/IconButton.cjs');
 require('../Input/Input.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../polyfills.cjs');

package/src/lib/components/UserProfile/UserProfile.js

@@ -77,10 +77,10 @@ import { EditProfileButton } from './parts/EditProfileButton/EditProfileButton.j
 import 'formik';
 import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import '../../store/state/sendBalances/sendBalances.js';
-import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../IconButton/IconButton.js';
 import '../Input/Input.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../polyfills.js';

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -70,8 +70,8 @@ require('../../../MenuList/Dropdown/Dropdown.cjs');
 var VerifiedUserFieldIcon = require('./components/VerifiedUserFieldIcon/VerifiedUserFieldIcon.cjs');
 require('formik');
 require('../../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -66,8 +66,8 @@ import '../../../MenuList/Dropdown/Dropdown.js';
 import { VerifiedUserFieldIcon } from './components/VerifiedUserFieldIcon/VerifiedUserFieldIcon.js';
 import 'formik';
 import '../../../../store/state/sendBalances/sendBalances.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -67,8 +67,8 @@ require('../../../IconButton/IconButton.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
 require('../../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -63,8 +63,8 @@ import '../../../IconButton/IconButton.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
 import '../../../../store/state/sendBalances/sendBalances.js';
-import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../Input/Input.js';
+import '../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -76,8 +76,8 @@ var ConnectedAccountAvatar = require('./components/ConnectedAccountAvatar/Connec
 var TypographyButton = require('../../../TypographyButton/TypographyButton.cjs');
 require('formik');
 require('../../../../store/state/sendBalances/sendBalances.cjs');
-require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../Input/Input.cjs');
+require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');