@dynamic-labs/sdk-react-core 3.0.0-alpha.52 → 3.0.0-alpha.54

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

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
-var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 var logger = require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
@@ -31,7 +31,6 @@ require('../../../locale/locale.cjs');
 var user = require('../../../data/api/user/user.cjs');
 var isTurnkeyEnabled = require('../../functions/isTurnkeyEnabled/isTurnkeyEnabled.cjs');
 var getEnabledEmbeddedWalletsAuthenticators = require('../../functions/getEnabledEmbeddedWalletsAuthenticators/getEnabledEmbeddedWalletsAuthenticators.cjs');
-var getEOAWallet = require('../../functions/getEOAWallet/getEOAWallet.cjs');
 var hasEmbeddedWallet = require('../../functions/hasEmbeddedWallet/hasEmbeddedWallet.cjs');
 var getEmbeddedWalletSessionExpiration = require('../../functions/getEmbeddedWalletSessionExpiration/getEmbeddedWalletSessionExpiration.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
@@ -45,6 +44,7 @@ var useIsTurnkeyWallet = require('../useIsTurnkeyWallet/useIsTurnkeyWallet.cjs')
 var passkeyRecovery = require('../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.cjs');
 var constants = require('../../../views/Passkey/PasskeyRecovery/constants.cjs');
 var useInitEmbeddedWalletAuthMethod = require('../useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.cjs');
+var useSmartWallets = require('../useSmartWallets/useSmartWallets.cjs');
 require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
@@ -103,19 +103,20 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
-    var _a, _b;
+    var _a, _b, _c;
     const { environmentId, primaryWallet, projectSettings, setShowAuthFlow, user: user$1, } = useInternalDynamicContext.useInternalDynamicContext();
     const { createRootElement } = useElementById.useElementById();
     const iframeContainerRef = createRootElement(constants.iframeContainerId);
     const { isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod.useInitEmbeddedWalletAuthMethod();
     const { setDisplayedDestination: setEmailForVerification, setVerificationUUID, } = VerificationContext.useVerification();
+    const { getEOAWallet } = useSmartWallets.useSmartWallets();
     const { setView } = ViewContext.useViewContext();
-    const wallet = getEOAWallet.getEOAWallet(primaryWallet, (user$1 === null || user$1 === void 0 ? void 0 : user$1.verifiedCredentials) || []);
+    const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
     const isSessionRestored = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d;
-        if (!((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.sessionKeyDuration) ||
-            !passkeyRecovery.canRestoreEmbeddedWalletSession((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.sessionKeyDuration)) {
+        var _d, _e;
+        if (!((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.sessionKeyDuration) ||
+            !passkeyRecovery.canRestoreEmbeddedWalletSession((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.sessionKeyDuration)) {
             return false;
         }
         const sessionExpiration = getEmbeddedWalletSessionExpiration.getEmbeddedWalletSessionExpiration(projectSettings.sdk.embeddedWallets.sessionKeyDuration);
@@ -136,7 +137,7 @@ const usePasskeyRecovery = () => {
         user$1,
         iframeContainerRef,
         primaryWallet,
-        (_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.sessionKeyDuration,
+        (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.embeddedWallets) === null || _c === void 0 ? void 0 : _c.sessionKeyDuration,
     ]);
     const shouldInitRecovery = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!wallet || !walletConnectorCore.isPasskeyWalletConnector(wallet.connector)) {
@@ -153,7 +154,7 @@ const usePasskeyRecovery = () => {
         return true;
     }), [wallet, isTurnkeyWalletWithoutAuthenticator, isSessionRestored]);
     const initPasskeyRecoveryProcess = React.useCallback((authenticatorType, currentAction) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _e;
+        var _f;
         const validateRecoveryRequest = () => {
             if (!user$1) {
                 throw new Error(errors.USER_NOT_LOGGED_IN);
@@ -176,13 +177,13 @@ const usePasskeyRecovery = () => {
             yield passkeyRecovery.addNewPasskeyAuthenticator({
                 environmentId,
                 user: user$1,
-                wallet,
+                wallet: wallet,
             });
             setShowAuthFlow(false);
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             return wallet;
         }
-        const supportedAuthenticators = getEnabledEmbeddedWalletsAuthenticators.getEnabledEmbeddedWalletsAuthenticators((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.supportedSecurityMethods);
+        const supportedAuthenticators = getEnabledEmbeddedWalletsAuthenticators.getEnabledEmbeddedWalletsAuthenticators((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _f === void 0 ? void 0 : _f.supportedSecurityMethods);
         const supportedAuthenticatorMethods = supportedAuthenticators
             ? Object.keys(supportedAuthenticators)
             : [];

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

@@ -1,5 +1,5 @@
-import { AuthenticatorType } from '@dynamic-labs/wallet-connector-core';
-import { EmbeddedWalletCurrentAction, Wallet } from '../../../shared';
+import { AuthenticatorType, Wallet } from '@dynamic-labs/wallet-connector-core';
+import { EmbeddedWalletCurrentAction } from '../../../shared/types';
 export declare const usePasskeyRecovery: () => {
     readonly addRecoveryEmail: (emailInput: string) => Promise<void>;
     readonly initPasskeyRecoveryProcess: (authenticatorType?: AuthenticatorType, currentAction?: EmbeddedWalletCurrentAction) => Promise<Wallet>;

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

@@ -1,8 +1,8 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
-import { isPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { NextViewEnum } from '@dynamic-labs/sdk-api-core';
+import { isPasskeyWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '../../../context/DynamicContext/DynamicContext.js';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -27,7 +27,6 @@ import '../../../locale/locale.js';
 import { updateUserProfileFields } from '../../../data/api/user/user.js';
 import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
 import { getEnabledEmbeddedWalletsAuthenticators } from '../../functions/getEnabledEmbeddedWalletsAuthenticators/getEnabledEmbeddedWalletsAuthenticators.js';
-import { getEOAWallet } from '../../functions/getEOAWallet/getEOAWallet.js';
 import { hasEmbeddedWallet } from '../../functions/hasEmbeddedWallet/hasEmbeddedWallet.js';
 import { getEmbeddedWalletSessionExpiration } from '../../functions/getEmbeddedWalletSessionExpiration/getEmbeddedWalletSessionExpiration.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
@@ -41,6 +40,7 @@ import { useIsTurnkeyWallet } from '../useIsTurnkeyWallet/useIsTurnkeyWallet.js'
 import { canRestoreEmbeddedWalletSession, restoreEmbeddedWalletSession, addNewPasskeyAuthenticator, addEmailRecovery } from '../../../views/Passkey/utils/passkeyRecovery/passkeyRecovery.js';
 import { iframeContainerId, iframeElementId } from '../../../views/Passkey/PasskeyRecovery/constants.js';
 import { useInitEmbeddedWalletAuthMethod } from '../useInitEmbeddedWalletAuthMethod/useInitEmbeddedWalletAuthMethod.js';
+import { useSmartWallets } from '../useSmartWallets/useSmartWallets.js';
 import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
@@ -99,19 +99,20 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 
 // Hook exposed to customers and used internally to trigger passkey recovery
 const usePasskeyRecovery = () => {
-    var _a, _b;
+    var _a, _b, _c;
     const { environmentId, primaryWallet, projectSettings, setShowAuthFlow, user, } = useInternalDynamicContext();
     const { createRootElement } = useElementById();
     const iframeContainerRef = createRootElement(iframeContainerId);
     const { isTurnkeyWalletWithoutAuthenticator, hasRecoveryEmail } = useIsTurnkeyWallet();
     const { initAuthMethod } = useInitEmbeddedWalletAuthMethod();
     const { setDisplayedDestination: setEmailForVerification, setVerificationUUID, } = useVerification();
+    const { getEOAWallet } = useSmartWallets();
     const { setView } = useViewContext();
-    const wallet = getEOAWallet(primaryWallet, (user === null || user === void 0 ? void 0 : user.verifiedCredentials) || []);
+    const wallet = (_a = (primaryWallet && getEOAWallet(primaryWallet))) !== null && _a !== void 0 ? _a : primaryWallet;
     const isSessionRestored = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _c, _d;
-        if (!((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _c === void 0 ? void 0 : _c.sessionKeyDuration) ||
-            !canRestoreEmbeddedWalletSession((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.sessionKeyDuration)) {
+        var _d, _e;
+        if (!((_d = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _d === void 0 ? void 0 : _d.sessionKeyDuration) ||
+            !canRestoreEmbeddedWalletSession((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.sessionKeyDuration)) {
             return false;
         }
         const sessionExpiration = getEmbeddedWalletSessionExpiration(projectSettings.sdk.embeddedWallets.sessionKeyDuration);
@@ -132,7 +133,7 @@ const usePasskeyRecovery = () => {
         user,
         iframeContainerRef,
         primaryWallet,
-        (_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.sessionKeyDuration,
+        (_c = (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.embeddedWallets) === null || _c === void 0 ? void 0 : _c.sessionKeyDuration,
     ]);
     const shouldInitRecovery = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
         if (!wallet || !isPasskeyWalletConnector(wallet.connector)) {
@@ -149,7 +150,7 @@ const usePasskeyRecovery = () => {
         return true;
     }), [wallet, isTurnkeyWalletWithoutAuthenticator, isSessionRestored]);
     const initPasskeyRecoveryProcess = useCallback((authenticatorType, currentAction) => __awaiter(void 0, void 0, void 0, function* () {
-        var _e;
+        var _f;
         const validateRecoveryRequest = () => {
             if (!user) {
                 throw new Error(USER_NOT_LOGGED_IN);
@@ -172,13 +173,13 @@ const usePasskeyRecovery = () => {
             yield addNewPasskeyAuthenticator({
                 environmentId,
                 user,
-                wallet,
+                wallet: wallet,
             });
             setShowAuthFlow(false);
             // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
             return wallet;
         }
-        const supportedAuthenticators = getEnabledEmbeddedWalletsAuthenticators((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _e === void 0 ? void 0 : _e.supportedSecurityMethods);
+        const supportedAuthenticators = getEnabledEmbeddedWalletsAuthenticators((_f = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _f === void 0 ? void 0 : _f.supportedSecurityMethods);
         const supportedAuthenticatorMethods = supportedAuthenticators
             ? Object.keys(supportedAuthenticators)
             : [];

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

@@ -21,12 +21,10 @@ var useLocalStorage = require('../../../shared/utils/hooks/useLocalStorage/useLo
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var primaryWalletIdValidator = require('../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.cjs');
+require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/multi-wallet');
 require('react-international-phone');
-require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
-require('../../../locale/locale.cjs');
-var wallets = require('../../../data/api/wallets/wallets.cjs');
 require('../../../events/dynamicEvents.cjs');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
@@ -70,12 +68,14 @@ require('formik');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../locale/locale.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
+var wallets = require('../../../data/api/wallets/wallets.cjs');
 require('@dynamic-labs/ethereum-core');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');

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

@@ -17,12 +17,10 @@ import { useLocalStorage } from '../../../shared/utils/hooks/useLocalStorage/use
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { primaryWalletIdValidator } from '../useWalletConnectors/utils/primaryWalletIdValidator/primaryWalletIdValidator.js';
+import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/multi-wallet';
 import 'react-international-phone';
-import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
-import '../../../locale/locale.js';
-import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
 import '../../../events/dynamicEvents.js';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';
@@ -66,12 +64,14 @@ import 'formik';
 import '../../../views/WalletList/WalletList.js';
 import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../../locale/locale.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
+import { storeSelectedWallet } from '../../../data/api/wallets/wallets.js';
 import '@dynamic-labs/ethereum-core';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';

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

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

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

@@ -0,0 +1,159 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+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('../../constants/colors.cjs');
+require('../../constants/values.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('../../../shared/utils/classes/storage/sessionStorage.cjs');
+require('@dynamic-labs/utils');
+require('../../../shared/consts/index.cjs');
+require('../../../events/dynamicEvents.cjs');
+require('../../../../../_virtual/_tslib.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('@dynamic-labs/multi-wallet');
+require('react-international-phone');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/store');
+require('../../../locale/locale.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
+require('../../../context/VerificationContext/VerificationContext.cjs');
+require('react-dom');
+var findWalletOptionFor = require('../../functions/findWalletOptionFor/findWalletOptionFor.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
+require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.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('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/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.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('../../../views/WalletList/WalletList.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.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/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('@dynamic-labs/ethereum-core');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
+require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../polyfills.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryBase.cjs');
+require('../../../context/ErrorBoundary/ErrorBoundaryContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+require('../../../context/WidgetRegistry/WidgetRegistryContextProvider.cjs');
+require('../../../context/FundingContext/FundingContext.cjs');
+require('../../../context/SendBalanceContext/SendBalanceContext.cjs');
+require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../../context/ConnectWithOtpContext/constants.cjs');
+require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
+
+const useSmartWallets = () => {
+    const { user, walletConnectorOptions } = useInternalDynamicContext.useInternalDynamicContext();
+    const getSCWAccount = React.useCallback((wallet) => {
+        const { verifiedCredentials } = user !== null && user !== void 0 ? user : {};
+        if (!verifiedCredentials)
+            return;
+        // Ensure this is a SCW wallet
+        const scwAccount = verifiedCredentials.find((credential) => credential.id === wallet.id);
+        return (scwAccount === null || scwAccount === void 0 ? void 0 : scwAccount.walletProvider) ===
+            sdkApiCore.WalletProviderEnum.SmartContractWallet
+            ? scwAccount
+            : undefined;
+    }, [user]);
+    const getEOAWallet = React.useCallback((wallet) => {
+        var _a, _b, _c;
+        const { verifiedCredentials } = user !== null && user !== void 0 ? user : {};
+        if (!verifiedCredentials)
+            return;
+        // Ensure this is a SCW wallet
+        const scwAccount = getSCWAccount(wallet);
+        // Find the EOA account for this SCW
+        const eoaAccount = verifiedCredentials.find((credential) => credential.id === (scwAccount === null || scwAccount === void 0 ? void 0 : scwAccount.signerRefId));
+        if (!(eoaAccount === null || eoaAccount === void 0 ? void 0 : eoaAccount.address) || !(eoaAccount === null || eoaAccount === void 0 ? void 0 : eoaAccount.chain))
+            return;
+        const { walletConnector } = (_a = findWalletOptionFor.findWalletOptionFor(eoaAccount, walletConnectorOptions)) !== null && _a !== void 0 ? _a : {};
+        // It's always authenticated, unless it's a turnkey wallet that still hasn't created a passkey
+        const isTurnkey = (_b = eoaAccount.walletName) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey');
+        const isAuthenticated = !isTurnkey ||
+            Boolean((_c = eoaAccount.walletProperties) === null || _c === void 0 ? void 0 : _c.isAuthenticatorAttached);
+        return walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.createWallet({
+            address: eoaAccount.address,
+            chain: eoaAccount.chain,
+            connector: walletConnector,
+            id: eoaAccount.id,
+            isAuthenticated,
+            key: walletConnector.key,
+        });
+    }, [getSCWAccount, user, walletConnectorOptions]);
+    const getSmartWallet = React.useCallback((wallet) => {
+        var _a;
+        const { verifiedCredentials } = user !== null && user !== void 0 ? user : {};
+        if (!verifiedCredentials)
+            return;
+        // Get the EOA account for this wallet
+        const eoaAccount = verifiedCredentials.find((credential) => credential.id === wallet.id);
+        // Find the smart wallet account for this EOA
+        const scwAccount = verifiedCredentials.find((credential) => credential.signerRefId === (eoaAccount === null || eoaAccount === void 0 ? void 0 : eoaAccount.id));
+        if (!(scwAccount === null || scwAccount === void 0 ? void 0 : scwAccount.address) || !(scwAccount === null || scwAccount === void 0 ? void 0 : scwAccount.chain))
+            return;
+        const { walletConnector } = (_a = findWalletOptionFor.findWalletOptionFor(scwAccount, walletConnectorOptions)) !== null && _a !== void 0 ? _a : {};
+        return walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.createWallet({
+            address: scwAccount.address,
+            chain: scwAccount.chain,
+            connector: walletConnector,
+            id: scwAccount.id,
+            isAuthenticated: true,
+            key: walletConnector.key,
+        });
+    }, [user, walletConnectorOptions]);
+    return React.useMemo(() => ({
+        getEOAWallet,
+        getSmartWallet,
+        isSmartWallet: (wallet) => getSCWAccount(wallet) !== undefined,
+    }), [getEOAWallet, getSCWAccount, getSmartWallet]);
+};
+
+exports.useSmartWallets = useSmartWallets;

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

@@ -0,0 +1,18 @@
+import { Wallet } from '@dynamic-labs/wallet-connector-core';
+export type UseSmartContractWalletsReturn = {
+    /**
+     * Allows you to tell whether a wallet is a Smart Contract Wallet.
+     */
+    isSmartWallet: (wallet: Wallet) => boolean;
+    /**
+     * Given a smart wallet, returns the correspondent EOA wallet.
+     * If a non smart wallet is provided, returns undefined.
+     */
+    getEOAWallet: (wallet: Wallet) => Wallet | undefined;
+    /**
+     * Given an EOA wallet, returns the corresponding smart wallet.
+     * If a non EOA wallet is provided, returns undefined.
+     */
+    getSmartWallet: (wallet: Wallet) => Wallet | undefined;
+};
+export declare const useSmartWallets: () => UseSmartContractWalletsReturn;

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

@@ -0,0 +1,155 @@
+'use client'
+import { useCallback, useMemo } from 'react';
+import { WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '../../../shared/logger.js';
+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 '../../constants/colors.js';
+import '../../constants/values.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import '../../../shared/utils/classes/storage/sessionStorage.js';
+import '@dynamic-labs/utils';
+import '../../../shared/consts/index.js';
+import '../../../events/dynamicEvents.js';
+import '../../../../../_virtual/_tslib.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/store';
+import '../../../locale/locale.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import { findWalletOptionFor } from '../../functions/findWalletOptionFor/findWalletOptionFor.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.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 '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/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.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 '../../../views/WalletList/WalletList.js';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.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/WalletGroupContext/WalletGroupContext.js';
+import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '@dynamic-labs/ethereum-core';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
+import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../polyfills.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryBase.js';
+import '../../../context/ErrorBoundary/ErrorBoundaryContext.js';
+import '../../../widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import '../../../context/WidgetRegistry/WidgetRegistryContextProvider.js';
+import '../../../context/FundingContext/FundingContext.js';
+import '../../../context/SendBalanceContext/SendBalanceContext.js';
+import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../../context/ConnectWithOtpContext/constants.js';
+import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
+
+const useSmartWallets = () => {
+    const { user, walletConnectorOptions } = useInternalDynamicContext();
+    const getSCWAccount = useCallback((wallet) => {
+        const { verifiedCredentials } = user !== null && user !== void 0 ? user : {};
+        if (!verifiedCredentials)
+            return;
+        // Ensure this is a SCW wallet
+        const scwAccount = verifiedCredentials.find((credential) => credential.id === wallet.id);
+        return (scwAccount === null || scwAccount === void 0 ? void 0 : scwAccount.walletProvider) ===
+            WalletProviderEnum.SmartContractWallet
+            ? scwAccount
+            : undefined;
+    }, [user]);
+    const getEOAWallet = useCallback((wallet) => {
+        var _a, _b, _c;
+        const { verifiedCredentials } = user !== null && user !== void 0 ? user : {};
+        if (!verifiedCredentials)
+            return;
+        // Ensure this is a SCW wallet
+        const scwAccount = getSCWAccount(wallet);
+        // Find the EOA account for this SCW
+        const eoaAccount = verifiedCredentials.find((credential) => credential.id === (scwAccount === null || scwAccount === void 0 ? void 0 : scwAccount.signerRefId));
+        if (!(eoaAccount === null || eoaAccount === void 0 ? void 0 : eoaAccount.address) || !(eoaAccount === null || eoaAccount === void 0 ? void 0 : eoaAccount.chain))
+            return;
+        const { walletConnector } = (_a = findWalletOptionFor(eoaAccount, walletConnectorOptions)) !== null && _a !== void 0 ? _a : {};
+        // It's always authenticated, unless it's a turnkey wallet that still hasn't created a passkey
+        const isTurnkey = (_b = eoaAccount.walletName) === null || _b === void 0 ? void 0 : _b.startsWith('turnkey');
+        const isAuthenticated = !isTurnkey ||
+            Boolean((_c = eoaAccount.walletProperties) === null || _c === void 0 ? void 0 : _c.isAuthenticatorAttached);
+        return walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.createWallet({
+            address: eoaAccount.address,
+            chain: eoaAccount.chain,
+            connector: walletConnector,
+            id: eoaAccount.id,
+            isAuthenticated,
+            key: walletConnector.key,
+        });
+    }, [getSCWAccount, user, walletConnectorOptions]);
+    const getSmartWallet = useCallback((wallet) => {
+        var _a;
+        const { verifiedCredentials } = user !== null && user !== void 0 ? user : {};
+        if (!verifiedCredentials)
+            return;
+        // Get the EOA account for this wallet
+        const eoaAccount = verifiedCredentials.find((credential) => credential.id === wallet.id);
+        // Find the smart wallet account for this EOA
+        const scwAccount = verifiedCredentials.find((credential) => credential.signerRefId === (eoaAccount === null || eoaAccount === void 0 ? void 0 : eoaAccount.id));
+        if (!(scwAccount === null || scwAccount === void 0 ? void 0 : scwAccount.address) || !(scwAccount === null || scwAccount === void 0 ? void 0 : scwAccount.chain))
+            return;
+        const { walletConnector } = (_a = findWalletOptionFor(scwAccount, walletConnectorOptions)) !== null && _a !== void 0 ? _a : {};
+        return walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.createWallet({
+            address: scwAccount.address,
+            chain: scwAccount.chain,
+            connector: walletConnector,
+            id: scwAccount.id,
+            isAuthenticated: true,
+            key: walletConnector.key,
+        });
+    }, [user, walletConnectorOptions]);
+    return useMemo(() => ({
+        getEOAWallet,
+        getSmartWallet,
+        isSmartWallet: (wallet) => getSCWAccount(wallet) !== undefined,
+    }), [getEOAWallet, getSCWAccount, getSmartWallet]);
+};
+
+export { useSmartWallets };

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

@@ -116,7 +116,11 @@ const socialProviders = [
 const providersRequiringPkce = ['twitter', 'github'];
 // Hook to handle common social auth logic (for social linking and social sign in)
 const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, }) => {
-    const { environmentId, setShowAuthFlow, projectSettings, consumeNonce, redirectUrl: defaultRedirectUrl, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { environmentId, setShowAuthFlow, socialSettings, projectSettings, consumeNonce, redirectUrl: defaultRedirectUrl, } = useInternalDynamicContext.useInternalDynamicContext();
+    /**
+     * Represents if the SDK will use a popup or redirect for social auth
+     */
+    const strategy = React.useMemo(() => (socialSettings === null || socialSettings === void 0 ? void 0 : socialSettings.strategy) || 'redirect', [socialSettings]);
     const { setErrorMessage, setError: setContextError } = ErrorContext.useErrorContext();
     const { initAuth } = useUserAuth.useUserAuth({
         authMethod: 'social',
@@ -248,6 +252,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 sessionTimeout,
                 setIsProcessing,
                 state,
+                strategy,
             });
             yield completeConnection({
                 authCode,