npm - @dynamic-labs/sdk-react-core - Versions diffs - 2.1.0-alpha.2 → 2.1.0-alpha.20 - Mend

@dynamic-labs/sdk-react-core 2.1.0-alpha.2 → 2.1.0-alpha.20

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 (936) hide show

package/src/lib/components/Portal/Portal.js CHANGED Viewed

@@ -36,13 +36,17 @@ import { useElementById } from '../../utils/hooks/useElementById/useElementById.
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../Alert/Alert.js';
 import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
@@ -57,11 +61,11 @@ import '../Popper/PopperContext/PopperContext.js';
 import { useKeyboardEventListener } from '../../utils/hooks/useKeyboardEventListener/useKeyboardEventListener.js';
 import 'qrcode';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
@@ -75,11 +79,12 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
     const { view } = useViewContext();
     const shouldCloseOnBackdropClick = (view === null || view === void 0 ? void 0 : view.type) &&
         view.type !== 'collect-user-data' &&
-        view.type !== 'update-email' &&
         view.type !== 'login-with-email-verification' &&
         view.type !== 'login-with-sms-verification' &&
         view.type !== 'verify-sms' &&
-        view.type !== 'verify-email';
+        view.type !== 'verify-email' &&
+        view.type !== 'mfa-verification' &&
+        view.type !== 'mfa-display-backup-codes';
     const onBackdropClick = (e) => {
         if (!shouldCloseOnBackdropClick)
             return;
@@ -98,7 +103,8 @@ const ModalComponent = ({ children, handleClose, withBackdrop = true, zIndex, wh
                 style: { zIndex: zIndex ? zIndex - 2 : undefined }, className: 'portal__backdrop' })), jsx("div", { style: { zIndex }, children: children })] }));
 };
 const Portal = ({ children, isShown, handleClose, withBackdrop, zIndex, transitionEvents, elementId = 'dynamic-modal', }) => {
-    const modalRootElementRef = useElementById(elementId);
+    const { createRootElement } = useElementById();
+    const modalRootElementRef = createRootElement(elementId);
     return createPortal(jsx(ShadowDOM, { zIndex: zIndex, dataTestId: 'dynamic-modal-shadow', children: jsx(OpacityTransition, Object.assign({ isShown: isShown }, transitionEvents, { children: jsx(ModalComponent, { handleClose: handleClose, withBackdrop: withBackdrop, whiteList: (node) => modalRootElementRef.current.contains(node), children: children }) })) }), modalRootElementRef.current);
 };

package/src/lib/components/PoweredByDynamic/PoweredByDynamic.cjs CHANGED Viewed

@@ -38,13 +38,17 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');
@@ -63,11 +67,11 @@ require('react-focus-lock');
 var DynamicWidgetFooter = require('../../widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.cjs');
 require('qrcode');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/components/PoweredByDynamic/PoweredByDynamic.js CHANGED Viewed

@@ -34,13 +34,17 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
@@ -59,11 +63,11 @@ import 'react-focus-lock';
 import { DynamicWidgetFooter } from '../../widgets/DynamicWidget/components/DynamicWidgetFooter/DynamicWidgetFooter.js';
 import 'qrcode';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/components/QRCode/QRCode.cjs CHANGED Viewed

@@ -38,13 +38,17 @@ require('../../context/WalletContext/WalletContext.cjs');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');
@@ -61,11 +65,11 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/components/QRCode/QRCode.js CHANGED Viewed

@@ -34,13 +34,17 @@ import '../../context/WalletContext/WalletContext.js';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
@@ -57,11 +61,11 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.cjs CHANGED Viewed

@@ -40,11 +40,15 @@ require('react-dom');
 require('../../../context/WalletContext/WalletContext.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');
-require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../../views/CollectUserDataView/useFields.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 var Typography = require('../../Typography/Typography.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
@@ -57,13 +61,13 @@ 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 useWalletDownloadLinks = require('../../../widgets/DynamicWidget/hooks/useWalletDownloadLinks/useWalletDownloadLinks.cjs');
 var Icon = require('../../Icon/Icon.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../IconButton/IconButton.cjs');
 require('../../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../../context/FieldsStateContext/FieldsStateContext.cjs');
 var TypographyButton = require('../../TypographyButton/TypographyButton.cjs');
 require('../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../../Alert/Alert.cjs');
@@ -77,6 +81,7 @@ require('../../IsBrowser/IsBrowser.cjs');
 require('../../Popper/Popper/Popper.cjs');
 require('../../Popper/PopperContext/PopperContext.cjs');
 var QRCode = require('../../QRCode/QRCode.cjs');
+var LoadingQrCode = require('../../LoadingQrCode/LoadingQrCode.cjs');
 require('../../../views/WalletList/WalletList.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
@@ -101,7 +106,7 @@ const QrCodeContainer = ({ accentColor, walletConnector, qrcodeValue, Icon: Main
     };
     return (jsxRuntime.jsxs("div", { className: classNames.classNames('qrcode-container__container', {
             'qrcode-container__container--message': showQrCodeMessage,
-        }), children: [jsxRuntime.jsxs("div", { className: 'qrcode-container__top', children: [qrcodeValue && (jsxRuntime.jsx(QRCode.QRCode, { Icon: MainIcon, accentColor: accentColor, value: qrcodeValue, logoSize: 50, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, showQrCodeImage: showQrCodeImage })), jsxRuntime.jsx(MockedQrCode.MockedQrCode, {}), jsxRuntime.jsxs("div", { className: 'button-container', children: [showCopyToClipboardButton && qrcodeValue && (jsxRuntime.jsx(CopyButton.CopyButton, { variant: 'button', textToCopy: qrcodeValue, buttonClassName: 'qr-code-button', copykey: 'dyn_qr_code.copy_button', startSlot:
+        }), children: [jsxRuntime.jsxs("div", { className: 'qrcode-container__top', children: [qrcodeValue.length ? (jsxRuntime.jsx(QRCode.QRCode, { Icon: MainIcon, accentColor: accentColor, value: qrcodeValue, logoSize: 50, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, showQrCodeImage: showQrCodeImage })) : (jsxRuntime.jsx(LoadingQrCode.LoadingQrCode, { Icon: MainIcon, logoSize: 50 })), jsxRuntime.jsx(MockedQrCode.MockedQrCode, {}), jsxRuntime.jsxs("div", { className: 'button-container', children: [showCopyToClipboardButton && (jsxRuntime.jsx(CopyButton.CopyButton, { variant: 'button', textToCopy: qrcodeValue, disabled: !qrcodeValue.length, buttonClassName: 'qr-code-button', copykey: 'dyn_qr_code.copy_button', startSlot:
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsxRuntime.jsx(Icon.Icon, { size: 'mini', color: 'text-tertiary', children: jsxRuntime.jsx(link.ReactComponent, {}) }), children: t('dyn_qr_code.copy_button') })), renderAppOrExtensionButton()] })] }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', className: 'qrcode-container__content', copykey: 'dyn_qr_code.scan_title', children: t('dyn_qr_code.scan_title', {
                     app: walletConnector ? 'wallet' : 'app',

package/src/lib/components/QrCodeWrapper/QrCodeContainer/QrCodeContainer.js CHANGED Viewed

@@ -36,11 +36,15 @@ import 'react-dom';
 import '../../../context/WalletContext/WalletContext.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';
-import '../../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../../views/CollectUserDataView/useFields.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import { Typography } from '../../Typography/Typography.js';
 import '../../../context/FooterAnimationContext/index.js';
@@ -53,13 +57,13 @@ 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 { useWalletDownloadLinks } from '../../../widgets/DynamicWidget/hooks/useWalletDownloadLinks/useWalletDownloadLinks.js';
 import { Icon } from '../../Icon/Icon.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../IconButton/IconButton.js';
 import '../../MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../../context/FieldsStateContext/FieldsStateContext.js';
 import { TypographyButton } from '../../TypographyButton/TypographyButton.js';
 import '../../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../../Alert/Alert.js';
@@ -73,6 +77,7 @@ import '../../IsBrowser/IsBrowser.js';
 import '../../Popper/Popper/Popper.js';
 import '../../Popper/PopperContext/PopperContext.js';
 import { QRCode } from '../../QRCode/QRCode.js';
+import { LoadingQrCode } from '../../LoadingQrCode/LoadingQrCode.js';
 import '../../../views/WalletList/WalletList.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
@@ -97,7 +102,7 @@ const QrCodeContainer = ({ accentColor, walletConnector, qrcodeValue, Icon: Main
     };
     return (jsxs("div", { className: classNames('qrcode-container__container', {
             'qrcode-container__container--message': showQrCodeMessage,
-        }), children: [jsxs("div", { className: 'qrcode-container__top', children: [qrcodeValue && (jsx(QRCode, { Icon: MainIcon, accentColor: accentColor, value: qrcodeValue, logoSize: 50, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, showQrCodeImage: showQrCodeImage })), jsx(MockedQrCode, {}), jsxs("div", { className: 'button-container', children: [showCopyToClipboardButton && qrcodeValue && (jsx(CopyButton, { variant: 'button', textToCopy: qrcodeValue, buttonClassName: 'qr-code-button', copykey: 'dyn_qr_code.copy_button', startSlot:
+        }), children: [jsxs("div", { className: 'qrcode-container__top', children: [qrcodeValue.length ? (jsx(QRCode, { Icon: MainIcon, accentColor: accentColor, value: qrcodeValue, logoSize: 50, walletKey: walletConnector === null || walletConnector === void 0 ? void 0 : walletConnector.key, showQrCodeImage: showQrCodeImage })) : (jsx(LoadingQrCode, { Icon: MainIcon, logoSize: 50 })), jsx(MockedQrCode, {}), jsxs("div", { className: 'button-container', children: [showCopyToClipboardButton && (jsx(CopyButton, { variant: 'button', textToCopy: qrcodeValue, disabled: !qrcodeValue.length, buttonClassName: 'qr-code-button', copykey: 'dyn_qr_code.copy_button', startSlot:
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsx(Icon, { size: 'mini', color: 'text-tertiary', children: jsx(SvgLink, {}) }), children: t('dyn_qr_code.copy_button') })), renderAppOrExtensionButton()] })] }), jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'regular', className: 'qrcode-container__content', copykey: 'dyn_qr_code.scan_title', children: t('dyn_qr_code.scan_title', {
                     app: walletConnector ? 'wallet' : 'app',

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.cjs CHANGED Viewed

@@ -35,14 +35,18 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 var useTimeout = require('../../utils/hooks/useTimeout/useTimeout.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 var Typography = require('../Typography/Typography.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 var AnimatePresence = require('../AnimatePresence/AnimatePresence.cjs');
@@ -56,11 +60,11 @@ 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('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../Alert/Alert.cjs');
 require('../Input/Input.cjs');
@@ -81,7 +85,11 @@ require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSign
 const QrCodeWrapper = ({ uri, desktopUri, icon, accentColor, showCopyToClipboardButton, walletConnector, }) => {
     const [showQrCodeMessage, setShowQrCodeMessage] = React.useState(false);
     const [showQrCodeImage, setShowQrCodeImage] = React.useState(false);
-    useTimeout.useTimeout(() => setShowQrCodeMessage(true), 5000);
+    /**
+     * Show the QR code message after 5 seconds
+     * disabled if url is empty
+     */
+    useTimeout.useTimeout(() => setShowQrCodeMessage(true), uri.length ? 5000 : null);
     return (jsxRuntime.jsxs("div", { "data-testid": 'qr-code-wrapper', children: [jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, { style: { width: '100%' } }), children: showQrCodeMessage && !showQrCodeImage && (jsxRuntime.jsxs("div", { className: 'qr-code-wrapper__scan-issue-message', children: [jsxRuntime.jsx(Typography.Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsxRuntime.jsx("button", { "data-testid": 'qr-code-wrapper__scan-issue-button', className: 'qr-code-wrapper__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] })) }), jsxRuntime.jsx(QrCodeContainer.QrCodeContainer, { showQrCodeMessage: showQrCodeMessage, desktopUri: desktopUri, accentColor: accentColor, walletConnector: walletConnector, qrcodeValue: uri, Icon: icon, showCopyToClipboardButton: showCopyToClipboardButton, showQrCodeImage: showQrCodeImage })] }));
 };

package/src/lib/components/QrCodeWrapper/QrCodeWrapper.js CHANGED Viewed

@@ -31,14 +31,18 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import { useTimeout } from '../../utils/hooks/useTimeout/useTimeout.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import 'react-i18next';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
+import 'react-i18next';
 import { Typography } from '../Typography/Typography.js';
 import '../../context/FooterAnimationContext/index.js';
 import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
@@ -52,11 +56,11 @@ 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 '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../Alert/Alert.js';
 import '../Input/Input.js';
@@ -77,7 +81,11 @@ import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignI
 const QrCodeWrapper = ({ uri, desktopUri, icon, accentColor, showCopyToClipboardButton, walletConnector, }) => {
     const [showQrCodeMessage, setShowQrCodeMessage] = useState(false);
     const [showQrCodeImage, setShowQrCodeImage] = useState(false);
-    useTimeout(() => setShowQrCodeMessage(true), 5000);
+    /**
+     * Show the QR code message after 5 seconds
+     * disabled if url is empty
+     */
+    useTimeout(() => setShowQrCodeMessage(true), uri.length ? 5000 : null);
     return (jsxs("div", { "data-testid": 'qr-code-wrapper', children: [jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, { style: { width: '100%' } }), children: showQrCodeMessage && !showQrCodeImage && (jsxs("div", { className: 'qr-code-wrapper__scan-issue-message', children: [jsx(Typography, { color: 'primary', variant: 'body_small', children: "If you're having issues scanning, click\u00A0" }), jsx("button", { "data-testid": 'qr-code-wrapper__scan-issue-button', className: 'qr-code-wrapper__scan-issue-button', onClick: () => setShowQrCodeImage(true), children: "here" })] })) }), jsx(QrCodeContainer, { showQrCodeMessage: showQrCodeMessage, desktopUri: desktopUri, accentColor: accentColor, walletConnector: walletConnector, qrcodeValue: uri, Icon: icon, showCopyToClipboardButton: showCopyToClipboardButton, showQrCodeImage: showQrCodeImage })] }));
 };

package/src/lib/components/RadioButton/RadioButton.cjs ADDED Viewed

@@ -0,0 +1,14 @@
+'use client'
+'use strict';
+Object.defineProperty(exports, '__esModule', { value: true });
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+const RadioButton = ({ children, checked, value, name, disabled = false, className = '', onChange, }) => {
+    const radioId = `${name}_${value}`;
+    return (jsxRuntime.jsxs("div", { className: classNames.classNames('radio-button', className), children: [jsxRuntime.jsx("input", { type: 'radio', id: radioId, name: name, value: value, disabled: disabled, defaultChecked: checked, onChange: onChange }), jsxRuntime.jsx("label", { htmlFor: radioId, children: children })] }));
+};
+exports.RadioButton = RadioButton;

package/src/lib/components/RadioButton/RadioButton.d.ts ADDED Viewed

@@ -0,0 +1,5 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+export type RadioButtonProps = ComponentPropsWithoutRef<'input'> & {
+    className?: string;
+};
+export declare const RadioButton: FC<RadioButtonProps>;

package/src/lib/components/RadioButton/RadioButton.js ADDED Viewed

@@ -0,0 +1,10 @@
+'use client'
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+const RadioButton = ({ children, checked, value, name, disabled = false, className = '', onChange, }) => {
+    const radioId = `${name}_${value}`;
+    return (jsxs("div", { className: classNames('radio-button', className), children: [jsx("input", { type: 'radio', id: radioId, name: name, value: value, disabled: disabled, defaultChecked: checked, onChange: onChange }), jsx("label", { htmlFor: radioId, children: children })] }));
+};
+export { RadioButton };

package/src/lib/components/RadioButton/index.d.ts ADDED Viewed

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

package/src/lib/components/RenderView/RenderView.cjs CHANGED Viewed

@@ -36,11 +36,15 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
@@ -52,11 +56,11 @@ 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('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs');
 require('../Alert/Alert.cjs');
 require('../Input/Input.cjs');

package/src/lib/components/RenderView/RenderView.js CHANGED Viewed

@@ -32,11 +32,15 @@ import 'react-dom';
 import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import '../../context/FooterAnimationContext/index.js';
 import '../ShadowDOM/ShadowDOM.js';
@@ -48,11 +52,11 @@ 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 '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../views/TransactionConfirmationView/helpers/transactionErrorMessage.js';
 import '../Alert/Alert.js';
 import '../Input/Input.js';

package/src/lib/components/RetrySendVerificationCodeSection/RetrySendVerificationCodeSection.cjs CHANGED Viewed

@@ -39,11 +39,15 @@ require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 var useMutation = require('../../utils/hooks/useMutation/useMutation.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 require('../Alert/Alert.cjs');
@@ -66,11 +70,11 @@ require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');

package/src/lib/components/RetrySendVerificationCodeSection/RetrySendVerificationCodeSection.js CHANGED Viewed

@@ -35,11 +35,15 @@ import '../../context/WalletContext/WalletContext.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import { useMutation } from '../../utils/hooks/useMutation/useMutation.js';
 import '@dynamic-labs/types';
+import '../../context/LoadingContext/LoadingContext.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
-import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../views/CollectUserDataView/useFields.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
 import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import 'zustand';
+import 'zustand/middleware';
+import 'zustand/react/shallow';
 import '@dynamic-labs/rpc-providers';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 import '../Alert/Alert.js';
@@ -62,11 +66,11 @@ import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
 import '../../views/WalletList/WalletList.js';
 import '../../context/SocialRedirectContext/SocialRedirectContext.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
-import '../../context/LoadingContext/LoadingContext.js';
 import '../../context/FooterAnimationContext/index.js';
 import '../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';

package/src/lib/components/SandboxIndicatorWrapper/SandboxIndicatorWrapper.cjs CHANGED Viewed

@@ -36,13 +36,17 @@ require('react-dom');
 require('../../context/WalletContext/WalletContext.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('@dynamic-labs/types');
+require('../../context/LoadingContext/LoadingContext.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
-require('react-i18next');
-require('../../context/FieldsStateContext/FieldsStateContext.cjs');
+require('../../views/CollectUserDataView/useFields.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
 require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('zustand');
+require('zustand/middleware');
+require('zustand/react/shallow');
 require('@dynamic-labs/rpc-providers');
+require('react-i18next');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');
@@ -60,11 +64,11 @@ require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('qrcode');
 require('formik');
+require('../../context/FieldsStateContext/FieldsStateContext.cjs');
 require('../../views/WalletList/WalletList.cjs');
 require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
-require('../../context/LoadingContext/LoadingContext.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/LoginView/sections/PhoneNumberSignInSection/PhoneNumberSignInSection.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');