UNPKG

@dynamic-labs/sdk-react-core

Version:

A React SDK for implementing wallet web3 authentication and authorization to your website.

148 lines (145 loc) 7.99 kB
'use client' import { __awaiter } from '../../../../../_virtual/_tslib.js'; import { useCallback } from 'react'; import { DynamicError } from '@dynamic-labs/utils'; import { getWalletProvider } from '@dynamic-labs/wallet-connector-core'; import '../../../context/DynamicContext/DynamicContext.js'; import '../../../store/state/loadingAndLifecycle/loadingAndLifecycle.js'; import '@dynamic-labs/sdk-api-core'; import '../../../shared/logger.js'; import '@dynamic-labs/iconic'; 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 { USER_NOT_LOGGED_IN } from '../../constants/errors.js'; import '@dynamic-labs/multi-wallet'; import 'react-international-phone'; import { getVerifyArgs } from '../../functions/getVerifyArgs/getVerifyArgs.js'; import '../../../store/state/projectSettings/projectSettings.js'; import { updatePrimaryWalletId } from '../../functions/updatePrimaryWalletId/updatePrimaryWalletId.js'; import '../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js'; import '../../../store/state/dynamicContextProps/dynamicContextProps.js'; import '../../../store/state/primaryWalletId/primaryWalletId.js'; import '../../../context/AccessDeniedContext/AccessDeniedContext.js'; import '../../../context/AccountExistsContext/AccountExistsContext.js'; import { useInternalUserWallets } from '../../../context/UserWalletsContext/UserWalletsContext.js'; import '../../../config/ApiEndpoint.js'; import '../../../store/state/user/user.js'; import '../../../locale/locale.js'; import { transferWallet } from '../../../data/api/wallets/wallets.js'; import '../../../store/state/authMode/authMode.js'; import '../../../context/VerificationContext/VerificationContext.js'; import '../../../store/state/nonce/nonce.js'; import 'react-dom'; import '../../functions/compareChains/compareChains.js'; import '../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.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 '../../../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'; const useTransferWallet = () => { const { displaySiweStatement, environmentId, user, primaryWallet } = useInternalDynamicContext(); const { addedWalletsIds } = useInternalUserWallets(); const updatePrimaryWallet = useCallback((walletConnector, user) => { const newWalletKey = walletConnector.key; if (user.lastVerifiedCredentialId) { if (!primaryWallet) { updatePrimaryWalletId(user.lastVerifiedCredentialId); return; } const currentPrimaryWalletKey = primaryWallet.connector.key; if (newWalletKey === currentPrimaryWalletKey) { updatePrimaryWalletId(user.lastVerifiedCredentialId); } // if both wallets are flow wallets, set the last verified wallet as primary // this is a limitation of flow as all wallets use the same flow connector if (primaryWallet.connector.connectedChain === 'FLOW' && walletConnector.connectedChain === 'FLOW') { updatePrimaryWalletId(user.lastVerifiedCredentialId); } } }, [primaryWallet]); return useCallback((props) => __awaiter(void 0, void 0, void 0, function* () { if (!user) throw new DynamicError(USER_NOT_LOGGED_IN); const { overrideSiweStatement, walletConnector } = props; const args = Object.assign(Object.assign({}, props), { displaySiweStatement, environmentId, siweStatement: overrideSiweStatement, walletProvider: getWalletProvider(walletConnector) }); const verifyArgs = yield getVerifyArgs(args); const userProfile = yield transferWallet(environmentId, verifyArgs); if (!userProfile) { throw new DynamicError('Error transferring wallet.'); } updatePrimaryWallet(walletConnector, userProfile); const walletId = userProfile.lastVerifiedCredentialId; if (walletId) { addedWalletsIds.current.push(walletId); } }), [ addedWalletsIds, displaySiweStatement, environmentId, updatePrimaryWallet, user, ]); }; export { useTransferWallet };