@dynamic-labs/sdk-react-core 4.8.2 → 4.8.3

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

@@ -0,0 +1,215 @@
+'use client'
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useCallback, useMemo } from 'react';
+import { EmbeddedWalletVersionEnum, JwtVerifiedCredentialFormatEnum, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { DynamicError } from '@dynamic-labs/utils';
+import '../../constants/values.js';
+import '@dynamic-labs/multi-wallet';
+import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
+import '../../../shared/logger.js';
+import '../../constants/colors.js';
+import 'react-international-phone';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '../../../shared/consts/index.js';
+import '../../../store/state/nonce/nonce.js';
+import { isCookieEnabled } from '../../functions/isCookieEnabled/isCookieEnabled.js';
+import { useProjectSettings } from '../../../store/state/projectSettings/projectSettings.js';
+import { updatePrimaryWalletId } from '../../functions/updatePrimaryWalletId/updatePrimaryWalletId.js';
+import { useRefreshUser } from '../useRefreshUser/useRefreshUser.js';
+import { useApiBaseUrl, useEnvironmentId } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import { useUser } from '../../../store/state/user/user.js';
+import { useWalletConnectorOptions } from '../../../store/state/walletOptions/walletOptions.js';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../events/dynamicEvents.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../locale/locale.js';
+import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../functions/compareChains/compareChains.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../../context/MockContext/MockContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../store/state/loadingAndLifecycle.js';
+import 'react-i18next';
+import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
+import '../../../components/Alert/Alert.js';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/InlineWidget/InlineWidget.js';
+import '../../../components/Input/Input.js';
+import '../../../components/IsBrowser/IsBrowser.js';
+import '../../../components/MenuList/Dropdown/Dropdown.js';
+import '../../../components/OverlayCard/OverlayCard.js';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'qrcode';
+import 'formik';
+import '../useSubdomainCheck/useSubdomainCheck.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../context/ConnectWithOtpContext/constants.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../store/state/sendBalances.js';
+import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../context/OnrampContext/OnrampContext.js';
+import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../../../index.js';
+import { DYNAMIC_WAAS_CONNECTOR_NOT_FOUND_ERROR, NO_ENABLED_CHAINS_ERROR } from './constants.js';
+import '../../../store/state/tokenBalances.js';
+import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const dynamicWaasKey = 'dynamicwaas';
+const configWaasWalletConnector = ({ walletConnector, environmentId, apiBaseUrl, authToken, }) => {
+    walletConnector.setEnvironmentId(environmentId);
+    walletConnector.setBaseApiUrl(apiBaseUrl === null || apiBaseUrl === void 0 ? void 0 : apiBaseUrl.replace('/api/v0', ''));
+    walletConnector.setGetAuthTokenFunction(() => authToken !== null && authToken !== void 0 ? authToken : '');
+    return walletConnector;
+};
+const useDynamicWaas = () => {
+    var _a;
+    const { setShowAuthFlow } = useInternalDynamicContext();
+    const { user } = useUser();
+    const apiBaseUrl = useApiBaseUrl();
+    const projectSettings = useProjectSettings();
+    const environmentId = useEnvironmentId();
+    const walletConnectorOptions = useWalletConnectorOptions();
+    const refresh = useRefreshUser();
+    const embeddedWalletSettings = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets;
+    const enabledChains = (_a = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.chainConfigurations) === null || _a === void 0 ? void 0 : _a.filter((c) => c.enabled);
+    const primaryChain = enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.find((chain) => chain.primary);
+    const enabledChainNames = enabledChains === null || enabledChains === void 0 ? void 0 : enabledChains.map((chain) => chain.name);
+    const automaticEmbeddedWalletCreationEnabled = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.automaticEmbeddedWalletCreation;
+    const automaticEmbeddedWalletCreationForExternalEnabled = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.automaticEmbeddedWalletCreationForExternal;
+    const defaultWalletVersion = embeddedWalletSettings === null || embeddedWalletSettings === void 0 ? void 0 : embeddedWalletSettings.defaultWalletVersion;
+    const dynamicWaasIsEnabled = defaultWalletVersion === EmbeddedWalletVersionEnum.V3;
+    const authToken = getAuthToken();
+    const isCookieAuthEnabled = projectSettings && isCookieEnabled(projectSettings);
+    const getWalletConnector = useCallback((chainName) => {
+        var _a;
+        if (!isCookieAuthEnabled && !authToken) {
+            return undefined;
+        }
+        if (!walletConnectorOptions.length || !environmentId || !apiBaseUrl)
+            return undefined;
+        const connectorKey = chainName === 'EVM' ? dynamicWaasKey : `${dynamicWaasKey}-svm`;
+        const walletConnector = (_a = walletConnectorOptions.find((option) => option.key.includes(connectorKey))) === null || _a === void 0 ? void 0 : _a.walletConnector;
+        if (!walletConnector) {
+            throw new DynamicError(DYNAMIC_WAAS_CONNECTOR_NOT_FOUND_ERROR);
+        }
+        const configuredWalletConnector = configWaasWalletConnector({
+            apiBaseUrl,
+            authToken,
+            environmentId,
+            walletConnector,
+        });
+        return configuredWalletConnector;
+    }, [
+        walletConnectorOptions,
+        environmentId,
+        authToken,
+        apiBaseUrl,
+        isCookieAuthEnabled,
+    ]);
+    const createWalletAccount = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        if (!(enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.length)) {
+            throw new DynamicError(NO_ENABLED_CHAINS_ERROR);
+        }
+        const createdWalletAccounts = yield Promise.all(enabledChainNames === null || enabledChainNames === void 0 ? void 0 : enabledChainNames.map((chain) => __awaiter(void 0, void 0, void 0, function* () {
+            const walletConnector = getWalletConnector(chain);
+            if (!walletConnector)
+                return undefined;
+            const createdWalletAccount = yield walletConnector.createWalletAccount();
+            return Object.assign(Object.assign({}, createdWalletAccount), { chainName: chain });
+        })));
+        const primaryWalletAccount = createdWalletAccounts === null || createdWalletAccounts === void 0 ? void 0 : createdWalletAccounts.find((wallet) => (wallet === null || wallet === void 0 ? void 0 : wallet.chainName) === (primaryChain === null || primaryChain === void 0 ? void 0 : primaryChain.name));
+        const refreshedUser = yield refresh();
+        const createdPrimaryWallet = refreshedUser === null || refreshedUser === void 0 ? void 0 : refreshedUser.verifiedCredentials.find((wallet) => {
+            var _a, _b, _c;
+            return ((_a = wallet.walletName) === null || _a === void 0 ? void 0 : _a.includes(dynamicWaasKey)) &&
+                ((_b = wallet.address) === null || _b === void 0 ? void 0 : _b.toLowerCase()) ===
+                    ((_c = primaryWalletAccount === null || primaryWalletAccount === void 0 ? void 0 : primaryWalletAccount.accountAddress) === null || _c === void 0 ? void 0 : _c.toLowerCase());
+        });
+        if (createdPrimaryWallet) {
+            updatePrimaryWalletId(createdPrimaryWallet.id);
+        }
+        setShowAuthFlow(false, { performMultiWalletChecks: false }); // close email otp pin modal
+        return createdWalletAccounts;
+    }), [getWalletConnector, primaryChain, enabledChainNames, refresh]);
+    const shouldAutoCreateDynamicWaasWallet = useMemo(() => {
+        const hasDynamicWaasWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((wallet) => { var _a; return (_a = wallet.walletName) === null || _a === void 0 ? void 0 : _a.includes('dynamicwaas'); });
+        if (!user ||
+            hasDynamicWaasWallet || // already has a dynamic waas wallet
+            !dynamicWaasIsEnabled || // dynamic waas is not enabled
+            !automaticEmbeddedWalletCreationEnabled // automatic embedded wallet creation is not enabled
+        )
+            return false;
+        const hasExternalWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.some((vc) => vc.format === JwtVerifiedCredentialFormatEnum.Blockchain &&
+            vc.walletProvider !== WalletProviderEnum.EmbeddedWallet);
+        const shouldCreateDynamicWaasWallet = hasExternalWallet
+            ? automaticEmbeddedWalletCreationForExternalEnabled
+            : true;
+        return shouldCreateDynamicWaasWallet;
+    }, [
+        user,
+        dynamicWaasIsEnabled,
+        automaticEmbeddedWalletCreationEnabled,
+        automaticEmbeddedWalletCreationForExternalEnabled,
+        walletConnectorOptions,
+    ]);
+    const importPrivateKey = (_b) => __awaiter(void 0, [_b], void 0, function* ({ chainName, privateKey, }) {
+        const walletConnector = getWalletConnector(chainName);
+        if (!walletConnector)
+            return;
+        yield walletConnector.importPrivateKey({
+            chainName,
+            privateKey,
+        });
+        yield refresh();
+    });
+    return {
+        createWalletAccount,
+        dynamicWaasIsEnabled,
+        getWalletConnector,
+        importPrivateKey,
+        shouldAutoCreateDynamicWaasWallet,
+    };
+};
+
+export { configWaasWalletConnector, useDynamicWaas };

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

@@ -160,19 +160,23 @@ const useEmbeddedWallet = () => {
     });
     const shouldPromptForKeyExport = React.useCallback(() => { var _a; return Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.promptForKeyExport); }, [projectSettings]);
     const shouldAutoCreateEmbeddedWallet = React.useCallback((verifiedUser) => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled.isTurnkeyEnabled(projectSettings);
+        const defaultWalletVersion = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.defaultWalletVersion;
         const hasPrimaryWallet = primaryWalletId.getPrimaryWalletId();
+        if (defaultWalletVersion === sdkApiCore.EmbeddedWalletVersionEnum.V3) {
+            return false;
+        }
         if (!hasEmbeddedWalletProviderEnabled || hasPrimaryWallet) {
             return false;
         }
         // Turnkey specific rules
         if (verifiedUser) {
             const primaryEmbeddedChain = findPrimaryEmbeddedChain.findPrimaryEmbeddedChain(projectSettings);
-            const embeddedWalletVerifiedCredentialId = (_a = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(verifiedUser, [
+            const embeddedWalletVerifiedCredentialId = (_b = findEmbeddedWalletFromVerifiedCredentials.findEmbeddedWalletFromVerifiedCredentials(verifiedUser, [
                 primaryEmbeddedChain,
-            ])) === null || _a === void 0 ? void 0 : _a.id;
-            const AAWalletCredentialId = (_c = (_b = verifiedUser.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.find((vc) => vc.walletProvider === sdkApiCore.WalletProviderEnum.SmartContractWallet)) === null || _c === void 0 ? void 0 : _c.id;
+            ])) === null || _b === void 0 ? void 0 : _b.id;
+            const AAWalletCredentialId = (_d = (_c = verifiedUser.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find((vc) => vc.walletProvider === sdkApiCore.WalletProviderEnum.SmartContractWallet)) === null || _d === void 0 ? void 0 : _d.id;
             const targetPrimaryWalletId = AAWalletCredentialId
                 ? AAWalletCredentialId
                 : embeddedWalletVerifiedCredentialId;
@@ -182,7 +186,7 @@ const useEmbeddedWallet = () => {
             }
         }
         if (isTurnkeyEnabled.isTurnkeyEnabled(projectSettings) &&
-            !((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.embeddedWallets) === null || _e === void 0 ? void 0 : _e.automaticEmbeddedWalletCreation)) {
+            !((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.automaticEmbeddedWalletCreation)) {
             return false;
         }
         return true;

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

@@ -1,7 +1,7 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
-import { WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { EmbeddedWalletVersionEnum, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
 import { DynamicError } from '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../shared/logger.js';
@@ -156,19 +156,23 @@ const useEmbeddedWallet = () => {
     });
     const shouldPromptForKeyExport = useCallback(() => { var _a; return Boolean((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.promptForKeyExport); }, [projectSettings]);
     const shouldAutoCreateEmbeddedWallet = useCallback((verifiedUser) => {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled(projectSettings);
+        const defaultWalletVersion = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.defaultWalletVersion;
         const hasPrimaryWallet = getPrimaryWalletId();
+        if (defaultWalletVersion === EmbeddedWalletVersionEnum.V3) {
+            return false;
+        }
         if (!hasEmbeddedWalletProviderEnabled || hasPrimaryWallet) {
             return false;
         }
         // Turnkey specific rules
         if (verifiedUser) {
             const primaryEmbeddedChain = findPrimaryEmbeddedChain(projectSettings);
-            const embeddedWalletVerifiedCredentialId = (_a = findEmbeddedWalletFromVerifiedCredentials(verifiedUser, [
+            const embeddedWalletVerifiedCredentialId = (_b = findEmbeddedWalletFromVerifiedCredentials(verifiedUser, [
                 primaryEmbeddedChain,
-            ])) === null || _a === void 0 ? void 0 : _a.id;
-            const AAWalletCredentialId = (_c = (_b = verifiedUser.verifiedCredentials) === null || _b === void 0 ? void 0 : _b.find((vc) => vc.walletProvider === WalletProviderEnum.SmartContractWallet)) === null || _c === void 0 ? void 0 : _c.id;
+            ])) === null || _b === void 0 ? void 0 : _b.id;
+            const AAWalletCredentialId = (_d = (_c = verifiedUser.verifiedCredentials) === null || _c === void 0 ? void 0 : _c.find((vc) => vc.walletProvider === WalletProviderEnum.SmartContractWallet)) === null || _d === void 0 ? void 0 : _d.id;
             const targetPrimaryWalletId = AAWalletCredentialId
                 ? AAWalletCredentialId
                 : embeddedWalletVerifiedCredentialId;
@@ -178,7 +182,7 @@ const useEmbeddedWallet = () => {
             }
         }
         if (isTurnkeyEnabled(projectSettings) &&
-            !((_e = (_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _d === void 0 ? void 0 : _d.embeddedWallets) === null || _e === void 0 ? void 0 : _e.automaticEmbeddedWalletCreation)) {
+            !((_f = (_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _e === void 0 ? void 0 : _e.embeddedWallets) === null || _f === void 0 ? void 0 : _f.automaticEmbeddedWalletCreation)) {
             return false;
         }
         return true;

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

@@ -21,13 +21,14 @@ require('../../../shared/consts/index.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
+var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
 require('react-international-phone');
 require('../../../store/state/nonce/nonce.cjs');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../locale/locale.cjs');
-require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+var dynamicContextProps = require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -91,10 +92,14 @@ require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCa
 require('../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 require('../../../../index.cjs');
+var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
 require('../../../store/state/tokenBalances.cjs');
 require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
+const DEFAULT_API_BASE_URL = 'https://app.dynamicauth.com/api/v0';
 const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSettings) => {
+    const apiBaseUrl = dynamicContextProps.useApiBaseUrl();
+    const authToken = getAuthToken.getAuthToken();
     const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys.useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
     if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
@@ -104,6 +109,14 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
             (_a = walletOption.walletConnector) === null || _a === void 0 ? void 0 : _a.setSessionKeyFetcher(registerEmbeddedWalletSessionKey);
             (_b = walletOption.walletConnector) === null || _b === void 0 ? void 0 : _b.setSessionKeyRemoveFunction(() => removeSessionKey());
         }
+        else if (walletConnectorCore.isDynamicWaasConnector(walletOption.walletConnector)) {
+            useDynamicWaas.configWaasWalletConnector({
+                apiBaseUrl: apiBaseUrl !== null && apiBaseUrl !== void 0 ? apiBaseUrl : DEFAULT_API_BASE_URL,
+                authToken,
+                environmentId,
+                walletConnector: walletOption.walletConnector,
+            });
+        }
     });
 };
 

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

@@ -1,5 +1,5 @@
 'use client'
-import { isSessionKeyCompatibleWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isSessionKeyCompatibleWalletConnector, isDynamicWaasConnector } from '@dynamic-labs/wallet-connector-core';
 import 'react';
 import '../../../events/dynamicEvents.js';
 import '../../../../../_virtual/_tslib.js';
@@ -17,13 +17,14 @@ import '../../../shared/consts/index.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
+import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
 import 'react-international-phone';
 import '../../../store/state/nonce/nonce.js';
 import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../config/ApiEndpoint.js';
 import '../../../store/state/user/user.js';
 import '../../../locale/locale.js';
-import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
+import { useApiBaseUrl } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -87,10 +88,14 @@ import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCar
 import '../../../context/OnrampContext/OnrampContext.js';
 import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import '../../../../index.js';
+import { configWaasWalletConnector } from '../useDynamicWaas/useDynamicWaas.js';
 import '../../../store/state/tokenBalances.js';
 import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
+const DEFAULT_API_BASE_URL = 'https://app.dynamicauth.com/api/v0';
 const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSettings) => {
+    const apiBaseUrl = useApiBaseUrl();
+    const authToken = getAuthToken();
     const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
     if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
@@ -100,6 +105,14 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
             (_a = walletOption.walletConnector) === null || _a === void 0 ? void 0 : _a.setSessionKeyFetcher(registerEmbeddedWalletSessionKey);
             (_b = walletOption.walletConnector) === null || _b === void 0 ? void 0 : _b.setSessionKeyRemoveFunction(() => removeSessionKey());
         }
+        else if (isDynamicWaasConnector(walletOption.walletConnector)) {
+            configWaasWalletConnector({
+                apiBaseUrl: apiBaseUrl !== null && apiBaseUrl !== void 0 ? apiBaseUrl : DEFAULT_API_BASE_URL,
+                authToken,
+                environmentId,
+                walletConnector: walletOption.walletConnector,
+            });
+        }
     });
 };
 

package/src/lib/utils/hooks/useSyncDynamicWaas/index.d.ts

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

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

@@ -0,0 +1,145 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('@dynamic-labs/sdk-api-core');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/consts/index.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+var useDynamicEvents = require('../events/useDynamicEvents/useDynamicEvents.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../store/state/nonce/nonce.cjs');
+var projectSettings = require('../../../store/state/projectSettings/projectSettings.cjs');
+require('../../../config/ApiEndpoint.cjs');
+var user = require('../../../store/state/user/user.cjs');
+require('../../../locale/locale.cjs');
+require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+require('../../functions/compareChains/compareChains.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('bs58');
+require('@dynamic-labs/types');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+var LoadingContext = require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('yup');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../store/state/loadingAndLifecycle.cjs');
+var walletOptions = require('../../../store/state/walletOptions/walletOptions.cjs');
+require('react-i18next');
+require('../../../components/Accordion/components/AccordionItem/AccordionItem.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/InlineWidget/InlineWidget.cjs');
+require('../../../components/Input/Input.cjs');
+require('../../../components/IsBrowser/IsBrowser.cjs');
+require('../../../components/MenuList/Dropdown/Dropdown.cjs');
+require('../../../components/OverlayCard/OverlayCard.cjs');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('react-focus-lock');
+require('qrcode');
+require('formik');
+require('../useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../store/state/sendBalances.cjs');
+require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
+require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../../../index.cjs');
+var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
+require('../../../store/state/tokenBalances.cjs');
+require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+const useSyncDynamicWaas = () => {
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { loading: globalLoading } = LoadingContext.useLoadingContext();
+    const { user: user$1 } = user.useUser();
+    const projectSettings$1 = projectSettings.useProjectSettings();
+    const walletConnectorOptions = walletOptions.useWalletConnectorOptions();
+    const { createWalletAccount, shouldAutoCreateDynamicWaasWallet } = useDynamicWaas.useDynamicWaas();
+    const triggeredCreate = React.useRef(false);
+    useDynamicEvents.useInternalDynamicEvents('logout', () => {
+        triggeredCreate.current = false;
+    });
+    // this is used to trigger createWalletAccount
+    // ** It must be an useEffect because some of the dependencies are async
+    React.useEffect(() => {
+        const syncDynamicWaas = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            try {
+                triggeredCreate.current = true;
+                yield createWalletAccount();
+            }
+            catch (error) {
+                logger.logger.error('Error creating dynamic waas wallet', error);
+                setShowAuthFlow(false);
+            }
+        });
+        const shouldSyncCreateWallet = shouldAutoCreateDynamicWaasWallet && !triggeredCreate.current;
+        if (!shouldSyncCreateWallet ||
+            !user$1 ||
+            !projectSettings$1 ||
+            !walletConnectorOptions.length || // no connectors to use for the embedded wallet
+            globalLoading // this will be true if auth is in progress
+        ) {
+            return;
+        }
+        syncDynamicWaas();
+    }, [
+        user$1,
+        projectSettings$1,
+        walletConnectorOptions,
+        globalLoading,
+        shouldAutoCreateDynamicWaasWallet,
+        setShowAuthFlow,
+        createWalletAccount,
+        primaryWallet,
+    ]);
+};
+
+exports.useSyncDynamicWaas = useSyncDynamicWaas;

package/src/lib/utils/hooks/useSyncDynamicWaas/useSyncDynamicWaas.d.ts

@@ -0,0 +1 @@
+export declare const useSyncDynamicWaas: () => void;