@dynamic-labs/sdk-react-core 0.17.0-RC.5 → 0.17.0-RC.7

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetPrompts/DynamicWidgetPrompts.js

@@ -10,6 +10,7 @@ import { PrimaryNotConnectedModal } from '../../prompts/PrimaryNotConnectedModal
 import { QrCodeModalView } from '../../prompts/QrCodeModalView/QrCodeModalView.js';
 import { UnlinkWalletPopUp } from '../../prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.js';
 import { WidgetPortal } from '../WidgetPortal/WidgetPortal.js';
+import { NoQrNotInstalledModalView } from '../../prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.js';
 
 const mapAccountSwitchStateToPromptComponent = {
     linking_new_wallet: PendingAccountSwitchModal,
@@ -17,7 +18,7 @@ const mapAccountSwitchStateToPromptComponent = {
     switching_primary: PendingAccountSwitchModal,
 };
 const DynamicWidgetPrompts = () => {
-    const { setDesktopUri, accountSwitchState, multiWalletWidgetState, showQrcodeModal, setShowQrcodeModal, } = useInternalDynamicContext();
+    const { setDesktopUri, accountSwitchState, multiWalletWidgetState, showQrcodeModal, setShowQrcodeModal, selectedWalletConnector, } = useInternalDynamicContext();
     const { walletIdToUnlink, newWalletId, setNewWalletId } = useWidgetContext();
     const AccountSwitchModal = useMemo(() => {
         if (multiWalletWidgetState !== 'awaiting_account_switch')
@@ -28,7 +29,7 @@ const DynamicWidgetPrompts = () => {
                 (showQrcodeModal ? (jsx(WidgetPortal, Object.assign({ onBackdropClick: () => {
                         setShowQrcodeModal(false);
                         setDesktopUri('');
-                    } }, { children: jsx(QrCodeModalView, { walletId: newWalletId }) }))) : (jsx(PendingSignModal, {}))), multiWalletWidgetState === 'detected_known_secondary_wallet' && (jsx(DetectedKnownSecondaryWalletModal, { setNewWalletId: setNewWalletId })), multiWalletWidgetState === 'detected_new_wallet' && (jsx(DetectedNewWalletModal, {}))] }));
+                    } }, { children: (selectedWalletConnector === null || selectedWalletConnector === void 0 ? void 0 : selectedWalletConnector.canConnectViaQrCode) ? (jsx(QrCodeModalView, { walletId: newWalletId })) : (jsx(NoQrNotInstalledModalView, {})) }))) : (jsx(PendingSignModal, {}))), multiWalletWidgetState === 'detected_known_secondary_wallet' && (jsx(DetectedKnownSecondaryWalletModal, { setNewWalletId: setNewWalletId })), multiWalletWidgetState === 'detected_new_wallet' && (jsx(DetectedNewWalletModal, {}))] }));
 };
 
 export { DynamicWidgetPrompts };

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetSwitcher/DynamicWidgetSwitcher.cjs

@@ -20,6 +20,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetSwitcher/DynamicWidgetSwitcher.js

@@ -16,6 +16,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.cjs

@@ -15,6 +15,7 @@ require('@dynamic-labs/iconic');
 require('../../../../../../context/ViewContext/ViewContext.cjs');
 require('../../../../../../utils/constants/colors.cjs');
 require('../../../../../../shared/consts/index.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../../../../context/ErrorContext/ErrorContext.cjs');
 require('react-dom');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetDropdown/DynamicWidgetDropdown.js

@@ -11,6 +11,7 @@ import '@dynamic-labs/iconic';
 import '../../../../../../context/ViewContext/ViewContext.js';
 import '../../../../../../utils/constants/colors.js';
 import '../../../../../../shared/consts/index.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../../../context/DynamicContext/DynamicContext.js';
 import '../../../../../../context/ErrorContext/ErrorContext.js';
 import 'react-dom';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.cjs

@@ -19,6 +19,7 @@ require('../../../../../../context/ThemeContext/ThemeContext.cjs');
 var Portal = require('../../../../../../components/Portal/Portal.cjs');
 require('react-dom');
 require('../../../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetVariants/variants/DynamicWidgetModal/DynamicWidgetModal.js

@@ -15,6 +15,7 @@ import '../../../../../../context/ThemeContext/ThemeContext.js';
 import { Portal } from '../../../../../../components/Portal/Portal.js';
 import 'react-dom';
 import '../../../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.cjs

@@ -22,6 +22,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');
@@ -43,7 +44,7 @@ const DynamicWidgetWallets = () => {
                     'dynamic-widget-wallets__body--apply-height': !isEmpty,
                 }) }, { children: isEmpty ? (jsxRuntime.jsx(EmptyWallets.EmptyWallets, {})) : (jsxRuntime.jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
                         var _a;
-                        return (jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet, user === null || user === void 0 ? void 0 : user.verifiedCredentials)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet, setNewWalletId: setNewWalletId }, wallet.id));
+                        return (jsxRuntime.jsx(Wallet.Wallet, { ens: (_a = getWalletVerifiedCredential.getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet, setNewWalletId: setNewWalletId }, wallet.id));
                     }) }))) }))] })));
 };
 

package/src/lib/widgets/DynamicWidget/components/DynamicWidgetWallets/DynamicWidgetWallets.js

@@ -18,6 +18,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';
@@ -39,7 +40,7 @@ const DynamicWidgetWallets = () => {
                     'dynamic-widget-wallets__body--apply-height': !isEmpty,
                 }) }, { children: isEmpty ? (jsx(EmptyWallets, {})) : (jsx("div", Object.assign({ className: 'available-wallets__wallet-list' }, { children: secondaryWallets.map((wallet, index) => {
                         var _a;
-                        return (jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet, user === null || user === void 0 ? void 0 : user.verifiedCredentials)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet, setNewWalletId: setNewWalletId }, wallet.id));
+                        return (jsx(Wallet, { ens: (_a = getWalletVerifiedCredential(wallet.address, user === null || user === void 0 ? void 0 : user.verifiedCredentials)) === null || _a === void 0 ? void 0 : _a.nameService, wallet: wallet, setNewWalletId: setNewWalletId }, wallet.id));
                     }) }))) }))] })));
 };
 

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.cjs

@@ -21,6 +21,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/components/EmailConnectorPendingSignModalContent/EmailConnectorPendingSignModalContent.js

@@ -17,6 +17,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.cjs

@@ -20,6 +20,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/components/EmailOTPConnectorPendingSignModalContent/EmailOTPConnectorPendingSignModalContent.js

@@ -16,6 +16,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/components/EmptyWallets/EmptyWallets.cjs

@@ -23,6 +23,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/components/EmptyWallets/EmptyWallets.js

@@ -19,6 +19,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/components/SingleWalletButtons/SingleWalletButtons.cjs

@@ -21,6 +21,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/components/SingleWalletButtons/SingleWalletButtons.js

@@ -17,6 +17,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.cjs

@@ -26,6 +26,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/components/Wallet/Wallet.js

@@ -22,6 +22,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

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

@@ -12,6 +12,7 @@ require('@dynamic-labs/iconic');
 require('../../../context/ViewContext/ViewContext.cjs');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/consts/index.cjs');
+require('@dynamic-labs/rpc-providers');
 var useInternalDynamicContext = require('../../../context/DynamicContext/useInternalDynamicContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
 require('react-dom');

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

@@ -8,6 +8,7 @@ import '@dynamic-labs/iconic';
 import '../../../context/ViewContext/ViewContext.js';
 import '../../../utils/constants/colors.js';
 import '../../../shared/consts/index.js';
+import '@dynamic-labs/rpc-providers';
 import { useInternalDynamicContext } from '../../../context/DynamicContext/useInternalDynamicContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
 import 'react-dom';

package/src/lib/widgets/DynamicWidget/hooks/useFetchBalance/useFetchBalance.d.ts

@@ -3,7 +3,7 @@ type Props = {
     address: string | undefined;
     chain: string | undefined;
     connector: WalletConnector;
-    network: number | undefined;
+    network: number | string | undefined;
 };
 export declare const useFetchBalance: ({ connector, chain, address, network, }: Props) => (string | undefined)[];
 export {};

package/src/lib/widgets/DynamicWidget/hooks/useFetchCurrency/useFetchCurrency.d.ts

@@ -1,2 +1,2 @@
 import { WalletConnector } from '../../../../..';
-export declare const useFetchCurrency: (connector: WalletConnector, network?: number) => (string | undefined)[];
+export declare const useFetchCurrency: (connector: WalletConnector, network?: number | string) => (string | undefined)[];

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/index.d.ts

@@ -0,0 +1 @@
+export { useFetchNameService } from './useFetchNameService';

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../../../_virtual/_tslib.cjs');
+var React = require('react');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+
+const useFetchNameService = (address) => {
+    const [nameService, setNameService] = React.useState(undefined);
+    const { getNameService } = useInternalDynamicContext.useInternalDynamicContext();
+    React.useEffect(() => {
+        const fetchNameService = () => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+            const ns = yield getNameService(address);
+            setNameService(ns);
+        });
+        fetchNameService();
+    }, [getNameService, address]);
+    return nameService;
+};
+
+exports.useFetchNameService = useFetchNameService;

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.d.ts

@@ -0,0 +1,2 @@
+import { NameServiceData } from '@dynamic-labs/sdk-api';
+export declare const useFetchNameService: (address?: string) => NameServiceData | undefined;

package/src/lib/widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js

@@ -0,0 +1,18 @@
+import { __awaiter } from '../../../../../../_virtual/_tslib.js';
+import { useState, useEffect } from 'react';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+
+const useFetchNameService = (address) => {
+    const [nameService, setNameService] = useState(undefined);
+    const { getNameService } = useInternalDynamicContext();
+    useEffect(() => {
+        const fetchNameService = () => __awaiter(void 0, void 0, void 0, function* () {
+            const ns = yield getNameService(address);
+            setNameService(ns);
+        });
+        fetchNameService();
+    }, [getNameService, address]);
+    return nameService;
+};
+
+export { useFetchNameService };

package/src/lib/widgets/DynamicWidget/prompts/DetectedKnownSecondaryWalletModal/DetectedKnownSecondaryWalletModal.cjs

@@ -24,6 +24,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/prompts/DetectedKnownSecondaryWalletModal/DetectedKnownSecondaryWalletModal.js

@@ -20,6 +20,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/prompts/DetectedNewWalletModal/DetectedNewWalletModal.cjs

@@ -23,6 +23,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/prompts/DetectedNewWalletModal/DetectedNewWalletModal.js

@@ -19,6 +19,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.cjs

@@ -0,0 +1,52 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var walletBook = require('@dynamic-labs/wallet-book');
+require('react');
+var Typography = require('../../../../components/Typography/Typography.cjs');
+require('@dynamic-labs/sdk-api');
+require('../../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/multi-wallet');
+require('../../../../context/ViewContext/ViewContext.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('../../../../shared/consts/index.cjs');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+var pixelToRem = require('../../../../utils/functions/pixelToRem/pixelToRem.cjs');
+require('../../../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('ethers');
+require('../../../../context/MockContext/MockContext.cjs');
+require('../../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../../../components/IconButton/IconButton.cjs');
+var getBrowserIcon = require('../../../../shared/utils/functions/getBrowserIcon/getBrowserIcon.cjs');
+var WalletHelpLink = require('../../../../views/NoQrNotInstalledView/WalletHelpLink.cjs');
+var parseWalletLinks = require('../../../../utils/functions/parseWalletLinks/parseWalletLinks.cjs');
+
+const NoQrNotInstalledModalView = () => {
+    const { selectedWalletConnector } = useInternalDynamicContext.useInternalDynamicContext();
+    if (!selectedWalletConnector) {
+        return null;
+    }
+    const walletName = walletBook.getWalletBookWallet(selectedWalletConnector.name).name;
+    const walletLinks = walletBook.getWalletLinks(selectedWalletConnector.name);
+    const { currentDesktopUrl, userBrowser } = parseWalletLinks.parseWalletLinks(walletLinks);
+    const downloadLinks = userBrowser && currentDesktopUrl ? (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: userBrowser, link: currentDesktopUrl, Icon: getBrowserIcon.getBrowserIcon(userBrowser) }, userBrowser)) : (Object.entries(walletLinks)
+        .filter(([, link]) => link !== '')
+        .filter(([name]) => name !== 'ios' && name !== 'android')
+        .map(([name, link]) => (jsxRuntime.jsx(WalletHelpLink.WalletHelpLink, { name: name, link: link, Icon: getBrowserIcon.getBrowserIcon(name) }, name))));
+    return (jsxRuntime.jsxs("div", Object.assign({ className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed' }, { children: [jsxRuntime.jsx(walletBook.WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem.pixelToRem(64), width: pixelToRem.pixelToRem(64) } }), jsxRuntime.jsxs(Typography.Typography, Object.assign({ variant: 'body_normal' }, { children: ["We can\u2019t detect ", walletName, " extension"] })), Array.isArray(downloadLinks) && (jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_normal', color: 'secondary' }, { children: "Select from your preferred options below:" }))), jsxRuntime.jsx("div", Object.assign({ className: 'no-qr-code-not-installed-modal-view__links-section' }, { children: downloadLinks })), jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'body_mini', color: 'secondary' }, { children: "Refresh the page once installed" }))] })));
+};
+
+exports.NoQrNotInstalledModalView = NoQrNotInstalledModalView;

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const NoQrNotInstalledModalView: () => JSX.Element | null;

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/NoQrNotInstalledModalView.js

@@ -0,0 +1,48 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { getWalletBookWallet, getWalletLinks, WalletIcon } from '@dynamic-labs/wallet-book';
+import 'react';
+import { Typography } from '../../../../components/Typography/Typography.js';
+import '@dynamic-labs/sdk-api';
+import '../../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/multi-wallet';
+import '../../../../context/ViewContext/ViewContext.js';
+import '../../../../utils/constants/colors.js';
+import '../../../../shared/consts/index.js';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+import { pixelToRem } from '../../../../utils/functions/pixelToRem/pixelToRem.js';
+import '../../../../components/ShadowDOM/ShadowDOM.js';
+import '../../../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../../context/ErrorContext/ErrorContext.js';
+import 'ethers';
+import '../../../../context/MockContext/MockContext.js';
+import '../../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../../../components/IconButton/IconButton.js';
+import { getBrowserIcon } from '../../../../shared/utils/functions/getBrowserIcon/getBrowserIcon.js';
+import { WalletHelpLink } from '../../../../views/NoQrNotInstalledView/WalletHelpLink.js';
+import { parseWalletLinks } from '../../../../utils/functions/parseWalletLinks/parseWalletLinks.js';
+
+const NoQrNotInstalledModalView = () => {
+    const { selectedWalletConnector } = useInternalDynamicContext();
+    if (!selectedWalletConnector) {
+        return null;
+    }
+    const walletName = getWalletBookWallet(selectedWalletConnector.name).name;
+    const walletLinks = getWalletLinks(selectedWalletConnector.name);
+    const { currentDesktopUrl, userBrowser } = parseWalletLinks(walletLinks);
+    const downloadLinks = userBrowser && currentDesktopUrl ? (jsx(WalletHelpLink, { name: userBrowser, link: currentDesktopUrl, Icon: getBrowserIcon(userBrowser) }, userBrowser)) : (Object.entries(walletLinks)
+        .filter(([, link]) => link !== '')
+        .filter(([name]) => name !== 'ios' && name !== 'android')
+        .map(([name, link]) => (jsx(WalletHelpLink, { name: name, link: link, Icon: getBrowserIcon(name) }, name))));
+    return (jsxs("div", Object.assign({ className: 'no-qr-code-not-installed-modal-view', "data-testid": 'no-qr-code-not-installed' }, { children: [jsx(WalletIcon, { walletName: selectedWalletConnector.name, style: { height: pixelToRem(64), width: pixelToRem(64) } }), jsxs(Typography, Object.assign({ variant: 'body_normal' }, { children: ["We can\u2019t detect ", walletName, " extension"] })), Array.isArray(downloadLinks) && (jsx(Typography, Object.assign({ variant: 'body_normal', color: 'secondary' }, { children: "Select from your preferred options below:" }))), jsx("div", Object.assign({ className: 'no-qr-code-not-installed-modal-view__links-section' }, { children: downloadLinks })), jsx(Typography, Object.assign({ variant: 'body_mini', color: 'secondary' }, { children: "Refresh the page once installed" }))] })));
+};
+
+export { NoQrNotInstalledModalView };

package/src/lib/widgets/DynamicWidget/prompts/NoQrNotInstalledModalView/index.d.ts

@@ -0,0 +1 @@
+export { NoQrNotInstalledModalView } from './NoQrNotInstalledModalView';

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.cjs

@@ -24,6 +24,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/prompts/PendingAccountSwitchModal/PendingAccountSwitchModal.js

@@ -20,6 +20,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.cjs

@@ -23,6 +23,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/prompts/PrimaryNotConnectedModal/PrimaryNotConnectedModal.js

@@ -19,6 +19,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.cjs

@@ -27,6 +27,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/prompts/QrCodeModalView/QrCodeModalView.js

@@ -23,6 +23,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.cjs

@@ -25,6 +25,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/prompts/UnlinkWalletPopUp/UnlinkWalletPopUp.js

@@ -21,6 +21,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.cjs

@@ -26,6 +26,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');

package/src/lib/widgets/DynamicWidget/views/EditProfileView/EditProfileView.js

@@ -22,6 +22,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';

package/src/lib/widgets/DynamicWidget/views/IndexView/IndexView.cjs

@@ -22,6 +22,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 var useKYCFlag = require('../../../../utils/hooks/useKYCFlag/useKYCFlag.cjs');

package/src/lib/widgets/DynamicWidget/views/IndexView/IndexView.js

@@ -18,6 +18,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import { useKYCFlag } from '../../../../utils/hooks/useKYCFlag/useKYCFlag.js';

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.cjs

@@ -25,6 +25,7 @@ require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
 require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
 require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
 require('ethers');
 require('../../../../context/MockContext/MockContext.cjs');

package/src/lib/widgets/DynamicWidget/views/ProfileView/ProfileView.js

@@ -21,6 +21,7 @@ import '../../../../components/Transition/ZoomTransition/ZoomTransition.js';
 import '../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
 import 'ethers';
 import '../../../../context/MockContext/MockContext.js';