@dynamic-labs/sdk-react-core 0.17.0-RC.23 → 0.17.0-RC.25

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.js

@@ -1,3 +1,4 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useState } from 'react';
 import '@dynamic-labs/sdk-api';
@@ -9,7 +10,7 @@ import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
 import 'ethers';
 import '../../../../shared/consts/index.js';
-import '../../../../context/DynamicContext/DynamicContext.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
 import '../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
@@ -35,6 +36,7 @@ import '../../../../components/Popper/PopperContext/PopperContext.js';
 import '../../../../components/SendBalanceForm/SendBalanceForm.js';
 
 const EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {
+    const { setSelectedWalletWithAction, selectedWalletWithAction, setPrimaryWalletId, setMultiWalletWidgetState, computeConnectedStateForWallets, } = useInternalDynamicContext();
     const [error, setError] = useState();
     const { email } = walletConnector;
     if (!email) {
@@ -42,6 +44,15 @@ const EmailOTPConnectorPendingSignModalContent = ({ walletConnector }) => {
     }
     const { data: isValid, isLoading, mutate: onSubmit, } = useMutation((otp) => walletConnector.verifyOneTimePassword(otp), {
         onFailure: (error) => setError(error),
+        onSuccess: () => __awaiter(void 0, void 0, void 0, function* () {
+            if (!selectedWalletWithAction) {
+                return;
+            }
+            yield computeConnectedStateForWallets();
+            setMultiWalletWidgetState('idle');
+            setSelectedWalletWithAction(null);
+            setPrimaryWalletId(selectedWalletWithAction.wallet.id);
+        }),
     });
     return (jsx(OTPVerificationView, { email: email, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: isValid === true, onPinChange: () => setError(undefined) }));
 };

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs

@@ -46,8 +46,10 @@ var helpers = require('../../helpers/helpers.cjs');
 var WalletOrSocialMagicIcon = require('../../../../components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.cjs');
 
 const Wallet = ({ wallet, ens }) => {
+    var _a;
     const { id: walletId, connector, address } = wallet;
-    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, } = useInternalDynamicContext.useInternalDynamicContext();
+    const email = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _a === void 0 ? void 0 : _a.email;
     const iconSize = 20;
     const options = [
         {
@@ -80,6 +82,9 @@ const Wallet = ({ wallet, ens }) => {
             connector.connectedChain === 'FLOW') {
             yield connector.endSession();
         }
+        if (walletConnectorCore.isEmailWalletConnector(connector) && email) {
+            connector.setEmail(email);
+        }
         setShowWidgetStatePopup(true);
         setSelectedWalletWithAction({ action: 'select', wallet });
         setPrimaryWallet(walletId);

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js

@@ -1,6 +1,6 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { isEmbeddedConnector } from '@dynamic-labs/wallet-connector-core';
+import { isEmbeddedConnector, isEmailWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/iconic';
 import '../../../../context/ViewContext/ViewContext.js';
 import 'react';
@@ -42,8 +42,10 @@ import { copyToClipboard } from '../../helpers/helpers.js';
 import { WalletOrSocialMagicIcon } from '../../../../components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.js';
 
 const Wallet = ({ wallet, ens }) => {
+    var _a;
     const { id: walletId, connector, address } = wallet;
-    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, } = useInternalDynamicContext();
+    const { computeConnectedStateForWallets, setPrimaryWallet, setSelectedWalletConnector, setShowWidgetStatePopup, setSelectedWalletWithAction, authToken, primaryWallet, user, } = useInternalDynamicContext();
+    const email = (_a = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((verifiedCredential) => verifiedCredential.format === 'email')) === null || _a === void 0 ? void 0 : _a.email;
     const iconSize = 20;
     const options = [
         {
@@ -76,6 +78,9 @@ const Wallet = ({ wallet, ens }) => {
             connector.connectedChain === 'FLOW') {
             yield connector.endSession();
         }
+        if (isEmailWalletConnector(connector) && email) {
+            connector.setEmail(email);
+        }
         setShowWidgetStatePopup(true);
         setSelectedWalletWithAction({ action: 'select', wallet });
         setPrimaryWallet(walletId);