@dynamic-labs/sdk-react-core 5.11.0 → 5.12.0

package/CHANGELOG.md

@@ -1,4 +1,14 @@
 
+## [5.12.0](https://github.com/dynamic-labs/dynamic-auth/compare/v5.11.0...v5.12.0) (2026-10-16)
+
+
+### Features
+
+* **embedded-wallet-solana:** add getSolanaSponsorAddress ([#12517](https://github.com/dynamic-labs/dynamic-auth/issues/12517)) ([b95c550](https://github.com/dynamic-labs/dynamic-auth/commit/b95c550e3dab783b7ff0b019051a17b22ea44f97))
+* **embedded-wallet:** show chain and wallet in private key export modal ([#12507](https://github.com/dynamic-labs/dynamic-auth/issues/12507)) ([4bfb6d6](https://github.com/dynamic-labs/dynamic-auth/commit/4bfb6d6168aac3f800792fde933e0597f288058f))
+* **sdk-react-core:** send OTP purpose from step-up flows ([#12511](https://github.com/dynamic-labs/dynamic-auth/issues/12511)) ([0d2d8a3](https://github.com/dynamic-labs/dynamic-auth/commit/0d2d8a31058b3e75c71af7a34f459e2a3ddf383b)), closes [#12898](https://github.com/dynamic-labs/dynamic-auth/issues/12898) [#816](https://github.com/dynamic-labs/dynamic-auth/issues/816) [#203](https://github.com/dynamic-labs/dynamic-auth/issues/203) [#12512](https://github.com/dynamic-labs/dynamic-auth/issues/12512)
+* **wallet-connect:** back WalletConnect storage with native secure storage on mobile ([#12515](https://github.com/dynamic-labs/dynamic-auth/issues/12515)) ([7b57903](https://github.com/dynamic-labs/dynamic-auth/commit/7b5790325fce707d73d591483a0130b960ed055c))
+
 ## [5.11.0](https://github.com/dynamic-labs/dynamic-auth/compare/v5.10.0...v5.11.0) (2026-10-14)
 
 

package/package.cjs

@@ -3,12 +3,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "5.11.0";
+var version = "5.12.0";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.92.0",
-	"@dynamic-labs-sdk/client": "1.39.1",
-	"@dynamic-labs-wallet/browser-wallet-client": "1.1.33",
-	"@dynamic-labs-wallet/core": "1.1.33",
+	"@dynamic-labs/sdk-api-core": "0.104.0",
+	"@dynamic-labs-sdk/client": "1.41.0",
+	"@dynamic-labs-wallet/browser-wallet-client": "1.1.43",
+	"@dynamic-labs-wallet/core": "1.1.43",
 	"@dynamic-labs-wallet/forward-mpc-client": "1.0.2",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@marsidev/react-turnstile": "1.5.2",

package/package.js

@@ -1,10 +1,10 @@
 'use client'
-var version = "5.11.0";
+var version = "5.12.0";
 var dependencies = {
-	"@dynamic-labs/sdk-api-core": "0.92.0",
-	"@dynamic-labs-sdk/client": "1.39.1",
-	"@dynamic-labs-wallet/browser-wallet-client": "1.1.33",
-	"@dynamic-labs-wallet/core": "1.1.33",
+	"@dynamic-labs/sdk-api-core": "0.104.0",
+	"@dynamic-labs-sdk/client": "1.41.0",
+	"@dynamic-labs-wallet/browser-wallet-client": "1.1.43",
+	"@dynamic-labs-wallet/core": "1.1.43",
 	"@dynamic-labs-wallet/forward-mpc-client": "1.0.2",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@marsidev/react-turnstile": "1.5.2",

package/package.json

@@ -1,11 +1,11 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "5.11.0",
+  "version": "5.12.0",
   "dependencies": {
-    "@dynamic-labs/sdk-api-core": "0.92.0",
-    "@dynamic-labs-sdk/client": "1.39.1",
-    "@dynamic-labs-wallet/browser-wallet-client": "1.1.33",
-    "@dynamic-labs-wallet/core": "1.1.33",
+    "@dynamic-labs/sdk-api-core": "0.104.0",
+    "@dynamic-labs-sdk/client": "1.41.0",
+    "@dynamic-labs-wallet/browser-wallet-client": "1.1.43",
+    "@dynamic-labs-wallet/core": "1.1.43",
     "@dynamic-labs-wallet/forward-mpc-client": "1.0.2",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@marsidev/react-turnstile": "1.5.2",
@@ -19,17 +19,17 @@
     "react-i18next": "13.5.0",
     "react-international-phone": "4.5.0",
     "yup": "0.32.11",
-    "@dynamic-labs/assert-package-version": "5.11.0",
-    "@dynamic-labs/iconic": "5.11.0",
-    "@dynamic-labs/locale": "5.11.0",
-    "@dynamic-labs/logger": "5.11.0",
-    "@dynamic-labs/multi-wallet": "5.11.0",
-    "@dynamic-labs/rpc-providers": "5.11.0",
-    "@dynamic-labs/store": "5.11.0",
-    "@dynamic-labs/types": "5.11.0",
-    "@dynamic-labs/utils": "5.11.0",
-    "@dynamic-labs/wallet-book": "5.11.0",
-    "@dynamic-labs/wallet-connector-core": "5.11.0",
+    "@dynamic-labs/assert-package-version": "5.12.0",
+    "@dynamic-labs/iconic": "5.12.0",
+    "@dynamic-labs/locale": "5.12.0",
+    "@dynamic-labs/logger": "5.12.0",
+    "@dynamic-labs/multi-wallet": "5.12.0",
+    "@dynamic-labs/rpc-providers": "5.12.0",
+    "@dynamic-labs/store": "5.12.0",
+    "@dynamic-labs/types": "5.12.0",
+    "@dynamic-labs/utils": "5.12.0",
+    "@dynamic-labs/wallet-book": "5.12.0",
+    "@dynamic-labs/wallet-connector-core": "5.12.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

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

@@ -8,6 +8,7 @@ export type StepUpAuthenticationState = {
 };
 export type SendOtpParams = {
     credentialId?: string;
+    requestedScopes?: TokenScope[];
 };
 export type VerifyOtpParams = {
     requestedScopes?: TokenScope[];

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpOtp.cjs

@@ -42,11 +42,14 @@ const resolveTargetCredential = (credentials, credentialId) => {
     }
     return ((_b = credentials.find((cred) => cred.signInEnabled && isOtpCapableCredential(cred))) !== null && _b !== void 0 ? _b : 'No sign-in enabled email or SMS credential found for step-up authentication');
 };
-const sendEmailOtp = (credential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const sendEmailOtp = (credential, purpose) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     if (!credential.email) {
         throw new Error('Email credential is missing email address');
     }
-    return client.sendEmailOTP({ email: credential.email });
+    // `purpose` lets the API tailor the verification email to the step-up
+    // operation; client versions predating the param ignore it.
+    const params = Object.assign({ email: credential.email }, (purpose !== undefined && { purpose }));
+    return client.sendEmailOTP(params);
 });
 const sendSmsOtp = (credential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     var _a;
@@ -60,21 +63,22 @@ const sendSmsOtp = (credential) => _tslib.__awaiter(void 0, void 0, void 0, func
     }
     return client.sendSmsOTP({ isoCountryCode, phoneNumber: credential.phoneNumber });
 });
-const dispatchOtp = (credential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+const dispatchOtp = (credential, purpose) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
     return credential.format === sdkApiCore.JwtVerifiedCredentialFormatEnum.Email
-        ? sendEmailOtp(credential)
+        ? sendEmailOtp(credential, purpose)
         : sendSmsOtp(credential);
 });
 const useStepUpOtp = ({ credentialId, stateActions, }) => {
     const user = useUser.useUser();
     const { setError, setLoading, setState, setSuccess } = stateActions;
     const otpVerificationRef = React.useRef(null);
-    // Holds the credential whose OTP send is blocked awaiting a captcha token.
-    const pendingCaptchaCredentialRef = React.useRef(null);
-    const dispatchAndStoreOtp = React.useCallback((credential) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    // Holds the credential and send purpose whose OTP send is blocked awaiting
+    // a captcha token.
+    const pendingCaptchaSendRef = React.useRef(null);
+    const dispatchAndStoreOtp = React.useCallback((credential, purpose) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         setLoading();
         try {
-            const otpVerification = yield dispatchOtp(credential);
+            const otpVerification = yield dispatchOtp(credential, purpose);
             otpVerificationRef.current = otpVerification;
             setSuccess({ otpVerification });
             return otpVerification;
@@ -86,7 +90,7 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
         }
     }), [setError, setLoading, setSuccess]);
     const sendOtp = React.useCallback((params) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         const credentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         if (!(credentials === null || credentials === void 0 ? void 0 : credentials.length)) {
             setError('No verified credentials found for the authenticated user');
@@ -98,6 +102,9 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
             setError(result);
             return null;
         }
+        // The first requested scope names the operation (e.g. wallet:export),
+        // so the OTP email can describe it instead of a sign-in.
+        const purpose = (_b = params === null || params === void 0 ? void 0 : params.requestedScopes) === null || _b === void 0 ? void 0 : _b[0];
         if (!isOtpCapableCredential(result)) {
             setError(`Credential format "${result.format}" does not support OTP verification. Only email and SMS credentials are supported`);
             return null;
@@ -106,11 +113,11 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
         // captcha-enabled environments. Defer the send and surface the challenge
         // to the UI, which collects a token and completes it via submitCaptchaToken.
         if (client.isCaptchaRequired()) {
-            pendingCaptchaCredentialRef.current = result;
+            pendingCaptchaSendRef.current = { credential: result, purpose };
             setState((prev) => (Object.assign(Object.assign({}, prev), { captchaRequired: true, error: null })));
             return null;
         }
-        return dispatchAndStoreOtp(result);
+        return dispatchAndStoreOtp(result, purpose);
     }), [
         credentialId,
         dispatchAndStoreOtp,
@@ -119,16 +126,16 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
         user === null || user === void 0 ? void 0 : user.verifiedCredentials,
     ]);
     const submitCaptchaToken = React.useCallback((captchaToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        const credential = pendingCaptchaCredentialRef.current;
-        if (!credential) {
+        const pending = pendingCaptchaSendRef.current;
+        if (!pending) {
             return null;
         }
-        pendingCaptchaCredentialRef.current = null;
+        pendingCaptchaSendRef.current = null;
         client.setCaptchaToken({ captchaToken });
         setState((prev) => (Object.assign(Object.assign({}, prev), { captchaRequired: false })));
-        return dispatchAndStoreOtp(credential);
+        return dispatchAndStoreOtp(pending.credential, pending.purpose);
     }), [dispatchAndStoreOtp, setState]);
-    const verifyOtp = React.useCallback((_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ requestedScopes, verificationToken, }) {
+    const verifyOtp = React.useCallback((_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ requestedScopes, verificationToken, }) {
         const otpVerification = otpVerificationRef.current;
         if (!otpVerification) {
             setError('OTP verification has not been initiated. Call sendOtp() first');
@@ -152,7 +159,7 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
     }), [setError, setLoading, setSuccess]);
     const resetOtpRef = React.useCallback(() => {
         otpVerificationRef.current = null;
-        pendingCaptchaCredentialRef.current = null;
+        pendingCaptchaSendRef.current = null;
     }, []);
     return { resetOtpRef, sendOtp, submitCaptchaToken, verifyOtp };
 };

package/src/lib/utils/hooks/useStepUpAuthentication/useStepUpOtp.js

@@ -38,11 +38,14 @@ const resolveTargetCredential = (credentials, credentialId) => {
     }
     return ((_b = credentials.find((cred) => cred.signInEnabled && isOtpCapableCredential(cred))) !== null && _b !== void 0 ? _b : 'No sign-in enabled email or SMS credential found for step-up authentication');
 };
-const sendEmailOtp = (credential) => __awaiter(void 0, void 0, void 0, function* () {
+const sendEmailOtp = (credential, purpose) => __awaiter(void 0, void 0, void 0, function* () {
     if (!credential.email) {
         throw new Error('Email credential is missing email address');
     }
-    return sendEmailOTP({ email: credential.email });
+    // `purpose` lets the API tailor the verification email to the step-up
+    // operation; client versions predating the param ignore it.
+    const params = Object.assign({ email: credential.email }, (purpose !== undefined && { purpose }));
+    return sendEmailOTP(params);
 });
 const sendSmsOtp = (credential) => __awaiter(void 0, void 0, void 0, function* () {
     var _a;
@@ -56,21 +59,22 @@ const sendSmsOtp = (credential) => __awaiter(void 0, void 0, void 0, function* (
     }
     return sendSmsOTP({ isoCountryCode, phoneNumber: credential.phoneNumber });
 });
-const dispatchOtp = (credential) => __awaiter(void 0, void 0, void 0, function* () {
+const dispatchOtp = (credential, purpose) => __awaiter(void 0, void 0, void 0, function* () {
     return credential.format === JwtVerifiedCredentialFormatEnum.Email
-        ? sendEmailOtp(credential)
+        ? sendEmailOtp(credential, purpose)
         : sendSmsOtp(credential);
 });
 const useStepUpOtp = ({ credentialId, stateActions, }) => {
     const user = useUser();
     const { setError, setLoading, setState, setSuccess } = stateActions;
     const otpVerificationRef = useRef(null);
-    // Holds the credential whose OTP send is blocked awaiting a captcha token.
-    const pendingCaptchaCredentialRef = useRef(null);
-    const dispatchAndStoreOtp = useCallback((credential) => __awaiter(void 0, void 0, void 0, function* () {
+    // Holds the credential and send purpose whose OTP send is blocked awaiting
+    // a captcha token.
+    const pendingCaptchaSendRef = useRef(null);
+    const dispatchAndStoreOtp = useCallback((credential, purpose) => __awaiter(void 0, void 0, void 0, function* () {
         setLoading();
         try {
-            const otpVerification = yield dispatchOtp(credential);
+            const otpVerification = yield dispatchOtp(credential, purpose);
             otpVerificationRef.current = otpVerification;
             setSuccess({ otpVerification });
             return otpVerification;
@@ -82,7 +86,7 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
         }
     }), [setError, setLoading, setSuccess]);
     const sendOtp = useCallback((params) => __awaiter(void 0, void 0, void 0, function* () {
-        var _a;
+        var _a, _b;
         const credentials = user === null || user === void 0 ? void 0 : user.verifiedCredentials;
         if (!(credentials === null || credentials === void 0 ? void 0 : credentials.length)) {
             setError('No verified credentials found for the authenticated user');
@@ -94,6 +98,9 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
             setError(result);
             return null;
         }
+        // The first requested scope names the operation (e.g. wallet:export),
+        // so the OTP email can describe it instead of a sign-in.
+        const purpose = (_b = params === null || params === void 0 ? void 0 : params.requestedScopes) === null || _b === void 0 ? void 0 : _b[0];
         if (!isOtpCapableCredential(result)) {
             setError(`Credential format "${result.format}" does not support OTP verification. Only email and SMS credentials are supported`);
             return null;
@@ -102,11 +109,11 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
         // captcha-enabled environments. Defer the send and surface the challenge
         // to the UI, which collects a token and completes it via submitCaptchaToken.
         if (isCaptchaRequired()) {
-            pendingCaptchaCredentialRef.current = result;
+            pendingCaptchaSendRef.current = { credential: result, purpose };
             setState((prev) => (Object.assign(Object.assign({}, prev), { captchaRequired: true, error: null })));
             return null;
         }
-        return dispatchAndStoreOtp(result);
+        return dispatchAndStoreOtp(result, purpose);
     }), [
         credentialId,
         dispatchAndStoreOtp,
@@ -115,16 +122,16 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
         user === null || user === void 0 ? void 0 : user.verifiedCredentials,
     ]);
     const submitCaptchaToken = useCallback((captchaToken) => __awaiter(void 0, void 0, void 0, function* () {
-        const credential = pendingCaptchaCredentialRef.current;
-        if (!credential) {
+        const pending = pendingCaptchaSendRef.current;
+        if (!pending) {
             return null;
         }
-        pendingCaptchaCredentialRef.current = null;
+        pendingCaptchaSendRef.current = null;
         setCaptchaToken({ captchaToken });
         setState((prev) => (Object.assign(Object.assign({}, prev), { captchaRequired: false })));
-        return dispatchAndStoreOtp(credential);
+        return dispatchAndStoreOtp(pending.credential, pending.purpose);
     }), [dispatchAndStoreOtp, setState]);
-    const verifyOtp = useCallback((_b) => __awaiter(void 0, [_b], void 0, function* ({ requestedScopes, verificationToken, }) {
+    const verifyOtp = useCallback((_c) => __awaiter(void 0, [_c], void 0, function* ({ requestedScopes, verificationToken, }) {
         const otpVerification = otpVerificationRef.current;
         if (!otpVerification) {
             setError('OTP verification has not been initiated. Call sendOtp() first');
@@ -148,7 +155,7 @@ const useStepUpOtp = ({ credentialId, stateActions, }) => {
     }), [setError, setLoading, setSuccess]);
     const resetOtpRef = useCallback(() => {
         otpVerificationRef.current = null;
-        pendingCaptchaCredentialRef.current = null;
+        pendingCaptchaSendRef.current = null;
     }, []);
     return { resetOtpRef, sendOtp, submitCaptchaToken, verifyOtp };
 };

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.cjs

@@ -28,9 +28,11 @@ var info = require('../../../shared/assets/info.cjs');
 var walletV2 = require('../../../shared/assets/wallet-v2.cjs');
 require('@dynamic-labs/iconic');
 var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/wallet-connector-core');
+var getChainDisplayName = require('../../../shared/utils/functions/chain/getChainDisplayName.cjs');
+var shortenWalletAddress = require('../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 var errors = require('../../../utils/constants/errors.cjs');
 require('../../../../../_virtual/_tslib.cjs');
-require('@dynamic-labs/wallet-connector-core');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('../../../context/ErrorContext/ErrorContext.cjs');
@@ -219,7 +221,20 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, walle
             dynamicEvents.dynamicEvents.emit('embeddedWalletRevealCompleted', revealedWalletRef.current);
         }
     }, []);
-    const credentialTitle = t('dyn_embedded_reveal.private_key_title');
+    const chainDisplayName = (wallet === null || wallet === void 0 ? void 0 : wallet.chain)
+        ? getChainDisplayName.getChainDisplayName(wallet.chain)
+        : undefined;
+    const credentialTitle = t('dyn_embedded_reveal.private_key_title', {
+        chain: chainDisplayName !== null && chainDisplayName !== void 0 ? chainDisplayName : '',
+    })
+        .replace(/\s{2,}/g, ' ')
+        .trim();
+    const exportingWalletDetails = chainDisplayName || (wallet === null || wallet === void 0 ? void 0 : wallet.address)
+        ? t('dyn_embedded_reveal.exporting_wallet_details', {
+            address: shortenWalletAddress.shortenWalletAddress(wallet === null || wallet === void 0 ? void 0 : wallet.address),
+            chain: chainDisplayName !== null && chainDisplayName !== void 0 ? chainDisplayName : '',
+        })
+        : undefined;
     const getTitle = () => {
         if (hasInjectedCredential) {
             return credentialTitle;
@@ -256,7 +271,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, walle
                                 setShowAuthFlow(false);
                             }, loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
                                 color: 'inherit',
-                            }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__description', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__badge-container', children: jsxRuntime.jsx(Badge.Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', copykey: 'dyn_embedded_reveal.prompt_for_export_description', children: t('dyn_embedded_reveal.prompt_for_export_description') })] }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(walletV2.ReactComponent, { height: 16, width: 16 }) }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement__text', children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_1.title', children: [t('dyn_embedded_reveal.statement_1.title'), ":"] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(eyeOffIcon.ReactComponent, { height: 16, width: 16 }) }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__statement__text', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }) })] })] }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__confirm_card', children: jsxRuntime.jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setIsAcknowledged(!isAcknowledged), children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Checkbox.Checkbox, { checked: isAcknowledged, onChange: () => setIsAcknowledged(!isAcknowledged), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'export-agreement-checkbox' }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__button_section', children: [isPromptForExport && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'primary', onClick: () => {
+                            }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__description', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__badge-container', children: jsxRuntime.jsx(Badge.Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', copykey: 'dyn_embedded_reveal.prompt_for_export_description', children: t('dyn_embedded_reveal.prompt_for_export_description') }), exportingWalletDetails && (jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.exporting_wallet_details', children: exportingWalletDetails }))] }), errorText && jsxRuntime.jsx(ErrorContainer.ErrorContainer, { children: errorText }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(walletV2.ReactComponent, { height: 16, width: 16 }) }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement__text', children: [jsxRuntime.jsxs(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_1.title', children: [t('dyn_embedded_reveal.statement_1.title'), ":"] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsxRuntime.jsx(eyeOffIcon.ReactComponent, { height: 16, width: 16 }) }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__card__statement__text', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }) })] })] }), jsxRuntime.jsx("div", { className: 'embedded-reveal-view__body__confirm_card', children: jsxRuntime.jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setIsAcknowledged(!isAcknowledged), children: [jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Checkbox.Checkbox, { checked: isAcknowledged, onChange: () => setIsAcknowledged(!isAcknowledged), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'export-agreement-checkbox' }) }), jsxRuntime.jsx("div", { children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }) }), jsxRuntime.jsx(NeedHelpSection.NeedHelpSection, {}), jsxRuntime.jsxs("div", { className: 'embedded-reveal-view__body__button_section', children: [isPromptForExport && (jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'primary', onClick: () => {
                                                 handleAcknowledgeExportPrompt();
                                                 setShowAuthFlow(false);
                                             }, dataTestId: 'export-agreement-skip-button', copykey: 'dyn_embedded_reveal.skip_button_label', expanded: true, buttonClassName: 'embedded-reveal-view__body__button', children: t('dyn_embedded_reveal.skip_button_label') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {

package/src/lib/views/EmbeddedReveal/EmbeddedRevealView/EmbeddedRevealView.js

@@ -24,9 +24,11 @@ import { ReactComponent as SvgInfo } from '../../../shared/assets/info.js';
 import { ReactComponent as SvgWalletV2 } from '../../../shared/assets/wallet-v2.js';
 import '@dynamic-labs/iconic';
 import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/wallet-connector-core';
+import { getChainDisplayName } from '../../../shared/utils/functions/chain/getChainDisplayName.js';
+import { shortenWalletAddress } from '../../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import { INVALID_WALLET_DATA } from '../../../utils/constants/errors.js';
 import '../../../../../_virtual/_tslib.js';
-import '@dynamic-labs/wallet-connector-core';
 import '../../../context/CaptchaContext/CaptchaContext.js';
 import '@dynamic-labs/sdk-api-core';
 import '../../../context/ErrorContext/ErrorContext.js';
@@ -215,7 +217,20 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, walle
             dynamicEvents.emit('embeddedWalletRevealCompleted', revealedWalletRef.current);
         }
     }, []);
-    const credentialTitle = t('dyn_embedded_reveal.private_key_title');
+    const chainDisplayName = (wallet === null || wallet === void 0 ? void 0 : wallet.chain)
+        ? getChainDisplayName(wallet.chain)
+        : undefined;
+    const credentialTitle = t('dyn_embedded_reveal.private_key_title', {
+        chain: chainDisplayName !== null && chainDisplayName !== void 0 ? chainDisplayName : '',
+    })
+        .replace(/\s{2,}/g, ' ')
+        .trim();
+    const exportingWalletDetails = chainDisplayName || (wallet === null || wallet === void 0 ? void 0 : wallet.address)
+        ? t('dyn_embedded_reveal.exporting_wallet_details', {
+            address: shortenWalletAddress(wallet === null || wallet === void 0 ? void 0 : wallet.address),
+            chain: chainDisplayName !== null && chainDisplayName !== void 0 ? chainDisplayName : '',
+        })
+        : undefined;
     const getTitle = () => {
         if (hasInjectedCredential) {
             return credentialTitle;
@@ -252,7 +267,7 @@ const EmbeddedRevealView = ({ exportPrivateKey, isPromptForExport = false, walle
                                 setShowAuthFlow(false);
                             }, loading: isLoading, copykey: 'dyn_embedded_reveal.done_button_label', typographyProps: {
                                 color: 'inherit',
-                            }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxs(Fragment, { children: [jsxs("div", { className: 'embedded-reveal-view__body__description', children: [jsx("div", { className: 'embedded-reveal-view__body__badge-container', children: jsx(Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', copykey: 'dyn_embedded_reveal.prompt_for_export_description', children: t('dyn_embedded_reveal.prompt_for_export_description') })] }), errorText && jsx(ErrorContainer, { children: errorText }), jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgWalletV2, { height: 16, width: 16 }) }), jsxs("div", { className: 'embedded-reveal-view__body__card__statement__text', children: [jsxs(Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_1.title', children: [t('dyn_embedded_reveal.statement_1.title'), ":"] }), jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgEyeOffIcon, { height: 16, width: 16 }) }), jsx("div", { className: 'embedded-reveal-view__body__card__statement__text', children: jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }) })] })] }), jsx("div", { className: 'embedded-reveal-view__body__confirm_card', children: jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setIsAcknowledged(!isAcknowledged), children: [jsx("div", { children: jsx(Checkbox, { checked: isAcknowledged, onChange: () => setIsAcknowledged(!isAcknowledged), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'export-agreement-checkbox' }) }), jsx("div", { children: jsx(Typography, { variant: 'body_small', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }) }), jsx(NeedHelpSection, {}), jsxs("div", { className: 'embedded-reveal-view__body__button_section', children: [isPromptForExport && (jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'primary', onClick: () => {
+                            }, children: t('dyn_embedded_reveal.done_button_label') })) : (jsxs(Fragment, { children: [jsxs("div", { className: 'embedded-reveal-view__body__description', children: [jsx("div", { className: 'embedded-reveal-view__body__badge-container', children: jsx(Badge, { text: t('dyn_embedded_reveal.badge_label'), className: 'embedded-reveal-view__body__badge' }) }), jsx(Typography, { variant: 'body_normal', color: 'primary', weight: 'regular', copykey: 'dyn_embedded_reveal.prompt_for_export_description', children: t('dyn_embedded_reveal.prompt_for_export_description') }), exportingWalletDetails && (jsx(Typography, { variant: 'body_small', color: 'secondary', weight: 'regular', copykey: 'dyn_embedded_reveal.exporting_wallet_details', children: exportingWalletDetails }))] }), errorText && jsx(ErrorContainer, { children: errorText }), jsxs("div", { className: 'embedded-reveal-view__body__card', children: [jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgWalletV2, { height: 16, width: 16 }) }), jsxs("div", { className: 'embedded-reveal-view__body__card__statement__text', children: [jsxs(Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_1.title', children: [t('dyn_embedded_reveal.statement_1.title'), ":"] }), jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_1.description', children: t('dyn_embedded_reveal.statement_1.description') })] })] }), jsxs("div", { className: 'embedded-reveal-view__body__card__statement', children: [jsx("div", { className: 'embedded-reveal-view__body__card__icon', children: jsx(SvgEyeOffIcon, { height: 16, width: 16 }) }), jsx("div", { className: 'embedded-reveal-view__body__card__statement__text', children: jsx(Typography, { variant: 'body_small', color: 'primary', copykey: 'dyn_embedded_reveal.statement_2.title', children: t('dyn_embedded_reveal.statement_2.title') }) })] })] }), jsx("div", { className: 'embedded-reveal-view__body__confirm_card', children: jsxs("button", { className: 'embedded-reveal-view__body__card__acknowledgement', onClick: () => setIsAcknowledged(!isAcknowledged), children: [jsx("div", { children: jsx(Checkbox, { checked: isAcknowledged, onChange: () => setIsAcknowledged(!isAcknowledged), className: 'embedded-reveal-view__body__card__statement__checkbox', id: 'export-agreement-checkbox' }) }), jsx("div", { children: jsx(Typography, { variant: 'body_small', color: 'primary', style: { letterSpacing: '-0.15px' }, copykey: 'dyn_embedded_reveal.checkbox_label', children: t('dyn_embedded_reveal.checkbox_label') }) })] }) }), jsx(NeedHelpSection, {}), jsxs("div", { className: 'embedded-reveal-view__body__button_section', children: [isPromptForExport && (jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'primary', onClick: () => {
                                                 handleAcknowledgeExportPrompt();
                                                 setShowAuthFlow(false);
                                             }, dataTestId: 'export-agreement-skip-button', copykey: 'dyn_embedded_reveal.skip_button_label', expanded: true, buttonClassName: 'embedded-reveal-view__body__button', children: t('dyn_embedded_reveal.skip_button_label') })), jsx(TypographyButton, { buttonPadding: 'medium', buttonVariant: 'brand-primary', typographyProps: {

package/src/lib/views/StepUpReauthOtpView/StepUpReauthOtpView.cjs

@@ -24,8 +24,8 @@ const StepUpReauthOtpView = ({ credentialId, displayLabel, requestedScopes, type
         if (hasSentInitialOtpRef.current)
             return;
         hasSentInitialOtpRef.current = true;
-        sendOtp();
-    }, [sendOtp]);
+        sendOtp({ requestedScopes });
+    }, [requestedScopes, sendOtp]);
     const handlePinComplete = (verificationToken) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const response = yield verifyOtp({
             requestedScopes,
@@ -46,7 +46,7 @@ const StepUpReauthOtpView = ({ credentialId, displayLabel, requestedScopes, type
         return jsxRuntime.jsx(CaptchaChallenge.CaptchaChallenge, { onSuccess: submitCaptchaToken });
     }
     return (jsxRuntime.jsx(OTPVerificationView.OTPVerificationView, { MainIcon: MainIcon, displayedDestination: displayLabel, error: displayError, isLoading: isLoading, isValid: verificationSuccess, onPinComplete: handlePinComplete, retryHandler: () => {
-            void sendOtp();
+            void sendOtp({ requestedScopes });
         }, successBannerTextKey: 'dyn_otp_verification.verification_succeeded' }));
 };
 

package/src/lib/views/StepUpReauthOtpView/StepUpReauthOtpView.js

@@ -20,8 +20,8 @@ const StepUpReauthOtpView = ({ credentialId, displayLabel, requestedScopes, type
         if (hasSentInitialOtpRef.current)
             return;
         hasSentInitialOtpRef.current = true;
-        sendOtp();
-    }, [sendOtp]);
+        sendOtp({ requestedScopes });
+    }, [requestedScopes, sendOtp]);
     const handlePinComplete = (verificationToken) => __awaiter(void 0, void 0, void 0, function* () {
         const response = yield verifyOtp({
             requestedScopes,
@@ -42,7 +42,7 @@ const StepUpReauthOtpView = ({ credentialId, displayLabel, requestedScopes, type
         return jsx(CaptchaChallenge, { onSuccess: submitCaptchaToken });
     }
     return (jsx(OTPVerificationView, { MainIcon: MainIcon, displayedDestination: displayLabel, error: displayError, isLoading: isLoading, isValid: verificationSuccess, onPinComplete: handlePinComplete, retryHandler: () => {
-            void sendOtp();
+            void sendOtp({ requestedScopes });
         }, successBannerTextKey: 'dyn_otp_verification.verification_succeeded' }));
 };