@dynamic-labs/sdk-react-core 4.0.0-alpha.6 → 4.0.0-alpha.7

package/CHANGELOG.md

@@ -1,4 +1,22 @@
 
+## [4.0.0-alpha.7](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.6...v4.0.0-alpha.7) (2024-10-03)
+
+
+### Features
+
+* add account abstraction module to client ([#7002](https://github.com/dynamic-labs/dynamic-auth/issues/7002)) ([2f06975](https://github.com/dynamic-labs/dynamic-auth/commit/2f06975083dfa9d40537ef4a99b414eda1a68e01))
+* add support for wallet events in rn ([#7061](https://github.com/dynamic-labs/dynamic-auth/issues/7061)) ([c7c4ce5](https://github.com/dynamic-labs/dynamic-auth/commit/c7c4ce51f27a2b84a1710c120d7006a00920c1e7))
+* add zerodev extension for react native ([#7028](https://github.com/dynamic-labs/dynamic-auth/issues/7028)) ([858b8a8](https://github.com/dynamic-labs/dynamic-auth/commit/858b8a851cfa0cddc8e4559541b03992cf5ccdfc))
+
+
+### Bug Fixes
+
+* do not modify sol tx blockhash as tx could have been signed already ([#7050](https://github.com/dynamic-labs/dynamic-auth/issues/7050)) ([770edb4](https://github.com/dynamic-labs/dynamic-auth/commit/770edb49ddc231b75fb45a9f6d563f22e5185df2))
+* ensure the correct auth mode is used on social redirect ([#7047](https://github.com/dynamic-labs/dynamic-auth/issues/7047)) ([7c27172](https://github.com/dynamic-labs/dynamic-auth/commit/7c271721d5ddf19e3fd1bf56ddb1d49e0e2bca07))
+* prevent react native message timeout before sdk is ready ([#7051](https://github.com/dynamic-labs/dynamic-auth/issues/7051)) ([6421237](https://github.com/dynamic-labs/dynamic-auth/commit/6421237d677d788b824d53432c1a75b9d571aa78))
+* update version error text ([#7054](https://github.com/dynamic-labs/dynamic-auth/issues/7054)) ([713dacb](https://github.com/dynamic-labs/dynamic-auth/commit/713dacb79c2513323c2e6840d7418716011c2dcd))
+* use project settings sdk network for send flow ([#7011](https://github.com/dynamic-labs/dynamic-auth/issues/7011)) ([983e796](https://github.com/dynamic-labs/dynamic-auth/commit/983e79632762f71ee0502c92057a32ea985ae19c))
+
 ## [4.0.0-alpha.6](https://github.com/dynamic-labs/dynamic-auth/compare/v4.0.0-alpha.5...v4.0.0-alpha.6) (2024-10-01)
 
 

package/package.cjs

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

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.0.0-alpha.6";
+var version = "4.0.0-alpha.7";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.535",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.0.0-alpha.6",
+  "version": "4.0.0-alpha.7",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.535",
     "@hcaptcha/react-hcaptcha": "1.4.4",
@@ -12,16 +12,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "4.0.0-alpha.6",
-    "@dynamic-labs/iconic": "4.0.0-alpha.6",
-    "@dynamic-labs/logger": "4.0.0-alpha.6",
-    "@dynamic-labs/multi-wallet": "4.0.0-alpha.6",
-    "@dynamic-labs/rpc-providers": "4.0.0-alpha.6",
-    "@dynamic-labs/store": "4.0.0-alpha.6",
-    "@dynamic-labs/types": "4.0.0-alpha.6",
-    "@dynamic-labs/utils": "4.0.0-alpha.6",
-    "@dynamic-labs/wallet-book": "4.0.0-alpha.6",
-    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.6",
+    "@dynamic-labs/assert-package-version": "4.0.0-alpha.7",
+    "@dynamic-labs/iconic": "4.0.0-alpha.7",
+    "@dynamic-labs/logger": "4.0.0-alpha.7",
+    "@dynamic-labs/multi-wallet": "4.0.0-alpha.7",
+    "@dynamic-labs/rpc-providers": "4.0.0-alpha.7",
+    "@dynamic-labs/store": "4.0.0-alpha.7",
+    "@dynamic-labs/types": "4.0.0-alpha.7",
+    "@dynamic-labs/utils": "4.0.0-alpha.7",
+    "@dynamic-labs/wallet-book": "4.0.0-alpha.7",
+    "@dynamic-labs/wallet-connector-core": "4.0.0-alpha.7",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -9,7 +9,7 @@ var React = require('react');
 var reactI18next = require('react-i18next');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../shared/logger.cjs');
+var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
@@ -73,6 +73,7 @@ require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
 require('qrcode');
+var useFetchChain = require('../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.cjs');
 require('formik');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
@@ -84,6 +85,7 @@ require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 var sendBalances = require('../../store/state/sendBalances.cjs');
 var SendBalanceForm = require('../SendBalanceForm/SendBalanceForm.cjs');
+var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs');
 var constants = require('./components/TokensBalanceDropdown/constants.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
@@ -95,8 +97,13 @@ var useInternalDynamicContext = require('../../context/DynamicContext/useDynamic
 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 { primaryWallet, projectSettings } = useInternalDynamicContext.useInternalDynamicContext();
     const { chainName } = sendBalances.useSendBalanceState();
+    const networkInfo = useNetworkConfigurationsFromProjectSettings.useNetworkConfigurationsFromProjectSettings({
+        projectSettings,
+    });
+    const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
+    const { chain } = useFetchChain.useFetchChain(walletConnector);
     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(), {
@@ -104,7 +111,20 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
     });
     React.useEffect(() => {
         const getNativeTokenAndFetchBalance = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            const token = Object.assign(Object.assign({}, networksAndChains.getNativeTokenInfo(chainName === null || chainName === void 0 ? void 0 : chainName.toLowerCase())), { address: chainName === 'Solana' ? constants.nativeSolanaAddress : constants.zeroAddress, balance: 0, decimals: chainName === 'Solana' ? 9 : 18, rawBalance: 0 });
+            const nativeTokenInfo = networksAndChains.getNativeTokenInfo(chain, networkInfo);
+            if (!nativeTokenInfo) {
+                logger.logger.error('Token info not found. Please make sure you are on a supported chain and it is enabled. See https://docs.dynamic.xyz/chains/enabling-chains');
+                return;
+            }
+            const token = {
+                address: chainName === 'Solana' ? constants.nativeSolanaAddress : constants.zeroAddress,
+                balance: 0,
+                decimals: nativeTokenInfo.nativeCurrency.decimals,
+                logoURI: nativeTokenInfo.iconUrls[0],
+                name: nativeTokenInfo.name,
+                rawBalance: 0,
+                symbol: nativeTokenInfo.nativeCurrency.symbol,
+            };
             const tokenBalance = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.getBalance());
             if (tokenBalance) {
                 token.balance = Number(tokenBalance);
@@ -125,7 +145,7 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
         });
         updateTokenBalances();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [tokenBalances]);
+    }, [tokenBalances, chain]);
     const getAmount = () => {
         if (isNativeToken) {
             return transaction.value ? transaction.format(transaction.value) : '';

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

@@ -5,7 +5,7 @@ import { useEffect } from 'react';
 import { useTranslation } from 'react-i18next';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../shared/logger.js';
+import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
@@ -69,6 +69,7 @@ import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 import 'qrcode';
+import { useFetchChain } from '../../widgets/DynamicWidget/hooks/useFetchChain/useFetchChain.js';
 import 'formik';
 import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
@@ -80,6 +81,7 @@ import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import { useSendBalanceState } from '../../store/state/sendBalances.js';
 import { SendBalanceForm } from '../SendBalanceForm/SendBalanceForm.js';
+import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import { nativeSolanaAddress, zeroAddress } from './components/TokensBalanceDropdown/constants.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
@@ -91,8 +93,13 @@ import { useInternalDynamicContext } from '../../context/DynamicContext/useDynam
 const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, displayPoweredByDynamicFooter = false, transaction, networkCurrencyDecimals, tokenBalances, currentToken, setCurrentToken, isLoading, isNativeToken, }) => {
     var _a;
     const { t } = useTranslation();
-    const { primaryWallet } = useInternalDynamicContext();
+    const { primaryWallet, projectSettings } = useInternalDynamicContext();
     const { chainName } = useSendBalanceState();
+    const networkInfo = useNetworkConfigurationsFromProjectSettings({
+        projectSettings,
+    });
+    const walletConnector = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.connector;
+    const { chain } = useFetchChain(walletConnector);
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close-button', children: jsx(SvgClose, {}) }));
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
     const { data: balance } = usePromise(() => transaction.getBalance(), {
@@ -100,7 +107,20 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
     });
     useEffect(() => {
         const getNativeTokenAndFetchBalance = () => __awaiter(void 0, void 0, void 0, function* () {
-            const token = Object.assign(Object.assign({}, getNativeTokenInfo(chainName === null || chainName === void 0 ? void 0 : chainName.toLowerCase())), { address: chainName === 'Solana' ? nativeSolanaAddress : zeroAddress, balance: 0, decimals: chainName === 'Solana' ? 9 : 18, rawBalance: 0 });
+            const nativeTokenInfo = getNativeTokenInfo(chain, networkInfo);
+            if (!nativeTokenInfo) {
+                logger.error('Token info not found. Please make sure you are on a supported chain and it is enabled. See https://docs.dynamic.xyz/chains/enabling-chains');
+                return;
+            }
+            const token = {
+                address: chainName === 'Solana' ? nativeSolanaAddress : zeroAddress,
+                balance: 0,
+                decimals: nativeTokenInfo.nativeCurrency.decimals,
+                logoURI: nativeTokenInfo.iconUrls[0],
+                name: nativeTokenInfo.name,
+                rawBalance: 0,
+                symbol: nativeTokenInfo.nativeCurrency.symbol,
+            };
             const tokenBalance = yield (primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.getBalance());
             if (tokenBalance) {
                 token.balance = Number(tokenBalance);
@@ -121,7 +141,7 @@ const SendBalancePageLayout = ({ error, onClickClose, onClickBack, onSubmit, dis
         });
         updateTokenBalances();
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [tokenBalances]);
+    }, [tokenBalances, chain]);
     const getAmount = () => {
         if (isNativeToken) {
             return transaction.value ? transaction.format(transaction.value) : '';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -92,6 +92,7 @@ var DynamicWidgetContext = require('../../widgets/DynamicWidget/context/DynamicW
 var IpConfigurationContext = require('../IpConfigurationContext/IpConfigurationContext.cjs');
 var PasskeyContext = require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
+var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs');
 var SyncAuthFlow = require('../../components/SyncAuthFlow/SyncAuthFlow.cjs');
 var Toolkit = require('../../components/Toolkit/Toolkit.cjs');
 var store = require('../../store/internalImplementation/store.cjs');
@@ -122,7 +123,6 @@ var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectC
 var ReinitializeContextProvider = require('../ReinitializeContext/ReinitializeContextProvider.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var UseNetworkValidation = require('../UseNetworkValidation/UseNetworkValidation.cjs');
-var useNetworkConfigurationsFromProjectSettings = require('../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.cjs');
 var helpers = require('./helpers/helpers.cjs');
 var useDisplayOrderState = require('./hooks/useDisplayOrderState/useDisplayOrderState.cjs');
 var useEmailLoginState = require('./hooks/useEmailLoginState/useEmailLoginState.cjs');

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -88,6 +88,7 @@ import { DynamicWidgetContextProvider } from '../../widgets/DynamicWidget/contex
 import { IpConfigurationContextProvider } from '../IpConfigurationContext/IpConfigurationContext.js';
 import { PasskeyContextProvider } from '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
+import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import { SyncAuthFlow } from '../../components/SyncAuthFlow/SyncAuthFlow.js';
 import { Toolkit } from '../../components/Toolkit/Toolkit.js';
 import { removeStoreInstance, initializeStore } from '../../store/internalImplementation/store.js';
@@ -118,7 +119,6 @@ import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/Phanto
 import { ReinitializeContextProvider } from '../ReinitializeContext/ReinitializeContextProvider.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { UseNetworkValidation } from '../UseNetworkValidation/UseNetworkValidation.js';
-import { useNetworkConfigurationsFromProjectSettings } from '../../utils/hooks/useNetworkConfigurationsFromProjectSettings/useNetworkConfigurationsFromProjectSettings.js';
 import { resolveNetworkValidationMode, initExpirationTime, getInitialView, getDeepLinkPreference } from './helpers/helpers.js';
 import { useDisplayOrderState } from './hooks/useDisplayOrderState/useDisplayOrderState.js';
 import { useEmailLoginState } from './hooks/useEmailLoginState/useEmailLoginState.js';

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.cjs

@@ -5,15 +5,15 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
-require('../../../../shared/logger.cjs');
+var logger = require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 var ViewContext = require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var isSSR = require('../../../../shared/utils/functions/isSSR/isSSR.cjs');
-require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 var useEffectOnce = require('../../../../shared/utils/hooks/useEffectOnce/useEffectOnce.cjs');
@@ -29,7 +29,7 @@ require('react-international-phone');
 var socialStorage = require('../../../../utils/functions/socialStorage/socialStorage.cjs');
 var getSocialSignInProviderForProviderEnum = require('../../../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.cjs');
 require('../../../../config/ApiEndpoint.cjs');
-require('../../../../store/state/user/user.cjs');
+var user = require('../../../../store/state/user/user.cjs');
 require('../../../../locale/locale.cjs');
 require('../../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../AccessDeniedContext/AccessDeniedContext.cjs');
@@ -91,7 +91,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setView } = ViewContext.useViewContext();
     const { setDynamicWidgetView } = DynamicWidgetContext.useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = React.useState(null);
-    const { sdkHasLoaded, user, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext.useInternalDynamicContext();
     const { completeConnection } = useSocialAuth.useSocialAuth({
         sessionTimeout: 10000,
     });
@@ -130,17 +130,24 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     useEffectOnceCondition.useEffectOnceCondition(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!socialStorageItem)
             return;
-        const authMode = user ? 'link' : 'signin';
         // Update UI to reflect the original state
-        if (authMode === 'signin') {
+        if (socialStorageItem.mode === 'signin') {
+            if (user.getUser()) {
+                logger.logger.error(new utils.DynamicError('User is already logged in'));
+                return;
+            }
             updateInterfaceStateForSignIn(socialStorageItem);
         }
-        else if (authMode === 'link') {
+        else if (socialStorageItem.mode === 'link') {
+            if (!user.getUser()) {
+                logger.logger.error(new utils.DynamicError('User not logged in'));
+                return;
+            }
             updateInterfaceStateForLink();
         }
         yield completeConnection({
             authCode: socialStorageItem.code,
-            authMode,
+            authMode: socialStorageItem.mode,
             captchaToken: socialStorageItem.captchaToken,
             provider: socialStorageItem.provider,
             state: socialStorageItem.state,

package/src/lib/context/SocialRedirectContext/hooks/useRedirectSocialHandler/useRedirectSocialHandler.js

@@ -1,15 +1,15 @@
 'use client'
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useState, useCallback } from 'react';
+import { DynamicError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
-import '../../../../shared/logger.js';
+import { logger } from '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import { useViewContext } from '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { isSSR } from '../../../../shared/utils/functions/isSSR/isSSR.js';
-import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import { useEffectOnce } from '../../../../shared/utils/hooks/useEffectOnce/useEffectOnce.js';
@@ -25,7 +25,7 @@ import 'react-international-phone';
 import { searchSocialStorageByState, deleteSocialStorage } from '../../../../utils/functions/socialStorage/socialStorage.js';
 import { getSocialSignInProviderForProviderEnum } from '../../../../utils/functions/getSocialSignInProviderForProviderEnum/getSocialSignInProviderForProviderEnum.js';
 import '../../../../config/ApiEndpoint.js';
-import '../../../../store/state/user/user.js';
+import { getUser } from '../../../../store/state/user/user.js';
 import '../../../../locale/locale.js';
 import '../../../../store/state/projectSettings/projectSettings.js';
 import '../../../AccessDeniedContext/AccessDeniedContext.js';
@@ -87,7 +87,7 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     const { setView } = useViewContext();
     const { setDynamicWidgetView } = useWidgetContext();
     const [socialStorageItem, setSocialStorageItem] = useState(null);
-    const { sdkHasLoaded, user, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext();
+    const { sdkHasLoaded, setShowAuthFlow, isRenderingEmbeddedAuthFlow, setShowDynamicUserProfile, } = useInternalDynamicContext();
     const { completeConnection } = useSocialAuth({
         sessionTimeout: 10000,
     });
@@ -126,17 +126,24 @@ const useRedirectSocialHandler = ({ setSocialProvider, }) => {
     useEffectOnceCondition(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!socialStorageItem)
             return;
-        const authMode = user ? 'link' : 'signin';
         // Update UI to reflect the original state
-        if (authMode === 'signin') {
+        if (socialStorageItem.mode === 'signin') {
+            if (getUser()) {
+                logger.error(new DynamicError('User is already logged in'));
+                return;
+            }
             updateInterfaceStateForSignIn(socialStorageItem);
         }
-        else if (authMode === 'link') {
+        else if (socialStorageItem.mode === 'link') {
+            if (!getUser()) {
+                logger.error(new DynamicError('User not logged in'));
+                return;
+            }
             updateInterfaceStateForLink();
         }
         yield completeConnection({
             authCode: socialStorageItem.code,
-            authMode,
+            authMode: socialStorageItem.mode,
             captchaToken: socialStorageItem.captchaToken,
             provider: socialStorageItem.provider,
             state: socialStorageItem.state,

package/src/lib/shared/assets/embedded-wallet-icon.cjs

@@ -25,7 +25,7 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
-var _g;
+var _path;
 var _excluded = ["title", "titleId"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -35,20 +35,21 @@ var SvgEmbeddedWalletIcon = function SvgEmbeddedWalletIcon(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
-    width: 28,
-    height: 28,
-    viewBox: "0 0 28 28",
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
     id: titleId
-  }, title) : null, _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
-    "data-testid": "wallet-icon-embedded",
-    fill: "#4779FF"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M17.5 2.333a2.333 2.333 0 0 1 2.334 2.334h-14a4.654 4.654 0 0 0-3.426 1.497A4.668 4.668 0 0 1 7 2.334h10.5ZM25.666 11.667A4.667 4.667 0 0 0 21 7H7a4.667 4.667 0 0 0-4.667 4.667V21A4.667 4.667 0 0 0 7 25.667h14A4.667 4.667 0 0 0 25.666 21v-9.333Z"
-  }))));
+  }, title) : null, _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Zm8.334-45.333a3.333 3.333 0 0 0-3.333-3.334h-15a6.669 6.669 0 0 0-6.56 5.473 6.649 6.649 0 0 1 4.893-2.14h20ZM42 22a6.667 6.667 0 0 1 6.667 6.667V42A6.667 6.667 0 0 1 42 48.667H22A6.667 6.667 0 0 1 15.334 42V28.667A6.667 6.667 0 0 1 22 22h20Z",
+    fill: "#4779FF",
+    "data-testid": "wallet-icon-embedded"
+  })));
 };
 
 exports.ReactComponent = SvgEmbeddedWalletIcon;

package/src/lib/shared/assets/embedded-wallet-icon.js

@@ -1,7 +1,7 @@
 'use client'
 import * as React from 'react';
 
-var _g;
+var _path;
 var _excluded = ["title", "titleId"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
@@ -11,20 +11,21 @@ var SvgEmbeddedWalletIcon = function SvgEmbeddedWalletIcon(_ref) {
     titleId = _ref.titleId,
     props = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/React.createElement("svg", _extends({
-    width: 28,
-    height: 28,
-    viewBox: "0 0 28 28",
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
     fill: "none",
     xmlns: "http://www.w3.org/2000/svg",
     "aria-labelledby": titleId
   }, props), title ? /*#__PURE__*/React.createElement("title", {
     id: titleId
-  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
-    "data-testid": "wallet-icon-embedded",
-    fill: "#4779FF"
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M17.5 2.333a2.333 2.333 0 0 1 2.334 2.334h-14a4.654 4.654 0 0 0-3.426 1.497A4.668 4.668 0 0 1 7 2.334h10.5ZM25.666 11.667A4.667 4.667 0 0 0 21 7H7a4.667 4.667 0 0 0-4.667 4.667V21A4.667 4.667 0 0 0 7 25.667h14A4.667 4.667 0 0 0 25.666 21v-9.333Z"
-  }))));
+  }, title) : null, _path || (_path = /*#__PURE__*/React.createElement("path", {
+    fillRule: "evenodd",
+    clipRule: "evenodd",
+    d: "M32 64c17.673 0 32-14.327 32-32C64 14.327 49.673 0 32 0 14.327 0 0 14.327 0 32c0 17.673 14.327 32 32 32Zm8.334-45.333a3.333 3.333 0 0 0-3.333-3.334h-15a6.669 6.669 0 0 0-6.56 5.473 6.649 6.649 0 0 1 4.893-2.14h20ZM42 22a6.667 6.667 0 0 1 6.667 6.667V42A6.667 6.667 0 0 1 42 48.667H22A6.667 6.667 0 0 1 15.334 42V28.667A6.667 6.667 0 0 1 22 22h20Z",
+    fill: "#4779FF",
+    "data-testid": "wallet-icon-embedded"
+  })));
 };
 
 export { SvgEmbeddedWalletIcon as ReactComponent };

package/src/lib/utils/functions/networksAndChains/networksAndChains.cjs

@@ -3,29 +3,15 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const eth = {
-    logoURI: 'https://app.dynamic.xyz/assets/networks/eth.svg',
-    name: 'Ethereum',
-    symbol: 'ETH',
+const getNativeTokenInfo = (chain, networkInfo) => {
+    if (!chain || !chain.name) {
+        return;
+    }
+    const networkData = networkInfo[chain.name.toLowerCase()] || networkInfo['evm'];
+    if (!networkData)
+        return;
+    return networkData.find((e) => e.chainId === (chain === null || chain === void 0 ? void 0 : chain.chainId));
 };
-const networkMap = {
-    avalanche: {
-        logoURI: 'https://app.dynamic.xyz/assets/networks/avax.svg',
-        name: 'Avalanche',
-        symbol: 'AVAX',
-    },
-    polygon: {
-        logoURI: 'https://app.dynamic.xyz/assets/networks/polygon.svg',
-        name: 'Polygon',
-        symbol: 'MATIC',
-    },
-    solana: {
-        logoURI: 'https://app.dynamic.xyz/assets/networks/solana.svg',
-        name: 'Solana',
-        symbol: 'SOL',
-    },
-};
-const getNativeTokenInfo = (blockchain = 'eth') => networkMap[blockchain] || eth;
 const allowedChains = {
     'arbitrum one': 'arbitrum',
     avalanche: 'avalanche',

package/src/lib/utils/functions/networksAndChains/networksAndChains.d.ts

@@ -1,9 +1,16 @@
-interface Network {
-    logoURI: string;
+import { ChainWithIcon } from '../../../widgets/DynamicWidget/hooks/useFetchChain';
+interface NativeCurrency {
+    decimals: number;
     name: string;
     symbol: string;
 }
-export declare const getNativeTokenInfo: (blockchain?: string) => Network;
+export interface NetworkInfoEntry {
+    chainId: number;
+    nativeCurrency: NativeCurrency;
+    iconUrls: string[];
+    name: string;
+}
+export declare const getNativeTokenInfo: (chain: ChainWithIcon | undefined, networkInfo: Record<string, NetworkInfoEntry[]>) => NetworkInfoEntry | undefined;
 export declare const allowedChains: {
     [key: string]: string;
 };

package/src/lib/utils/functions/networksAndChains/networksAndChains.js

@@ -1,27 +1,13 @@
 'use client'
-const eth = {
-    logoURI: 'https://app.dynamic.xyz/assets/networks/eth.svg',
-    name: 'Ethereum',
-    symbol: 'ETH',
+const getNativeTokenInfo = (chain, networkInfo) => {
+    if (!chain || !chain.name) {
+        return;
+    }
+    const networkData = networkInfo[chain.name.toLowerCase()] || networkInfo['evm'];
+    if (!networkData)
+        return;
+    return networkData.find((e) => e.chainId === (chain === null || chain === void 0 ? void 0 : chain.chainId));
 };
-const networkMap = {
-    avalanche: {
-        logoURI: 'https://app.dynamic.xyz/assets/networks/avax.svg',
-        name: 'Avalanche',
-        symbol: 'AVAX',
-    },
-    polygon: {
-        logoURI: 'https://app.dynamic.xyz/assets/networks/polygon.svg',
-        name: 'Polygon',
-        symbol: 'MATIC',
-    },
-    solana: {
-        logoURI: 'https://app.dynamic.xyz/assets/networks/solana.svg',
-        name: 'Solana',
-        symbol: 'SOL',
-    },
-};
-const getNativeTokenInfo = (blockchain = 'eth') => networkMap[blockchain] || eth;
 const allowedChains = {
     'arbitrum one': 'arbitrum',
     avalanche: 'avalanche',

package/src/lib/utils/functions/socialStorage/socialStorage.d.ts

@@ -1,4 +1,5 @@
 import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { SocialAuthMode } from '../../hooks/useSocialAuth';
 export declare const SOCIAL_STORAGE_KEY = "dynamic_social_storage";
 export type SocialStorageItem = {
     provider: ProviderEnum;
@@ -10,6 +11,8 @@ export type SocialStorageItem = {
     captchaToken?: string;
     /** Oauth code from redirect from oauth provider, this will be provided on response from redirect endpoint **/
     code?: string;
+    /** Social auth mode, either sign-in or link */
+    mode: SocialAuthMode;
 };
 export type SocialStorage = Partial<Record<ProviderEnum, SocialStorageItem>>;
 export declare const searchSocialStorageByState: (targetState: string) => SocialStorageItem | undefined;

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -21,7 +21,7 @@ const PRIORITY_WALLET_LIST = [
     'rainbow',
     'dapper',
     'glow',
-    'lilico',
+    'flowwalletflow',
 ];
 const sortedInputList = (inputList, recommendedWalletKeys) => {
     // Input is the unordered list of wallets we support

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js

@@ -17,7 +17,7 @@ const PRIORITY_WALLET_LIST = [
     'rainbow',
     'dapper',
     'glow',
-    'lilico',
+    'flowwalletflow',
 ];
 const sortedInputList = (inputList, recommendedWalletKeys) => {
     // Input is the unordered list of wallets we support

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs

@@ -362,6 +362,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
         socialStorage.setSocialStorageFor(provider, {
             captchaToken,
             codeVerifier: usingPkce ? verifier : undefined,
+            mode: authMode,
             state,
         });
         const loginUrlString = getOauthLoginUrl.getOauthLoginUrl((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _d !== void 0 ? _d : [], provider);

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js

@@ -358,6 +358,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
         setSocialStorageFor(provider, {
             captchaToken,
             codeVerifier: usingPkce ? verifier : undefined,
+            mode: authMode,
             state,
         });
         const loginUrlString = getOauthLoginUrl((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _d !== void 0 ? _d : [], provider);

package/src/lib/widgets/DynamicWidget/hooks/useFetchChain/index.d.ts

@@ -1 +1,2 @@
 export { useFetchChain } from './useFetchChain';
+export type { ChainWithIcon } from './useFetchChain';