@dynamic-labs/sdk-react-core 3.0.0-alpha.24 → 3.0.0-alpha.26

package/CHANGELOG.md

@@ -1,4 +1,15 @@
 
+## [3.0.0-alpha.26](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.25...v3.0.0-alpha.26) (2024-07-24)
+
+## [3.0.0-alpha.25](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.24...v3.0.0-alpha.25) (2024-07-24)
+
+
+### Features
+
+* add ability to specify mobileExperience on a wallet by wallet ([#6195](https://github.com/dynamic-labs/DynamicAuth/issues/6195)) ([947fd0a](https://github.com/dynamic-labs/DynamicAuth/commit/947fd0ab864d1995a1ef35a51c77a585649fd43f))
+* global wallet new package ([#6385](https://github.com/dynamic-labs/DynamicAuth/issues/6385)) ([230a0f3](https://github.com/dynamic-labs/DynamicAuth/commit/230a0f380c2bc8c69619daed0c7f3280da8b8bb9))
+* solana send balance modal for injected ([#6405](https://github.com/dynamic-labs/DynamicAuth/issues/6405)) ([b8aa84b](https://github.com/dynamic-labs/DynamicAuth/commit/b8aa84b58eb71791405bf68b6c46c40bebb170f8))
+
 ## [3.0.0-alpha.24](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.23...v3.0.0-alpha.24) (2024-07-20)
 
 ## [3.0.0-alpha.23](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.22...v3.0.0-alpha.23) (2024-07-19)

package/package.cjs

@@ -3,9 +3,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.24";
+var version = "3.0.0-alpha.26";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.489",
+	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@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 = "3.0.0-alpha.24";
+var version = "3.0.0-alpha.26";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.0.489",
+	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@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": "3.0.0-alpha.24",
+  "version": "3.0.0-alpha.26",
   "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.489",
+    "@dynamic-labs/sdk-api-core": "0.0.497",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "formik": "2.2.9",
@@ -17,15 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.24",
-    "@dynamic-labs/logger": "3.0.0-alpha.24",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.24",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.24",
-    "@dynamic-labs/store": "3.0.0-alpha.24",
-    "@dynamic-labs/types": "3.0.0-alpha.24",
-    "@dynamic-labs/utils": "3.0.0-alpha.24",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.24",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.24",
+    "@dynamic-labs/iconic": "3.0.0-alpha.26",
+    "@dynamic-labs/logger": "3.0.0-alpha.26",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.26",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.26",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.26",
+    "@dynamic-labs/store": "3.0.0-alpha.26",
+    "@dynamic-labs/types": "3.0.0-alpha.26",
+    "@dynamic-labs/utils": "3.0.0-alpha.26",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.26",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.26",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/lib/config/ApiEndpoint.cjs

@@ -1,6 +1,8 @@
 'use client'
 'use strict';
 
+var sdkApiCore = require('@dynamic-labs/sdk-api-core');
+
 /* eslint-disable no-underscore-dangle */
 class ApiEndpoint {
 }
@@ -12,9 +14,24 @@ ApiEndpoint.getBaseUrl = () => {
 };
 ApiEndpoint.setBaseUrl = (baseUrlInput) => {
     if (!ApiEndpoint.__defined__) {
-        ApiEndpoint.__baseUrl__ = baseUrlInput;
+        if (!baseUrlInput) {
+            /**
+             * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
+             */
+            ApiEndpoint.__baseUrl__ = new sdkApiCore.Configuration().basePath;
+        }
+        else {
+            ApiEndpoint.__baseUrl__ = baseUrlInput;
+        }
         ApiEndpoint.__defined__ = true;
     }
+    else if (!baseUrlInput && ApiEndpoint.__defined__) {
+        /**
+         * If for some reason (usually in local development), the setBaseUrl is called multiple times with undefined
+         * And we already have it defined, let's just assume it's a no-op
+         */
+        return;
+    }
     else if (ApiEndpoint.__baseUrl__ !== baseUrlInput) {
         throw new Error(`ApiEndpoint baseUrl is already set to ${ApiEndpoint.__baseUrl__}, cannot change it to ${baseUrlInput}`);
     }

package/src/lib/config/ApiEndpoint.js

@@ -1,4 +1,6 @@
 'use client'
+import { Configuration } from '@dynamic-labs/sdk-api-core';
+
 /* eslint-disable no-underscore-dangle */
 class ApiEndpoint {
 }
@@ -10,9 +12,24 @@ ApiEndpoint.getBaseUrl = () => {
 };
 ApiEndpoint.setBaseUrl = (baseUrlInput) => {
     if (!ApiEndpoint.__defined__) {
-        ApiEndpoint.__baseUrl__ = baseUrlInput;
+        if (!baseUrlInput) {
+            /**
+             * If the baseUrl is not provided, use the default baseUrl from the sdk-api package
+             */
+            ApiEndpoint.__baseUrl__ = new Configuration().basePath;
+        }
+        else {
+            ApiEndpoint.__baseUrl__ = baseUrlInput;
+        }
         ApiEndpoint.__defined__ = true;
     }
+    else if (!baseUrlInput && ApiEndpoint.__defined__) {
+        /**
+         * If for some reason (usually in local development), the setBaseUrl is called multiple times with undefined
+         * And we already have it defined, let's just assume it's a no-op
+         */
+        return;
+    }
     else if (ApiEndpoint.__baseUrl__ !== baseUrlInput) {
         throw new Error(`ApiEndpoint baseUrl is already set to ${ApiEndpoint.__baseUrl__}, cannot change it to ${baseUrlInput}`);
     }

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.cjs

@@ -8,14 +8,17 @@ var React = require('react');
 
 const AccessDeniedContext = React.createContext(undefined);
 const AccessDeniedContextProvider = ({ children, }) => {
+    const [deniedOauthUsername, setDeniedOauthUsername] = React.useState('');
     const [deniedAddress, setDeniedAddress] = React.useState('');
     const [deniedOauthProvider, setDeniedOauthProvider] = React.useState(undefined);
     const value = React.useMemo(() => ({
         deniedAddress,
         deniedOauthProvider,
+        deniedOauthUsername,
         setDeniedAddress,
         setDeniedOauthProvider,
-    }), [deniedAddress, deniedOauthProvider]);
+        setDeniedOauthUsername,
+    }), [deniedAddress, deniedOauthProvider, deniedOauthUsername]);
     return (jsxRuntime.jsx(AccessDeniedContext.Provider, { value: value, children: children }));
 };
 const useAccessDeniedContext = () => {

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

@@ -3,8 +3,10 @@ import { ProviderEnum } from '@dynamic-labs/sdk-api-core';
 export type AccessDeniedContextType = {
     deniedAddress: string;
     setDeniedAddress(address: string): void;
+    setDeniedOauthUsername(username: string): void;
     setDeniedOauthProvider(deniedOauthProvider: ProviderEnum | undefined): void;
     deniedOauthProvider: ProviderEnum | undefined;
+    deniedOauthUsername: string;
 };
 export declare const AccessDeniedContext: import("react").Context<AccessDeniedContextType | undefined>;
 export declare const AccessDeniedContextProvider: ({ children, }: {

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.js

@@ -4,14 +4,17 @@ import { createContext, useContext, useState, useMemo } from 'react';
 
 const AccessDeniedContext = createContext(undefined);
 const AccessDeniedContextProvider = ({ children, }) => {
+    const [deniedOauthUsername, setDeniedOauthUsername] = useState('');
     const [deniedAddress, setDeniedAddress] = useState('');
     const [deniedOauthProvider, setDeniedOauthProvider] = useState(undefined);
     const value = useMemo(() => ({
         deniedAddress,
         deniedOauthProvider,
+        deniedOauthUsername,
         setDeniedAddress,
         setDeniedOauthProvider,
-    }), [deniedAddress, deniedOauthProvider]);
+        setDeniedOauthUsername,
+    }), [deniedAddress, deniedOauthProvider, deniedOauthUsername]);
     return (jsx(AccessDeniedContext.Provider, { value: value, children: children }));
 };
 const useAccessDeniedContext = () => {

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

@@ -145,7 +145,7 @@ const DynamicContext = React.createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings: settings$1, locale: locale$1, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings$1;
     localStorage.LocalStorage.setSuffix(settings$1.localStorageSuffix);
     /**
      * initialize global store

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

@@ -141,7 +141,7 @@ const DynamicContext = createContext(undefined);
 /** The context provider itself we only use internally */
 const InnerDynamicContextProvider = ({ children, theme, settings, locale, enableInstrumentation = false, }) => {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
-    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience = 'in-app-browser', notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
+    const { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, defaultPhoneInputIso2, apiBaseUrl, coinbaseWalletPreference, enableConnectOnlyFallback = false, deepLinkPreference: deepLinkPreferenceProp = 'native', bridgeChains, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displaySiweStatement = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, walletsFilter, logLevel = 'WARN', mobileExperience, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, socialProvidersFilter, showLockedWalletView = false, walletConnectPreferredChains, walletConnectorExtensions, recommendedWallets, hideEmbeddedWalletTransactionUIs, handlers, headless = false, } = settings;
     LocalStorage.setSuffix(settings.localStorageSuffix);
     /**
      * initialize global store

package/src/lib/context/DynamicContext/types/DynamicContextProps.d.ts

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { CountryIso2 } from 'react-international-phone';
 import { LogLevel } from '@dynamic-labs/logger';
-import { type CoinbaseWalletPreference, type SocialProviderFilter } from '@dynamic-labs/types';
+import { type MobileExperience, type CoinbaseWalletPreference, type SocialProviderFilter } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { LocaleResource } from '../../../locale';
 import { AccessDeniedCustomButton, AuthModeType, ChainToWalletMap, DynamicEventsCallbacks, RecommendedWallet, WalletOption } from '../../../shared';
@@ -63,7 +63,7 @@ export interface DynamicContextProps {
          * @default WARN
          */
         logLevel?: keyof typeof LogLevel;
-        mobileExperience?: 'in-app-browser' | 'redirect';
+        mobileExperience?: MobileExperience;
         networkValidationMode?: NetworkValidationMode;
         newToWeb3WalletChainMap?: ChainToWalletMap;
         notInTheListImageUrl?: string;

package/src/lib/context/DynamicContext/types/IDynamicContext.d.ts

@@ -2,7 +2,7 @@ import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { changeLanguage } from 'i18next';
 import { CountryIso2 } from 'react-international-phone';
 import { NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api-core';
-import { NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
+import { MobileExperience, NetworkConfigurationMap, SocialProviderFilter, UserProfile, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, GetAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, MultiWalletWidgetState, RecommendedWallet, Wallet, WalletOption, WalletWithAction } from '../../../shared';
@@ -88,6 +88,7 @@ export interface IDynamicContext {
     multiAsset: boolean;
     multiWallet: boolean;
     multiWalletWidgetState: MultiWalletWidgetState;
+    mobileExperience?: MobileExperience;
     networkValidationMode: NetworkValidationMode;
     network: number | string | undefined;
     networkConfigurations: NetworkConfigurationMap | undefined;

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.cjs

@@ -39,6 +39,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.c
 require('@dynamic-labs/types');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('yup');
 require('../MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
@@ -64,7 +65,6 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('formik');
 require('../../views/WalletList/WalletList.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/context/PhantomRedirectContext/useResponseHandlers.js

@@ -35,6 +35,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js
 import '@dynamic-labs/types';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../LoadingContext/LoadingContext.js';
+import '../AccessDeniedContext/AccessDeniedContext.js';
 import 'yup';
 import '../MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';
@@ -60,7 +61,6 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../AccessDeniedContext/AccessDeniedContext.js';
 import 'formik';
 import '../../views/WalletList/WalletList.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -39,6 +39,7 @@ require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.c
 require('@dynamic-labs/types');
 require('../AccountExistsContext/AccountExistsContext.cjs');
 require('../LoadingContext/LoadingContext.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('yup');
 require('../MockContext/MockContext.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
@@ -64,7 +65,6 @@ require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('formik');
 require('../../views/WalletList/WalletList.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -35,6 +35,7 @@ import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js
 import '@dynamic-labs/types';
 import '../AccountExistsContext/AccountExistsContext.js';
 import '../LoadingContext/LoadingContext.js';
+import '../AccessDeniedContext/AccessDeniedContext.js';
 import 'yup';
 import '../MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';
@@ -60,7 +61,6 @@ import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../AccessDeniedContext/AccessDeniedContext.js';
 import 'formik';
 import '../../views/WalletList/WalletList.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';

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

@@ -62,7 +62,7 @@ const unlinkOAuth = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({
     }
 });
 const signInOAuth = (environmentId_2, providerType_2, _c) => _tslib.__awaiter(void 0, [environmentId_2, providerType_2, _c], void 0, function* (environmentId, providerType, { code, codeVerifier, state, captchaToken }) {
-    var _d;
+    var _d, _e, _f;
     const oauthRequest = {
         captchaToken,
         code,
@@ -86,7 +86,9 @@ const signInOAuth = (environmentId_2, providerType_2, _c) => _tslib.__awaiter(vo
         }
         if (data.error.code === 'missing_from_list') {
             throw new utils.NoAccessError({
-                walletPublicKey: (_d = data === null || data === void 0 ? void 0 : data.payload) === null || _d === void 0 ? void 0 : _d.walletPublicKey,
+                socialProvider: (_d = data === null || data === void 0 ? void 0 : data.payload) === null || _d === void 0 ? void 0 : _d.socialProvider,
+                socialUsername: (_e = data === null || data === void 0 ? void 0 : data.payload) === null || _e === void 0 ? void 0 : _e.socialUsername,
+                walletPublicKey: (_f = data === null || data === void 0 ? void 0 : data.payload) === null || _f === void 0 ? void 0 : _f.walletPublicKey,
             });
         }
         if (data.code === 'email_associated_with_different_provider') {
@@ -95,7 +97,7 @@ const signInOAuth = (environmentId_2, providerType_2, _c) => _tslib.__awaiter(vo
         return undefined;
     }
 });
-const getOAuthResult = (environmentId_3, providerType_3, _e) => _tslib.__awaiter(void 0, [environmentId_3, providerType_3, _e], void 0, function* (environmentId, providerType, { state }) {
+const getOAuthResult = (environmentId_3, providerType_3, _g) => _tslib.__awaiter(void 0, [environmentId_3, providerType_3, _g], void 0, function* (environmentId, providerType, { state }) {
     const oauthResultRequest = {
         state,
     };
@@ -113,6 +115,7 @@ const getOAuthResult = (environmentId_3, providerType_3, _e) => _tslib.__awaiter
     }
 });
 const farcasterSignIn = (environmentId, farcasterSignInRequest) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _h, _j;
     try {
         const response = yield api.sdkApi().farcasterSignIn({
             environmentId,
@@ -129,6 +132,8 @@ const farcasterSignIn = (environmentId, farcasterSignInRequest) => _tslib.__awai
         }
         if (data.error.code === 'missing_from_list') {
             throw new utils.NoAccessError({
+                socialProvider: (_h = data === null || data === void 0 ? void 0 : data.payload) === null || _h === void 0 ? void 0 : _h.socialProvider,
+                socialUsername: (_j = data === null || data === void 0 ? void 0 : data.payload) === null || _j === void 0 ? void 0 : _j.socialUsername,
                 walletPublicKey: data.payload.walletPublicKey,
             });
         }

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

@@ -58,7 +58,7 @@ const unlinkOAuth = (_b) => __awaiter(void 0, [_b], void 0, function* ({ environ
     }
 });
 const signInOAuth = (environmentId_2, providerType_2, _c) => __awaiter(void 0, [environmentId_2, providerType_2, _c], void 0, function* (environmentId, providerType, { code, codeVerifier, state, captchaToken }) {
-    var _d;
+    var _d, _e, _f;
     const oauthRequest = {
         captchaToken,
         code,
@@ -82,7 +82,9 @@ const signInOAuth = (environmentId_2, providerType_2, _c) => __awaiter(void 0, [
         }
         if (data.error.code === 'missing_from_list') {
             throw new NoAccessError({
-                walletPublicKey: (_d = data === null || data === void 0 ? void 0 : data.payload) === null || _d === void 0 ? void 0 : _d.walletPublicKey,
+                socialProvider: (_d = data === null || data === void 0 ? void 0 : data.payload) === null || _d === void 0 ? void 0 : _d.socialProvider,
+                socialUsername: (_e = data === null || data === void 0 ? void 0 : data.payload) === null || _e === void 0 ? void 0 : _e.socialUsername,
+                walletPublicKey: (_f = data === null || data === void 0 ? void 0 : data.payload) === null || _f === void 0 ? void 0 : _f.walletPublicKey,
             });
         }
         if (data.code === 'email_associated_with_different_provider') {
@@ -91,7 +93,7 @@ const signInOAuth = (environmentId_2, providerType_2, _c) => __awaiter(void 0, [
         return undefined;
     }
 });
-const getOAuthResult = (environmentId_3, providerType_3, _e) => __awaiter(void 0, [environmentId_3, providerType_3, _e], void 0, function* (environmentId, providerType, { state }) {
+const getOAuthResult = (environmentId_3, providerType_3, _g) => __awaiter(void 0, [environmentId_3, providerType_3, _g], void 0, function* (environmentId, providerType, { state }) {
     const oauthResultRequest = {
         state,
     };
@@ -109,6 +111,7 @@ const getOAuthResult = (environmentId_3, providerType_3, _e) => __awaiter(void 0
     }
 });
 const farcasterSignIn = (environmentId, farcasterSignInRequest) => __awaiter(void 0, void 0, void 0, function* () {
+    var _h, _j;
     try {
         const response = yield sdkApi().farcasterSignIn({
             environmentId,
@@ -125,6 +128,8 @@ const farcasterSignIn = (environmentId, farcasterSignInRequest) => __awaiter(voi
         }
         if (data.error.code === 'missing_from_list') {
             throw new NoAccessError({
+                socialProvider: (_h = data === null || data === void 0 ? void 0 : data.payload) === null || _h === void 0 ? void 0 : _h.socialProvider,
+                socialUsername: (_j = data === null || data === void 0 ? void 0 : data.payload) === null || _j === void 0 ? void 0 : _j.socialUsername,
                 walletPublicKey: data.payload.walletPublicKey,
             });
         }

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

@@ -20,11 +20,15 @@ require('@dynamic-labs/utils');
 require('../../../shared/consts/index.cjs');
 var api = require('../api.cjs');
 var helpers = require('../../../context/DynamicContext/helpers/helpers.cjs');
+var version = require('../../../../version.cjs');
 
 const fetchProjectSettings = (environmentId) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield api.sdkApi().getEnvironmentSettings({
             environmentId,
+            sdkVersion: `WalletKit/${version.VERSION}`,
+        }, {
+            credentials: 'omit',
         });
         return res;
     }

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

@@ -16,11 +16,15 @@ import '@dynamic-labs/utils';
 import '../../../shared/consts/index.js';
 import { sdkApi } from '../api.js';
 import { isDynamicContextSessionSettingExpired, setDynamicContextSessionSettings, isWagmiSessionSettingExpired, setWagmiSessionSettings } from '../../../context/DynamicContext/helpers/helpers.js';
+import { VERSION } from '../../../../version.js';
 
 const fetchProjectSettings = (environmentId) => __awaiter(void 0, void 0, void 0, function* () {
     try {
         const res = yield sdkApi().getEnvironmentSettings({
             environmentId,
+            sdkVersion: `WalletKit/${VERSION}`,
+        }, {
+            credentials: 'omit',
         });
         return res;
     }

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

@@ -42,6 +42,7 @@ require('../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');
@@ -67,7 +68,6 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -38,6 +38,7 @@ import '../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
@@ -63,7 +64,6 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';

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

@@ -42,6 +42,7 @@ require('../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');
@@ -67,7 +68,6 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -38,6 +38,7 @@ import '../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
@@ -63,7 +64,6 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';

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

@@ -36,6 +36,7 @@ require('../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('../../../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('yup');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../views/CollectUserDataView/useFields.cjs');
@@ -61,7 +62,6 @@ require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
-require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('formik');
 require('../../../../views/WalletList/WalletList.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -32,6 +32,7 @@ import '../../useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 import '../../../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'yup';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../views/CollectUserDataView/useFields.js';
@@ -57,7 +58,6 @@ import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
-import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import 'formik';
 import '../../../../views/WalletList/WalletList.js';
 import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';

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

@@ -30,7 +30,7 @@ var storeAuthTokenAndUser = require('../../../store/utils/storeAuthTokenAndUser/
 var mfa = require('../../../data/api/mfa/mfa.cjs');
 require('../../../locale/locale.cjs');
 require('@dynamic-labs/store');
-require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var AccessDeniedContext = require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
@@ -95,6 +95,7 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useDyna
 const sleepToShowSuccessMessage = () => utils.sleep(1500);
 const useUserAuth = ({ authMethod, }) => {
     const { handleLogOut, setShowAuthFlow, setCallback, setMultiWalletWidgetState, environmentId, walletConnectorOptions, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setDeniedOauthUsername, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
     const { view, setView, goToInitialView } = ViewContext.useViewContext();
     const { setLoading } = LoadingContext.useLoadingContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
@@ -169,6 +170,7 @@ const useUserAuth = ({ authMethod, }) => {
         }
     });
     const handleAuthError = (error, { options = {}, onError, }) => {
+        var _a;
         if (error instanceof utils.MfaInvalidOtpError) {
             throw error;
         }
@@ -180,6 +182,8 @@ const useUserAuth = ({ authMethod, }) => {
             error instanceof utils.InvalidPhoneNumberError)
             throw error;
         if (error instanceof utils.NoAccessError) {
+            setDeniedOauthProvider(error === null || error === void 0 ? void 0 : error.socialProvider);
+            setDeniedOauthUsername((_a = error === null || error === void 0 ? void 0 : error.socialUsername) !== null && _a !== void 0 ? _a : '');
             setView('no-access');
             return;
         }

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

@@ -26,7 +26,7 @@ import { storeAuthTokenAndUser } from '../../../store/utils/storeAuthTokenAndUse
 import { getUserMfaDevices } from '../../../data/api/mfa/mfa.js';
 import '../../../locale/locale.js';
 import '@dynamic-labs/store';
-import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { useAccessDeniedContext } from '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
@@ -91,6 +91,7 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useDy
 const sleepToShowSuccessMessage = () => sleep(1500);
 const useUserAuth = ({ authMethod, }) => {
     const { handleLogOut, setShowAuthFlow, setCallback, setMultiWalletWidgetState, environmentId, walletConnectorOptions, } = useInternalDynamicContext();
+    const { setDeniedOauthUsername, setDeniedOauthProvider } = useAccessDeniedContext();
     const { view, setView, goToInitialView } = useViewContext();
     const { setLoading } = useLoadingContext();
     const { setErrorMessage, setError } = useErrorContext();
@@ -165,6 +166,7 @@ const useUserAuth = ({ authMethod, }) => {
         }
     });
     const handleAuthError = (error, { options = {}, onError, }) => {
+        var _a;
         if (error instanceof MfaInvalidOtpError) {
             throw error;
         }
@@ -176,6 +178,8 @@ const useUserAuth = ({ authMethod, }) => {
             error instanceof InvalidPhoneNumberError)
             throw error;
         if (error instanceof NoAccessError) {
+            setDeniedOauthProvider(error === null || error === void 0 ? void 0 : error.socialProvider);
+            setDeniedOauthUsername((_a = error === null || error === void 0 ? void 0 : error.socialUsername) !== null && _a !== void 0 ? _a : '');
             setView('no-access');
             return;
         }

package/src/lib/utils/hooks/useWalletConnectorOptions/useWalletConnectorOptions.d.ts

@@ -1,5 +1,5 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api-core';
-import { type CoinbaseWalletPreference, type NetworkConfigurationMap, type WalletUiUtils } from '@dynamic-labs/types';
+import { type MobileExperience, type CoinbaseWalletPreference, type NetworkConfigurationMap, type WalletUiUtils } from '@dynamic-labs/types';
 import { DeepLinkVariant, WalletConnector, WalletConnectorExtension, WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 import { WalletBookSchema } from '@dynamic-labs/wallet-book';
 type Props = {
@@ -8,7 +8,7 @@ type Props = {
     coinbaseWalletPreference?: CoinbaseWalletPreference;
     deepLinkPreference?: DeepLinkVariant;
     flowNetwork?: 'mainnet' | 'testnet';
-    mobileExperience?: 'in-app-browser' | 'redirect';
+    mobileExperience?: MobileExperience;
     networkConfigurations: NetworkConfigurationMap | undefined;
     projectSettings: ProjectSettings | undefined;
     walletBook: WalletBookSchema;

package/src/lib/views/NoAccess/NoAccess.cjs

@@ -99,8 +99,9 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('qrcode');
 
 const NoAccess = () => {
-    const { deniedAddress, setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
+    const { deniedAddress, setDeniedAddress, setDeniedOauthProvider, deniedOauthProvider, deniedOauthUsername, } = AccessDeniedContext.useAccessDeniedContext();
     const { t } = reactI18next.useTranslation();
+    const accessIcon = iconic.findSocialIcon(deniedOauthProvider);
     const { selectedWalletConnector: walletConnector, socialMediaIconUrl, notInTheListImageUrl, accessDeniedButton, } = useInternalDynamicContext.useInternalDynamicContext();
     const { displayedDestination: email } = VerificationContext.useVerification();
     const { goToInitialView } = ViewContext.useViewContext();
@@ -118,15 +119,16 @@ const NoAccess = () => {
         if (walletConnector) {
             return jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, {});
         }
-        return (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { containerClassName: 'wallet-no-access__icon--verified', Icon: iconic.SignInWithEmailIcon, iconSize: 50, InnerIcon: error.ReactComponent, variant: 'red' }));
-    }, [walletConnector]);
+        return (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { containerClassName: 'wallet-no-access__icon--verified', Icon: accessIcon !== null && accessIcon !== void 0 ? accessIcon : iconic.SignInWithEmailIcon, iconSize: 50, InnerIcon: error.ReactComponent, variant: 'red' }));
+    }, [accessIcon, walletConnector]);
     const formattedAddress = shortenWalletAddress.shortenWalletAddress(deniedAddress, 6, 4);
     const buttonTitle = (accessDeniedButton === null || accessDeniedButton === void 0 ? void 0 : accessDeniedButton.title) || _buttonTitle;
     const buttonAction = (accessDeniedButton === null || accessDeniedButton === void 0 ? void 0 : accessDeniedButton.action) || handleChangeWallet;
     const emailOrAddress = email !== null && email !== void 0 ? email : formattedAddress;
+    const correctDisplay = deniedOauthProvider === undefined ? emailOrAddress : deniedOauthUsername;
     const showNoInTheListImage = Boolean(notInTheListImageUrl) && (isAccessListView || isGateBlockedView);
     const showSocialMediaIcon = SocialMediaIcon && (isAccessListView || isGateBlockedView);
-    return (jsxRuntime.jsxs("div", { className: 'wallet-no-access__container', children: [showNoInTheListImage && (jsxRuntime.jsx("img", { src: notInTheListImageUrl, alt: t('dyn_no_access.not_in_the_list_image_alt'), className: 'wallet-no-access__image', copykey: 'dyn_no_access.not_in_the_list_image_alt' })), jsxRuntime.jsxs("div", { className: 'wallet-no-access__main', children: [jsxRuntime.jsxs("div", { className: 'wallet-no-access__user-info-container', children: [Icon, jsxRuntime.jsxs("div", { "data-testid": 'walletAddress', className: 'wallet-no-access__wallet-address-container', children: [walletConnector && (jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'red', containerClassName: 'user-info__status-dot' })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'wallet-no-access__wallet-address', children: emailOrAddress })] })] }), jsxRuntime.jsxs("div", { className: 'wallet-no-access__content', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'wallet-no-access__content--primary', children: title }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'wallet-no-access__content--secondary', children: subtitle })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: buttonAction, className: 'wallet-no-access__button--primary', expanded: true, buttonPadding: 'large', children: buttonTitle }), _socialMediaUrl && _socialMediaLinkText && (jsxRuntime.jsxs("div", { className: 'wallet-no-access__social-info-container', children: [jsxRuntime.jsxs("a", { href: _socialMediaUrl, className: 'wallet-no-access__waitlist-link', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', color: 'primary', children: _socialMediaLinkText }), showSocialMediaIcon && (jsxRuntime.jsx(SocialMediaIcon, { className: 'wallet-no-access__social-icon', style: {
+    return (jsxRuntime.jsxs("div", { className: 'wallet-no-access__container', children: [showNoInTheListImage && (jsxRuntime.jsx("img", { src: notInTheListImageUrl, alt: t('dyn_no_access.not_in_the_list_image_alt'), className: 'wallet-no-access__image', copykey: 'dyn_no_access.not_in_the_list_image_alt' })), jsxRuntime.jsxs("div", { className: 'wallet-no-access__main', children: [jsxRuntime.jsxs("div", { className: 'wallet-no-access__user-info-container', children: [Icon, jsxRuntime.jsxs("div", { "data-testid": 'walletAddress', className: 'wallet-no-access__wallet-address-container', children: [walletConnector && (jsxRuntime.jsx(StatusDot.StatusDot, { variant: 'red', containerClassName: 'user-info__status-dot' })), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'wallet-no-access__wallet-address', children: correctDisplay })] })] }), jsxRuntime.jsxs("div", { className: 'wallet-no-access__content', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'wallet-no-access__content--primary', children: title }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'wallet-no-access__content--secondary', children: subtitle })] }), jsxRuntime.jsx(TypographyButton.TypographyButton, { onClick: buttonAction, className: 'wallet-no-access__button--primary', expanded: true, buttonPadding: 'large', children: buttonTitle }), _socialMediaUrl && _socialMediaLinkText && (jsxRuntime.jsxs("div", { className: 'wallet-no-access__social-info-container', children: [jsxRuntime.jsxs("a", { href: _socialMediaUrl, className: 'wallet-no-access__waitlist-link', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'button_primary', color: 'primary', children: _socialMediaLinkText }), showSocialMediaIcon && (jsxRuntime.jsx(SocialMediaIcon, { className: 'wallet-no-access__social-icon', style: {
                                             height: pixelToRem.pixelToRem(24),
                                             width: pixelToRem.pixelToRem(24),
                                         } }))] }), typeof socialMediaIconUrl === 'string' && (jsxRuntime.jsx("img", { alt: 'social media', src: socialMediaIconUrl, style: {

package/src/lib/views/NoAccess/NoAccess.js

@@ -2,7 +2,7 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
-import { SignInWithEmailIcon } from '@dynamic-labs/iconic';
+import { findSocialIcon, SignInWithEmailIcon } from '@dynamic-labs/iconic';
 import '../../components/Accordion/components/AccordionItem/AccordionItem.js';
 import '../../components/Alert/Alert.js';
 import '../../events/dynamicEvents.js';
@@ -95,8 +95,9 @@ import '../../components/InlineWidget/InlineWidget.js';
 import 'qrcode';
 
 const NoAccess = () => {
-    const { deniedAddress, setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
+    const { deniedAddress, setDeniedAddress, setDeniedOauthProvider, deniedOauthProvider, deniedOauthUsername, } = useAccessDeniedContext();
     const { t } = useTranslation();
+    const accessIcon = findSocialIcon(deniedOauthProvider);
     const { selectedWalletConnector: walletConnector, socialMediaIconUrl, notInTheListImageUrl, accessDeniedButton, } = useInternalDynamicContext();
     const { displayedDestination: email } = useVerification();
     const { goToInitialView } = useViewContext();
@@ -114,15 +115,16 @@ const NoAccess = () => {
         if (walletConnector) {
             return jsx(AuthProviderIcon, {});
         }
-        return (jsx(IconWithStatus, { containerClassName: 'wallet-no-access__icon--verified', Icon: SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgError, variant: 'red' }));
-    }, [walletConnector]);
+        return (jsx(IconWithStatus, { containerClassName: 'wallet-no-access__icon--verified', Icon: accessIcon !== null && accessIcon !== void 0 ? accessIcon : SignInWithEmailIcon, iconSize: 50, InnerIcon: SvgError, variant: 'red' }));
+    }, [accessIcon, walletConnector]);
     const formattedAddress = shortenWalletAddress(deniedAddress, 6, 4);
     const buttonTitle = (accessDeniedButton === null || accessDeniedButton === void 0 ? void 0 : accessDeniedButton.title) || _buttonTitle;
     const buttonAction = (accessDeniedButton === null || accessDeniedButton === void 0 ? void 0 : accessDeniedButton.action) || handleChangeWallet;
     const emailOrAddress = email !== null && email !== void 0 ? email : formattedAddress;
+    const correctDisplay = deniedOauthProvider === undefined ? emailOrAddress : deniedOauthUsername;
     const showNoInTheListImage = Boolean(notInTheListImageUrl) && (isAccessListView || isGateBlockedView);
     const showSocialMediaIcon = SocialMediaIcon && (isAccessListView || isGateBlockedView);
-    return (jsxs("div", { className: 'wallet-no-access__container', children: [showNoInTheListImage && (jsx("img", { src: notInTheListImageUrl, alt: t('dyn_no_access.not_in_the_list_image_alt'), className: 'wallet-no-access__image', copykey: 'dyn_no_access.not_in_the_list_image_alt' })), jsxs("div", { className: 'wallet-no-access__main', children: [jsxs("div", { className: 'wallet-no-access__user-info-container', children: [Icon, jsxs("div", { "data-testid": 'walletAddress', className: 'wallet-no-access__wallet-address-container', children: [walletConnector && (jsx(StatusDot, { variant: 'red', containerClassName: 'user-info__status-dot' })), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'wallet-no-access__wallet-address', children: emailOrAddress })] })] }), jsxs("div", { className: 'wallet-no-access__content', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'wallet-no-access__content--primary', children: title }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'wallet-no-access__content--secondary', children: subtitle })] }), jsx(TypographyButton, { onClick: buttonAction, className: 'wallet-no-access__button--primary', expanded: true, buttonPadding: 'large', children: buttonTitle }), _socialMediaUrl && _socialMediaLinkText && (jsxs("div", { className: 'wallet-no-access__social-info-container', children: [jsxs("a", { href: _socialMediaUrl, className: 'wallet-no-access__waitlist-link', children: [jsx(Typography, { variant: 'button_primary', color: 'primary', children: _socialMediaLinkText }), showSocialMediaIcon && (jsx(SocialMediaIcon, { className: 'wallet-no-access__social-icon', style: {
+    return (jsxs("div", { className: 'wallet-no-access__container', children: [showNoInTheListImage && (jsx("img", { src: notInTheListImageUrl, alt: t('dyn_no_access.not_in_the_list_image_alt'), className: 'wallet-no-access__image', copykey: 'dyn_no_access.not_in_the_list_image_alt' })), jsxs("div", { className: 'wallet-no-access__main', children: [jsxs("div", { className: 'wallet-no-access__user-info-container', children: [Icon, jsxs("div", { "data-testid": 'walletAddress', className: 'wallet-no-access__wallet-address-container', children: [walletConnector && (jsx(StatusDot, { variant: 'red', containerClassName: 'user-info__status-dot' })), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'medium', className: 'wallet-no-access__wallet-address', children: correctDisplay })] })] }), jsxs("div", { className: 'wallet-no-access__content', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'wallet-no-access__content--primary', children: title }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: 'wallet-no-access__content--secondary', children: subtitle })] }), jsx(TypographyButton, { onClick: buttonAction, className: 'wallet-no-access__button--primary', expanded: true, buttonPadding: 'large', children: buttonTitle }), _socialMediaUrl && _socialMediaLinkText && (jsxs("div", { className: 'wallet-no-access__social-info-container', children: [jsxs("a", { href: _socialMediaUrl, className: 'wallet-no-access__waitlist-link', children: [jsx(Typography, { variant: 'button_primary', color: 'primary', children: _socialMediaLinkText }), showSocialMediaIcon && (jsx(SocialMediaIcon, { className: 'wallet-no-access__social-icon', style: {
                                             height: pixelToRem(24),
                                             width: pixelToRem(24),
                                         } }))] }), typeof socialMediaIconUrl === 'string' && (jsx("img", { alt: 'social media', src: socialMediaIconUrl, style: {