npm - @dynamic-labs/sdk-react-core - Versions diffs - 1.0.0-alpha.7 → 1.0.0-alpha.9 - Mend

@dynamic-labs/sdk-react-core 1.0.0-alpha.7 → 1.0.0-alpha.9

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

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

@@ -19,22 +19,29 @@ require('viem');
 require('@dynamic-labs/utils');
 var index = require('../../shared/consts/index.cjs');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
-require('../../config/ApiEndpoint.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 var useElementById = require('../../utils/hooks/useElementById/useElementById.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
 var usePrevious = require('../../utils/hooks/usePrevious/usePrevious.cjs');
+require('@dynamic-labs/types');
+require('yup');
 require('react-i18next');
+require('../../context/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../Alert/Alert.cjs');
 var useHover = require('../../utils/hooks/useHover/useHover.cjs');
 var ShadowDOM = require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');
-require('../../context/ThemeContext/ThemeContext.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
@@ -44,23 +51,16 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
-require('yup');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 const Tooltip = ({ children, content, className, as: Tag = 'span', }) => {

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

@@ -15,22 +15,29 @@ import 'viem';
 import '@dynamic-labs/utils';
 import { tooltipZIndex } from '../../shared/consts/index.js';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
-import '../../config/ApiEndpoint.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import { useElementById } from '../../utils/hooks/useElementById/useElementById.js';
+import '../../context/ThemeContext/ThemeContext.js';
 import { usePrevious } from '../../utils/hooks/usePrevious/usePrevious.js';
+import '@dynamic-labs/types';
+import 'yup';
 import 'react-i18next';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../Alert/Alert.js';
 import { useHover } from '../../utils/hooks/useHover/useHover.js';
 import { ShadowDOM } from '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
-import '../../context/ThemeContext/ThemeContext.js';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
@@ -40,23 +47,16 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
-import 'yup';
 import '../OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/MockContext/MockContext.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 const Tooltip = ({ children, content, className, as: Tag = 'span', }) => {

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

@@ -33,14 +33,18 @@ var Alert = require('../Alert/Alert.cjs');
 var AppOriginTile = require('../AppOriginTile/AppOriginTile.cjs');
 var Button = require('../Button/Button.cjs');
 var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
+var useIsTurnkeyWallet = require('../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.cjs');
+var SecureTurnkeyWalletCard = require('../SecureTurnkeyWalletCard/SecureTurnkeyWalletCard.cjs');
+var PasskeyCreatedSuccessBanner = require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, title, error, appOrigin, appLogoUrl, appName, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, children, }) => {
     const { t } = reactI18next.useTranslation();
+    const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet.useIsTurnkeyWallet();
     const closeButton = onClickClose && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close', disabled: isLoading, children: jsxRuntime.jsx(close.ReactComponent, {}) }));
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(chevronLeft.ReactComponent, {}) }));
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'transaction-confirmation__title', children: title }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: error && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__error', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: error }) })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__content', children: [jsxRuntime.jsx("div", { className: 'transaction-confirmation__app-origin-tile', children: jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }) }), jsxRuntime.jsx("div", { className: 'transaction-confirmation__rows', children: children })] }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: alert && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__actions', children: [onClickClose && (jsxRuntime.jsx(Button.Button, { buttonVariant: 'secondary', onClick: onClickClose, expanded: true, buttonPadding: 'large', disabled: isLoading, children: t('dyn_send_transaction.confirmation.cancel_button') })), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: (event) => {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsxRuntime.jsx(IconWithSpinner.IconWithSpinner, { Icon: (props) => (jsxRuntime.jsx(Icon.Icon, { color: 'brand-primary', children: jsxRuntime.jsx(signCircle.ReactComponent, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__body', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', className: 'transaction-confirmation__title', children: title }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: error && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__error', children: jsxRuntime.jsx(Alert.Alert, { icon: 'error', variant: 'error', children: error }) })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__content', children: [jsxRuntime.jsx("div", { className: 'transaction-confirmation__app-origin-tile', children: jsxRuntime.jsx(AppOriginTile.AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }) }), jsxRuntime.jsx("div", { className: 'transaction-confirmation__rows', children: children })] }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: alert && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxRuntime.jsx(SecureTurnkeyWalletCard.SecureTurnkeyWalletCard, { className: 'transaction-confirmation__secure-wallet' }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__actions', children: [onClickClose && (jsxRuntime.jsx(Button.Button, { buttonVariant: 'secondary', onClick: onClickClose, expanded: true, buttonPadding: 'large', disabled: isLoading, children: t('dyn_send_transaction.confirmation.cancel_button') })), jsxRuntime.jsx(Button.Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: (event) => {
                                     onClickSend === null || onClickSend === void 0 ? void 0 : onClickSend(event);
-                                }, expanded: true, loading: isLoading, disabled: disableSendButton, children: t('dyn_send_transaction.confirmation.confirm_button') })] }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' }))] })] }));
+                                }, expanded: true, loading: isLoading, disabled: disableSendButton || isTurnkeyWalletWithoutAuthenticator, children: t('dyn_send_transaction.confirmation.confirm_button') })] }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' }))] })] }));
 };
 exports.TransactionConfirmationPageLayout = TransactionConfirmationPageLayout;

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

@@ -29,14 +29,18 @@ import { Alert } from '../Alert/Alert.js';
 import { AppOriginTile } from '../AppOriginTile/AppOriginTile.js';
 import { Button } from '../Button/Button.js';
 import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
+import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import { SecureTurnkeyWalletCard } from '../SecureTurnkeyWalletCard/SecureTurnkeyWalletCard.js';
+import { PasskeyCreatedSuccessBanner } from '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, title, error, appOrigin, appLogoUrl, appName, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, children, }) => {
     const { t } = useTranslation();
+    const { isTurnkeyWalletWithoutAuthenticator } = useIsTurnkeyWallet();
     const closeButton = onClickClose && (jsx(IconButton, { type: 'button', onClick: onClickClose, "data-testid": 'close', disabled: isLoading, children: jsx(SvgClose, {}) }));
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgChevronLeft, {}) }));
-    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsxs("div", { className: 'transaction-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'transaction-confirmation__title', children: title }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: error && (jsx("div", { className: 'transaction-confirmation__error', children: jsx(Alert, { icon: 'error', variant: 'error', children: error }) })) }), jsxs("div", { className: 'transaction-confirmation__content', children: [jsx("div", { className: 'transaction-confirmation__app-origin-tile', children: jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }) }), jsx("div", { className: 'transaction-confirmation__rows', children: children })] }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: alert && (jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxs("div", { className: 'transaction-confirmation__actions', children: [onClickClose && (jsx(Button, { buttonVariant: 'secondary', onClick: onClickClose, expanded: true, buttonPadding: 'large', disabled: isLoading, children: t('dyn_send_transaction.confirmation.cancel_button') })), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: (event) => {
+    return (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsx(IconWithSpinner, { Icon: (props) => (jsx(Icon, { color: 'brand-primary', children: jsx(SvgSignCircle, Object.assign({}, props)) })), iconSize: 64, isSpinning: true }) }), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'transaction-confirmation__body', children: [jsx(Typography, { variant: 'title', color: 'primary', className: 'transaction-confirmation__title', children: title }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: error && (jsx("div", { className: 'transaction-confirmation__error', children: jsx(Alert, { icon: 'error', variant: 'error', children: error }) })) }), jsxs("div", { className: 'transaction-confirmation__content', children: [jsx("div", { className: 'transaction-confirmation__app-origin-tile', children: jsx(AppOriginTile, { appLogoUrl: appLogoUrl, appName: appName, appOrigin: appOrigin }) }), jsx("div", { className: 'transaction-confirmation__rows', children: children })] }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: alert && (jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsx(SecureTurnkeyWalletCard, { className: 'transaction-confirmation__secure-wallet' }), jsxs("div", { className: 'transaction-confirmation__actions', children: [onClickClose && (jsx(Button, { buttonVariant: 'secondary', onClick: onClickClose, expanded: true, buttonPadding: 'large', disabled: isLoading, children: t('dyn_send_transaction.confirmation.cancel_button') })), jsx(Button, { buttonVariant: 'primary', buttonPadding: 'large', onClick: (event) => {
                                     onClickSend === null || onClickSend === void 0 ? void 0 : onClickSend(event);
-                                }, expanded: true, loading: isLoading, disabled: disableSendButton, children: t('dyn_send_transaction.confirmation.confirm_button') })] }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' }))] })] }));
+                                }, expanded: true, loading: isLoading, disabled: disableSendButton || isTurnkeyWalletWithoutAuthenticator, children: t('dyn_send_transaction.confirmation.confirm_button') })] }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' }))] })] }));
 };
 export { TransactionConfirmationPageLayout };

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

@@ -28,14 +28,21 @@ var PoweredByDynamic = require('../PoweredByDynamic/PoweredByDynamic.cjs');
 var Button = require('../Button/Button.cjs');
 require('@dynamic-labs/multi-wallet');
 require('../../context/ThemeContext/ThemeContext.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
-require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
-require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../context/AccountExistsContext/AccountExistsContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+require('@dynamic-labs/types');
+require('yup');
+require('../../context/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../InlineWidget/InlineWidget.cjs');
@@ -47,23 +54,16 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
-require('yup');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 var TransactionRow = require('../TransactionConfirmationPageLayout/components/TransactionRow/TransactionRow.cjs');

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

@@ -24,14 +24,21 @@ import { PoweredByDynamic } from '../PoweredByDynamic/PoweredByDynamic.js';
 import { Button } from '../Button/Button.js';
 import '@dynamic-labs/multi-wallet';
 import '../../context/ThemeContext/ThemeContext.js';
-import '../../config/ApiEndpoint.js';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
-import '../../context/AccessDeniedContext/AccessDeniedContext.js';
-import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/DynamicContext/DynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
 import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import '@dynamic-labs/types';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../InlineWidget/InlineWidget.js';
@@ -43,23 +50,16 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
-import 'yup';
 import '../OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/MockContext/MockContext.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import { TransactionRow } from '../TransactionConfirmationPageLayout/components/TransactionRow/TransactionRow.js';

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.cjs CHANGED Viewed

@@ -6,33 +6,40 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('@dynamic-labs/utils');
+require('../../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/sdk-api');
-require('../../../config/ApiEndpoint.cjs');
 require('../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('../../../utils/constants/colors.cjs');
 require('../../../shared/utils/classes/storage/localStorage.cjs');
 require('viem');
 require('../../../shared/consts/index.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../../context/DynamicContext/DynamicContext.cjs');
-require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
+require('react-dom');
+require('../../../context/ThemeContext/ThemeContext.cjs');
 var useResizeObserver = require('../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
+require('@dynamic-labs/types');
 var useTransition = require('../../../utils/hooks/useTransition/useTransition.cjs');
-require('react-dom');
+require('yup');
 require('react-i18next');
+require('../../../context/MockContext/MockContext.cjs');
+require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 var classNames = require('../../../utils/functions/classNames/classNames.cjs');
 require('../../Alert/Alert.cjs');
 require('../../ShadowDOM/ShadowDOM.cjs');
 require('../../IconButton/IconButton.cjs');
-require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../InlineWidget/InlineWidget.cjs');
 require('../../MenuList/Dropdown/Dropdown.cjs');
 require('../ZoomTransition/ZoomTransition.cjs');
@@ -42,23 +49,16 @@ require('../../Popper/Popper/Popper.cjs');
 require('../../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
-require('yup');
 require('../../OverlayCard/OverlayCard.context.cjs');
 require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('../../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 const VerticalDrawerTransition = (_a) => {

package/src/lib/components/Transition/VerticalDrawerTransition/VerticalDrawerTransition.js CHANGED Viewed

@@ -2,33 +2,40 @@ import { __rest } from '../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { useRef, useMemo } from 'react';
 import '@dynamic-labs/utils';
+import '../../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../../context/CaptchaContext/CaptchaContext.js';
+import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/sdk-api';
-import '../../../config/ApiEndpoint.js';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/wallet-connector-core';
-import '../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '../../../utils/constants/colors.js';
 import '../../../shared/utils/classes/storage/localStorage.js';
 import 'viem';
 import '../../../shared/consts/index.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../../context/DynamicContext/DynamicContext.js';
-import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
+import 'react-dom';
+import '../../../context/ThemeContext/ThemeContext.js';
 import { useResizeObserver } from '../../../utils/hooks/useResizeObserver/useResizeObserver.js';
+import '@dynamic-labs/types';
 import { useTransition } from '../../../utils/hooks/useTransition/useTransition.js';
-import 'react-dom';
+import 'yup';
 import 'react-i18next';
+import '../../../context/MockContext/MockContext.js';
+import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import { classNames } from '../../../utils/functions/classNames/classNames.js';
 import '../../Alert/Alert.js';
 import '../../ShadowDOM/ShadowDOM.js';
 import '../../IconButton/IconButton.js';
-import '../../../context/ThemeContext/ThemeContext.js';
 import '../../InlineWidget/InlineWidget.js';
 import '../../MenuList/Dropdown/Dropdown.js';
 import '../ZoomTransition/ZoomTransition.js';
@@ -38,23 +45,16 @@ import '../../Popper/Popper/Popper.js';
 import '../../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
-import 'yup';
 import '../../OverlayCard/OverlayCard.context.js';
 import '../../../context/FooterAnimationContext/index.js';
-import '../../../context/MockContext/MockContext.js';
 import '../../../context/QrCodeContext/QrCodeContext.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import '../../../context/CaptchaContext/CaptchaContext.js';
-import '../../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 const VerticalDrawerTransition = (_a) => {

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

@@ -19,20 +19,28 @@ require('../../shared/consts/index.cjs');
 var useFetchNameService = require('../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.cjs');
 var StatusDot = require('../StatusDot/StatusDot.cjs');
 var Typography = require('../Typography/Typography.cjs');
-require('../../config/ApiEndpoint.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../context/ErrorContext/ErrorContext.cjs');
 require('@dynamic-labs/multi-wallet');
-require('@dynamic-labs/rpc-providers');
-require('../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 require('../../context/AccountExistsContext/AccountExistsContext.cjs');
-require('../../context/DynamicContext/DynamicContext.cjs');
-require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('react-dom');
+require('../../context/ThemeContext/ThemeContext.cjs');
+var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
+require('@dynamic-labs/types');
+require('yup');
 require('react-i18next');
+require('../../context/MockContext/MockContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
+require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.cjs');
 require('../Alert/Alert.cjs');
 require('../ShadowDOM/ShadowDOM.cjs');
 require('../IconButton/IconButton.cjs');
-require('../../context/ThemeContext/ThemeContext.cjs');
 require('../InlineWidget/InlineWidget.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
 require('../Transition/ZoomTransition/ZoomTransition.cjs');
@@ -42,24 +50,16 @@ require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
 require('react-focus-lock');
 require('formik');
-require('yup');
 require('../OverlayCard/OverlayCard.context.cjs');
 require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/MockContext/MockContext.cjs');
 require('../../context/QrCodeContext/QrCodeContext.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
-require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('../../context/EmailVerificationContext/EmailVerificationContext.cjs');
 require('qrcode');
 require('../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
-require('@dynamic-labs/types');
-require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.cjs');
-require('../../context/UserFieldEditorContext/UserFieldEditorContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 const UserAddress = ({ userProfile, walletConnector }) => {

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

@@ -15,20 +15,28 @@ import '../../shared/consts/index.js';
 import { useFetchNameService } from '../../widgets/DynamicWidget/hooks/useFetchNameService/useFetchNameService.js';
 import { StatusDot } from '../StatusDot/StatusDot.js';
 import { Typography } from '../Typography/Typography.js';
-import '../../config/ApiEndpoint.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
 import '@dynamic-labs/multi-wallet';
-import '@dynamic-labs/rpc-providers';
-import '../../utils/hooks/useWallets/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../../context/AccessDeniedContext/AccessDeniedContext.js';
 import '../../context/AccountExistsContext/AccountExistsContext.js';
-import '../../context/DynamicContext/DynamicContext.js';
-import '../../context/ErrorContext/ErrorContext.js';
+import '../../config/ApiEndpoint.js';
+import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'react-dom';
+import '../../context/ThemeContext/ThemeContext.js';
+import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
+import '@dynamic-labs/types';
+import 'yup';
 import 'react-i18next';
+import '../../context/MockContext/MockContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../utils/hooks/useWalletConnectorOptions/utils/verifyMagicIsSetup/verifyMagicIsSetup.js';
 import '../Alert/Alert.js';
 import '../ShadowDOM/ShadowDOM.js';
 import '../IconButton/IconButton.js';
-import '../../context/ThemeContext/ThemeContext.js';
 import '../InlineWidget/InlineWidget.js';
 import '../MenuList/Dropdown/Dropdown.js';
 import '../Transition/ZoomTransition/ZoomTransition.js';
@@ -38,24 +46,16 @@ import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
 import 'react-focus-lock';
 import 'formik';
-import 'yup';
 import '../OverlayCard/OverlayCard.context.js';
 import '../../context/FooterAnimationContext/index.js';
-import '../../context/MockContext/MockContext.js';
 import '../../context/QrCodeContext/QrCodeContext.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
-import '../../context/CaptchaContext/CaptchaContext.js';
-import '../../context/EmailVerificationContext/EmailVerificationContext.js';
 import 'qrcode';
 import '../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
-import '@dynamic-labs/types';
-import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/useUpdateUser.js';
-import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 const UserAddress = ({ userProfile, walletConnector }) => {