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

package/CHANGELOG.md

@@ -1,4 +1,16 @@
 
+## [0.17.0-RC.16](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0-RC.15...v0.17.0-RC.16) (2023-05-15)
+
+
+### Features
+
+* add social oauth result to verify request ([#2081](https://github.com/dynamic-labs/DynamicAuth/issues/2081)) ([4da650a](https://github.com/dynamic-labs/DynamicAuth/commit/4da650affe9c96e0ab9e446f58c91b9b13db3651))
+
+
+### Bug Fixes
+
+* **DYN-2327:** user profile is not loaded properly on the first load ([#2113](https://github.com/dynamic-labs/DynamicAuth/issues/2113)) ([c05834e](https://github.com/dynamic-labs/DynamicAuth/commit/c05834ed89ecc12d586baa97bcaf2bd3c1919f59))
+
 ## [0.17.0-RC.15](https://github.com/dynamic-labs/DynamicAuth/compare/v0.17.0-RC.14...v0.17.0-RC.15) (2023-05-15)
 
 

package/package.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "0.17.0-RC.15";
+var version = "0.17.0-RC.16";
 var dependencies = {
 	"react-focus-lock": "^2.9.2",
 	"@dynamic-labs/iconic": "^0.1.19",

package/package.js

@@ -1,4 +1,4 @@
-var version = "0.17.0-RC.15";
+var version = "0.17.0-RC.16";
 var dependencies = {
 	"react-focus-lock": "^2.9.2",
 	"@dynamic-labs/iconic": "^0.1.19",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "0.17.0-RC.15",
+  "version": "0.17.0-RC.16",
   "repository": {
     "type": "git",
     "url": "https://github.com/dynamic-labs/DynamicAuth.git",
@@ -17,12 +17,12 @@
     "formik": "^2.2.9",
     "qrcode": "1.5.1",
     "ethers": "^5.7.2",
-    "@dynamic-labs/logger": "0.17.0-RC.15",
-    "@dynamic-labs/multi-wallet": "0.17.0-RC.15",
-    "@dynamic-labs/rpc-providers": "0.17.0-RC.15",
-    "@dynamic-labs/types": "0.17.0-RC.15",
-    "@dynamic-labs/utils": "0.17.0-RC.15",
-    "@dynamic-labs/wallet-connector-core": "0.17.0-RC.15"
+    "@dynamic-labs/logger": "0.17.0-RC.16",
+    "@dynamic-labs/multi-wallet": "0.17.0-RC.16",
+    "@dynamic-labs/rpc-providers": "0.17.0-RC.16",
+    "@dynamic-labs/types": "0.17.0-RC.16",
+    "@dynamic-labs/utils": "0.17.0-RC.16",
+    "@dynamic-labs/wallet-connector-core": "0.17.0-RC.16"
   },
   "devDependencies": {
     "semver": "^7.3.8"

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.cjs

@@ -73,13 +73,17 @@ const SocialRedirectContextProvider = ({ children, }) => {
             setShowAuthFlow(true);
             setSelectedWalletConnector(socialWalletConnector);
             (_a = socialWalletConnector
-                .getSession) === null || _a === void 0 ? void 0 : _a.call(socialWalletConnector).then(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+                .getSession) === null || _a === void 0 ? void 0 : _a.call(socialWalletConnector).then((session) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
                 const address = yield socialWalletConnector.fetchPublicAddress();
                 if (!address) {
                     return;
                 }
                 walletUiUtils.enableInternalSign();
                 yield verifyWallet({
+                    oauth: {
+                        accessToken: session.accessToken,
+                        provider: providerFromParams,
+                    },
                     publicWalletAddress: address,
                     walletConnector: socialWalletConnector,
                 });

package/src/lib/context/SocialRedirectContext/SocialRedirectContext.js

@@ -69,13 +69,17 @@ const SocialRedirectContextProvider = ({ children, }) => {
             setShowAuthFlow(true);
             setSelectedWalletConnector(socialWalletConnector);
             (_a = socialWalletConnector
-                .getSession) === null || _a === void 0 ? void 0 : _a.call(socialWalletConnector).then(() => __awaiter(void 0, void 0, void 0, function* () {
+                .getSession) === null || _a === void 0 ? void 0 : _a.call(socialWalletConnector).then((session) => __awaiter(void 0, void 0, void 0, function* () {
                 const address = yield socialWalletConnector.fetchPublicAddress();
                 if (!address) {
                     return;
                 }
                 walletUiUtils.enableInternalSign();
                 yield verifyWallet({
+                    oauth: {
+                        accessToken: session.accessToken,
+                        provider: providerFromParams,
+                    },
                     publicWalletAddress: address,
                     walletConnector: socialWalletConnector,
                 });

package/src/lib/data/api.cjs

@@ -227,12 +227,13 @@ const createVisit = ({ authMode, chain, environmentId, walletProvider, publicWal
         logger.logger.error(error);
     }
 });
-const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     const verifyRequest = sdkApi$1.VerifyRequestFromJSON({
         captchaToken,
         chain,
         messageToSign,
         network,
+        oauth,
         publicWalletAddress,
         signedMessage,
         walletName,

package/src/lib/data/api.d.ts

@@ -42,7 +42,7 @@ export declare const createVisit: ({ authMode, chain, environmentId, walletProvi
     walletName: string;
     walletProvider: string;
 }) => Promise<void | undefined>;
-export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, }: VerifyWallet) => Promise<string | undefined>;
+export declare const verifyWallet: (environmentId: string, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, }: VerifyWallet) => Promise<string | undefined>;
 export declare const fetchNetworkSettings: (environmentId: string) => Promise<NetworkConfigurationResponse[] | undefined>;
 export declare const fetchProjectSettings: (environmentId: string) => Promise<ProjectSettings | undefined>;
 export declare const updateUserProfileFields: (jwt: string | undefined, environmentId: string, fields: UserFields) => Promise<UpdateSelfResponse>;

package/src/lib/data/api.js

@@ -223,12 +223,13 @@ const createVisit = ({ authMode, chain, environmentId, walletProvider, publicWal
         logger.error(error);
     }
 });
-const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, }) => __awaiter(void 0, void 0, void 0, function* () {
+const verifyWallet = (environmentId, { messageToSign, signedMessage, publicWalletAddress, chain, walletName, walletProvider, captchaToken, network, oauth, }) => __awaiter(void 0, void 0, void 0, function* () {
     const verifyRequest = VerifyRequestFromJSON({
         captchaToken,
         chain,
         messageToSign,
         network,
+        oauth,
         publicWalletAddress,
         signedMessage,
         walletName,

package/src/lib/shared/types/index.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { EvmRpcProvider, SolanaRpcProvider } from '@dynamic-labs/rpc-providers';
 import type { FetchPublicAddressOpts, WalletConnector } from '@dynamic-labs/wallet-connector-core';
-import { WalletProviderEnum, ProjectSettings, UserFields, NameServiceData, JwtVerifiedCredential } from '@dynamic-labs/sdk-api';
+import { WalletProviderEnum, ProjectSettings, UserFields, NameServiceData, JwtVerifiedCredential, OauthProviderRequest } from '@dynamic-labs/sdk-api';
 import { NetworkConfigurationMap } from '@dynamic-labs/types';
 export type BrowserName = 'brave' | 'chrome' | 'edge' | 'firefox' | 'safari';
 export type Wallet = {
@@ -60,6 +60,7 @@ export interface VerifyProps {
 export interface VerifyCallbackArgs {
     captchaToken?: string;
     fetchPublicAddressOpts?: FetchPublicAddressOpts;
+    oauth?: OauthProviderRequest;
     publicWalletAddress: string;
     walletConnector: WalletConnector;
 }
@@ -75,6 +76,7 @@ export interface VerifyWallet {
     chain: string;
     messageToSign: string;
     network: string | number | undefined;
+    oauth?: OauthProviderRequest;
     publicWalletAddress: string;
     signedMessage: string;
     skipEmptyAccountCheck?: boolean;

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

@@ -40,7 +40,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
     const verifyOnly = !authToken;
-    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         let Jwt;
         const nonce = consumeNonce();
         if (nonce === undefined)
@@ -56,7 +56,8 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             walletProvider,
         });
         if (authToken === undefined || !multiWalletEnabled) {
-            Jwt = yield api.verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken }));
+            Jwt = yield api.verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
+                oauth }));
         }
         else {
             Jwt = yield api.linkWallet(environmentId, verifyArgs, authToken);
@@ -119,7 +120,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             setErrorMessage(e.code);
         }
     };
-    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const walletProvider = getWalletProvider.getWalletProvider(walletConnector);
         const network = yield walletConnector.getNetwork();
         const _isSupportedNetwork = isSupportedNetwork.isSupportedNetwork({
@@ -127,7 +128,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             walletConnector,
         });
         try {
-            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken);
+            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt.decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new utils.DynamicError('Invalid token!');

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

@@ -5,5 +5,5 @@ type UseVerifyWalletArgs = VerifyProps & ProjectSettingsProps & {
     displayTermsOfService: boolean;
     setIsSingleWalletAccount: Dispatch<SetStateAction<boolean>>;
 };
-export declare const useVerifyWallet: ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }: UseVerifyWalletArgs) => ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }: VerifyCallbackArgs) => Promise<void>;
+export declare const useVerifyWallet: ({ consumeNonce, displayTermsOfService, environmentId, projectSettings, setIsSingleWalletAccount, }: UseVerifyWalletArgs) => ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }: VerifyCallbackArgs) => Promise<void>;
 export {};

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

@@ -36,7 +36,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
     // We need this boolean for the part of the logic where we already persisted a new authToken,
     // and need to distinguish between logic for verify or linking.
     const verifyOnly = !authToken;
-    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
+    const generateJWT = (walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth) => __awaiter(void 0, void 0, void 0, function* () {
         let Jwt;
         const nonce = consumeNonce();
         if (nonce === undefined)
@@ -52,7 +52,8 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             walletProvider,
         });
         if (authToken === undefined || !multiWalletEnabled) {
-            Jwt = yield verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken }));
+            Jwt = yield verifyWallet(environmentId, Object.assign(Object.assign({}, verifyArgs), { captchaToken,
+                oauth }));
         }
         else {
             Jwt = yield linkWallet(environmentId, verifyArgs, authToken);
@@ -115,7 +116,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             setErrorMessage(e.code);
         }
     };
-    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, }) => __awaiter(void 0, void 0, void 0, function* () {
+    return ({ walletConnector, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth, }) => __awaiter(void 0, void 0, void 0, function* () {
         const walletProvider = getWalletProvider(walletConnector);
         const network = yield walletConnector.getNetwork();
         const _isSupportedNetwork = isSupportedNetwork({
@@ -123,7 +124,7 @@ const useVerifyWallet = ({ consumeNonce, displayTermsOfService, environmentId, p
             walletConnector,
         });
         try {
-            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken);
+            const Jwt = yield generateJWT(walletConnector, walletProvider, fetchPublicAddressOpts, publicWalletAddress, captchaToken, oauth);
             const decodedJwt = decodeJwt(Jwt);
             if (decodedJwt === undefined)
                 throw new DynamicError('Invalid token!');

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.cjs

@@ -58,12 +58,12 @@ const DynamicWidgetContextProvider = ({ children, }) => {
                 setDynamicWidgetView(initialView);
             }, 200);
         }
-    }, [showDynamicUserProfile]);
+    }, [initialView, showDynamicUserProfile]);
     // set correct initial view once isKYCEnabled and isMultiWalletEnabled values are correctly set
     // *isKYCEnabled is always false when the context initializes, so the initial view is set to index
     React.useEffect(() => {
         setDynamicWidgetView(initialView);
-    }, [isKYCEnabled, isMultiWalletEnabled]);
+    }, [initialView, isKYCEnabled, isMultiWalletEnabled]);
     const value = React.useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,

package/src/lib/widgets/DynamicWidget/context/DynamicWidgetContext.js

@@ -54,12 +54,12 @@ const DynamicWidgetContextProvider = ({ children, }) => {
                 setDynamicWidgetView(initialView);
             }, 200);
         }
-    }, [showDynamicUserProfile]);
+    }, [initialView, showDynamicUserProfile]);
     // set correct initial view once isKYCEnabled and isMultiWalletEnabled values are correctly set
     // *isKYCEnabled is always false when the context initializes, so the initial view is set to index
     useEffect(() => {
         setDynamicWidgetView(initialView);
-    }, [isKYCEnabled, isMultiWalletEnabled]);
+    }, [initialView, isKYCEnabled, isMultiWalletEnabled]);
     const value = useMemo(() => ({
         availableWalletsContainerRef,
         dynamicWidgetView,