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

package/src/lib/views/WalletUsedView/WalletUsedView.js

@@ -6,14 +6,17 @@ import { WalletIcon } from '@dynamic-labs/wallet-book';
 import { Typography } from '../../components/Typography/Typography.js';
 import { decodeJwt } from '../../shared/utils/functions/decodeJwt/decodeJwt.js';
 import { logger } from '../../shared/logger.js';
+import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
+import 'ethers';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
 import { storeAuthToken } from '../../utils/functions/storeAuthToken/index.js';
+import '@dynamic-labs/multi-wallet';
 import { getVerifyArgs } from '../../utils/functions/getVerifyArgs/getVerifyArgs.js';
 import { createUserProfile } from '../../utils/functions/createUserProfile/createUserProfile.js';
 import '@dynamic-labs/sdk-api';
@@ -31,13 +34,17 @@ import { isSameWalletName } from '../../utils/functions/isSameWalletName/isSameW
 import { useErrorContext } from '../../context/ErrorContext/ErrorContext.js';
 import { getSiweStatement } from '../../utils/functions/getSiweStatement/getSiweStatement.js';
 import { getWalletProvider } from '../../utils/functions/getWalletProvider/getWalletProvider.js';
-import 'ethers';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../components/IconButton/IconButton.js';
+import { Button } from '../../components/Button/Button.js';
+import '../../components/Alert/Alert.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
-import '@dynamic-labs/wallet-connector-core';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import { Button } from '../../components/Button/Button.js';
-import '../../components/IconButton/IconButton.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
 import { useLoadingContext } from '../../context/LoadingContext/LoadingContext.js';
 
 const WalletUsedView = () => {

package/src/lib/views/viewToComponentMap.cjs

@@ -22,6 +22,7 @@ var WalletList = require('./WalletList/WalletList.cjs');
 var NoAccess = require('./NoAccess/NoAccess.cjs');
 var WalletSignSpinnerView = require('./WalletSignSpinnerView/WalletSignSpinnerView.cjs');
 var WalletUsedView = require('./WalletUsedView/WalletUsedView.cjs');
+var SocialWrongAccountView = require('./SocialWrongAccountView/SocialWrongAccountView.cjs');
 
 const viewToComponentMap = {
     captcha: jsxRuntime.jsx(CaptchaVerifyUser.CaptchaVerifyUser, {}),
@@ -41,6 +42,7 @@ const viewToComponentMap = {
     'pending-signature-without-back-button': jsxRuntime.jsx(PendingSignatureView.PendingSignatureView, {}),
     'qr-code': jsxRuntime.jsx(QrCodeView.QrCodeView, {}),
     'social-redirect-view': jsxRuntime.jsx(SocialRedirectView.SocialRedirectView, {}),
+    'social-wrong-account': jsxRuntime.jsx(SocialWrongAccountView.SocialWrongAccountView, {}),
     'update-email': jsxRuntime.jsx(EmailUpdate.EmailUpdate, {}),
     'verify-email': jsxRuntime.jsx(EmailVerification.EmailVerification, {}),
     'wait-for-email-confirmation-view': jsxRuntime.jsx(EmailConfirmationWaitingView.EmailConfirmationWaitingView, {}),

package/src/lib/views/viewToComponentMap.js

@@ -18,6 +18,7 @@ import { WalletList } from './WalletList/WalletList.js';
 import { NoAccess } from './NoAccess/NoAccess.js';
 import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinnerView.js';
 import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
+import { SocialWrongAccountView } from './SocialWrongAccountView/SocialWrongAccountView.js';
 
 const viewToComponentMap = {
     captcha: jsx(CaptchaVerifyUser, {}),
@@ -37,6 +38,7 @@ const viewToComponentMap = {
     'pending-signature-without-back-button': jsx(PendingSignatureView, {}),
     'qr-code': jsx(QrCodeView, {}),
     'social-redirect-view': jsx(SocialRedirectView, {}),
+    'social-wrong-account': jsx(SocialWrongAccountView, {}),
     'update-email': jsx(EmailUpdate, {}),
     'verify-email': jsx(EmailVerification, {}),
     'wait-for-email-confirmation-view': jsx(EmailConfirmationWaitingView, {}),

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs

@@ -0,0 +1,46 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var IsBrowser = require('../../components/IsBrowser/IsBrowser.cjs');
+require('react');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('../../config/LSSuffix.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('@dynamic-labs/multi-wallet');
+var ShadowDOM = require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../../context/ThemeContext/ThemeContext.cjs');
+require('react-dom');
+require('react-focus-lock');
+require('../../components/Transition/ZoomTransition/ZoomTransition.cjs');
+require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/rpc-providers');
+require('../../context/ErrorContext/ErrorContext.cjs');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/Alert/Alert.cjs');
+require('../../context/MockContext/MockContext.cjs');
+require('../../context/CaptchaContext/CaptchaContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
+var DynamicBridgeWidgetNav = require('./components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.cjs');
+var DynamicBridgeUserProfile = require('./components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.cjs');
+
+const DynamicBridgeWidget = ({ isConnected, }) => (jsxRuntime.jsx(IsBrowser.IsBrowser, { children: jsxRuntime.jsx(ShadowDOM.ShadowDOM, Object.assign({ id: 'dynamic-bridge-widget', className: 'dynamic-widget__container' }, { children: jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [!isConnected && jsxRuntime.jsx("button", { children: "Dynamic Connect button" }), isConnected && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicBridgeWidgetNav.DynamicBridgeWidgetNav, {}), jsxRuntime.jsx(DynamicBridgeUserProfile.DynamicBridgeUserProfile, {})] }))] }) })) }));
+
+exports.DynamicBridgeWidget = DynamicBridgeWidget;

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.d.ts

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+export type DynamicBridgeWidgetVariant = 'modal' | 'dropdown';
+export type DynamicBridgeWidgetProps = {
+    isConnected: boolean;
+};
+export declare const DynamicBridgeWidget: FC<DynamicBridgeWidgetProps>;

package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js

@@ -0,0 +1,42 @@
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+import { IsBrowser } from '../../components/IsBrowser/IsBrowser.js';
+import 'react';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '../../config/LSSuffix.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '@dynamic-labs/multi-wallet';
+import { ShadowDOM } from '../../components/ShadowDOM/ShadowDOM.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import 'react-dom';
+import 'react-focus-lock';
+import '../../components/Transition/ZoomTransition/ZoomTransition.js';
+import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../../components/Transition/OpacityTransition/OpacityTransition.js';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/rpc-providers';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/Alert/Alert.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
+import { DynamicBridgeWidgetNav } from './components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.js';
+import { DynamicBridgeUserProfile } from './components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js';
+
+const DynamicBridgeWidget = ({ isConnected, }) => (jsx(IsBrowser, { children: jsx(ShadowDOM, Object.assign({ id: 'dynamic-bridge-widget', className: 'dynamic-widget__container' }, { children: jsxs(Fragment, { children: [!isConnected && jsx("button", { children: "Dynamic Connect button" }), isConnected && (jsxs(Fragment, { children: [jsx(DynamicBridgeWidgetNav, {}), jsx(DynamicBridgeUserProfile, {})] }))] }) })) }));
+
+export { DynamicBridgeWidget };

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.cjs

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var utils = require('@dynamic-labs/utils');
+var DynamicBridgeWidgetContext = require('../../context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+var DynamicWidgetVariants = require('../../../DynamicWidget/components/DynamicWidgetVariants/DynamicWidgetVariants.cjs');
+var index = require('../../../../shared/consts/index.cjs');
+var DynamicWidgetCard = require('../../../DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.cjs');
+var DynamicBridgeWidgetViews = require('../DynamicBridgeWidgetViews/DynamicBridgeWidgetViews.cjs');
+
+const DynamicBridgeUserProfile = ({ variant: rawVariant, }) => {
+    const { setShowBridgeWidget, showBridgeWidget, widgetRef, events } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
+    const { onDynamicBridgeWidgetClose } = events;
+    const variant = utils.isMobile() ? 'modal' : rawVariant;
+    return (jsxRuntime.jsxs(DynamicWidgetVariants.DynamicWidgetVariants, Object.assign({ transitionEvents: {
+            onUnmount: onDynamicBridgeWidgetClose,
+        }, isOpen: showBridgeWidget, setIsOpen: setShowBridgeWidget, variant: variant, zIndex: index.widgetModalZIndex }, { children: [jsxRuntime.jsx("div", { "data-testid": 'DynamicBridgeUserProfile' }), jsxRuntime.jsx(DynamicWidgetCard.DynamicWidgetCard, Object.assign({ ref: widgetRef }, { children: jsxRuntime.jsx(DynamicBridgeWidgetViews.DynamicBridgeWidgetViews, {}) }))] })));
+};
+
+exports.DynamicBridgeUserProfile = DynamicBridgeUserProfile;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+export type DynamicBridgeUserProfileProps = {
+    variant?: 'modal' | 'dropdown';
+};
+export declare const DynamicBridgeUserProfile: FC<DynamicBridgeUserProfileProps>;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js

@@ -0,0 +1,18 @@
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { isMobile } from '@dynamic-labs/utils';
+import { useDynamicBridgeWidgetContext } from '../../context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+import { DynamicWidgetVariants } from '../../../DynamicWidget/components/DynamicWidgetVariants/DynamicWidgetVariants.js';
+import { widgetModalZIndex } from '../../../../shared/consts/index.js';
+import { DynamicWidgetCard } from '../../../DynamicWidget/components/DynamicWidgetCard/DynamicWidgetCard.js';
+import { DynamicBridgeWidgetViews } from '../DynamicBridgeWidgetViews/DynamicBridgeWidgetViews.js';
+
+const DynamicBridgeUserProfile = ({ variant: rawVariant, }) => {
+    const { setShowBridgeWidget, showBridgeWidget, widgetRef, events } = useDynamicBridgeWidgetContext();
+    const { onDynamicBridgeWidgetClose } = events;
+    const variant = isMobile() ? 'modal' : rawVariant;
+    return (jsxs(DynamicWidgetVariants, Object.assign({ transitionEvents: {
+            onUnmount: onDynamicBridgeWidgetClose,
+        }, isOpen: showBridgeWidget, setIsOpen: setShowBridgeWidget, variant: variant, zIndex: widgetModalZIndex }, { children: [jsx("div", { "data-testid": 'DynamicBridgeUserProfile' }), jsx(DynamicWidgetCard, Object.assign({ ref: widgetRef }, { children: jsx(DynamicBridgeWidgetViews, {}) }))] })));
+};
+
+export { DynamicBridgeUserProfile };

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.cjs

@@ -0,0 +1,9 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const DynamicBridgeWidgetNav = () => (jsxRuntime.jsx("div", Object.assign({ "data-testid": 'BridgeWidgetNav', className: 'bridget-widget-nav' }, { children: "BridgeWidgetNav" })));
+
+exports.DynamicBridgeWidgetNav = DynamicBridgeWidgetNav;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DynamicBridgeWidgetNav: FC;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.js

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const DynamicBridgeWidgetNav = () => (jsx("div", Object.assign({ "data-testid": 'BridgeWidgetNav', className: 'bridget-widget-nav' }, { children: "BridgeWidgetNav" })));
+
+export { DynamicBridgeWidgetNav };

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetViews/DynamicBridgeWidgetViews.cjs

@@ -0,0 +1,27 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var DynamicBridgeWidgetContext = require('../../context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const WalletsView = React__default["default"].lazy(() => Promise.resolve().then(function () { return require('../../views/WalletsView/WalletsView.cjs'); }));
+const EditProfileView = React__default["default"].lazy(() => Promise.resolve().then(function () { return require('../../views/EditProfileView/EditProfileView.cjs'); }));
+const ProfileView = React__default["default"].lazy(() => Promise.resolve().then(function () { return require('../../views/ProfileView/ProfileView.cjs'); }));
+const mapViewToComponent = {
+    'edit-profile': EditProfileView,
+    profile: ProfileView,
+    wallets: WalletsView,
+};
+const DynamicBridgeWidgetViews = () => {
+    const { bridgeWidgetView } = DynamicBridgeWidgetContext.useDynamicBridgeWidgetContext();
+    const View = mapViewToComponent[bridgeWidgetView] || mapViewToComponent.wallets;
+    return jsxRuntime.jsx(View, {});
+};
+
+exports.DynamicBridgeWidgetViews = DynamicBridgeWidgetViews;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetViews/DynamicBridgeWidgetViews.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const DynamicBridgeWidgetViews: FC;

package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeWidgetViews/DynamicBridgeWidgetViews.js

@@ -0,0 +1,19 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default from 'react';
+import { useDynamicBridgeWidgetContext } from '../../context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
+
+const WalletsView = React__default.lazy(() => import('../../views/WalletsView/WalletsView.js'));
+const EditProfileView = React__default.lazy(() => import('../../views/EditProfileView/EditProfileView.js'));
+const ProfileView = React__default.lazy(() => import('../../views/ProfileView/ProfileView.js'));
+const mapViewToComponent = {
+    'edit-profile': EditProfileView,
+    profile: ProfileView,
+    wallets: WalletsView,
+};
+const DynamicBridgeWidgetViews = () => {
+    const { bridgeWidgetView } = useDynamicBridgeWidgetContext();
+    const View = mapViewToComponent[bridgeWidgetView] || mapViewToComponent.wallets;
+    return jsx(View, {});
+};
+
+export { DynamicBridgeWidgetViews };

package/src/lib/widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs

@@ -0,0 +1,45 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+const DynamicBridgeWidgetContext = React__default["default"].createContext(undefined);
+const useDynamicBridgeWidgetContext = () => {
+    const context = React.useContext(DynamicBridgeWidgetContext);
+    if (context === undefined) {
+        throw new Error('usage of useDynamicBridgeWidgetContext not wrapped in `DynamicBridgeWidgetContextProvider`.');
+    }
+    return context;
+};
+const initialView = 'wallets';
+const DynamicBridgeWidgetContextProvider = ({ children, }) => {
+    const widgetRef = React.useRef(null);
+    const inlineControlsRef = React.useRef(null);
+    const { showBridgeWidget, setShowBridgeWidget } = useInternalDynamicContext.useInternalDynamicContext();
+    const [bridgeWidgetView, setBridgeWidgetView] = React.useState(initialView);
+    const onDynamicBridgeWidgetClose = React.useCallback(() => {
+        setBridgeWidgetView(initialView);
+    }, []);
+    const bridgeWidgetRootContextValue = {
+        bridgeWidgetView,
+        events: {
+            onDynamicBridgeWidgetClose,
+        },
+        inlineControlsRef,
+        setShowBridgeWidget,
+        showBridgeWidget,
+        widgetRef,
+    };
+    return (jsxRuntime.jsx(DynamicBridgeWidgetContext.Provider, Object.assign({ value: bridgeWidgetRootContextValue }, { children: children })));
+};
+
+exports.DynamicBridgeWidgetContext = DynamicBridgeWidgetContext;
+exports.DynamicBridgeWidgetContextProvider = DynamicBridgeWidgetContextProvider;
+exports.useDynamicBridgeWidgetContext = useDynamicBridgeWidgetContext;

package/src/lib/widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.d.ts

@@ -0,0 +1,16 @@
+import React, { FC, PropsWithChildren, RefObject } from 'react';
+export type DynamicBridgeWidgetEvents = {
+    onDynamicBridgeWidgetClose: () => void;
+};
+export type DynamicBridgeWidgetContextType = {
+    events: DynamicBridgeWidgetEvents;
+    bridgeWidgetView: DynamicBridgeWidgetContextViews;
+    showBridgeWidget: boolean;
+    setShowBridgeWidget: (state: boolean) => void;
+    widgetRef: RefObject<HTMLDivElement>;
+    inlineControlsRef: RefObject<HTMLDivElement>;
+};
+export declare const DynamicBridgeWidgetContext: React.Context<DynamicBridgeWidgetContextType | undefined>;
+export declare const useDynamicBridgeWidgetContext: () => DynamicBridgeWidgetContextType;
+export type DynamicBridgeWidgetContextViews = 'wallets' | 'profile' | 'edit-profile';
+export declare const DynamicBridgeWidgetContextProvider: FC<PropsWithChildren>;

package/src/lib/widgets/DynamicBridgeWidget/context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js

@@ -0,0 +1,35 @@
+import { jsx } from 'react/jsx-runtime';
+import React__default, { useRef, useState, useCallback, useContext } from 'react';
+import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
+
+const DynamicBridgeWidgetContext = React__default.createContext(undefined);
+const useDynamicBridgeWidgetContext = () => {
+    const context = useContext(DynamicBridgeWidgetContext);
+    if (context === undefined) {
+        throw new Error('usage of useDynamicBridgeWidgetContext not wrapped in `DynamicBridgeWidgetContextProvider`.');
+    }
+    return context;
+};
+const initialView = 'wallets';
+const DynamicBridgeWidgetContextProvider = ({ children, }) => {
+    const widgetRef = useRef(null);
+    const inlineControlsRef = useRef(null);
+    const { showBridgeWidget, setShowBridgeWidget } = useInternalDynamicContext();
+    const [bridgeWidgetView, setBridgeWidgetView] = useState(initialView);
+    const onDynamicBridgeWidgetClose = useCallback(() => {
+        setBridgeWidgetView(initialView);
+    }, []);
+    const bridgeWidgetRootContextValue = {
+        bridgeWidgetView,
+        events: {
+            onDynamicBridgeWidgetClose,
+        },
+        inlineControlsRef,
+        setShowBridgeWidget,
+        showBridgeWidget,
+        widgetRef,
+    };
+    return (jsx(DynamicBridgeWidgetContext.Provider, Object.assign({ value: bridgeWidgetRootContextValue }, { children: children })));
+};
+
+export { DynamicBridgeWidgetContext, DynamicBridgeWidgetContextProvider, useDynamicBridgeWidgetContext };

package/src/lib/widgets/DynamicBridgeWidget/index.d.ts

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

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const EditProfileView = () => jsxRuntime.jsx("p", { children: "Edit Profile View" });
+
+exports.EditProfileView = EditProfileView;
+exports["default"] = EditProfileView;

package/src/lib/widgets/DynamicBridgeWidget/views/EditProfileView/EditProfileView.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const EditProfileView: FC;
+export default EditProfileView;

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

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const EditProfileView = () => jsx("p", { children: "Edit Profile View" });
+
+export { EditProfileView, EditProfileView as default };

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

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const ProfileView = () => jsxRuntime.jsx("p", { children: "Profile View" });
+
+exports.ProfileView = ProfileView;
+exports["default"] = ProfileView;

package/src/lib/widgets/DynamicBridgeWidget/views/ProfileView/ProfileView.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const ProfileView: FC;
+export default ProfileView;

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

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const ProfileView = () => jsx("p", { children: "Profile View" });
+
+export { ProfileView, ProfileView as default };

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/WalletsView.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+
+const WalletsView = () => jsxRuntime.jsx("p", { children: "Wallets View" });
+
+exports.WalletsView = WalletsView;
+exports["default"] = WalletsView;

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/WalletsView.d.ts

@@ -0,0 +1,3 @@
+import { FC } from 'react';
+export declare const WalletsView: FC;
+export default WalletsView;

package/src/lib/widgets/DynamicBridgeWidget/views/WalletsView/WalletsView.js

@@ -0,0 +1,5 @@
+import { jsx } from 'react/jsx-runtime';
+
+const WalletsView = () => jsx("p", { children: "Wallets View" });
+
+export { WalletsView, WalletsView as default };

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

@@ -6,14 +6,17 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 require('@dynamic-labs/sdk-api');
 require('../../shared/logger.cjs');
+require('../../config/LSSuffix.cjs');
 require('@dynamic-labs/iconic');
-require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/wallet-connector-core');
 require('../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');
+require('ethers');
 var index = require('../../shared/utils/hooks/useOnClickOutside/index.cjs');
 require('../../shared/consts/index.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
-require('@dynamic-labs/utils');
+require('@dynamic-labs/multi-wallet');
 var ShadowDOM = require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('react-dom');
@@ -24,13 +27,18 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../context/ErrorContext/ErrorContext.cjs');
-require('ethers');
+require('../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../components/IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/Alert/Alert.cjs');
 require('../../context/MockContext/MockContext.cjs');
 require('../../context/CaptchaContext/CaptchaContext.cjs');
-require('@dynamic-labs/wallet-connector-core');
 require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
 var DynamicConnectButton = require('../../components/DynamicConnectButton/DynamicConnectButton.cjs');
-require('../../components/IconButton/IconButton.cjs');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('formik');
+require('yup');
 var IsBrowser = require('../../components/IsBrowser/IsBrowser.cjs');
 var DynamicNav = require('./components/DynamicNav/DynamicNav.cjs');
 var DynamicUserProfile = require('./components/DynamicUserProfile/DynamicUserProfile.cjs');

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

@@ -2,14 +2,17 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useCallback } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../shared/logger.js';
+import '../../config/LSSuffix.js';
 import '@dynamic-labs/iconic';
-import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/wallet-connector-core';
 import '../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
+import 'ethers';
 import { useOnClickOutside } from '../../shared/utils/hooks/useOnClickOutside/index.js';
 import '../../shared/consts/index.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
-import '@dynamic-labs/utils';
+import '@dynamic-labs/multi-wallet';
 import { ShadowDOM } from '../../components/ShadowDOM/ShadowDOM.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import 'react-dom';
@@ -20,13 +23,18 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../context/ErrorContext/ErrorContext.js';
-import 'ethers';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../components/IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../components/Alert/Alert.js';
 import '../../context/MockContext/MockContext.js';
 import '../../context/CaptchaContext/CaptchaContext.js';
-import '@dynamic-labs/wallet-connector-core';
 import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
 import { DynamicConnectButton } from '../../components/DynamicConnectButton/DynamicConnectButton.js';
-import '../../components/IconButton/IconButton.js';
+import '../../components/Popper/Popper/Popper.js';
+import '../../components/Popper/PopperContext/PopperContext.js';
+import 'formik';
+import 'yup';
 import { IsBrowser } from '../../components/IsBrowser/IsBrowser.js';
 import { DynamicNav } from './components/DynamicNav/DynamicNav.js';
 import { DynamicUserProfile } from './components/DynamicUserProfile/DynamicUserProfile.js';