@dynamic-labs/sdk-react-core 5.0.0-rc.0 → 5.0.0-rc.1

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

@@ -4,9 +4,9 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 import { getAuthMode } from '../../../store/state/authMode/authMode.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../constants/values.js';
-import '@dynamic-labs/utils';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/utils';
 import '../../../shared/logger.js';
 import 'react-international-phone';
 import '../../constants/colors.js';
@@ -33,9 +33,8 @@ import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
 import { useConnectAndSign } from '../authenticationHooks/useConnectAndSign/useConnectAndSign.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import 'react-dom';
-import '../../functions/compareChains/compareChains.js';
-import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
 import '../../../context/ThemeContext/ThemeContext.js';
+import '../../functions/compareChains/compareChains.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import 'bs58';
@@ -45,9 +44,6 @@ import '../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../context/LoadingContext/LoadingContext.js';
-import '../../../context/WalletContext/WalletContext.js';
-import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
 import '../../../views/CollectUserDataView/useFields.js';
@@ -56,9 +52,11 @@ import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
 import '../../../store/state/walletOptions/walletOptions.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import 'react-i18next';
 import '../../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../components/Alert/Alert.js';
+import '../../../context/WalletContext/WalletContext.js';
 import '../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/InlineWidget/InlineWidget.js';
@@ -79,14 +77,16 @@ import '../useSubdomainCheck/useSubdomainCheck.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../useGetMfaToken/useGetMfaToken.js';
+import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
 import '../useWalletBackup/useWalletBackup.js';
 import '../useWalletBackup/BackupError.js';
 import '../useWalletBackup/types.js';
 import '../useWalletBackup/cloudProviders.js';
+import '@hcaptcha/react-hcaptcha';
+import '@marsidev/react-turnstile';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
 import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';

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

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

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

@@ -0,0 +1,29 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var legacyMigrationProviderRegistry = require('../../legacyMigrationProviderRegistry/legacyMigrationProviderRegistry.cjs');
+
+/**
+ * Tells sdk-react-core that a legacy-wallet migration UI is mounted, so the
+ * `useEnforceLegacyMigrationProvider` check does not throw when a legacy
+ * V1/V2 Turnkey wallet is observed.
+ *
+ * Call this from the component that owns your migration UI when running
+ * headless (i.e. you're not using `LegacyWalletMigrationProvider` from
+ * `@dynamic-labs/legacy-embedded-wallet-migration`, but driving the upgrade
+ * yourself via `useUpgradeToDynamicWaas` and your own UI).
+ *
+ * The flag is cleared on unmount so the enforcement re-engages if your UI is
+ * removed from the tree.
+ */
+const useRegisterLegacyMigrationUI = () => {
+    React.useEffect(() => {
+        legacyMigrationProviderRegistry.setLegacyMigrationProviderMounted(true);
+        return () => legacyMigrationProviderRegistry.setLegacyMigrationProviderMounted(false);
+    }, []);
+};
+
+exports.useRegisterLegacyMigrationUI = useRegisterLegacyMigrationUI;

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

@@ -0,0 +1,14 @@
+/**
+ * Tells sdk-react-core that a legacy-wallet migration UI is mounted, so the
+ * `useEnforceLegacyMigrationProvider` check does not throw when a legacy
+ * V1/V2 Turnkey wallet is observed.
+ *
+ * Call this from the component that owns your migration UI when running
+ * headless (i.e. you're not using `LegacyWalletMigrationProvider` from
+ * `@dynamic-labs/legacy-embedded-wallet-migration`, but driving the upgrade
+ * yourself via `useUpgradeToDynamicWaas` and your own UI).
+ *
+ * The flag is cleared on unmount so the enforcement re-engages if your UI is
+ * removed from the tree.
+ */
+export declare const useRegisterLegacyMigrationUI: () => void;

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

@@ -0,0 +1,25 @@
+'use client'
+import { useEffect } from 'react';
+import { setLegacyMigrationProviderMounted } from '../../legacyMigrationProviderRegistry/legacyMigrationProviderRegistry.js';
+
+/**
+ * Tells sdk-react-core that a legacy-wallet migration UI is mounted, so the
+ * `useEnforceLegacyMigrationProvider` check does not throw when a legacy
+ * V1/V2 Turnkey wallet is observed.
+ *
+ * Call this from the component that owns your migration UI when running
+ * headless (i.e. you're not using `LegacyWalletMigrationProvider` from
+ * `@dynamic-labs/legacy-embedded-wallet-migration`, but driving the upgrade
+ * yourself via `useUpgradeToDynamicWaas` and your own UI).
+ *
+ * The flag is cleared on unmount so the enforcement re-engages if your UI is
+ * removed from the tree.
+ */
+const useRegisterLegacyMigrationUI = () => {
+    useEffect(() => {
+        setLegacyMigrationProviderMounted(true);
+        return () => setLegacyMigrationProviderMounted(false);
+    }, []);
+};
+
+export { useRegisterLegacyMigrationUI };

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

@@ -5,119 +5,37 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
-require('../../../events/dynamicEvents.cjs');
-require('../../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs-sdk/client/core');
+require('@dynamic-labs/sdk-api-core');
+require('eventemitter3');
 require('@dynamic-labs/utils');
-require('../../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
-require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../context/ErrorContext/ErrorContext.cjs');
-require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/iconic');
 require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../constants/colors.cjs');
 require('../../constants/values.cjs');
-require('@dynamic-labs/sdk-api-core');
 require('../../../shared/consts/index.cjs');
+require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
 require('../../../store/state/nonce/nonce.cjs');
 require('@dynamic-labs-wallet/browser-wallet-client');
-require('@dynamic-labs-sdk/client/core');
-require('eventemitter3');
-require('@dynamic-labs-sdk/client');
-require('../../../config/ApiEndpoint.cjs');
-var isCookieEnabled = require('../../../client/extension/functions/isCookieEnabled/isCookieEnabled.cjs');
-var generateChainingSignature = require('../../../client/extension/functions/generateChainingSignature/generateChainingSignature.cjs');
-var getSessionPublicKey = require('../../../client/extension/functions/getSessionPublicKey/getSessionPublicKey.cjs');
 var apiUrl = require('../../constants/waas/apiUrl.cjs');
 require('@dynamic-labs/locale');
 var dynamicContextProps = require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs');
 require('../../../store/state/primaryWalletId/primaryWalletId.cjs');
 require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
 require('../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.cjs');
-require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
-require('../../../store/state/authMode/authMode.cjs');
-require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
-require('../../../context/VerificationContext/VerificationContext.cjs');
-require('react-dom');
-require('../../functions/compareChains/compareChains.cjs');
-require('../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs');
-var useEmbeddedWalletSessionKeys = require('../useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.cjs');
-require('../../../context/ThemeContext/ThemeContext.cjs');
-require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
-require('bs58');
-require('@dynamic-labs/types');
-require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
-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/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('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../events/dynamicEvents.cjs');
+var isCookieEnabled = require('../../../client/extension/functions/isCookieEnabled/isCookieEnabled.cjs');
+var generateChainingSignature = require('../../../client/extension/functions/generateChainingSignature/generateChainingSignature.cjs');
+var getSessionPublicKey = require('../../../client/extension/functions/getSessionPublicKey/getSessionPublicKey.cjs');
 var useDynamicWaas = require('../useDynamicWaas/useDynamicWaas.cjs');
-require('../useWalletBackup/useWalletBackup.cjs');
-require('../useWalletBackup/BackupError.cjs');
-require('../useWalletBackup/types.cjs');
-require('../useWalletBackup/cloudProviders.cjs');
-require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
-require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
-require('@hcaptcha/react-hcaptcha');
-require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
-require('../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
-require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
-require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
-require('../../../context/PasskeyContext/PasskeyContext.cjs');
-require('../../../context/OnrampContext/OnrampContext.cjs');
-require('../useWalletDelegation/DelegationError.cjs');
-require('../../../store/state/sendBalances.cjs');
-require('../../../store/state/connectorsInitializing/connectorsInitializing.cjs');
-require('../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
-require('../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
-require('../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
-require('../../../../index.cjs');
-require('../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.cjs');
-require('../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.cjs');
-require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
 var useGetMfaToken = require('../useGetMfaToken/useGetMfaToken.cjs');
-require('../../../store/state/tokenBalances.cjs');
-require('../../../store/state/multichainBalances.cjs');
-require('@dynamic-labs/store');
-require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 
 const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSettings, 
 // Logs the user out when the iframe reports a 401. Passed in (rather than read
@@ -126,7 +44,6 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
 onUnauthorized) => {
     var _a, _b, _c;
     const apiBaseUrl = dynamicContextProps.useApiBaseUrl();
-    const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys.useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
     const getMfaToken = useGetMfaToken.useGetMfaToken();
     const isCookieAuthEnabled = projectSettings && isCookieEnabled.isCookieEnabled();
     const svmGasSponsorshipEnabled = (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.svmGasSponsorshipEnabled) !== null && _c !== void 0 ? _c : false;
@@ -135,12 +52,8 @@ onUnauthorized) => {
     if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
     walletOptions.forEach((walletOption) => {
-        var _a, _b, _c, _d, _e;
-        if (walletConnectorCore.isSessionKeyCompatibleWalletConnector(walletOption.walletConnector)) {
-            (_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)) {
+        var _a, _b, _c;
+        if (walletConnectorCore.isDynamicWaasConnector(walletOption.walletConnector)) {
             useDynamicWaas.configWaasWalletConnector({
                 apiBaseUrl: apiBaseUrl !== null && apiBaseUrl !== void 0 ? apiBaseUrl : apiUrl.DEFAULT_WAAS_API_URL,
                 authMode: isCookieAuthEnabled ? 'cookie' : 'header',
@@ -150,7 +63,7 @@ onUnauthorized) => {
                 getSignedSessionId: generateChainingSignature.generateChainingSignature,
                 getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
                 onUnauthorized,
-                relayUrl: (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.relayUrl) !== null && _e !== void 0 ? _e : '',
+                relayUrl: (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.waas) === null || _b === void 0 ? void 0 : _b.relayUrl) !== null && _c !== void 0 ? _c : '',
                 walletConnector: walletOption.walletConnector,
             });
         }

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

@@ -1,119 +1,37 @@
 'use client'
 import { useRef } from 'react';
-import { isSessionKeyCompatibleWalletConnector, isDynamicWaasConnector } from '@dynamic-labs/wallet-connector-core';
-import '../../../events/dynamicEvents.js';
-import '../../../../../_virtual/_tslib.js';
+import { isDynamicWaasConnector } from '@dynamic-labs/wallet-connector-core';
+import '@dynamic-labs-sdk/client/core';
+import '@dynamic-labs/sdk-api-core';
+import 'eventemitter3';
 import '@dynamic-labs/utils';
-import '../../../context/DynamicContext/useDynamicContext/useDynamicContext.js';
-import '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
-import '../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../context/ErrorContext/ErrorContext.js';
-import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs-sdk/client';
+import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/iconic';
 import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
 import '../../../shared/logger.js';
 import '@dynamic-labs/wallet-book';
 import '../../constants/colors.js';
 import '../../constants/values.js';
-import '@dynamic-labs/sdk-api-core';
 import '../../../shared/consts/index.js';
+import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
 import '../../../store/state/nonce/nonce.js';
 import '@dynamic-labs-wallet/browser-wallet-client';
-import '@dynamic-labs-sdk/client/core';
-import 'eventemitter3';
-import '@dynamic-labs-sdk/client';
-import '../../../config/ApiEndpoint.js';
-import { isCookieEnabled } from '../../../client/extension/functions/isCookieEnabled/isCookieEnabled.js';
-import { generateChainingSignature } from '../../../client/extension/functions/generateChainingSignature/generateChainingSignature.js';
-import { getSessionPublicKey } from '../../../client/extension/functions/getSessionPublicKey/getSessionPublicKey.js';
 import { DEFAULT_WAAS_API_URL } from '../../constants/waas/apiUrl.js';
 import '@dynamic-labs/locale';
 import { useApiBaseUrl } from '../../../store/state/dynamicContextProps/dynamicContextProps.js';
 import '../../../store/state/primaryWalletId/primaryWalletId.js';
 import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
 import '../../functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
-import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../context/UserWalletsContext/UserWalletsContext.js';
-import '../../../store/state/authMode/authMode.js';
-import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
-import '../../../context/VerificationContext/VerificationContext.js';
-import 'react-dom';
-import '../../functions/compareChains/compareChains.js';
-import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
-import { useEmbeddedWalletSessionKeys } from '../useEmbeddedWalletSessionKeys/useEmbeddedWalletSessionKeys.js';
-import '../../../context/ThemeContext/ThemeContext.js';
-import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
-import 'bs58';
-import '@dynamic-labs/types';
-import '../../../context/SocialRedirectContext/SocialRedirectContext.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/walletOptions/walletOptions.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 '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../events/dynamicEvents.js';
+import { isCookieEnabled } from '../../../client/extension/functions/isCookieEnabled/isCookieEnabled.js';
+import { generateChainingSignature } from '../../../client/extension/functions/generateChainingSignature/generateChainingSignature.js';
+import { getSessionPublicKey } from '../../../client/extension/functions/getSessionPublicKey/getSessionPublicKey.js';
 import { configWaasWalletConnector } from '../useDynamicWaas/useDynamicWaas.js';
-import '../useWalletBackup/useWalletBackup.js';
-import '../useWalletBackup/BackupError.js';
-import '../useWalletBackup/types.js';
-import '../useWalletBackup/cloudProviders.js';
-import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
-import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
-import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
-import '@hcaptcha/react-hcaptcha';
-import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
-import '../../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
-import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
-import '../../../context/FooterAnimationContext/index.js';
-import '../../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
-import '../../../context/PasskeyContext/PasskeyContext.js';
-import '../../../context/OnrampContext/OnrampContext.js';
-import '../useWalletDelegation/DelegationError.js';
-import '../../../store/state/sendBalances.js';
-import '../../../store/state/connectorsInitializing/connectorsInitializing.js';
-import '../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
-import '../../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
-import '../../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
-import '../../../../index.js';
-import '../../../widgets/DynamicWidget/views/ManagePasskeysMfaWidgetView/ManagePasskeysMfaWidgetView.js';
-import '../../../widgets/DynamicWidget/views/ManageTotpMfaWidgetView/ManageTotpMfaWidgetView.js';
-import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
 import { useGetMfaToken } from '../useGetMfaToken/useGetMfaToken.js';
-import '../../../store/state/tokenBalances.js';
-import '../../../store/state/multichainBalances.js';
-import '@dynamic-labs/store';
-import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 
 const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSettings, 
 // Logs the user out when the iframe reports a 401. Passed in (rather than read
@@ -122,7 +40,6 @@ const useSetWalletConnectorFetchers = (walletOptions, environmentId, projectSett
 onUnauthorized) => {
     var _a, _b, _c;
     const apiBaseUrl = useApiBaseUrl();
-    const { registerEmbeddedWalletSessionKey, removeSessionKey } = useEmbeddedWalletSessionKeys({ environmentId, projectSettings });
     const getMfaToken = useGetMfaToken();
     const isCookieAuthEnabled = projectSettings && isCookieEnabled();
     const svmGasSponsorshipEnabled = (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.embeddedWallets) === null || _b === void 0 ? void 0 : _b.svmGasSponsorshipEnabled) !== null && _c !== void 0 ? _c : false;
@@ -131,12 +48,8 @@ onUnauthorized) => {
     if (!(walletOptions === null || walletOptions === void 0 ? void 0 : walletOptions.length))
         return;
     walletOptions.forEach((walletOption) => {
-        var _a, _b, _c, _d, _e;
-        if (isSessionKeyCompatibleWalletConnector(walletOption.walletConnector)) {
-            (_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)) {
+        var _a, _b, _c;
+        if (isDynamicWaasConnector(walletOption.walletConnector)) {
             configWaasWalletConnector({
                 apiBaseUrl: apiBaseUrl !== null && apiBaseUrl !== void 0 ? apiBaseUrl : DEFAULT_WAAS_API_URL,
                 authMode: isCookieAuthEnabled ? 'cookie' : 'header',
@@ -146,7 +59,7 @@ onUnauthorized) => {
                 getSignedSessionId: generateChainingSignature,
                 getSvmGasSponsorshipEnabled: () => svmGasSponsorshipEnabledRef.current,
                 onUnauthorized,
-                relayUrl: (_e = (_d = (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _c === void 0 ? void 0 : _c.waas) === null || _d === void 0 ? void 0 : _d.relayUrl) !== null && _e !== void 0 ? _e : '',
+                relayUrl: (_c = (_b = (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _a === void 0 ? void 0 : _a.waas) === null || _b === void 0 ? void 0 : _b.relayUrl) !== null && _c !== void 0 ? _c : '',
                 walletConnector: walletOption.walletConnector,
             });
         }

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

@@ -10,6 +10,7 @@ var types = require('@dynamic-labs/types');
 var utils = require('@dynamic-labs/utils');
 var client = require('../../../client/client.cjs');
 var CaptchaContext = require('../../../context/CaptchaContext/CaptchaContext.cjs');
+var captcha = require('../../captcha.cjs');
 require('../../../context/DynamicContext/useDynamicContext/useDynamicContext.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
@@ -72,7 +73,7 @@ const socialProviders = [
 const providersRequiringPkce = ['twitter', 'github'];
 // Hook to handle common social auth logic (for social linking and social sign in)
 const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
-    var _a, _b, _c;
+    var _a, _b;
     const { environmentId, setShowAuthFlow, socialSettings, projectSettings, redirectUrl: defaultRedirectUrl, } = useInternalDynamicContext.useInternalDynamicContext();
     /**
      * Represents if the SDK will use a popup or redirect for social auth
@@ -149,7 +150,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             verifyFunction: () => apiCall(),
         });
     }), [handleError, initAuth, onSettled]);
-    const completeConnection = React.useCallback((_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, ssoProviderId, requestedScopes, }) {
+    const completeConnection = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ authMode, provider, state, authCode, captchaToken, verifier, telegramAuthToken, forceCreateUser = false, ssoProviderId, requestedScopes, }) {
         try {
             if (authMode === 'signin') {
                 // Warm the embedded-wallet iframe connection at sign-in start
@@ -243,7 +244,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectWithFarcaster = React.useCallback((authMode_1, _e) => _tslib.__awaiter(void 0, [authMode_1, _e], void 0, function* (authMode, { captchaToken, redirectUrl }) {
+    const connectWithFarcaster = React.useCallback((authMode_1, _d) => _tslib.__awaiter(void 0, [authMode_1, _d], void 0, function* (authMode, { captchaToken, redirectUrl }) {
         let dynamicNonce;
         try {
             dynamicNonce = nonce.consumeNonce();
@@ -335,8 +336,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         shouldRegisterSessionKeysOnSignin,
         signInAccount,
     ]);
-    const connectSocialAccount = React.useCallback((_f) => _tslib.__awaiter(void 0, [_f], void 0, function* ({ authMode, provider, validator, captchaToken, isHeadlessSocialSignIn, payingWithDynamic, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, forcePopup, ssoProviderId, requestedScopes, }) {
-        var _g, _h, _j, _k, _l;
+    const connectSocialAccount = React.useCallback((_e) => _tslib.__awaiter(void 0, [_e], void 0, function* ({ authMode, provider, validator, captchaToken, isHeadlessSocialSignIn, payingWithDynamic, triggerFundFromExchangeOnSuccess, redirectUrl, telegramAuthToken, showWidgetAfterConnection, forcePopup, ssoProviderId, requestedScopes, }) {
+        var _f, _g, _h, _j, _k;
         clearError();
         setIsProcessing(true);
         if (!authMode) {
@@ -377,8 +378,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             state,
             triggerFundFromExchangeOnSuccess,
         });
-        const isGoogleDriveBackupEnabled = (_j = (_h = (_g = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _g === void 0 ? void 0 : _g.waas) === null || _h === void 0 ? void 0 : _h.backupOptions) === null || _j === void 0 ? void 0 : _j.includes(sdkApiCore.WaasBackupOptionsEnum.GoogleDrive);
-        const loginUrlString = getOauthLoginUrl.getOauthLoginUrl((_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _k !== void 0 ? _k : [], provider, { isGoogleDriveBackupEnabled });
+        const isGoogleDriveBackupEnabled = (_h = (_g = (_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _f === void 0 ? void 0 : _f.waas) === null || _g === void 0 ? void 0 : _g.backupOptions) === null || _h === void 0 ? void 0 : _h.includes(sdkApiCore.WaasBackupOptionsEnum.GoogleDrive);
+        const loginUrlString = getOauthLoginUrl.getOauthLoginUrl((_j = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _j !== void 0 ? _j : [], provider, { isGoogleDriveBackupEnabled });
         if (!loginUrlString) {
             handleError(provider, types.SocialOAuthErrorCode.NO_OAUTH_URL, `Failed to get login url to connect social account: ${provider}`, { raiseAuthFailure: authMode === 'signin' });
             return;
@@ -393,9 +394,15 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         }
         const isMobile = utils.isMobile();
         try {
-            const effectiveStrategy = authMode === 'stepup' || forcePopup ? 'popup' : strategy;
+            // Step-up normally forces a popup, but on mobile browsers popups
+            // opened after an async gap (e.g. captcha verification) lose user
+            // activation and are blocked (notably iOS Safari). Fall back to the
+            // configured strategy (redirect) on mobile so the flow can resume.
+            const effectiveStrategy = (authMode === 'stepup' && !isMobile) || forcePopup
+                ? 'popup'
+                : strategy;
             const authCode = yield utils.Oauth2Service.getOauthCode({
-                apiProvider: getProviderByType.getProviderByType((_l = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _l !== void 0 ? _l : [], provider),
+                apiProvider: getProviderByType.getProviderByType((_k = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _k !== void 0 ? _k : [], provider),
                 getOAuthResultFromApi: () => oauth.getOAuthResult(environmentId, provider, {
                     state,
                 }),
@@ -453,7 +460,6 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         strategy,
     ]);
     const checkCaptchaAndConnect = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _m;
         if (props.authMode === 'signin' && client.getDynamicClient().user) {
             throw new utils.DynamicError('User is already logged in', 'user_is_already_logged_in');
         }
@@ -461,7 +467,7 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
             !client.getDynamicClient().user) {
             throw new utils.DynamicError('User is not logged in', 'user_is_not_logged_in');
         }
-        if (!((_m = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _m === void 0 ? void 0 : _m.enabled)) {
+        if (!captcha.isCaptchaEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security)) {
             yield connectSocialAccount(props);
             return;
         }
@@ -473,6 +479,17 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         });
         engageCaptcha({
             authMethod: 'social',
+            // Backing out of the captcha view abandons onCaptchaSuccess, so the
+            // social flow must settle here — otherwise the social-redirect-view
+            // beneath it spins forever waiting for a connection that never starts
+            onCaptchaCancel: () => {
+                onFailed(props.provider, {
+                    error: {
+                        code: types.SocialOAuthErrorCode.USER_CANCELLED,
+                        message: 'User cancelled connection',
+                    },
+                }, { raiseAuthFailure: true });
+            },
             onCaptchaSuccess: (captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 yield connectSocialAccount(Object.assign(Object.assign({}, props), { captchaToken }));
                 setShowAuthFlow(false);
@@ -482,7 +499,8 @@ const useSocialAuth = ({ onSettled, onError, onFarcasterUrl, }) => {
         setShowAuthFlow,
         connectSocialAccount,
         engageCaptcha,
-        (_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _c === void 0 ? void 0 : _c.enabled,
+        onFailed,
+        projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security,
     ]);
     return React.useMemo(() => ({
         checkValidProvider,