@dynamic-labs/sdk-react-core 2.2.0-alpha.2 → 2.2.0-alpha.4

package/CHANGELOG.md

@@ -1,4 +1,24 @@
 
+## [2.2.0-alpha.4](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.0-alpha.3...v2.2.0-alpha.4) (2024-06-06)
+
+
+### Bug Fixes
+
+* btc getBalance should use ordinal address if payment not available ([#5882](https://github.com/dynamic-labs/DynamicAuth/issues/5882)) ([803a055](https://github.com/dynamic-labs/DynamicAuth/commit/803a05518ae9d2353d50f51b29047dff01136710))
+* connect prompt when switching to xverse ([#5888](https://github.com/dynamic-labs/DynamicAuth/issues/5888)) ([181a7c4](https://github.com/dynamic-labs/DynamicAuth/commit/181a7c4af8217dab7ed2776d56ec2e3725a0ee6a))
+
+## [2.2.0-alpha.3](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.0-alpha.2...v2.2.0-alpha.3) (2024-06-05)
+
+
+### Features
+
+* farcaster linking ([#5869](https://github.com/dynamic-labs/DynamicAuth/issues/5869)) ([191d1d2](https://github.com/dynamic-labs/DynamicAuth/commit/191d1d29e436e7d453d533c9c330ac5cef2e2a1c))
+
+
+### Bug Fixes
+
+* phone number in kyc step ([#5875](https://github.com/dynamic-labs/DynamicAuth/issues/5875)) ([d73f3b1](https://github.com/dynamic-labs/DynamicAuth/commit/d73f3b158e794727e7bed5d558a43d937951ce56))
+
 ## [2.2.0-alpha.2](https://github.com/dynamic-labs/DynamicAuth/compare/v2.2.0-alpha.1...v2.2.0-alpha.2) (2024-06-05)
 
 

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "2.2.0-alpha.2";
+var version = "2.2.0-alpha.4";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.453",
+	"@dynamic-labs/sdk-api-core": "0.0.460",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.js

@@ -1,7 +1,7 @@
 'use client'
-var version = "2.2.0-alpha.2";
+var version = "2.2.0-alpha.4";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.453",
+	"@dynamic-labs/sdk-api-core": "0.0.460",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	formik: "2.2.9",

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "2.2.0-alpha.2",
+  "version": "2.2.0-alpha.4",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
     "directory": "packages/sdk-react-core"
   },
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.0.453",
+    "@dynamic-labs/sdk-api-core": "0.0.460",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,18 +17,18 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "2.2.0-alpha.2",
-    "@dynamic-labs/logger": "2.2.0-alpha.2",
-    "@dynamic-labs/multi-wallet": "2.2.0-alpha.2",
-    "@dynamic-labs/rpc-provider-ethereum": "2.2.0-alpha.2",
-    "@dynamic-labs/rpc-provider-solana": "2.2.0-alpha.2",
-    "@dynamic-labs/rpc-providers": "2.2.0-alpha.2",
-    "@dynamic-labs/store": "2.2.0-alpha.2",
-    "@dynamic-labs/types": "2.2.0-alpha.2",
-    "@dynamic-labs/utils": "2.2.0-alpha.2",
-    "@dynamic-labs/viem-utils": "2.2.0-alpha.2",
-    "@dynamic-labs/wallet-book": "2.2.0-alpha.2",
-    "@dynamic-labs/wallet-connector-core": "2.2.0-alpha.2",
+    "@dynamic-labs/iconic": "2.2.0-alpha.4",
+    "@dynamic-labs/logger": "2.2.0-alpha.4",
+    "@dynamic-labs/multi-wallet": "2.2.0-alpha.4",
+    "@dynamic-labs/rpc-provider-ethereum": "2.2.0-alpha.4",
+    "@dynamic-labs/rpc-provider-solana": "2.2.0-alpha.4",
+    "@dynamic-labs/rpc-providers": "2.2.0-alpha.4",
+    "@dynamic-labs/store": "2.2.0-alpha.4",
+    "@dynamic-labs/types": "2.2.0-alpha.4",
+    "@dynamic-labs/utils": "2.2.0-alpha.4",
+    "@dynamic-labs/viem-utils": "2.2.0-alpha.4",
+    "@dynamic-labs/wallet-book": "2.2.0-alpha.4",
+    "@dynamic-labs/wallet-connector-core": "2.2.0-alpha.4",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -15,7 +15,7 @@ require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var localStorage$1 = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../utils/constants/colors.cjs');
-require('../../../../utils/constants/values.cjs');
+var values = require('../../../../utils/constants/values.cjs');
 var localStorage = require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('../../../../shared/consts/index.cjs');
 require('../../../../config/ApiEndpoint.cjs');
@@ -97,6 +97,9 @@ const useHandleLogout = (params) => {
         p.setShowBridgeWidget(false);
         p.resetLoginWithEmail();
         if (p.user) {
+            // this deletes the auth cookie, if it exists
+            // if the cookie doesn't exist, this sets a new cookie which would expire immediately
+            document.cookie = `${values.DYNAMIC_AUTH_COOKIE_NAME}=; Max-Age=-99999999; path=/; SameSite=Lax`;
             // do not await this async call - just fire and forget
             session.revokeSession({
                 environmentId: p.environmentId,

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

@@ -11,7 +11,7 @@ import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE } from '../../../../utils/constants/localStorage.js';
 import '../../../../utils/constants/colors.js';
-import '../../../../utils/constants/values.js';
+import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
 import { LocalStorage } from '../../../../shared/utils/classes/storage/localStorage.js';
 import '../../../../shared/consts/index.js';
 import '../../../../config/ApiEndpoint.js';
@@ -93,6 +93,9 @@ const useHandleLogout = (params) => {
         p.setShowBridgeWidget(false);
         p.resetLoginWithEmail();
         if (p.user) {
+            // this deletes the auth cookie, if it exists
+            // if the cookie doesn't exist, this sets a new cookie which would expire immediately
+            document.cookie = `${DYNAMIC_AUTH_COOKIE_NAME}=; Max-Age=-99999999; path=/; SameSite=Lax`;
             // do not await this async call - just fire and forget
             revokeSession({
                 environmentId: p.environmentId,

package/src/lib/data/api/oauth/oauth.cjs

@@ -134,8 +134,22 @@ const farcasterSignIn = (environmentId, farcasterSignInRequest) => _tslib.__awai
         return undefined;
     }
 });
+const farcasterVerify = (farcasterVerifyRequest) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield api.sdkApi().farcasterVerify(farcasterVerifyRequest);
+        const user = storeAuthTokenAndUser.storeAuthTokenAndUser(response);
+        return user;
+    }
+    catch (e) {
+        if (e.status === 422) {
+            throw new utils.SocialAccountAlreadyExistsError();
+        }
+        return undefined;
+    }
+});
 
 exports.farcasterSignIn = farcasterSignIn;
+exports.farcasterVerify = farcasterVerify;
 exports.getOAuthResult = getOAuthResult;
 exports.signInOAuth = signInOAuth;
 exports.unlinkOAuth = unlinkOAuth;

package/src/lib/data/api/oauth/oauth.d.ts

@@ -1,4 +1,4 @@
-import { FarcasterSignInRequest, OauthRequest, OauthResultRequest, OauthResultResponse, ProviderEnum } from '@dynamic-labs/sdk-api-core';
+import { FarcasterSignInRequest, OauthRequest, OauthResultRequest, OauthResultResponse, ProviderEnum, FarcasterVerifyRequest } from '@dynamic-labs/sdk-api-core';
 import { UserProfile } from '../../../..';
 export declare const getOauthLoginUrl: (environmentId: string, providerType: ProviderEnum) => Promise<string | undefined>;
 export declare const verifyOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state }: OauthRequest) => Promise<UserProfile | undefined>;
@@ -10,3 +10,4 @@ export declare const unlinkOAuth: ({ environmentId, primaryWalletId, verifiedCre
 export declare const signInOAuth: (environmentId: string, providerType: ProviderEnum, { code, codeVerifier, state, captchaToken }: OauthRequest) => Promise<UserProfile | undefined>;
 export declare const getOAuthResult: (environmentId: string, providerType: ProviderEnum, { state }: OauthResultRequest) => Promise<OauthResultResponse | undefined>;
 export declare const farcasterSignIn: (environmentId: string, farcasterSignInRequest: FarcasterSignInRequest) => Promise<UserProfile | undefined>;
+export declare const farcasterVerify: (farcasterVerifyRequest: FarcasterVerifyRequest) => Promise<UserProfile | undefined>;

package/src/lib/data/api/oauth/oauth.js

@@ -1,6 +1,6 @@
 'use client'
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { GateBlockedError, NoAccessError, AccountExistsError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
+import { SocialAccountAlreadyExistsError, GateBlockedError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
 import { logger } from '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -130,5 +130,18 @@ const farcasterSignIn = (environmentId, farcasterSignInRequest) => __awaiter(voi
         return undefined;
     }
 });
+const farcasterVerify = (farcasterVerifyRequest) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const response = yield sdkApi().farcasterVerify(farcasterVerifyRequest);
+        const user = storeAuthTokenAndUser(response);
+        return user;
+    }
+    catch (e) {
+        if (e.status === 422) {
+            throw new SocialAccountAlreadyExistsError();
+        }
+        return undefined;
+    }
+});
 
-export { farcasterSignIn, getOAuthResult, signInOAuth, unlinkOAuth, verifyOAuth };
+export { farcasterSignIn, farcasterVerify, getOAuthResult, signInOAuth, unlinkOAuth, verifyOAuth };

package/src/lib/store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs

@@ -6,7 +6,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('@dynamic-labs/wallet-connector-core');
 var createUserProfile = require('../../../utils/functions/createUserProfile/createUserProfile.cjs');
 require('@dynamic-labs/sdk-api-core');
-require('../../../utils/constants/values.cjs');
+var values = require('../../../utils/constants/values.cjs');
 require('@dynamic-labs/utils');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
@@ -26,6 +26,7 @@ require('viem/chains');
 require('../../../config/ApiEndpoint.cjs');
 var userActions = require('../../actions/userActions/userActions.cjs');
 require('../../../locale/locale.cjs');
+var isCookieEnabled = require('../../../utils/functions/isCookieEnabled/isCookieEnabled.cjs');
 var storeExpiresAt = require('../../../utils/functions/storeExpiresAt/storeExpiresAt.cjs');
 
 const storeAuthTokenAndUser = ({ user, jwt, minifiedJwt, expiresAt, }) => {
@@ -33,6 +34,12 @@ const storeAuthTokenAndUser = ({ user, jwt, minifiedJwt, expiresAt, }) => {
     storeExpiresAt.storeExpiresAt(expiresAt);
     if (jwt && minifiedJwt) {
         index.storeAuthToken(jwt, minifiedJwt);
+        if (isCookieEnabled.isCookieEnabled()) {
+            // if cookie is enabled, but the backend returns a JWT, then use JS to store the cookie
+            const expireDate = new Date(expiresAt * 1000).toUTCString();
+            const authCookie = `${values.DYNAMIC_AUTH_COOKIE_NAME}=${minifiedJwt}; expires=${expireDate}; path=/; SameSite=Lax`;
+            document.cookie = authCookie;
+        }
     }
     const userProfile = createUserProfile.createUserProfileFromSdkUser(user);
     userActions.setUser(userProfile);

package/src/lib/store/utils/storeAuthTokenAndUser/storeAuthTokenAndUser.js

@@ -2,7 +2,7 @@
 import '@dynamic-labs/wallet-connector-core';
 import { createUserProfileFromSdkUser } from '../../../utils/functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/sdk-api-core';
-import '../../../utils/constants/values.js';
+import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../utils/constants/values.js';
 import '@dynamic-labs/utils';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
@@ -22,6 +22,7 @@ import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import { setUser } from '../../actions/userActions/userActions.js';
 import '../../../locale/locale.js';
+import { isCookieEnabled } from '../../../utils/functions/isCookieEnabled/isCookieEnabled.js';
 import { storeExpiresAt } from '../../../utils/functions/storeExpiresAt/storeExpiresAt.js';
 
 const storeAuthTokenAndUser = ({ user, jwt, minifiedJwt, expiresAt, }) => {
@@ -29,6 +30,12 @@ const storeAuthTokenAndUser = ({ user, jwt, minifiedJwt, expiresAt, }) => {
     storeExpiresAt(expiresAt);
     if (jwt && minifiedJwt) {
         storeAuthToken(jwt, minifiedJwt);
+        if (isCookieEnabled()) {
+            // if cookie is enabled, but the backend returns a JWT, then use JS to store the cookie
+            const expireDate = new Date(expiresAt * 1000).toUTCString();
+            const authCookie = `${DYNAMIC_AUTH_COOKIE_NAME}=${minifiedJwt}; expires=${expireDate}; path=/; SameSite=Lax`;
+            document.cookie = authCookie;
+        }
     }
     const userProfile = createUserProfileFromSdkUser(user);
     setUser(userProfile);

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

@@ -2,5 +2,5 @@ export { AUTH_TOKEN, AUTH_MIN_TOKEN, STORE_STORAGE_KEY, LAST_USED_WALLET, NETWOR
 export { BASE_LIGHT_1, BASE_LIGHT_2, BASE_LIGHT_3, BASE_LIGHT_4, BASE_LIGHT_5, BASE_DARK_5, TEXT_LIGHT_PRIMARY, TEXT_LIGHT_SECONDARY, TEXT_LIGHT_TERTIARY, TEXT_LIGHT_LINK, CONNECTION_LIGHT_GREEN, CONNECTION_LIGHT_ORANGE, ERROR_LIGHT_1, ERROR_LIGHT_2, OVERLAY_LIGHT, HOVER_LIGHT, LOADING_ANIMATION_GRADIENT_LIGHT, BASE_DARK_1, BASE_DARK_2, BASE_DARK_3, BASE_DARK_4, DYNAMIC_CONNECT_BUTTON_BACKGROUND, DYNAMIC_CONNECT_BUTTON_BORDER, DYNAMIC_CONNECT_BUTTON_COLOR, TEXT_DARK_PRIMARY, TEXT_DARK_SECONDARY, TEXT_DARK_TERTIARY, TEXT_DARK_LINK, BRAND_HOVER, BRAND_PRIMARY, BRAND_SECONDARY, CONNECTION_DARK_GREEN, CONNECTION_DARK_ORANGE, ERROR_DARK_1, ERROR_DARK_2, OVERLAY_DARK, HOVER_DARK, LOADING_ANIMATION_GRADIENT_DARK, SHADOW_DOWN_1, SHADOW_DOWN_2, SHADOW_DOWN_3, SHADOW_UP_1, BRAND_HOVER_COLOR, BRAND_PRIMARY_COLOR, BRAND_SECONDARY_COLOR, } from './colors';
 export { BORDER_SQUARE, BORDER_ROUNDED, BORDER_RADIUS } from './theme';
 export { TITLE, BODY_NORMAL, BODY_SMALL, BODY_MINI, BUTTON_PRIMARY, BUTTON_SECONDARY, NUMBERS_BIG, NUMBERS_MEDIUM, } from './typography';
-export { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from './values';
+export { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, DYNAMIC_AUTH_COOKIE_NAME, } from './values';
 export * from './fields';

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

@@ -28,7 +28,9 @@ const VerifiedCredentialNameToChainEnum = {
     solana: sdkApiCore.ChainEnum.Sol,
     starknet: sdkApiCore.ChainEnum.Stark,
 };
+const DYNAMIC_AUTH_COOKIE_NAME = 'DYNAMIC_JWT_TOKEN';
 
 exports.ChainEnumToVerifiedCredentialName = ChainEnumToVerifiedCredentialName;
 exports.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW;
+exports.DYNAMIC_AUTH_COOKIE_NAME = DYNAMIC_AUTH_COOKIE_NAME;
 exports.VerifiedCredentialNameToChainEnum = VerifiedCredentialNameToChainEnum;

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

@@ -7,3 +7,4 @@ export declare const VerifiedCredentialNameToChainEnum: {
     [key: string]: ChainEnum;
 };
 export declare const LAMPORTS_PER_SOL = 1000000000;
+export declare const DYNAMIC_AUTH_COOKIE_NAME = "DYNAMIC_JWT_TOKEN";

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

@@ -24,5 +24,6 @@ const VerifiedCredentialNameToChainEnum = {
     solana: ChainEnum.Sol,
     starknet: ChainEnum.Stark,
 };
+const DYNAMIC_AUTH_COOKIE_NAME = 'DYNAMIC_JWT_TOKEN';
 
-export { ChainEnumToVerifiedCredentialName, DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, VerifiedCredentialNameToChainEnum };
+export { ChainEnumToVerifiedCredentialName, DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, DYNAMIC_AUTH_COOKIE_NAME, VerifiedCredentialNameToChainEnum };

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.cjs

@@ -419,7 +419,19 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             yield signInAccount(sdkApiCore.ProviderEnum.Farcaster, apiCall);
         }
         else {
-            handleError(sdkApiCore.ProviderEnum.Farcaster, types.SocialOAuthErrorCode.GENERAL_ERROR, 'Linking with Farcaster is not supported at the moment.', { raiseAuthFailure: true });
+            const apiCall = () => oauth.farcasterVerify({
+                environmentId,
+                farcasterSignInRequest: {
+                    address,
+                    captchaToken,
+                    domain,
+                    message,
+                    nonce,
+                    signature,
+                },
+            });
+            yield linkAccount(sdkApiCore.ProviderEnum.Farcaster, apiCall);
+            setShowAuthFlow(false, { clearErrors: false });
         }
         setIsProcessing(false);
     });

package/src/lib/utils/hooks/useSocialAuth/useSocialAuth.js

@@ -30,7 +30,7 @@ import 'viem';
 import 'viem/chains';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
-import { getOAuthResult, signInOAuth, farcasterSignIn, verifyOAuth } from '../../../data/api/oauth/oauth.js';
+import { getOAuthResult, signInOAuth, verifyOAuth, farcasterSignIn, farcasterVerify } from '../../../data/api/oauth/oauth.js';
 import '../../../locale/locale.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
@@ -415,7 +415,19 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             yield signInAccount(ProviderEnum.Farcaster, apiCall);
         }
         else {
-            handleError(ProviderEnum.Farcaster, SocialOAuthErrorCode.GENERAL_ERROR, 'Linking with Farcaster is not supported at the moment.', { raiseAuthFailure: true });
+            const apiCall = () => farcasterVerify({
+                environmentId,
+                farcasterSignInRequest: {
+                    address,
+                    captchaToken,
+                    domain,
+                    message,
+                    nonce,
+                    signature,
+                },
+            });
+            yield linkAccount(ProviderEnum.Farcaster, apiCall);
+            setShowAuthFlow(false, { clearErrors: false });
         }
         setIsProcessing(false);
     });

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.cjs

@@ -33,6 +33,7 @@ require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/store');
 require('../../../../locale/locale.cjs');
 var getSupportedCountriesForVerificationFromProjectSettings = require('../../../../utils/functions/getSupportedCountriesForVerificationFromProjectSettings/getSupportedCountriesForVerificationFromProjectSettings.cjs');
+var getDefaultCountriesIfEmpty = require('../../../../utils/functions/getDefaultCountriesIfEmpty/getDefaultCountriesIfEmpty.cjs');
 require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
@@ -92,9 +93,10 @@ const UserPhoneField = ({ onChange, value: phone, onBlur, disabled, label, requi
                 target: { name, value: newPhone },
             });
     };
-    const countries = React.useMemo(() => getCustomCountries.getCustomCountries(verify
-        ? getSupportedCountriesForVerificationFromProjectSettings.getSupportedCountriesForVerificationFromProjectSettings(projectSettings)
-        : undefined), [verify, projectSettings]);
+    const countries = React.useMemo(() => {
+        const enabledCountries = getSupportedCountriesForVerificationFromProjectSettings.getSupportedCountriesForVerificationFromProjectSettings(projectSettings);
+        return getCustomCountries.getCustomCountries(verify ? getDefaultCountriesIfEmpty.getDefaultCountriesIfEmpty(enabledCountries) : undefined);
+    }, [verify, projectSettings]);
     return (jsxRuntime.jsx(PhoneNumberField.PhoneNumberField, { countries: countries, initialPhone: phone, disabled: disabled, onUpdate: handleUpdate, onBlur: onBlur, label: label, appendRight: !disabled && !required ? (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', className: 'user-phone-field__optional-label', children: "Optional" })) : undefined, error: error }));
 };
 

package/src/lib/views/CollectUserDataView/UserDataFields/UserPhoneField/UserPhoneField.js

@@ -29,6 +29,7 @@ import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/store';
 import '../../../../locale/locale.js';
 import { getSupportedCountriesForVerificationFromProjectSettings } from '../../../../utils/functions/getSupportedCountriesForVerificationFromProjectSettings/getSupportedCountriesForVerificationFromProjectSettings.js';
+import { getDefaultCountriesIfEmpty } from '../../../../utils/functions/getDefaultCountriesIfEmpty/getDefaultCountriesIfEmpty.js';
 import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/UserWalletsContext/UserWalletsContext.js';
@@ -88,9 +89,10 @@ const UserPhoneField = ({ onChange, value: phone, onBlur, disabled, label, requi
                 target: { name, value: newPhone },
             });
     };
-    const countries = useMemo(() => getCustomCountries(verify
-        ? getSupportedCountriesForVerificationFromProjectSettings(projectSettings)
-        : undefined), [verify, projectSettings]);
+    const countries = useMemo(() => {
+        const enabledCountries = getSupportedCountriesForVerificationFromProjectSettings(projectSettings);
+        return getCustomCountries(verify ? getDefaultCountriesIfEmpty(enabledCountries) : undefined);
+    }, [verify, projectSettings]);
     return (jsx(PhoneNumberField, { countries: countries, initialPhone: phone, disabled: disabled, onUpdate: handleUpdate, onBlur: onBlur, label: label, appendRight: !disabled && !required ? (jsx(Typography, { variant: 'body_small', color: 'secondary', className: 'user-phone-field__optional-label', children: "Optional" })) : undefined, error: error }));
 };