@dynamic-labs/sdk-react-core
Version:
A React SDK for implementing wallet web3 authentication and authorization to your website.
212 lines (209 loc) • 12 kB
JavaScript
'use client'
import { __awaiter } from '../../../../../_virtual/_tslib.js';
import { useCallback } from 'react';
import { EmbeddedWalletVersionEnum, WalletProviderEnum } from '@dynamic-labs/sdk-api-core';
import { DynamicError } from '@dynamic-labs/utils';
import '../../../context/DynamicContext/DynamicContext.js';
import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.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/consts/index.js';
import '../../../events/dynamicEvents.js';
import '../../../context/CaptchaContext/CaptchaContext.js';
import '../../../context/ErrorContext/ErrorContext.js';
import { findEmbeddedWalletFromVerifiedCredentials } from '../../functions/findEmbeddedWalletFromVerifiedCredentials/findEmbeddedWalletFromVerifiedCredentials.js';
import { USER_NOT_LOGGED_IN } from '../../constants/errors.js';
import '@dynamic-labs/multi-wallet';
import 'react-international-phone';
import '../../../store/state/nonce/nonce.js';
import { isTurnkeyEnabled } from '../../functions/isTurnkeyEnabled/isTurnkeyEnabled.js';
import '../../../store/state/projectSettings/projectSettings.js';
import { hasEmbeddedWallet } from '../../functions/hasEmbeddedWallet/hasEmbeddedWallet.js';
import { updatePrimaryWalletId } from '../../functions/updatePrimaryWalletId/updatePrimaryWalletId.js';
import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
import '../../../store/state/dynamicContextProps/dynamicContextProps.js';
import { getPrimaryWalletId } from '../../../store/state/primaryWalletId/primaryWalletId.js';
import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
import '../../../context/AccountExistsContext/AccountExistsContext.js';
import '../../../context/UserWalletsContext/UserWalletsContext.js';
import '../../../config/ApiEndpoint.js';
import '../../../store/state/user/user.js';
import '../../../locale/locale.js';
import '../../../store/state/authMode/authMode.js';
import '../../../context/VerificationContext/VerificationContext.js';
import 'react-dom';
import '../../functions/compareChains/compareChains.js';
import { findPrimaryEmbeddedChain } from '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
import '../../../context/ThemeContext/ThemeContext.js';
import '../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
import { useIsTurnkeyWallet } from '../useIsTurnkeyWallet/useIsTurnkeyWallet.js';
import 'bs58';
import '@dynamic-labs/types';
import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
import '../../../context/LoadingContext/LoadingContext.js';
import { useWalletContext } from '../../../context/WalletContext/WalletContext.js';
import { useSecureEnclaveEmbeddedWallet } from './useSecureEnclaveEmbeddedWallet/useSecureEnclaveEmbeddedWallet.js';
import './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 '../../../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/context/DynamicWidgetContext.js';
import '../../../context/FooterAnimationContext/index.js';
import '../../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
import '../../../context/PasskeyContext/PasskeyContext.js';
import '../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.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/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
import '../../../context/OnrampContext/OnrampContext.js';
import '../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
import '../../../../index.js';
import '../../../store/state/tokenBalances.js';
import '../../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
import { useInternalDynamicContext } from '../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.js';
// Hook exposed to customers and used internally to trigger embedded wallet creation
/**
* @returns {
* createEmbeddedWallet, - creates Dynamic embedded wallet according to the settings
* createOrRestoreSession, - creates or restores session for the embedded wallet
* createPasskey, - creates passkey for the embedded wallet
* getPasskeys, - gets passkeys for the embedded wallet
* isLoadingEmbeddedWallet, - loading state of the embedded wallet
* isSessionActive, - checks if the session is active for the embedded wallet
* revealWalletKey, - reveals the private key or recovery phrase for the embedded wallet
* sendOneTimeCode, - sends one time code for the embedded wallet
* userHasEmbeddedWallet, - checks if the user has an embedded wallet
* }
*/
const useEmbeddedWallet = () => {
const { user, projectSettings } = useInternalDynamicContext();
const { isTurnkeyWallet } = useIsTurnkeyWallet();
const { createEmbeddedWallet: createTurnkeyEmbeddedWallet, createEmbeddedWalletAccount, createOrRestoreSession, createPasskey, revealEmbeddedWalletKey: revealTurnkeyEmbeddedWalletKey, getPasskeys, isSessionActive, sendOneTimeCode, getWalletVersion: getTurnkeyWalletVersion, } = useSecureEnclaveEmbeddedWallet();
const { isLoadingEmbeddedWallet } = useWalletContext();
const userHasEmbeddedWallet = useCallback(() => hasEmbeddedWallet(user), [user]);
const getWalletVersion = useCallback(() => {
if (!user) {
throw new DynamicError(USER_NOT_LOGGED_IN);
}
if (!userHasEmbeddedWallet()) {
throw new DynamicError('Embedded wallet not found');
}
if (isTurnkeyWallet) {
return getTurnkeyWalletVersion();
}
return undefined;
}, [getTurnkeyWalletVersion, isTurnkeyWallet, user, userHasEmbeddedWallet]);
/**
* Creates Dynamic embedded wallet according to the settings
* @param chains - array of chains to create the wallet for
* @param options - options for the wallet creation
* @returns Promise<Wallet | undefined> - created wallet object
*/
const createEmbeddedWallet = useCallback((chains, options) => __awaiter(void 0, void 0, void 0, function* () {
const wallet = yield createTurnkeyEmbeddedWallet(chains, options);
return wallet;
}), [createTurnkeyEmbeddedWallet]);
/**
* Reveals the private key or recovery phrase for the embedded wallet
* @param options - options for revealing the wallet key
* @returns Promise<boolean> - true if the key was revealed successfully
*/
const revealWalletKey = (options) => __awaiter(void 0, void 0, void 0, function* () {
if (!user) {
throw new DynamicError(USER_NOT_LOGGED_IN);
}
if (!userHasEmbeddedWallet()) {
throw new DynamicError('Embedded wallet not found');
}
return revealTurnkeyEmbeddedWalletKey(options);
});
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 embeddedWalletSettingVersion = useCallback(() => { var _a; return (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.embeddedWallets) === null || _a === void 0 ? void 0 : _a.defaultWalletVersion; }, [projectSettings]);
const shouldAutoCreateEmbeddedWallet = useCallback((verifiedUser) => {
var _a, _b, _c, _d, _e;
const hasEmbeddedWalletProviderEnabled = isTurnkeyEnabled(projectSettings);
const hasPrimaryWallet = getPrimaryWalletId();
if (embeddedWalletSettingVersion() === EmbeddedWalletVersionEnum.V3 &&
!verifiedUser) {
return false;
}
if (!hasEmbeddedWalletProviderEnabled || hasPrimaryWallet) {
return false;
}
// Turnkey and WAAS specific rules
if (verifiedUser) {
const primaryEmbeddedChain = findPrimaryEmbeddedChain(projectSettings);
const embeddedWalletVerifiedCredentialId = (_a = 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;
const targetPrimaryWalletId = AAWalletCredentialId
? AAWalletCredentialId
: embeddedWalletVerifiedCredentialId;
if (targetPrimaryWalletId) {
updatePrimaryWalletId(targetPrimaryWalletId);
return false;
}
}
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)) {
return false;
}
return true;
}, [projectSettings]);
return {
createEmbeddedWallet,
createEmbeddedWalletAccount,
createOrRestoreSession,
createPasskey,
embeddedWalletSettingVersion,
getPasskeys,
getWalletVersion,
isLoadingEmbeddedWallet,
isSessionActive,
revealWalletKey,
sendOneTimeCode,
shouldAutoCreateEmbeddedWallet,
shouldPromptForKeyExport,
userHasEmbeddedWallet,
};
};
export { useEmbeddedWallet };