@dynamic-labs/sdk-react-core 4.47.0 → 4.47.2

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.cjs

@@ -11,8 +11,10 @@ require('../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+var check = require('../../../../shared/assets/check.cjs');
 var chevronDown = require('../../../../shared/assets/chevron-down.cjs');
 require('../../../../context/ViewContext/ViewContext.cjs');
+var reloadIcon = require('../../../../shared/assets/reload-icon.cjs');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
@@ -117,12 +119,16 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
     const [balanceIsExpanded, setBalanceIsExpanded] = React.useState(false);
     /** Controls for the shadow on scroll of the multi asset balance section */
     const [hasShadow, setHasShadow] = React.useState(false);
+    const [isRefreshing, setIsRefreshing] = React.useState(false);
+    const [isSuccess, setIsSuccess] = React.useState(false);
     const contentRef = React.useRef(null);
+    const successTimeoutRef = React.useRef(null);
+    const refreshTimeoutRef = React.useRef(null);
     const { primaryWallet, network, showFiat, multiAsset } = useInternalDynamicContext.useInternalDynamicContext();
     const authMode$1 = authMode.useAuthMode();
     const projectSettings = useProjectSettings.useProjectSettings();
     const { data: testnet } = usePromise.usePromise(() => _tslib.__awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network], initialData: false });
-    const { isLoading: isLoadingTokenBalances, tokenBalances, error: errorTokenBalances, } = useTokenBalances.useTokenBalances({
+    const { isLoading: isLoadingTokenBalances, tokenBalances, error: errorTokenBalances, fetchAccountBalances, } = useTokenBalances.useTokenBalances({
         chainName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain,
         includeFiat: showFiat,
         includeNativeBalance: true,
@@ -152,6 +158,37 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
             setHasShadow(contentRef.current.scrollTop > 0);
         }
     };
+    const handleRefresh = React.useCallback((event) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        event.stopPropagation();
+        if (isRefreshing || isSuccess)
+            return;
+        // Clear any existing timeouts
+        if (successTimeoutRef.current) {
+            clearTimeout(successTimeoutRef.current);
+            successTimeoutRef.current = null;
+        }
+        if (refreshTimeoutRef.current) {
+            clearTimeout(refreshTimeoutRef.current);
+            refreshTimeoutRef.current = null;
+        }
+        setIsRefreshing(true);
+        setIsSuccess(false);
+        try {
+            yield fetchAccountBalances(true);
+            setIsRefreshing(false);
+            setIsSuccess(true);
+            successTimeoutRef.current = setTimeout(() => {
+                setIsSuccess(false);
+                successTimeoutRef.current = null;
+            }, 5000);
+        }
+        catch (error) {
+            refreshTimeoutRef.current = setTimeout(() => {
+                setIsRefreshing(false);
+                refreshTimeoutRef.current = null;
+            }, 1000);
+        }
+    }), [isRefreshing, isSuccess, fetchAccountBalances]);
     const primaryWalletNativeBalance = () => {
         if (!primaryWallet || isLoadingTokenBalances || isLoading) {
             return jsxRuntime.jsx(Skeleton.Skeleton, { className: 'balance-container__skeleton' });
@@ -160,7 +197,10 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
                 ? currencyFormatter.format(parseFloat(totalValue.toFixed(2)))
                 : '<$0.01' })) : (jsxRuntime.jsx(Balance.Balance, { className: 'balance-header__balance', wallet: primaryWallet, network: network, variant: 'numbers_display' }));
     };
-    const balanceHeaderTitle = () => (jsxRuntime.jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'balance-header__title-skeleton' })) : (jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', copykey: 'dyn_active_wallet_info.balance', children: t('dyn_active_wallet_info.balance') })), jsxRuntime.jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
+    const balanceHeaderTitle = () => (jsxRuntime.jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'balance-header__title-skeleton' })) : (jsxRuntime.jsx(Typography.Typography, { color: 'secondary', variant: 'body_normal', copykey: 'dyn_active_wallet_info.balance', children: t('dyn_active_wallet_info.balance') })), jsxRuntime.jsxs("div", { className: 'balance-header__balance', children: [primaryWalletNativeBalance(), isSuccess ? (jsxRuntime.jsx("div", { className: 'balance-header__success-icon', children: jsxRuntime.jsx(check.ReactComponent, { "data-testid": 'success-icon' }) })) : (jsxRuntime.jsx(reloadIcon.ReactComponent, { "data-testid": 'refresh-balances', className: `balance-header__refresh-icon ${isRefreshing ? 'balance-header__refresh-icon--spinning' : ''}`, onClick: handleRefresh, style: {
+                            cursor: isRefreshing ? 'not-allowed' : 'pointer',
+                            opacity: isRefreshing ? 0.5 : 1,
+                        }, title: 'Refresh balances' }))] })] }));
     const toggleBalanceAccordion = React.useCallback(() => {
         if (!isLoadingTokenBalances) {
             setBalanceIsExpanded(!balanceIsExpanded);

package/src/lib/widgets/DynamicWidget/components/ActiveWalletBalance/ActiveWalletBalance.js

@@ -7,8 +7,10 @@ import '../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import { ReactComponent as SvgCheck } from '../../../../shared/assets/check.js';
 import { ReactComponent as SvgChevronDown } from '../../../../shared/assets/chevron-down.js';
 import '../../../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgReloadIcon } from '../../../../shared/assets/reload-icon.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
@@ -113,12 +115,16 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
     const [balanceIsExpanded, setBalanceIsExpanded] = useState(false);
     /** Controls for the shadow on scroll of the multi asset balance section */
     const [hasShadow, setHasShadow] = useState(false);
+    const [isRefreshing, setIsRefreshing] = useState(false);
+    const [isSuccess, setIsSuccess] = useState(false);
     const contentRef = useRef(null);
+    const successTimeoutRef = useRef(null);
+    const refreshTimeoutRef = useRef(null);
     const { primaryWallet, network, showFiat, multiAsset } = useInternalDynamicContext();
     const authMode = useAuthMode();
     const projectSettings = useProjectSettings();
     const { data: testnet } = usePromise(() => __awaiter(void 0, void 0, void 0, function* () { return Boolean(yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.isTestnet())); }), { deps: [network], initialData: false });
-    const { isLoading: isLoadingTokenBalances, tokenBalances, error: errorTokenBalances, } = useTokenBalances({
+    const { isLoading: isLoadingTokenBalances, tokenBalances, error: errorTokenBalances, fetchAccountBalances, } = useTokenBalances({
         chainName: primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector.connectedChain,
         includeFiat: showFiat,
         includeNativeBalance: true,
@@ -148,6 +154,37 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
             setHasShadow(contentRef.current.scrollTop > 0);
         }
     };
+    const handleRefresh = useCallback((event) => __awaiter(void 0, void 0, void 0, function* () {
+        event.stopPropagation();
+        if (isRefreshing || isSuccess)
+            return;
+        // Clear any existing timeouts
+        if (successTimeoutRef.current) {
+            clearTimeout(successTimeoutRef.current);
+            successTimeoutRef.current = null;
+        }
+        if (refreshTimeoutRef.current) {
+            clearTimeout(refreshTimeoutRef.current);
+            refreshTimeoutRef.current = null;
+        }
+        setIsRefreshing(true);
+        setIsSuccess(false);
+        try {
+            yield fetchAccountBalances(true);
+            setIsRefreshing(false);
+            setIsSuccess(true);
+            successTimeoutRef.current = setTimeout(() => {
+                setIsSuccess(false);
+                successTimeoutRef.current = null;
+            }, 5000);
+        }
+        catch (error) {
+            refreshTimeoutRef.current = setTimeout(() => {
+                setIsRefreshing(false);
+                refreshTimeoutRef.current = null;
+            }, 1000);
+        }
+    }), [isRefreshing, isSuccess, fetchAccountBalances]);
     const primaryWalletNativeBalance = () => {
         if (!primaryWallet || isLoadingTokenBalances || isLoading) {
             return jsx(Skeleton, { className: 'balance-container__skeleton' });
@@ -156,7 +193,10 @@ const ActiveWalletBalance = ({ isLoading = false, }) => {
                 ? currencyFormatter.format(parseFloat(totalValue.toFixed(2)))
                 : '<$0.01' })) : (jsx(Balance, { className: 'balance-header__balance', wallet: primaryWallet, network: network, variant: 'numbers_display' }));
     };
-    const balanceHeaderTitle = () => (jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsx(Skeleton, { className: 'balance-header__title-skeleton' })) : (jsx(Typography, { color: 'secondary', variant: 'body_normal', copykey: 'dyn_active_wallet_info.balance', children: t('dyn_active_wallet_info.balance') })), jsx("div", { className: 'balance-header__balance', children: primaryWalletNativeBalance() })] }));
+    const balanceHeaderTitle = () => (jsxs("div", { className: 'balance-header__title', children: [isLoadingTokenBalances || isLoading ? (jsx(Skeleton, { className: 'balance-header__title-skeleton' })) : (jsx(Typography, { color: 'secondary', variant: 'body_normal', copykey: 'dyn_active_wallet_info.balance', children: t('dyn_active_wallet_info.balance') })), jsxs("div", { className: 'balance-header__balance', children: [primaryWalletNativeBalance(), isSuccess ? (jsx("div", { className: 'balance-header__success-icon', children: jsx(SvgCheck, { "data-testid": 'success-icon' }) })) : (jsx(SvgReloadIcon, { "data-testid": 'refresh-balances', className: `balance-header__refresh-icon ${isRefreshing ? 'balance-header__refresh-icon--spinning' : ''}`, onClick: handleRefresh, style: {
+                            cursor: isRefreshing ? 'not-allowed' : 'pointer',
+                            opacity: isRefreshing ? 0.5 : 1,
+                        }, title: 'Refresh balances' }))] })] }));
     const toggleBalanceAccordion = useCallback(() => {
         if (!isLoadingTokenBalances) {
             setBalanceIsExpanded(!balanceIsExpanded);

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

@@ -9,19 +9,19 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../utils/constants/values.cjs');
-require('@dynamic-labs/utils');
-require('../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../../../utils/constants/colors.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
+require('../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 require('../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs/locale');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');

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

@@ -5,19 +5,19 @@ import '@dynamic-labs/sdk-api-core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../utils/constants/values.js';
-import '@dynamic-labs/utils';
-import '../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../../utils/constants/colors.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../context/ViewContext/ViewContext.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
+import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import '../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs/locale';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/ZKSyncSessionsSection/ZKSyncSessionsSection.cjs

@@ -17,16 +17,16 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../../config/ApiEndpoint.cjs');
-require('../../../../../utils/constants/values.cjs');
-require('@dynamic-labs/utils');
-require('../../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../../../../utils/constants/colors.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../../utils/constants/colors.cjs');
+require('../../../../../utils/constants/values.cjs');
 require('../../../../../shared/consts/index.cjs');
+require('../../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 require('../../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs/locale');
 require('../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');

package/src/lib/widgets/DynamicWidget/views/AccountAndSecuritySettingsView/ZKSyncSessionsSection/ZKSyncSessionsSection.js

@@ -13,16 +13,16 @@ import '@dynamic-labs/sdk-api-core';
 import '../../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../../config/ApiEndpoint.js';
-import '../../../../../utils/constants/values.js';
-import '@dynamic-labs/utils';
-import '../../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../../../utils/constants/colors.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../../utils/constants/colors.js';
+import '../../../../../utils/constants/values.js';
 import '../../../../../shared/consts/index.js';
+import '../../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import '../../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs/locale';
 import '../../../../../store/state/dynamicContextProps/dynamicContextProps.js';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/getPromptAmountParams/getPromptAmountParams.cjs

@@ -10,18 +10,18 @@ require('../../../../../../client/client.cjs');
 require('react');
 require('@dynamic-labs-sdk/client');
 require('../../../../../../config/ApiEndpoint.cjs');
-require('../../../../../../utils/constants/values.cjs');
-require('../../../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../../../../../utils/constants/colors.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
+require('../../../../../../utils/constants/colors.cjs');
+require('../../../../../../utils/constants/values.cjs');
 require('../../../../../../shared/consts/index.cjs');
+require('../../../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 require('../../../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs/locale');
 require('../../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/getPromptAmountParams/getPromptAmountParams.js

@@ -6,18 +6,18 @@ import '../../../../../../client/client.js';
 import 'react';
 import '@dynamic-labs-sdk/client';
 import '../../../../../../config/ApiEndpoint.js';
-import '../../../../../../utils/constants/values.js';
-import '../../../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../../../../utils/constants/colors.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import '../../../../../../utils/constants/colors.js';
+import '../../../../../../utils/constants/values.js';
 import '../../../../../../shared/consts/index.js';
+import '../../../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import '../../../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs/locale';
 import '../../../../../../store/state/dynamicContextProps/dynamicContextProps.js';

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExchangeFunding/useStartExchangeFunding.cjs

@@ -10,18 +10,18 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../../../config/ApiEndpoint.cjs');
-require('../../../../../../utils/constants/values.cjs');
-require('@dynamic-labs/utils');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../../../../../utils/constants/colors.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../../../../context/ViewContext/ViewContext.cjs');
 var logger = require('../../../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../../../utils/constants/colors.cjs');
+require('../../../../../../utils/constants/values.cjs');
 require('../../../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 require('../../../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs/locale');
 require('../../../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');

package/src/lib/widgets/DynamicWidget/views/ChooseWalletFundingMethod/useFundingMethods/useStartExchangeFunding/useStartExchangeFunding.js

@@ -6,18 +6,18 @@ import '@dynamic-labs/sdk-api-core';
 import '../../../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../../../config/ApiEndpoint.js';
-import '../../../../../../utils/constants/values.js';
-import '@dynamic-labs/utils';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../../../../utils/constants/colors.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../../../../context/ViewContext/ViewContext.js';
 import { logger } from '../../../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../../../utils/constants/colors.js';
+import '../../../../../../utils/constants/values.js';
 import '../../../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import '../../../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs/locale';
 import '../../../../../../store/state/dynamicContextProps/dynamicContextProps.js';

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.cjs

@@ -22,16 +22,16 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../utils/constants/values.cjs');
-require('@dynamic-labs/utils');
-require('../../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../../../utils/constants/colors.cjs');
 require('@dynamic-labs/wallet-connector-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
+require('../../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 require('../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs/locale');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');

package/src/lib/widgets/DynamicWidget/views/ManagePasskeysWidgetView/ManagePasskeysWidgetView.js

@@ -18,16 +18,16 @@ import '@dynamic-labs/sdk-api-core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../utils/constants/values.js';
-import '@dynamic-labs/utils';
-import '../../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../../utils/constants/colors.js';
 import '@dynamic-labs/wallet-connector-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
+import '../../../../../../_virtual/_tslib.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import '../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs/locale';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/WaasBackupView.cjs

@@ -13,11 +13,6 @@ require('@dynamic-labs-sdk/client/core');
 require('../../../../client/client.cjs');
 require('@dynamic-labs-sdk/client');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../utils/constants/values.cjs');
-require('@dynamic-labs/utils');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
-require('../../../../utils/constants/colors.cjs');
 require('@dynamic-labs/iconic');
 var check = require('../../../../shared/assets/check.cjs');
 var close = require('../../../../shared/assets/close.cjs');
@@ -27,7 +22,12 @@ var backupWaas = require('../../../../shared/assets/backup-waas.cjs');
 var googleDrive = require('../../../../shared/assets/google-drive.cjs');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../utils/constants/values.cjs');
 require('../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
 require('../../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs/locale');
 require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs');

package/src/lib/widgets/DynamicWidget/views/WaasBackupView/WaasBackupView.js

@@ -9,11 +9,6 @@ import '@dynamic-labs-sdk/client/core';
 import '../../../../client/client.js';
 import '@dynamic-labs-sdk/client';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../utils/constants/values.js';
-import '@dynamic-labs/utils';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
-import '../../../../utils/constants/colors.js';
 import '@dynamic-labs/iconic';
 import { ReactComponent as SvgCheck } from '../../../../shared/assets/check.js';
 import { ReactComponent as SvgClose } from '../../../../shared/assets/close.js';
@@ -23,7 +18,12 @@ import { ReactComponent as SvgBackupWaas } from '../../../../shared/assets/backu
 import { ReactComponent as SvgGoogleDrive } from '../../../../shared/assets/google-drive.js';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../../../utils/constants/colors.js';
+import '../../../../utils/constants/values.js';
 import '../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
 import '../../../../store/state/nonce/nonce.js';
 import '@dynamic-labs/locale';
 import '../../../../store/state/dynamicContextProps/dynamicContextProps.js';