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

package/src/lib/context/UserFieldEditorContext/UserFieldEditorContext.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 '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view';
+export type ViewType = 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-with-email' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'update-email' | 'verify-email' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'multi-wallet-wallet-list' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'embedded-reveal-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'farcaster-connect-view';
 export type ViewMap = Record<ViewType, FC<any>>;
 type ComponentProps<T extends FC<any>> = T extends FC<infer P> ? P : undefined;
 export type ViewState<T extends ViewType> = {

package/src/lib/context/WalletContext/WalletContext.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('../PasskeyContext/PasskeyContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../LoadingContext/LoadingContext.cjs');
 require('../SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/context/WalletContext/WalletContext.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 '../PasskeyContext/PasskeyContext.js';
 import '../../views/WalletList/WalletList.js';
-import 'qrcode';
 import '@hcaptcha/react-hcaptcha';
 import '../LoadingContext/LoadingContext.js';
 import '../SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/data/api.cjs

@@ -373,6 +373,7 @@ const unlinkOAuth = ({ environmentId, primaryWalletId, verifiedCrentialId, }, us
     }
 });
 const signInOAuth = (environmentId, providerType, { code, codeVerifier, state, captchaToken }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    var _b;
     const oauthRequest = {
         captchaToken,
         code,
@@ -395,7 +396,7 @@ const signInOAuth = (environmentId, providerType, { code, codeVerifier, state, c
         }
         if (data.error.code === 'missing_from_list') {
             throw new utils.NoAccessError({
-                walletPublicKey: data.payload.walletPublicKey,
+                walletPublicKey: (_b = data === null || data === void 0 ? void 0 : data.payload) === null || _b === void 0 ? void 0 : _b.walletPublicKey,
             });
         }
         if (data.code === 'email_associated_with_different_provider') {
@@ -559,12 +560,35 @@ const exportEmbeddedWallet = ({ userJwt, environmentId, walletId, activityId, })
         return { exportBundle: '' };
     }
 });
+const farcasterSignIn = (environmentId, farcasterSignInRequest) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const { jwt } = yield sdkApi().farcasterSignIn({
+            environmentId,
+            farcasterSignInRequest,
+        });
+        return jwt;
+    }
+    catch (e) {
+        logger.logger.error(e);
+        const data = yield e.json();
+        if (data.error.code === 'gate_blocked') {
+            throw new utils.GateBlockedError(data.payload.walletPublicKey);
+        }
+        if (data.error.code === 'missing_from_list') {
+            throw new utils.NoAccessError({
+                walletPublicKey: data.payload.walletPublicKey,
+            });
+        }
+        return undefined;
+    }
+});
 
 exports.completePasskeyRecovery = completePasskeyRecovery;
 exports.createEmailVerification = createEmailVerification;
 exports.createTurnkeyEmbeddedWallet = createTurnkeyEmbeddedWallet;
 exports.createVisit = createVisit;
 exports.exportEmbeddedWallet = exportEmbeddedWallet;
+exports.farcasterSignIn = farcasterSignIn;
 exports.fetchNonce = fetchNonce;
 exports.fetchProjectSettings = fetchProjectSettings;
 exports.getEmailProvider = getEmailProvider;

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

@@ -1,4 +1,4 @@
-import { ProjectSettings, UserFields, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential, ExportEmbeddedWalletResponse } from '@dynamic-labs/sdk-api';
+import { ProjectSettings, UserFields, ChainEnum, UpdateSelfResponse, WalletProviderEnum, AuthModeEnum, EmailVerificationCreateResponse, VerifyResponse, OauthRequest, OauthResultRequest, ProviderEnum, OnrampConfiguration, EmailProviderResponse, OauthResultResponse, PasskeyRegistrationCredential, ExportEmbeddedWalletResponse, FarcasterSignInRequest } from '@dynamic-labs/sdk-api';
 import { AuthenticatorType } from '@dynamic-labs/wallet-connector-core';
 import { AuthModeType, VerifyWallet } from '../shared/types';
 export declare const fetchNonce: (environmentId: string) => Promise<string | undefined>;
@@ -116,3 +116,4 @@ export declare const exportEmbeddedWallet: ({ userJwt, environmentId, walletId,
     walletId: string;
     activityId: string;
 }) => Promise<ExportEmbeddedWalletResponse>;
+export declare const farcasterSignIn: (environmentId: string, farcasterSignInRequest: FarcasterSignInRequest) => Promise<string | undefined>;

package/src/lib/data/api.js

@@ -369,6 +369,7 @@ const unlinkOAuth = ({ environmentId, primaryWalletId, verifiedCrentialId, }, us
     }
 });
 const signInOAuth = (environmentId, providerType, { code, codeVerifier, state, captchaToken }) => __awaiter(void 0, void 0, void 0, function* () {
+    var _b;
     const oauthRequest = {
         captchaToken,
         code,
@@ -391,7 +392,7 @@ const signInOAuth = (environmentId, providerType, { code, codeVerifier, state, c
         }
         if (data.error.code === 'missing_from_list') {
             throw new NoAccessError({
-                walletPublicKey: data.payload.walletPublicKey,
+                walletPublicKey: (_b = data === null || data === void 0 ? void 0 : data.payload) === null || _b === void 0 ? void 0 : _b.walletPublicKey,
             });
         }
         if (data.code === 'email_associated_with_different_provider') {
@@ -555,5 +556,27 @@ const exportEmbeddedWallet = ({ userJwt, environmentId, walletId, activityId, })
         return { exportBundle: '' };
     }
 });
+const farcasterSignIn = (environmentId, farcasterSignInRequest) => __awaiter(void 0, void 0, void 0, function* () {
+    try {
+        const { jwt } = yield sdkApi().farcasterSignIn({
+            environmentId,
+            farcasterSignInRequest,
+        });
+        return jwt;
+    }
+    catch (e) {
+        logger.error(e);
+        const data = yield e.json();
+        if (data.error.code === 'gate_blocked') {
+            throw new GateBlockedError(data.payload.walletPublicKey);
+        }
+        if (data.error.code === 'missing_from_list') {
+            throw new NoAccessError({
+                walletPublicKey: data.payload.walletPublicKey,
+            });
+        }
+        return undefined;
+    }
+});
 
-export { completePasskeyRecovery, createEmailVerification, createTurnkeyEmbeddedWallet, createVisit, exportEmbeddedWallet, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initEmbeddedWalletSession, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserPasskey, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };
+export { completePasskeyRecovery, createEmailVerification, createTurnkeyEmbeddedWallet, createVisit, exportEmbeddedWallet, farcasterSignIn, fetchNonce, fetchProjectSettings, getEmailProvider, getOAuthResult, getOnrampProviders, getUserPasskeys, initEmbeddedWalletSession, linkWallet, mapAuthModeTypeToEnum, mapChainToChainEnum, mapProviderToProviderEnum, mergeUserAccounts, retryEmailVerification, revokeSession, sendDynamicProps, signInOAuth, signInWithEmailVerification, transferWallet, unlinkOAuth, unlinkWallet, updateUserPasskey, updateUserProfileFields, verifyEmail, verifyOAuth, verifyWallet };

package/src/lib/events/dynamicEvents.d.ts

@@ -19,6 +19,7 @@ export type DynamicEvents = {
     walletConnected: (wallet: Wallet) => void;
     /** This event is used to trigger logout to be called, DO NOT listen to it. Listen to "logout" instead */
     triggerLogout: () => void;
+    farcasterConnectCancelled: () => void;
 };
 export declare const dynamicEvents: EventEmitter<DynamicEvents, any>;
 export type DynamicEventEmitter = typeof dynamicEvents;

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs

@@ -60,7 +60,6 @@ require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidge
 require('react-focus-lock');
 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');
@@ -76,6 +75,7 @@ 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('../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js

@@ -56,7 +56,6 @@ import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidget
 import 'react-focus-lock';
 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';
@@ -72,6 +71,7 @@ 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 '../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/layout/DynamicAuthLayout/Header/header.cjs

@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
-require('../../../events/dynamicEvents.cjs');
+var dynamicEvents = require('../../../events/dynamicEvents.cjs');
 require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('../../../context/DynamicContext/DynamicContext.cjs');
@@ -51,12 +51,12 @@ var useAuthLayoutChecks = require('../../../utils/hooks/useAuthLayoutChecks/useA
 var Typography = require('../../../components/Typography/Typography.cjs');
 var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
 var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
+var SocialRedirectContext = require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 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');
@@ -74,22 +74,33 @@ 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('../../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = ErrorContext.useErrorContext();
     const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
-    const { goToInitialView } = ViewContext.useViewContext();
+    const { goToInitialView, view } = ViewContext.useViewContext();
     const { showBackButton, showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks.useAuthLayoutChecks();
     const { setExistentAccountData } = AccountExistsContext.useAccountExistsContext();
+    const { setSocialProvider } = SocialRedirectContext.useSocialRedirectContext();
     const handleBackClick = React.useCallback(() => {
+        if (view.type === 'farcaster-connect-view') {
+            setSocialProvider(undefined);
+            dynamicEvents.dynamicEvents.emit('farcasterConnectCancelled');
+        }
         goToInitialView();
         setExistentAccountData(undefined);
         setError(undefined);
-    }, [goToInitialView, setExistentAccountData, setError]);
+    }, [
+        view.type,
+        goToInitialView,
+        setExistentAccountData,
+        setError,
+        setSocialProvider,
+    ]);
     const closeButton = showCloseButton && handleClose && (jsxRuntime.jsx(IconButton.IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'header__icon', children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const infoButton = showHelpContent && (jsxRuntime.jsx(Tooltip.Tooltip, { content: 'Need some help?', className: 'header__tooltip', children: jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'header__icon', children: isWalletListTypeView ? jsxRuntime.jsx(questionMark.ReactComponent, {}) : jsxRuntime.jsx(footerInfoIcon.ReactComponent, {}) }) }, 'info-button'));
     const leadingButtons = [];

package/src/lib/layout/DynamicAuthLayout/Header/header.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useCallback } from 'react';
-import '../../../events/dynamicEvents.js';
+import { dynamicEvents } from '../../../events/dynamicEvents.js';
 import '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '../../../context/DynamicContext/DynamicContext.js';
@@ -47,12 +47,12 @@ import { useAuthLayoutChecks } from '../../../utils/hooks/useAuthLayoutChecks/us
 import { Typography } from '../../../components/Typography/Typography.js';
 import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
 import { Tooltip } from '../../../components/Tooltip/Tooltip.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 '../../../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';
@@ -70,22 +70,33 @@ 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 '../../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const Header = ({ onClose: handleClose, heading, projectSettings, copykey, }) => {
     const { setError } = useErrorContext();
     const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
-    const { goToInitialView } = useViewContext();
+    const { goToInitialView, view } = useViewContext();
     const { showBackButton, showCloseButton, showHelpContent, isWalletListTypeView, displayBorderBelowHeader, } = useAuthLayoutChecks();
     const { setExistentAccountData } = useAccountExistsContext();
+    const { setSocialProvider } = useSocialRedirectContext();
     const handleBackClick = useCallback(() => {
+        if (view.type === 'farcaster-connect-view') {
+            setSocialProvider(undefined);
+            dynamicEvents.emit('farcasterConnectCancelled');
+        }
         goToInitialView();
         setExistentAccountData(undefined);
         setError(undefined);
-    }, [goToInitialView, setExistentAccountData, setError]);
+    }, [
+        view.type,
+        goToInitialView,
+        setExistentAccountData,
+        setError,
+        setSocialProvider,
+    ]);
     const closeButton = showCloseButton && handleClose && (jsx(IconButton, { onClick: handleClose, type: 'button', id: 'close-button', "data-testid": 'close-button', className: 'header__icon', children: jsx(SvgClose, {}) }));
     const infoButton = showHelpContent && (jsx(Tooltip, { content: 'Need some help?', className: 'header__tooltip', children: jsx(IconButton, { type: 'button', onClick: () => setIsFooterExpanded(!isFooterExpanded), "data-testid": 'info-button', className: 'header__icon', children: isWalletListTypeView ? jsx(SvgQuestionMark, {}) : jsx(SvgFooterInfoIcon, {}) }) }, 'info-button'));
     const leadingButtons = [];

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.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/layout/DynamicAuthLayout/HelpContent/HelpContent.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/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs

@@ -48,12 +48,12 @@ var index = require('../../../../context/FooterAnimationContext/index.cjs');
 var useAuthLayoutChecks = require('../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs');
 var useDynamicLayoutData = require('../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 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');
@@ -71,9 +71,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('../../../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const HelpHeader = () => {

package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js

@@ -44,12 +44,12 @@ import { useFooterAnimationContext } from '../../../../context/FooterAnimationCo
 import { useAuthLayoutChecks } from '../../../../utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js';
 import { useDynamicLayoutData } from '../../../../utils/hooks/useDynamicLayoutData/useDynamicLayoutData.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 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';
@@ -67,9 +67,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 '../../../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const HelpHeader = () => {

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.cjs

@@ -46,13 +46,13 @@ require('../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 require('i18next');
-require('qrcode');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
@@ -70,9 +70,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('../../../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const PasskeyInfoHelper = () => {

package/src/lib/layout/DynamicAuthLayout/HelpContent/PasskeyInfoHelper/PasskeyInfoHelper.js

@@ -42,13 +42,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 '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../../components/Icon/Icon.js';
 import 'i18next';
-import 'qrcode';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
@@ -66,9 +66,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 '../../../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const PasskeyInfoHelper = () => {

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.cjs

@@ -44,12 +44,12 @@ require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
+require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 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');
@@ -66,9 +66,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('../../../../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxRuntime.jsxs("a", { className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank', children: [jsxRuntime.jsx("div", { className: 'footer-buttons-item__icon--left', children: jsxRuntime.jsx(StartIcon, {}) }), jsxRuntime.jsxs("div", { className: 'footer-buttons-item__typography', children: [jsxRuntime.jsx(Typography.Typography, { as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal', children: heading }), message && (jsxRuntime.jsx(Typography.Typography, { as: 'p', weight: 'regular', color: 'secondary', children: message }))] }), EndIcon && jsxRuntime.jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] }));

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/Item/Item.js

@@ -40,12 +40,12 @@ import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
+import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 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';
@@ -62,9 +62,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 '../../../../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const Item = ({ heading, StartIcon, EndIcon, message, url, }) => (jsxs("a", { className: 'footer-buttons-item', href: url, rel: 'noopener noreferrer', target: '_blank', children: [jsx("div", { className: 'footer-buttons-item__icon--left', children: jsx(StartIcon, {}) }), jsxs("div", { className: 'footer-buttons-item__typography', children: [jsx(Typography, { as: 'h2', weight: 'regular', color: 'primary', variant: 'body_normal', children: heading }), message && (jsx(Typography, { as: 'p', weight: 'regular', color: 'secondary', children: message }))] }), EndIcon && jsx(EndIcon, { style: { height: '1.5rem', width: '1.5rem' } })] }));

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs

@@ -45,12 +45,12 @@ require('../../../../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../../../../components/OverlayCard/OverlayCard.context.cjs');
 require('../../../../../context/FooterAnimationContext/index.cjs');
 var Typography = require('../../../../../components/Typography/Typography.cjs');
+require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 var NewToWeb3WalletItem = require('../NewToWeb3WalletItem/NewToWeb3WalletItem.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('react-focus-lock');
 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');
@@ -67,9 +67,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('../../../../../views/WalletList/WalletList.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js

@@ -41,12 +41,12 @@ import '../../../../../components/ShadowDOM/ShadowDOM.js';
 import '../../../../../components/OverlayCard/OverlayCard.context.js';
 import '../../../../../context/FooterAnimationContext/index.js';
 import { Typography } from '../../../../../components/Typography/Typography.js';
+import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import { NewToWeb3WalletItem } from '../NewToWeb3WalletItem/NewToWeb3WalletItem.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import 'react-focus-lock';
 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';
@@ -63,9 +63,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 '../../../../../views/WalletList/WalletList.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 

package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/WalletListHelpContent.cjs

@@ -54,6 +54,7 @@ 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');
@@ -61,7 +62,6 @@ require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSucces
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 var Skeleton = require('../../../../components/Skeleton/Skeleton.cjs');
 require('../../../../views/WalletList/WalletList.cjs');
-require('qrcode');
 require('@hcaptcha/react-hcaptcha');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');