@dynamic-labs/sdk-react-core 2.0.0-alpha.29 → 2.0.0-alpha.30

package/CHANGELOG.md

@@ -1,4 +1,15 @@
 
+## [2.0.0-alpha.30](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.29...v2.0.0-alpha.30) (2024-04-11)
+
+
+### ⚠ BREAKING CHANGES
+
+* add headless sms sign-in (#5274)
+
+### Features
+
+* add headless sms sign-in ([#5274](https://github.com/dynamic-labs/DynamicAuth/issues/5274)) ([fffc293](https://github.com/dynamic-labs/DynamicAuth/commit/fffc293f85447a784e8c728d1586f3555ab1fbfa))
+
 ## [2.0.0-alpha.29](https://github.com/dynamic-labs/DynamicAuth/compare/v2.0.0-alpha.28...v2.0.0-alpha.29) (2024-04-10)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.0.0-alpha.29";
+var version = "2.0.0-alpha.30";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.415",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,4 +1,4 @@
-var version = "2.0.0-alpha.29";
+var version = "2.0.0-alpha.30";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.415",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.0.0-alpha.29",
+  "version": "2.0.0-alpha.30",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/ethereum": "2.0.0-alpha.29",
-    "@dynamic-labs/iconic": "2.0.0-alpha.29",
-    "@dynamic-labs/logger": "2.0.0-alpha.29",
-    "@dynamic-labs/multi-wallet": "2.0.0-alpha.29",
-    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.29",
-    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.29",
-    "@dynamic-labs/rpc-providers": "2.0.0-alpha.29",
-    "@dynamic-labs/types": "2.0.0-alpha.29",
-    "@dynamic-labs/utils": "2.0.0-alpha.29",
-    "@dynamic-labs/viem-utils": "2.0.0-alpha.29",
-    "@dynamic-labs/wallet-book": "2.0.0-alpha.29",
-    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.29",
+    "@dynamic-labs/ethereum": "2.0.0-alpha.30",
+    "@dynamic-labs/iconic": "2.0.0-alpha.30",
+    "@dynamic-labs/logger": "2.0.0-alpha.30",
+    "@dynamic-labs/multi-wallet": "2.0.0-alpha.30",
+    "@dynamic-labs/rpc-provider-ethereum": "2.0.0-alpha.30",
+    "@dynamic-labs/rpc-provider-solana": "2.0.0-alpha.30",
+    "@dynamic-labs/rpc-providers": "2.0.0-alpha.30",
+    "@dynamic-labs/types": "2.0.0-alpha.30",
+    "@dynamic-labs/utils": "2.0.0-alpha.30",
+    "@dynamic-labs/viem-utils": "2.0.0-alpha.30",
+    "@dynamic-labs/wallet-book": "2.0.0-alpha.30",
+    "@dynamic-labs/wallet-connector-core": "2.0.0-alpha.30",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -136,9 +136,9 @@ var index$2 = require('./lib/utils/functions/walletFilters/index.cjs');
 var SendBalanceContext = require('./lib/context/SendBalanceContext/SendBalanceContext.cjs');
 require('./lib/context/FundingContext/FundingContext.cjs');
 var useFunding = require('./lib/context/FundingContext/useFunding/useFunding.cjs');
-require('./lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
-require('./lib/context/ConnectWithEmailOtpContext/constants.cjs');
-var useConnectWithEmailOtp = require('./lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.cjs');
+require('./lib/context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('./lib/context/ConnectWithOtpContext/constants.cjs');
+var useConnectWithOtp = require('./lib/context/ConnectWithOtpContext/useConnectWithOtp.cjs');
 
 
 
@@ -232,4 +232,4 @@ exports.SortWallets = index$2.SortWallets;
 exports.UniswapFilter = index$2.UniswapFilter;
 exports.useSendBalance = SendBalanceContext.useSendBalance;
 exports.useFunding = useFunding.useFunding;
-exports.useConnectWithEmailOtp = useConnectWithEmailOtp.useConnectWithEmailOtp;
+exports.useConnectWithOtp = useConnectWithOtp.useConnectWithOtp;

package/src/index.d.ts

@@ -113,4 +113,4 @@ export { type DynamicJwt, DynamicJwtFromJSON, } from '@dynamic-labs/sdk-api-core
 export { useSendBalance } from './lib/context/SendBalanceContext';
 export type { LocaleResource } from './lib/locale';
 export { useFunding } from './lib/context/FundingContext';
-export { useConnectWithEmailOtp } from './lib/context/ConnectWithEmailOtpContext';
+export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext';

package/src/index.js

@@ -132,6 +132,6 @@ export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallet
 export { useSendBalance } from './lib/context/SendBalanceContext/SendBalanceContext.js';
 import './lib/context/FundingContext/FundingContext.js';
 export { useFunding } from './lib/context/FundingContext/useFunding/useFunding.js';
-import './lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
-import './lib/context/ConnectWithEmailOtpContext/constants.js';
-export { useConnectWithEmailOtp } from './lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.js';
+import './lib/context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import './lib/context/ConnectWithOtpContext/constants.js';
+export { useConnectWithOtp } from './lib/context/ConnectWithOtpContext/useConnectWithOtp.js';

package/src/lib/Main.cjs

@@ -84,8 +84,8 @@ require('./widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWal
 require('@hcaptcha/react-hcaptcha');
 require('./views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('./context/SendBalanceContext/SendBalanceContext.cjs');
-require('./context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
-require('./context/ConnectWithEmailOtpContext/constants.cjs');
+require('./context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('./context/ConnectWithOtpContext/constants.cjs');
 require('./main.global.cjs');
 var isSelectedWalletAlreadyConnected = require('./utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.cjs');
 var useVerifyOnAwaitingSignature = require('./utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.cjs');

package/src/lib/Main.js

@@ -80,8 +80,8 @@ import './widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWall
 import '@hcaptcha/react-hcaptcha';
 import './views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import './context/SendBalanceContext/SendBalanceContext.js';
-import './context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
-import './context/ConnectWithEmailOtpContext/constants.js';
+import './context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import './context/ConnectWithOtpContext/constants.js';
 import './main.global.js';
 import { isSelectedWalletAlreadyConnected } from './utils/functions/isSelectedWalletAlreadyConnected/isSelectedWalletAlreadyConnected.js';
 import { useVerifyOnAwaitingSignature } from './utils/hooks/multiWallet/useVerifyOnAwaitingSignature/useVerifyOnAwaitingSignature.js';

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpContext.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+const ConnectWithOtpContext = React.createContext(undefined);
+
+exports.ConnectWithOtpContext = ConnectWithOtpContext;

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpContext.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { IConnectWithOtpContext } from './types';
+export declare const ConnectWithOtpContext: import("react").Context<IConnectWithOtpContext | undefined>;

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpContext.js

@@ -0,0 +1,5 @@
+import { createContext } from 'react';
+
+const ConnectWithOtpContext = createContext(undefined);
+
+export { ConnectWithOtpContext };

package/src/lib/context/{ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.cjs → ConnectWithOtpContext/ConnectWithOtpProvider.cjs}

@@ -76,13 +76,14 @@ require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var useInternalDynamicContext = require('../DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
-var connectWithEmailOtpContext = require('./connectWithEmailOtpContext.cjs');
+var ConnectWithOtpContext = require('./ConnectWithOtpContext.cjs');
 var findEmailProvider = require('./utils/findEmailProvider.cjs');
 var createMagicHandler = require('./utils/createMagicHandler.cjs');
 var createEmailHandler = require('./utils/createEmailHandler.cjs');
+var createSmsHandler = require('./utils/createSmsHandler.cjs');
 
-const { Provider } = connectWithEmailOtpContext.connectWithEmailOtpContext;
-const ConnectWithEmailOtpProvider = ({ children, }) => {
+const { Provider } = ConnectWithOtpContext.ConnectWithOtpContext;
+const ConnectWithOtpProvider = ({ children }) => {
     const { walletConnectorOptions, environmentId, projectSettings, setCallback, } = useInternalDynamicContext.useInternalDynamicContext();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const { handleInstalledExtensionClick } = useWalletItemActions.useWalletItemActions();
@@ -112,29 +113,49 @@ const ConnectWithEmailOtpProvider = ({ children, }) => {
         const verificationHandler = yield mapProvider[effectiveEmailProvider].handler(email);
         lastVerificationHandlerRef.current = verificationHandler;
     });
+    const connectWithSms = (phone) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!isProviderEnabled.isProviderEnabled(providers, sdkApiCore.ProviderEnum.Sms)) {
+            throw new Error('SMS provider is not enabled');
+        }
+        const handler = createSmsHandler.createSmsHandler(environmentId, createUserProfileByJWT);
+        const verificationHandler = yield handler(phone);
+        lastVerificationHandlerRef.current = verificationHandler;
+    });
     const verifyOneTimePassword = (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!lastVerificationHandlerRef.current) {
-            throw new Error('Verification have not started, use connectWithEmail before verifying');
+            throw new Error('Verification has not started, use connectWithEmail or connectWithSms before verifying');
+        }
+        const { type, verify } = lastVerificationHandlerRef.current;
+        const { destination, verified } = yield verify(oneTimePassword);
+        if (type === 'sms') {
+            dynamicEvents.dynamicEvents.emit('smsVerificationResult', verified, destination);
+        }
+        else {
+            //EMAIL
+            dynamicEvents.dynamicEvents.emit('emailVerificationResult', verified, destination);
         }
-        const { email, verified } = yield lastVerificationHandlerRef.current.verify(oneTimePassword);
-        dynamicEvents.dynamicEvents.emit('emailVerificationResult', verified, email);
         if (verified) {
             setCallback('authSuccess');
         }
         else {
-            throw new Error('Email verification failed');
+            throw new Error(`${type === 'sms' ? 'SMS' : 'Email'} verification failed`);
         }
     });
     const retryOneTimePassword = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!lastVerificationHandlerRef.current) {
-            throw new Error('Verification have not started, use connectWithEmail before verifying');
+            throw new Error('Verification has not started, use connectWithEmail or connectWithSms before verifying');
         }
         if (!lastVerificationHandlerRef.current.retry) {
             throw new Error('Re-send is not supported');
         }
         return lastVerificationHandlerRef.current.retry();
     });
-    return (jsxRuntime.jsx(Provider, { value: { connectWithEmail, retryOneTimePassword, verifyOneTimePassword }, children: children }));
+    return (jsxRuntime.jsx(Provider, { value: {
+            connectWithEmail,
+            connectWithSms,
+            retryOneTimePassword,
+            verifyOneTimePassword,
+        }, children: children }));
 };
 
-exports.ConnectWithEmailOtpProvider = ConnectWithEmailOtpProvider;
+exports.ConnectWithOtpProvider = ConnectWithOtpProvider;

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.d.ts

@@ -0,0 +1,2 @@
+import { FC, PropsWithChildren } from 'react';
+export declare const ConnectWithOtpProvider: FC<PropsWithChildren>;

package/src/lib/context/{ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js → ConnectWithOtpContext/ConnectWithOtpProvider.js}

@@ -72,13 +72,14 @@ import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { useInternalDynamicContext } from '../DynamicContext/useDynamicContext/useInternalDynamicContext.js';
-import { connectWithEmailOtpContext } from './connectWithEmailOtpContext.js';
+import { ConnectWithOtpContext } from './ConnectWithOtpContext.js';
 import { findEmailProvider } from './utils/findEmailProvider.js';
 import { createMagicHandler } from './utils/createMagicHandler.js';
 import { createEmailHandler } from './utils/createEmailHandler.js';
+import { createSmsHandler } from './utils/createSmsHandler.js';
 
-const { Provider } = connectWithEmailOtpContext;
-const ConnectWithEmailOtpProvider = ({ children, }) => {
+const { Provider } = ConnectWithOtpContext;
+const ConnectWithOtpProvider = ({ children }) => {
     const { walletConnectorOptions, environmentId, projectSettings, setCallback, } = useInternalDynamicContext();
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const { handleInstalledExtensionClick } = useWalletItemActions();
@@ -108,29 +109,49 @@ const ConnectWithEmailOtpProvider = ({ children, }) => {
         const verificationHandler = yield mapProvider[effectiveEmailProvider].handler(email);
         lastVerificationHandlerRef.current = verificationHandler;
     });
+    const connectWithSms = (phone) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!isProviderEnabled(providers, ProviderEnum.Sms)) {
+            throw new Error('SMS provider is not enabled');
+        }
+        const handler = createSmsHandler(environmentId, createUserProfileByJWT);
+        const verificationHandler = yield handler(phone);
+        lastVerificationHandlerRef.current = verificationHandler;
+    });
     const verifyOneTimePassword = (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
         if (!lastVerificationHandlerRef.current) {
-            throw new Error('Verification have not started, use connectWithEmail before verifying');
+            throw new Error('Verification has not started, use connectWithEmail or connectWithSms before verifying');
+        }
+        const { type, verify } = lastVerificationHandlerRef.current;
+        const { destination, verified } = yield verify(oneTimePassword);
+        if (type === 'sms') {
+            dynamicEvents.emit('smsVerificationResult', verified, destination);
+        }
+        else {
+            //EMAIL
+            dynamicEvents.emit('emailVerificationResult', verified, destination);
         }
-        const { email, verified } = yield lastVerificationHandlerRef.current.verify(oneTimePassword);
-        dynamicEvents.emit('emailVerificationResult', verified, email);
         if (verified) {
             setCallback('authSuccess');
         }
         else {
-            throw new Error('Email verification failed');
+            throw new Error(`${type === 'sms' ? 'SMS' : 'Email'} verification failed`);
         }
     });
     const retryOneTimePassword = () => __awaiter(void 0, void 0, void 0, function* () {
         if (!lastVerificationHandlerRef.current) {
-            throw new Error('Verification have not started, use connectWithEmail before verifying');
+            throw new Error('Verification has not started, use connectWithEmail or connectWithSms before verifying');
         }
         if (!lastVerificationHandlerRef.current.retry) {
             throw new Error('Re-send is not supported');
         }
         return lastVerificationHandlerRef.current.retry();
     });
-    return (jsx(Provider, { value: { connectWithEmail, retryOneTimePassword, verifyOneTimePassword }, children: children }));
+    return (jsx(Provider, { value: {
+            connectWithEmail,
+            connectWithSms,
+            retryOneTimePassword,
+            verifyOneTimePassword,
+        }, children: children }));
 };
 
-export { ConnectWithEmailOtpProvider };
+export { ConnectWithOtpProvider };

package/src/lib/context/ConnectWithOtpContext/index.d.ts

@@ -0,0 +1,2 @@
+export { ConnectWithOtpProvider } from './ConnectWithOtpProvider';
+export { useConnectWithOtp } from './useConnectWithOtp';

package/src/lib/context/ConnectWithOtpContext/types.d.ts

@@ -0,0 +1,20 @@
+import { PhoneData } from '../../shared';
+export type EmailProviders = 'magicLink' | 'dynamic';
+export type ConnectWithOtpOptions = {
+    provider?: EmailProviders;
+};
+export type IConnectWithOtpContext = {
+    connectWithEmail: (email: string, options?: ConnectWithOtpOptions) => Promise<void>;
+    connectWithSms: (phone: PhoneData) => Promise<void>;
+    verifyOneTimePassword: (oneTimePassword: string) => Promise<void>;
+    retryOneTimePassword: () => Promise<void>;
+};
+export type ProviderVerificationHandler<T> = {
+    type: 'email' | 'sms';
+    verify: (oneTimePassword: string) => Promise<{
+        destination: T;
+        verified: boolean;
+    }>;
+    retry?: () => Promise<void>;
+};
+export type ProviderHandler<T> = (destination: T) => Promise<ProviderVerificationHandler<T>>;

package/src/lib/context/{ConnectWithEmailOtpContext/useConnectWithEmailOtp.cjs → ConnectWithOtpContext/useConnectWithOtp.cjs}

@@ -3,18 +3,19 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var connectWithEmailOtpContext = require('./connectWithEmailOtpContext.cjs');
+var ConnectWithOtpContext = require('./ConnectWithOtpContext.cjs');
 
-const useConnectWithEmailOtp = ({ provider: defaultProvider, } = {}) => {
-    const context = React.useContext(connectWithEmailOtpContext.connectWithEmailOtpContext);
+const useConnectWithOtp = ({ emailProvider: defaultProvider, } = {}) => {
+    const context = React.useContext(ConnectWithOtpContext.ConnectWithOtpContext);
     if (!context) {
-        throw new Error('useConnectWithEmailOtp must be used within a DynamicContextProvider');
+        throw new Error('useConnectWithOtp must be used within a DynamicContextProvider');
     }
     return {
         connectWithEmail: (email, options = {}) => context.connectWithEmail(email, Object.assign({ provider: defaultProvider }, options)),
+        connectWithSms: context.connectWithSms,
         retryOneTimePassword: context.retryOneTimePassword,
         verifyOneTimePassword: context.verifyOneTimePassword,
     };
 };
 
-exports.useConnectWithEmailOtp = useConnectWithEmailOtp;
+exports.useConnectWithOtp = useConnectWithOtp;

package/src/lib/context/ConnectWithOtpContext/useConnectWithOtp.d.ts

@@ -0,0 +1,6 @@
+import { EmailProviders, IConnectWithOtpContext } from './types';
+type UseConnectWithOtpProps = {
+    emailProvider?: EmailProviders;
+};
+export declare const useConnectWithOtp: ({ emailProvider: defaultProvider, }?: UseConnectWithOtpProps) => IConnectWithOtpContext;
+export {};

package/src/lib/context/{ConnectWithEmailOtpContext/useConnectWithEmailOtp.js → ConnectWithOtpContext/useConnectWithOtp.js}

@@ -1,16 +1,17 @@
 import { useContext } from 'react';
-import { connectWithEmailOtpContext } from './connectWithEmailOtpContext.js';
+import { ConnectWithOtpContext } from './ConnectWithOtpContext.js';
 
-const useConnectWithEmailOtp = ({ provider: defaultProvider, } = {}) => {
-    const context = useContext(connectWithEmailOtpContext);
+const useConnectWithOtp = ({ emailProvider: defaultProvider, } = {}) => {
+    const context = useContext(ConnectWithOtpContext);
     if (!context) {
-        throw new Error('useConnectWithEmailOtp must be used within a DynamicContextProvider');
+        throw new Error('useConnectWithOtp must be used within a DynamicContextProvider');
     }
     return {
         connectWithEmail: (email, options = {}) => context.connectWithEmail(email, Object.assign({ provider: defaultProvider }, options)),
+        connectWithSms: context.connectWithSms,
         retryOneTimePassword: context.retryOneTimePassword,
         verifyOneTimePassword: context.verifyOneTimePassword,
     };
 };
 
-export { useConnectWithEmailOtp };
+export { useConnectWithOtp };

package/src/lib/context/{ConnectWithEmailOtpContext → ConnectWithOtpContext}/utils/createEmailHandler.cjs

@@ -11,6 +11,7 @@ const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) =>
         environmentId,
     });
     return {
+        type: 'email',
         verify: (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             const response = yield api.signInWithEmailVerification({
                 environmentId,
@@ -19,7 +20,7 @@ const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) =>
             });
             yield createUserProfileByJWT(response.jwt, response.minifiedJwt);
             return {
-                email,
+                destination: email,
                 verified: Boolean(response.jwt),
             };
         }),

package/src/lib/context/{ConnectWithEmailOtpContext → ConnectWithOtpContext}/utils/createEmailHandler.d.ts

@@ -1,2 +1,2 @@
 import { ProviderHandler } from '../types';
-export declare const createEmailHandler: (environmentId: string, createUserProfileByJWT: (jwt: string, minifiedJwt: string) => Promise<void>) => ProviderHandler;
+export declare const createEmailHandler: (environmentId: string, createUserProfileByJWT: (jwt: string, minifiedJwt: string) => Promise<void>) => ProviderHandler<string>;

package/src/lib/context/{ConnectWithEmailOtpContext → ConnectWithOtpContext}/utils/createEmailHandler.js

@@ -7,6 +7,7 @@ const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) =>
         environmentId,
     });
     return {
+        type: 'email',
         verify: (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
             const response = yield signInWithEmailVerification({
                 environmentId,
@@ -15,7 +16,7 @@ const createEmailHandler = (environmentId, createUserProfileByJWT) => (email) =>
             });
             yield createUserProfileByJWT(response.jwt, response.minifiedJwt);
             return {
-                email,
+                destination: email,
                 verified: Boolean(response.jwt),
             };
         }),

package/src/lib/context/{ConnectWithEmailOtpContext → ConnectWithOtpContext}/utils/createMagicHandler.cjs

@@ -12,9 +12,10 @@ const createMagicHandler = (connector, handleInstalledExtensionClick) => (email)
     handleInstalledExtensionClick(connector);
     return {
         retry: () => connector.retryOneTimePassword(),
+        type: 'email',
         verify: (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
             return ({
-                email,
+                destination: email,
                 verified: yield connector.verifyOneTimePassword(oneTimePassword),
             });
         }),

package/src/lib/context/{ConnectWithEmailOtpContext → ConnectWithOtpContext}/utils/createMagicHandler.d.ts

@@ -1,3 +1,3 @@
 import { IEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { ProviderHandler } from '../types';
-export declare const createMagicHandler: (connector: IEmailOTPWalletConnector | undefined, handleInstalledExtensionClick: (connector: IEmailOTPWalletConnector) => void) => ProviderHandler;
+export declare const createMagicHandler: (connector: IEmailOTPWalletConnector | undefined, handleInstalledExtensionClick: (connector: IEmailOTPWalletConnector) => void) => ProviderHandler<string>;

package/src/lib/context/{ConnectWithEmailOtpContext → ConnectWithOtpContext}/utils/createMagicHandler.js

@@ -8,9 +8,10 @@ const createMagicHandler = (connector, handleInstalledExtensionClick) => (email)
     handleInstalledExtensionClick(connector);
     return {
         retry: () => connector.retryOneTimePassword(),
+        type: 'email',
         verify: (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
             return ({
-                email,
+                destination: email,
                 verified: yield connector.verifyOneTimePassword(oneTimePassword),
             });
         }),

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -0,0 +1,32 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var api = require('../../../data/api.cjs');
+
+const createSmsHandler = (environmentId, createUserProfileByJWT) => (phone) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const { verificationUUID } = yield api.createSmsVerification({
+        environmentId,
+        isoCountryCode: phone.iso2,
+        phoneCountryCode: phone.dialCode,
+        phoneNumber: phone.phone,
+    });
+    return {
+        type: 'sms',
+        verify: (oneTimePassword) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const response = yield api.signInWithSmsVerification({
+                environmentId,
+                verificationToken: oneTimePassword,
+                verificationUUID,
+            });
+            yield createUserProfileByJWT(response.jwt, response.minifiedJwt);
+            return {
+                destination: phone,
+                verified: Boolean(response.jwt),
+            };
+        }),
+    };
+});
+
+exports.createSmsHandler = createSmsHandler;

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.d.ts

@@ -0,0 +1,3 @@
+import { PhoneData } from '../../../shared';
+import { ProviderHandler } from '../types';
+export declare const createSmsHandler: (environmentId: string, createUserProfileByJWT: (jwt: string, minifiedJwt: string) => Promise<void>) => ProviderHandler<PhoneData>;

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -0,0 +1,28 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { createSmsVerification, signInWithSmsVerification } from '../../../data/api.js';
+
+const createSmsHandler = (environmentId, createUserProfileByJWT) => (phone) => __awaiter(void 0, void 0, void 0, function* () {
+    const { verificationUUID } = yield createSmsVerification({
+        environmentId,
+        isoCountryCode: phone.iso2,
+        phoneCountryCode: phone.dialCode,
+        phoneNumber: phone.phone,
+    });
+    return {
+        type: 'sms',
+        verify: (oneTimePassword) => __awaiter(void 0, void 0, void 0, function* () {
+            const response = yield signInWithSmsVerification({
+                environmentId,
+                verificationToken: oneTimePassword,
+                verificationUUID,
+            });
+            yield createUserProfileByJWT(response.jwt, response.minifiedJwt);
+            return {
+                destination: phone,
+                verified: Boolean(response.jwt),
+            };
+        }),
+    };
+});
+
+export { createSmsHandler };

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -104,8 +104,8 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
-var ConnectWithEmailOtpProvider = require('../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.cjs');
-require('../ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs');
+var ConnectWithOtpProvider = require('../ConnectWithOtpContext/ConnectWithOtpProvider.cjs');
+require('../ConnectWithOtpContext/ConnectWithOtpContext.cjs');
 var FundingContext = require('../FundingContext/FundingContext.cjs');
 var PhantomRedirectContext = require('../PhantomRedirectContext/PhantomRedirectContext.cjs');
 var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
@@ -673,7 +673,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithEmailOtpProvider.ConnectWithEmailOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsxRuntime.jsx(UseNetworkValidation.UseNetworkValidation, {}), jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(AccountExistsContext.AccountExistsContextProvider, { children: jsxRuntime.jsx(WalletContext.WalletContextProvider, { canSync: didConnectedStateLoad, children: jsxRuntime.jsx(PasskeyContext.PasskeyContextProvider, { children: jsxRuntime.jsx(VerificationContext.VerificationProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(DynamicBridgeWidgetContext.DynamicBridgeWidgetContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsx(SendBalanceContext.SendBalanceContextProvider, { children: jsxRuntime.jsx(WalletGroupContext.WalletGroupContextProvider, { children: jsxRuntime.jsx(UserFieldEditorContext.UserFieldEditorContextProvider, { children: jsxRuntime.jsx(ConnectWithOtpProvider.ConnectWithOtpProvider, { children: jsxRuntime.jsx(PhantomRedirectContext.PhantomRedirectContextProvider, { children: jsxRuntime.jsxs(SocialRedirectContext.SocialRedirectContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), jsxRuntime.jsx(SyncEmbeddedWalletAuthFlow.SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -100,8 +100,8 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
-import { ConnectWithEmailOtpProvider } from '../ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.js';
-import '../ConnectWithEmailOtpContext/connectWithEmailOtpContext.js';
+import { ConnectWithOtpProvider } from '../ConnectWithOtpContext/ConnectWithOtpProvider.js';
+import '../ConnectWithOtpContext/ConnectWithOtpContext.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import { PhantomRedirectContextProvider } from '../PhantomRedirectContext/PhantomRedirectContext.js';
 import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
@@ -669,7 +669,7 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
                                 isAuthenticated: isAuthenticated || Boolean(primaryWallet),
                                 isBridgeFlow,
                                 isMultiWalletEnabled: multiWallet,
-                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithEmailOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
+                            }), children: [networkValidationMode === 'always' && jsx(UseNetworkValidation, {}), jsx(CaptchaContextProvider, { children: jsx(AccountExistsContextProvider, { children: jsx(WalletContextProvider, { canSync: didConnectedStateLoad, children: jsx(PasskeyContextProvider, { children: jsx(VerificationProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(DynamicBridgeWidgetContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsx(SendBalanceContextProvider, { children: jsx(WalletGroupContextProvider, { children: jsx(UserFieldEditorContextProvider, { children: jsx(ConnectWithOtpProvider, { children: jsx(PhantomRedirectContextProvider, { children: jsxs(SocialRedirectContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), jsx(SyncEmbeddedWalletAuthFlow, {}), confirmationModal, children] }) }) }) }) }) }) }) }) }) }) }) }) }) }) })] }) }) }) }) }) }));
 };
 /** The context provider you need to have access too all of Dynamic's hooks */
 const DynamicContextProvider = (props) => {

package/src/lib/context/VerificationContext/VerificationContext.d.ts

@@ -1,13 +1,6 @@
 import { ReactNode, SetStateAction, Dispatch } from 'react';
-type RetryPhoneParams = {
-    /** Non formatted phone number without country code */
-    phone: string;
-    /** Country iso2, such as "US", "FR" or "BR" */
-    iso2: string;
-    /** Country code, such as "1", "33" or "55" */
-    dialCode: string;
-};
-type RetryData = RetryPhoneParams;
+import { PhoneData } from '../../shared';
+type RetryData = PhoneData;
 type VerificationContextProps = {
     /**
      * Where we tell the user the verification code was sent to.

package/src/lib/events/dynamicEvents.d.ts

@@ -1,14 +1,6 @@
 import EventEmitter from 'eventemitter3';
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core/models/JwtVerifiedCredential';
-import { Wallet } from '../shared';
-export type PhoneEventData = {
-    /** Just the phone numbers with no country dial code */
-    phone: string;
-    /** ISO2 of the corresponding country */
-    iso2: string;
-    /** Dial code of the corresponding country */
-    dialCode: string;
-};
+import { PhoneData, Wallet } from '../shared';
 /** Maps internal event names to their listeners */
 export type DynamicEvents = {
     authFlowOpen: () => void;
@@ -17,7 +9,7 @@ export type DynamicEvents = {
     /** Triggered when auth is attempted but fails, like when user rejects connection or the network call fails */
     authFlowCancelled: () => void;
     emailVerificationResult: (param: boolean, email: string) => void;
-    smsVerificationResult: (param: boolean, phone: PhoneEventData) => void;
+    smsVerificationResult: (param: boolean, phone: PhoneData) => void;
     embeddedWalletCreated: (wallet: Wallet, verifiedCredential: JwtVerifiedCredential | undefined) => void;
     embeddedWalletFailed: (error: unknown) => void;
     passkeyRecoveryCompleted: (wallet: Wallet) => void;

package/src/lib/shared/types/dynamicEventsCallbacks.d.ts

@@ -1,8 +1,8 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
 import { OtpVerificationDestination } from '../../utils/hooks/authenticationHooks/useOtpVerificationRequest';
-import { PhoneEventData } from '../../events';
 import { UserProfile } from './user';
 import { Wallet } from './wallets';
+import { PhoneData } from '.';
 export type DynamicEventsCallbacks = {
     onSignedMessage?: (params: {
         messageToSign: string;
@@ -45,7 +45,7 @@ destination: {
     value: string;
 } | {
     type: Extract<OtpVerificationDestination, 'sms'>;
-    value: PhoneEventData;
+    value: PhoneData;
 }) => void;
 export type OnUserProfileUpdate = (user: UserProfile) => void;
 export type OnEmbeddedWalletCreated = (verifiedCredential: JwtVerifiedCredential | undefined) => void;

package/src/lib/shared/types/general.d.ts

@@ -3,3 +3,11 @@ export type ErrorWithCode = Error & {
     code: string;
 };
 export type PasswordInputMode = 'password' | 'text';
+export type PhoneData = {
+    /** Just the phone numbers with no country dial code */
+    phone: string;
+    /** ISO2 of the corresponding country */
+    iso2: string;
+    /** Dial code of the corresponding country */
+    dialCode: string;
+};

package/src/lib/context/ConnectWithEmailOtpContext/ConnectWithEmailOtpProvider.d.ts

@@ -1,2 +0,0 @@
-import { FC, PropsWithChildren } from 'react';
-export declare const ConnectWithEmailOtpProvider: FC<PropsWithChildren>;

package/src/lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.cjs

@@ -1,9 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-
-const connectWithEmailOtpContext = React.createContext(undefined);
-
-exports.connectWithEmailOtpContext = connectWithEmailOtpContext;

package/src/lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import { ConnectWithEmailOtpContext } from './types';
-export declare const connectWithEmailOtpContext: import("react").Context<ConnectWithEmailOtpContext | undefined>;

package/src/lib/context/ConnectWithEmailOtpContext/connectWithEmailOtpContext.js

@@ -1,5 +0,0 @@
-import { createContext } from 'react';
-
-const connectWithEmailOtpContext = createContext(undefined);
-
-export { connectWithEmailOtpContext };

package/src/lib/context/ConnectWithEmailOtpContext/index.d.ts

@@ -1,2 +0,0 @@
-export { ConnectWithEmailOtpProvider } from './ConnectWithEmailOtpProvider';
-export { useConnectWithEmailOtp } from './useConnectWithEmailOtp';

package/src/lib/context/ConnectWithEmailOtpContext/types.d.ts

@@ -1,17 +0,0 @@
-export type EmailProviders = 'magicLink' | 'dynamic';
-export type ConnectWithEmailOtpOptions = {
-    provider?: EmailProviders;
-};
-export type ConnectWithEmailOtpContext = {
-    connectWithEmail: (email: string, options?: ConnectWithEmailOtpOptions) => Promise<void>;
-    verifyOneTimePassword: (oneTimePassword: string) => Promise<void>;
-    retryOneTimePassword: () => Promise<void>;
-};
-export type ProviderVerificationHandler = {
-    verify: (oneTimePassword: string) => Promise<{
-        email: string;
-        verified: boolean;
-    }>;
-    retry?: () => Promise<void>;
-};
-export type ProviderHandler = (email: string) => Promise<ProviderVerificationHandler>;

package/src/lib/context/ConnectWithEmailOtpContext/useConnectWithEmailOtp.d.ts

@@ -1,6 +0,0 @@
-import { EmailProviders, ConnectWithEmailOtpContext } from './types';
-type UseConnectWithEmailOtpProps = {
-    provider?: EmailProviders;
-};
-export declare const useConnectWithEmailOtp: ({ provider: defaultProvider, }?: UseConnectWithEmailOtpProps) => ConnectWithEmailOtpContext;
-export {};