@dynamic-labs/sdk-react-core 0.17.0-RC.13 → 0.17.0-RC.15

package/CHANGELOG.md

@@ -1,4 +1,25 @@
 
+## [0.17.0-RC.15](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0-RC.14...v0.17.0-RC.15) (2023-05-15)
+
+
+### Bug Fixes
+
+* pass network to link request ([#2114](https://github.com/dynamic-labs/DynamicAuth/issues/2114)) ([0f7d20d](https://github.com/dynamic-labs/DynamicAuth/commit/0f7d20d948b737b98d4a8db8aaa7648033e25922))
+
+## [0.17.0-RC.14](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0-RC.13...v0.17.0-RC.14) (2023-05-12)
+
+
+### Features
+
+* add local flowNetwork prop to toggle between mainnet and testnet ([#2094](https://github.com/dynamic-labs/DynamicAuth/issues/2094)) ([43c3f20](https://github.com/dynamic-labs/DynamicAuth/commit/43c3f20abf2d6c83e88e48f885749b978cec078a))
+* deprecate multiWallet sdk setting and fetch it from projectSettings ([#2079](https://github.com/dynamic-labs/DynamicAuth/issues/2079)) ([8b7f11d](https://github.com/dynamic-labs/DynamicAuth/commit/8b7f11d9eb71a17056be05cc8006d15dc149e3ff))
+
+
+### Bug Fixes
+
+* **balance:** correctly compare AVAX address when fetching balance ([#2064](https://github.com/dynamic-labs/DynamicAuth/issues/2064)) ([c5942d1](https://github.com/dynamic-labs/DynamicAuth/commit/c5942d112804f3a935bca396221fb33a3c7cc42a))
+* **DYN-2231:** restore User Profile display when social is the only enabled flag in information capture ([#2070](https://github.com/dynamic-labs/DynamicAuth/issues/2070)) ([6790bc7](https://github.com/dynamic-labs/DynamicAuth/commit/6790bc7e54afb1807be9996dc47129932441bbae))
+
 ## [0.17.0-RC.13](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0-RC.12...v0.17.0-RC.13) (2023-05-10)
 
 

package/package.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.17.0-RC.13";
+var version = "0.17.0-RC.15";
 var dependencies = {
 	"react-focus-lock": "^2.9.2",
 	"@dynamic-labs/iconic": "^0.1.19",
-	"@dynamic-labs/sdk-api": "0.0.189",
+	"@dynamic-labs/sdk-api": "0.0.192",
 	"@dynamic-labs/wallet-book": "^0.0.15",
 	"@hcaptcha/react-hcaptcha": "~1.4.4",
 	"country-list": "^2.3.0",

package/package.js

@@ -1,8 +1,8 @@
-var version = "0.17.0-RC.13";
+var version = "0.17.0-RC.15";
 var dependencies = {
 	"react-focus-lock": "^2.9.2",
 	"@dynamic-labs/iconic": "^0.1.19",
-	"@dynamic-labs/sdk-api": "0.0.189",
+	"@dynamic-labs/sdk-api": "0.0.192",
 	"@dynamic-labs/wallet-book": "^0.0.15",
 	"@hcaptcha/react-hcaptcha": "~1.4.4",
 	"country-list": "^2.3.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.17.0-RC.13",
+  "version": "0.17.0-RC.15",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -9,7 +9,7 @@
   "dependencies": {
     "react-focus-lock": "^2.9.2",
     "@dynamic-labs/iconic": "^0.1.19",
-    "@dynamic-labs/sdk-api": "0.0.189",
+    "@dynamic-labs/sdk-api": "0.0.192",
     "@dynamic-labs/wallet-book": "^0.0.15",
     "@hcaptcha/react-hcaptcha": "~1.4.4",
     "country-list": "^2.3.0",
@@ -17,12 +17,12 @@
     "formik": "^2.2.9",
     "qrcode": "1.5.1",
     "ethers": "^5.7.2",
-    "@dynamic-labs/logger": "0.17.0-RC.13",
-    "@dynamic-labs/multi-wallet": "0.17.0-RC.13",
-    "@dynamic-labs/rpc-providers": "0.17.0-RC.13",
-    "@dynamic-labs/types": "0.17.0-RC.13",
-    "@dynamic-labs/utils": "0.17.0-RC.13",
-    "@dynamic-labs/wallet-connector-core": "0.17.0-RC.13"
+    "@dynamic-labs/logger": "0.17.0-RC.15",
+    "@dynamic-labs/multi-wallet": "0.17.0-RC.15",
+    "@dynamic-labs/rpc-providers": "0.17.0-RC.15",
+    "@dynamic-labs/types": "0.17.0-RC.15",
+    "@dynamic-labs/utils": "0.17.0-RC.15",
+    "@dynamic-labs/wallet-connector-core": "0.17.0-RC.15"
   },
   "devDependencies": {
     "semver": "^7.3.8"

package/src/lib/components/UserProfile/UserProfile.cjs

@@ -19,14 +19,14 @@ var classNames = require('../../utils/functions/classNames/classNames.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var index = require('../../utils/functions/getEnabledOAuthProviders/index.cjs');
-var getEnabledUserProfileFields = require('../../utils/functions/getEnabledUserProfileFields/getEnabledUserProfileFields.cjs');
+var getUserProfileFields = require('../../utils/functions/getUserProfileFields/getUserProfileFields.cjs');
 var UserProfileField = require('./parts/UserProfileField/UserProfileField.cjs');
 var UserProfileSection = require('./parts/UserProfileSection/UserProfileSection.cjs');
 var UserProfileSocialAccount = require('./parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs');
 
 const UserProfile = ({ rootClassName }) => {
     const { projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
-    const allUserFields = getEnabledUserProfileFields.getUserProfileFields({
+    const allUserFields = getUserProfileFields.getUserProfileFields({
         projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
         user,
     });

package/src/lib/components/UserProfile/UserProfile.js

@@ -15,7 +15,7 @@ import { classNames } from '../../utils/functions/classNames/classNames.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import '@dynamic-labs/multi-wallet';
 import { getEnabledOAuthProviders } from '../../utils/functions/getEnabledOAuthProviders/index.js';
-import { getUserProfileFields } from '../../utils/functions/getEnabledUserProfileFields/getEnabledUserProfileFields.js';
+import { getUserProfileFields } from '../../utils/functions/getUserProfileFields/getUserProfileFields.js';
 import { UserProfileField } from './parts/UserProfileField/UserProfileField.js';
 import { UserProfileSection } from './parts/UserProfileSection/UserProfileSection.js';
 import { UserProfileSocialAccount } from './parts/UserProfileSocialAccount/UserProfileSocialAccount.js';

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

@@ -79,8 +79,8 @@ var useNameService = require('./hooks/useNameService/useNameService.cjs');
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet = false, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
-    var _a, _b, _c;
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+    var _a, _b, _c, _d, _e;
     logger.logger.setLogLevel(logLevel);
     walletConnectorCore.logger.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
@@ -97,6 +97,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState.useMultiWalletWidgetState();
     const [isVerifying, setIsVerifying] = React.useState(false);
     const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings.useFetchProjectSettings({ authToken: getAuthToken.getAuthToken(), environmentId });
+    const multiWallet = (_c = deprecatedMultiWallet !== null && deprecatedMultiWallet !== void 0 ? deprecatedMultiWallet : (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet) !== null && _c !== void 0 ? _c : false;
     const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations.useFetchNetworkConfigurations({
         authToken: getAuthToken.getAuthToken(),
         environmentId,
@@ -115,6 +116,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { wallets } = useWallets.useWallets({
         appLogoUrl,
         appName,
+        flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
         walletConnectorsProp,
@@ -123,6 +125,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [authMode, setAuthMode] = useLocalStorage.useLocalStorage(localStorage$1.AUTH_MODE, initialAuthenticationMode);
     const { connectWallet, removeConnectedInfo, connectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet.useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
     const [selectedWalletConnector, setSelectedWalletConnector] = React.useState(null);
+    //selected wallet to perform an action (become primary, unlink, etc)
+    const [selectedWalletWithAction, setSelectedWalletWithAction] = React.useState(null);
     const removeAuthTokenAndUser = React.useCallback(() => {
         localStorage.removeItem(localStorage$1.AUTH_TOKEN);
         removeUser();
@@ -144,7 +148,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         user,
     });
     const { getNameService, removeConnectedNameService } = useNameService.useNameService({
-        authToken: (_b = getAuthToken.getAuthToken()) !== null && _b !== void 0 ? _b : onboardingOnlyJwt,
+        authToken: (_d = getAuthToken.getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
     });
     const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
@@ -160,7 +164,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e;
+        var _f, _g;
         clearAllWalletConnectSessions();
         const jwt = getAuthToken.getAuthToken();
         if (jwt && user) {
@@ -170,7 +174,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession();
+        (_f = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _f === void 0 ? void 0 : _f.endSession();
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
@@ -180,7 +184,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         removeConnectedInfo();
         clearWalletStates();
         removeConnectedNameService();
-        (_e = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _e === void 0 ? void 0 : _e.call(eventsCallbacks, user);
+        (_g = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _g === void 0 ? void 0 : _g.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
         user,
@@ -212,9 +216,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         primaryWallet: walletForUserFacingContext,
         secondaryWallets,
         selectedWalletConnector,
+        selectedWalletWithAction,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setSelectedWalletConnector,
+        setSelectedWalletWithAction,
         user,
     });
     const { walletsForChainsMap } = useFetchWalletsForChainsMap.useFetchWalletsForChainsMap(newToWeb3WalletChainMap);
@@ -324,6 +330,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             sdkHasLoaded,
             secondaryWallets,
             selectedWalletConnector,
+            selectedWalletWithAction,
             setAuthMode,
             setAuthorizationViewDisplayOrder,
             setCallback,
@@ -339,6 +346,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setQrcodeUri,
             setSdkHasLoaded,
             setSelectedWalletConnector,
+            setSelectedWalletWithAction,
             setShowAuthFlow,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
@@ -412,6 +420,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         rpcProviders,
         sdkHasLoaded,
         selectedWalletConnector,
+        selectedWalletWithAction,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
@@ -421,6 +430,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setPrimaryWallet,
         setPrimaryWalletId,
         setSdkHasLoaded,
+        setSelectedWalletWithAction,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
@@ -467,7 +477,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _c === void 0 ? void 0 : _c.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsxs(FundingContext.FundingContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) })) }) })) })));
+    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsxs(FundingContext.FundingContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) })) }) })) })));
 };
 
 exports.DynamicContext = DynamicContext;

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

@@ -3,7 +3,7 @@ import { WalletConnector, FetchPublicAddressOpts, WalletConnectorsMethod } from
 import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
 import { LogLevel } from '@dynamic-labs/logger';
 import { EvmNetwork, NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
-import { WalletOption, UserProfile, Wallet, MultiWalletWidgetState, AccountSwitchState, AwaitingSignatureState, ChainToWalletMap, AuthModeType, DynamicRPCProviders, DynamicEventsCallbacks } from '../../shared';
+import { WalletOption, UserProfile, Wallet, MultiWalletWidgetState, AccountSwitchState, AwaitingSignatureState, ChainToWalletMap, AuthModeType, DynamicRPCProviders, DynamicEventsCallbacks, WalletWithAction } from '../../shared';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
 import { MultiWalletWidgetStateSetter } from '../../utils/hooks/multiWallet';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
@@ -60,6 +60,7 @@ export interface IDynamicContext {
     sdkHasLoaded: boolean;
     secondaryWallets: Wallet[];
     selectedWalletConnector: WalletConnector | null;
+    selectedWalletWithAction: WalletWithAction | null;
     setAuthMode: Dispatch<SetStateAction<AuthModeType>>;
     setAuthorizationViewDisplayOrder: SetDisplayOrderPriority;
     setCallback: (callback: Callback) => void;
@@ -74,6 +75,7 @@ export interface IDynamicContext {
     setPrimaryWalletId: (walletId: string) => void;
     setQrcodeUri: Dispatch<SetStateAction<string>>;
     setSelectedWalletConnector: (connector: WalletConnector | null) => void;
+    setSelectedWalletWithAction: (walletWithAction: WalletWithAction | null) => void;
     setShowAuthFlow: Dispatch<SetStateAction<boolean>>;
     setShowDynamicUserProfile: Dispatch<SetStateAction<boolean>>;
     setShowQrcodeModal: Dispatch<SetStateAction<boolean>>;
@@ -112,12 +114,17 @@ export interface DynamicContextProps {
         environmentId: string;
         eventsCallbacks?: DynamicEventsCallbacks;
         evmNetworks?: EvmNetwork[];
+        /**
+         * @deprecated Set flow network in dashboard instead
+         */
+        flowNetwork?: 'testnet' | 'mainnet';
         initialAuthenticationMode?: AuthModeType;
         /**
          * The log level to use for client side logging with our SDK
          * @default WARN
          */
         logLevel?: keyof typeof LogLevel;
+        /** @deprecated enable multi wallet in the bashboard settings instead */
         multiWallet?: boolean;
         newToWeb3WalletChainMap?: ChainToWalletMap;
         notInTheListImageUrl?: string;
@@ -138,4 +145,4 @@ export interface DynamicContextProps {
     theme?: ThemeData | ThemeSetting;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
-export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl, appName, cssOverrides, defaultNumberOfWalletsToShow, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectors: walletConnectorsProp, }, children, theme, }: DynamicContextProps) => JSX.Element;
+export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl, appName, cssOverrides, defaultNumberOfWalletsToShow, flowNetwork, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectors: walletConnectorsProp, }, children, theme, }: DynamicContextProps) => JSX.Element;

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

@@ -75,8 +75,8 @@ import { useNameService } from './hooks/useNameService/useNameService.js';
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet = false, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
-    var _a, _b, _c;
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+    var _a, _b, _c, _d, _e;
     logger.setLogLevel(logLevel);
     logger$1.setLogLevel(logLevel);
     ApiEndpoint.setBaseUrl((_a = process.env.DYNAMIC_API_BASE_URL) !== null && _a !== void 0 ? _a : apiBaseUrl);
@@ -93,6 +93,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [multiWalletWidgetState, setMultiWalletWidgetState, { awaiting_account_switch: [accountSwitchState], awaiting_signature: [awaitingSignatureState], },] = useMultiWalletWidgetState();
     const [isVerifying, setIsVerifying] = useState(false);
     const { projectSettings, isLoading: isProjectSettingsLoading } = useFetchProjectSettings({ authToken: getAuthToken(), environmentId });
+    const multiWallet = (_c = deprecatedMultiWallet !== null && deprecatedMultiWallet !== void 0 ? deprecatedMultiWallet : (_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk) === null || _b === void 0 ? void 0 : _b.multiWallet) !== null && _c !== void 0 ? _c : false;
     const { configurations: serverNetworkConfigurations, handleRemoveLsNetworks, } = useFetchNetworkConfigurations({
         authToken: getAuthToken(),
         environmentId,
@@ -111,6 +112,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const { wallets } = useWallets({
         appLogoUrl,
         appName,
+        flowNetwork,
         networkConfigurations: serverNetworkConfigurations,
         projectSettings,
         walletConnectorsProp,
@@ -119,6 +121,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
     const [authMode, setAuthMode] = useLocalStorage(AUTH_MODE, initialAuthenticationMode);
     const { connectWallet, removeConnectedInfo, connectedInfo, connectedWallet, setConnectedWallet, connectWalletByAddressAndChain, } = useConnectWallet(wallets, authMode, environmentId, enableVisitTrackingOnConnectOnly);
     const [selectedWalletConnector, setSelectedWalletConnector] = useState(null);
+    //selected wallet to perform an action (become primary, unlink, etc)
+    const [selectedWalletWithAction, setSelectedWalletWithAction] = useState(null);
     const removeAuthTokenAndUser = useCallback(() => {
         localStorage.removeItem(AUTH_TOKEN);
         removeUser();
@@ -140,7 +144,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         user,
     });
     const { getNameService, removeConnectedNameService } = useNameService({
-        authToken: (_b = getAuthToken()) !== null && _b !== void 0 ? _b : onboardingOnlyJwt,
+        authToken: (_d = getAuthToken()) !== null && _d !== void 0 ? _d : onboardingOnlyJwt,
         currentWallet: primaryWallet !== null && primaryWallet !== void 0 ? primaryWallet : connectedWallet,
     });
     const walletForUserFacingContext = authMode === 'connect-and-sign' || user ? primaryWallet : connectedWallet;
@@ -156,7 +160,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         clearOphanedWalletConnectSessions,
     ]);
     const handleLogOut = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        var _d, _e;
+        var _f, _g;
         clearAllWalletConnectSessions();
         const jwt = getAuthToken();
         if (jwt && user) {
@@ -166,7 +170,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         for (const connector of walletConnectors) {
             yield connector.endSession();
         }
-        (_d = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _d === void 0 ? void 0 : _d.endSession();
+        (_f = connectedWallet === null || connectedWallet === void 0 ? void 0 : connectedWallet.connector) === null || _f === void 0 ? void 0 : _f.endSession();
         setShowAuthFlow(false);
         setMultiWalletWidgetState('idle');
         removeAuthTokenAndUser();
@@ -176,7 +180,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         removeConnectedInfo();
         clearWalletStates();
         removeConnectedNameService();
-        (_e = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _e === void 0 ? void 0 : _e.call(eventsCallbacks, user);
+        (_g = eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLogout) === null || _g === void 0 ? void 0 : _g.call(eventsCallbacks, user);
     }), [
         clearAllWalletConnectSessions,
         user,
@@ -208,9 +212,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         primaryWallet: walletForUserFacingContext,
         secondaryWallets,
         selectedWalletConnector,
+        selectedWalletWithAction,
         setMultiWalletWidgetState,
         setPrimaryWalletId,
         setSelectedWalletConnector,
+        setSelectedWalletWithAction,
         user,
     });
     const { walletsForChainsMap } = useFetchWalletsForChainsMap(newToWeb3WalletChainMap);
@@ -320,6 +326,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             sdkHasLoaded,
             secondaryWallets,
             selectedWalletConnector,
+            selectedWalletWithAction,
             setAuthMode,
             setAuthorizationViewDisplayOrder,
             setCallback,
@@ -335,6 +342,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setQrcodeUri,
             setSdkHasLoaded,
             setSelectedWalletConnector,
+            setSelectedWalletWithAction,
             setShowAuthFlow,
             setShowDynamicUserProfile,
             setShowQrcodeModal,
@@ -408,6 +416,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         rpcProviders,
         sdkHasLoaded,
         selectedWalletConnector,
+        selectedWalletWithAction,
         setAuthMode,
         setAuthorizationViewDisplayOrder,
         setCallback,
@@ -417,6 +426,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         setPrimaryWallet,
         setPrimaryWalletId,
         setSdkHasLoaded,
+        setSelectedWalletWithAction,
         setShowQrcodeModal,
         setUser,
         shadowDOMEnabled,
@@ -463,7 +473,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_c = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _c === void 0 ? void 0 : _c.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsxs(FundingContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) })) }) })) })));
+    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsxs(FundingContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) })) }) })) })));
 };
 
 export { DynamicContext, DynamicContextProvider };

package/src/lib/data/api.cjs

@@ -123,10 +123,11 @@ const revokeSession = ({ environmentId, sessionId, }, userJwt) => _tslib.__await
         logger.logger.error(Error(body.error.message));
     }
 });
-const linkWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const linkWallet = (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, }, userJwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const verifyRequest = sdkApi$1.VerifyRequestFromJSON({
         chain,
         messageToSign,
+        network,
         publicWalletAddress,
         signedMessage,
         walletName,
@@ -226,11 +227,12 @@ const createVisit = ({ authMode, chain, environmentId, walletProvider, publicWal
         logger.logger.error(error);
     }
 });
-const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const verifyRequest = sdkApi$1.VerifyRequestFromJSON({
         captchaToken,
         chain,
         messageToSign,
+        network,
         publicWalletAddress,
         signedMessage,
         walletName,

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

@@ -24,7 +24,7 @@ export declare const revokeSession: ({ environmentId, sessionId, }: {
     environmentId: string;
     sessionId: string;
 }, userJwt: string) => Promise<void>;
-export declare const linkWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, }: VerifyWallet, userJwt: string) => Promise<string | undefined>;
+export declare const linkWallet: (environmentId: string, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, }: VerifyWallet, userJwt: string) => Promise<string | undefined>;
 export declare const unlinkWallet: ({ environmentId, primaryWalletId, walletId, }: {
     environmentId: string;
     primaryWalletId: string | undefined;
@@ -42,7 +42,7 @@ export declare const createVisit: ({ authMode, chain, environmentId, walletProvi
     walletName: string;
     walletProvider: string;
 }) => Promise<void | undefined>;
-export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, }: VerifyWallet) => Promise<string | undefined>;
+export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, }: VerifyWallet) => Promise<string | undefined>;
 export declare const fetchNetworkSettings: (environmentId: string) => Promise<NetworkConfigurationResponse[] | undefined>;
 export declare const fetchProjectSettings: (environmentId: string) => Promise<ProjectSettings | undefined>;
 export declare const updateUserProfileFields: (jwt: string | undefined, environmentId: string, fields: UserFields) => Promise<UpdateSelfResponse>;

package/src/lib/data/api.js

@@ -119,10 +119,11 @@ const revokeSession = ({ environmentId, sessionId, }, userJwt) => __awaiter(void
         logger.error(Error(body.error.message));
     }
 });
-const linkWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
+const linkWallet = (environmentId, { messageToSign, network, signedMessage, publicWalletAddress, chain, walletName, walletProvider, }, userJwt) => __awaiter(void 0, void 0, void 0, function* () {
     const verifyRequest = VerifyRequestFromJSON({
         chain,
         messageToSign,
+        network,
         publicWalletAddress,
         signedMessage,
         walletName,
@@ -222,11 +223,12 @@ const createVisit = ({ authMode, chain, environmentId, walletProvider, publicWal
         logger.error(error);
     }
 });
-const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, }) => __awaiter(void 0, void 0, void 0, function* () {
+const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, }) => __awaiter(void 0, void 0, void 0, function* () {
     const verifyRequest = VerifyRequestFromJSON({
         captchaToken,
         chain,
         messageToSign,
+        network,
         publicWalletAddress,
         signedMessage,
         walletName,

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

@@ -11,6 +11,11 @@ export type Wallet = {
     connector: WalletConnector;
     id: string;
 };
+export type WalletAction = 'select' | 'unlink';
+export type WalletWithAction = {
+    action: WalletAction;
+    wallet: Wallet;
+};
 export type UserProfile = UserFields & {
     chain?: string;
     ens?: NameServiceData;
@@ -69,6 +74,7 @@ export interface VerifyWallet {
     captchaToken?: string;
     chain: string;
     messageToSign: string;
+    network: string | number | undefined;
     publicWalletAddress: string;
     signedMessage: string;
     skipEmptyAccountCheck?: boolean;

package/src/lib/utils/functions/{getEnabledUserProfileFields/getEnabledUserProfileFields.cjs → getUserProfileFields/getUserProfileFields.cjs}

@@ -4,6 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var index = require('../getEnabledKYC/index.cjs');
 
+/**
+ * The fields that are attached to the user and/or KYC but are not editable/showable.
+ * @const {string[]}
+ */
 const filterFields = ['social'];
 /**
  * Maps user profile fields to KYC settings based on project settings.

package/src/lib/utils/functions/{getEnabledUserProfileFields/getEnabledUserProfileFields.js → getUserProfileFields/getUserProfileFields.js}

@@ -1,5 +1,9 @@
 import { getEnabledKYC } from '../getEnabledKYC/index.js';
 
+/**
+ * The fields that are attached to the user and/or KYC but are not editable/showable.
+ * @const {string[]}
+ */
 const filterFields = ['social'];
 /**
  * Maps user profile fields to KYC settings based on project settings.

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

@@ -16,9 +16,11 @@ const getVerifyArgs = ({ walletConnector, nonce, walletProvider, environmentId,
     const chain = walletConnector.connectedChain;
     // generate message to sign and then initiate signing step to prove ownership
     const { messageToSign, signedMessage } = yield index.generateMessages(publicWalletAddress, walletConnector, nonce, environmentId, displayTermsOfService, siweStatement);
+    const network = String(yield walletConnector.getNetwork());
     return {
         chain,
         messageToSign,
+        network,
         publicWalletAddress,
         signedMessage,
         skipEmptyAccountCheck,

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

@@ -15,6 +15,7 @@ type Props = {
 export declare const getVerifyArgs: ({ walletConnector, nonce, walletProvider, environmentId, displayTermsOfService, skipEmptyAccountCheck, siweStatement, publicWalletAddress, }: Props) => Promise<{
     chain: "ETH" | "FLOW" | "SOL" | "EVM" | "ALGO" | "STARK" | "ATOM" | "COSMOS";
     messageToSign: string;
+    network: string;
     publicWalletAddress: string;
     signedMessage: string;
     skipEmptyAccountCheck: boolean | undefined;

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

@@ -12,9 +12,11 @@ const getVerifyArgs = ({ walletConnector, nonce, walletProvider, environmentId,
     const chain = walletConnector.connectedChain;
     // generate message to sign and then initiate signing step to prove ownership
     const { messageToSign, signedMessage } = yield generateMessages(publicWalletAddress, walletConnector, nonce, environmentId, displayTermsOfService, siweStatement);
+    const network = String(yield walletConnector.getNetwork());
     return {
         chain,
         messageToSign,
+        network,
         publicWalletAddress,
         signedMessage,
         skipEmptyAccountCheck,

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var useOnlyConnectedMode = require('../useOnlyConnectedMode/useOnlyConnectedMode.cjs');
-var getEnabledUserProfileFields = require('../../functions/getEnabledUserProfileFields/getEnabledUserProfileFields.cjs');
+var getUserProfileFields = require('../../functions/getUserProfileFields/getUserProfileFields.cjs');
 
-/* eslint-disable max-len */
+const isSocialEnabled = (kyc = []) => { var _a; return Boolean((_a = kyc.find(({ name }) => name === 'social')) === null || _a === void 0 ? void 0 : _a.enabled); };
 /**
  * A custom React hook that checks if KYC fields are enabled in the project settings or defined in the user profile.
  *
@@ -17,11 +17,11 @@ const useKYCFlag = () => {
     const { projectSettings, user } = useInternalDynamicContext.useInternalDynamicContext();
     if (isOnlyConnectedMode)
         return false;
-    const hasAnyKYCFields = getEnabledUserProfileFields.getUserProfileFields({
+    const hasAnyKYCFields = getUserProfileFields.getUserProfileFields({
         projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
         user,
     });
-    return hasAnyKYCFields.length > 0;
+    return hasAnyKYCFields.length > 0 || isSocialEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
 };
 
 exports.useKYCFlag = useKYCFlag;

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

@@ -1,8 +1,8 @@
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useOnlyConnectedMode } from '../useOnlyConnectedMode/useOnlyConnectedMode.js';
-import { getUserProfileFields } from '../../functions/getEnabledUserProfileFields/getEnabledUserProfileFields.js';
+import { getUserProfileFields } from '../../functions/getUserProfileFields/getUserProfileFields.js';
 
-/* eslint-disable max-len */
+const isSocialEnabled = (kyc = []) => { var _a; return Boolean((_a = kyc.find(({ name }) => name === 'social')) === null || _a === void 0 ? void 0 : _a.enabled); };
 /**
  * A custom React hook that checks if KYC fields are enabled in the project settings or defined in the user profile.
  *
@@ -17,7 +17,7 @@ const useKYCFlag = () => {
         projectSettingsKyc: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc,
         user,
     });
-    return hasAnyKYCFields.length > 0;
+    return hasAnyKYCFields.length > 0 || isSocialEnabled(projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.kyc);
 };
 
 export { useKYCFlag };