@dynamic-labs/sdk-react-core 1.3.1 → 1.4.1

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

@@ -1,8 +1,8 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { useState, useRef } from 'react';
-import { OauthResultStatus } from '@dynamic-labs/sdk-api';
+import { ProviderEnum, OauthResultStatus } from '@dynamic-labs/sdk-api';
 import { SocialOAuthErrorCode } from '@dynamic-labs/types';
-import { isMobile, SocialAccountAlreadyExistsError, NoAccessError, AccountExistsError } from '@dynamic-labs/utils';
+import { isMobile, NoAccessError, AccountExistsError, SocialAccountAlreadyExistsError } from '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
 import { decodeJwt } from '../../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import '@dynamic-labs/iconic';
@@ -30,13 +30,14 @@ import { stringifyURIQuery } from '../../functions/stringifyURIQuery/stringifyUR
 import 'viem/chains';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useAccountExistsContext } from '../../../context/AccountExistsContext/AccountExistsContext.js';
-import { getOAuthResult, verifyOAuth, signInOAuth } from '../../../data/api.js';
+import { getOAuthResult, signInOAuth, farcasterSignIn, verifyOAuth } from '../../../data/api.js';
 import { useUpdateUserProfileByJWTCallback } from '../useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';
 import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
 import { useEmbeddedWallet } from '../useEmbeddedWallet/useEmbeddedWallet.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import { useCreateUserProfileByJWTCallback } from '../useCreateUserProfileByJWTCallback/useCreateUserProfileByJWTCallback.js';
+import { connect, watchStatus } from './farcaster.js';
 import 'yup';
 import 'react-i18next';
 import '../../../context/MockContext/MockContext.js';
@@ -56,13 +57,13 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../components/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';
@@ -83,6 +84,7 @@ const socialProviders = [
     'coinbasesocial',
     'discord',
     'facebook',
+    'farcaster',
     'github',
     'google',
     'instagram',
@@ -96,7 +98,7 @@ const providersWithoutWindowOpenerRefence = ['twitter'];
 // Hook to handle common social auth logic (for social linking and social sign in)
 const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
     var _a;
-    const { environmentId, onboardingOnlyJwt, setOnboardingOnlyJwt, setCallback, setShowAuthFlow, setIsVerificationInProgress, projectSettings, } = useInternalDynamicContext();
+    const { environmentId, onboardingOnlyJwt, setOnboardingOnlyJwt, setCallback, setShowAuthFlow, setIsVerificationInProgress, projectSettings, consumeNonce, } = useInternalDynamicContext();
     const { setView } = useViewContext();
     const { setExistentAccountData } = useAccountExistsContext();
     const { setErrorMessage, setError: setContextError } = useErrorContext();
@@ -152,13 +154,9 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         }
         return true;
     };
-    const linkAccount = (provider, code, verifier, state) => __awaiter(void 0, void 0, void 0, function* () {
+    const linkAccount = (provider, apiCall) => __awaiter(void 0, void 0, void 0, function* () {
         try {
-            const jwt = yield verifyOAuth(environmentId, provider, {
-                code,
-                codeVerifier: verifier,
-                state,
-            }, String(userJwt));
+            const jwt = yield apiCall();
             if (!jwt) {
                 handleError(SocialOAuthErrorCode.VERIFICATION_ERROR, `Failed to link social account: ${provider}`);
                 return;
@@ -172,15 +170,10 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             }
         }
     });
-    const signInAccount = (provider, code, verifier, state, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
+    const signInAccount = (provider, apiCall) => __awaiter(void 0, void 0, void 0, function* () {
         var _b;
         try {
-            const jwt = yield signInOAuth(environmentId, provider, {
-                captchaToken,
-                code,
-                codeVerifier: verifier,
-                state,
-            });
+            const jwt = yield apiCall();
             if (!jwt) {
                 handleError(SocialOAuthErrorCode.SIGNIN_ERROR, `Failed to sign-in with social account: ${provider}`);
                 return;
@@ -213,7 +206,9 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         }
         catch (error) {
             if (error instanceof NoAccessError) {
+                onSettled === null || onSettled === void 0 ? void 0 : onSettled();
                 setView('no-access');
+                return;
             }
             if (error instanceof AccountExistsError) {
                 setExistentAccountData(error.errorPayload);
@@ -235,6 +230,10 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
         if (validator && !validator(provider)) {
             return;
         }
+        if (provider === ProviderEnum.Farcaster) {
+            connectWithFarcaster();
+            return;
+        }
         const authWindow = window.open('', '_blank', 'width=500,height=600');
         const state = randomString(8);
         const verifier = randomString(43);
@@ -306,10 +305,21 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
                 return;
             }
             if (authMode === 'signin') {
-                yield signInAccount(provider, code, verifier, state, captchaToken);
+                const apiCall = () => signInOAuth(environmentId, provider, {
+                    captchaToken,
+                    code,
+                    codeVerifier: verifier,
+                    state,
+                });
+                yield signInAccount(provider, apiCall);
             }
             else {
-                yield linkAccount(provider, code, verifier, state);
+                const apiCall = () => verifyOAuth(environmentId, provider, {
+                    code,
+                    codeVerifier: verifier,
+                    state,
+                }, String(userJwt));
+                yield linkAccount(provider, apiCall);
             }
             setIsProcessing(false);
         });
@@ -379,6 +389,58 @@ const useSocialAuth = ({ sessionTimeout, authMode, onSettled, onError, }) => {
             }), authWindowTimeout);
         }
     });
+    const connectWithFarcaster = () => __awaiter(void 0, void 0, void 0, function* () {
+        const dynamicNonce = consumeNonce();
+        const domain = window.location.host;
+        const data = yield connect({
+            domain,
+            nonce: dynamicNonce,
+            siweUri: window.location.origin,
+        });
+        if (!(data === null || data === void 0 ? void 0 : data.url) || !(data === null || data === void 0 ? void 0 : data.channelToken)) {
+            handleError(SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return a valid url.");
+            return;
+        }
+        // If on mobile, we want to redirect to the Warpcast app.
+        if (isMobile()) {
+            window.location.assign(data.url);
+        }
+        else {
+            setView('farcaster-connect-view', { url: data.url });
+        }
+        const status = yield watchStatus({
+            channelToken: data.channelToken,
+        });
+        if (status === 'cancelled') {
+            setIsProcessing(false);
+            return;
+        }
+        // Error
+        if (status === 'timeout' ||
+            status === 'rejected' ||
+            !(status === null || status === void 0 ? void 0 : status.message) ||
+            !(status === null || status === void 0 ? void 0 : status.custody) ||
+            !(status === null || status === void 0 ? void 0 : status.signature) ||
+            !(status === null || status === void 0 ? void 0 : status.nonce)) {
+            handleError(SocialOAuthErrorCode.GENERAL_ERROR, "Farcaster didn't return valid data.");
+            return;
+        }
+        const { custody: address, message, signature, nonce } = status;
+        if (authMode === 'signin') {
+            const apiCall = () => farcasterSignIn(environmentId, {
+                address,
+                domain,
+                message,
+                nonce,
+                signature,
+            });
+            yield signInAccount(ProviderEnum.Farcaster, apiCall);
+        }
+        else {
+            handleError(SocialOAuthErrorCode.GENERAL_ERROR, 'Linking with Farcaster is not supported at the moment.');
+        }
+        setIsProcessing(false);
+    });
     return {
         checkValidProvider,
         connectSocialAccount,

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

@@ -51,13 +51,13 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -47,13 +47,13 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../components/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';

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

@@ -50,13 +50,13 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -46,13 +46,13 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../components/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';

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

@@ -50,13 +50,13 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 var EmailVerificationContext = require('../../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');

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

@@ -46,13 +46,13 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../views/WalletList/WalletList.js';
-import 'qrcode';
 import { useEmailVerificationContext } from '../../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../../context/LoadingContext/LoadingContext.js';

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

@@ -50,13 +50,13 @@ require('../../../../components/Transition/OpacityTransition/OpacityTransition.c
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -46,13 +46,13 @@ import '../../../../components/Transition/OpacityTransition/OpacityTransition.js
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../components/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';

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

@@ -20,9 +20,6 @@ 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));
@@ -77,9 +74,15 @@ const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Brid
             oldVersion: hasWCV1Data ? 1 : 2,
         });
     });
-    handleUserDataOutOfSync();
-    handleConnectorBridgeOutOfSync();
-    handleConnectorVersionOutOfSync();
+    const validate = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        yield handleUserDataOutOfSync();
+        yield handleConnectorBridgeOutOfSync();
+        yield handleConnectorVersionOutOfSync();
+    });
+    if (!hasLoggedOut) {
+        validate();
+    }
+    return { setHasLoggedOut };
 };
 
 exports.useValidateSession = useValidateSession;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { UserProfile } from '../../../shared';
 import { WalletConnector } from '../../../..';
 type Props = {
@@ -8,5 +9,7 @@ type Props = {
     walletConnectors: WalletConnector[] | undefined;
     wcVersion: number | undefined;
 };
-export declare const useValidateSession: ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }: Props) => void;
+export declare const useValidateSession: ({ handleLogOut, user, authToken, walletConnectV1Bridge, walletConnectors, wcVersion, }: Props) => {
+    setHasLoggedOut: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+};
 export {};

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

@@ -16,9 +16,6 @@ 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));
@@ -73,9 +70,15 @@ const useValidateSession = ({ handleLogOut, user, authToken, walletConnectV1Brid
             oldVersion: hasWCV1Data ? 1 : 2,
         });
     });
-    handleUserDataOutOfSync();
-    handleConnectorBridgeOutOfSync();
-    handleConnectorVersionOutOfSync();
+    const validate = () => __awaiter(void 0, void 0, void 0, function* () {
+        yield handleUserDataOutOfSync();
+        yield handleConnectorBridgeOutOfSync();
+        yield handleConnectorVersionOutOfSync();
+    });
+    if (!hasLoggedOut) {
+        validate();
+    }
+    return { setHasLoggedOut };
 };
 
 export { useValidateSession };

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

@@ -56,13 +56,13 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -52,13 +52,13 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../components/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';

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

@@ -49,13 +49,13 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -45,13 +45,13 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../components/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';

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

@@ -53,13 +53,13 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

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

@@ -49,13 +49,13 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../components/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';

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

@@ -50,13 +50,13 @@ require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs'
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
+require('qrcode');
 require('formik');
 require('i18next');
 require('../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
@@ -73,7 +73,7 @@ require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCa
 var SignMessageConfirmationModal = require('../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.cjs');
 var TransactionConfirmationModal = require('../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.cjs');
 
-const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
+const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, hideEmbeddedWalletTransactionUIs = false, }) => {
     const confirmationStateRef = React.useRef('enabled');
     const { t } = reactI18next.useTranslation();
     const { modal: sendTransactionModal, open: openSendTransaction } = useConfirmationModal.useConfirmationModal({
@@ -83,6 +83,9 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         elementId: 'dynamic-sign-message',
     });
     const shouldConfirmAction = React.useCallback(() => {
+        if (hideEmbeddedWalletTransactionUIs) {
+            return false;
+        }
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
             return false;

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

@@ -1,4 +1,4 @@
 import { ReactNode } from 'react';
 import { WalletUiUtils } from '@dynamic-labs/types';
 import { WalletUiUtilsHookProps } from './useWalletUiUtils.types';
-export declare const useWalletUiUtils: ({ appLogoUrl, appName, getAppOrigin, }: WalletUiUtilsHookProps) => [ReactNode | undefined, WalletUiUtils];
+export declare const useWalletUiUtils: ({ appLogoUrl, appName, getAppOrigin, hideEmbeddedWalletTransactionUIs, }: WalletUiUtilsHookProps) => [ReactNode | undefined, WalletUiUtils];

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

@@ -46,13 +46,13 @@ import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
+import 'qrcode';
 import 'formik';
 import 'i18next';
 import '../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../components/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';
@@ -69,7 +69,7 @@ import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCar
 import { SignMessageConfirmationModal } from '../../../modals/SignMessageConfirmationModal/SignMessageConfirmationModal.js';
 import { TransactionConfirmationModal } from '../../../modals/TransactionConfirmationModal/TransactionConfirmationModal.js';
 
-const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
+const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, hideEmbeddedWalletTransactionUIs = false, }) => {
     const confirmationStateRef = useRef('enabled');
     const { t } = useTranslation();
     const { modal: sendTransactionModal, open: openSendTransaction } = useConfirmationModal({
@@ -79,6 +79,9 @@ const useWalletUiUtils = ({ appLogoUrl, appName, getAppOrigin, }) => {
         elementId: 'dynamic-sign-message',
     });
     const shouldConfirmAction = useCallback(() => {
+        if (hideEmbeddedWalletTransactionUIs) {
+            return false;
+        }
         if (confirmationStateRef.current === 'disabled') {
             confirmationStateRef.current = 'enabled';
             return false;

package/src/lib/utils/hooks/useWalletUiUtils/useWalletUiUtils.types.d.ts

@@ -2,4 +2,5 @@ export type WalletUiUtilsHookProps = {
     appLogoUrl?: string;
     appName?: string;
     getAppOrigin: () => string;
+    hideEmbeddedWalletTransactionUIs?: boolean;
 };

package/src/lib/views/AccountExistsView/AccountExistsView.cjs

@@ -48,13 +48,13 @@ require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
+var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
-require('qrcode');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
@@ -72,9 +72,9 @@ require('../../components/IsBrowser/IsBrowser.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('qrcode');
 require('../WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
-var SocialRedirectContext = require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 var LoginEmailForm = require('../LoginView/sections/EmailSignInSection/LoginEmailForm.cjs');
 

package/src/lib/views/AccountExistsView/AccountExistsView.js

@@ -44,13 +44,13 @@ import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
 import { Typography } from '../../components/Typography/Typography.js';
+import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import { IconWithSpinner } from '../../components/IconWithSpinner/IconWithSpinner.js';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
-import 'qrcode';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
@@ -68,9 +68,9 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
+import 'qrcode';
 import '../WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
-import { useSocialRedirectContext } from '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import { LoginEmailForm } from '../LoginView/sections/EmailSignInSection/LoginEmailForm.js';