@dynamic-labs/sdk-react-core 1.1.0-alpha.1 → 1.1.0-alpha.11

package/src/lib/components/SyncPasskeyFlow/SyncPasskeyFlow.js

@@ -48,12 +48,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/Toggle/Toggle.cjs

@@ -0,0 +1,14 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+
+const Toggle = (_a) => {
+    var { icon, variant = 'primary', className } = _a, props = _tslib.__rest(_a, ["icon", "variant", "className"]);
+    return (jsxRuntime.jsxs("label", { className: classNames.classNames('toggle', className), children: [jsxRuntime.jsx("input", Object.assign({ type: 'checkbox', className: 'toggle--input' }, props)), jsxRuntime.jsx("div", { className: classNames.classNames('toggle--content', `toggle--content__variant-${variant}`), children: jsxRuntime.jsx("div", { className: 'toggle--knob', children: icon }) })] }));
+};
+
+exports.Toggle = Toggle;

package/src/lib/components/Toggle/Toggle.d.ts

@@ -0,0 +1,7 @@
+import { ComponentPropsWithoutRef, FC } from 'react';
+type ToggleProps = ComponentPropsWithoutRef<'input'> & {
+    icon?: JSX.Element;
+    variant?: 'primary';
+};
+export declare const Toggle: FC<ToggleProps>;
+export {};

package/src/lib/components/Toggle/Toggle.js

@@ -0,0 +1,10 @@
+import { __rest } from '../../../../_virtual/_tslib.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+
+const Toggle = (_a) => {
+    var { icon, variant = 'primary', className } = _a, props = __rest(_a, ["icon", "variant", "className"]);
+    return (jsxs("label", { className: classNames('toggle', className), children: [jsx("input", Object.assign({ type: 'checkbox', className: 'toggle--input' }, props)), jsx("div", { className: classNames('toggle--content', `toggle--content__variant-${variant}`), children: jsx("div", { className: 'toggle--knob', children: icon }) })] }));
+};
+
+export { Toggle };

package/src/lib/components/Toggle/index.d.ts

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

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

@@ -30,7 +30,6 @@ 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');
@@ -54,12 +53,17 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
+require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');
@@ -67,12 +71,8 @@ require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/
 
 const Tooltip = ({ children, content, className, as: Tag = 'span', copykey, }) => {
     const portalRoot = useElementById.useElementById('dynamic-tooltips');
-    const [childrenHover, childrenHoverHandlers] = useHover.useHover(false, true);
-    const [hoversTooltip, setHoversTooltip] = React.useState(false);
-    const previousHovers = usePrevious.usePrevious(childrenHover);
     const [vector, setVector] = React.useState([0, 0]);
     const childrenRef = React.useRef(null);
-    const tooltipRef = React.useRef(null);
     const [visible, setVisible] = React.useState(false);
     const calcPosition = React.useCallback(() => {
         if (childrenRef.current) {
@@ -83,16 +83,17 @@ const Tooltip = ({ children, content, className, as: Tag = 'span', copykey, }) =
             ]);
         }
     }, []);
-    // Calculates position, and set visibles to true when client hovers children
-    React.useEffect(() => {
-        if (childrenHover || (hoversTooltip && previousHovers)) {
+    const [, childrenHoverHandlers] = useHover.useHover({
+        falseOnClick: true,
+        initialValue: false,
+        onHover: () => {
             calcPosition();
             setVisible(true);
-        }
-        else {
+        },
+        onHoverOff: () => {
             setVisible(false);
-        }
-    }, [calcPosition, childrenHover, hoversTooltip, previousHovers]);
+        },
+    });
     // Updates top/left on initial render, and when window resizes
     React.useEffect(() => {
         calcPosition();
@@ -104,24 +105,9 @@ const Tooltip = ({ children, content, className, as: Tag = 'span', copykey, }) =
             window.removeEventListener('resize', resizeListener);
         };
     }, [calcPosition]);
-    React.useEffect(() => {
-        const tooltip = tooltipRef.current;
-        const onMouseEnter = () => {
-            setHoversTooltip(true);
-        };
-        const onMouseLeave = () => {
-            setHoversTooltip(false);
-        };
-        tooltip === null || tooltip === void 0 ? void 0 : tooltip.addEventListener('mouseenter', onMouseEnter);
-        tooltip === null || tooltip === void 0 ? void 0 : tooltip.addEventListener('mouseleave', onMouseLeave);
-        return () => {
-            tooltip === null || tooltip === void 0 ? void 0 : tooltip.removeEventListener('mouseover', onMouseEnter);
-            tooltip === null || tooltip === void 0 ? void 0 : tooltip.removeEventListener('mouseleave', onMouseLeave);
-        };
-    });
     return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [reactDom.createPortal(jsxRuntime.jsx(ShadowDOM.ShadowDOM, { zIndex: index.tooltipZIndex, children: jsxRuntime.jsxs("div", { "data-testid": 'dynamicTooltip', className: classNames.classNames('dynamic-tooltip', {
                         'dynamic-tooltip--visible': visible,
-                    }, className), style: { left: vector[0], top: vector[1] }, ref: tooltipRef, copykey: copykey, children: [content, jsxRuntime.jsx(tooltipArrow.ReactComponent, { className: 'dynamic-tooltip__arrow' })] }) }), portalRoot.current), jsxRuntime.jsx(Tag, Object.assign({ ref: childrenRef }, childrenHoverHandlers, { children: children }))] }));
+                    }, className), style: { left: vector[0], top: vector[1] }, copykey: copykey, children: [content, jsxRuntime.jsx(tooltipArrow.ReactComponent, { className: 'dynamic-tooltip__arrow' })] }) }), portalRoot.current), jsxRuntime.jsx(Tag, Object.assign({ ref: childrenRef }, childrenHoverHandlers, { children: children }))] }));
 };
 
 exports.Tooltip = Tooltip;

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

@@ -26,7 +26,6 @@ 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';
@@ -50,12 +49,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';
@@ -63,12 +67,8 @@ import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/P
 
 const Tooltip = ({ children, content, className, as: Tag = 'span', copykey, }) => {
     const portalRoot = useElementById('dynamic-tooltips');
-    const [childrenHover, childrenHoverHandlers] = useHover(false, true);
-    const [hoversTooltip, setHoversTooltip] = useState(false);
-    const previousHovers = usePrevious(childrenHover);
     const [vector, setVector] = useState([0, 0]);
     const childrenRef = useRef(null);
-    const tooltipRef = useRef(null);
     const [visible, setVisible] = useState(false);
     const calcPosition = useCallback(() => {
         if (childrenRef.current) {
@@ -79,16 +79,17 @@ const Tooltip = ({ children, content, className, as: Tag = 'span', copykey, }) =
             ]);
         }
     }, []);
-    // Calculates position, and set visibles to true when client hovers children
-    useEffect(() => {
-        if (childrenHover || (hoversTooltip && previousHovers)) {
+    const [, childrenHoverHandlers] = useHover({
+        falseOnClick: true,
+        initialValue: false,
+        onHover: () => {
             calcPosition();
             setVisible(true);
-        }
-        else {
+        },
+        onHoverOff: () => {
             setVisible(false);
-        }
-    }, [calcPosition, childrenHover, hoversTooltip, previousHovers]);
+        },
+    });
     // Updates top/left on initial render, and when window resizes
     useEffect(() => {
         calcPosition();
@@ -100,24 +101,9 @@ const Tooltip = ({ children, content, className, as: Tag = 'span', copykey, }) =
             window.removeEventListener('resize', resizeListener);
         };
     }, [calcPosition]);
-    useEffect(() => {
-        const tooltip = tooltipRef.current;
-        const onMouseEnter = () => {
-            setHoversTooltip(true);
-        };
-        const onMouseLeave = () => {
-            setHoversTooltip(false);
-        };
-        tooltip === null || tooltip === void 0 ? void 0 : tooltip.addEventListener('mouseenter', onMouseEnter);
-        tooltip === null || tooltip === void 0 ? void 0 : tooltip.addEventListener('mouseleave', onMouseLeave);
-        return () => {
-            tooltip === null || tooltip === void 0 ? void 0 : tooltip.removeEventListener('mouseover', onMouseEnter);
-            tooltip === null || tooltip === void 0 ? void 0 : tooltip.removeEventListener('mouseleave', onMouseLeave);
-        };
-    });
     return (jsxs(Fragment, { children: [createPortal(jsx(ShadowDOM, { zIndex: tooltipZIndex, children: jsxs("div", { "data-testid": 'dynamicTooltip', className: classNames('dynamic-tooltip', {
                         'dynamic-tooltip--visible': visible,
-                    }, className), style: { left: vector[0], top: vector[1] }, ref: tooltipRef, copykey: copykey, children: [content, jsx(SvgTooltipArrow, { className: 'dynamic-tooltip__arrow' })] }) }), portalRoot.current), jsx(Tag, Object.assign({ ref: childrenRef }, childrenHoverHandlers, { children: children }))] }));
+                    }, className), style: { left: vector[0], top: vector[1] }, copykey: copykey, children: [content, jsx(SvgTooltipArrow, { className: 'dynamic-tooltip__arrow' })] }) }), portalRoot.current), jsx(Tag, Object.assign({ ref: childrenRef }, childrenHoverHandlers, { children: children }))] }));
 };
 
 export { Tooltip };

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

@@ -57,12 +57,17 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
+require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -53,12 +53,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -52,12 +52,17 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../../OverlayCard/OverlayCard.context.cjs');
-require('../../../context/FooterAnimationContext/index.cjs');
-require('../../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../../views/WalletList/WalletList.cjs');
 require('qrcode');
+require('@hcaptcha/react-hcaptcha');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
+require('../../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -48,12 +48,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../../OverlayCard/OverlayCard.context.js';
-import '../../../context/FooterAnimationContext/index.js';
-import '../../../context/QrCodeContext/QrCodeContext.js';
-import '../../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../../context/FooterAnimationContext/index.js';
+import '../../../context/PasskeyContext/PasskeyContext.js';
+import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

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

@@ -53,12 +53,17 @@ require('react-focus-lock');
 require('formik');
 require('i18next');
 require('../OverlayCard/OverlayCard.context.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
-require('../../context/QrCodeContext/QrCodeContext.cjs');
-require('../../context/WalletGroupContext/WalletGroupContext.cjs');
-require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../views/WalletList/WalletList.cjs');
 require('qrcode');
+require('@hcaptcha/react-hcaptcha');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('@dynamic-labs/viem-utils');

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

@@ -49,12 +49,17 @@ import 'react-focus-lock';
 import 'formik';
 import 'i18next';
 import '../OverlayCard/OverlayCard.context.js';
-import '../../context/FooterAnimationContext/index.js';
-import '../../context/QrCodeContext/QrCodeContext.js';
-import '../../context/WalletGroupContext/WalletGroupContext.js';
-import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../views/WalletList/WalletList.js';
 import 'qrcode';
+import '@hcaptcha/react-hcaptcha';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfile/parts/UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import '@dynamic-labs/viem-utils';

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.cjs

@@ -40,25 +40,30 @@ require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var VerifiedEmailIcon = require('./components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
+require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
+require('../../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const UserProfileField = ({ name, label, value, copykey, }) => {
     const isEmpty = value === '';

package/src/lib/components/UserProfile/parts/UserProfileField/UserProfileField.js

@@ -36,25 +36,30 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { VerifiedEmailIcon } from './components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
+import '../../../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const UserProfileField = ({ name, label, value, copykey, }) => {
     const isEmpty = value === '';

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.cjs

@@ -40,25 +40,30 @@ require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
-require('qrcode');
+require('react-focus-lock');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 require('i18next');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 require('formik');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
+require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
+require('../../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 
 const UserProfileSection = ({ title, children, }) => (jsxRuntime.jsxs("div", { className: 'user-profile-section', children: [title && (jsxRuntime.jsx(Typography.Typography, { as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title', children: title })), children] }));
 

package/src/lib/components/UserProfile/parts/UserProfileSection/UserProfileSection.js

@@ -36,25 +36,30 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
-import 'qrcode';
+import 'react-focus-lock';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import 'i18next';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import 'formik';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
+import '../../../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 
 const UserProfileSection = ({ title, children, }) => (jsxs("div", { className: 'user-profile-section', children: [title && (jsx(Typography, { as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title', children: title })), children] }));
 

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.cjs

@@ -42,15 +42,15 @@ require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
 require('../../../OverlayCard/OverlayCard.context.cjs');
 require('../../../../context/FooterAnimationContext/index.cjs');
-require('../../../../context/QrCodeContext/QrCodeContext.cjs');
 var Typography = require('../../../Typography/Typography.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
-require('qrcode');
 require('../../../../context/LoadingContext/LoadingContext.cjs');
 var Icon = require('../../../Icon/Icon.cjs');
 var helpers = require('../../../../widgets/DynamicWidget/helpers/helpers.cjs');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 require('../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 var ConnectedAccountAvatar = require('./components/ConnectedAccountAvatar/ConnectedAccountAvatar.cjs');
@@ -58,13 +58,19 @@ require('formik');
 var Button = require('../../../Button/Button.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../Alert/Alert.cjs');
+require('../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
 require('@dynamic-labs/viem-utils');
+require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../MenuList/Dropdown/Dropdown.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('react-focus-lock');
+require('../../../../views/WalletList/WalletList.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs');
+require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@dynamic-labs/types');
 
 const UserProfileSocialAccount = ({ provider, }) => {
     var _a;

package/src/lib/components/UserProfile/parts/UserProfileSocialAccount/UserProfileSocialAccount.js

@@ -38,15 +38,15 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../ShadowDOM/ShadowDOM.js';
 import '../../../OverlayCard/OverlayCard.context.js';
 import '../../../../context/FooterAnimationContext/index.js';
-import '../../../../context/QrCodeContext/QrCodeContext.js';
 import { Typography } from '../../../Typography/Typography.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
 import '../../../../context/ThemeContext/ThemeContext.js';
-import 'qrcode';
 import '../../../../context/LoadingContext/LoadingContext.js';
 import { Icon } from '../../../Icon/Icon.js';
 import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.js';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import '../UserProfileField/components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 import { ConnectedAccountAvatar } from './components/ConnectedAccountAvatar/ConnectedAccountAvatar.js';
@@ -54,13 +54,19 @@ import 'formik';
 import { Button } from '../../../Button/Button.js';
 import '../../../IconButton/IconButton.js';
 import '../../../Alert/Alert.js';
+import '../../../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
 import '@dynamic-labs/viem-utils';
+import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../MenuList/Dropdown/Dropdown.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'react-focus-lock';
+import '../../../../views/WalletList/WalletList.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@dynamic-labs/types';
 
 const UserProfileSocialAccount = ({ provider, }) => {
     var _a;