@dynamic-labs/sdk-react-core 2.0.0-alpha.6 → 2.0.0-alpha.8

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+## [2.0.0-alpha.8](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.7...v2.0.0-alpha.8) (2024-03-04)
+
+## [2.0.0-alpha.7](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.6...v2.0.0-alpha.7) (2024-02-28)
+
+
+### ⚠ BREAKING CHANGES
+
+* add networkValidationMode and remove enableForcedNetworkValidation (#4778)
+
+### Features
+
+* add bitget and okx wallets ([51fab41](https://github.com/dynamic-labs/DynamicAuth/commit/51fab413096fd89ce99c6c617cf4f3f5db9bf44d))
+* add networkValidationMode and remove enableForcedNetworkValidation ([#4778](https://github.com/dynamic-labs/DynamicAuth/issues/4778)) ([ccb9576](https://github.com/dynamic-labs/DynamicAuth/commit/ccb9576c81b2c570185f5126d6d1fcfcbb5ac9e3))
+
+
+### Bug Fixes
+
+* **GVTY-1243:** non evm onramp urls ([#4791](https://github.com/dynamic-labs/DynamicAuth/issues/4791)) ([fea602e](https://github.com/dynamic-labs/DynamicAuth/commit/fea602e2835b4bb9bc096b96375fa97297bf35f1))
+* revert use enableForcedNetworkValidation on connect-only ([#4750](https://github.com/dynamic-labs/DynamicAuth/issues/4750)) ([#4772](https://github.com/dynamic-labs/DynamicAuth/issues/4772)) ([b871c22](https://github.com/dynamic-labs/DynamicAuth/commit/b871c2295f39230bc34ae1fca5f8817cd9251a17))
+* use correct chromeId for okx and bitget wallets and remove group from coin98 ([#4795](https://github.com/dynamic-labs/DynamicAuth/issues/4795)) ([e63bad7](https://github.com/dynamic-labs/DynamicAuth/commit/e63bad76ed06636151212c915a102359a03b4218))
+
 ## [2.0.0-alpha.6](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.5...v2.0.0-alpha.6) (2024-02-26)
 
 

package/package.cjs

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.0-alpha.6";
+var version = "2.0.0-alpha.8";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.376",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",
-	i18next: "^23.4.6",
+	i18next: "23.4.6",
 	qrcode: "1.5.1",
 	"react-focus-lock": "2.9.2",
-	"react-i18next": "^13.2.0",
+	"react-i18next": "13.5.0",
 	yup: "0.32.11",
-	"react-international-phone": "^4.2.1"
+	"react-international-phone": "4.2.5"
 };
 
 exports.dependencies = dependencies;

package/package.js

@@ -1,15 +1,15 @@
-var version = "2.0.0-alpha.6";
+var version = "2.0.0-alpha.8";
 var dependencies = {
 	"@dynamic-labs/sdk-api": "0.0.376",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",
-	i18next: "^23.4.6",
+	i18next: "23.4.6",
 	qrcode: "1.5.1",
 	"react-focus-lock": "2.9.2",
-	"react-i18next": "^13.2.0",
+	"react-i18next": "13.5.0",
 	yup: "0.32.11",
-	"react-international-phone": "^4.2.1"
+	"react-international-phone": "4.2.5"
 };
 
 export { dependencies, version };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-alpha.8",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -11,24 +11,24 @@
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
-    "i18next": "^23.4.6",
+    "i18next": "23.4.6",
     "qrcode": "1.5.1",
     "react-focus-lock": "2.9.2",
-    "react-i18next": "^13.2.0",
+    "react-i18next": "13.5.0",
     "yup": "0.32.11",
-    "react-international-phone": "^4.2.1",
-    "@dynamic-labs/ethereum": "2.0.0-alpha.6",
-    "@dynamic-labs/iconic": "2.0.0-alpha.6",
-    "@dynamic-labs/logger": "2.0.0-alpha.6",
-    "@dynamic-labs/multi-wallet": "2.0.0-alpha.6",
-    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.6",
-    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.6",
-    "@dynamic-labs/rpc-providers": "2.0.0-alpha.6",
-    "@dynamic-labs/types": "2.0.0-alpha.6",
-    "@dynamic-labs/utils": "2.0.0-alpha.6",
-    "@dynamic-labs/viem-utils": "2.0.0-alpha.6",
-    "@dynamic-labs/wallet-book": "2.0.0-alpha.6",
-    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.6",
+    "react-international-phone": "4.2.5",
+    "@dynamic-labs/ethereum": "2.0.0-alpha.8",
+    "@dynamic-labs/iconic": "2.0.0-alpha.8",
+    "@dynamic-labs/logger": "2.0.0-alpha.8",
+    "@dynamic-labs/multi-wallet": "2.0.0-alpha.8",
+    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.8",
+    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.8",
+    "@dynamic-labs/rpc-providers": "2.0.0-alpha.8",
+    "@dynamic-labs/types": "2.0.0-alpha.8",
+    "@dynamic-labs/utils": "2.0.0-alpha.8",
+    "@dynamic-labs/viem-utils": "2.0.0-alpha.8",
+    "@dynamic-labs/wallet-book": "2.0.0-alpha.8",
+    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.8",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -130,10 +130,11 @@ require('react-dom');
 var sdkApi = require('@dynamic-labs/sdk-api');
 require('@dynamic-labs/utils');
 require('./lib/config/ApiEndpoint.cjs');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('@dynamic-labs/wallet-connector-core');
 require('./lib/utils/constants/values.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
+var mergeNetworks = require('./lib/utils/functions/mergeNetworks/mergeNetworks.cjs');
 require('./lib/utils/constants/colors.cjs');
 var createWalletClientFromWallet = require('./lib/utils/functions/createWalletClientFromWallet/createWalletClientFromWallet.cjs');
 var useEmbeddedWallet = require('./lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.cjs');
@@ -207,7 +208,6 @@ var DynamicUserProfile = require('./lib/widgets/DynamicWidget/components/Dynamic
 var FundingWidget = require('./lib/widgets/FundingWidget/FundingWidget.cjs');
 var DynamicMultiWalletPromptsWidget = require('./lib/widgets/DynamicMultiWalletPromptsWidget/DynamicMultiWalletPromptsWidget.cjs');
 var themesData = require('./lib/context/ThemeContext/themesData.cjs');
-var isSameWalletName = require('./lib/utils/functions/isSameWalletName/isSameWalletName.cjs');
 var getNetwork = require('./lib/utils/functions/getNetwork/getNetwork.cjs');
 var index$3 = require('./lib/utils/functions/walletFilters/index.cjs');
 var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceContext.cjs');
@@ -350,10 +350,7 @@ Object.defineProperty(exports, 'DynamicJwtFromJSON', {
   enumerable: true,
   get: function () { return sdkApi.DynamicJwtFromJSON; }
 });
-Object.defineProperty(exports, 'normalizeWalletName', {
-  enumerable: true,
-  get: function () { return walletConnectorCore.normalizeWalletName; }
-});
+exports.mergeNetworks = mergeNetworks.mergeNetworks;
 exports.createWalletClientFromWallet = createWalletClientFromWallet.createWalletClientFromWallet;
 exports.useEmbeddedWallet = useEmbeddedWallet.useEmbeddedWallet;
 exports.useIsLoggedIn = useIsLoggedIn.useIsLoggedIn;
@@ -393,7 +390,6 @@ exports.DynamicMultiWalletPromptsWidget = DynamicMultiWalletPromptsWidget.Dynami
 exports.getDefaultColor = themesData.getDefaultColor;
 exports.getThemeConfig = themesData.getThemeConfig;
 exports.themesData = themesData.themesData;
-exports.isSameWalletName = isSameWalletName.isSameWalletName;
 exports.getNetwork = getNetwork.getNetwork;
 exports.FilterAndSortWallets = index$3.FilterAndSortWallets;
 exports.FilterBridgeChainsName = index$3.FilterBridgeChainsName;

package/src/index.d.ts

@@ -18,8 +18,7 @@ export type { ViewType } from './lib/context/ViewContext';
 export type { NotSupportedError, NoAccessError, ChainalysisError, EmailAlreadyExistsError, UsernameAlreadyExistsError, SocialAccountAlreadyExistsError, WalletNotDeployedError, WalletUsedError, EmailVerificationError, AccountExistsError, } from '@dynamic-labs/utils';
 export type { WalletConnector, Chain, } from '@dynamic-labs/wallet-connector-core';
 export type { EvmNetwork } from '@dynamic-labs/types';
-export { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
-export { isSameWalletName } from './lib/utils/functions/isSameWalletName';
+export { mergeNetworks } from './lib/utils/functions/mergeNetworks';
 export { classNames } from './lib/utils/functions/classNames';
 export { getNetwork } from './lib/utils/functions/getNetwork';
 export { createWalletClientFromWallet } from './lib/utils/functions/createWalletClientFromWallet';

package/src/index.js

@@ -126,10 +126,11 @@ import 'react-dom';
 export { DynamicJwtFromJSON } from '@dynamic-labs/sdk-api';
 import '@dynamic-labs/utils';
 import './lib/config/ApiEndpoint.js';
-export { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs/wallet-connector-core';
 import './lib/utils/constants/values.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
+export { mergeNetworks } from './lib/utils/functions/mergeNetworks/mergeNetworks.js';
 import './lib/utils/constants/colors.js';
 export { createWalletClientFromWallet } from './lib/utils/functions/createWalletClientFromWallet/createWalletClientFromWallet.js';
 export { useEmbeddedWallet } from './lib/utils/hooks/useEmbeddedWallet/useEmbeddedWallet.js';
@@ -203,7 +204,6 @@ export { ShadowedDynamicUserProfile as DynamicUserProfile } from './lib/widgets/
 export { FundingWidget } from './lib/widgets/FundingWidget/FundingWidget.js';
 export { DynamicMultiWalletPromptsWidget } from './lib/widgets/DynamicMultiWalletPromptsWidget/DynamicMultiWalletPromptsWidget.js';
 export { getDefaultColor, getThemeConfig, themesData } from './lib/context/ThemeContext/themesData.js';
-export { isSameWalletName } from './lib/utils/functions/isSameWalletName/isSameWalletName.js';
 export { getNetwork } from './lib/utils/functions/getNetwork/getNetwork.js';
 export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallets, RemoveWallets, SortWallets, UniswapFilter } from './lib/utils/functions/walletFilters/index.js';
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';

package/src/lib/components/Alert/Alert.cjs

@@ -26,6 +26,7 @@ const errorIconMap = {
 };
 const Alert = ({ children, icon, variant = 'error', contentDataTestId, }) => (jsxRuntime.jsxs("div", { className: classNames.classNames('alert', {
         'alert--error': variant === 'error',
+        'alert--info': variant === 'info',
         'alert--warning': variant === 'warning',
     }), children: [icon && (jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
 

package/src/lib/components/Alert/Alert.js

@@ -22,6 +22,7 @@ const errorIconMap = {
 };
 const Alert = ({ children, icon, variant = 'error', contentDataTestId, }) => (jsxs("div", { className: classNames('alert', {
         'alert--error': variant === 'error',
+        'alert--info': variant === 'info',
         'alert--warning': variant === 'warning',
     }), children: [icon && (jsx(Icon, { size: 'small', className: 'alert__icon', children: typeof icon === 'string' ? errorIconMap[icon] : icon })), jsx(Typography, { variant: 'body_small', "data-testid": contentDataTestId, children: children })] }));
 

package/src/lib/components/Alert/Alert.types.d.ts

@@ -4,6 +4,6 @@ export type AlertIcons = 'error';
 export type AlertProps = {
     contentDataTestId?: string;
     icon?: ReactElement | AlertIcons;
-    variant?: 'error' | 'warning';
+    variant?: 'error' | 'warning' | 'info';
 } & CopyKey;
 export type AlertComponent = FC<PropsWithChildren<AlertProps>>;

package/src/lib/components/ErrorContainer/ErrorContainer.cjs

@@ -27,7 +27,7 @@ const ErrorContainer = ({ children, className, isMultiWalletError = false, withI
     const effectiveErrorClassName = classNames.classNames('error', {
         'error--with-icon': withIcon,
     });
-    return (jsxRuntime.jsxs("div", { className: effectiveContainerClassName, children: [withIcon && jsxRuntime.jsx(error.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: effectiveErrorClassName, copykey: copykey, children: children })] }));
+    return (jsxRuntime.jsxs("div", { className: effectiveContainerClassName, "data-testid": 'error-container', children: [withIcon && jsxRuntime.jsx(error.ReactComponent, {}), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', className: effectiveErrorClassName, copykey: copykey, children: children })] }));
 };
 
 exports.ErrorContainer = ErrorContainer;

package/src/lib/components/ErrorContainer/ErrorContainer.js

@@ -23,7 +23,7 @@ const ErrorContainer = ({ children, className, isMultiWalletError = false, withI
     const effectiveErrorClassName = classNames('error', {
         'error--with-icon': withIcon,
     });
-    return (jsxs("div", { className: effectiveContainerClassName, children: [withIcon && jsx(SvgError, {}), jsx(Typography, { variant: 'body_small', className: effectiveErrorClassName, copykey: copykey, children: children })] }));
+    return (jsxs("div", { className: effectiveContainerClassName, "data-testid": 'error-container', children: [withIcon && jsx(SvgError, {}), jsx(Typography, { variant: 'body_small', className: effectiveErrorClassName, copykey: copykey, children: children })] }));
 };
 
 export { ErrorContainer };

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

@@ -5,11 +5,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/sdk-api');
 var logger = require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../utils/constants/colors.cjs');
@@ -83,7 +83,9 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
     const pickerRef = React.useRef(null);
     const [newNetworkId, setNewNetworkId] = React.useState(undefined);
     const { loadingNetwork, primaryWallet, setNetwork } = useInternalDynamicContext.useInternalDynamicContext();
-    const { data: supportedWalletNetworks } = usePromise.usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector, isNetworkPickerOpen] });
+    const { data: supportedWalletNetworks } = usePromise.usePromise(() => walletConnectorCore.isWalletConnectConnector(connector)
+        ? connector.getSupportedNetworks()
+        : Promise.resolve(evmNetworks.map(({ networkId }) => `${networkId}`)), { deps: [connector, evmNetworks, isNetworkPickerOpen] });
     const shouldAllowOpenDropdown = isNetworkUnsupported.isNetworkUnsupported(currentNetwork, evmNetworks) ||
         (evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
     // Ref to anchor popper to

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

@@ -1,11 +1,11 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useRef, useState } from 'react';
+import { isWalletConnectConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import { logger } from '../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../utils/constants/colors.js';
@@ -79,7 +79,9 @@ const NetworkPicker = ({ activeClassName = '', buttonClassName = '', checkboxCla
     const pickerRef = useRef(null);
     const [newNetworkId, setNewNetworkId] = useState(undefined);
     const { loadingNetwork, primaryWallet, setNetwork } = useInternalDynamicContext();
-    const { data: supportedWalletNetworks } = usePromise(() => connector === null || connector === void 0 ? void 0 : connector.getSupportedNetworks(), { deps: [connector, isNetworkPickerOpen] });
+    const { data: supportedWalletNetworks } = usePromise(() => isWalletConnectConnector(connector)
+        ? connector.getSupportedNetworks()
+        : Promise.resolve(evmNetworks.map(({ networkId }) => `${networkId}`)), { deps: [connector, evmNetworks, isNetworkPickerOpen] });
     const shouldAllowOpenDropdown = isNetworkUnsupported(currentNetwork, evmNetworks) ||
         (evmNetworks === null || evmNetworks === void 0 ? void 0 : evmNetworks.length) > 1;
     // Ref to anchor popper to

package/src/lib/components/ShadowDOM/ShadowDOM.cjs

@@ -81,6 +81,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 const ShadowDOMContext = React__default["default"].createContext({});
+const useShadowDOMContext = () => React__default["default"].useContext(ShadowDOMContext);
 const ShadowDOMStyle = () => jsxRuntime.jsx("style", { children: index_shadow });
 const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
     const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext.useInternalDynamicContext();
@@ -122,3 +123,4 @@ const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex,
 exports.ShadowDOM = ShadowDOM;
 exports.ShadowDOMContext = ShadowDOMContext;
 exports.ShadowDOMStyle = ShadowDOMStyle;
+exports.useShadowDOMContext = useShadowDOMContext;

package/src/lib/components/ShadowDOM/ShadowDOM.js

@@ -73,6 +73,7 @@ import { LegacySafariCssOverrides } from '../LegacySafariCssOverrides/LegacySafa
 import { isShadowDOMFlagEnabled } from './utils.js';
 
 const ShadowDOMContext = React__default.createContext({});
+const useShadowDOMContext = () => React__default.useContext(ShadowDOMContext);
 const ShadowDOMStyle = () => jsx("style", { children: css_248z });
 const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex, }) => {
     const { shadowDOMEnabled: shadowDOMSetting, cssOverrides } = useInternalDynamicContext();
@@ -111,4 +112,4 @@ const ShadowDOM = ({ mode = 'open', id, className, children, dataTestId, zIndex,
                     createPortal(jsxs("div", { className: 'dynamic-shadow-dom-content', children: [children, shouldRenderStyles && jsx(ShadowDOMStyle, {}), isLegacySafari() && jsx(LegacySafariCssOverrides, {}), CssOverridesElement && jsx(CssOverridesElement, {})] }), shadowRoot) }) }) }));
 };
 
-export { ShadowDOM, ShadowDOMContext, ShadowDOMStyle };
+export { ShadowDOM, ShadowDOMContext, ShadowDOMStyle, useShadowDOMContext };

package/src/lib/components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.cjs

@@ -26,6 +26,7 @@ require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 var isTurnkeyEnabled = require('../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 require('viem/chains');
+var isCoinbaseWaasEnabled = require('../../utils/functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -56,7 +57,7 @@ require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
-require('../../context/WalletContext/WalletContext.cjs');
+var WalletContext = require('../../context/WalletContext/WalletContext.cjs');
 require('formik');
 require('qrcode');
 require('../../views/WalletList/WalletList.cjs');
@@ -77,9 +78,11 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
 const SyncEmbeddedWalletAuthFlow = () => {
-    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId } = useInternalDynamicContext.useInternalDynamicContext();
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { isLoadingEmbeddedWallet } = WalletContext.useWalletContext();
     const lastUsedWallet = localStorage.LocalStorage.getFromLS(localStorage$1.LAST_USED_WALLET);
     const { createEmbeddedWallet } = useEmbeddedWallet.useEmbeddedWallet();
+    const triggeredCreate = React.useRef(false);
     // this is used to trigger createEmbeddedWallet
     // when user didn't create a passkey after login and refresh page to skip it
     // we force them to created it before they can use the app
@@ -87,6 +90,7 @@ const SyncEmbeddedWalletAuthFlow = () => {
     React.useEffect(() => {
         var _a, _b, _c, _d, _e, _f;
         const createWallet = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            triggeredCreate.current = true;
             try {
                 yield createEmbeddedWallet();
             }
@@ -94,21 +98,31 @@ const SyncEmbeddedWalletAuthFlow = () => {
                 return;
             }
         });
+        const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) ||
+            isCoinbaseWaasEnabled.isCoinbaseWaasEnabled(projectSettings);
         if (!user ||
             isProjectSettingsLoading ||
             !projectSettings ||
-            !isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) ||
-            !((_b = (_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) ||
-            // If user don't need to create a passkey after login, don't trigger createEmbeddedWallet on refresh
-            !((_d = (_c = projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.forceAuthenticatorAtSignup) ||
-            (
-            // If customer allows user to skip passkey creation, don't trigger createEmbeddedWallet on refresh
-            (_f = (_e = projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.allowSkippingAuthenticatorAtSignup) ||
+            !hasEmbeddedWalletProviderEnabled ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
             primaryWalletId || //should not override primary wallet
-            lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
+            isLoadingEmbeddedWallet || // already has a wallet
+            lastUsedWallet !== undefined || //untill embedded wallet is generated it's undefined
+            triggeredCreate.current // already triggered
         ) {
             return;
         }
+        // Turnkey specific rules
+        if (
+        // if coinbase is enabled it should still call createWallet, despite the turnkey rules
+        !isCoinbaseWaasEnabled.isCoinbaseWaasEnabled(projectSettings) &&
+            isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) &&
+            // If customer allows user to skip passkey creation, don't trigger createEmbeddedWallet on refresh
+            (!((_b = (_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) ||
+                ((_d = (_c = projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.allowSkippingAuthenticatorAtSignup) ||
+                !((_f = (_e = projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.forceAuthenticatorAtSignup))) {
+            return;
+        }
         createWallet();
     }, [
         user,
@@ -117,6 +131,8 @@ const SyncEmbeddedWalletAuthFlow = () => {
         primaryWalletId,
         lastUsedWallet,
         createEmbeddedWallet,
+        isLoadingEmbeddedWallet,
+        walletConnectorOptions,
     ]);
     return null;
 };

package/src/lib/components/SyncEmbeddedWalletAuthFlow/SyncEmbeddedWalletAuthFlow.js

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../../_virtual/_tslib.js';
-import { useEffect } from 'react';
+import { useRef, useEffect } from 'react';
 import '../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
@@ -22,6 +22,7 @@ import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import { isTurnkeyEnabled } from '../../utils/functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import 'viem/chains';
+import { isCoinbaseWaasEnabled } from '../../utils/functions/isCoinbaseWaasEnabled/isCoinbaseWaasEnabled.js';
 import '../../config/ApiEndpoint.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -52,7 +53,7 @@ import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
-import '../../context/WalletContext/WalletContext.js';
+import { useWalletContext } from '../../context/WalletContext/WalletContext.js';
 import 'formik';
 import 'qrcode';
 import '../../views/WalletList/WalletList.js';
@@ -73,9 +74,11 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
 const SyncEmbeddedWalletAuthFlow = () => {
-    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId } = useInternalDynamicContext();
+    const { projectSettings, isProjectSettingsLoading, user, primaryWalletId, walletConnectorOptions, } = useInternalDynamicContext();
+    const { isLoadingEmbeddedWallet } = useWalletContext();
     const lastUsedWallet = LocalStorage.getFromLS(LAST_USED_WALLET);
     const { createEmbeddedWallet } = useEmbeddedWallet();
+    const triggeredCreate = useRef(false);
     // this is used to trigger createEmbeddedWallet
     // when user didn't create a passkey after login and refresh page to skip it
     // we force them to created it before they can use the app
@@ -83,6 +86,7 @@ const SyncEmbeddedWalletAuthFlow = () => {
     useEffect(() => {
         var _a, _b, _c, _d, _e, _f;
         const createWallet = () => __awaiter(void 0, void 0, void 0, function* () {
+            triggeredCreate.current = true;
             try {
                 yield createEmbeddedWallet();
             }
@@ -90,21 +94,31 @@ const SyncEmbeddedWalletAuthFlow = () => {
                 return;
             }
         });
+        const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled(projectSettings) ||
+            isCoinbaseWaasEnabled(projectSettings);
         if (!user ||
             isProjectSettingsLoading ||
             !projectSettings ||
-            !isTurnkeyEnabled(projectSettings) ||
-            !((_b = (_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) ||
-            // If user don't need to create a passkey after login, don't trigger createEmbeddedWallet on refresh
-            !((_d = (_c = projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.forceAuthenticatorAtSignup) ||
-            (
-            // If customer allows user to skip passkey creation, don't trigger createEmbeddedWallet on refresh
-            (_f = (_e = projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.allowSkippingAuthenticatorAtSignup) ||
+            !hasEmbeddedWalletProviderEnabled ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
             primaryWalletId || //should not override primary wallet
-            lastUsedWallet !== undefined //untill embedded wallet is generated it's undefined
+            isLoadingEmbeddedWallet || // already has a wallet
+            lastUsedWallet !== undefined || //untill embedded wallet is generated it's undefined
+            triggeredCreate.current // already triggered
         ) {
             return;
         }
+        // Turnkey specific rules
+        if (
+        // if coinbase is enabled it should still call createWallet, despite the turnkey rules
+        !isCoinbaseWaasEnabled(projectSettings) &&
+            isTurnkeyEnabled(projectSettings) &&
+            // If customer allows user to skip passkey creation, don't trigger createEmbeddedWallet on refresh
+            (!((_b = (_a = projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.automaticEmbeddedWalletCreation) ||
+                ((_d = (_c = projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.embeddedWallets) === null || _d === void 0 ? void 0 : _d.allowSkippingAuthenticatorAtSignup) ||
+                !((_f = (_e = projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.forceAuthenticatorAtSignup))) {
+            return;
+        }
         createWallet();
     }, [
         user,
@@ -113,6 +127,8 @@ const SyncEmbeddedWalletAuthFlow = () => {
         primaryWalletId,
         lastUsedWallet,
         createEmbeddedWallet,
+        isLoadingEmbeddedWallet,
+        walletConnectorOptions,
     ]);
     return null;
 };

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

@@ -61,3 +61,4 @@ export * from './Transition';
 export * from './Typography';
 export * from './WalletInformationCard';
 export * from './ChainIcon';
+export * from './Divider';