UNPKG

@dynamic-labs/sdk-react-core

Version:

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

154 lines (151 loc) 9.25 kB
'use client' import { __awaiter } from '../../../../../../_virtual/_tslib.js'; import { useCallback } from 'react'; 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 '@dynamic-labs/wallet-connector-core'; import 'react/jsx-runtime'; import '../../../../context/ViewContext/ViewContext.js'; import '@dynamic-labs/wallet-book'; import '@dynamic-labs/utils'; 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 '@dynamic-labs/multi-wallet'; import 'react-international-phone'; import '../../../../store/state/nonce/nonce.js'; import '../../../../store/state/projectSettings/projectSettings.js'; import '../../../../config/ApiEndpoint.js'; import '../../../../store/state/user/user.js'; import '../../../../locale/locale.js'; import { updateUserProfileFields } from '../../../../data/api/user/user.js'; import '../../../../store/state/dynamicContextProps/dynamicContextProps.js'; import '../../../../store/state/primaryWalletId/primaryWalletId.js'; import '../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.js'; import '../../../../context/AccessDeniedContext/AccessDeniedContext.js'; import '../../../../context/AccountExistsContext/AccountExistsContext.js'; import '../../../../context/UserWalletsContext/UserWalletsContext.js'; import '../../../../store/state/authMode/authMode.js'; import { useVerification } from '../../../../context/VerificationContext/VerificationContext.js'; import { getVerificationDestinationFromNextView } from '../../../functions/getVerificationDestinationFromNextView/getVerificationDestinationFromNextView.js'; import 'react-dom'; import '../../../functions/compareChains/compareChains.js'; import '../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js'; import '../../../../context/ThemeContext/ThemeContext.js'; import { useHandleVerificationRequired } from '../../useHandleVerificationRequired/useHandleVerificationRequired.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 { useFieldsState } from '../../../../context/FieldsStateContext/FieldsStateContext.js'; import { userFieldsSchema } from './userFieldsSchema.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 useUpdateUser = (validationSchemaStripUnknown) => { const { environmentId, userWithMissingInfo } = useInternalDynamicContext(); const { setRetryData } = useVerification(); const { selectedPhoneCountry } = useFieldsState(); const handleVerificationRequired = useHandleVerificationRequired(); const updateUser = useCallback((userFields, options) => __awaiter(void 0, void 0, void 0, function* () { var _a, _b; // `stripUnknown: true` will automatically strip out any values in the metadata object // so we need to pull out the metadata object here and then re-add it after stripping unknown fields let { metadata } = userFields; // when a user has already logged in but a custom field was added to env, in order to not clear the old fields metadata = metadata ? Object.assign(Object.assign({}, userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.metadata), metadata) : userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.metadata; // we dont add user.metadata from edit profile because it is already in the metadata request for updateUser const validatedUserFields = yield userFieldsSchema.validate(userFields, { stripUnknown: validationSchemaStripUnknown, }); // If there is a phone number, store it in the retry verification data // in case we need to perform sms verification if (validatedUserFields.phoneNumber && validatedUserFields.phoneNumber.length > 0 && selectedPhoneCountry.current) setRetryData({ dialCode: selectedPhoneCountry.current.dialCode, iso2: selectedPhoneCountry.current.iso2, phone: validatedUserFields.phoneNumber, }); const updateUserProfileResponse = yield updateUserProfileFields((_a = options === null || options === void 0 ? void 0 : options.userEnvironmentId) !== null && _a !== void 0 ? _a : environmentId, Object.assign(Object.assign({}, validatedUserFields), { metadata })); // check if decoded JWT still somehow has missing fields, we can't proceed if it does const missingFields = (_b = updateUserProfileResponse.user.missingFields) !== null && _b !== void 0 ? _b : []; const requiredVerificationDestination = getVerificationDestinationFromNextView(updateUserProfileResponse.nextView); if (requiredVerificationDestination) return handleVerificationRequired({ destination: requiredVerificationDestination, missingFields, updateUserProfileResponse, }); return { isEmailVerificationRequired: false, isSmsVerificationRequired: false, missingFields, updateUserProfileResponse, }; }), [ userWithMissingInfo === null || userWithMissingInfo === void 0 ? void 0 : userWithMissingInfo.metadata, validationSchemaStripUnknown, selectedPhoneCountry, setRetryData, environmentId, handleVerificationRequired, ]); return updateUser; }; export { useUpdateUser };