@dynamic-labs/sdk-react-core 3.0.0-alpha.30 → 3.0.0-alpha.32

package/CHANGELOG.md

@@ -1,4 +1,14 @@
 
+## [3.0.0-alpha.32](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.31...v3.0.0-alpha.32) (2024-07-30)
+
+
+### Bug Fixes
+
+* react native flicker when redirecting back from farcaster ([#6338](https://github.com/dynamic-labs/DynamicAuth/issues/6338)) ([6ab8464](https://github.com/dynamic-labs/DynamicAuth/commit/6ab846476f7961564445223dd12a552ed4c0f0c8))
+* stop unnecessary phantom btc popup when disconnecting - Revert ([#6439](https://github.com/dynamic-labs/DynamicAuth/issues/6439)) ([79ba97d](https://github.com/dynamic-labs/DynamicAuth/commit/79ba97d82c4eb89f0118a925e4dc899853e04550)), closes [#6188](https://github.com/dynamic-labs/DynamicAuth/issues/6188)
+
+## [3.0.0-alpha.31](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.30...v3.0.0-alpha.31) (2024-07-27)
+
 ## [3.0.0-alpha.30](https://github.com/dynamic-labs/DynamicAuth/compare/v3.0.0-alpha.29...v3.0.0-alpha.30) (2024-07-27)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.0.0-alpha.30";
+var version = "3.0.0-alpha.32";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.0.0-alpha.30";
+var version = "3.0.0-alpha.32";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.497",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.0.0-alpha.30",
+  "version": "3.0.0-alpha.32",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/iconic": "3.0.0-alpha.30",
-    "@dynamic-labs/logger": "3.0.0-alpha.30",
-    "@dynamic-labs/message-transport": "3.0.0-alpha.30",
-    "@dynamic-labs/multi-wallet": "3.0.0-alpha.30",
-    "@dynamic-labs/rpc-providers": "3.0.0-alpha.30",
-    "@dynamic-labs/store": "3.0.0-alpha.30",
-    "@dynamic-labs/types": "3.0.0-alpha.30",
-    "@dynamic-labs/utils": "3.0.0-alpha.30",
-    "@dynamic-labs/wallet-book": "3.0.0-alpha.30",
-    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.30",
+    "@dynamic-labs/iconic": "3.0.0-alpha.32",
+    "@dynamic-labs/logger": "3.0.0-alpha.32",
+    "@dynamic-labs/message-transport": "3.0.0-alpha.32",
+    "@dynamic-labs/multi-wallet": "3.0.0-alpha.32",
+    "@dynamic-labs/rpc-providers": "3.0.0-alpha.32",
+    "@dynamic-labs/store": "3.0.0-alpha.32",
+    "@dynamic-labs/types": "3.0.0-alpha.32",
+    "@dynamic-labs/utils": "3.0.0-alpha.32",
+    "@dynamic-labs/wallet-book": "3.0.0-alpha.32",
+    "@dynamic-labs/wallet-connector-core": "3.0.0-alpha.32",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -101,6 +101,7 @@ require('./lib/context/MfaSettingsContext/MfaSettingsContext.cjs');
 require('./lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('./lib/context/LoadingContext/LoadingContext.cjs');
+var useMultiWalletPromptState = require('./lib/widgets/DynamicWidget/hooks/useMultiWalletPromptState/useMultiWalletPromptState.cjs');
 require('./lib/context/CaptchaContext/CaptchaContext.cjs');
 var DynamicWidgetContext = require('./lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('./lib/components/IconButton/IconButton.cjs');
@@ -214,6 +215,7 @@ exports.useUserUpdateRequest = useUserUpdateRequest.useUserUpdateRequest;
 exports.useRpcProviders = useRpcProviders.useRpcProviders;
 exports.useWalletItemActions = useWalletItemActions.useWalletItemActions;
 exports.ShadowDOM = ShadowDOM.ShadowDOM;
+exports.useMultiWalletPromptState = useMultiWalletPromptState.useMultiWalletPromptState;
 exports.DynamicWidgetContextProvider = DynamicWidgetContext.DynamicWidgetContextProvider;
 exports.useSwitchWallet = useSwitchWallet.useSwitchWallet;
 exports.DynamicBridgeWidget = DynamicBridgeWidget.DynamicBridgeWidget;

package/src/index.d.ts

@@ -10,6 +10,7 @@ export { useDynamicScopes } from './lib/utils/hooks/useDynamicScopes';
 export { useUserWallets } from './lib/context/UserWalletsContext';
 export { DynamicConnectButton, ShadowDOM, IsBrowser } from './lib/components';
 export { DynamicBridgeWidget, DynamicEmbeddedAuthFlow, DynamicEmbeddedUserProfile, DynamicEmbeddedWidget, DynamicMultiWalletPromptsWidget, DynamicNav, DynamicUserProfile, DynamicWidget, FundingWidget, } from './lib/widgets';
+export { useMultiWalletPromptState } from './lib/widgets/DynamicWidget/hooks/useMultiWalletPromptState';
 export type { ThemeData } from './lib/context/ThemeContext/types';
 export { 
 /** @deprecated */

package/src/index.js

@@ -97,6 +97,7 @@ import './lib/context/MfaSettingsContext/MfaSettingsContext.js';
 import './lib/widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import './lib/context/LoadingContext/LoadingContext.js';
+export { useMultiWalletPromptState } from './lib/widgets/DynamicWidget/hooks/useMultiWalletPromptState/useMultiWalletPromptState.js';
 import './lib/context/CaptchaContext/CaptchaContext.js';
 export { DynamicWidgetContextProvider } from './lib/widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import './lib/components/IconButton/IconButton.js';

package/src/lib/utils/functions/isCookieEnabled/isCookieEnabled.cjs

@@ -90,14 +90,14 @@ require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../context/ReinitializeContext/ReinitializeContextProvider.cjs');
 
 const isCookieEnabled = () => {
-    var _a, _b, _c;
-    const securitySettings = (_a = projectSettingsActions.getProjectSettings()) === null || _a === void 0 ? void 0 : _a.settings.security;
+    var _a, _b, _c, _d;
+    const securitySettings = (_b = (_a = projectSettingsActions.getProjectSettings()) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.security;
     if (!securitySettings)
         return false;
     // client uses Dynamic cookies
-    const dynamicCookiesEnabled = (((_b = securitySettings.auth) === null || _b === void 0 ? void 0 : _b.storage) || []).includes(sdkApiCore.AuthStorageEnum.Cookie);
+    const dynamicCookiesEnabled = (((_c = securitySettings.auth) === null || _c === void 0 ? void 0 : _c.storage) || []).includes(sdkApiCore.AuthStorageEnum.Cookie);
     // BYO JWT client puts their non-Dynamic JWT in a cookie
-    const byoJwtCookieEnabled = Boolean((_c = securitySettings.externalAuth) === null || _c === void 0 ? void 0 : _c.cookieName);
+    const byoJwtCookieEnabled = Boolean((_d = securitySettings.externalAuth) === null || _d === void 0 ? void 0 : _d.cookieName);
     // should return true for both of these scenarios
     // because we also need to do `credentials: true` in api.ts when
     // a byo jwt client sets their named cookie for their jwt and

package/src/lib/utils/functions/isCookieEnabled/isCookieEnabled.js

@@ -86,14 +86,14 @@ import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../context/ReinitializeContext/ReinitializeContextProvider.js';
 
 const isCookieEnabled = () => {
-    var _a, _b, _c;
-    const securitySettings = (_a = getProjectSettings()) === null || _a === void 0 ? void 0 : _a.settings.security;
+    var _a, _b, _c, _d;
+    const securitySettings = (_b = (_a = getProjectSettings()) === null || _a === void 0 ? void 0 : _a.settings) === null || _b === void 0 ? void 0 : _b.security;
     if (!securitySettings)
         return false;
     // client uses Dynamic cookies
-    const dynamicCookiesEnabled = (((_b = securitySettings.auth) === null || _b === void 0 ? void 0 : _b.storage) || []).includes(AuthStorageEnum.Cookie);
+    const dynamicCookiesEnabled = (((_c = securitySettings.auth) === null || _c === void 0 ? void 0 : _c.storage) || []).includes(AuthStorageEnum.Cookie);
     // BYO JWT client puts their non-Dynamic JWT in a cookie
-    const byoJwtCookieEnabled = Boolean((_c = securitySettings.externalAuth) === null || _c === void 0 ? void 0 : _c.cookieName);
+    const byoJwtCookieEnabled = Boolean((_d = securitySettings.externalAuth) === null || _d === void 0 ? void 0 : _d.cookieName);
     // should return true for both of these scenarios
     // because we also need to do `credentials: true` in api.ts when
     // a byo jwt client sets their named cookie for their jwt and

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

@@ -135,10 +135,11 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         return true;
     }, [handleError, projectSettings, verifiedOAuthCredentialsMap]);
-    const linkSocialAccount = React.useCallback((provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const linkSocialAccount = React.useCallback((provider_1, ...args_1) => _tslib.__awaiter(void 0, [provider_1, ...args_1], void 0, function* (provider, { redirectUrl } = { redirectUrl: undefined }) {
         connectSocialAccount({
             authMode: 'link',
             provider,
+            redirectUrl,
             validator: checkValidOAuthLinking,
         });
     }), [checkValidOAuthLinking, connectSocialAccount]);
@@ -205,10 +206,11 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         return true;
     }, [handleError, (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.providers]);
-    const signInWithSocialAccount = React.useCallback((provider) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const signInWithSocialAccount = React.useCallback((provider_2, ...args_2) => _tslib.__awaiter(void 0, [provider_2, ...args_2], void 0, function* (provider, { redirectUrl } = { redirectUrl: undefined }) {
         return connectSocialAccount({
             authMode: 'signin',
             provider,
+            redirectUrl,
             validator: checkValidOAuthSignIn,
         });
     }), [checkValidOAuthSignIn, connectSocialAccount]);

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

@@ -3,13 +3,19 @@ import { SocialAccountInformation } from '@dynamic-labs/types';
 type UseSocialAccountsProps = {
     sessionTimeout: number;
 };
+type ConnectSocialProps = {
+    /**
+     * Overrides the redirectUrl provided by DynamicContextProvider
+     */
+    redirectUrl?: string;
+};
 export declare const useSocialAccounts: ({ sessionTimeout }?: UseSocialAccountsProps) => {
     readonly error: import("@dynamic-labs/types").SocialOAuthError | undefined;
     readonly getLinkedAccountInformation: (provider: ProviderEnum) => SocialAccountInformation | undefined;
     readonly isLinked: (provider: ProviderEnum) => boolean;
     readonly isProcessing: boolean;
-    readonly linkSocialAccount: (provider: ProviderEnum) => Promise<void>;
-    readonly signInWithSocialAccount: (provider: ProviderEnum) => Promise<void>;
+    readonly linkSocialAccount: (provider: ProviderEnum, { redirectUrl }?: ConnectSocialProps) => Promise<void>;
+    readonly signInWithSocialAccount: (provider: ProviderEnum, { redirectUrl }?: ConnectSocialProps) => Promise<void>;
     readonly unlinkSocialAccount: (provider: ProviderEnum) => Promise<void>;
 };
 export {};

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

@@ -131,10 +131,11 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         return true;
     }, [handleError, projectSettings, verifiedOAuthCredentialsMap]);
-    const linkSocialAccount = useCallback((provider) => __awaiter(void 0, void 0, void 0, function* () {
+    const linkSocialAccount = useCallback((provider_1, ...args_1) => __awaiter(void 0, [provider_1, ...args_1], void 0, function* (provider, { redirectUrl } = { redirectUrl: undefined }) {
         connectSocialAccount({
             authMode: 'link',
             provider,
+            redirectUrl,
             validator: checkValidOAuthLinking,
         });
     }), [checkValidOAuthLinking, connectSocialAccount]);
@@ -201,10 +202,11 @@ const useSocialAccounts = ({ sessionTimeout } = {
         }
         return true;
     }, [handleError, (_a = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.sdk.socialSignIn) === null || _a === void 0 ? void 0 : _a.providers]);
-    const signInWithSocialAccount = useCallback((provider) => __awaiter(void 0, void 0, void 0, function* () {
+    const signInWithSocialAccount = useCallback((provider_2, ...args_2) => __awaiter(void 0, [provider_2, ...args_2], void 0, function* (provider, { redirectUrl } = { redirectUrl: undefined }) {
         return connectSocialAccount({
             authMode: 'signin',
             provider,
+            redirectUrl,
             validator: checkValidOAuthSignIn,
         });
     }), [checkValidOAuthSignIn, connectSocialAccount]);

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

@@ -178,7 +178,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             verifyFunction: () => apiCall(),
         });
     });
-    const connectSocialAccount = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ authMode, provider, validator, captchaToken, }) {
+    const connectSocialAccount = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ authMode, provider, validator, captchaToken, redirectUrl, }) {
         var _b, _c;
         clearError();
         setIsProcessing(true);
@@ -199,8 +199,8 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             type: 'social',
         });
         if (provider === sdkApiCore.ProviderEnum.Farcaster)
-            return connectWithFarcaster(authMode, { captchaToken });
-        const state = randomString.randomString(8);
+            return connectWithFarcaster(authMode, { captchaToken, redirectUrl });
+        const state = randomString.randomString(32);
         const verifier = randomString.randomString(43);
         const loginUrlString = getOauthLoginUrl.getOauthLoginUrl((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _b !== void 0 ? _b : [], provider);
         if (!loginUrlString) {
@@ -225,6 +225,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 oauthLoginUrl,
                 onSettled,
                 provider,
+                redirectUrl,
                 sessionTimeout,
                 setIsProcessing,
                 state,
@@ -274,13 +275,13 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             }
         }
     });
-    const connectWithFarcaster = (authMode_1, _d) => _tslib.__awaiter(void 0, [authMode_1, _d], void 0, function* (authMode, { captchaToken }) {
+    const connectWithFarcaster = (authMode_1, _d) => _tslib.__awaiter(void 0, [authMode_1, _d], void 0, function* (authMode, { captchaToken, redirectUrl: redirectUrlOverride, }) {
         const dynamicNonce = consumeNonce();
         const domain = utils.PlatformService.getHost();
         const data = yield farcaster.connect({
             domain,
             nonce: dynamicNonce,
-            redirectUrl,
+            redirectUrl: redirectUrlOverride !== null && redirectUrlOverride !== void 0 ? redirectUrlOverride : redirectUrl,
             siweUri: utils.PlatformService.getOrigin(),
         });
         if (!(data === null || data === void 0 ? void 0 : data.url) || !(data === null || data === void 0 ? void 0 : data.channelToken)) {

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

@@ -13,10 +13,11 @@ export type ConnectSocialAccountProps = {
     provider: ProviderEnum;
     validator?: (provider: ProviderEnum) => boolean;
     captchaToken?: string;
+    redirectUrl?: string;
 };
 export declare const useSocialAuth: ({ sessionTimeout, onSettled, onError, onFarcasterUrl, }: UseSocialAuthProps) => {
     readonly checkValidProvider: (provider: ProviderEnum, authMode: SocialAuthMode) => boolean;
-    readonly connectSocialAccount: ({ authMode, provider, validator, captchaToken, }: ConnectSocialAccountProps) => Promise<void>;
+    readonly connectSocialAccount: ({ authMode, provider, validator, captchaToken, redirectUrl, }: ConnectSocialAccountProps) => Promise<void>;
     readonly error: SocialOAuthError | undefined;
     readonly handleError: (provider: ProviderEnum | undefined, code: SocialOAuthErrorCode, message: string, options?: {
         raiseAuthFailure?: boolean | undefined;

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

@@ -174,7 +174,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             verifyFunction: () => apiCall(),
         });
     });
-    const connectSocialAccount = (_a) => __awaiter(void 0, [_a], void 0, function* ({ authMode, provider, validator, captchaToken, }) {
+    const connectSocialAccount = (_a) => __awaiter(void 0, [_a], void 0, function* ({ authMode, provider, validator, captchaToken, redirectUrl, }) {
         var _b, _c;
         clearError();
         setIsProcessing(true);
@@ -195,8 +195,8 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             type: 'social',
         });
         if (provider === ProviderEnum.Farcaster)
-            return connectWithFarcaster(authMode, { captchaToken });
-        const state = randomString(8);
+            return connectWithFarcaster(authMode, { captchaToken, redirectUrl });
+        const state = randomString(32);
         const verifier = randomString(43);
         const loginUrlString = getOauthLoginUrl((_b = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.providers) !== null && _b !== void 0 ? _b : [], provider);
         if (!loginUrlString) {
@@ -221,6 +221,7 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
                 oauthLoginUrl,
                 onSettled,
                 provider,
+                redirectUrl,
                 sessionTimeout,
                 setIsProcessing,
                 state,
@@ -270,13 +271,13 @@ const useSocialAuth = ({ sessionTimeout, onSettled, onError, onFarcasterUrl, })
             }
         }
     });
-    const connectWithFarcaster = (authMode_1, _d) => __awaiter(void 0, [authMode_1, _d], void 0, function* (authMode, { captchaToken }) {
+    const connectWithFarcaster = (authMode_1, _d) => __awaiter(void 0, [authMode_1, _d], void 0, function* (authMode, { captchaToken, redirectUrl: redirectUrlOverride, }) {
         const dynamicNonce = consumeNonce();
         const domain = PlatformService.getHost();
         const data = yield connect({
             domain,
             nonce: dynamicNonce,
-            redirectUrl,
+            redirectUrl: redirectUrlOverride !== null && redirectUrlOverride !== void 0 ? redirectUrlOverride : redirectUrl,
             siweUri: PlatformService.getOrigin(),
         });
         if (!(data === null || data === void 0 ? void 0 : data.url) || !(data === null || data === void 0 ? void 0 : data.channelToken)) {