@dynamic-labs/sdk-react-core 0.18.0-RC.8 → 0.18.0-RC.9

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

@@ -1,3 +1,6 @@
 import { DependencyList } from 'react';
 import { PromiseState } from './usePromise.types';
-export declare const usePromise: <T = unknown, E = unknown>(fetcher: () => T | Promise<T>, deps?: DependencyList) => PromiseState<T, E>;
+export type UsePromiseOptions = {
+    enabled?: boolean;
+};
+export declare const usePromise: <T = unknown, E = unknown>(fetcher: () => T | Promise<T>, deps?: DependencyList, options?: UsePromiseOptions) => PromiseState<T, E>;

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

@@ -1,7 +1,9 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useCallback, useEffect } from 'react';
 
-const usePromise = (fetcher, deps = []) => {
+const usePromise = (fetcher, deps = [], options = {
+    enabled: true,
+}) => {
     const [state, setState] = useState({
         active: false,
     });
@@ -31,7 +33,9 @@ const usePromise = (fetcher, deps = []) => {
         }
     }), [setState, fetcher]);
     useEffect(() => {
-        fetch();
+        if (options.enabled) {
+            fetch();
+        }
     }, deps);
     return Object.assign(Object.assign({}, state), { isLoading: state.active });
 };

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

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

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

@@ -0,0 +1,79 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+
+const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }) => {
+    const [hasLoggedOut, setHasLoggedOut] = React.useState(false);
+    if (hasLoggedOut) {
+        return;
+    }
+    const logout = (reason, params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        setHasLoggedOut(true);
+        logger.logger.debug(`Logging out - Reason: ${reason}`, Object.assign({}, params));
+        yield handleLogOut();
+    });
+    const handleUserDataOutOfSync = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (authToken || !user) {
+            return;
+        }
+        yield logout('user data out of sync', {
+            authToken,
+            user,
+        });
+    });
+    const handleConnectorBridgeOutOfSync = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        let currentWalletConnectV1Bridge;
+        if (walletConnectors) {
+            for (const connector of walletConnectors) {
+                const session = yield connector.getSession();
+                const bridge = session && (session === null || session === void 0 ? void 0 : session.bridge);
+                if (bridge) {
+                    currentWalletConnectV1Bridge = bridge;
+                    break;
+                }
+            }
+        }
+        if (!walletConnectV1Bridge ||
+            !currentWalletConnectV1Bridge ||
+            walletConnectV1Bridge === currentWalletConnectV1Bridge) {
+            return;
+        }
+        yield logout('connector bridge out of sync', {
+            newBridge: walletConnectV1Bridge,
+            oldBridge: currentWalletConnectV1Bridge,
+        });
+    });
+    const hasWCV1Data = localStorage.LocalStorage.getKeys().some((key) => key.startsWith('walletconnect') || key.startsWith('walletlink'));
+    const hasWCV2Data = localStorage.LocalStorage.getKeys().some((key) => key.startsWith('wc@2'));
+    const handleConnectorVersionOutOfSync = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        if (!wcVersion ||
+            (wcVersion === 2 && !hasWCV1Data) ||
+            (wcVersion === 1 && !hasWCV2Data)) {
+            return;
+        }
+        yield logout('connector version out of sync', {
+            newVersion: wcVersion,
+            oldVersion: hasWCV1Data ? 1 : 2,
+        });
+    });
+    handleUserDataOutOfSync();
+    handleConnectorBridgeOutOfSync();
+    handleConnectorVersionOutOfSync();
+};
+
+exports.useValidateSession = useValidateSession;

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

@@ -0,0 +1,12 @@
+import { UserProfile } from '../../../shared';
+import { WalletConnector } from '../../../..';
+type Props = {
+    handleLogOut: () => Promise<void>;
+    user: UserProfile | undefined;
+    authToken: string | undefined;
+    walletConnectV1Bridge: string | undefined;
+    walletConnectors: WalletConnector[] | undefined;
+    wcVersion: number | undefined;
+};
+export declare const useValidateSession: ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }: Props) => void;
+export {};

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

@@ -0,0 +1,75 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useState } from 'react';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
+
+const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }) => {
+    const [hasLoggedOut, setHasLoggedOut] = useState(false);
+    if (hasLoggedOut) {
+        return;
+    }
+    const logout = (reason, params) => __awaiter(void 0, void 0, void 0, function* () {
+        setHasLoggedOut(true);
+        logger.debug(`Logging out - Reason: ${reason}`, Object.assign({}, params));
+        yield handleLogOut();
+    });
+    const handleUserDataOutOfSync = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (authToken || !user) {
+            return;
+        }
+        yield logout('user data out of sync', {
+            authToken,
+            user,
+        });
+    });
+    const handleConnectorBridgeOutOfSync = () => __awaiter(void 0, void 0, void 0, function* () {
+        let currentWalletConnectV1Bridge;
+        if (walletConnectors) {
+            for (const connector of walletConnectors) {
+                const session = yield connector.getSession();
+                const bridge = session && (session === null || session === void 0 ? void 0 : session.bridge);
+                if (bridge) {
+                    currentWalletConnectV1Bridge = bridge;
+                    break;
+                }
+            }
+        }
+        if (!walletConnectV1Bridge ||
+            !currentWalletConnectV1Bridge ||
+            walletConnectV1Bridge === currentWalletConnectV1Bridge) {
+            return;
+        }
+        yield logout('connector bridge out of sync', {
+            newBridge: walletConnectV1Bridge,
+            oldBridge: currentWalletConnectV1Bridge,
+        });
+    });
+    const hasWCV1Data = LocalStorage.getKeys().some((key) => key.startsWith('walletconnect') || key.startsWith('walletlink'));
+    const hasWCV2Data = LocalStorage.getKeys().some((key) => key.startsWith('wc@2'));
+    const handleConnectorVersionOutOfSync = () => __awaiter(void 0, void 0, void 0, function* () {
+        if (!wcVersion ||
+            (wcVersion === 2 && !hasWCV1Data) ||
+            (wcVersion === 1 && !hasWCV2Data)) {
+            return;
+        }
+        yield logout('connector version out of sync', {
+            newVersion: wcVersion,
+            oldVersion: hasWCV1Data ? 1 : 2,
+        });
+    });
+    handleUserDataOutOfSync();
+    handleConnectorBridgeOutOfSync();
+    handleConnectorVersionOutOfSync();
+};
+
+export { useValidateSession };

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

@@ -22,9 +22,7 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 var getVerifyArgs = require('../../functions/getVerifyArgs/getVerifyArgs.cjs');
 var createUserProfile = require('../../functions/createUserProfile/createUserProfile.cjs');
-var isSupportedNetwork = require('../../functions/isSupportedNetwork/isSupportedNetwork.cjs');
 require('@dynamic-labs/sdk-api');
-var isProgrammableNetworkSwitchSupported = require('../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.cjs');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 var ErrorContext = require('../../../context/ErrorContext/ErrorContext.cjs');
 var getSiweStatement = require('../../functions/getSiweStatement/getSiweStatement.cjs');
@@ -38,7 +36,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
     const { setDeniedAddress, setDeniedOauthProvider } = AccessDeniedContext.useAccessDeniedContext();
     const { setView, goToInitialView } = ViewContext.useViewContext();
     const { setErrorMessage, setError } = ErrorContext.useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setConnectedWallets, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, } = useInternalDynamicContext.useInternalDynamicContext();
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
@@ -92,7 +90,6 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
     };
     const handleError = (e, walletConnector, address, oauth) => {
         removeConnectedWalletsInfo();
-        setConnectedWallets([]);
         // This is a special case where the user is trying to link a wallet
         // and the wallet is already linked and we don't want to kill the session.
         if (e instanceof utils.WalletUsedError) {
@@ -132,11 +129,6 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
     };
     return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
-        const network = yield walletConnector.getNetwork();
-        const _isSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
-            network,
-            walletConnector,
-        });
         try {
             const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt.decodeJwt(Jwt);
@@ -148,16 +140,6 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             localStorage.LocalStorage.setToLS(localStorage$1.LAST_USED_WALLET, walletConnector.name);
             setAuthMode('connect-and-sign');
             updatePrimaryWalletId(walletConnector, user);
-            // Routes user to "Not Supported Network" screen if the user is not on the supported network
-            if (projectSettings &&
-                verifyOnly &&
-                !_isSupportedNetwork &&
-                !isKycRequired) {
-                if (isProgrammableNetworkSwitchSupported.isProgrammableNetworkSwitchSupported(walletConnector)) {
-                    return setView('network-not-supported');
-                }
-                return setView('network-not-supported-manual');
-            }
             // TODO: how can projectSettings be undefined?
             if (verifyOnly && projectSettings && isKycRequired) {
                 setShowAuthFlow(true);

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

@@ -18,9 +18,7 @@ import 'ethers';
 import '../../../shared/consts/index.js';
 import { getVerifyArgs } from '../../functions/getVerifyArgs/getVerifyArgs.js';
 import { createUserProfile } from '../../functions/createUserProfile/createUserProfile.js';
-import { isSupportedNetwork } from '../../functions/isSupportedNetwork/isSupportedNetwork.js';
 import '@dynamic-labs/sdk-api';
-import { isProgrammableNetworkSwitchSupported } from '../../functions/isProgrammableNetworkSwitchSupported/isProgrammableNetworkSwitchSupported.js';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import { useErrorContext } from '../../../context/ErrorContext/ErrorContext.js';
 import { getSiweStatement } from '../../functions/getSiweStatement/getSiweStatement.js';
@@ -34,7 +32,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
     const { setDeniedAddress, setDeniedOauthProvider } = useAccessDeniedContext();
     const { setView, goToInitialView } = useViewContext();
     const { setErrorMessage, setError } = useErrorContext();
-    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, setConnectedWallets, } = useInternalDynamicContext();
+    const { setUser, multiWalletWidgetState, debugError, multiWallet: multiWalletEnabled, appName, primaryWalletId, setCallback, setShowAuthFlow, setPrimaryWalletId, siweStatement, connectedWallet, authMode, setOnboardingOnlyJwt, authToken, setAuthMode, removeConnectedWalletsInfo, } = useInternalDynamicContext();
     // If the user is not already logged it means that we only need to verify
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
@@ -88,7 +86,6 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
     };
     const handleError = (e, walletConnector, address, oauth) => {
         removeConnectedWalletsInfo();
-        setConnectedWallets([]);
         // This is a special case where the user is trying to link a wallet
         // and the wallet is already linked and we don't want to kill the session.
         if (e instanceof WalletUsedError) {
@@ -128,11 +125,6 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
     };
     return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => __awaiter(void 0, void 0, void 0, function* () {
         const walletProvider = getWalletProvider(walletConnector);
-        const network = yield walletConnector.getNetwork();
-        const _isSupportedNetwork = isSupportedNetwork({
-            network,
-            walletConnector,
-        });
         try {
             const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt(Jwt);
@@ -144,16 +136,6 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             LocalStorage.setToLS(LAST_USED_WALLET, walletConnector.name);
             setAuthMode('connect-and-sign');
             updatePrimaryWalletId(walletConnector, user);
-            // Routes user to "Not Supported Network" screen if the user is not on the supported network
-            if (projectSettings &&
-                verifyOnly &&
-                !_isSupportedNetwork &&
-                !isKycRequired) {
-                if (isProgrammableNetworkSwitchSupported(walletConnector)) {
-                    return setView('network-not-supported');
-                }
-                return setView('network-not-supported-manual');
-            }
             // TODO: how can projectSettings be undefined?
             if (verifyOnly && projectSettings && isKycRequired) {
                 setShowAuthFlow(true);

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

@@ -29,6 +29,7 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
+require('../useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
@@ -41,8 +42,6 @@ require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('formik');
 require('yup');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
     const confirmationStateRef = React.useRef('enabled');

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

@@ -25,6 +25,7 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
+import '../useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
@@ -37,8 +38,6 @@ import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'formik';
 import 'yup';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
     const confirmationStateRef = useRef('enabled');

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

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var data = require('../../../views/WalletList/data.cjs');
+var verifyMagicIsSetup = require('./utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 
 const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, }) => {
     const wallets = React.useMemo(() => {
@@ -45,6 +46,11 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, network
         flowNetwork,
         Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length,
     ]);
+    React.useEffect(() => {
+        if (!projectSettings || wallets.length === 0)
+            return;
+        verifyMagicIsSetup.verifyMagicIsSetup(projectSettings, wallets.map(({ walletConnector }) => walletConnector));
+    }, [wallets, projectSettings]);
     return { wallets };
 };
 

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

@@ -1,5 +1,6 @@
-import { useMemo } from 'react';
+import { useMemo, useEffect } from 'react';
 import { getInstalledWallets, getNotInstalledWallets } from '../../../views/WalletList/data.js';
+import { verifyMagicIsSetup } from './utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 
 const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletBook, walletConnectV1Bridge, walletUiUtils, walletConnectorsProp, }) => {
     const wallets = useMemo(() => {
@@ -41,6 +42,11 @@ const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, network
         flowNetwork,
         Object.keys(walletBook !== null && walletBook !== void 0 ? walletBook : {}).length,
     ]);
+    useEffect(() => {
+        if (!projectSettings || wallets.length === 0)
+            return;
+        verifyMagicIsSetup(projectSettings, wallets.map(({ walletConnector }) => walletConnector));
+    }, [wallets, projectSettings]);
     return { wallets };
 };
 

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

@@ -0,0 +1 @@
+export * from './verifyMagicIsSetup';

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

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

package/src/lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs

@@ -0,0 +1,35 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sdkApi = require('@dynamic-labs/sdk-api');
+var utils = require('@dynamic-labs/utils');
+require('../../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('@dynamic-labs/wallet-book');
+require('../../../../constants/colors.cjs');
+require('../../../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isProviderEnabled = require('../../../../functions/isProviderEnabled/isProviderEnabled.cjs');
+
+const MissingMagicSetupError = new utils.DynamicError('Magic is enabled but @dynamic-labs/magic package is not set up.\nSee https://docs.dynamic.xyz/docs/reduce-bundle-size-with-modular-sdk for more information');
+const magicEmailOtpWalletConnectorKey = 'magicemailotp';
+const magicSocialWalletConnectorKey = 'magicsocial';
+const verifyMagicIsSetup = (projectSettings, walletConnectors) => {
+    var _a;
+    const isMagicEnabled = isProviderEnabled.isProviderEnabled((_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [], sdkApi.ProviderEnum.MagicLink);
+    const isMagicWalletConnectorPresent = walletConnectors.some(({ key }) => [magicEmailOtpWalletConnectorKey, magicSocialWalletConnectorKey].includes(key));
+    if (isMagicEnabled && !isMagicWalletConnectorPresent) {
+        throw MissingMagicSetupError;
+    }
+};
+
+exports.MissingMagicSetupError = MissingMagicSetupError;
+exports.magicEmailOtpWalletConnectorKey = magicEmailOtpWalletConnectorKey;
+exports.verifyMagicIsSetup = verifyMagicIsSetup;

package/src/lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.d.ts

@@ -0,0 +1,6 @@
+import { ProjectSettings } from '@dynamic-labs/sdk-api';
+import { WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { DynamicError } from '@dynamic-labs/utils';
+export declare const MissingMagicSetupError: DynamicError;
+export declare const magicEmailOtpWalletConnectorKey = "magicemailotp";
+export declare const verifyMagicIsSetup: (projectSettings: ProjectSettings, walletConnectors: WalletConnector[]) => void;

package/src/lib/utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js

@@ -0,0 +1,29 @@
+import { ProviderEnum } from '@dynamic-labs/sdk-api';
+import { DynamicError } from '@dynamic-labs/utils';
+import '../../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../../../context/ViewContext/ViewContext.js';
+import 'react';
+import '@dynamic-labs/wallet-book';
+import '../../../../constants/colors.js';
+import '../../../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isProviderEnabled } from '../../../../functions/isProviderEnabled/isProviderEnabled.js';
+
+const MissingMagicSetupError = new DynamicError('Magic is enabled but @dynamic-labs/magic package is not set up.\nSee https://docs.dynamic.xyz/docs/reduce-bundle-size-with-modular-sdk for more information');
+const magicEmailOtpWalletConnectorKey = 'magicemailotp';
+const magicSocialWalletConnectorKey = 'magicsocial';
+const verifyMagicIsSetup = (projectSettings, walletConnectors) => {
+    var _a;
+    const isMagicEnabled = isProviderEnabled((_a = projectSettings.providers) !== null && _a !== void 0 ? _a : [], ProviderEnum.MagicLink);
+    const isMagicWalletConnectorPresent = walletConnectors.some(({ key }) => [magicEmailOtpWalletConnectorKey, magicSocialWalletConnectorKey].includes(key));
+    if (isMagicEnabled && !isMagicWalletConnectorPresent) {
+        throw MissingMagicSetupError;
+    }
+};
+
+export { MissingMagicSetupError, magicEmailOtpWalletConnectorKey, verifyMagicIsSetup };

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('react');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
+require('../../shared/consts/index.cjs');
+var ConnectedWalletsListLayout = require('../../layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.cjs');
+var DynamicBridgeWalletCard = require('../../widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCard/DynamicBridgeWalletCard.cjs');
+var DynamicBridgeWalletCardBody = require('../../widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.cjs');
+var Balance = require('../../widgets/DynamicWidget/components/Balance/Balance.cjs');
+var SecondaryWallets = require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+
+const BridgeSummaryView = () => {
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
+    if (!primaryWallet) {
+        throw new Error('primaryWallet should be defined');
+    }
+    const PrimaryWalletChainIcon = getChainIcon.getChainIcon(primaryWallet.chain);
+    const primaryWalletChainInfo = walletConnectorCore.getChainInfo(primaryWallet.chain);
+    const onClickClose = () => setShowAuthFlow(false);
+    return (jsxRuntime.jsxs(ConnectedWalletsListLayout.ConnectedWalletsListLayout, Object.assign({ onClickClose: onClickClose, onClickAction: onClickClose, title: "Well done, you're connected" }, { children: [jsxRuntime.jsx(DynamicBridgeWalletCard.DynamicBridgeWalletCard, Object.assign({ networkIcon: jsxRuntime.jsx(PrimaryWalletChainIcon, {}), networkName: primaryWalletChainInfo === null || primaryWalletChainInfo === void 0 ? void 0 : primaryWalletChainInfo.displayName }, { children: jsxRuntime.jsx(DynamicBridgeWalletCardBody.DynamicBridgeWalletCardBody, { walletName: primaryWallet.connector.name, walletAddress: primaryWallet.address, walletBalance: 
+                    // eslint-disable-next-line react/jsx-wrap-multilines
+                    jsxRuntime.jsx(Balance.Balance, { address: primaryWallet.address, connector: primaryWallet.connector, network: primaryWallet.chain }) }) })), jsxRuntime.jsx(SecondaryWallets.MemoSecondaryWallets, { hideUnlinkAction: true })] })));
+};
+
+exports.BridgeSummaryView = BridgeSummaryView;

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BridgeSummaryView: () => JSX.Element;

package/src/lib/views/BridgeSummaryView/BridgeSummaryView.js

@@ -0,0 +1,35 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { getChainInfo } from '@dynamic-labs/wallet-connector-core';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import { getChainIcon } from '../../shared/utils/functions/chain/getChainIcon.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import 'react';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
+import '../../shared/consts/index.js';
+import { ConnectedWalletsListLayout } from '../../layouts/ConnectedWalletsListLayout/ConnectedWalletsListLayout.js';
+import { DynamicBridgeWalletCard } from '../../widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCard/DynamicBridgeWalletCard.js';
+import { DynamicBridgeWalletCardBody } from '../../widgets/DynamicBridgeWidget/components/DynamicBridgeWalletCardBody/DynamicBridgeWalletCardBody.js';
+import { Balance } from '../../widgets/DynamicWidget/components/Balance/Balance.js';
+import { MemoSecondaryWallets } from '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+
+const BridgeSummaryView = () => {
+    const { primaryWallet, setShowAuthFlow } = useInternalDynamicContext();
+    if (!primaryWallet) {
+        throw new Error('primaryWallet should be defined');
+    }
+    const PrimaryWalletChainIcon = getChainIcon(primaryWallet.chain);
+    const primaryWalletChainInfo = getChainInfo(primaryWallet.chain);
+    const onClickClose = () => setShowAuthFlow(false);
+    return (jsxs(ConnectedWalletsListLayout, Object.assign({ onClickClose: onClickClose, onClickAction: onClickClose, title: "Well done, you're connected" }, { children: [jsx(DynamicBridgeWalletCard, Object.assign({ networkIcon: jsx(PrimaryWalletChainIcon, {}), networkName: primaryWalletChainInfo === null || primaryWalletChainInfo === void 0 ? void 0 : primaryWalletChainInfo.displayName }, { children: jsx(DynamicBridgeWalletCardBody, { walletName: primaryWallet.connector.name, walletAddress: primaryWallet.address, walletBalance: 
+                    // eslint-disable-next-line react/jsx-wrap-multilines
+                    jsx(Balance, { address: primaryWallet.address, connector: primaryWallet.connector, network: primaryWallet.chain }) }) })), jsx(MemoSecondaryWallets, { hideUnlinkAction: true })] })));
+};
+
+export { BridgeSummaryView };

package/src/lib/views/BridgeSummaryView/index.d.ts

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

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.cjs

@@ -0,0 +1,48 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+var BridgeWelcomeLayout = require('../../layouts/BridgeWelcomeLayout/BridgeWelcomeLayout.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+var getChainIcon = require('../../shared/utils/functions/chain/getChainIcon.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('@dynamic-labs/iconic');
+var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('../../shared/consts/index.cjs');
+
+const isChainInfoDefined = (chainInfo) => chainInfo !== undefined;
+const BridgeWelcomeView = () => {
+    const { appName, walletsByChain = [], setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView } = ViewContext.useViewContext();
+    const body = React.useMemo(() => {
+        const blockchainNames = walletsByChain.map(({ chain }) => { var _a; return (_a = walletConnectorCore.getChainInfo(chain)) === null || _a === void 0 ? void 0 : _a.blockchainName; });
+        const [firstBlockchainName, secondBlockchainName] = blockchainNames;
+        return `You’ll need to connect both an ${firstBlockchainName} and a ${secondBlockchainName} wallet to get started`;
+    }, [walletsByChain]);
+    const chains = React.useMemo(() => walletsByChain
+        .map(({ chain }, index) => {
+        const chainInfo = walletConnectorCore.getChainInfo(chain);
+        const ChainIcon = getChainIcon.getChainIcon(chain);
+        if (chainInfo && ChainIcon) {
+            return {
+                icon: jsxRuntime.jsx(ChainIcon, {}),
+                id: index,
+                name: chainInfo.blockchainName,
+            };
+        }
+        return undefined;
+    })
+        .filter(isChainInfoDefined), [walletsByChain]);
+    return (jsxRuntime.jsx(BridgeWelcomeLayout.BridgeWelcomeLayout, { onClickClose: () => setShowAuthFlow(false), title: `Welcome ${appName}`, body: body, chains: chains, actionButtonText: 'Get started', onClickAction: () => setView('wallet-list') }));
+};
+
+exports.BridgeWelcomeView = BridgeWelcomeView;

package/src/lib/views/BridgeWelcomeView/BridgeWelcomeView.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const BridgeWelcomeView: () => JSX.Element;