@dynamic-labs/sdk-react-core 1.1.0-alpha.24 → 1.1.0-alpha.26

package/src/lib/components/RetrySendVerificationCodeSection/RetrySendVerificationCodeSection.js

@@ -0,0 +1,93 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { useTranslation } from 'react-i18next';
+import '../../events/dynamicEvents.js';
+import '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/utils';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import { ReactComponent as SvgCheckCircle } from '../../shared/assets/check-circle.js';
+import '@dynamic-labs/wallet-book';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '../../shared/utils/classes/storage/localStorage.js';
+import 'viem';
+import '../../shared/consts/index.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'viem/chains';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'react-dom';
+import { useCountdown } from '../../utils/hooks/useCountdown/useCountdown.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
+import '@dynamic-labs/types';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '../Alert/Alert.js';
+import { Typography } from '../Typography/Typography.js';
+import { TextButton } from '../TextButton/TextButton.js';
+import '../ShadowDOM/ShadowDOM.js';
+import { Icon } from '../Icon/Icon.js';
+import '../IconButton/IconButton.js';
+import '../InlineWidget/InlineWidget.js';
+import '../MenuList/Dropdown/Dropdown.js';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+import 'react-focus-lock';
+import 'formik';
+import 'i18next';
+import '../OverlayCard/OverlayCard.context.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../views/WalletList/WalletList.js';
+import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
+import '@dynamic-labs/viem-utils';
+import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+
+const RetrySendVerificationCodeSection = ({ retryHandler, secondsToRetry = 15, disabled = false, className }) => {
+    const { t } = useTranslation();
+    const [retried, setRetried] = useState(false);
+    const { remainingSeconds, startCountdown } = useCountdown({
+        callback: () => setRetried(false),
+        seconds: secondsToRetry,
+    });
+    const { isLoading, mutate: retry } = useMutation(retryHandler, {
+        onSuccess: () => {
+            setRetried(true);
+            startCountdown();
+        },
+    });
+    const containerClassName = classNames('retry-send-verification-code-section', className);
+    if (retried) {
+        return (jsxs("div", { className: containerClassName, children: [jsx(Typography, { variant: 'body_small', color: 'secondary', copykey: 'dyn_email_verification.resend_code_in', children: t('dyn_email_verification.resend_code_in', { remainingSeconds }) }), jsxs("span", { className: 'retry-send-verification-code-section__confirmation', children: [jsx(Icon, { color: 'success-1', children: jsx(SvgCheckCircle, {}) }), jsx(Typography, { variant: 'body_small', weight: 'medium', color: 'primary', copykey: 'dyn_email_verification.code_sent', children: t('dyn_email_verification.code_sent') })] })] }));
+    }
+    return (jsxs("div", { className: containerClassName, children: [jsx(Typography, { variant: 'body_small', weight: 'medium', color: 'secondary', copykey: 'dyn_email_verification.code_not_received', children: t('dyn_email_verification.code_not_received') }), jsx(TextButton, { className: 'email-verification__text-button', disabled: isLoading || disabled, onClick: () => retry(), copykey: 'dyn_email_verification.resend_code', children: t('dyn_email_verification.resend_code') })] }));
+};
+
+export { RetrySendVerificationCodeSection };

package/src/lib/components/RetrySendVerificationCodeSection/index.d.ts

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

package/src/lib/components/SocialSignIn/SocialSignIn.cjs

@@ -16,9 +16,9 @@ require('../../utils/constants/colors.cjs');
 require('../../utils/constants/values.cjs');
 require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+var providerLabel = require('../../shared/utils/functions/providerLabel/providerLabel.cjs');
 require('@dynamic-labs/utils');
 require('../../shared/consts/index.cjs');
-var capitalize = require('../../shared/utils/functions/capitalize/capitalize.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../../events/dynamicEvents.cjs');
 require('../../../../_virtual/_tslib.cjs');
@@ -117,7 +117,7 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
             'social-sign-in--tile__full-width': fullWidth,
         }), children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsxRuntime.jsx(iconic.SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxRuntime.jsxs(Typography.Typography, { variant: 'button_primary', children: ["Continue with ", capitalize.capitalize(getProviderAsString(provider))] }))] }, getProviderAsString(provider)));
+                jsxRuntime.jsx(iconic.SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxRuntime.jsxs(Typography.Typography, { variant: 'button_primary', children: ["Continue with ", providerLabel.providerLabel(provider)] }))] }, getProviderAsString(provider)));
     if (!providers.length) {
         logger.logger.error('Failed to render SocialSignInSection - no social providers enabled');
         return null;

package/src/lib/components/SocialSignIn/SocialSignIn.js

@@ -12,9 +12,9 @@ import '../../utils/constants/colors.js';
 import '../../utils/constants/values.js';
 import '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import { providerLabel } from '../../shared/utils/functions/providerLabel/providerLabel.js';
 import '@dynamic-labs/utils';
 import '../../shared/consts/index.js';
-import { capitalize } from '../../shared/utils/functions/capitalize/capitalize.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../../events/dynamicEvents.js';
 import '../../../../_virtual/_tslib.js';
@@ -113,7 +113,7 @@ const SocialSignIn = ({ providers, onSelectProvider, isLoading, selectedProvider
             'social-sign-in--tile__full-width': fullWidth,
         }), children: [jsx(IconWithSpinner, { Icon: 
                 // eslint-disable-next-line react/jsx-wrap-multilines
-                jsx(SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxs(Typography, { variant: 'button_primary', children: ["Continue with ", capitalize(getProviderAsString(provider))] }))] }, getProviderAsString(provider)));
+                jsx(SocialIcon, { name: getProviderAsString(provider), variant: iconThemeVariant }), isSpinning: selectedProvider === provider, iconSize: 32 }), !insideCard && fullWidth && (jsxs(Typography, { variant: 'button_primary', children: ["Continue with ", providerLabel(provider)] }))] }, getProviderAsString(provider)));
     if (!providers.length) {
         logger.error('Failed to render SocialSignInSection - no social providers enabled');
         return null;

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

@@ -20,6 +20,7 @@ require('../../utils/constants/colors.cjs');
 var values = require('../../utils/constants/values.cjs');
 var localStorage = require('../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/sdk-api');
 var useGlobalLoading = require('../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.cjs');
 var useLocalStorage = require('../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('../../shared/consts/index.cjs');
@@ -27,7 +28,6 @@ var CaptchaContext = require('../CaptchaContext/CaptchaContext.cjs');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
-require('@dynamic-labs/sdk-api');
 require('viem/chains');
 var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
 var AccountExistsContext = require('../AccountExistsContext/AccountExistsContext.cjs');
@@ -233,8 +233,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         }),
         primaryWalletId,
         removeIsFullyConnected,
+        setIsVerificationInProgress,
         setPrimaryWalletId,
         setShowAuthFlow,
+        user,
         walletConnectorOptions,
     });
     // Ties all client callbacks to dynamic's events, such that
@@ -369,10 +371,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale: locale
         helpers.initExpirationTime(handleLogOut);
     }, [handleLogOut]);
     const { setCallback } = useCustomerCallbacks.useCustomerCallbacks({
-        authMode,
         callbacks: {
             onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
-            onConnect: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnect,
             onEmbeddedWalletCreated: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmbeddedWalletCreated,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,

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

@@ -16,6 +16,7 @@ import '../../utils/constants/colors.js';
 import { DEFAULT_NUMBER_OF_WALLETS_TO_SHOW } from '../../utils/constants/values.js';
 import { LocalStorage } from '../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/sdk-api';
 import { useGlobalLoading } from '../../shared/utils/hooks/useGlobalLoading/useGlobalLoading.js';
 import { useLocalStorage } from '../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '../../shared/consts/index.js';
@@ -23,7 +24,6 @@ import { CaptchaContextProvider } from '../CaptchaContext/CaptchaContext.js';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
-import '@dynamic-labs/sdk-api';
 import 'viem/chains';
 import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
 import { AccountExistsContextProvider } from '../AccountExistsContext/AccountExistsContext.js';
@@ -229,8 +229,10 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         }),
         primaryWalletId,
         removeIsFullyConnected,
+        setIsVerificationInProgress,
         setPrimaryWalletId,
         setShowAuthFlow,
+        user,
         walletConnectorOptions,
     });
     // Ties all client callbacks to dynamic's events, such that
@@ -365,10 +367,8 @@ const InnerDynamicContextProvider = ({ children, theme, settings, locale, }) =>
         initExpirationTime(handleLogOut);
     }, [handleLogOut]);
     const { setCallback } = useCustomerCallbacks({
-        authMode,
         callbacks: {
             onAuthSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onAuthSuccess,
-            onConnect: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onConnect,
             onEmbeddedWalletCreated: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onEmbeddedWalletCreated,
             onLinkSuccess: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onLinkSuccess,
             onUserProfileUpdate: eventsCallbacks === null || eventsCallbacks === void 0 ? void 0 : eventsCallbacks.onUserProfileUpdate,

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

@@ -15,6 +15,7 @@ require('../../../utils/constants/colors.cjs');
 require('../../../utils/constants/values.cjs');
 var localStorage = require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/sdk-api');
 require('@dynamic-labs/utils');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
 

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

@@ -11,6 +11,7 @@ import '../../../utils/constants/colors.js';
 import '../../../utils/constants/values.js';
 import { LocalStorage } from '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/sdk-api';
 import '@dynamic-labs/utils';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
 

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

@@ -16,6 +16,7 @@ require('../../../../utils/constants/colors.cjs');
 require('../../../../utils/constants/values.cjs');
 require('../../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
+require('@dynamic-labs/sdk-api');
 var useLocalStorage = require('../../../../shared/utils/hooks/useLocalStorage/useLocalStorage.cjs');
 require('@dynamic-labs/utils');
 require('../../../../shared/consts/index.cjs');

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

@@ -12,6 +12,7 @@ import '../../../../utils/constants/colors.js';
 import '../../../../utils/constants/values.js';
 import '../../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
+import '@dynamic-labs/sdk-api';
 import { useLocalStorage } from '../../../../shared/utils/hooks/useLocalStorage/useLocalStorage.js';
 import '@dynamic-labs/utils';
 import '../../../../shared/consts/index.js';

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

@@ -86,6 +86,10 @@ const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) =
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthFlowClose) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks);
     });
+    useDynamicEvents.useInternalDynamicEvents('walletConnected', (wallet) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onConnect) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { wallet, walletConnector: wallet.connector });
+    });
     useDynamicEvents.useInternalDynamicEvents('logout', () => {
         var _a;
         if (clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onDisconnect)

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

@@ -82,6 +82,10 @@ const useTieCallbacksToEvents = ({ clientCallbacks, connectedWallets, user, }) =
         var _a;
         (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onAuthFlowClose) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks);
     });
+    useInternalDynamicEvents('walletConnected', (wallet) => {
+        var _a;
+        (_a = clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onConnect) === null || _a === void 0 ? void 0 : _a.call(clientCallbacks, { wallet, walletConnector: wallet.connector });
+    });
     useInternalDynamicEvents('logout', () => {
         var _a;
         if (clientCallbacks === null || clientCallbacks === void 0 ? void 0 : clientCallbacks.onDisconnect)

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

@@ -2,13 +2,14 @@ import { Dispatch, MutableRefObject, ReactNode, SetStateAction } from 'react';
 import { DynamicJwt, NameServiceData, ProjectSettings, SdkView } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap, SocialProviderFilter, WalletUiUtils } from '@dynamic-labs/types';
 import { Chain, FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
+import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 import { AccessDeniedCustomButton, AccountSwitchState, AuthModeType, AwaitingSignatureState, ChainToWalletMap, DynamicEventsCallbacks, DynamicRPCProviders, MultiWalletWidgetState, UserProfile, Wallet, WalletOption, WalletWithAction } from '../../../shared';
 import { SocialNetworkIconType } from '../../../utils/functions/getSocialNetworkIcon';
 import { MultiWalletWidgetStateSetter } from '../../../utils/hooks/multiWallet';
+import { ConnectWalletOptions } from '../../../utils/hooks/useConnectWallet/useConnectWallet';
 import { ThemeData, ThemeSetting } from '../../ThemeContext';
 import { DisplayOrder, SetDisplayOrderPriority, SetShowAuthFlow } from '../hooks';
 import { SetCallbackType } from '../useCustomerCallbacks';
-import { PasskeySuccessEnum } from '../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner';
 export type ChainsToConnect = {
     chain: Chain;
     chainId?: number;
@@ -33,7 +34,7 @@ export interface IDynamicContext {
     authorizationViewDisplayOrder: DisplayOrder;
     awaitingSignatureState: AwaitingSignatureState;
     clearStatesOnBackClick: () => void;
-    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, shouldCallCallback?: boolean) => Promise<ConnectWalletResult | undefined>;
+    connectWallet: (walletConnector: WalletConnector, fetchPublicAddressOpts?: FetchPublicAddressOpts, options?: ConnectWalletOptions) => Promise<ConnectWalletResult | undefined>;
     connectedWallets: Wallet[];
     linkedWallets: Wallet[];
     locale: {

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

@@ -1,7 +1,7 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
-import { AuthModeType, OnAuthSuccess, onConnect, OnEmbeddedWalletCreated, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
+import { OnAuthSuccess, OnEmbeddedWalletCreated, OnLinkSuccess, OnUserProfileUpdate, UserProfile, Wallet } from '../../../shared/types';
 import { IDynamicContext } from '../types';
-export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'connectSuccess' | 'embeddedWalletCreated';
+export type Callback = 'authSuccess' | 'linkSuccess' | 'userProfileUpdate' | 'embeddedWalletCreated';
 export type CallbackParams = {
     /** For embedded wallet events */
     email?: string;
@@ -10,10 +10,8 @@ export type CallbackParams = {
     walletId?: string;
 };
 export type UseCustomerCallbacksArgs = {
-    authMode: AuthModeType;
     callbacks: {
         onAuthSuccess?: OnAuthSuccess;
-        onConnect?: onConnect;
         onLinkSuccess?: OnLinkSuccess;
         onUserProfileUpdate?: OnUserProfileUpdate;
         onEmbeddedWalletCreated?: OnEmbeddedWalletCreated;

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

@@ -20,9 +20,8 @@ require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('viem/chains');
-var isConnectOnly = require('../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.cjs');
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnect, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = React.useState([]);
     /** Gets the wallet from its id */
     const getWallet = React.useCallback((id) => {
@@ -31,39 +30,6 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             ? (_a = [primaryWallet, ...secondaryWallets].find((wallet) => (wallet === null || wallet === void 0 ? void 0 : wallet.id) === id)) !== null && _a !== void 0 ? _a : undefined
             : undefined;
     }, [primaryWallet, secondaryWallets]);
-    const isConnectOnlyAndCallbackIsConnectSuccess = React.useCallback((next) => isConnectOnly.isConnectOnly(user, authMode) &&
-        Boolean(primaryWallet) &&
-        next === 'connectSuccess', [authMode, user, primaryWallet]);
-    const handleConnectOnlyAndCallbackIsConnectSuccess = React.useCallback(() => {
-        const [{ callback: peek, params }] = callbackQueue;
-        // we need to handle connect-only different way
-        // for connect-only we don't have user object or JWT (needed in connect-and-sign)
-        // so we need to handle connect-only before the early returns
-        if (isConnectOnlyAndCallbackIsConnectSuccess(peek)) {
-            const updatedQueue = [...callbackQueue];
-            updatedQueue.shift();
-            setCallbackQueue(updatedQueue);
-            try {
-                setIsVerificationInProgress(false);
-                const wallet = getWallet(params === null || params === void 0 ? void 0 : params.walletId);
-                onConnect === null || onConnect === void 0 ? void 0 : onConnect({
-                    wallet,
-                    walletConnector: wallet === null || wallet === void 0 ? void 0 : wallet.connector,
-                });
-            }
-            catch (e) {
-                logger.logger.error('Error calling onConnect: ', e);
-            }
-            return false;
-        }
-        return true;
-    }, [
-        callbackQueue,
-        getWallet,
-        isConnectOnlyAndCallbackIsConnectSuccess,
-        onConnect,
-        setIsVerificationInProgress,
-    ]);
     const handleNextCallback = React.useCallback((next, authToken, user) => {
         var _a, _b;
         switch (next === null || next === void 0 ? void 0 : next.callback) {
@@ -129,32 +95,20 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         setIsVerificationInProgress,
     ]);
     React.useEffect(() => {
-        if (!callbackQueue.length)
-            return;
-        if (!handleConnectOnlyAndCallbackIsConnectSuccess())
-            return;
-        if (!user)
+        if (!callbackQueue.length || !user)
             return;
         const authToken = getAuthToken.getAuthToken();
-        if (!authToken)
-            return;
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
         // if user logged in with email without embedded wallet, then
         // there is no wallet so we can go ahead and run the callback
-        if (user.isAuthenticatedWithAWallet && !primaryWallet) {
+        if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
             return;
         }
         const updatedQueue = [...callbackQueue];
         handleNextCallback(updatedQueue.shift(), authToken, user);
         setCallbackQueue(updatedQueue);
-    }, [
-        callbackQueue,
-        handleConnectOnlyAndCallbackIsConnectSuccess,
-        handleNextCallback,
-        primaryWallet,
-        user,
-    ]);
+    }, [callbackQueue, handleNextCallback, primaryWallet, user]);
     const setCallback = (callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);
     };

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

@@ -1,4 +1,4 @@
 import { SetCallbackType, UseCustomerCallbacksArgs } from './types';
-export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnect, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, authMode, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
+export declare const useCustomerCallbacks: ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }: UseCustomerCallbacksArgs) => {
     setCallback: SetCallbackType;
 };

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

@@ -16,9 +16,8 @@ import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../../utils/functions/getAuthToken/getAuthToken.js';
 import 'viem/chains';
-import { isConnectOnly } from '../../../utils/hooks/authenticationHooks/helpers/isConnectOnly.js';
 
-const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onConnect, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, authMode, setIsVerificationInProgress, }) => {
+const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUserProfileUpdate, onEmbeddedWalletCreated, }, handleLogOut, primaryWallet, secondaryWallets, user, isAuthenticated, setIsVerificationInProgress, }) => {
     const [callbackQueue, setCallbackQueue] = useState([]);
     /** Gets the wallet from its id */
     const getWallet = useCallback((id) => {
@@ -27,39 +26,6 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
             ? (_a = [primaryWallet, ...secondaryWallets].find((wallet) => (wallet === null || wallet === void 0 ? void 0 : wallet.id) === id)) !== null && _a !== void 0 ? _a : undefined
             : undefined;
     }, [primaryWallet, secondaryWallets]);
-    const isConnectOnlyAndCallbackIsConnectSuccess = useCallback((next) => isConnectOnly(user, authMode) &&
-        Boolean(primaryWallet) &&
-        next === 'connectSuccess', [authMode, user, primaryWallet]);
-    const handleConnectOnlyAndCallbackIsConnectSuccess = useCallback(() => {
-        const [{ callback: peek, params }] = callbackQueue;
-        // we need to handle connect-only different way
-        // for connect-only we don't have user object or JWT (needed in connect-and-sign)
-        // so we need to handle connect-only before the early returns
-        if (isConnectOnlyAndCallbackIsConnectSuccess(peek)) {
-            const updatedQueue = [...callbackQueue];
-            updatedQueue.shift();
-            setCallbackQueue(updatedQueue);
-            try {
-                setIsVerificationInProgress(false);
-                const wallet = getWallet(params === null || params === void 0 ? void 0 : params.walletId);
-                onConnect === null || onConnect === void 0 ? void 0 : onConnect({
-                    wallet,
-                    walletConnector: wallet === null || wallet === void 0 ? void 0 : wallet.connector,
-                });
-            }
-            catch (e) {
-                logger.error('Error calling onConnect: ', e);
-            }
-            return false;
-        }
-        return true;
-    }, [
-        callbackQueue,
-        getWallet,
-        isConnectOnlyAndCallbackIsConnectSuccess,
-        onConnect,
-        setIsVerificationInProgress,
-    ]);
     const handleNextCallback = useCallback((next, authToken, user) => {
         var _a, _b;
         switch (next === null || next === void 0 ? void 0 : next.callback) {
@@ -125,32 +91,20 @@ const useCustomerCallbacks = ({ callbacks: { onAuthSuccess, onLinkSuccess, onUse
         setIsVerificationInProgress,
     ]);
     useEffect(() => {
-        if (!callbackQueue.length)
-            return;
-        if (!handleConnectOnlyAndCallbackIsConnectSuccess())
-            return;
-        if (!user)
+        if (!callbackQueue.length || !user)
             return;
         const authToken = getAuthToken();
-        if (!authToken)
-            return;
         // checks if user logged in with a wallet, so we need to wait
         // for the primary wallet state to be set
         // if user logged in with email without embedded wallet, then
         // there is no wallet so we can go ahead and run the callback
-        if (user.isAuthenticatedWithAWallet && !primaryWallet) {
+        if (!authToken || (user.isAuthenticatedWithAWallet && !primaryWallet)) {
             return;
         }
         const updatedQueue = [...callbackQueue];
         handleNextCallback(updatedQueue.shift(), authToken, user);
         setCallbackQueue(updatedQueue);
-    }, [
-        callbackQueue,
-        handleConnectOnlyAndCallbackIsConnectSuccess,
-        handleNextCallback,
-        primaryWallet,
-        user,
-    ]);
+    }, [callbackQueue, handleNextCallback, primaryWallet, user]);
     const setCallback = (callback, params) => {
         setCallbackQueue((prev) => [...prev, { callback, params }]);
     };

package/src/lib/events/dynamicEvents.d.ts

@@ -15,6 +15,8 @@ export type DynamicEvents = {
     embeddedWalletRevealCompleted: (wallet: Wallet) => void;
     embeddedWalletRevealFailed: (error: unknown) => void;
     logout: () => void;
+    /** Triggered when a new wallet is connected in connect-only mode */
+    walletConnected: (wallet: Wallet) => void;
     /** This event is used to trigger logout to be called, DO NOT listen to it. Listen to "logout" instead */
     triggerLogout: () => void;
 };

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs

@@ -24,7 +24,6 @@ require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
 var isMagicConnector = require('../../utils/functions/isMagicConnector/isMagicConnector.cjs');
-var sendTransactionWithAutoNonce = require('../../utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.cjs');
 require('viem/chains');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
@@ -96,7 +95,7 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
     }, [onTransactionResponseSuccess, onReject]);
     return (jsxRuntime.jsx(Portal.Portal, { handleClose: closeModal, isShown: show, zIndex: index.authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, copykey: copykey, mutation: () => sendTransactionWithAutoNonce.sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, handler), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
+        }, children: jsxRuntime.jsx(Modal.Modal, { children: jsxRuntime.jsx(ModalCard.ModalCard, { children: jsxRuntime.jsx(TransactionConfirmationView.TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, copykey: copykey, mutation: () => handler(transactionWithGasPrice), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
                         errorRef.current = null;
                         transactionResponseRef.current = transactionResponse;
                         closeModal();

package/src/lib/modals/TransactionConfirmationModal/TransactionConfirmationModal.js

@@ -20,7 +20,6 @@ import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
 import { isMagicConnector } from '../../utils/functions/isMagicConnector/isMagicConnector.js';
-import { sendTransactionWithAutoNonce } from '../../utils/functions/sendTransactionWithAutoNonce/sendTransactionWithAutoNonce.js';
 import 'viem/chains';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
@@ -92,7 +91,7 @@ const TransactionConfirmationModal = ({ title, handler, onReject, onTransactionR
     }, [onTransactionResponseSuccess, onReject]);
     return (jsx(Portal, { handleClose: closeModal, isShown: show, zIndex: authModalZIndex, withBackdrop: true, elementId: 'dynamic-send-transaction', transitionEvents: {
             onUnmount: handleOnModalUnmount,
-        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, copykey: copykey, mutation: () => sendTransactionWithAutoNonce(walletConnector, transactionWithGasPrice, handler), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
+        }, children: jsx(Modal, { children: jsx(ModalCard, { children: jsx(TransactionConfirmationView, { provider: provider, transaction: transactionWithGasPrice, title: title, copykey: copykey, mutation: () => handler(transactionWithGasPrice), onClickClose: closeModal, onError: (error) => (errorRef.current = error), displayPoweredByDynamicFooter: true, onSuccess: (transactionResponse) => {
                         errorRef.current = null;
                         transactionResponseRef.current = transactionResponse;
                         closeModal();

package/src/lib/shared/utils/functions/index.d.ts

@@ -13,3 +13,4 @@ export * from './getWalletListItemLabel';
 export * from './formatBigNumber';
 export * from './trimEnd';
 export * from './ceil';
+export * from './providerLabel';

package/src/lib/shared/utils/functions/providerLabel/index.d.ts

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

package/src/lib/shared/utils/functions/providerLabel/providerLabel.cjs

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var sdkApi = require('@dynamic-labs/sdk-api');
+var capitalize = require('../capitalize/capitalize.cjs');
+
+const providerLabel = (provider) => {
+    if (provider === sdkApi.SocialSignInProviderEnum.Coinbasesocial) {
+        return 'Coinbase';
+    }
+    return capitalize.capitalize(provider);
+};
+
+exports.providerLabel = providerLabel;

package/src/lib/shared/utils/functions/providerLabel/providerLabel.d.ts

@@ -0,0 +1,2 @@
+import { SocialSignInProviderEnum } from '@dynamic-labs/sdk-api';
+export declare const providerLabel: (provider: SocialSignInProviderEnum) => string;

package/src/lib/shared/utils/functions/providerLabel/providerLabel.js

@@ -0,0 +1,11 @@
+import { SocialSignInProviderEnum } from '@dynamic-labs/sdk-api';
+import { capitalize } from '../capitalize/capitalize.js';
+
+const providerLabel = (provider) => {
+    if (provider === SocialSignInProviderEnum.Coinbasesocial) {
+        return 'Coinbase';
+    }
+    return capitalize(provider);
+};
+
+export { providerLabel };