@dynamic-labs/sdk-react-core 4.67.0 → 4.67.2

package/src/lib/views/MfaVerificationView/MfaVerificationView.js

@@ -108,7 +108,7 @@ import '../../components/IsBrowser/IsBrowser.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
 
-const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, }) => {
+const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = false, createMfaToken = false, deviceId, requestedScopes, }) => {
     const { t } = useTranslation();
     const { handleLogOut } = useDynamicContext();
     const { clearStackAndPush, pushView, goBack, canGoBack } = useViewContext();
@@ -126,6 +126,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
             code,
             createMfaToken: createMfaTokenOptions,
             deviceId,
+            requestedScopes,
             type,
         });
     }, {
@@ -160,6 +161,7 @@ const MfaVerificationView = ({ type, isInitialSetup = false, showBackButton = fa
     return (jsxs(Fragment, { children: [jsx(OTPVerificationView, { MainIcon: SvgPasswordHero, error: error, isLoading: isLoading, onPinComplete: onSubmit, isValid: Boolean(mfaToken), onPinChange: onCodeChange, description: t('dyn_mfa.otp_verification_view.body'), onClickBack: onClickBack, disabled: isRateLimited }), !isInitialSetup && (jsxs("div", { className: 'mfa-verification-view__choose-another-method', children: [jsx(TextButton, { className: 'mfa-verification-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
                             createMfaToken,
                             isInitialSetup,
+                            requestedScopes,
                         }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }), jsx(TextButton, { onClick: handleLogOut, copykey: 'dyn_mfa.otp_verification_view.logout', children: t('dyn_mfa.otp_verification_view.logout') })] }))] }));
 };
 

package/src/lib/views/Passkey/ConfirmPasskeyView/ConfirmPasskeyView.cjs

@@ -115,7 +115,7 @@ require('../../../components/IsBrowser/IsBrowser.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
 
-const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise, }) => {
+const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise, requestedScopes, }) => {
     const { t } = reactI18next.useTranslation();
     const { setShowAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
     const { pushView } = ViewContext.useViewContext();
@@ -129,6 +129,7 @@ const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('confirm-passkey-view'), children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'confirm-passkey-view__header', children: jsxRuntime.jsx(Typography.Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'confirm-passkey-view__title', copykey: 'dyn_mfa.confirm_passkey_view.title', children: t('dyn_mfa.confirm_passkey_view.title') }) }) }), jsxRuntime.jsx(ModalHeaderBanner.ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'confirm-passkey-view__header-banner' }), jsxRuntime.jsxs("div", { className: classNames.classNames('confirm-passkey-view__content'), children: [jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: fingerprint.ReactComponent, iconSize: 96, isSpinning: isLoading, treatAsFunctionComponent: true }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: classNames.classNames('confirm-passkey-view__description'), copykey: 'dyn_mfa.confirm_passkey_view.description', children: t('dyn_mfa.confirm_passkey_view.description') })] }), jsxRuntime.jsx("div", { className: 'confirm-passkey-view__choose-another-method', children: jsxRuntime.jsx(TextButton.TextButton, { className: 'confirm-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
                         createMfaToken,
                         isInitialSetup: false,
+                        requestedScopes,
                     }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));
 };
 

package/src/lib/views/Passkey/ConfirmPasskeyView/ConfirmPasskeyView.d.ts

@@ -1,7 +1,9 @@
 /// <reference types="react" />
+import type { TokenScope } from '@dynamic-labs/sdk-api-core';
 type ConfirmPasskeyViewProps = {
     createMfaToken?: boolean;
     authenticatePasskeyPromise: Promise<string | undefined>;
+    requestedScopes?: TokenScope[];
 };
-export declare const ConfirmPasskeyView: ({ createMfaToken, authenticatePasskeyPromise, }: ConfirmPasskeyViewProps) => JSX.Element;
+export declare const ConfirmPasskeyView: ({ createMfaToken, authenticatePasskeyPromise, requestedScopes, }: ConfirmPasskeyViewProps) => JSX.Element;
 export {};

package/src/lib/views/Passkey/ConfirmPasskeyView/ConfirmPasskeyView.js

@@ -111,7 +111,7 @@ import '../../../components/IsBrowser/IsBrowser.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
 
-const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise, }) => {
+const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise, requestedScopes, }) => {
     const { t } = useTranslation();
     const { setShowAuthFlow } = useInternalDynamicContext();
     const { pushView } = useViewContext();
@@ -125,6 +125,7 @@ const ConfirmPasskeyView = ({ createMfaToken = false, authenticatePasskeyPromise
     return (jsxs("div", { className: classNames('confirm-passkey-view'), children: [jsx(ModalHeader, { alignContent: 'bottom', children: jsx("div", { className: 'confirm-passkey-view__header', children: jsx(Typography, { weight: 'medium', variant: 'title', color: 'primary', className: 'confirm-passkey-view__title', copykey: 'dyn_mfa.confirm_passkey_view.title', children: t('dyn_mfa.confirm_passkey_view.title') }) }) }), jsx(ModalHeaderBanner, { type: 'error', messageKey: errorMessage, className: 'confirm-passkey-view__header-banner' }), jsxs("div", { className: classNames('confirm-passkey-view__content'), children: [jsx(IconWithSpinner, { Icon: SvgFingerprint, iconSize: 96, isSpinning: isLoading, treatAsFunctionComponent: true }), jsx(Typography, { variant: 'body_normal', weight: 'regular', color: 'secondary', className: classNames('confirm-passkey-view__description'), copykey: 'dyn_mfa.confirm_passkey_view.description', children: t('dyn_mfa.confirm_passkey_view.description') })] }), jsx("div", { className: 'confirm-passkey-view__choose-another-method', children: jsx(TextButton, { className: 'confirm-passkey-view__choose-another-method-button', onClick: () => pushView('mfa-choose-device', {
                         createMfaToken,
                         isInitialSetup: false,
+                        requestedScopes,
                     }), copykey: 'dyn_mfa.otp_verification_view.choose_another_method', children: t('dyn_mfa.otp_verification_view.choose_another_method') }) })] }));
 };
 

package/src/lib/views/viewToComponentMap.d.ts

@@ -58,7 +58,7 @@ export declare const viewToComponentMap: {
         uri: string;
         secret: string;
     }) => JSX.Element;
-    'mfa-verification': ({ type, isInitialSetup, showBackButton, createMfaToken, deviceId, }: import("./MfaVerificationView").MfaVerificationViewProps) => JSX.Element;
+    'mfa-verification': ({ type, isInitialSetup, showBackButton, createMfaToken, deviceId, requestedScopes, }: import("./MfaVerificationView").MfaVerificationViewProps) => JSX.Element;
     'mobile-wallet-redirect-view': import("react").FC<{
         onRetry: VoidFunction;
         connector?: import("dist/packages/wallet-connector-core/src").WalletConnector | undefined;
@@ -70,9 +70,10 @@ export declare const viewToComponentMap: {
     'network-not-supported-manual': import("react").FC;
     'no-access': () => JSX.Element;
     'no-qr-not-installed': () => JSX.Element | null;
-    'passkey-confirm': ({ createMfaToken, authenticatePasskeyPromise, }: {
+    'passkey-confirm': ({ createMfaToken, authenticatePasskeyPromise, requestedScopes, }: {
         createMfaToken?: boolean | undefined;
         authenticatePasskeyPromise: Promise<string | undefined>;
+        requestedScopes?: import("@dynamic-labs/sdk-api-core").TokenScope[] | undefined;
     }) => JSX.Element;
     'passkey-intro': import("react").FC<{
         chains?: import("@dynamic-labs/sdk-api-core").EmbeddedWalletChainEnum[] | undefined;