@dynamic-labs/sdk-react-core 2.0.0-alpha.21 → 2.0.0-alpha.22

package/src/lib/utils/constants/localStorage.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 const AUTH_TOKEN = 'dynamic_authentication_token';
+const AUTH_MIN_TOKEN = 'dynamic_min_authentication_token';
 const AUTH_USER = 'dynamic_authenticated_user';
 const LAST_USED_WALLET = 'dynamic_last_used_wallet';
 const NETWORKS_STORAGE_KEY = 'dynamic_networks';
@@ -14,7 +15,7 @@ const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = 'dynamic_newtoweb3_wallet_extension_
 const CONNECTED_WALLETS_INFO = 'dynamic_connected_wallets';
 const AUTH_MODE = 'dynamic_auth_mode';
 const CONNECTED_WALLET_NAME_SERVICE = 'dynamic_connected_wallet_ns';
-const IS_FULLY_CONNECTED = 'dynamic_fully_connected';
+const BRIDGE_ONBOARDING_COMPLETED = 'dynamic_bridge_onboarding_completed';
 const IS_MULTI_WALLET_ENABLED = 'dynamic_multi_wallet_enabled';
 const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = 'dynamic_context_session_settings';
 const WAGMI_LAST_SESSION_SETTINGS = 'dynamic_wagmi_session_settings';
@@ -22,15 +23,16 @@ const EMBEDDED_WALLET_SESSION_SETTINGS = 'dynamic_embedded_wallet_session_settin
 const EMBEDDED_WALLET_SECURE_BANNER = 'dynamic_embedded_secure_banner';
 const PHONE_INPUT_DEFAULT_COUNTRY = 'dynamic_phone_input_default_country';
 
+exports.AUTH_MIN_TOKEN = AUTH_MIN_TOKEN;
 exports.AUTH_MODE = AUTH_MODE;
 exports.AUTH_TOKEN = AUTH_TOKEN;
 exports.AUTH_USER = AUTH_USER;
+exports.BRIDGE_ONBOARDING_COMPLETED = BRIDGE_ONBOARDING_COMPLETED;
 exports.CONNECTED_WALLETS_INFO = CONNECTED_WALLETS_INFO;
 exports.CONNECTED_WALLET_NAME_SERVICE = CONNECTED_WALLET_NAME_SERVICE;
 exports.DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS;
 exports.EMBEDDED_WALLET_SECURE_BANNER = EMBEDDED_WALLET_SECURE_BANNER;
 exports.EMBEDDED_WALLET_SESSION_SETTINGS = EMBEDDED_WALLET_SESSION_SETTINGS;
-exports.IS_FULLY_CONNECTED = IS_FULLY_CONNECTED;
 exports.IS_MULTI_WALLET_ENABLED = IS_MULTI_WALLET_ENABLED;
 exports.LAST_USED_WALLET = LAST_USED_WALLET;
 exports.NETWORKS_STORAGE_KEY = NETWORKS_STORAGE_KEY;

package/src/lib/utils/constants/localStorage.d.ts

@@ -1,4 +1,5 @@
 export declare const AUTH_TOKEN = "dynamic_authentication_token";
+export declare const AUTH_MIN_TOKEN = "dynamic_min_authentication_token";
 export declare const AUTH_USER = "dynamic_authenticated_user";
 export declare const LAST_USED_WALLET = "dynamic_last_used_wallet";
 export declare const NETWORKS_STORAGE_KEY = "dynamic_networks";
@@ -11,7 +12,7 @@ export declare const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = "dynamic_newtoweb3_wa
 export declare const CONNECTED_WALLETS_INFO = "dynamic_connected_wallets";
 export declare const AUTH_MODE = "dynamic_auth_mode";
 export declare const CONNECTED_WALLET_NAME_SERVICE = "dynamic_connected_wallet_ns";
-export declare const IS_FULLY_CONNECTED = "dynamic_fully_connected";
+export declare const BRIDGE_ONBOARDING_COMPLETED = "dynamic_bridge_onboarding_completed";
 export declare const IS_MULTI_WALLET_ENABLED = "dynamic_multi_wallet_enabled";
 export declare const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = "dynamic_context_session_settings";
 export declare const WAGMI_LAST_SESSION_SETTINGS = "dynamic_wagmi_session_settings";

package/src/lib/utils/constants/localStorage.js

@@ -1,4 +1,5 @@
 const AUTH_TOKEN = 'dynamic_authentication_token';
+const AUTH_MIN_TOKEN = 'dynamic_min_authentication_token';
 const AUTH_USER = 'dynamic_authenticated_user';
 const LAST_USED_WALLET = 'dynamic_last_used_wallet';
 const NETWORKS_STORAGE_KEY = 'dynamic_networks';
@@ -10,7 +11,7 @@ const NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY = 'dynamic_newtoweb3_wallet_extension_
 const CONNECTED_WALLETS_INFO = 'dynamic_connected_wallets';
 const AUTH_MODE = 'dynamic_auth_mode';
 const CONNECTED_WALLET_NAME_SERVICE = 'dynamic_connected_wallet_ns';
-const IS_FULLY_CONNECTED = 'dynamic_fully_connected';
+const BRIDGE_ONBOARDING_COMPLETED = 'dynamic_bridge_onboarding_completed';
 const IS_MULTI_WALLET_ENABLED = 'dynamic_multi_wallet_enabled';
 const DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS = 'dynamic_context_session_settings';
 const WAGMI_LAST_SESSION_SETTINGS = 'dynamic_wagmi_session_settings';
@@ -18,4 +19,4 @@ const EMBEDDED_WALLET_SESSION_SETTINGS = 'dynamic_embedded_wallet_session_settin
 const EMBEDDED_WALLET_SECURE_BANNER = 'dynamic_embedded_secure_banner';
 const PHONE_INPUT_DEFAULT_COUNTRY = 'dynamic_phone_input_default_country';
 
-export { AUTH_MODE, AUTH_TOKEN, AUTH_USER, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, IS_FULLY_CONNECTED, IS_MULTI_WALLET_ENABLED, LAST_USED_WALLET, NETWORKS_STORAGE_KEY, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, NONCE_STORAGE_KEY, PHONE_INPUT_DEFAULT_COUNTRY, PRIMARY_WALLET_ID, PROJECT_SETTINGS_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY };
+export { AUTH_MIN_TOKEN, AUTH_MODE, AUTH_TOKEN, AUTH_USER, BRIDGE_ONBOARDING_COMPLETED, CONNECTED_WALLETS_INFO, CONNECTED_WALLET_NAME_SERVICE, DYNAMIC_CONTEXT_LAST_SESSION_SETTINGS, EMBEDDED_WALLET_SECURE_BANNER, EMBEDDED_WALLET_SESSION_SETTINGS, IS_MULTI_WALLET_ENABLED, LAST_USED_WALLET, NETWORKS_STORAGE_KEY, NEWTOWEB3_WALLET_EXTENSION_FLAG_KEY, NONCE_STORAGE_KEY, PHONE_INPUT_DEFAULT_COUNTRY, PRIMARY_WALLET_ID, PROJECT_SETTINGS_STORAGE_KEY, WAGMI_LAST_SESSION_SETTINGS, WALLET_PICKER_SEARCH_KEY };

package/src/lib/utils/functions/formatPhone/formatPhone.cjs

@@ -3,6 +3,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var reactInternationalPhone = require('react-international-phone');
+var getCustomCountries = require('../getCustomCountries/getCustomCountries.cjs');
 
 /**
  * This takes a phone number (with country code, doesn't work otherwise)
@@ -10,7 +11,11 @@ var reactInternationalPhone = require('react-international-phone');
  */
 const formatPhone = (phone) => {
     var _a;
-    const { country } = reactInternationalPhone.guessCountryByPartialPhoneNumber({ phone });
+    const { country } = reactInternationalPhone.guessCountryByPartialPhoneNumber({
+        // Enables using custom formatting
+        countries: getCustomCountries.getCustomCountries(),
+        phone,
+    });
     if (!country)
         return phone;
     const strippedPhone = reactInternationalPhone.removeDialCode({ dialCode: country.dialCode, phone });

package/src/lib/utils/functions/formatPhone/formatPhone.js

@@ -1,4 +1,5 @@
 import { guessCountryByPartialPhoneNumber, removeDialCode, getActiveFormattingMask } from 'react-international-phone';
+import { getCustomCountries } from '../getCustomCountries/getCustomCountries.js';
 
 /**
  * This takes a phone number (with country code, doesn't work otherwise)
@@ -6,7 +7,11 @@ import { guessCountryByPartialPhoneNumber, removeDialCode, getActiveFormattingMa
  */
 const formatPhone = (phone) => {
     var _a;
-    const { country } = guessCountryByPartialPhoneNumber({ phone });
+    const { country } = guessCountryByPartialPhoneNumber({
+        // Enables using custom formatting
+        countries: getCustomCountries(),
+        phone,
+    });
     if (!country)
         return phone;
     const strippedPhone = removeDialCode({ dialCode: country.dialCode, phone });

package/src/lib/utils/functions/getCustomCountries/getCustomCountries.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var reactInternationalPhone = require('react-international-phone');
+
+// To see which iso2 maps to which country, see
+// https://github.com/goveo/react-international-phone/blob/master/src/data/countryData.ts
+const getCustomCountries = (withVerification) => {
+    const customCountries = reactInternationalPhone.defaultCountries.map(reactInternationalPhone.parseCountry).map((country) => {
+        if (country.iso2 === 'br')
+            country.format = '(..) .....-....';
+        if (country.iso2 === 'fr')
+            country.format = '(.) .. .. .. ..';
+        return reactInternationalPhone.buildCountryData(country);
+    });
+    return withVerification
+        ? customCountries.filter(([, iso2]) => supportedCountriesForVerification.includes(iso2))
+        : customCountries;
+};
+/** Which countries we support sending OTPs to */
+const supportedCountriesForVerification = ['us', 'ca'];
+
+exports.getCustomCountries = getCustomCountries;
+exports.supportedCountriesForVerification = supportedCountriesForVerification;

package/src/lib/utils/functions/getCustomCountries/getCustomCountries.d.ts

@@ -0,0 +1,4 @@
+import { CountryData, CountryIso2 } from 'react-international-phone';
+export declare const getCustomCountries: (withVerification?: boolean) => CountryData[];
+/** Which countries we support sending OTPs to */
+export declare const supportedCountriesForVerification: CountryIso2[];

package/src/lib/utils/functions/getCustomCountries/getCustomCountries.js

@@ -0,0 +1,20 @@
+import { defaultCountries, parseCountry, buildCountryData } from 'react-international-phone';
+
+// To see which iso2 maps to which country, see
+// https://github.com/goveo/react-international-phone/blob/master/src/data/countryData.ts
+const getCustomCountries = (withVerification) => {
+    const customCountries = defaultCountries.map(parseCountry).map((country) => {
+        if (country.iso2 === 'br')
+            country.format = '(..) .....-....';
+        if (country.iso2 === 'fr')
+            country.format = '(.) .. .. .. ..';
+        return buildCountryData(country);
+    });
+    return withVerification
+        ? customCountries.filter(([, iso2]) => supportedCountriesForVerification.includes(iso2))
+        : customCountries;
+};
+/** Which countries we support sending OTPs to */
+const supportedCountriesForVerification = ['us', 'ca'];
+
+export { getCustomCountries, supportedCountriesForVerification };

package/src/lib/utils/functions/getWalletProvider/getWalletProvider.d.ts

@@ -1,2 +1,3 @@
-import { WalletConnector, WalletProvider } from '../../../..';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { WalletProvider } from '../../../shared';
 export declare const getWalletProvider: (connector: WalletConnector) => WalletProvider;

package/src/lib/utils/functions/handleUnlinkHelper/handleUnlinkHelper.cjs

@@ -34,8 +34,8 @@ const handleUnlinkHelper = ({ environmentId, primaryWalletId, walletId, }) => _t
     const token = getAuthToken.getAuthToken();
     if (!token)
         return;
-    const jwt = yield api.unlinkWallet({ environmentId, primaryWalletId, walletId }, token);
-    return updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(jwt);
+    const response = yield api.unlinkWallet({ environmentId, primaryWalletId, walletId }, token);
+    return updateJWTAndCreateUserProfile.updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
 });
 
 exports.handleUnlinkHelper = handleUnlinkHelper;

package/src/lib/utils/functions/handleUnlinkHelper/handleUnlinkHelper.js

@@ -30,8 +30,8 @@ const handleUnlinkHelper = ({ environmentId, primaryWalletId, walletId, }) => __
     const token = getAuthToken();
     if (!token)
         return;
-    const jwt = yield unlinkWallet({ environmentId, primaryWalletId, walletId }, token);
-    return updateJWTAndCreateUserProfile(jwt);
+    const response = yield unlinkWallet({ environmentId, primaryWalletId, walletId }, token);
+    return updateJWTAndCreateUserProfile(response === null || response === void 0 ? void 0 : response.jwt, response === null || response === void 0 ? void 0 : response.minifiedJwt);
 });
 
 export { handleUnlinkHelper };

package/src/lib/utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.cjs

@@ -5,14 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var sdkApi = require('@dynamic-labs/sdk-api');
 var isProviderEnabled = require('../isProviderEnabled/isProviderEnabled.cjs');
 
-const isEmailProviderEnabled = (providers) => 
-// For v0.19 we will support emailOnly and Dynamic as email providers
-// For v0.20/v1 we need to remove emailOnly and leave Dynamic as the only one email provider
-// Ticket: https://linear.app/dynamic-labs/issue/GVTY-213/remove-emailonly-as-a-provider-from-sdk
-// (Blocto and Magic stay as they are)
-providers !== undefined &&
-    (isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.EmailOnly) ||
-        isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.Dynamic) ||
+const isEmailProviderEnabled = (providers) => providers !== undefined &&
+    (isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.Dynamic) ||
         isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.Blocto) ||
         isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.MagicLink));
 

package/src/lib/utils/functions/isEmailProviderEnabled/isEmailProviderEnabled.js

@@ -1,14 +1,8 @@
 import { ProviderEnum } from '@dynamic-labs/sdk-api';
 import { isProviderEnabled } from '../isProviderEnabled/isProviderEnabled.js';
 
-const isEmailProviderEnabled = (providers) => 
-// For v0.19 we will support emailOnly and Dynamic as email providers
-// For v0.20/v1 we need to remove emailOnly and leave Dynamic as the only one email provider
-// Ticket: https://linear.app/dynamic-labs/issue/GVTY-213/remove-emailonly-as-a-provider-from-sdk
-// (Blocto and Magic stay as they are)
-providers !== undefined &&
-    (isProviderEnabled(providers, ProviderEnum.EmailOnly) ||
-        isProviderEnabled(providers, ProviderEnum.Dynamic) ||
+const isEmailProviderEnabled = (providers) => providers !== undefined &&
+    (isProviderEnabled(providers, ProviderEnum.Dynamic) ||
         isProviderEnabled(providers, ProviderEnum.Blocto) ||
         isProviderEnabled(providers, ProviderEnum.MagicLink));
 

package/src/lib/utils/functions/storeAuthToken/index.cjs

@@ -17,8 +17,9 @@ var localStorage = require('../../../shared/utils/classes/storage/localStorage.c
 require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 
-const storeAuthToken = (jwt) => {
+const storeAuthToken = (jwt, minifiedJwt) => {
     localStorage.LocalStorage.setToLS(localStorage$1.AUTH_TOKEN, jwt, true);
+    localStorage.LocalStorage.setToLS(localStorage$1.AUTH_MIN_TOKEN, minifiedJwt, true);
 };
 
 exports.storeAuthToken = storeAuthToken;

package/src/lib/utils/functions/storeAuthToken/index.d.ts

@@ -1 +1 @@
-export declare const storeAuthToken: (jwt: string) => void;
+export declare const storeAuthToken: (jwt: string, minifiedJwt: string) => void;

package/src/lib/utils/functions/storeAuthToken/index.js

@@ -6,15 +6,16 @@ import 'react/jsx-runtime';
 import '../../../context/ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import { AUTH_TOKEN } from '../../constants/localStorage.js';
+import { AUTH_TOKEN, AUTH_MIN_TOKEN } from '../../constants/localStorage.js';
 import '../../constants/colors.js';
 import '../../constants/values.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 
-const storeAuthToken = (jwt) => {
+const storeAuthToken = (jwt, minifiedJwt) => {
     LocalStorage.setToLS(AUTH_TOKEN, jwt, true);
+    LocalStorage.setToLS(AUTH_MIN_TOKEN, minifiedJwt, true);
 };
 
 export { storeAuthToken };

package/src/lib/utils/functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.cjs

@@ -7,12 +7,12 @@ var decodeJwt = require('../../../shared/utils/functions/decodeJwt/decodeJwt.cjs
 var createUserProfile = require('../createUserProfile/createUserProfile.cjs');
 var index = require('../storeAuthToken/index.cjs');
 
-const updateJWTAndCreateUserProfile = (jwt) => {
+const updateJWTAndCreateUserProfile = (jwt, minJwt) => {
     const decodedJWT = decodeJwt.decodeJwt(jwt);
-    if (!jwt || !decodedJWT) {
+    if (!jwt || !decodedJWT || !minJwt) {
         throw new utils.DynamicError('Invalid session');
     }
-    index.storeAuthToken(jwt);
+    index.storeAuthToken(jwt, minJwt);
     return createUserProfile.createUserProfile(decodedJWT);
 };
 

package/src/lib/utils/functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.d.ts

@@ -1 +1 @@
-export declare const updateJWTAndCreateUserProfile: (jwt: string | undefined) => import("../../../shared").UserProfile;
+export declare const updateJWTAndCreateUserProfile: (jwt: string | undefined, minJwt: string | undefined) => import("../../../shared").UserProfile;

package/src/lib/utils/functions/updateJWTAndCreateUserProfile/updateJWTAndCreateUserProfile.js

@@ -3,12 +3,12 @@ import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.j
 import { createUserProfile } from '../createUserProfile/createUserProfile.js';
 import { storeAuthToken } from '../storeAuthToken/index.js';
 
-const updateJWTAndCreateUserProfile = (jwt) => {
+const updateJWTAndCreateUserProfile = (jwt, minJwt) => {
     const decodedJWT = decodeJwt(jwt);
-    if (!jwt || !decodedJWT) {
+    if (!jwt || !decodedJWT || !minJwt) {
         throw new DynamicError('Invalid session');
     }
-    storeAuthToken(jwt);
+    storeAuthToken(jwt, minJwt);
     return createUserProfile(decodedJWT);
 };
 

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs

@@ -128,12 +128,21 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
 };
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
+    const cleanName = (name) => name
+        .trim()
+        .toLowerCase()
+        .replace('wallet', '')
+        .replace('evm', '')
+        .replace('starknet', '')
+        .replace('solana', '')
+        .replace('flow', '')
+        .replace('bitcoin', '');
     return walletOptionList.filter((walletOption) => {
         var _a;
-        return walletOption.name.trim().toLowerCase().includes(searchFilter) ||
+        return cleanName(walletOption.name).includes(searchFilter) ||
             (
             // Validate nested wallets
-            (_a = walletOption.groupedWallets) === null || _a === void 0 ? void 0 : _a.some((nestedWalletOption) => nestedWalletOption.name.trim().toLowerCase().includes(searchFilter)));
+            (_a = walletOption.groupedWallets) === null || _a === void 0 ? void 0 : _a.some((nestedWalletOption) => cleanName(nestedWalletOption.name).includes(searchFilter)));
     });
 };
 const listToDisplay = (finalizedList, searchFilter, isWalletConnectList, numberOfWalletsToShow, hasWalletFilter, loginWithEmail) => {

package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js

@@ -124,12 +124,21 @@ const orderAndFilterList = (walletList, walletsFilter, isWalletConnectList, reco
 };
 const applySearchFilterToWalletOptionList = (rawSearchFilter, walletOptionList) => {
     const searchFilter = rawSearchFilter.trim().toLowerCase();
+    const cleanName = (name) => name
+        .trim()
+        .toLowerCase()
+        .replace('wallet', '')
+        .replace('evm', '')
+        .replace('starknet', '')
+        .replace('solana', '')
+        .replace('flow', '')
+        .replace('bitcoin', '');
     return walletOptionList.filter((walletOption) => {
         var _a;
-        return walletOption.name.trim().toLowerCase().includes(searchFilter) ||
+        return cleanName(walletOption.name).includes(searchFilter) ||
             (
             // Validate nested wallets
-            (_a = walletOption.groupedWallets) === null || _a === void 0 ? void 0 : _a.some((nestedWalletOption) => nestedWalletOption.name.trim().toLowerCase().includes(searchFilter)));
+            (_a = walletOption.groupedWallets) === null || _a === void 0 ? void 0 : _a.some((nestedWalletOption) => cleanName(nestedWalletOption.name).includes(searchFilter)));
     });
 };
 const listToDisplay = (finalizedList, searchFilter, isWalletConnectList, numberOfWalletsToShow, hasWalletFilter, loginWithEmail) => {

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var getWalletProvider = require('../../../functions/getWalletProvider/getWalletProvider.cjs');
 
-const specialCareWallets = ['slope', 'myalgo', 'bloctoevm', 'perawallet'];
+const specialCareWallets = ['myalgo', 'bloctoevm', 'perawallet'];
 const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect
@@ -15,7 +15,7 @@ const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(vo
     }
     specialCareWallets.forEach((wallet) => {
         if (walletConnector.key === wallet) {
-            // Slope and some other wallets works different as Justin mentioned in this commit:
+            // myalgo and some other wallets works different as Justin mentioned in this commit:
             // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
             // It needs to show the connect view before getting connected accounts
             setView('pending-connect');

package/src/lib/utils/hooks/authenticationHooks/helpers/showPendingConnectView.js

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { getWalletProvider } from '../../../functions/getWalletProvider/getWalletProvider.js';
 
-const specialCareWallets = ['slope', 'myalgo', 'bloctoevm', 'perawallet'];
+const specialCareWallets = ['myalgo', 'bloctoevm', 'perawallet'];
 const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect
@@ -11,7 +11,7 @@ const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, v
     }
     specialCareWallets.forEach((wallet) => {
         if (walletConnector.key === wallet) {
-            // Slope and some other wallets works different as Justin mentioned in this commit:
+            // myalgo and some other wallets works different as Justin mentioned in this commit:
             // https://github.com/dynamic-labs/DynamicAuth/commit/57233d3620611bc91439f3d4587b8516f8d16f99
             // It needs to show the connect view before getting connected accounts
             setView('pending-connect');

package/src/lib/utils/hooks/authenticationHooks/index.d.ts

@@ -1,4 +1,4 @@
 export { useConnectAndSign } from './useConnectAndSign';
 export { useSignConnectOnlyUser } from './useSignConnectOnlyUser';
 export { useConnectAndSignSplitSteps } from './useConnectAndSignSplitSteps';
-export { type VerifyEmailCallback, useOtpVerificationRequest, } from './useOtpVerificationRequest';
+export { type VerifyOtp, useOtpVerificationRequest, } from './useOtpVerificationRequest';

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs

@@ -58,7 +58,6 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -72,7 +71,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js

@@ -54,7 +54,6 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -68,7 +67,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../locale/locale.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs

@@ -56,7 +56,6 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -70,7 +69,7 @@ require('i18next');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');

package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js

@@ -52,7 +52,6 @@ import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransitio
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
-import '../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
@@ -66,7 +65,7 @@ import 'i18next';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../locale/locale.js';
+import '../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.cjs

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+var utils = require('@dynamic-labs/utils');
 require('../../../../events/dynamicEvents.cjs');
-require('@dynamic-labs/utils');
 require('../../../../context/DynamicContext/DynamicContext.cjs');
 var decodeJwt = require('../../../../shared/utils/functions/decodeJwt/decodeJwt.cjs');
 require('@dynamic-labs/iconic');
@@ -40,7 +40,7 @@ require('yup');
 require('react-i18next');
 require('../../../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
-require('../../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+var useUpdateUser = require('../../useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -56,7 +56,6 @@ require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransiti
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../components/OverlayCard/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
-require('../../../../components/PhoneNumberField/usePhoneInputLogic/usePhoneInputLogic.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
@@ -70,7 +69,7 @@ require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../locale/locale.cjs');
+require('../../../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -78,38 +77,43 @@ require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 
-// Hook exposed to the public as a scoped function in useUserUpdateRequest result
-const useOtpVerificationRequest = () => {
+/**
+ * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.
+ * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
+ */
+const useOtpVerificationRequestRaw = () => {
     const { onboardingOnlyJwt, authToken, environmentId } = useInternalDynamicContext.useInternalDynamicContext();
     const jwtToken = onboardingOnlyJwt || authToken;
     const { updateUserProfileByJWT } = useUpdateUserProfileByJWTCallback.useUpdateUserProfileByJWTCallback();
     const { verificationUUID: contextVerificationUUID } = VerificationContext.useVerification();
-    const verifyOtp = React.useCallback((verificationToken, destination, verificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const verifyOtp = React.useCallback((handleVerificationRequired, verificationToken, destination, localVerificationUUID) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a;
         if (!jwtToken)
-            throw new Error('No JWT token provided');
+            throw new utils.DynamicError('No JWT token available');
         // VerificationUUID is saved in the context in case the view changes
         // after a profile update (changing the view from edit profile to verify email)
-        if (!verificationUUID && !contextVerificationUUID)
-            throw new Error('No verification UUID provided');
+        if (!localVerificationUUID && !contextVerificationUUID)
+            throw new utils.DynamicError('No verification UUID is available');
+        const verificationUUID = (localVerificationUUID !== null && localVerificationUUID !== void 0 ? localVerificationUUID : contextVerificationUUID);
         const verify = destination === 'email' ? api.verifyEmail : api.verifySms;
         const updateSelfResponse = yield verify({
             environmentId,
             verificationToken,
-            verificationUUID: String(verificationUUID !== null && verificationUUID !== void 0 ? verificationUUID : contextVerificationUUID),
+            verificationUUID,
         }, jwtToken);
         // check if decoded JWT still somehow has missing fields, we can't proceed if it does
         const decodedJwt = decodeJwt.decodeJwt(updateSelfResponse.jwt);
         const missingFields = (_a = decodedJwt === null || decodedJwt === void 0 ? void 0 : decodedJwt.missingFields) !== null && _a !== void 0 ? _a : [];
         const requiredVerificationDestination = useHandleVerificationRequired.isVerificationRequired(updateSelfResponse);
-        if (requiredVerificationDestination && handleVerificationRequired.current)
-            return handleVerificationRequired.current({
+        if (requiredVerificationDestination)
+            return handleVerificationRequired({
                 destination: requiredVerificationDestination,
+                jwtOverride: updateSelfResponse.jwt,
                 missingFields,
                 updateUserProfileResponse: updateSelfResponse,
             });
         // If verification is not needed then we can update the user profile immediately.
-        yield updateUserProfileByJWT(updateSelfResponse.jwt);
+        yield updateUserProfileByJWT(updateSelfResponse.jwt, updateSelfResponse.minifiedJwt);
         return {
             isEmailVerificationRequired: false,
             isSmsVerificationRequired: false,
@@ -117,10 +121,21 @@ const useOtpVerificationRequest = () => {
             updateUserProfileResponse: updateSelfResponse,
         };
     }), [contextVerificationUUID, environmentId, jwtToken, updateUserProfileByJWT]);
-    // This is necessary to avoid a circular declaration issue
-    const handleVerificationRequired = React.useRef(undefined);
-    handleVerificationRequired.current = useHandleVerificationRequired.useHandleVerificationRequired(verifyOtp);
     return { verifyOtp };
 };
+/**
+ * Hook to make verifications and already handle nuances like handling additional verifications
+ * and setting the user jwt on success
+ */
+// ATTENTION: THIS IS EXPOSED TO THE PUBLIC!
+const useOtpVerificationRequest = () => {
+    const updateUser = useUpdateUser.useUpdateUser(true);
+    const handleVerificationRequired = useHandleVerificationRequired.useHandleVerificationRequired(updateUser);
+    const { verifyOtp } = useOtpVerificationRequestRaw();
+    return React.useMemo(() => ({
+        verifyOtp: (token, destination, verificationUUID) => verifyOtp(handleVerificationRequired, token, destination, verificationUUID),
+    }), [handleVerificationRequired, verifyOtp]);
+};
 
 exports.useOtpVerificationRequest = useOtpVerificationRequest;
+exports.useOtpVerificationRequestRaw = useOtpVerificationRequestRaw;

package/src/lib/utils/hooks/authenticationHooks/useOtpVerificationRequest/useOtpVerificationRequest.d.ts

@@ -1,7 +1,16 @@
-import { UpdateSelfResponse } from '@dynamic-labs/sdk-api';
-import { UpdateUserReturnPayload } from '../..';
-export type VerifyEmailCallback = (verificationToken: string) => Promise<UpdateSelfResponse>;
+import { HandleVerification, UpdateUserReturnPayload } from '../..';
 export type VerifyOtp = (verificationToken: string, destination: 'email' | 'sms', verificationUUID?: string) => Promise<UpdateUserReturnPayload>;
+/**
+ * Same as useOtpVerificationRequest, but requires you to pass it a handleVerificationRequired method as param.
+ * This is to avoid a circular logic issue, as handleVerificationRequired needs to use the logic in this file as well.
+ */
+export declare const useOtpVerificationRequestRaw: () => {
+    verifyOtp: (handleVerificationRequired: HandleVerification, verificationToken: string, destination: 'email' | 'sms', localVerificationUUID?: string) => Promise<UpdateUserReturnPayload>;
+};
+/**
+ * Hook to make verifications and already handle nuances like handling additional verifications
+ * and setting the user jwt on success
+ */
 export declare const useOtpVerificationRequest: () => {
     verifyOtp: VerifyOtp;
 };