@dynamic-labs/sdk-react-core 0.18.0-RC.12 → 0.18.0-RC.14

package/CHANGELOG.md

@@ -1,4 +1,41 @@
 
+## [0.18.0-RC.14](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.13...v0.18.0-RC.14) (2023-07-11)
+
+
+### ⚠ BREAKING CHANGES
+
+* **QNTM-68:** we currently expose concatenated primary and secondary
+wallets array as connectedWallets, this is wrong and may cause issues with
+understanding our architecture as well as issues for customers that want
+to have access to connectedWallets array.
+
+* chore(QNTM-68): expose connectedWallets from DynamicContext
+
+since, we renamed connectedWallets to linkedWallets, we now want to expose correct value
+for connectedWallets.
+
+* chore(QNTM-68)!: remove connectedWalletsInfo from useDynamicContext
+* **QNTM-68:** since we're exposing connectedWallets and this variable
+has less information there is no need in exposing it from DynamicContext
+
+* **QNTM-68:** update connectedWallets property and expose linkedWallets ([#2644](https://github.com/dynamic-labs/DynamicAuth/issues/2644)) ([8b707c3](https://github.com/dynamic-labs/DynamicAuth/commit/8b707c3fb2e14aa25385b35768ffa355ef7117e5))
+
+## [0.18.0-RC.13](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.12...v0.18.0-RC.13) (2023-07-11)
+
+
+### Features
+
+* **DynamicContextProvider:** expose socialProviderFilter to modify social provider display order ([#2607](https://github.com/dynamic-labs/DynamicAuth/issues/2607)) ([0f03260](https://github.com/dynamic-labs/DynamicAuth/commit/0f03260e739da3e68c32a2a87a2ca629bb1f28b5))
+* **GVTY-21:** Blocto Email provider ([#2524](https://github.com/dynamic-labs/DynamicAuth/issues/2524)) ([434ce59](https://github.com/dynamic-labs/DynamicAuth/commit/434ce598b3bc13841121b61e5ead7547d3c44eea))
+* listen for the network change in network not supported views ([#2611](https://github.com/dynamic-labs/DynamicAuth/issues/2611)) ([957fbce](https://github.com/dynamic-labs/DynamicAuth/commit/957fbce55d7906f9d6b109838035b2c0306a4b85))
+
+
+### Bug Fixes
+
+* Clean up provider re-initializing after logout ([#2632](https://github.com/dynamic-labs/DynamicAuth/issues/2632)) ([fbc2201](https://github.com/dynamic-labs/DynamicAuth/commit/fbc22013d6784061cb4fdd72e24695c89f0e2fe5))
+* **MagicWalletConnector:** check if user is logged when getting balance ([#2614](https://github.com/dynamic-labs/DynamicAuth/issues/2614)) ([ced9d66](https://github.com/dynamic-labs/DynamicAuth/commit/ced9d66cb335c3033a18642bdd841ee6be6c1e05))
+* **useValidateSessin:** only check for bridge on wallet connect wallets ([#2571](https://github.com/dynamic-labs/DynamicAuth/issues/2571)) ([349b659](https://github.com/dynamic-labs/DynamicAuth/commit/349b65963f1d5392f63aaa138f6498f0d17cd43f))
+
 ## [0.18.0-RC.12](https://github.com/dynamic-labs/DynamicAuth/compare/v0.18.0-RC.11...v0.18.0-RC.12) (2023-07-07)
 
 

package/package.cjs

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.18.0-RC.12";
+var version = "0.18.0-RC.14";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.222",
+	"@dynamic-labs/sdk-api": "0.0.228",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.js

@@ -1,8 +1,8 @@
-var version = "0.18.0-RC.12";
+var version = "0.18.0-RC.14";
 var dependencies = {
 	"react-focus-lock": "2.9.2",
 	"@dynamic-labs/iconic": "0.1.23",
-	"@dynamic-labs/sdk-api": "0.0.222",
+	"@dynamic-labs/sdk-api": "0.0.228",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"country-list": "2.3.0",
 	yup: "0.32.11",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.18.0-RC.12",
+  "version": "0.18.0-RC.14",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -9,20 +9,20 @@
   "dependencies": {
     "react-focus-lock": "2.9.2",
     "@dynamic-labs/iconic": "0.1.23",
-    "@dynamic-labs/sdk-api": "0.0.222",
+    "@dynamic-labs/sdk-api": "0.0.228",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "country-list": "2.3.0",
     "yup": "0.32.11",
     "formik": "2.2.9",
     "qrcode": "1.5.1",
     "ethers": "5.7.2",
-    "@dynamic-labs/logger": "0.18.0-RC.12",
-    "@dynamic-labs/multi-wallet": "0.18.0-RC.12",
-    "@dynamic-labs/rpc-providers": "0.18.0-RC.12",
-    "@dynamic-labs/types": "0.18.0-RC.12",
-    "@dynamic-labs/utils": "0.18.0-RC.12",
-    "@dynamic-labs/wallet-book": "0.18.0-RC.12",
-    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.12"
+    "@dynamic-labs/logger": "0.18.0-RC.14",
+    "@dynamic-labs/multi-wallet": "0.18.0-RC.14",
+    "@dynamic-labs/rpc-providers": "0.18.0-RC.14",
+    "@dynamic-labs/types": "0.18.0-RC.14",
+    "@dynamic-labs/utils": "0.18.0-RC.14",
+    "@dynamic-labs/wallet-book": "0.18.0-RC.14",
+    "@dynamic-labs/wallet-connector-core": "0.18.0-RC.14"
   },
   "devDependencies": {
     "semver": "7.3.8"

package/src/lib/Main.cjs

@@ -51,7 +51,7 @@ var viewToComponentMap = require('./views/viewToComponentMap.cjs');
 require('./main.global.cjs');
 
 const Main = () => {
-    const { selectedWalletConnector, connectedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext.useInternalDynamicContext();
     const { view, goToInitialView } = ViewContext.useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
     usePreventPageScroll.usePreventPageScroll(showAuthFlow);
@@ -72,7 +72,7 @@ const Main = () => {
     /* istanbul ignore next */
     const handleNewToWeb3WalletIntent = (walletConnector) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true);
-        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
+        if (isSelectedWalletAlreadyConnected.isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user)) {
             // wallet is already connected
             handleAlreadyConnectedWallet(walletConnector);
         }

package/src/lib/Main.js

@@ -47,7 +47,7 @@ import { viewToComponentMap } from './views/viewToComponentMap.js';
 import './main.global.js';
 
 const Main = () => {
-    const { selectedWalletConnector, connectedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext();
+    const { selectedWalletConnector, linkedWallets, isProjectSettingsLoading, projectSettings, setShowAuthFlow, showAuthFlow, wallets, clearStatesOnBackClick, user, } = useInternalDynamicContext();
     const { view, goToInitialView } = useViewContext();
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
     usePreventPageScroll(showAuthFlow);
@@ -68,7 +68,7 @@ const Main = () => {
     /* istanbul ignore next */
     const handleNewToWeb3WalletIntent = (walletConnector) => __awaiter(void 0, void 0, void 0, function* () {
         setShowAuthFlow(true);
-        if (isSelectedWalletAlreadyConnected(connectedWallets, walletConnector, user)) {
+        if (isSelectedWalletAlreadyConnected(linkedWallets, walletConnector, user)) {
             // wallet is already connected
             handleAlreadyConnectedWallet(walletConnector);
         }

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

@@ -91,7 +91,7 @@ var useSetShowAuthFlowWithInit = require('./hooks/useSetShowAuthFlowWithInit/use
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = React.createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = values.DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, socialProvidersFilter, }, children, theme, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     if (!environmentId) {
         throw new utils.MissingEnvironmentIdError();
@@ -360,10 +360,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             computeConnectedStateForWallets,
             connectWallet,
             connectedWallet,
-            connectedWallets: primaryWallet
-                ? [primaryWallet, ...secondaryWallets]
-                : [],
-            connectedWalletsInfo,
+            connectedWallets,
             consumeNonce,
             cssOverrides,
             customPrivacyPolicy,
@@ -388,6 +385,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             isSingleWalletAccount,
             isUserConnected,
             isVerifying,
+            linkedWallets: primaryWallet ? [primaryWallet, ...secondaryWallets] : [],
             loadingNetwork,
             loginWithEmail,
             multiWallet,
@@ -446,6 +444,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
+            socialProvidersFilter,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -473,13 +472,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
-        customPrivacyPolicy,
-        customTermsOfServices,
-        primaryWallet,
-        secondaryWallets,
-        connectedWalletsInfo,
+        connectedWallets,
         consumeNonce,
         cssOverrides,
+        customPrivacyPolicy,
+        customTermsOfServices,
         debugError,
         onboardingOnlyJwt,
         defaultNumberOfWalletsToShow,
@@ -490,6 +487,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         getConnectedWalletById,
         getNameService,
         handleLogOut,
+        unlinkConnectedWallet,
         handleUnlinkWallet,
         isAuthenticated,
         isBridgeFlow,
@@ -497,6 +495,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         isSingleWalletAccount,
         isUserConnected,
         isVerifying,
+        primaryWallet,
+        secondaryWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -542,10 +542,10 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         socialMediaIconUrl,
         socialMediaLinkText,
         socialMediaUrl,
+        socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unlinkConnectedWallet,
         user,
         walletUiUtils,
         wallets,

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

@@ -2,12 +2,11 @@ import { Dispatch, SetStateAction, ReactNode } from 'react';
 import { WalletConnector, FetchPublicAddressOpts, WalletConnectorsMethod, Chain } from '@dynamic-labs/wallet-connector-core';
 import { DynamicJwt, NameServiceData, ProjectSettings } from '@dynamic-labs/sdk-api';
 import { LogLevel } from '@dynamic-labs/logger';
-import { EvmNetwork, NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
+import { EvmNetwork, NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
 import { WalletOption, UserProfile, Wallet, MultiWalletWidgetState, AccountSwitchState, AwaitingSignatureState, ChainToWalletMap, AuthModeType, DynamicRPCProviders, DynamicEventsCallbacks, WalletWithAction, AccessDeniedCustomButton } from '../../shared';
 import { ThemeData, ThemeSetting } from '../ThemeContext';
 import { MultiWalletWidgetStateSetter } from '../../utils/hooks/multiWallet';
 import { SocialNetworkIconType } from '../../utils/functions/getSocialNetworkIcon';
-import { ConnectedWalletConnectorType } from '../../utils/hooks/useConnectWallet/useConnectWallet';
 import { Callback } from './useCustomerCallbacks';
 import { DisplayOrder, SetDisplayOrderPriority } from './hooks';
 export type ChainsToConnect = {
@@ -34,9 +33,9 @@ export interface IDynamicContext {
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string>;
     connectedWallet: Wallet | null;
     connectedWallets: Wallet[];
+    linkedWallets: Wallet[];
     isUserConnected: boolean;
     setConnectedUser: (value: boolean | ((val: boolean) => boolean)) => void;
-    connectedWalletsInfo: ConnectedWalletConnectorType[] | [];
     consumeNonce: () => string | undefined;
     cssOverrides?: string | JSX.Element;
     customPrivacyPolicy?: ReactNode;
@@ -128,6 +127,7 @@ export interface IDynamicContext {
     walletUiUtils: WalletUiUtils;
     wallets: WalletOption[];
     walletsFilter?: (options: WalletOption[]) => WalletOption[];
+    socialProvidersFilter?: SocialProviderFilter;
     removeConnectedWalletsInfo: () => void;
 }
 export interface DynamicContextProps {
@@ -179,8 +179,9 @@ export interface DynamicContextProps {
         walletConnectV1Bridge?: string;
         walletConnectors?: WalletConnectorsMethod[];
         walletsFilter?: (options: WalletOption[]) => WalletOption[];
+        socialProvidersFilter?: SocialProviderFilter;
     };
     theme?: ThemeData | ThemeSetting;
 }
 export declare const DynamicContext: import("react").Context<IDynamicContext | undefined>;
-export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl, appName, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow, flowNetwork, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }: DynamicContextProps) => JSX.Element;
+export declare const DynamicContextProvider: ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl, appName, walletsByChain, cssOverrides, defaultNumberOfWalletsToShow, flowNetwork, initialAuthenticationMode, debugError, displayTermsOfService, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel, multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, socialProvidersFilter, }, children, theme, }: DynamicContextProps) => JSX.Element;

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

@@ -87,7 +87,7 @@ import { useSetShowAuthFlowWithInit } from './hooks/useSetShowAuthFlowWithInit/u
 
 const EMPTY_INITIAL_USER = undefined;
 const DynamicContext = createContext(undefined);
-const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, }, children, theme, }) => {
+const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, accessDeniedMessageSecondary, accessDeniedButton, apiBaseUrl, appLogoUrl = 'https://demo.dynamic.xyz/assets/dynamic-logo.svg', appName = 'Dynamic Example', walletsByChain, cssOverrides, defaultNumberOfWalletsToShow = DEFAULT_NUMBER_OF_WALLETS_TO_SHOW, flowNetwork, initialAuthenticationMode = 'connect-and-sign', debugError = false, displayTermsOfService = true, newToWeb3WalletChainMap, enableVisitTrackingOnConnectOnly = true, environmentId, localStorageSuffix, eventsCallbacks, evmNetworks, walletsFilter, logLevel = 'WARN', multiWallet: deprecatedMultiWallet, notInTheListImageUrl, onboardingImageUrl, policiesConsentInnerComponent, customPrivacyPolicy, privacyPolicyUrl, signWithEmailWalletName, socialMediaLinkText, socialMediaIconUrl, socialMediaUrl, customTermsOfServices, termsOfServiceUrl, toolkitEnabled, siweStatement, shadowDOMEnabled = true, walletConnectV1Bridge, walletConnectors: walletConnectorsProp, socialProvidersFilter, }, children, theme, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     if (!environmentId) {
         throw new MissingEnvironmentIdError();
@@ -356,10 +356,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             computeConnectedStateForWallets,
             connectWallet,
             connectedWallet,
-            connectedWallets: primaryWallet
-                ? [primaryWallet, ...secondaryWallets]
-                : [],
-            connectedWalletsInfo,
+            connectedWallets,
             consumeNonce,
             cssOverrides,
             customPrivacyPolicy,
@@ -384,6 +381,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             isSingleWalletAccount,
             isUserConnected,
             isVerifying,
+            linkedWallets: primaryWallet ? [primaryWallet, ...secondaryWallets] : [],
             loadingNetwork,
             loginWithEmail,
             multiWallet,
@@ -442,6 +440,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             socialMediaIconUrl: ((_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general) === null || _a === void 0 ? void 0 : _a.supportUrls) || socialMediaIconUrl,
             socialMediaLinkText,
             socialMediaUrl,
+            socialProvidersFilter,
             termsOfServiceUrl,
             theme,
             toolkitEnabled,
@@ -469,13 +468,11 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         computeConnectedStateForWallets,
         connectWallet,
         connectedWallet,
-        customPrivacyPolicy,
-        customTermsOfServices,
-        primaryWallet,
-        secondaryWallets,
-        connectedWalletsInfo,
+        connectedWallets,
         consumeNonce,
         cssOverrides,
+        customPrivacyPolicy,
+        customTermsOfServices,
         debugError,
         onboardingOnlyJwt,
         defaultNumberOfWalletsToShow,
@@ -486,6 +483,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         getConnectedWalletById,
         getNameService,
         handleLogOut,
+        unlinkConnectedWallet,
         handleUnlinkWallet,
         isAuthenticated,
         isBridgeFlow,
@@ -493,6 +491,8 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         isSingleWalletAccount,
         isUserConnected,
         isVerifying,
+        primaryWallet,
+        secondaryWallets,
         loadingNetwork,
         loginWithEmail,
         multiWallet,
@@ -538,10 +538,10 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
         socialMediaIconUrl,
         socialMediaLinkText,
         socialMediaUrl,
+        socialProvidersFilter,
         termsOfServiceUrl,
         theme,
         toolkitEnabled,
-        unlinkConnectedWallet,
         user,
         walletUiUtils,
         wallets,

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

@@ -11,19 +11,19 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, awaitingSignatureState, authMode, authToken, isUserConnected, connectedWallets, connectedWalletsInfo, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setShowAuthFlow, setNetwork, showAuthFlow, showQrcodeModal, setMultiWalletWidgetState, setShowQrcodeModal, setPrimaryWallet, setShowDynamicUserProfile, user, walletConnector, wallets, shadowDOMEnabled, walletsToConnectByChain, walletsByChain, loginWithEmail, setLogInWithEmail, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isUserConnected, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
-        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
         isUserConnected,
+        linkedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWalletWidgetState,

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

@@ -1,3 +1,3 @@
 import { IDynamicContext } from './DynamicContext';
-export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'loadingNetwork' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'secondaryWallets' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'sdkHasLoaded' | 'showAuthFlow' | 'showQrcodeModal' | 'setShowDynamicUserProfile' | 'user' | 'walletConnector' | 'wallets' | 'walletsToConnectByChain' | 'connectedWalletsInfo' | 'walletsByChain' | 'isUserConnected' | 'loginWithEmail' | 'setLogInWithEmail'>;
+export type UseDynamicContext = Pick<IDynamicContext, 'accountSwitchState' | 'authMode' | 'authToken' | 'awaitingSignatureState' | 'connectedWallets' | 'getNameService' | 'handleLogOut' | 'handleUnlinkWallet' | 'isAuthenticated' | 'isUserConnected' | 'linkedWallets' | 'loadingNetwork' | 'loginWithEmail' | 'multiWalletWidgetState' | 'network' | 'networkConfigurations' | 'primaryWallet' | 'qrcodeUri' | 'rpcProviders' | 'sdkHasLoaded' | 'secondaryWallets' | 'setLogInWithEmail' | 'setMultiWalletWidgetState' | 'setNetwork' | 'setPrimaryWallet' | 'setShowAuthFlow' | 'setShowDynamicUserProfile' | 'setShowQrcodeModal' | 'shadowDOMEnabled' | 'showAuthFlow' | 'showQrcodeModal' | 'user' | 'walletConnector' | 'wallets' | 'walletsByChain' | 'walletsToConnectByChain'>;
 export declare const useDynamicContext: () => UseDynamicContext;

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

@@ -7,19 +7,19 @@ const useDynamicContext = () => {
     if (context === undefined) {
         throw new Error('useDynamicContext must be used within a DynamicContextProvider');
     }
-    const { accountSwitchState, awaitingSignatureState, authMode, authToken, isUserConnected, connectedWallets, connectedWalletsInfo, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, loadingNetwork, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setShowAuthFlow, setNetwork, showAuthFlow, showQrcodeModal, setMultiWalletWidgetState, setShowQrcodeModal, setPrimaryWallet, setShowDynamicUserProfile, user, walletConnector, wallets, shadowDOMEnabled, walletsToConnectByChain, walletsByChain, loginWithEmail, setLogInWithEmail, } = context;
+    const { accountSwitchState, authMode, authToken, awaitingSignatureState, connectedWallets, getNameService, handleLogOut, handleUnlinkWallet, isAuthenticated, isUserConnected, linkedWallets, loadingNetwork, loginWithEmail, multiWalletWidgetState, network, networkConfigurations, primaryWallet, qrcodeUri, rpcProviders, sdkHasLoaded, secondaryWallets, setLogInWithEmail, setMultiWalletWidgetState, setNetwork, setPrimaryWallet, setShowAuthFlow, setShowDynamicUserProfile, setShowQrcodeModal, shadowDOMEnabled, showAuthFlow, showQrcodeModal, user, walletConnector, wallets, walletsByChain, walletsToConnectByChain, } = context;
     return {
         accountSwitchState,
         authMode,
         authToken,
         awaitingSignatureState,
         connectedWallets,
-        connectedWalletsInfo,
         getNameService,
         handleLogOut,
         handleUnlinkWallet,
         isAuthenticated,
         isUserConnected,
+        linkedWallets,
         loadingNetwork,
         loginWithEmail,
         multiWalletWidgetState,

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/NewToWeb3WalletItem/NewToWeb3WalletItem.cjs

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var jsxRuntime = require('react/jsx-runtime');
 var WalletListItem = require('../../../../../views/WalletList/WalletListItem/WalletListItem.cjs');
 
-const NewToWeb3WalletItem = ({ children, style, wallet, }) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, connectedWallets: [], usingMultiWallet: false, tile: children
+const NewToWeb3WalletItem = ({ children, style, wallet, }) => (jsxRuntime.jsx(WalletListItem.WalletListItem, { wallet: wallet, usingMultiWallet: false, tile: children
         ? ({ onClick }) => (jsxRuntime.jsx("button", Object.assign({ className: 'new-to-web3--button', style: style, onClick: onClick }, { children: children })))
         : undefined }));
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/NewToWeb3WalletItem/NewToWeb3WalletItem.js

@@ -1,7 +1,7 @@
 import { jsx } from 'react/jsx-runtime';
 import { WalletListItem } from '../../../../../views/WalletList/WalletListItem/WalletListItem.js';
 
-const NewToWeb3WalletItem = ({ children, style, wallet, }) => (jsx(WalletListItem, { wallet: wallet, connectedWallets: [], usingMultiWallet: false, tile: children
+const NewToWeb3WalletItem = ({ children, style, wallet, }) => (jsx(WalletListItem, { wallet: wallet, usingMultiWallet: false, tile: children
         ? ({ onClick }) => (jsx("button", Object.assign({ className: 'new-to-web3--button', style: style, onClick: onClick }, { children: children })))
         : undefined }));
 

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

@@ -6,6 +6,7 @@ var sdkApi = require('@dynamic-labs/sdk-api');
 var isProviderEnabled = require('../isProviderEnabled/isProviderEnabled.cjs');
 
 const isEmailProviderEnabled = (providers) => isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.EmailOnly) ||
+    isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.Blocto) ||
     isProviderEnabled.isProviderEnabled(providers, sdkApi.ProviderEnum.MagicLink);
 
 exports.isEmailProviderEnabled = isEmailProviderEnabled;

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

@@ -2,6 +2,7 @@ import { ProviderEnum } from '@dynamic-labs/sdk-api';
 import { isProviderEnabled } from '../isProviderEnabled/isProviderEnabled.js';
 
 const isEmailProviderEnabled = (providers) => isProviderEnabled(providers, ProviderEnum.EmailOnly) ||
+    isProviderEnabled(providers, ProviderEnum.Blocto) ||
     isProviderEnabled(providers, ProviderEnum.MagicLink);
 
 export { isEmailProviderEnabled };

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

@@ -4,10 +4,10 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 
-const isSelectedWalletAlreadyConnected = (connectedWallets, selectedWallet, user) => {
+const isSelectedWalletAlreadyConnected = (linkedWallets, selectedWallet, user) => {
     if (!user)
         return false;
-    return connectedWallets
+    return linkedWallets
         .map(({ connector }) => walletConnectorCore.normalizeWalletName(connector.name))
         .includes(walletConnectorCore.normalizeWalletName(selectedWallet.name));
 };

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

@@ -1,3 +1,3 @@
 import type { WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { UserProfile, Wallet } from '../../../shared/types';
-export declare const isSelectedWalletAlreadyConnected: (connectedWallets: Wallet[], selectedWallet: WalletConnector, user?: UserProfile | undefined) => boolean;
+export declare const isSelectedWalletAlreadyConnected: (linkedWallets: Wallet[], selectedWallet: WalletConnector, user?: UserProfile | undefined) => boolean;

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

@@ -1,9 +1,9 @@
 import { normalizeWalletName } from '@dynamic-labs/wallet-connector-core';
 
-const isSelectedWalletAlreadyConnected = (connectedWallets, selectedWallet, user) => {
+const isSelectedWalletAlreadyConnected = (linkedWallets, selectedWallet, user) => {
     if (!user)
         return false;
-    return connectedWallets
+    return linkedWallets
         .map(({ connector }) => normalizeWalletName(connector.name))
         .includes(normalizeWalletName(selectedWallet.name));
 };

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

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var getWalletProvider = require('../../../functions/getWalletProvider/getWalletProvider.cjs');
 
-const specialCareWallets = ['slope', 'myalgo'];
+const specialCareWallets = ['slope', 'myalgo', 'bloctoevm'];
 const showPendingConnectView = (walletConnector, setView) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect

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

@@ -1,7 +1,7 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { getWalletProvider } from '../../../functions/getWalletProvider/getWalletProvider.js';
 
-const specialCareWallets = ['slope', 'myalgo'];
+const specialCareWallets = ['slope', 'myalgo', 'bloctoevm'];
 const showPendingConnectView = (walletConnector, setView) => __awaiter(void 0, void 0, void 0, function* () {
     const walletProvider = getWalletProvider(walletConnector);
     // We don't want to show the pending connect view for qrCode and walletConnect

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

@@ -43,13 +43,13 @@ const useConnectAndSign = () => {
     });
     return ({ walletConnector, fetchPublicAddressOpts = undefined, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
-        yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
         try {
+            yield showPendingConnectView.showPendingConnectView(walletConnector, setView);
             if (walletConnectorCore.isEmailWalletConnector(walletConnector)) {
                 if (walletConnectorCore.isEmailOTPWalletConnector(walletConnector)) {
                     setView('email-wallet-otp-verification-view');
                 }
-                else {
+                else if (!walletConnectorCore.isBloctoConnector(walletConnector)) {
                     setView('wait-for-email-confirmation-view');
                 }
             }
@@ -75,7 +75,8 @@ const useConnectAndSign = () => {
                 setView('captcha');
                 return;
             }
-            if (!walletConnectorCore.isEmailWalletConnector(walletConnector)) {
+            if (!walletConnectorCore.isEmailWalletConnector(walletConnector) ||
+                walletConnectorCore.isBloctoConnector(walletConnector)) {
                 setView('pending-signature');
             }
             else {

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

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../../../../_virtual/_tslib.js';
-import { isEmailWalletConnector, isEmailOTPWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { isEmailWalletConnector, isEmailOTPWalletConnector, isBloctoConnector } from '@dynamic-labs/wallet-connector-core';
 import { showPendingConnectView } from '../helpers/showPendingConnectView.js';
 import { isConnectOnly } from '../helpers/isConnectOnly.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
@@ -39,13 +39,13 @@ const useConnectAndSign = () => {
     });
     return ({ walletConnector, fetchPublicAddressOpts = undefined, }) => __awaiter(void 0, void 0, void 0, function* () {
         var _a, _b;
-        yield showPendingConnectView(walletConnector, setView);
         try {
+            yield showPendingConnectView(walletConnector, setView);
             if (isEmailWalletConnector(walletConnector)) {
                 if (isEmailOTPWalletConnector(walletConnector)) {
                     setView('email-wallet-otp-verification-view');
                 }
-                else {
+                else if (!isBloctoConnector(walletConnector)) {
                     setView('wait-for-email-confirmation-view');
                 }
             }
@@ -71,7 +71,8 @@ const useConnectAndSign = () => {
                 setView('captcha');
                 return;
             }
-            if (!isEmailWalletConnector(walletConnector)) {
+            if (!isEmailWalletConnector(walletConnector) ||
+                isBloctoConnector(walletConnector)) {
                 setView('pending-signature');
             }
             else {

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

@@ -28,3 +28,4 @@ export { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect/useIsomor
 export { useTimeout } from './useTimeout/useTimeout';
 export { useInterval } from './useInterval/useInterval';
 export { useCountdown } from './useCountdown/useCountdown';
+export { useWalletConnectorEvents } from './useWalletConnectorEvents/useWalletConnectorEvents';

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

@@ -0,0 +1 @@
+export { useConnectWithEmail } from './useConnectWithEmail';

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

@@ -20,9 +20,8 @@ var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 
 const useConnectWithEmail = ({ emailWalletConnector, handleConnect, }) => {
     const { error } = ErrorContext.useErrorContext();
-    const [email, setEmail] = React.useState('');
     const [loading, setLoading] = React.useState(false);
-    const connectWithEmail = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const connectWithEmail = (email) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         if (!email || !emailWalletConnector || loading)
             return;
         setLoading(true);
@@ -42,9 +41,7 @@ const useConnectWithEmail = ({ emailWalletConnector, handleConnect, }) => {
     }, [error, loading]);
     return {
         connectWithEmail,
-        email,
         loading,
-        setEmail,
     };
 };
 

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

@@ -1,13 +1,10 @@
-/// <reference types="react" />
 import { IEmailWalletConnector, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 type ConnectWithEmailProps = {
     emailWalletConnector: IEmailWalletConnector | undefined;
     handleConnect: (walletConnector: WalletConnector) => Promise<void>;
 };
 export declare const useConnectWithEmail: ({ emailWalletConnector, handleConnect, }: ConnectWithEmailProps) => {
-    connectWithEmail: () => Promise<void>;
-    email: string;
+    connectWithEmail: (email: string) => Promise<void>;
     loading: boolean;
-    setEmail: import("react").Dispatch<import("react").SetStateAction<string>>;
 };
 export {};