@dynamic-labs/sdk-react-core 4.5.1 → 4.5.3

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useExchangeRatesForFunding/useExchangeRatesForFunding.cjs

@@ -0,0 +1,32 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var exchangeRates = require('../../../../../../data/api/exchangeRates/exchangeRates.cjs');
+var usePromise = require('../../../../../../utils/hooks/usePromise/usePromise.cjs');
+
+const overrideBalances = (exchangeRates, tokenBalances) => {
+    const updatedExchangeRates = Object.assign({}, exchangeRates);
+    if (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length) {
+        tokenBalances.forEach(({ symbol, price }) => {
+            if (price) {
+                updatedExchangeRates[symbol] = price;
+            }
+        });
+    }
+    // Fix stablecoin exchange rates for better UX
+    updatedExchangeRates['USDC'] = 1;
+    updatedExchangeRates['USDT'] = 1;
+    return updatedExchangeRates;
+};
+const useExchangeRatesForFunding = ({ onFetch, tokenBalances, }) => {
+    const { data: exchangeRates$1 } = usePromise.usePromise(exchangeRates.getExchangeRates, {
+        initialData: {},
+        onResolve: (rates) => onFetch(overrideBalances(rates, tokenBalances)),
+    });
+    return React.useMemo(() => overrideBalances(exchangeRates$1, tokenBalances), [tokenBalances, exchangeRates$1]);
+};
+
+exports.useExchangeRatesForFunding = useExchangeRatesForFunding;

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useExchangeRatesForFunding/useExchangeRatesForFunding.d.ts

@@ -0,0 +1,9 @@
+import { FundingTokenData } from '../../types';
+type UseExchangeRatesForFundingProps = {
+    onFetch: (exchangeRates: Record<string, number>) => void;
+    tokenBalances: FundingTokenData[];
+};
+export declare const useExchangeRatesForFunding: ({ onFetch, tokenBalances, }: UseExchangeRatesForFundingProps) => {
+    [x: string]: number;
+};
+export {};

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useExchangeRatesForFunding/useExchangeRatesForFunding.js

@@ -0,0 +1,28 @@
+'use client'
+import { useMemo } from 'react';
+import { getExchangeRates } from '../../../../../../data/api/exchangeRates/exchangeRates.js';
+import { usePromise } from '../../../../../../utils/hooks/usePromise/usePromise.js';
+
+const overrideBalances = (exchangeRates, tokenBalances) => {
+    const updatedExchangeRates = Object.assign({}, exchangeRates);
+    if (tokenBalances === null || tokenBalances === void 0 ? void 0 : tokenBalances.length) {
+        tokenBalances.forEach(({ symbol, price }) => {
+            if (price) {
+                updatedExchangeRates[symbol] = price;
+            }
+        });
+    }
+    // Fix stablecoin exchange rates for better UX
+    updatedExchangeRates['USDC'] = 1;
+    updatedExchangeRates['USDT'] = 1;
+    return updatedExchangeRates;
+};
+const useExchangeRatesForFunding = ({ onFetch, tokenBalances, }) => {
+    const { data: exchangeRates } = usePromise(getExchangeRates, {
+        initialData: {},
+        onResolve: (rates) => onFetch(overrideBalances(rates, tokenBalances)),
+    });
+    return useMemo(() => overrideBalances(exchangeRates, tokenBalances), [tokenBalances, exchangeRates]);
+};
+
+export { useExchangeRatesForFunding };

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useTokensForFunding/useTokensForFunding.cjs

@@ -50,6 +50,7 @@ require('../../../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../../../store/state/loadingAndLifecycle.cjs');
+require('@dynamic-labs/store');
 require('../../../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -93,9 +94,10 @@ require('../../../../../../../index.cjs');
 var useTokenBalances = require('../../../../../../utils/hooks/useTokenBalances/useTokenBalances.cjs');
 require('../../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+var isFiatToken = require('../isFiatToken/isFiatToken.cjs');
 
 const useTokensForFunding = ({ wallet, }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b;
     const { network } = useInternalDynamicContext.useInternalDynamicContext();
     const { tokenBalances, isLoading: tokenBalancesLoading } = useTokenBalances.useTokenBalances({
         accountAddress: wallet.address,
@@ -115,23 +117,33 @@ const useTokensForFunding = ({ wallet, }) => {
             tokens: [],
         };
     }
-    const evmNetworks = (_a = wallet.connector.evmNetworks) !== null && _a !== void 0 ? _a : [];
-    const solNetworks = (_b = wallet.connector.solNetworks) !== null && _b !== void 0 ? _b : [];
+    const enabledNetworks = wallet.connector.getEnabledNetworks();
     let parsedTokens = [];
     if (!tokenBalancesLoading) {
         parsedTokens = tokenBalances
             // Contrary to what the type says, symbol and name may be undefined
             .filter(({ symbol, balance, address }) => symbol && balance && address)
-            .map(({ symbol, balance, name, logoURI, address, decimals }) => ({
-            balance: parseFloat(balance.toString()),
-            logoURI,
-            name: name !== null && name !== void 0 ? name : symbol,
-            symbol: symbol,
-            token: {
-                address,
-                decimals,
-            },
-        }));
+            .map(({ symbol, balance, name, logoURI, address, decimals, price, marketValue, }) => {
+            const parsedBalance = parseFloat(balance.toString());
+            // We use token balance for stablecoins to improve readability (user expectation is to be 1:1)
+            let fiatBalance = isFiatToken.isFiatOrStablecoin(symbol)
+                ? parsedBalance
+                : marketValue;
+            if (fiatBalance === undefined && price)
+                fiatBalance = price * parsedBalance;
+            return {
+                balance: parsedBalance,
+                fiatBalance,
+                logoURI,
+                name: name !== null && name !== void 0 ? name : symbol,
+                price,
+                symbol,
+                token: {
+                    address,
+                    decimals,
+                },
+            };
+        });
     }
     if ((currency === null || currency === void 0 ? void 0 : currency.symbol) && parseFloat(balance !== null && balance !== void 0 ? balance : '0')) {
         const nativeToken = parsedTokens.find((token) => token.symbol === currency.symbol);
@@ -142,11 +154,12 @@ const useTokensForFunding = ({ wallet, }) => {
                 tokens: parsedTokens,
             };
         }
-        const logoURI = (_d = (_c = [...evmNetworks, ...solNetworks]) === null || _c === void 0 ? void 0 : _c.find(({ chainId }) => chainId === network)) === null || _d === void 0 ? void 0 : _d.iconUrls[0];
+        const logoURI = (_a = enabledNetworks.find(({ chainId }) => chainId === network)) === null || _a === void 0 ? void 0 : _a.iconUrls[0];
         const fetchedToken = {
             balance: parseFloat(balance !== null && balance !== void 0 ? balance : '0'),
+            fiatBalance: undefined,
             logoURI,
-            name: (_e = currency.name) !== null && _e !== void 0 ? _e : currency.symbol,
+            name: (_b = currency.name) !== null && _b !== void 0 ? _b : currency.symbol,
             symbol: currency.symbol,
             token: 'native',
         };

package/src/lib/widgets/DynamicWidget/views/ReceiveExternalWalletFunds/utils/useTokensForFunding/useTokensForFunding.js

@@ -46,6 +46,7 @@ import '../../../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../../../store/state/loadingAndLifecycle.js';
+import '@dynamic-labs/store';
 import '../../../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -89,9 +90,10 @@ import '../../../../../../../index.js';
 import { useTokenBalances } from '../../../../../../utils/hooks/useTokenBalances/useTokenBalances.js';
 import '../../../../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+import { isFiatOrStablecoin } from '../isFiatToken/isFiatToken.js';
 
 const useTokensForFunding = ({ wallet, }) => {
-    var _a, _b, _c, _d, _e;
+    var _a, _b;
     const { network } = useInternalDynamicContext();
     const { tokenBalances, isLoading: tokenBalancesLoading } = useTokenBalances({
         accountAddress: wallet.address,
@@ -111,23 +113,33 @@ const useTokensForFunding = ({ wallet, }) => {
             tokens: [],
         };
     }
-    const evmNetworks = (_a = wallet.connector.evmNetworks) !== null && _a !== void 0 ? _a : [];
-    const solNetworks = (_b = wallet.connector.solNetworks) !== null && _b !== void 0 ? _b : [];
+    const enabledNetworks = wallet.connector.getEnabledNetworks();
     let parsedTokens = [];
     if (!tokenBalancesLoading) {
         parsedTokens = tokenBalances
             // Contrary to what the type says, symbol and name may be undefined
             .filter(({ symbol, balance, address }) => symbol && balance && address)
-            .map(({ symbol, balance, name, logoURI, address, decimals }) => ({
-            balance: parseFloat(balance.toString()),
-            logoURI,
-            name: name !== null && name !== void 0 ? name : symbol,
-            symbol: symbol,
-            token: {
-                address,
-                decimals,
-            },
-        }));
+            .map(({ symbol, balance, name, logoURI, address, decimals, price, marketValue, }) => {
+            const parsedBalance = parseFloat(balance.toString());
+            // We use token balance for stablecoins to improve readability (user expectation is to be 1:1)
+            let fiatBalance = isFiatOrStablecoin(symbol)
+                ? parsedBalance
+                : marketValue;
+            if (fiatBalance === undefined && price)
+                fiatBalance = price * parsedBalance;
+            return {
+                balance: parsedBalance,
+                fiatBalance,
+                logoURI,
+                name: name !== null && name !== void 0 ? name : symbol,
+                price,
+                symbol,
+                token: {
+                    address,
+                    decimals,
+                },
+            };
+        });
     }
     if ((currency === null || currency === void 0 ? void 0 : currency.symbol) && parseFloat(balance !== null && balance !== void 0 ? balance : '0')) {
         const nativeToken = parsedTokens.find((token) => token.symbol === currency.symbol);
@@ -138,11 +150,12 @@ const useTokensForFunding = ({ wallet, }) => {
                 tokens: parsedTokens,
             };
         }
-        const logoURI = (_d = (_c = [...evmNetworks, ...solNetworks]) === null || _c === void 0 ? void 0 : _c.find(({ chainId }) => chainId === network)) === null || _d === void 0 ? void 0 : _d.iconUrls[0];
+        const logoURI = (_a = enabledNetworks.find(({ chainId }) => chainId === network)) === null || _a === void 0 ? void 0 : _a.iconUrls[0];
         const fetchedToken = {
             balance: parseFloat(balance !== null && balance !== void 0 ? balance : '0'),
+            fiatBalance: undefined,
             logoURI,
-            name: (_e = currency.name) !== null && _e !== void 0 ? _e : currency.symbol,
+            name: (_b = currency.name) !== null && _b !== void 0 ? _b : currency.symbol,
             symbol: currency.symbol,
             token: 'native',
         };

package/src/lib/widgets/DynamicWidget/views/SettingsView/EmptyScreen/EmptyScreen.cjs

@@ -0,0 +1,20 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var reactI18next = require('react-i18next');
+var LinearGradientFrame = require('../../../../../components/LinearGradientFrame/LinearGradientFrame.cjs');
+require('react');
+var walletWithSunglasses = require('../../../../../shared/assets/wallet-with-sunglasses.cjs');
+require('@dynamic-labs/iconic');
+require('../../../../../context/ViewContext/ViewContext.cjs');
+var Typography = require('../../../../../components/Typography/Typography.cjs');
+
+const EmptyScreen = () => {
+    const { t } = reactI18next.useTranslation();
+    return (jsxRuntime.jsxs("div", { className: 'empty-screen', children: [jsxRuntime.jsx(LinearGradientFrame.LinearGradientFrame, { Icon: jsxRuntime.jsx(walletWithSunglasses.ReactComponent, {}) }), jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'secondary', className: 'empty-screen__title', children: t('dyn_settings.empty_screen.title') })] }));
+};
+
+exports.EmptyScreen = EmptyScreen;

package/src/lib/widgets/DynamicWidget/views/SettingsView/EmptyScreen/EmptyScreen.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const EmptyScreen: FC;

package/src/lib/widgets/DynamicWidget/views/SettingsView/EmptyScreen/EmptyScreen.js

@@ -0,0 +1,16 @@
+'use client'
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useTranslation } from 'react-i18next';
+import { LinearGradientFrame } from '../../../../../components/LinearGradientFrame/LinearGradientFrame.js';
+import 'react';
+import { ReactComponent as SvgWalletWithSunglasses } from '../../../../../shared/assets/wallet-with-sunglasses.js';
+import '@dynamic-labs/iconic';
+import '../../../../../context/ViewContext/ViewContext.js';
+import { Typography } from '../../../../../components/Typography/Typography.js';
+
+const EmptyScreen = () => {
+    const { t } = useTranslation();
+    return (jsxs("div", { className: 'empty-screen', children: [jsx(LinearGradientFrame, { Icon: jsx(SvgWalletWithSunglasses, {}) }), jsx(Typography, { variant: 'title', color: 'secondary', className: 'empty-screen__title', children: t('dyn_settings.empty_screen.title') })] }));
+};
+
+export { EmptyScreen };

package/src/lib/widgets/DynamicWidget/views/SettingsView/EmptyScreen/index.d.ts

@@ -0,0 +1 @@
+export * from './EmptyScreen';

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

@@ -22,11 +22,9 @@ var androidTouchId = require('../../../../shared/assets/android-touch-id.cjs');
 var checkCircle = require('../../../../shared/assets/check-circle.cjs');
 var chevronLeft = require('../../../../shared/assets/chevron-left.cjs');
 var connectedApps = require('../../../../shared/assets/connected-apps.cjs');
-var currency = require('../../../../shared/assets/currency.cjs');
 var exportPrivateKey = require('../../../../shared/assets/export-private-key.cjs');
 var exportRecoveryPhrase = require('../../../../shared/assets/export-recovery-phrase.cjs');
 var footerInfoIcon = require('../../../../shared/assets/footer-info-icon.cjs');
-var logout = require('../../../../shared/assets/logout.cjs');
 var shield = require('../../../../shared/assets/shield.cjs');
 var signInWithEmail = require('../../../../shared/assets/sign-in-with-email.cjs');
 require('../../../../context/ViewContext/ViewContext.cjs');
@@ -71,6 +69,7 @@ require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../store/state/loadingAndLifecycle.cjs');
+require('@dynamic-labs/store');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
 var classNames = require('../../../../utils/functions/classNames/classNames.cjs');
 require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
@@ -109,6 +108,7 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useEmbeddedReveal = require('../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.cjs');
 var useEmbeddedWalletAuthenticator = require('../../../../utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.cjs');
+var EmptyScreen = require('./EmptyScreen/EmptyScreen.cjs');
 require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
@@ -182,9 +182,7 @@ const SettingsView = () => {
     const isMfaEnabled = Boolean((_l = (_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security) === null || _k === void 0 ? void 0 : _k.mfa) === null || _l === void 0 ? void 0 : _l.enabled);
     const shouldShowPasskeyMFA = isPasskeyEnabled && isTurnkeyWallet && !isSessionKeyCompatible;
     const shouldShowSecuritySection = isMfaEnabled || shouldShowPasskeyMFA;
-    return (jsxRuntime.jsxs("div", { className: 'settings-view', children: [jsxRuntime.jsxs("div", { className: 'settings-view__body', children: [jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.global_section.title') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'currency-button', buttonClassName: classNames.classNames('settings-view__body__section__button', 'settings-view__body__section__button__badge'), startSlot: 
-                                // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(currency.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.global_section.currency.badge', children: t('dyn_settings.global_section.currency.title') }), jsxRuntime.jsx(Badge.Badge, { text: t('dyn_settings.global_section.currency.badge'), copykey: 'dyn_settings.global_section.currency.badge', variant: 'secondary' })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: true, showInternalLoading: false })] }), globalWallet && (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.global_connectivity_section.title') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => handleConnectedAppsClick(), dataTestId: 'connected-apps-button', buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxRuntime.jsxs("div", { className: 'settings-view', children: [jsxRuntime.jsxs("div", { className: 'settings-view__body', children: [globalWallet && (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.global_connectivity_section.title') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: () => handleConnectedAppsClick(), dataTestId: 'connected-apps-button', buttonClassName: 'settings-view__body__section__button', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(connectedApps.ReactComponent, { className: 'settings-view__body__section__button__icon' }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.global_connectivity_section.connected_apps_button', children: t('dyn_settings.global_connectivity_section.connected_apps_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })] })), shouldShowSecuritySection && (jsxRuntime.jsxs("div", { className: 'settings-view__body__section', children: [jsxRuntime.jsx("div", { className: classNames.classNames('settings-view__body__section__title', {
                                     'settings-view__body__section__title__info-icon': !isTurnkeyWalletWithAuthenticator,
@@ -202,7 +200,7 @@ const SettingsView = () => {
                                         // eslint-disable-next-line react/jsx-wrap-multilines
                                         jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportPrivateKey.ReactComponent, { className: `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}` }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.private_key_button', children: t('dyn_settings.export_section.private_key_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: () => handleExportClick(true), buttonClassName: 'settings-view__body__section__button', startSlot: 
                                         // eslint-disable-next-line react/jsx-wrap-multilines
-                                        jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportRecoveryPhrase.ReactComponent, { className: `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}` }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] })] }))] }), jsxRuntime.jsx("div", { className: 'settings-view__logout-button-container', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'settings-view__logout-button-container__button', onClick: handleLogOut, dataTestId: 'logout-button', copykey: 'dyn_settings.buttonLogout', startSlot: jsxRuntime.jsx(logout.ReactComponent, {}), children: t('dyn_settings.button_logout') }) })] }));
+                                        jsxRuntime.jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsxRuntime.jsx(exportRecoveryPhrase.ReactComponent, { className: `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}` }), jsxRuntime.jsx(Typography.Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsxRuntime.jsx(chevronLeft.ReactComponent, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] })] })), jsxRuntime.jsx(EmptyScreen.EmptyScreen, {})] }), jsxRuntime.jsx("div", { className: 'settings-view__logout-button-container', children: jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonClassName: 'settings-view__logout-button-container__button', onClick: handleLogOut, dataTestId: 'logout-button', copykey: 'dyn_settings.buttonLogout', children: t('dyn_settings.button_logout') }) })] }));
 };
 
 exports.SettingsView = SettingsView;

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

@@ -18,11 +18,9 @@ import { ReactComponent as SvgAndroidTouchId } from '../../../../shared/assets/a
 import { ReactComponent as SvgCheckCircle } from '../../../../shared/assets/check-circle.js';
 import { ReactComponent as SvgChevronLeft } from '../../../../shared/assets/chevron-left.js';
 import { ReactComponent as SvgConnectedApps } from '../../../../shared/assets/connected-apps.js';
-import { ReactComponent as SvgCurrency } from '../../../../shared/assets/currency.js';
 import { ReactComponent as SvgExportPrivateKey } from '../../../../shared/assets/export-private-key.js';
 import { ReactComponent as SvgExportRecoveryPhrase } from '../../../../shared/assets/export-recovery-phrase.js';
 import { ReactComponent as SvgFooterInfoIcon } from '../../../../shared/assets/footer-info-icon.js';
-import { ReactComponent as SvgLogout } from '../../../../shared/assets/logout.js';
 import { ReactComponent as SvgShield } from '../../../../shared/assets/shield.js';
 import { ReactComponent as SvgSignInWithEmail } from '../../../../shared/assets/sign-in-with-email.js';
 import '../../../../context/ViewContext/ViewContext.js';
@@ -67,6 +65,7 @@ import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../store/state/loadingAndLifecycle.js';
+import '@dynamic-labs/store';
 import '../../../../store/state/walletOptions/walletOptions.js';
 import { classNames } from '../../../../utils/functions/classNames/classNames.js';
 import '../../../../components/Accordion/components/AccordionItem/AccordionItem.js';
@@ -105,6 +104,7 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useEmbeddedReveal } from '../../../../utils/hooks/useEmbeddedReveal/useEmbeddedReveal.js';
 import { useEmbeddedWalletAuthenticator } from '../../../../utils/hooks/useEmbeddedWalletAuthenticator/useEmbeddedWalletAuthenticator.js';
+import { EmptyScreen } from './EmptyScreen/EmptyScreen.js';
 import '../../../../context/OnrampContext/OnrampContext.js';
 import '../ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
@@ -178,9 +178,7 @@ const SettingsView = () => {
     const isMfaEnabled = Boolean((_l = (_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security) === null || _k === void 0 ? void 0 : _k.mfa) === null || _l === void 0 ? void 0 : _l.enabled);
     const shouldShowPasskeyMFA = isPasskeyEnabled && isTurnkeyWallet && !isSessionKeyCompatible;
     const shouldShowSecuritySection = isMfaEnabled || shouldShowPasskeyMFA;
-    return (jsxs("div", { className: 'settings-view', children: [jsxs("div", { className: 'settings-view__body', children: [jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.global_section.title') }), jsx(TypographyButton, { dataTestId: 'currency-button', buttonClassName: classNames('settings-view__body__section__button', 'settings-view__body__section__button__badge'), startSlot: 
-                                // eslint-disable-next-line react/jsx-wrap-multilines
-                                jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgCurrency, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.global_section.currency.badge', children: t('dyn_settings.global_section.currency.title') }), jsx(Badge, { text: t('dyn_settings.global_section.currency.badge'), copykey: 'dyn_settings.global_section.currency.badge', variant: 'secondary' })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), disabled: true, showInternalLoading: false })] }), globalWallet && (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.global_connectivity_section.title') }), jsx(TypographyButton, { onClick: () => handleConnectedAppsClick(), dataTestId: 'connected-apps-button', buttonClassName: 'settings-view__body__section__button', startSlot: 
+    return (jsxs("div", { className: 'settings-view', children: [jsxs("div", { className: 'settings-view__body', children: [globalWallet && (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: 'settings-view__body__section__title', children: t('dyn_settings.global_connectivity_section.title') }), jsx(TypographyButton, { onClick: () => handleConnectedAppsClick(), dataTestId: 'connected-apps-button', buttonClassName: 'settings-view__body__section__button', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgConnectedApps, { className: 'settings-view__body__section__button__icon' }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.global_connectivity_section.connected_apps_button', children: t('dyn_settings.global_connectivity_section.connected_apps_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false })] })), shouldShowSecuritySection && (jsxs("div", { className: 'settings-view__body__section', children: [jsx("div", { className: classNames('settings-view__body__section__title', {
                                     'settings-view__body__section__title__info-icon': !isTurnkeyWalletWithAuthenticator,
@@ -198,7 +196,7 @@ const SettingsView = () => {
                                         // eslint-disable-next-line react/jsx-wrap-multilines
                                         jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportPrivateKey, { className: `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}` }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.private_key_button', children: t('dyn_settings.export_section.private_key_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }), isTurnkeyHDWallet && (jsx(TypographyButton, { dataTestId: 'embedded-reveal-button', onClick: () => handleExportClick(true), buttonClassName: 'settings-view__body__section__button', startSlot: 
                                         // eslint-disable-next-line react/jsx-wrap-multilines
-                                        jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportRecoveryPhrase, { className: `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}` }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] })] }))] }), jsx("div", { className: 'settings-view__logout-button-container', children: jsx(TypographyButton, { buttonClassName: 'settings-view__logout-button-container__button', onClick: handleLogOut, dataTestId: 'logout-button', copykey: 'dyn_settings.buttonLogout', startSlot: jsx(SvgLogout, {}), children: t('dyn_settings.button_logout') }) })] }));
+                                        jsxs("div", { className: 'settings-view__body__section__button__start-slot', children: [jsx(SvgExportRecoveryPhrase, { className: `settings-view__body__section__button__icon${theme.theme.name === 'dark' ? '__stroke' : ''}` }), jsx(Typography, { color: 'primary', weight: 'medium', copykey: 'dyn_settings.export_section.srp_button', children: t('dyn_settings.export_section.srp_button') })] }), endSlot: jsx(SvgChevronLeft, { className: 'settings-view__body__section__button__icon-secondary--rotate' }), showInternalLoading: false }))] })] })), jsx(EmptyScreen, {})] }), jsx("div", { className: 'settings-view__logout-button-container', children: jsx(TypographyButton, { buttonClassName: 'settings-view__logout-button-container__button', onClick: handleLogOut, dataTestId: 'logout-button', copykey: 'dyn_settings.buttonLogout', children: t('dyn_settings.button_logout') }) })] }));
 };
 
 export { SettingsView };

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

@@ -54,6 +54,7 @@ require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../store/state/loadingAndLifecycle.cjs');
+require('@dynamic-labs/store');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 var Typography = require('../../../../components/Typography/Typography.cjs');

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

@@ -50,6 +50,7 @@ import '../../../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../store/state/loadingAndLifecycle.js';
+import '@dynamic-labs/store';
 import '../../../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import { Typography } from '../../../../components/Typography/Typography.js';

package/src/lib/widgets/OnrampWidget/OnrampWidget.cjs

@@ -53,6 +53,7 @@ require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../store/state/loadingAndLifecycle.cjs');
+require('@dynamic-labs/store');
 require('../../store/state/walletOptions/walletOptions.cjs');
 require('react-i18next');
 require('../../context/FooterAnimationContext/index.cjs');

package/src/lib/widgets/OnrampWidget/OnrampWidget.js

@@ -49,6 +49,7 @@ import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../store/state/loadingAndLifecycle.js';
+import '@dynamic-labs/store';
 import '../../store/state/walletOptions/walletOptions.js';
 import 'react-i18next';
 import '../../context/FooterAnimationContext/index.js';

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/EvmNetworkControl.d.ts

@@ -1,23 +0,0 @@
-import { Dispatch, SetStateAction } from 'react';
-import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { EvmNetwork } from '@dynamic-labs/types';
-type Props = {
-    activeClassName?: string;
-    className?: string;
-    evmNetworks?: EvmNetwork[];
-    isOpen: boolean;
-    loading: boolean;
-    network: number | string | undefined;
-    setIsOpen: Dispatch<SetStateAction<boolean>>;
-    showNetworkName?: boolean;
-    walletConnector: WalletConnector | undefined;
-};
-/**
- * Icon and name to use when network is undefined and connector is unavailable
- */
-export declare const fallbackChainData: {
-    iconUrl: string;
-    name: string;
-};
-export declare const EvmNetworkControl: ({ evmNetworks, className, activeClassName, network, walletConnector, isOpen, setIsOpen, showNetworkName, }: Props) => JSX.Element;
-export {};

package/src/lib/components/NetworkPicker/components/EvmNetworkControl/index.d.ts

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

package/src/lib/shared/assets/currency.js

@@ -1,46 +0,0 @@
-'use client'
-import * as React from 'react';
-
-var _rect, _path, _path2, _ellipse;
-var _excluded = ["title", "titleId"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) { ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) { o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) { if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } } return t; }
-var SvgCurrency = function SvgCurrency(_ref) {
-  var title = _ref.title,
-    titleId = _ref.titleId,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 28,
-    height: 28,
-    viewBox: "0 0 28 28",
-    fill: "none",
-    xmlns: "http://www.w3.org/2000/svg",
-    "aria-labelledby": titleId
-  }, props), title ? /*#__PURE__*/React.createElement("title", {
-    id: titleId
-  }, title) : null, _rect || (_rect = /*#__PURE__*/React.createElement("rect", {
-    width: 28,
-    height: 28,
-    rx: 14,
-    fill: "#4779FF"
-  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M20.252 17.036C18.976 18.398 16.654 19.31 14 19.31c-2.65 0-4.97-.909-6.246-2.268-.004.646-.004 1.406-.004 2.293 0 1.726 2.798 3.125 6.25 3.125s6.25-1.399 6.25-3.125c0-.192.002-.406.004-.637.005-.496.01-1.069-.002-1.662Z",
-    fill: "#fff"
-  })), _path2 || (_path2 = /*#__PURE__*/React.createElement("path", {
-    fillRule: "evenodd",
-    clipRule: "evenodd",
-    d: "M20.23 11.85c-1.28 1.35-3.591 2.252-6.23 2.252-2.65 0-4.969-.909-6.245-2.267-.005.64-.005 1.398-.005 2.292 0 1.726 2.798 3.125 6.25 3.125s6.25-1.399 6.25-3.125c0-.959 0-1.703-.02-2.276Z",
-    fill: "#fff"
-  })), _ellipse || (_ellipse = /*#__PURE__*/React.createElement("ellipse", {
-    cx: 14,
-    cy: 8.893,
-    rx: 6.25,
-    ry: 3.125,
-    fill: "#fff"
-  })));
-};
-
-export { SvgCurrency as ReactComponent };