@dynamic-labs/sdk-react-core 3.0.0-alpha.56 → 3.0.0-alpha.57

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

@@ -20,7 +20,7 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('../../shared/utils/classes/storage/sessionStorage.cjs');
-require('@dynamic-labs/store');
+require('../../store/state/loadingAndLifecycle.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
 require('../../events/dynamicEvents.cjs');
@@ -31,9 +31,9 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var getOrdinalNumber = require('../../utils/functions/getOrdinalNumber/getOrdinalNumber.cjs');
 require('../../config/ApiEndpoint.cjs');
+require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
-var sendBalanceActions = require('../../store/actions/sendBalanceActions/sendBalanceActions.cjs');
-var useSendBalanceState = require('../../store/hooks/useSendBalanceState/useSendBalanceState.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -50,6 +50,8 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../store/state/environmentId.cjs');
+require('../../store/state/walletConnectorOptions/walletConnectorOptions.cjs');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../Alert/Alert.cjs');
 var Typography = require('../Typography/Typography.cjs');
@@ -79,6 +81,7 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+var sendBalances = require('../../store/state/sendBalances/sendBalances.cjs');
 var TokensBalanceDropdown = require('../SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.cjs');
 var utils = require('../TransactionConfirmationPageLayout/utils.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -95,6 +98,7 @@ require('../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../store/state/tokenBalances.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const sendBalanceFormInitialValues = {
@@ -126,7 +130,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
     const { showFiat } = useInternalDynamicContext.useInternalDynamicContext();
     const floatingValueRef = React.useRef(null);
     const [leftSymbolPadding, setLeftSymbolPadding] = React.useState(0);
-    const { amount } = useSendBalanceState.useSendBalanceState();
+    const { amount } = sendBalances.useSendBalanceState();
     React.useEffect(() => {
         if (floatingValueRef.current) {
             const floatingDivWidth = floatingValueRef.current.offsetWidth;
@@ -163,10 +167,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                     setErrors({});
                                     handleChange(e);
                                     if (!newValue || Number.isNaN(newValue)) {
-                                        sendBalanceActions.setSendBalance({ amount: 0 });
+                                        sendBalances.setSendBalanceState({ amount: 0 });
                                         return;
                                     }
-                                    sendBalanceActions.setSendBalance({
+                                    sendBalances.setSendBalanceState({
                                         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'] &&

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

@@ -16,7 +16,7 @@ import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '../../shared/utils/classes/storage/sessionStorage.js';
-import '@dynamic-labs/store';
+import '../../store/state/loadingAndLifecycle.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
 import '../../events/dynamicEvents.js';
@@ -27,9 +27,9 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { getOrdinalNumber } from '../../utils/functions/getOrdinalNumber/getOrdinalNumber.js';
 import '../../config/ApiEndpoint.js';
+import '../../store/state/user/user.js';
 import '../../locale/locale.js';
-import { setSendBalance } from '../../store/actions/sendBalanceActions/sendBalanceActions.js';
-import { useSendBalanceState } from '../../store/hooks/useSendBalanceState/useSendBalanceState.js';
+import '../../store/state/projectSettings/projectSettings.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
@@ -46,6 +46,8 @@ import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import '../../store/state/environmentId.js';
+import '../../store/state/walletConnectorOptions/walletConnectorOptions.js';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
 import '../Alert/Alert.js';
 import { Typography } from '../Typography/Typography.js';
@@ -75,6 +77,7 @@ 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 { TokensBalanceDropdown } from '../SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.js';
 import { getDisplayFiatPrice } from '../TransactionConfirmationPageLayout/utils.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -91,6 +94,7 @@ import '../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../context/ConnectWithOtpContext/constants.js';
 import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../store/state/tokenBalances.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const sendBalanceFormInitialValues = {
@@ -159,10 +163,10 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                     setErrors({});
                                     handleChange(e);
                                     if (!newValue || Number.isNaN(newValue)) {
-                                        setSendBalance({ amount: 0 });
+                                        setSendBalanceState({ amount: 0 });
                                         return;
                                     }
-                                    setSendBalance({
+                                    setSendBalanceState({
                                         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'] &&

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

@@ -7,7 +7,7 @@ var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-var IconButton = require('../IconButton/IconButton.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -20,29 +20,18 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('../../shared/utils/classes/storage/sessionStorage.cjs');
-require('@dynamic-labs/store');
+require('../../store/state/loadingAndLifecycle.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
-var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
-var Typography = require('../Typography/Typography.cjs');
-var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
-var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
-require('../Transition/ZoomTransition/ZoomTransition.cjs');
-require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
-require('../Transition/OpacityTransition/OpacityTransition.cjs');
-var VerticalDrawerTransition = require('../Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
-var Alert = require('../Alert/Alert.cjs');
-var SendBalanceForm = require('../SendBalanceForm/SendBalanceForm.cjs');
 require('../../events/dynamicEvents.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../config/ApiEndpoint.cjs');
+require('../../store/state/user/user.cjs');
 require('../../locale/locale.cjs');
-var useSendBalanceState = require('../../store/hooks/useSendBalanceState/useSendBalanceState.cjs');
+require('../../store/state/projectSettings/projectSettings.cjs');
 var networksAndChains = require('../../utils/functions/networksAndChains/networksAndChains.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -62,17 +51,29 @@ require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../../store/state/environmentId.cjs');
+require('../../store/state/walletConnectorOptions/walletConnectorOptions.cjs');
 require('../Accordion/components/AccordionItem/AccordionItem.cjs');
+var Alert = require('../Alert/Alert.cjs');
+var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
+var Typography = require('../Typography/Typography.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
+var IconButton = require('../IconButton/IconButton.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../Input/Input.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+var VerticalDrawerTransition = require('../Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs');
 require('../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
+var ModalHeader = require('../ModalHeader/ModalHeader.cjs');
 require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
 require('qrcode');
 require('formik');
 require('../../views/WalletList/WalletList.cjs');
@@ -84,6 +85,8 @@ require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
+var sendBalances = require('../../store/state/sendBalances/sendBalances.cjs');
+var SendBalanceForm = require('../SendBalanceForm/SendBalanceForm.cjs');
 var constants = require('./components/TokensBalanceDropdown/constants.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
@@ -99,12 +102,14 @@ require('../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+require('../../store/state/tokenBalances.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
     var _a;
     const { t } = reactI18next.useTranslation();
     const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
-    const { chainName } = useSendBalanceState.useSendBalanceState();
+    const { chainName } = sendBalances.useSendBalanceState();
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     const { data: balance } = usePromise.usePromise(() => transaction.getBalance(), {

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

@@ -1,4 +1,4 @@
-import { FC, MouseEventHandler, ReactNode, SetStateAction, Dispatch } from 'react';
+import { Dispatch, FC, MouseEventHandler, ReactNode, SetStateAction } from 'react';
 import { TokenBalance } from '@dynamic-labs/sdk-api-core';
 import { IUITransaction } from '@dynamic-labs/types';
 export type SendBalancePageLayoutProps = {

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

@@ -3,7 +3,7 @@ import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
-import { IconButton } from '../IconButton/IconButton.js';
+import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -16,29 +16,18 @@ import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import '../../shared/utils/classes/storage/sessionStorage.js';
-import '@dynamic-labs/store';
+import '../../store/state/loadingAndLifecycle.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
-import { ModalHeader } from '../ModalHeader/ModalHeader.js';
-import { Typography } from '../Typography/Typography.js';
-import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
-import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
-import '../Transition/ZoomTransition/ZoomTransition.js';
-import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
-import '../Transition/OpacityTransition/OpacityTransition.js';
-import { VerticalDrawerTransition } from '../Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
-import { Alert } from '../Alert/Alert.js';
-import { SendBalanceForm } from '../SendBalanceForm/SendBalanceForm.js';
 import '../../events/dynamicEvents.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../config/ApiEndpoint.js';
+import '../../store/state/user/user.js';
 import '../../locale/locale.js';
-import { useSendBalanceState } from '../../store/hooks/useSendBalanceState/useSendBalanceState.js';
+import '../../store/state/projectSettings/projectSettings.js';
 import { getNativeTokenInfo } from '../../utils/functions/networksAndChains/networksAndChains.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -58,17 +47,29 @@ import '../../views/CollectUserDataView/useFields.js';
 import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
+import '../../store/state/environmentId.js';
+import '../../store/state/walletConnectorOptions/walletConnectorOptions.js';
 import '../Accordion/components/AccordionItem/AccordionItem.js';
+import { Alert } from '../Alert/Alert.js';
+import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
+import { Typography } from '../Typography/Typography.js';
 import '../ShadowDOM/ShadowDOM.js';
+import { IconButton } from '../IconButton/IconButton.js';
 import '../InlineWidget/InlineWidget.js';
 import '../Input/Input.js';
 import '../IsBrowser/IsBrowser.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import { VerticalDrawerTransition } from '../Transition/VerticalDrawerTransition/VerticalDrawerTransition.js';
 import '../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
+import { ModalHeader } from '../ModalHeader/ModalHeader.js';
 import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 import 'qrcode';
 import 'formik';
 import '../../views/WalletList/WalletList.js';
@@ -80,6 +81,8 @@ import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
+import { useSendBalanceState } from '../../store/state/sendBalances/sendBalances.js';
+import { SendBalanceForm } from '../SendBalanceForm/SendBalanceForm.js';
 import { nativeSolanaAddress, zeroAddress } from './components/TokensBalanceDropdown/constants.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
@@ -95,6 +98,8 @@ import '../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../context/ConnectWithOtpContext/constants.js';
 import '../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import '../../store/state/tokenBalances.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
     var _a;

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

@@ -7,7 +7,11 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var reactI18next = require('react-i18next');
-var abi = require('../../../../utils/constants/erc20/abi.cjs');
+var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
+require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../Alert/Alert.cjs');
+require('../../../../events/dynamicEvents.cjs');
+require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
@@ -20,17 +24,17 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../shared/utils/classes/storage/sessionStorage.cjs');
-require('@dynamic-labs/store');
-require('@dynamic-labs/utils');
+require('../../../../store/state/loadingAndLifecycle.cjs');
 require('../../../../shared/consts/index.cjs');
-require('../../../../events/dynamicEvents.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../../config/ApiEndpoint.cjs');
+require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
-var sendBalanceActions = require('../../../../store/actions/sendBalanceActions/sendBalanceActions.cjs');
+require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -48,54 +52,55 @@ require('../../../../views/CollectUserDataView/useFields.cjs');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
-var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
-require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
-require('../../../Alert/Alert.cjs');
+require('../../../../store/state/environmentId.cjs');
+require('../../../../store/state/walletConnectorOptions/walletConnectorOptions.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
-var Icon = require('../../../Icon/Icon.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
-require('../../../IconButton/IconButton.cjs');
-require('../../../InlineWidget/InlineWidget.cjs');
-require('../../../Input/Input.cjs');
-require('../../../IsBrowser/IsBrowser.cjs');
-require('../../../MenuList/Dropdown/Dropdown.cjs');
-var MenuList = require('../../../MenuList/MenuList/MenuList.cjs');
 require('../../../Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
-require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../Popper/Popper/Popper.cjs');
-require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
-require('qrcode');
-require('formik');
-require('../../../../views/WalletList/WalletList.cjs');
-require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
+require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 var Skeleton = require('../../../Skeleton/Skeleton.cjs');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../../context/PasskeyContext/PasskeyContext.cjs');
-var roundToNthDecimal = require('../../../../utils/functions/roundToNthDecimal/roundToNthDecimal.cjs');
-require('../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+var Icon = require('../../../Icon/Icon.cjs');
+require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+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('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../../polyfills.cjs');
 require('../../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
 require('../../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../IsBrowser/IsBrowser.cjs');
 require('../../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
 require('../../../../context/FundingContext/FundingContext.cjs');
+require('../../../Popper/Popper/Popper.cjs');
+require('../../../Popper/PopperContext/PopperContext.cjs');
+require('../../../../views/WalletList/WalletList.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/SendBalanceContext/SendBalanceContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
-var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+require('../../../../store/state/tokenBalances.cjs');
+require('../../../InlineWidget/InlineWidget.cjs');
+require('qrcode');
 
 const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, isLoading, setFieldValue, setErrors, }) => {
     const { t } = reactI18next.useTranslation();
@@ -142,10 +147,10 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
         }
         if (selectedToken) {
             if (tokenBalances && ((_b = tokenBalances[0]) === null || _b === void 0 ? void 0 : _b.price))
-                sendBalanceActions.setSendBalance({ nativePrice: tokenBalances[0].price });
+                sendBalances.setSendBalanceState({ nativePrice: tokenBalances[0].price });
             setCurrentToken(selectedToken);
             setFieldValue('amount', '');
-            sendBalanceActions.setSendBalance({ amount: 0 });
+            sendBalances.setSendBalanceState({ amount: 0 });
             setErrors({});
         }
         setIsDropdownOpen(!isDropdownOpen);

package/src/lib/components/SendBalancePageLayout/components/TokensBalanceDropdown/TokensBalanceDropdown.d.ts

@@ -1,4 +1,4 @@
-import { FC, Dispatch, SetStateAction } from 'react';
+import { Dispatch, FC, SetStateAction } from 'react';
 import { TokenBalance } from '@dynamic-labs/sdk-api-core';
 type TokensBalanceDropdownProps = {
     tokenBalances: TokenBalance[] | undefined;

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

@@ -3,7 +3,11 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useState, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
-import { erc20Abi } from '../../../../utils/constants/erc20/abi.js';
+import { classNames } from '../../../../utils/functions/classNames/classNames.js';
+import '../../../Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../Alert/Alert.js';
+import '../../../../events/dynamicEvents.js';
+import '@dynamic-labs/utils';
 import '../../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
@@ -16,17 +20,17 @@ import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../shared/utils/classes/storage/sessionStorage.js';
-import '@dynamic-labs/store';
-import '@dynamic-labs/utils';
+import '../../../../store/state/loadingAndLifecycle.js';
 import '../../../../shared/consts/index.js';
-import '../../../../events/dynamicEvents.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../../config/ApiEndpoint.js';
+import '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
-import { setSendBalance } from '../../../../store/actions/sendBalanceActions/sendBalanceActions.js';
+import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -44,54 +48,55 @@ import '../../../../views/CollectUserDataView/useFields.js';
 import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
-import { classNames } from '../../../../utils/functions/classNames/classNames.js';
-import '../../../Accordion/components/AccordionItem/AccordionItem.js';
-import '../../../Alert/Alert.js';
+import '../../../../store/state/environmentId.js';
+import '../../../../store/state/walletConnectorOptions/walletConnectorOptions.js';
 import { Typography } from '../../../Typography/Typography.js';
-import { Icon } from '../../../Icon/Icon.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../ShadowDOM/ShadowDOM.js';
-import '../../../IconButton/IconButton.js';
-import '../../../InlineWidget/InlineWidget.js';
-import '../../../Input/Input.js';
-import '../../../IsBrowser/IsBrowser.js';
-import '../../../MenuList/Dropdown/Dropdown.js';
-import { MenuList } from '../../../MenuList/MenuList/MenuList.js';
 import '../../../Transition/ZoomTransition/ZoomTransition.js';
 import '../../../Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../Transition/OpacityTransition/OpacityTransition.js';
-import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../Popper/Popper/Popper.js';
-import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
-import 'qrcode';
-import 'formik';
-import '../../../../views/WalletList/WalletList.js';
-import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
-import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
-import '../../../../context/FooterAnimationContext/index.js';
+import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import { Skeleton } from '../../../Skeleton/Skeleton.js';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../../context/PasskeyContext/PasskeyContext.js';
-import { roundToNthDecimal } from '../../../../utils/functions/roundToNthDecimal/roundToNthDecimal.js';
-import '../../../OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import { Icon } from '../../../Icon/Icon.js';
+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 { 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 '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../../polyfills.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryBase.js';
 import '../../../../context/ErrorBoundary/ErrorBoundaryContext.js';
 import '../../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../IsBrowser/IsBrowser.js';
 import '../../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
 import '../../../../context/FundingContext/FundingContext.js';
+import '../../../Popper/Popper/Popper.js';
+import '../../../Popper/PopperContext/PopperContext.js';
+import '../../../../views/WalletList/WalletList.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/SendBalanceContext/SendBalanceContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../context/ReinitializeContext/ReinitializeContextProvider.js';
-import { useInternalDynamicContext } from '../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import '../../../../store/state/tokenBalances.js';
+import '../../../InlineWidget/InlineWidget.js';
+import 'qrcode';
 
 const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, isLoading, setFieldValue, setErrors, }) => {
     const { t } = useTranslation();
@@ -138,10 +143,10 @@ const TokensBalanceDropdown = ({ tokenBalances, currentToken, setCurrentToken, i
         }
         if (selectedToken) {
             if (tokenBalances && ((_b = tokenBalances[0]) === null || _b === void 0 ? void 0 : _b.price))
-                setSendBalance({ nativePrice: tokenBalances[0].price });
+                setSendBalanceState({ nativePrice: tokenBalances[0].price });
             setCurrentToken(selectedToken);
             setFieldValue('amount', '');
-            setSendBalance({ amount: 0 });
+            setSendBalanceState({ amount: 0 });
             setErrors({});
         }
         setIsDropdownOpen(!isDropdownOpen);