npm - @dynamic-labs/sdk-react-core - Versions diffs - 1.1.0-alpha.4 → 1.1.0-alpha.6 - Mend

@dynamic-labs/sdk-react-core 1.1.0-alpha.4 → 1.1.0-alpha.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (419) hide show

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.cjs CHANGED Viewed

@@ -46,8 +46,9 @@ require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -60,7 +61,6 @@ require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var SocialSignIn = require('../../../../../components/SocialSignIn/SocialSignIn.cjs');
 var SocialRedirectContext = require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/views/LoginView/sections/SocialSignInSection/DynamicSocialSignIn/DynamicSocialSignIn.js CHANGED Viewed

@@ -42,8 +42,9 @@ import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -56,7 +57,6 @@ import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { SocialSignIn } from '../../../../../components/SocialSignIn/SocialSignIn.js';
 import { useSocialRedirectContext } from '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.cjs CHANGED Viewed

@@ -45,8 +45,9 @@ require('../../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -59,7 +60,6 @@ require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var SocialSignIn = require('../../../../../components/SocialSignIn/SocialSignIn.cjs');
 var SocialRedirectContext = require('../../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');

package/src/lib/views/LoginView/sections/SocialSignInSection/MagicSocialSignIn/MagicSocialSignIn.js CHANGED Viewed

@@ -41,8 +41,9 @@ import '../../../../../context/FooterAnimationContext/index.js';
 import '../../../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -55,7 +56,6 @@ import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { SocialSignIn } from '../../../../../components/SocialSignIn/SocialSignIn.js';
 import { useSocialRedirectContext } from '../../../../../context/SocialRedirectContext/SocialRedirectContext.js';

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.cjs CHANGED Viewed

@@ -46,8 +46,9 @@ require('../../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Badge = require('../../../../../components/Badge/Badge.cjs');
 require('../../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -62,7 +63,6 @@ require('../../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 const ListItemButton = ({ text, onClick, numberOfWallets, disabled = false, copykey, }) => {
     const numberOfWalletsText = React.useMemo(() => {

package/src/lib/views/LoginView/sections/WalletSignInSection/ListItemButton/ListItemButton.js CHANGED Viewed

@@ -42,8 +42,9 @@ import '../../../../../context/QrCodeContext/QrCodeContext.js';
 import { Badge } from '../../../../../components/Badge/Badge.js';
 import '../../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../../../../components/Icon/Icon.js';
 import 'i18next';
 import '../../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -58,7 +59,6 @@ import '../../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../../components/Popper/Popper/Popper.js';
 import '../../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 const ListItemButton = ({ text, onClick, numberOfWallets, disabled = false, copykey, }) => {
     const numberOfWalletsText = useMemo(() => {

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSignInSection.cjs CHANGED Viewed

@@ -44,8 +44,9 @@ require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -59,7 +60,6 @@ require('../../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var WalletSimpleSignIn = require('./WalletSimpleSignIn/WalletSimpleSignIn.cjs');
 const WalletSignInSection = ({ numberOfItensToShow, isLoading, onSubmit, }) => {

package/src/lib/views/LoginView/sections/WalletSignInSection/WalletSignInSection.js CHANGED Viewed

@@ -40,8 +40,9 @@ import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -55,7 +56,6 @@ import '../../../../components/InlineWidget/InlineWidget.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { WalletSimpleSignIn } from './WalletSimpleSignIn/WalletSimpleSignIn.js';
 const WalletSignInSection = ({ numberOfItensToShow, isLoading, onSubmit, }) => {

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.cjs CHANGED Viewed

@@ -50,8 +50,9 @@ require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -67,7 +68,6 @@ require('../../components/MenuList/Dropdown/Dropdown.cjs');
 var shortenEmail = require('../../shared/utils/functions/shortenEmail/shortenEmail.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 const MergeUserAccountsView = () => {
     const { environmentId, setUser, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, primaryWallet, user, authToken, onboardingOnlyJwt, } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/MergeUserAccountsView/MergeUserAccountsView.js CHANGED Viewed

@@ -46,8 +46,9 @@ import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../components/Icon/Icon.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -63,7 +64,6 @@ import '../../components/MenuList/Dropdown/Dropdown.js';
 import { shortenEmail } from '../../shared/utils/functions/shortenEmail/shortenEmail.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 const MergeUserAccountsView = () => {
     const { environmentId, setUser, setOnboardingOnlyJwt, setShowAuthFlow, setCallback, primaryWallet, user, authToken, onboardingOnlyJwt, } = useInternalDynamicContext();

package/src/lib/views/NetworkNotSupported/NetworkNotSupported.cjs CHANGED Viewed

@@ -49,8 +49,9 @@ require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var ErrorContainer = require('../../components/ErrorContainer/ErrorContainer.cjs');
@@ -64,7 +65,6 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var NetworkPicker = require('../../components/NetworkPicker/NetworkPicker.cjs');
 var UserAddress = require('../../components/UserAddress/UserAddress.cjs');
 var SelectNetworkButton = require('../../components/SelectNetworkButton/SelectNetworkButton.cjs');

package/src/lib/views/NetworkNotSupported/NetworkNotSupported.js CHANGED Viewed

@@ -45,8 +45,9 @@ import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { ErrorContainer } from '../../components/ErrorContainer/ErrorContainer.js';
@@ -60,7 +61,6 @@ import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { NetworkPicker } from '../../components/NetworkPicker/NetworkPicker.js';
 import { UserAddress } from '../../components/UserAddress/UserAddress.js';
 import { SelectNetworkButton } from '../../components/SelectNetworkButton/SelectNetworkButton.js';

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs CHANGED Viewed

@@ -49,9 +49,10 @@ require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
 var IconWithSpinner = require('../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -64,7 +65,6 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 //   The component notifies the user about the required manual network change,
 //   as the wallet does not support programmatic network change.

package/src/lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js CHANGED Viewed

@@ -45,9 +45,10 @@ import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
 import { IconWithSpinner, iconRatio } from '../../components/IconWithSpinner/IconWithSpinner.js';
-import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -60,7 +61,6 @@ import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 //   The component notifies the user about the required manual network change,
 //   as the wallet does not support programmatic network change.

package/src/lib/views/NoAccess/NoAccess.cjs CHANGED Viewed

@@ -47,8 +47,9 @@ require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var AuthProviderIcon = require('../../components/AuthProviderIcon/AuthProviderIcon.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -64,7 +65,6 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var StatusDot = require('../../components/StatusDot/StatusDot.cjs');
 var getSocialNetworkIcon = require('../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.cjs');
 var useNoAccessText = require('./useNoAccessText.cjs');

package/src/lib/views/NoAccess/NoAccess.js CHANGED Viewed

@@ -43,8 +43,9 @@ import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { AuthProviderIcon } from '../../components/AuthProviderIcon/AuthProviderIcon.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -60,7 +61,6 @@ import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { StatusDot } from '../../components/StatusDot/StatusDot.js';
 import { getSocialNetworkIcon } from '../../utils/functions/getSocialNetworkIcon/getSocialNetworkIcon.js';
 import { useNoAccessText } from './useNoAccessText.js';

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs CHANGED Viewed

@@ -45,8 +45,9 @@ require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var getBrowserIcon = require('../../shared/utils/functions/getBrowserIcon/getBrowserIcon.cjs');
 var WalletHelpLink = require('./WalletHelpLink.cjs');
 require('i18next');
@@ -61,7 +62,6 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 const NoQrNotInstalledView = () => {
     const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js CHANGED Viewed

@@ -41,8 +41,9 @@ import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { getBrowserIcon } from '../../shared/utils/functions/getBrowserIcon/getBrowserIcon.js';
 import { WalletHelpLink } from './WalletHelpLink.js';
 import 'i18next';
@@ -57,7 +58,6 @@ import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 const NoQrNotInstalledView = () => {
     const { selectedWalletConnector } = useInternalDynamicContext();

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.cjs CHANGED Viewed

@@ -44,8 +44,9 @@ require('../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../components/Typography/Typography.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
@@ -58,7 +59,6 @@ require('../../components/InlineWidget/InlineWidget.cjs');
 require('../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 const capitalize = (value) => value[0].toUpperCase() + value.slice(1);
 const WalletHelpLink = ({ name, link, Icon }) => {

package/src/lib/views/NoQrNotInstalledView/WalletHelpLink.js CHANGED Viewed

@@ -40,8 +40,9 @@ import '../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../components/Typography/Typography.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../components/UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
@@ -54,7 +55,6 @@ import '../../components/InlineWidget/InlineWidget.js';
 import '../../components/MenuList/Dropdown/Dropdown.js';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 const capitalize = (value) => value[0].toUpperCase() + value.slice(1);
 const WalletHelpLink = ({ name, link, Icon }) => {

package/src/lib/views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.cjs CHANGED Viewed

@@ -47,8 +47,9 @@ require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -62,7 +63,6 @@ require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 const PasskeyDeviceIcon = () => {
     let IdIcon;

package/src/lib/views/Passkey/PasskeyDeviceIcon/PasskeyDeviceIcon.js CHANGED Viewed

@@ -43,8 +43,9 @@ import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { Icon } from '../../../components/Icon/Icon.js';
 import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -58,7 +59,6 @@ import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 const PasskeyDeviceIcon = () => {
     let IdIcon;

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.cjs CHANGED Viewed

@@ -52,8 +52,9 @@ var Typography = require('../../../components/Typography/Typography.cjs');
 var Tooltip = require('../../../components/Tooltip/Tooltip.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var ErrorContainer = require('../../../components/ErrorContainer/ErrorContainer.cjs');
@@ -71,7 +72,6 @@ require('../../../components/InlineWidget/InlineWidget.cjs');
 require('../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var isPasskeyEnabled = require('../../../utils/functions/isPasskeyEnabled/isPasskeyEnabled.cjs');
 var PasskeyDeviceIcon = require('../PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');

package/src/lib/views/Passkey/PasskeyIntroView/PasskeyIntroView.js CHANGED Viewed

@@ -48,8 +48,9 @@ import { Typography } from '../../../components/Typography/Typography.js';
 import { Tooltip } from '../../../components/Tooltip/Tooltip.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { ErrorContainer } from '../../../components/ErrorContainer/ErrorContainer.js';
@@ -67,7 +68,6 @@ import '../../../components/InlineWidget/InlineWidget.js';
 import '../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { isPasskeyEnabled } from '../../../utils/functions/isPasskeyEnabled/isPasskeyEnabled.js';
 import { PasskeyDeviceIcon } from '../PasskeyDeviceIcon/PasskeyDeviceIcon.js';

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.cjs CHANGED Viewed

@@ -51,9 +51,10 @@ var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/use
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
 var IconWithSpinner = require('../../../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var IconWithStatus = require('../../../../components/IconWithStatus/IconWithStatus.cjs');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -71,7 +72,6 @@ var Input = require('../../../../components/Input/Input.cjs');
 require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var passkeyRecovery = require('../../utils/passkeyRecovery/passkeyRecovery.cjs');
 // eslint-disable-next-line no-useless-escape

package/src/lib/views/Passkey/PasskeyRecovery/BundleValidation/PasskeyBundleRecovery.js CHANGED Viewed

@@ -47,9 +47,10 @@ import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/u
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
 import { IconWithSpinner } from '../../../../components/IconWithSpinner/IconWithSpinner.js';
-import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import { IconWithStatus } from '../../../../components/IconWithStatus/IconWithStatus.js';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
@@ -67,7 +68,6 @@ import { Input } from '../../../../components/Input/Input.js';
 import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { passkeyRecoveryBundleValidation, resentRecoveryEmail } from '../../utils/passkeyRecovery/passkeyRecovery.js';
 // eslint-disable-next-line no-useless-escape

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.cjs CHANGED Viewed

@@ -52,8 +52,9 @@ var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/use
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var ErrorContainer = require('../../../../components/ErrorContainer/ErrorContainer.cjs');
@@ -70,7 +71,6 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var NeedHelpSection = require('../../../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var PasskeyDeviceIcon = require('../../PasskeyDeviceIcon/PasskeyDeviceIcon.cjs');
 var passkeyRecovery = require('../../utils/passkeyRecovery/passkeyRecovery.cjs');

package/src/lib/views/Passkey/PasskeyRecovery/CompleteRecovery/PasskeyCompleteRecovery.js CHANGED Viewed

@@ -48,8 +48,9 @@ import { useIsTurnkeyWallet } from '../../../../utils/hooks/useIsTurnkeyWallet/u
 import { Typography } from '../../../../components/Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
+import 'qrcode';
 import 'i18next';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { ErrorContainer } from '../../../../components/ErrorContainer/ErrorContainer.js';
@@ -66,7 +67,6 @@ import '../../../../components/MenuList/Dropdown/Dropdown.js';
 import { NeedHelpSection } from '../../../../components/NeedHelpSection/NeedHelpSection.js';
 import '../../../../components/Popper/Popper/Popper.js';
 import '../../../../components/Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
 import { PasskeyDeviceIcon } from '../../PasskeyDeviceIcon/PasskeyDeviceIcon.js';
 import { completePasskeyRecovery } from '../../utils/passkeyRecovery/passkeyRecovery.js';

package/src/lib/views/Passkey/PasskeyRecovery/InitRecovery/PasskeyInitRecovery.cjs CHANGED Viewed

@@ -53,9 +53,10 @@ var useIsTurnkeyWallet = require('../../../../utils/hooks/useIsTurnkeyWallet/use
 var Typography = require('../../../../components/Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
 var IconWithSpinner = require('../../../../components/IconWithSpinner/IconWithSpinner.cjs');
-require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
+require('qrcode');
 var Icon = require('../../../../components/Icon/Icon.cjs');
 require('i18next');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
@@ -73,14 +74,13 @@ require('../../../../components/MenuList/Dropdown/Dropdown.cjs');
 var NeedHelpSection = require('../../../../components/NeedHelpSection/NeedHelpSection.cjs');
 require('../../../../components/Popper/Popper/Popper.cjs');
 require('../../../../components/Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
 var passkeyRecovery = require('../../utils/passkeyRecovery/passkeyRecovery.cjs');
 const PasskeyInitRecovery = () => {
     const { authToken, primaryWallet, environmentId, setShowAuthFlow, user } = useInternalDynamicContext.useInternalDynamicContext();
     const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const { setView } = ViewContext.useViewContext();
-    useElementById.useElementById(constants.iframeContainerId);
+    const iframeContainerRef = useElementById.useElementById(constants.iframeContainerId);
     const { t } = reactI18next.useTranslation();
     const { mutate: initRecovery, isLoading, error, } = useMutation.useMutation(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         const wallet = isAccountAbstractionWallet.isAccountAbstractionWallet(primaryWallet)
@@ -89,7 +89,7 @@ const PasskeyInitRecovery = () => {
         yield passkeyRecovery.initPasskeyRecovery({
             authToken,
             environmentId,
-            iframeContainerId: constants.iframeContainerId,
+            iframeContainer: iframeContainerRef.current,
             iframeElementId: constants.iframeElementId,
             wallet,
         });