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

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

@@ -7,40 +7,76 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs');
 var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
-var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('../../constants/colors.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+require('../../../context/DynamicContext/DynamicContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/utils');
-var getAuthToken = require('../../functions/getAuthToken/getAuthToken.cjs');
-require('@dynamic-labs/sdk-api');
+require('../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+var useConfirmationModal = require('../useConfirmationModal/useConfirmationModal.cjs');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../components/IconButton/IconButton.cjs');
+require('../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../components/Popper/Popper/Popper.cjs');
+require('../../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
-    const fakeSignerRef = React.useRef('disabled');
+    const confirmationStateRef = React.useRef('enabled');
     const { modal: sendTransactionModal, open: openSendTransaction } = useConfirmationModal.useConfirmationModal({
         elementId: 'dynamic-send-transaction',
     });
     const { modal, open: openSignMessage } = useConfirmationModal.useConfirmationModal({
         elementId: 'dynamic-sign-message',
     });
+    const shouldConfirmAction = React.useCallback(() => {
+        if (confirmationStateRef.current === 'disabled') {
+            confirmationStateRef.current = 'enabled';
+            return false;
+        }
+        return true;
+    }, [confirmationStateRef]);
     const signMessage = React.useCallback(({ message, handler }) => {
-        const jwt = getAuthToken.getAuthToken();
-        if (!jwt && fakeSignerRef.current === 'enabled') {
-            fakeSignerRef.current = 'disabled';
+        if (!shouldConfirmAction()) {
             return handler(message);
         }
         return openSignMessage((resolve, reject) => (jsxRuntime.jsx(SignMessageConfirmationModal.SignMessageConfirmationModal, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), message: message, handler: handler, onSignMessage: resolve, onReject: reject })));
-    }, [appLogoUrl, appName, getAppOrigin, openSignMessage]);
+    }, [appLogoUrl, appName, getAppOrigin, openSignMessage, shouldConfirmAction]);
     const sendTransaction = React.useCallback(({ transaction, handler, provider }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { title: 'Send Transaction', appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
-    }), [appLogoUrl, appName, getAppOrigin, openSendTransaction]);
-    const enableInternalSign = React.useCallback(() => {
-        fakeSignerRef.current = 'enabled';
+        if (!shouldConfirmAction()) {
+            return handler(transaction);
+        }
+        return openSendTransaction((resolve, reject) => (jsxRuntime.jsx(TransactionConfirmationModal.TransactionConfirmationModal, { title: 'Send Transaction', transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+    }), [openSendTransaction, shouldConfirmAction]);
+    const disabledConfirmationOnce = React.useCallback(() => {
+        confirmationStateRef.current = 'disabled';
     }, []);
     const walletUiUtils = React.useMemo(() => ({
-        enableInternalSign,
+        disabledConfirmationOnce,
         sendTransaction,
         signMessage,
-    }), [signMessage, enableInternalSign, sendTransaction]);
+    }), [signMessage, disabledConfirmationOnce, sendTransaction]);
     return React.useMemo(() => [modal || sendTransactionModal, walletUiUtils], [modal, sendTransactionModal, walletUiUtils]);
 };
 

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

@@ -3,40 +3,76 @@ import { jsx } from 'react/jsx-runtime';
 import { useRef, useCallback, useMemo } from 'react';
 import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js';
 import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
-import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '../../../config/LSSuffix.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '../../constants/colors.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
+import '../../../context/DynamicContext/DynamicContext.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/utils';
-import { getAuthToken } from '../../functions/getAuthToken/getAuthToken.js';
-import '@dynamic-labs/sdk-api';
+import '../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import { useConfirmationModal } from '../useConfirmationModal/useConfirmationModal.js';
+import '../../../context/MockContext/MockContext.js';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../components/IconButton/IconButton.js';
+import '../../../components/Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
+import '../../../components/Popper/Popper/Popper.js';
+import '../../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
 
 const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
-    const fakeSignerRef = useRef('disabled');
+    const confirmationStateRef = useRef('enabled');
     const { modal: sendTransactionModal, open: openSendTransaction } = useConfirmationModal({
         elementId: 'dynamic-send-transaction',
     });
     const { modal, open: openSignMessage } = useConfirmationModal({
         elementId: 'dynamic-sign-message',
     });
+    const shouldConfirmAction = useCallback(() => {
+        if (confirmationStateRef.current === 'disabled') {
+            confirmationStateRef.current = 'enabled';
+            return false;
+        }
+        return true;
+    }, [confirmationStateRef]);
     const signMessage = useCallback(({ message, handler }) => {
-        const jwt = getAuthToken();
-        if (!jwt && fakeSignerRef.current === 'enabled') {
-            fakeSignerRef.current = 'disabled';
+        if (!shouldConfirmAction()) {
             return handler(message);
         }
         return openSignMessage((resolve, reject) => (jsx(SignMessageConfirmationModal, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), message: message, handler: handler, onSignMessage: resolve, onReject: reject })));
-    }, [appLogoUrl, appName, getAppOrigin, openSignMessage]);
+    }, [appLogoUrl, appName, getAppOrigin, openSignMessage, shouldConfirmAction]);
     const sendTransaction = useCallback(({ transaction, handler, provider }) => __awaiter(void 0, void 0, void 0, function* () {
-        return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { title: 'Send Transaction', appLogoUrl: appLogoUrl, appName: appName, appOrigin: getAppOrigin(), transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
-    }), [appLogoUrl, appName, getAppOrigin, openSendTransaction]);
-    const enableInternalSign = useCallback(() => {
-        fakeSignerRef.current = 'enabled';
+        if (!shouldConfirmAction()) {
+            return handler(transaction);
+        }
+        return openSendTransaction((resolve, reject) => (jsx(TransactionConfirmationModal, { title: 'Send Transaction', transaction: transaction, handler: handler, onTransactionResponseSuccess: resolve, onReject: reject, provider: provider })));
+    }), [openSendTransaction, shouldConfirmAction]);
+    const disabledConfirmationOnce = useCallback(() => {
+        confirmationStateRef.current = 'disabled';
     }, []);
     const walletUiUtils = useMemo(() => ({
-        enableInternalSign,
+        disabledConfirmationOnce,
         sendTransaction,
         signMessage,
-    }), [signMessage, enableInternalSign, sendTransaction]);
+    }), [signMessage, disabledConfirmationOnce, sendTransaction]);
     return useMemo(() => [modal || sendTransactionModal, walletUiUtils], [modal, sendTransactionModal, walletUiUtils]);
 };
 

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

@@ -2,37 +2,43 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var data = require('../../../views/WalletList/data.cjs');
 
-const useWallets = ({ projectSettings, appLogoUrl, appName, networkConfigurations, walletUiUtils, }) => {
-    const [wallets, setWallets] = React.useState([]);
-    React.useEffect(() => {
-        const getWalletList = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-            if (projectSettings) {
-                const installedWallets = yield data.getInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    customerApiProviders: projectSettings.providers || [],
-                    networkConfigurations,
-                    skipMemo: true,
-                    walletUiUtils,
-                });
-                const notInstalledWallets = yield data.getNotInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    customerApiProviders: projectSettings.providers || [],
-                    networkConfigurations,
-                    skipMemo: true,
-                    walletUiUtils,
-                });
-                const unfilteredWallets = [...installedWallets, ...notInstalledWallets];
-                setWallets(unfilteredWallets);
-            }
+const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletUiUtils, walletConnectorsProp, }) => {
+    const wallets = React.useMemo(() => {
+        if (!projectSettings)
+            return [];
+        const installedWallets = data.getInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            customerApiProviders: projectSettings.providers || [],
+            flowNetwork,
+            networkConfigurations,
+            skipMemo: true,
+            walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
+            walletUiUtils,
         });
-        getWalletList();
-    }, [projectSettings, appLogoUrl, appName, networkConfigurations]);
+        const notInstalledWallets = data.getNotInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            customerApiProviders: projectSettings.providers || [],
+            flowNetwork,
+            networkConfigurations,
+            skipMemo: true,
+            walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
+            walletUiUtils,
+        });
+        return [...installedWallets, ...notInstalledWallets];
+        // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
+    }, [
+        appLogoUrl,
+        appName,
+        networkConfigurations,
+        projectSettings,
+        walletConnectorsProp,
+        flowNetwork,
+    ]);
     return { wallets };
 };
 

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

@@ -1,14 +1,16 @@
 import { ProjectSettings } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap, WalletUiUtils } from '@dynamic-labs/types';
-import { WalletOption } from '../../../shared';
+import { WalletConnectorsMethod } from '@dynamic-labs/wallet-connector-core';
 type Props = {
     appLogoUrl?: string;
     appName?: string;
+    flowNetwork?: 'mainnet' | 'testnet';
     networkConfigurations: NetworkConfigurationMap | undefined;
     projectSettings: ProjectSettings | undefined;
+    walletConnectorsProp?: WalletConnectorsMethod[];
     walletUiUtils: WalletUiUtils;
 };
-export declare const useWallets: ({ projectSettings, appLogoUrl, appName, networkConfigurations, walletUiUtils, }: Props) => {
-    wallets: WalletOption[];
+export declare const useWallets: ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletUiUtils, walletConnectorsProp, }: Props) => {
+    wallets: import("../../../shared").WalletOption[];
 };
 export {};

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

@@ -1,34 +1,40 @@
-import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useEffect } from 'react';
+import { useMemo } from 'react';
 import { getInstalledWallets, getNotInstalledWallets } from '../../../views/WalletList/data.js';
 
-const useWallets = ({ projectSettings, appLogoUrl, appName, networkConfigurations, walletUiUtils, }) => {
-    const [wallets, setWallets] = useState([]);
-    useEffect(() => {
-        const getWalletList = () => __awaiter(void 0, void 0, void 0, function* () {
-            if (projectSettings) {
-                const installedWallets = yield getInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    customerApiProviders: projectSettings.providers || [],
-                    networkConfigurations,
-                    skipMemo: true,
-                    walletUiUtils,
-                });
-                const notInstalledWallets = yield getNotInstalledWallets(projectSettings, {
-                    appLogoUrl,
-                    appName,
-                    customerApiProviders: projectSettings.providers || [],
-                    networkConfigurations,
-                    skipMemo: true,
-                    walletUiUtils,
-                });
-                const unfilteredWallets = [...installedWallets, ...notInstalledWallets];
-                setWallets(unfilteredWallets);
-            }
+const useWallets = ({ projectSettings, appLogoUrl, appName, flowNetwork, networkConfigurations, walletUiUtils, walletConnectorsProp, }) => {
+    const wallets = useMemo(() => {
+        if (!projectSettings)
+            return [];
+        const installedWallets = getInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            customerApiProviders: projectSettings.providers || [],
+            flowNetwork,
+            networkConfigurations,
+            skipMemo: true,
+            walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
+            walletUiUtils,
         });
-        getWalletList();
-    }, [projectSettings, appLogoUrl, appName, networkConfigurations]);
+        const notInstalledWallets = getNotInstalledWallets(projectSettings, {
+            appLogoUrl,
+            appName,
+            customerApiProviders: projectSettings.providers || [],
+            flowNetwork,
+            networkConfigurations,
+            skipMemo: true,
+            walletConnectorsProp: walletConnectorsProp !== null && walletConnectorsProp !== void 0 ? walletConnectorsProp : [],
+            walletUiUtils,
+        });
+        return [...installedWallets, ...notInstalledWallets];
+        // Cannot include walletUiUtils in the dependency array because it will cause an infinite loop
+    }, [
+        appLogoUrl,
+        appName,
+        networkConfigurations,
+        projectSettings,
+        walletConnectorsProp,
+        flowNetwork,
+    ]);
     return { wallets };
 };
 

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

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

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

@@ -0,0 +1,47 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+require('@dynamic-labs/sdk-api');
+require('../../../shared/logger.cjs');
+require('../../../config/LSSuffix.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+var isWalletConnected = require('../../functions/isWalletConnected/isWalletConnected.cjs');
+
+const connectedWalletStateReducer = (state, connectedWalletsMap) => {
+    const isConnectedWalletsMapEmpty = Object.values(connectedWalletsMap).length === 0;
+    if (isConnectedWalletsMapEmpty && state.didLoad === false) {
+        return state;
+    }
+    return Object.assign(Object.assign({}, state), { connectedWalletsMap, didLoad: true });
+};
+const useWalletsConnectionState = (linkedWallets) => {
+    const [state, setState] = React.useReducer(connectedWalletStateReducer, {
+        connectedWalletsMap: {},
+        didLoad: false,
+    });
+    const computeConnectedStateForWallets = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        const connectedWalletsMap = {};
+        yield Promise.all(linkedWallets.map((wallet) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            connectedWalletsMap[wallet.id] = yield isWalletConnected.isWalletConnected(wallet);
+        })));
+        setState(connectedWalletsMap);
+    }), [linkedWallets, setState]);
+    return {
+        computeConnectedStateForWallets,
+        connectedWalletMap: state.connectedWalletsMap,
+        didConnectedStateLoad: state.didLoad,
+    };
+};
+
+exports.useWalletsConnectionState = useWalletsConnectionState;

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

@@ -0,0 +1,14 @@
+import { Wallet } from '../../../shared';
+type ConnectedState = {
+    didLoad: boolean;
+    connectedWalletsMap: {
+        [address: string]: boolean;
+    };
+};
+type WalletsConnectionStateHook = (wallets: Wallet[]) => {
+    computeConnectedStateForWallets: () => Promise<void>;
+    connectedWalletMap: ConnectedState['connectedWalletsMap'];
+    didConnectedStateLoad: ConnectedState['didLoad'];
+};
+export declare const useWalletsConnectionState: WalletsConnectionStateHook;
+export {};

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

@@ -0,0 +1,43 @@
+import { __awaiter } from '../../../../../_virtual/_tslib.js';
+import { useReducer, useCallback } from 'react';
+import '@dynamic-labs/sdk-api';
+import '../../../shared/logger.js';
+import '../../../config/LSSuffix.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
+import '@dynamic-labs/multi-wallet';
+import { isWalletConnected } from '../../functions/isWalletConnected/isWalletConnected.js';
+
+const connectedWalletStateReducer = (state, connectedWalletsMap) => {
+    const isConnectedWalletsMapEmpty = Object.values(connectedWalletsMap).length === 0;
+    if (isConnectedWalletsMapEmpty && state.didLoad === false) {
+        return state;
+    }
+    return Object.assign(Object.assign({}, state), { connectedWalletsMap, didLoad: true });
+};
+const useWalletsConnectionState = (linkedWallets) => {
+    const [state, setState] = useReducer(connectedWalletStateReducer, {
+        connectedWalletsMap: {},
+        didLoad: false,
+    });
+    const computeConnectedStateForWallets = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
+        const connectedWalletsMap = {};
+        yield Promise.all(linkedWallets.map((wallet) => __awaiter(void 0, void 0, void 0, function* () {
+            connectedWalletsMap[wallet.id] = yield isWalletConnected(wallet);
+        })));
+        setState(connectedWalletsMap);
+    }), [linkedWallets, setState]);
+    return {
+        computeConnectedStateForWallets,
+        connectedWalletMap: state.connectedWalletsMap,
+        didConnectedStateLoad: state.didLoad,
+    };
+};
+
+export { useWalletsConnectionState };

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.cjs

@@ -9,12 +9,15 @@ require('react');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
-require('@dynamic-labs/multi-wallet');
+require('../../config/LSSuffix.cjs');
+require('@dynamic-labs/wallet-connector-core');
 var ViewContext = require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('ethers');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/utils');
+require('@dynamic-labs/multi-wallet');
 var requiresTwoStepAuthentication = require('../../utils/functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
@@ -26,14 +29,18 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 var useVerifyWallet = require('../../utils/hooks/useVerifyWallet/useVerifyWallet.cjs');
-require('ethers');
+require('../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../components/Alert/Alert.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 var CaptchaContext = require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../components/IconButton/IconButton.cjs');
-var PoweredByDynamic = require('../../components/PoweredByDynamic/PoweredByDynamic.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
 var Captcha = require('../../components/Captcha/Captcha.cjs');
 
 const CaptchaVerifyUser = () => {

package/src/lib/views/CaptchaVerifyUser/CaptchaVerifyUser.js

@@ -5,12 +5,15 @@ import 'react';
 import { Typography } from '../../components/Typography/Typography.js';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
-import '@dynamic-labs/multi-wallet';
+import '../../config/LSSuffix.js';
+import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import 'ethers';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/utils';
+import '@dynamic-labs/multi-wallet';
 import { requiresTwoStepAuthentication } from '../../utils/functions/requiresTwoStepAuthentication/requiresTwoStepAuthentication.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
@@ -22,14 +25,18 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import { useVerifyWallet } from '../../utils/hooks/useVerifyWallet/useVerifyWallet.js';
-import 'ethers';
+import '../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
+import '../../components/Alert/Alert.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import { useCaptchaContext } from '../../context/CaptchaContext/CaptchaContext.js';
-import '@dynamic-labs/wallet-connector-core';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../components/IconButton/IconButton.js';
-import { PoweredByDynamic } from '../../components/PoweredByDynamic/PoweredByDynamic.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
 import { Captcha } from '../../components/Captcha/Captcha.js';
 
 const CaptchaVerifyUser = () => {

package/src/lib/views/CollectUserDataView/CollectUserDataView.cjs

@@ -4,20 +4,21 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-var walletBook = require('@dynamic-labs/wallet-book');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
+require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('ethers');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/utils');
+require('@dynamic-labs/multi-wallet');
 var createUserProfile = require('../../utils/functions/createUserProfile/createUserProfile.cjs');
 var isSupportedNetwork = require('../../utils/functions/isSupportedNetwork/isSupportedNetwork.cjs');
-var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -28,21 +29,27 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/ErrorContext/ErrorContext.cjs');
-require('ethers');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/Alert/Alert.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var TextButton = require('../../components/TextButton/TextButton.cjs');
-require('../../components/IconButton/IconButton.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
 var NetworkPicker = require('../../components/NetworkPicker/NetworkPicker.cjs');
 var UserAddress = require('../../components/UserAddress/UserAddress.cjs');
 var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
+var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 var OnboardingUserDataForm = require('./OnboardingUserDataForm/OnboardingUserDataForm.cjs');
 
 const CollectUserDataView = () => {
-    const { appName, handleLogOut, projectSettings, network, decodedOnboardingOnlyToken, selectedWalletConnector: walletConnector, onboardingImageUrl, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { appName, onboardingOnlyJwt, handleLogOut, projectSettings, network, decodedOnboardingOnlyToken, selectedWalletConnector: walletConnector, onboardingImageUrl, } = useInternalDynamicContext.useInternalDynamicContext();
     const [isNetworkPickerOpen, setIsNetworkPickerOpen] = React.useState(false);
     const nameService = useFetchNameService.useFetchNameService();
     if (!walletConnector || !decodedOnboardingOnlyToken) {
@@ -50,8 +57,8 @@ const CollectUserDataView = () => {
     }
     const userProfile = createUserProfile.createUserProfile(decodedOnboardingOnlyToken);
     const evmNetworks = walletConnector.evmNetworks || [];
-    const _isSupportedNetwork = isSupportedNetwork.isSupportedNetwork({ network, walletConnector });
-    return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data', "data-testid": 'collect-user-data-view' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, Object.assign({ withIcon: false, className: 'collect-user-data__error--not-supported' }, { children: "This network is not available, please update." }))), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__form' }, { children: [jsxRuntime.jsxs(OnboardingUserDataForm.OnboardingUserDataForm, Object.assign({ disableSubmit: !_isSupportedNetwork, userProfile: userProfile }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__img-container' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: walletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } })) })), jsxRuntime.jsx(UserAddress.UserAddress, { userProfile: userProfile }), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__network-container' }, { children: jsxRuntime.jsx(NetworkPicker.NetworkPicker, { evmNetworks: evmNetworks, connector: walletConnector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }) })), !_isSupportedNetwork ? (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: "Update Network" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Your wallet is not connected to a supported network. Please update before continuing." }))] }))) : (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
+    const _isSupportedNetwork = !network || isSupportedNetwork.isSupportedNetwork({ network, walletConnector });
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data', "data-testid": 'collect-user-data-view' }, { children: [onboardingImageUrl && (jsxRuntime.jsx("img", { className: 'collect-user-data__main-img', src: onboardingImageUrl, alt: 'onboarding' })), !_isSupportedNetwork && (jsxRuntime.jsx(ErrorContainer.ErrorContainer, Object.assign({ withIcon: false, className: 'collect-user-data__error--not-supported' }, { children: "This network is not available, please update." }))), jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__form' }, { children: [jsxRuntime.jsxs(OnboardingUserDataForm.OnboardingUserDataForm, Object.assign({ disableSubmit: !_isSupportedNetwork, userProfile: userProfile }, { children: [jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__img-container' }, { children: (nameService === null || nameService === void 0 ? void 0 : nameService.avatar) ? (jsxRuntime.jsx("img", { src: nameService.avatar, alt: '', className: 'collect-user-data__img collect-user-data__img--rounded' })) : (jsxRuntime.jsx(AuthProviderIcon.AuthProviderIcon, { jwt: onboardingOnlyJwt })) })), jsxRuntime.jsx(UserAddress.UserAddress, { userProfile: userProfile }), jsxRuntime.jsx("div", Object.assign({ className: 'collect-user-data__network-container' }, { children: jsxRuntime.jsx(NetworkPicker.NetworkPicker, { evmNetworks: evmNetworks, connector: walletConnector, showNetworkName: true, isNetworkPickerOpen: isNetworkPickerOpen, setIsNetworkPickerOpen: setIsNetworkPickerOpen, buttonClassName: 'collect-user-data__network-picker-button', mainClassName: 'collect-user-data__network-picker' }) })), !_isSupportedNetwork ? (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: "Update Network" })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: "Your wallet is not connected to a supported network. Please update before continuing." }))] }))) : (jsxRuntime.jsxs("div", Object.assign({ className: 'collect-user-data__welcome-container' }, { children: [jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'title', color: 'primary', className: 'collect-user-data__welcome-title' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeHeader) ||
                                             `Welcome to ${appName}` })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', weight: 'regular', color: 'secondary' }, { children: (projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.general.collectUserDataWelcomeMessage) ||
                                             'We need a bit of information to get started' }))] })))] })), jsxRuntime.jsx(TextButton.TextButton, Object.assign({ className: 'collect-user-data__log-out', onClick: () => handleLogOut() }, { children: "Log out" }))] }))] })));
 };