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

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs

@@ -8,18 +8,25 @@ var isWalletLinked = require('../../../functions/isWalletLinked/isWalletLinked.c
 var ViewContext = require('../../../../context/ViewContext/ViewContext.cjs');
 var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
 
-const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, }) => {
+const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, connectWalletByAddressAndChain, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, authMode, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { setView } = ViewContext.useViewContext();
     const handlePrimaryWalletNotActive = React.useCallback((connectedAddress) => {
         if (!primaryWallet)
             return;
+        if (authMode === 'connect-only') {
+            connectWalletByAddressAndChain(primaryWallet.connector.name, connectedAddress, primaryWallet.chain);
+            return;
+        }
         const connectedWalletIsLinked = isWalletLinked.isWalletLinked(connectedAddress, [
             primaryWallet,
             ...secondaryWallets,
         ]);
         if (!connectedWalletIsLinked) {
-            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
+            // MM returns all connected wallets now, so we need to check if the active account
+            // is not in the same wallet as the primary wallet before automatically switching
+            // to a connected secondary wallet as it was causing an infinite loop
+            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected && primaryWallet.connector !== wallet.connector);
             if (!connectedSecondaryWallet) {
                 setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
                 return;
@@ -45,12 +52,14 @@ const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, m
         setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
     }, [
         primaryWallet,
+        authMode,
         secondaryWallets,
         showWidgetStatePopup,
-        setShowWidgetStatePopup,
         setMultiWalletWidgetState,
+        connectWalletByAddressAndChain,
         setPrimaryWallet,
         computeConnectedStateForWallets,
+        setShowWidgetStatePopup,
     ]);
     React.useEffect(() => {
         if (!canSync)
@@ -92,6 +101,7 @@ const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, m
         canSync,
         setView,
         setShowAuthFlow,
+        authMode,
     ]);
 };
 

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.d.ts

@@ -1,9 +1,11 @@
 import { Dispatch, SetStateAction } from 'react';
-import { MultiWalletWidgetState, Wallet } from '../../../../shared/types';
+import { Chain } from '@dynamic-labs/wallet-connector-core';
+import { AuthModeType, MultiWalletWidgetState, Wallet } from '../../../../shared/types';
 import { MultiWalletWidgetStateSetter } from '../useMultiWalletWidgetState';
 export type UseSyncPrimaryWalletArgs = {
     canSync?: boolean;
     computeConnectedStateForWallets: () => Promise<void>;
+    connectWalletByAddressAndChain: (name: string, address: string, chain: Chain) => Promise<void>;
     handleLogOut: () => Promise<void>;
     multiWalletWidgetState: MultiWalletWidgetState;
     primaryWallet: Wallet | null;
@@ -12,5 +14,6 @@ export type UseSyncPrimaryWalletArgs = {
     setPrimaryWallet: (walletId: string) => Promise<void>;
     setShowWidgetStatePopup: Dispatch<SetStateAction<boolean>>;
     showWidgetStatePopup: boolean;
+    authMode: AuthModeType;
 };
-export declare const useSyncPrimaryWallet: ({ computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync, }: UseSyncPrimaryWalletArgs) => void;
+export declare const useSyncPrimaryWallet: ({ computeConnectedStateForWallets, connectWalletByAddressAndChain, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync, authMode, }: UseSyncPrimaryWalletArgs) => void;

package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js

@@ -4,18 +4,25 @@ import { isWalletLinked } from '../../../functions/isWalletLinked/isWalletLinked
 import { useViewContext } from '../../../../context/ViewContext/ViewContext.js';
 import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
 
-const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, }) => {
+const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, connectWalletByAddressAndChain, handleLogOut, multiWalletWidgetState, primaryWallet, secondaryWallets, setMultiWalletWidgetState, setPrimaryWallet, setShowWidgetStatePopup, showWidgetStatePopup, canSync = true, authMode, }) => {
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const handlePrimaryWalletNotActive = useCallback((connectedAddress) => {
         if (!primaryWallet)
             return;
+        if (authMode === 'connect-only') {
+            connectWalletByAddressAndChain(primaryWallet.connector.name, connectedAddress, primaryWallet.chain);
+            return;
+        }
         const connectedWalletIsLinked = isWalletLinked(connectedAddress, [
             primaryWallet,
             ...secondaryWallets,
         ]);
         if (!connectedWalletIsLinked) {
-            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected);
+            // MM returns all connected wallets now, so we need to check if the active account
+            // is not in the same wallet as the primary wallet before automatically switching
+            // to a connected secondary wallet as it was causing an infinite loop
+            const connectedSecondaryWallet = secondaryWallets.find((wallet) => wallet.connected && primaryWallet.connector !== wallet.connector);
             if (!connectedSecondaryWallet) {
                 setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
                 return;
@@ -41,12 +48,14 @@ const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, m
         setMultiWalletWidgetState('awaiting_account_switch', 'primary_not_connected');
     }, [
         primaryWallet,
+        authMode,
         secondaryWallets,
         showWidgetStatePopup,
-        setShowWidgetStatePopup,
         setMultiWalletWidgetState,
+        connectWalletByAddressAndChain,
         setPrimaryWallet,
         computeConnectedStateForWallets,
+        setShowWidgetStatePopup,
     ]);
     useEffect(() => {
         if (!canSync)
@@ -88,6 +97,7 @@ const useSyncPrimaryWallet = ({ computeConnectedStateForWallets, handleLogOut, m
         canSync,
         setView,
         setShowAuthFlow,
+        authMode,
     ]);
 };
 

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

@@ -11,7 +11,7 @@ var getDynamicLayoutData = require('../../functions/getDynamicLayoutData/getDyna
 
 const useAuthLayoutChecks = (walletConnector) => {
     const { view } = ViewContext.useViewContext();
-    const { user, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    const { user, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, } = useInternalDynamicContext.useInternalDynamicContext();
     const { showQrCodeMessage, showQrCodeImage } = QrCodeContext.useQrCodeContext();
     const { mockedSDK } = MockContext.useMockContext();
     const { helpHeaderData } = getDynamicLayoutData.getDynamicLayoutData({ view });
@@ -34,6 +34,7 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'verify-email' &&
         view !== 'network-not-supported' &&
         view !== 'wallet-locked-view' &&
+        view !== 'gate-blocked-wallet' &&
         view !== 'email-wallet-otp-verification-view' &&
         view !== 'bridge-welcome' &&
         view !== 'bridge-summary' &&
@@ -45,14 +46,17 @@ const useAuthLayoutChecks = (walletConnector) => {
             view === 'pending-connect' ||
             view === 'pending-signature' ||
             view === 'pending-signature-without-back-button' ||
-            view === 'bridge-next-wallet-connection');
+            view === 'bridge-next-wallet-connection' ||
+            view === 'bridge-summary');
     const showToSFooter = Boolean(!isUserLinkingWallet.isUserLinkingWallet(user, view, mockedSDK) &&
         (view === 'wallet-list' ||
             view === 'wallet-connect-mobile-wallets-list' ||
             // Don't show empty footer on login-with-email-or-wallet-full-wallet-list
             (view === 'login-with-email-or-wallet' &&
-                termsOfServiceUrl &&
-                privacyPolicyUrl) ||
+                (termsOfServiceUrl ||
+                    privacyPolicyUrl ||
+                    customPrivacyPolicy ||
+                    customTermsOfServices)) ||
             view === 'login-with-email-or-wallet-full-wallet-list'));
     const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
         view !== 'login-with-email-verification';

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

@@ -7,7 +7,7 @@ import { getDynamicLayoutData } from '../../functions/getDynamicLayoutData/getDy
 
 const useAuthLayoutChecks = (walletConnector) => {
     const { view } = useViewContext();
-    const { user, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow } = useInternalDynamicContext();
+    const { user, customPrivacyPolicy, customTermsOfServices, privacyPolicyUrl, termsOfServiceUrl, isBridgeFlow, } = useInternalDynamicContext();
     const { showQrCodeMessage, showQrCodeImage } = useQrCodeContext();
     const { mockedSDK } = useMockContext();
     const { helpHeaderData } = getDynamicLayoutData({ view });
@@ -30,6 +30,7 @@ const useAuthLayoutChecks = (walletConnector) => {
         view !== 'verify-email' &&
         view !== 'network-not-supported' &&
         view !== 'wallet-locked-view' &&
+        view !== 'gate-blocked-wallet' &&
         view !== 'email-wallet-otp-verification-view' &&
         view !== 'bridge-welcome' &&
         view !== 'bridge-summary' &&
@@ -41,14 +42,17 @@ const useAuthLayoutChecks = (walletConnector) => {
             view === 'pending-connect' ||
             view === 'pending-signature' ||
             view === 'pending-signature-without-back-button' ||
-            view === 'bridge-next-wallet-connection');
+            view === 'bridge-next-wallet-connection' ||
+            view === 'bridge-summary');
     const showToSFooter = Boolean(!isUserLinkingWallet(user, view, mockedSDK) &&
         (view === 'wallet-list' ||
             view === 'wallet-connect-mobile-wallets-list' ||
             // Don't show empty footer on login-with-email-or-wallet-full-wallet-list
             (view === 'login-with-email-or-wallet' &&
-                termsOfServiceUrl &&
-                privacyPolicyUrl) ||
+                (termsOfServiceUrl ||
+                    privacyPolicyUrl ||
+                    customPrivacyPolicy ||
+                    customTermsOfServices)) ||
             view === 'login-with-email-or-wallet-full-wallet-list'));
     const showCloseButton = view !== 'login-with-email-or-wallet-full-wallet-list' &&
         view !== 'login-with-email-verification';

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

@@ -25,7 +25,6 @@ var shouldManuallyReconnectOnRefresh = require('../../functions/shouldManuallyRe
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage.useLocalStorage(localStorage.CONNECTED_WALLETS_INFO, []);
-    const [connectedWallet, setConnectedWallet] = React.useState(null);
     const getNextIdAvailable = React.useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -53,19 +52,23 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         };
     })
         .filter((wc) => wc !== null), [connectedWalletsInfo, wallets]);
+    const connectedWallet = connectedWallets[0] || null;
     const setConnectedStates = React.useCallback((walletConnector, address, chain) => {
-        setConnectedWallet({
-            address,
-            chain,
-            connected: true,
-            connector: walletConnector,
-            id: 'connect-only-wallet',
-        });
         setConnectedWalletsInfo((currentWallets) => {
+            const existingWalletIndex = currentWallets.findIndex((currentWallet) => currentWallet.name === walletConnector.name);
             const exists = currentWallets.some((currentWallet) => currentWallet.walletPublicKey === address);
+            // this is done, to make sure we're not adding two wallets with the same address to the array
             if (exists) {
                 return currentWallets;
             }
+            // when calling this function with a new wallet that has the same wallet connector as
+            // an existing one in the array, we intend to replace the existing wallet with the new one.
+            if (existingWalletIndex !== -1) {
+                const updatedWallets = [...currentWallets];
+                updatedWallets[existingWalletIndex] = Object.assign(Object.assign({}, updatedWallets[existingWalletIndex]), { chain, provider: getWalletProvider.getWalletProvider(walletConnector), walletPublicKey: address });
+                return updatedWallets;
+            }
+            // otherwise, add new wallet to connectedWalletsInfo array
             return [
                 ...currentWallets,
                 {
@@ -91,28 +94,13 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 setConnectedStates(walletConnector, address, chain);
             }
             else {
-                setConnectedWallet(null);
+                removeConnectedWalletsInfo();
             }
         }
         else {
-            setConnectedWallet(null);
-        }
-    }), [setConnectedStates, wallets]);
-    React.useEffect(() => {
-        const shouldUpdateConnectedWalletsState = authMode === 'connect-only' && connectedWalletsInfo.length;
-        if (shouldUpdateConnectedWalletsState) {
-            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }) => {
-                if (chain) {
-                    connectWalletByAddressAndChain(name, walletPublicKey, chain);
-                }
-            });
+            removeConnectedWalletsInfo();
         }
-    }, [
-        authMode,
-        connectWalletByAddressAndChain,
-        connectedWallets.length,
-        connectedWalletsInfo,
-    ]);
+    }), [removeConnectedWalletsInfo, setConnectedStates, wallets]);
     const shouldSkipCreatingVisit = React.useMemo(() => (authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly) ||
         connectedWallet, [authMode, connectedWallet, enableVisitTrackingOnConnectOnly]);
     const connectWallet = (walletConnector, fetchPublicAddressOpts) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
@@ -161,7 +149,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         connectedWalletsInfo,
         getConnectedWalletById,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
         unlinkConnectedWallet,
     };
 };

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, Wallet, WalletOption } from '../../../shared';
 export type ConnectedWalletConnectorType = {
@@ -20,12 +19,11 @@ type Props = {
 export declare const useConnectWallet: ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }: Props) => {
     connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts) => Promise<string>;
     connectWalletByAddressAndChain: (name: string, address: string, chain: Chain) => Promise<void>;
-    connectedWallet: Wallet | null;
+    connectedWallet: Wallet;
     connectedWallets: Wallet[];
     connectedWalletsInfo: [] | ConnectedWalletConnectorType[];
     getConnectedWalletById: (walletId: string) => Wallet | undefined;
     removeConnectedWalletsInfo: () => void;
-    setConnectedWallet: import("react").Dispatch<import("react").SetStateAction<Wallet | null>>;
     unlinkConnectedWallet: (walletId: string) => void;
 };
 export {};

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

@@ -1,5 +1,5 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useCallback, useMemo, useEffect } from 'react';
+import { useCallback, useMemo } from 'react';
 import { getWalletConnectorByName, isSameAddress } from '@dynamic-labs/wallet-connector-core';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
@@ -21,7 +21,6 @@ import { shouldManuallyReconnectOnRefresh } from '../../functions/shouldManually
 
 const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingOnConnectOnly, environmentId, primaryWalletId, setPrimaryWalletId, wallets, }) => {
     const [connectedWalletsInfo, setConnectedWalletsInfo, removeConnectedWalletsInfo,] = useLocalStorage(CONNECTED_WALLETS_INFO, []);
-    const [connectedWallet, setConnectedWallet] = useState(null);
     const getNextIdAvailable = useCallback((currentWallets) => {
         const existingIds = currentWallets.map(({ id }) => id);
         const sortedIds = existingIds
@@ -49,19 +48,23 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         };
     })
         .filter((wc) => wc !== null), [connectedWalletsInfo, wallets]);
+    const connectedWallet = connectedWallets[0] || null;
     const setConnectedStates = useCallback((walletConnector, address, chain) => {
-        setConnectedWallet({
-            address,
-            chain,
-            connected: true,
-            connector: walletConnector,
-            id: 'connect-only-wallet',
-        });
         setConnectedWalletsInfo((currentWallets) => {
+            const existingWalletIndex = currentWallets.findIndex((currentWallet) => currentWallet.name === walletConnector.name);
             const exists = currentWallets.some((currentWallet) => currentWallet.walletPublicKey === address);
+            // this is done, to make sure we're not adding two wallets with the same address to the array
             if (exists) {
                 return currentWallets;
             }
+            // when calling this function with a new wallet that has the same wallet connector as
+            // an existing one in the array, we intend to replace the existing wallet with the new one.
+            if (existingWalletIndex !== -1) {
+                const updatedWallets = [...currentWallets];
+                updatedWallets[existingWalletIndex] = Object.assign(Object.assign({}, updatedWallets[existingWalletIndex]), { chain, provider: getWalletProvider(walletConnector), walletPublicKey: address });
+                return updatedWallets;
+            }
+            // otherwise, add new wallet to connectedWalletsInfo array
             return [
                 ...currentWallets,
                 {
@@ -87,28 +90,13 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
                 setConnectedStates(walletConnector, address, chain);
             }
             else {
-                setConnectedWallet(null);
+                removeConnectedWalletsInfo();
             }
         }
         else {
-            setConnectedWallet(null);
-        }
-    }), [setConnectedStates, wallets]);
-    useEffect(() => {
-        const shouldUpdateConnectedWalletsState = authMode === 'connect-only' && connectedWalletsInfo.length;
-        if (shouldUpdateConnectedWalletsState) {
-            connectedWalletsInfo.forEach(({ name, walletPublicKey, chain }) => {
-                if (chain) {
-                    connectWalletByAddressAndChain(name, walletPublicKey, chain);
-                }
-            });
+            removeConnectedWalletsInfo();
         }
-    }, [
-        authMode,
-        connectWalletByAddressAndChain,
-        connectedWallets.length,
-        connectedWalletsInfo,
-    ]);
+    }), [removeConnectedWalletsInfo, setConnectedStates, wallets]);
     const shouldSkipCreatingVisit = useMemo(() => (authMode === 'connect-only' && !enableVisitTrackingOnConnectOnly) ||
         connectedWallet, [authMode, connectedWallet, enableVisitTrackingOnConnectOnly]);
     const connectWallet = (walletConnector, fetchPublicAddressOpts) => __awaiter(void 0, void 0, void 0, function* () {
@@ -157,7 +145,6 @@ const useConnectWallet = ({ authMode, clearPrimaryWalletId, enableVisitTrackingO
         connectedWalletsInfo,
         getConnectedWalletById,
         removeConnectedWalletsInfo,
-        setConnectedWallet,
         unlinkConnectedWallet,
     };
 };

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
@@ -24,10 +25,10 @@ require('@dynamic-labs/sdk-api');
 const useCreateUserProfileByJWTCallback = () => {
     const { setUser, handleLogOut } = useInternalDynamicContext.useInternalDynamicContext();
     const { goToInitialView } = ViewContext.useViewContext();
-    const createUserProfileByJWT = React.useCallback((jwt) => {
+    const createUserProfileByJWT = React.useCallback((jwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const decodedJWT = decodeJwt.decodeJwt(jwt);
         if (!decodedJWT) {
-            handleLogOut();
+            yield handleLogOut();
             goToInitialView();
             return;
         }
@@ -35,7 +36,7 @@ const useCreateUserProfileByJWTCallback = () => {
         const userProfile = createUserProfile.createUserProfile(decodedJWT);
         setUser(userProfile);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { createUserProfileByJWT };
 };
 

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

@@ -1,3 +1,3 @@
 export declare const useCreateUserProfileByJWTCallback: () => {
-    createUserProfileByJWT: (jwt: string) => void;
+    createUserProfileByJWT: (jwt: string) => Promise<void>;
 };

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

@@ -1,3 +1,4 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
@@ -20,10 +21,10 @@ import '@dynamic-labs/sdk-api';
 const useCreateUserProfileByJWTCallback = () => {
     const { setUser, handleLogOut } = useInternalDynamicContext();
     const { goToInitialView } = useViewContext();
-    const createUserProfileByJWT = useCallback((jwt) => {
+    const createUserProfileByJWT = useCallback((jwt) => __awaiter(void 0, void 0, void 0, function* () {
         const decodedJWT = decodeJwt(jwt);
         if (!decodedJWT) {
-            handleLogOut();
+            yield handleLogOut();
             goToInitialView();
             return;
         }
@@ -31,7 +32,7 @@ const useCreateUserProfileByJWTCallback = () => {
         const userProfile = createUserProfile(decodedJWT);
         setUser(userProfile);
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { createUserProfileByJWT };
 };
 

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

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

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

@@ -0,0 +1,40 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
+
+// This hook can be used to get all of the user's scopes (nft/token gates)
+// and check if the user has a specific scopes with some logic AND/OR (nft/token gate)
+const useDynamicScopes = () => {
+    const { decodedAuthToken } = useInternalDynamicContext.useInternalDynamicContext();
+    const userScopes = React.useMemo(() => {
+        const { scope } = decodedAuthToken || {};
+        if (!scope)
+            return [];
+        // We need to split the scopes string into an array of scopes
+        // because the scopes string is a space separated string of scopes
+        // e.g. '"scope": "customerservice marketing tech"'
+        return scope.split(' ');
+    }, [decodedAuthToken]);
+    // If customer will set scopes to an empty string it will return false
+    const userHasScopes = (scopes, logicOperator = 'OR') => {
+        if (!scopes.length)
+            return false;
+        if (typeof scopes === 'string')
+            scopes = scopes.split(' ');
+        if (logicOperator === 'AND') {
+            // If the logic operator is AND, the user must have all of the scopes
+            // If the logic operator is OR, the user must have at least one of the scopes
+            return scopes.every((scope) => Boolean(userScopes.includes(scope)));
+        }
+        return scopes.some((scope) => Boolean(userScopes.includes(scope)));
+    };
+    return {
+        userHasScopes,
+        userScopes,
+    };
+};
+
+exports.useDynamicScopes = useDynamicScopes;

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

@@ -0,0 +1,6 @@
+type LogicGateOperators = 'AND' | 'OR';
+export declare const useDynamicScopes: () => {
+    userHasScopes: (scopes: string[] | string, logicOperator?: LogicGateOperators) => boolean;
+    userScopes: string[];
+};
+export {};

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

@@ -0,0 +1,36 @@
+import { useMemo } from 'react';
+import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
+
+// This hook can be used to get all of the user's scopes (nft/token gates)
+// and check if the user has a specific scopes with some logic AND/OR (nft/token gate)
+const useDynamicScopes = () => {
+    const { decodedAuthToken } = useInternalDynamicContext();
+    const userScopes = useMemo(() => {
+        const { scope } = decodedAuthToken || {};
+        if (!scope)
+            return [];
+        // We need to split the scopes string into an array of scopes
+        // because the scopes string is a space separated string of scopes
+        // e.g. '"scope": "customerservice marketing tech"'
+        return scope.split(' ');
+    }, [decodedAuthToken]);
+    // If customer will set scopes to an empty string it will return false
+    const userHasScopes = (scopes, logicOperator = 'OR') => {
+        if (!scopes.length)
+            return false;
+        if (typeof scopes === 'string')
+            scopes = scopes.split(' ');
+        if (logicOperator === 'AND') {
+            // If the logic operator is AND, the user must have all of the scopes
+            // If the logic operator is OR, the user must have at least one of the scopes
+            return scopes.every((scope) => Boolean(userScopes.includes(scope)));
+        }
+        return scopes.some((scope) => Boolean(userScopes.includes(scope)));
+    };
+    return {
+        userHasScopes,
+        userScopes,
+    };
+};
+
+export { useDynamicScopes };

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

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.cjs');
@@ -16,11 +17,11 @@ var useCreateUserProfileByJWTCallback = require('../useCreateUserProfileByJWTCal
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback.useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext.useInternalDynamicContext();
-    const updateUserProfileByJWT = React.useCallback((jwt) => {
-        createUserProfileByJWT(jwt);
+    const updateUserProfileByJWT = React.useCallback((jwt) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield createUserProfileByJWT(jwt);
         setCallback('userProfileUpdate');
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { updateUserProfileByJWT };
 };
 

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

@@ -6,5 +6,5 @@
  * @returns An object with the 'updateUserProfileByJWT' function.
  */
 export declare const useUpdateUserProfileByJWTCallback: () => {
-    updateUserProfileByJWT: (jwt: string) => void;
+    updateUserProfileByJWT: (jwt: string) => Promise<void>;
 };

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

@@ -1,3 +1,4 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useCallback } from 'react';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
@@ -12,11 +13,11 @@ import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTC
 const useUpdateUserProfileByJWTCallback = () => {
     const { createUserProfileByJWT } = useCreateUserProfileByJWTCallback();
     const { setCallback } = useInternalDynamicContext();
-    const updateUserProfileByJWT = useCallback((jwt) => {
-        createUserProfileByJWT(jwt);
+    const updateUserProfileByJWT = useCallback((jwt) => __awaiter(void 0, void 0, void 0, function* () {
+        yield createUserProfileByJWT(jwt);
         setCallback('userProfileUpdate');
         // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, []);
+    }), []);
     return { updateUserProfileByJWT };
 };
 

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

@@ -41,7 +41,7 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
         const _isEmailVerificationRequired = isEmailVerificationRequired.isEmailVerificationRequired(updateUserProfileResponse);
         if (!_isEmailVerificationRequired) {
             // If email verification is not needed then we can update the user profile immediately.
-            updateUserProfileByJWT(updateUserProfileResponse.jwt);
+            yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
             return {
                 isEmailVerificationRequired: _isEmailVerificationRequired,
                 updateUserProfileResponse,

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

@@ -37,7 +37,7 @@ const useUserUpdateRequestInternal = ({ validationSchemaStripUnknown, }) => {
         const _isEmailVerificationRequired = isEmailVerificationRequired(updateUserProfileResponse);
         if (!_isEmailVerificationRequired) {
             // If email verification is not needed then we can update the user profile immediately.
-            updateUserProfileByJWT(updateUserProfileResponse.jwt);
+            yield updateUserProfileByJWT(updateUserProfileResponse.jwt);
             return {
                 isEmailVerificationRequired: _isEmailVerificationRequired,
                 updateUserProfileResponse,

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

@@ -103,9 +103,15 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
         }
         walletConnector.endSession();
         if (e instanceof utils.ChainalysisError) {
+            setDeniedAddress(address);
             setView('chainalysis-blocked-wallet');
             return;
         }
+        if (e instanceof utils.GateBlockedError) {
+            setDeniedAddress(address);
+            setView('gate-blocked-wallet');
+            return;
+        }
         if (e instanceof utils.NoAccessError) {
             setDeniedAddress(address);
             // we need to set this value if it's magic in order to set proper icon