UNPKG

@dynamic-labs/sdk-react-core

Version:

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

152 lines (147 loc) 8.3 kB
'use client' 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var _tslib = require('../../../../../_virtual/_tslib.cjs'); var React = require('react'); require('../../../context/DynamicContext/DynamicContext.cjs'); require('../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs'); require('@dynamic-labs/sdk-api-core'); require('../../../shared/logger.cjs'); require('@dynamic-labs/iconic'); require('@dynamic-labs/wallet-connector-core'); require('react/jsx-runtime'); require('../../../context/ViewContext/ViewContext.cjs'); require('@dynamic-labs/wallet-book'); require('@dynamic-labs/utils'); require('../../constants/colors.cjs'); require('../../constants/values.cjs'); require('../../../shared/consts/index.cjs'); var dynamicEvents = require('../../../events/dynamicEvents.cjs'); var CaptchaContext = require('../../../context/CaptchaContext/CaptchaContext.cjs'); require('../../../context/ErrorContext/ErrorContext.cjs'); require('@dynamic-labs/multi-wallet'); require('react-international-phone'); require('../../../store/state/nonce/nonce.cjs'); require('../../../store/state/projectSettings/projectSettings.cjs'); require('../../../config/ApiEndpoint.cjs'); require('../../../store/state/user/user.cjs'); require('../../../locale/locale.cjs'); require('../../../store/state/dynamicContextProps/dynamicContextProps.cjs'); require('../../../store/state/primaryWalletId/primaryWalletId.cjs'); require('../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs'); require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs'); require('../../../context/AccountExistsContext/AccountExistsContext.cjs'); require('../../../context/UserWalletsContext/UserWalletsContext.cjs'); require('../../../store/state/authMode/authMode.cjs'); require('../../../context/VerificationContext/VerificationContext.cjs'); require('react-dom'); var findEmailOtpWalletConnector = require('../../../views/Passkey/utils/findEmailOtpWalletConnector/findEmailOtpWalletConnector.cjs'); require('../../functions/compareChains/compareChains.cjs'); require('../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.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('../../../context/IpConfigurationContext/IpConfigurationContext.cjs'); require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs'); var useConnectWithOtp = require('../../../context/ConnectWithOtpContext/useConnectWithOtp.cjs'); require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs'); require('@hcaptcha/react-hcaptcha'); require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs'); require('../../../context/FooterAnimationContext/index.cjs'); require('../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs'); require('../../../context/PasskeyContext/PasskeyContext.cjs'); require('../../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.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/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs'); require('../../../context/OnrampContext/OnrampContext.cjs'); require('../../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs'); require('../../../../index.cjs'); require('../../../store/state/tokenBalances.cjs'); require('../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs'); var useInternalDynamicContext = require('../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs'); /** Hook used to connect with email on login */ const useEmailProvider = () => { const { projectSettings, walletConnectorOptions } = useInternalDynamicContext.useInternalDynamicContext(); const { connectWithEmail } = useConnectWithOtp.useConnectWithOtp(); const { engageCaptcha } = CaptchaContext.useCaptchaContext(); const emailWalletConnector = findEmailOtpWalletConnector.findEmailOtpWalletConnector(walletConnectorOptions); /** Connects with email, engaging the captcha if needed */ const connectWithEmailFlow = React.useCallback((emailInput, onSuccess) => _tslib.__awaiter(void 0, void 0, void 0, function* () { var _a; dynamicEvents.dynamicEvents.emit('authInit', { email: emailInput, option: emailInput, type: 'email', }); try { if (((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha) === null || _a === void 0 ? void 0 : _a.enabled) && (emailWalletConnector === null || emailWalletConnector === void 0 ? void 0 : emailWalletConnector.key) !== 'magicemailotp') { engageCaptcha({ authMethod: 'email', onCaptchaSuccess: (captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () { yield connectWithEmail(emailInput, { captchaToken }); onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(); }), }); } else { yield connectWithEmail(emailInput); onSuccess === null || onSuccess === void 0 ? void 0 : onSuccess(); } } catch (error) { dynamicEvents.dynamicEvents.emit('authFailure', { email: emailInput, option: emailInput, type: 'email', }, { error }); throw error; } }), [ connectWithEmail, engageCaptcha, projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.security.hCaptcha, emailWalletConnector, ]); return { connectWithEmail: connectWithEmailFlow, }; }; exports.useEmailProvider = useEmailProvider;