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

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

@@ -0,0 +1,51 @@
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { ModalHeader } from '../ModalHeader/ModalHeader.js';
+import { IconButton } from '../IconButton/IconButton.js';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import '../../context/ViewContext/ViewContext.js';
+import 'react';
+import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
+import { ReactComponent as SvgCheck } from '../../shared/assets/check.js';
+import { ReactComponent as SvgSignCircle } from '../../shared/assets/sign-circle.js';
+import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import 'ethers';
+import '../../shared/consts/index.js';
+import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';
+import { Typography } from '../Typography/Typography.js';
+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 '../../context/DynamicContext/DynamicContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import 'react-dom';
+import '../ShadowDOM/ShadowDOM.js';
+import 'react-focus-lock';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../Alert/Alert.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+import '@dynamic-labs/wallet-book';
+import '../SendBalanceForm/SendBalanceForm.js';
+import '../../context/MockContext/MockContext.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
+import { TransactionRow } from '../TransactionConfirmationPageLayout/components/TransactionRow/TransactionRow.js';
+
+const TransactionStatusLayout = ({ destinationAddress, amount, networkName, networkCurrency, NetworkIcon, onDone, displayPoweredByDynamicFooter = true, onClickClose, }) => {
+    const closeButton = onClickClose && (jsx(IconButton, Object.assign({ type: 'button', onClick: onClickClose, "data-testid": 'close' }, { children: jsx(SvgClose, {}) })));
+    const networkIcon = (jsx("div", Object.assign({ className: 'transaction-status-layout__network-icon' }, { children: NetworkIcon })));
+    return (jsxs("div", Object.assign({ className: 'transaction-status-layout' }, { children: [jsx(ModalHeader, Object.assign({ trailing: closeButton, alignContent: 'bottom' }, { children: jsx(IconWithStatus, { containerClassName: 'transaction-status-layout__status-icon', iconSize: 50, Icon: SvgSignCircle, InnerIcon: SvgCheck }) })), jsxs("div", Object.assign({ className: 'transaction-status-layout__body' }, { children: [jsx(Typography, Object.assign({ weight: 'medium', variant: 'title', color: 'primary', className: 'transaction-status-layout__title' }, { children: "Transaction successfully sent" })), jsx("div", Object.assign({ className: 'transaction-status-layout__content' }, { children: jsxs("div", Object.assign({ className: 'transaction-status-layout__rows' }, { children: [jsx(TransactionRow, Object.assign({ label: 'Recipient' }, { children: shortenWalletAddress(destinationAddress, 3, 3) })), jsxs(TransactionRow, Object.assign({ label: 'Network' }, { children: [networkIcon, jsx("span", Object.assign({ className: 'transaction-status-layout__network-name' }, { children: networkName }))] })), jsxs(TransactionRow, Object.assign({ label: 'Total amount' }, { children: [amount, jsx(Typography, Object.assign({ as: 'span', color: 'secondary', className: 'transaction-status-layout__network-currency' }, { children: networkCurrency }))] }))] })) })), jsx("div", Object.assign({ className: 'transaction-status-layout__actions' }, { children: jsx(Button, Object.assign({ buttonVariant: 'primary', buttonPadding: 'large', expanded: true, buttonRounded: 'default', onClick: onDone }, { children: "Continue" })) })), displayPoweredByDynamicFooter && (jsx("div", Object.assign({ className: 'transaction-status-layout__footer' }, { children: jsx(PoweredByDynamic, {}) })))] }))] })));
+};
+
+export { TransactionStatusLayout };

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

@@ -19,6 +19,7 @@ require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
 require('../../../context/DynamicContext/DynamicContext.cjs');
 require('../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
 var useResizeObserver = require('../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
 var useTransition = require('../../../utils/hooks/useTransition/useTransition.cjs');
 require('react-dom');
@@ -31,9 +32,9 @@ require('../SlideInUpTransition/SlideInUpTransition.cjs');
 require('../OpacityTransition/OpacityTransition.cjs');
 require('../../IconButton/IconButton.cjs');
 require('../../Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../Popper/Popper/Popper.cjs');
 require('../../Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../SendBalanceForm/SendBalanceForm.cjs');
 require('../../../context/MockContext/MockContext.cjs');
 require('../../../context/CaptchaContext/CaptchaContext.cjs');

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

@@ -15,6 +15,7 @@ import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
 import '../../../context/DynamicContext/DynamicContext.js';
 import '../../../context/ErrorContext/ErrorContext.js';
+import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
 import { useResizeObserver } from '../../../utils/hooks/useResizeObserver/useResizeObserver.js';
 import { useTransition } from '../../../utils/hooks/useTransition/useTransition.js';
 import 'react-dom';
@@ -27,9 +28,9 @@ import '../SlideInUpTransition/SlideInUpTransition.js';
 import '../OpacityTransition/OpacityTransition.js';
 import '../../IconButton/IconButton.js';
 import '../../Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
 import '../../Popper/Popper/Popper.js';
 import '../../Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../SendBalanceForm/SendBalanceForm.js';
 import '../../../context/MockContext/MockContext.js';
 import '../../../context/CaptchaContext/CaptchaContext.js';

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

@@ -26,14 +26,15 @@ require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../IconButton/IconButton.cjs');
-require('../../../Alert/Alert.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../SendBalanceForm/SendBalanceForm.cjs');
 var VerifiedEmailIcon = require('./components/VerifiedEmailIcon/VerifiedEmailIcon.cjs');
 

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

@@ -22,14 +22,15 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../../Alert/Alert.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../IconButton/IconButton.js';
-import '../../../Alert/Alert.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../SendBalanceForm/SendBalanceForm.js';
 import { VerifiedEmailIcon } from './components/VerifiedEmailIcon/VerifiedEmailIcon.js';
 

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

@@ -26,16 +26,17 @@ require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../../config/ApiEndpoint.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../../Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-require('../../../IconButton/IconButton.cjs');
-require('../../../Alert/Alert.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../SendBalanceForm/SendBalanceForm.cjs');
 
-const UserProfileSection = ({ title, children, }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'user-profile-section' }, { children: [title && (jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', className: 'user-profile-section__title' }, { children: title }))), children] })));
+const UserProfileSection = ({ title, children, }) => (jsxRuntime.jsxs("div", Object.assign({ className: 'user-profile-section' }, { children: [title && (jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title' }, { children: title }))), children] })));
 
 exports.UserProfileSection = UserProfileSection;

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

@@ -22,16 +22,17 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import '../../../../config/ApiEndpoint.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import '../../../Alert/Alert.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import '../../../IconButton/IconButton.js';
-import '../../../Alert/Alert.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../SendBalanceForm/SendBalanceForm.js';
 
-const UserProfileSection = ({ title, children, }) => (jsxs("div", Object.assign({ className: 'user-profile-section' }, { children: [title && (jsx(Typography, Object.assign({ as: 'h6', color: 'secondary', weight: 'regular', variant: 'body_small', className: 'user-profile-section__title' }, { children: title }))), children] })));
+const UserProfileSection = ({ title, children, }) => (jsxs("div", Object.assign({ className: 'user-profile-section' }, { children: [title && (jsx(Typography, Object.assign({ as: 'h6', color: 'secondary', weight: 'medium', variant: 'body_small', className: 'user-profile-section__title' }, { children: title }))), children] })));
 
 export { UserProfileSection };

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

@@ -30,15 +30,16 @@ require('../../../Transition/OpacityTransition/OpacityTransition.cjs');
 var api = require('../../../../data/api.cjs');
 require('@dynamic-labs/rpc-providers');
 require('../../../../context/ErrorContext/ErrorContext.cjs');
+require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
+require('../../../IconButton/IconButton.cjs');
+require('@dynamic-labs/wallet-book');
+var Button = require('../../../Button/Button.cjs');
+require('../../../Alert/Alert.cjs');
 require('../../../../context/MockContext/MockContext.cjs');
 require('../../../../context/CaptchaContext/CaptchaContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
-var Button = require('../../../Button/Button.cjs');
-require('../../../IconButton/IconButton.cjs');
-require('../../../Alert/Alert.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../SendBalanceForm/SendBalanceForm.cjs');
 var helpers = require('../../../../widgets/DynamicWidget/helpers/helpers.cjs');
 var useUpdateUserProfileByJWTCallback = require('../../../../utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.cjs');

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

@@ -26,15 +26,16 @@ import '../../../Transition/OpacityTransition/OpacityTransition.js';
 import { unlinkOAuth, verifyOAuth } from '../../../../data/api.js';
 import '@dynamic-labs/rpc-providers';
 import '../../../../context/ErrorContext/ErrorContext.js';
+import '../../../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../../IconButton/IconButton.js';
+import '@dynamic-labs/wallet-book';
+import { Button } from '../../../Button/Button.js';
+import '../../../Alert/Alert.js';
 import '../../../../context/MockContext/MockContext.js';
 import '../../../../context/CaptchaContext/CaptchaContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
-import { Button } from '../../../Button/Button.js';
-import '../../../IconButton/IconButton.js';
-import '../../../Alert/Alert.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../SendBalanceForm/SendBalanceForm.js';
 import { capitalize } from '../../../../widgets/DynamicWidget/helpers/helpers.js';
 import { useUpdateUserProfileByJWTCallback } from '../../../../utils/hooks/useUpdateUserProfileByJWTCallback/useUpdateUserProfileByJWTCallback.js';

package/src/lib/components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.cjs

@@ -0,0 +1,36 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var walletBook = require('@dynamic-labs/wallet-book');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+require('../../utils/constants/colors.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
+require('react');
+require('ethers');
+var pixelToRem = require('../../utils/functions/pixelToRem/pixelToRem.cjs');
+var getReferencedAccount = require('../../utils/functions/getReferencedAccount/getReferencedAccount.cjs');
+var getSocialIcon = require('../../utils/functions/getSocialIcon/getSocialIcon.cjs');
+var IconWithStatus = require('../IconWithStatus/IconWithStatus.cjs');
+var useInternalDynamicContext = require('../../context/DynamicContext/useInternalDynamicContext.cjs');
+
+const WalletOrSocialMagicIcon = ({ jwt, iconSize = 64, showInnerMagicIcon, }) => {
+    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    if (!primaryWallet) {
+        return null;
+    }
+    if (walletConnectorCore.isSocialWalletConnector(primaryWallet.connector)) {
+        const socialAccountDataForWallet = getReferencedAccount.getReferencedAccount(jwt, primaryWallet.id);
+        const MagicSocialWalletIcon = getSocialIcon.getSocialIcon(socialAccountDataForWallet === null || socialAccountDataForWallet === void 0 ? void 0 : socialAccountDataForWallet.oauthProvider);
+        return showInnerMagicIcon ? (jsxRuntime.jsx(IconWithStatus.IconWithStatus, { iconSize: iconSize, Icon: MagicSocialWalletIcon, primaryWalletName: primaryWallet.connector.name })) : (jsxRuntime.jsx(MagicSocialWalletIcon, { style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
+    }
+    return (jsxRuntime.jsx(walletBook.WalletIcon, { walletName: primaryWallet.connector.name, style: { height: pixelToRem.pixelToRem(iconSize), width: pixelToRem.pixelToRem(iconSize) } }));
+};
+
+exports.WalletOrSocialMagicIcon = WalletOrSocialMagicIcon;

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

@@ -0,0 +1,8 @@
+import { FC } from 'react';
+type Props = {
+    iconSize?: number;
+    jwt: string | undefined;
+    showInnerMagicIcon?: boolean;
+};
+export declare const WalletOrSocialMagicIcon: FC<Props>;
+export {};

package/src/lib/components/WalletOrSocialMagicIcon/WalletOrSocialMagicIcon.js

@@ -0,0 +1,32 @@
+import { jsx } from 'react/jsx-runtime';
+import { WalletIcon } from '@dynamic-labs/wallet-book';
+import { isSocialWalletConnector } from '@dynamic-labs/wallet-connector-core';
+import '../../utils/constants/colors.js';
+import '@dynamic-labs/multi-wallet';
+import '@dynamic-labs/utils';
+import '@dynamic-labs/sdk-api';
+import '../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
+import 'react';
+import 'ethers';
+import { pixelToRem } from '../../utils/functions/pixelToRem/pixelToRem.js';
+import { getReferencedAccount } from '../../utils/functions/getReferencedAccount/getReferencedAccount.js';
+import { getSocialIcon } from '../../utils/functions/getSocialIcon/getSocialIcon.js';
+import { IconWithStatus } from '../IconWithStatus/IconWithStatus.js';
+import { useInternalDynamicContext } from '../../context/DynamicContext/useInternalDynamicContext.js';
+
+const WalletOrSocialMagicIcon = ({ jwt, iconSize = 64, showInnerMagicIcon, }) => {
+    const { primaryWallet } = useInternalDynamicContext();
+    if (!primaryWallet) {
+        return null;
+    }
+    if (isSocialWalletConnector(primaryWallet.connector)) {
+        const socialAccountDataForWallet = getReferencedAccount(jwt, primaryWallet.id);
+        const MagicSocialWalletIcon = getSocialIcon(socialAccountDataForWallet === null || socialAccountDataForWallet === void 0 ? void 0 : socialAccountDataForWallet.oauthProvider);
+        return showInnerMagicIcon ? (jsx(IconWithStatus, { iconSize: iconSize, Icon: MagicSocialWalletIcon, primaryWalletName: primaryWallet.connector.name })) : (jsx(MagicSocialWalletIcon, { style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
+    }
+    return (jsx(WalletIcon, { walletName: primaryWallet.connector.name, style: { height: pixelToRem(iconSize), width: pixelToRem(iconSize) } }));
+};
+
+export { WalletOrSocialMagicIcon };

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

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

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+
+const AccessDeniedContext = React.createContext(undefined);
+const AccessDeniedContextProvider = ({ children, }) => {
+    const [deniedAddress, setDeniedAddress] = React.useState('');
+    const value = React.useMemo(() => ({ deniedAddress, setDeniedAddress }), [deniedAddress]);
+    return (jsxRuntime.jsx(AccessDeniedContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+const useAccessDeniedContext = () => {
+    const context = React.useContext(AccessDeniedContext);
+    if (context === undefined) {
+        throw new Error('usage of useAccessDeniedContext not wrapped in `AccessDeniedContextProvider`.');
+    }
+    return context;
+};
+
+exports.AccessDeniedContext = AccessDeniedContext;
+exports.AccessDeniedContextProvider = AccessDeniedContextProvider;
+exports.useAccessDeniedContext = useAccessDeniedContext;

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+export type AccessDeniedContextType = {
+    deniedAddress: string;
+    setDeniedAddress(address: string): void;
+};
+export declare const AccessDeniedContext: import("react").Context<AccessDeniedContextType | undefined>;
+export declare const AccessDeniedContextProvider: ({ children, }: {
+    children: ReactNode;
+}) => JSX.Element;
+export declare const useAccessDeniedContext: () => AccessDeniedContextType;

package/src/lib/context/AccessDeniedContext/AccessDeniedContext.js

@@ -0,0 +1,18 @@
+import { jsx } from 'react/jsx-runtime';
+import { createContext, useState, useMemo, useContext } from 'react';
+
+const AccessDeniedContext = createContext(undefined);
+const AccessDeniedContextProvider = ({ children, }) => {
+    const [deniedAddress, setDeniedAddress] = useState('');
+    const value = useMemo(() => ({ deniedAddress, setDeniedAddress }), [deniedAddress]);
+    return (jsx(AccessDeniedContext.Provider, Object.assign({ value: value }, { children: children })));
+};
+const useAccessDeniedContext = () => {
+    const context = useContext(AccessDeniedContext);
+    if (context === undefined) {
+        throw new Error('usage of useAccessDeniedContext not wrapped in `AccessDeniedContextProvider`.');
+    }
+    return context;
+};
+
+export { AccessDeniedContext, AccessDeniedContextProvider, useAccessDeniedContext };

package/src/lib/context/AccessDeniedContext/index.d.ts

@@ -0,0 +1 @@
+export * from './AccessDeniedContext';

package/src/lib/context/DynamicContext/DynamicContext.cjs

@@ -27,6 +27,7 @@ require('@dynamic-labs/multi-wallet');
 var getAuthToken = require('../../utils/functions/getAuthToken/getAuthToken.cjs');
 require('@dynamic-labs/sdk-api');
 var ErrorContext = require('../ErrorContext/ErrorContext.cjs');
+var AccessDeniedContext = require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('react-dom');
 var useWalletUiUtils = require('../../utils/hooks/useWalletUiUtils/useWalletUiUtils.cjs');
 require('../MockContext/MockContext.cjs');
@@ -58,9 +59,9 @@ require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var FundingContext = require('../FundingContext/FundingContext.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
@@ -70,6 +71,7 @@ require('../../components/UserProfile/parts/UserProfileField/components/Verified
 require('formik');
 require('yup');
 var FundingWidget = require('../../widgets/FundingWidget/FundingWidget.cjs');
+var SendBalanceContext = require('../SendBalanceContext/SendBalanceContext.cjs');
 var helpers = require('./helpers.cjs');
 var validators = require('./validators.cjs');
 var useCustomerCallbacks = require('./useCustomerCallbacks/useCustomerCallbacks.cjs');
@@ -490,7 +492,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsxs(FundingContext.FundingContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) })) }) })) })));
+    return (jsxRuntime.jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsxRuntime.jsx(ThemeContext.ThemeContextProvider, Object.assign({ customerTheme: parseTheme.parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsxRuntime.jsx(LoadingContext.LoadingContextProvider, { children: jsxRuntime.jsx(ViewContext.ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsxRuntime.jsx(QrCodeContext.QrCodeContextProvider, { children: jsxRuntime.jsx(EmailVerificationContext.EmailVerificationContextProvider, { children: jsxRuntime.jsx(ErrorContext.ErrorContextProvider, { children: jsxRuntime.jsx(DynamicWidgetContext.DynamicWidgetContextProvider, { children: jsxRuntime.jsx(CaptchaContext.CaptchaContextProvider, { children: jsxRuntime.jsx(FundingContext.FundingContextProvider, { children: jsxRuntime.jsx(AccessDeniedContext.AccessDeniedContextProvider, { children: jsxRuntime.jsxs(SendBalanceContext.SendBalanceContextProvider, { children: [jsxRuntime.jsx(app.DynamicAuthFlow, {}), jsxRuntime.jsx(Toolkit.Toolkit, {}), jsxRuntime.jsx(FundingWidget.FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) })) }) })) })));
 };
 
 exports.DynamicContext = DynamicContext;

package/src/lib/context/DynamicContext/DynamicContext.d.ts

@@ -27,6 +27,7 @@ export interface IDynamicContext {
     consumeNonce: () => string | undefined;
     cssOverrides?: string | JSX.Element;
     debugError: boolean;
+    decodedAuthToken: Omit<DynamicJwt, 'jwt'> | undefined;
     decodedOnboardingOnlyToken: Omit<DynamicJwt, 'jwt'> | undefined;
     defaultNumberOfWalletsToShow: number;
     desktopUri: string;

package/src/lib/context/DynamicContext/DynamicContext.js

@@ -23,6 +23,7 @@ import '@dynamic-labs/multi-wallet';
 import { getAuthToken } from '../../utils/functions/getAuthToken/getAuthToken.js';
 import '@dynamic-labs/sdk-api';
 import { ErrorContextProvider } from '../ErrorContext/ErrorContext.js';
+import { AccessDeniedContextProvider } from '../AccessDeniedContext/AccessDeniedContext.js';
 import 'react-dom';
 import { useWalletUiUtils } from '../../utils/hooks/useWalletUiUtils/useWalletUiUtils.js';
 import '../MockContext/MockContext.js';
@@ -54,9 +55,9 @@ import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { FundingContextProvider } from '../FundingContext/FundingContext.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
@@ -66,6 +67,7 @@ import '../../components/UserProfile/parts/UserProfileField/components/VerifiedE
 import 'formik';
 import 'yup';
 import { FundingWidget } from '../../widgets/FundingWidget/FundingWidget.js';
+import { SendBalanceContextProvider } from '../SendBalanceContext/SendBalanceContext.js';
 import { initExpirationTime } from './helpers.js';
 import { validateAuthUser } from './validators.js';
 import { useCustomerCallbacks } from './useCustomerCallbacks/useCustomerCallbacks.js';
@@ -486,7 +488,7 @@ const DynamicContextProvider = ({ settings: { accessDeniedMessagePrimary, access
             setShowDynamicUserProfile(true);
         }
     }, [multiWallet, multiWalletWidgetState, showDynamicUserProfile, user]);
-    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsxs(FundingContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) })) }) })) })));
+    return (jsx(DynamicContext.Provider, Object.assign({ value: value }, { children: jsx(ThemeContextProvider, Object.assign({ customerTheme: parseTheme(theme, ((_e = projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design) === null || _e === void 0 ? void 0 : _e.modal) || undefined), designSettings: projectSettings === null || projectSettings === void 0 ? void 0 : projectSettings.design }, { children: jsx(LoadingContextProvider, { children: jsx(ViewContextProvider, Object.assign({ loginWithEmail: loginWithEmail }, { children: jsx(QrCodeContextProvider, { children: jsx(EmailVerificationContextProvider, { children: jsx(ErrorContextProvider, { children: jsx(DynamicWidgetContextProvider, { children: jsx(CaptchaContextProvider, { children: jsx(FundingContextProvider, { children: jsx(AccessDeniedContextProvider, { children: jsxs(SendBalanceContextProvider, { children: [jsx(DynamicAuthFlow, {}), jsx(Toolkit, {}), jsx(FundingWidget, {}), confirmationModal, children] }) }) }) }) }) }) }) }) })) }) })) })));
 };
 
 export { DynamicContext, DynamicContextProvider };

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.cjs

@@ -18,6 +18,7 @@ require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
 require('../DynamicContext.cjs');
 require('../../ErrorContext/ErrorContext.cjs');
+require('../../AccessDeniedContext/AccessDeniedContext.cjs');
 var usePrevious = require('../../../utils/hooks/usePrevious/usePrevious.cjs');
 require('react-dom');
 require('../../../components/ShadowDOM/ShadowDOM.cjs');
@@ -28,9 +29,9 @@ require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.
 require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../../components/IconButton/IconButton.cjs');
 require('../../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../../components/Popper/Popper/Popper.cjs');
 require('../../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../../components/SendBalanceForm/SendBalanceForm.cjs');
 require('../../MockContext/MockContext.cjs');
 require('../../CaptchaContext/CaptchaContext.cjs');

package/src/lib/context/DynamicContext/useCustomerCallbacks/useCustomerAuthFlowCallbacks.js

@@ -14,6 +14,7 @@ import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
 import '../DynamicContext.js';
 import '../../ErrorContext/ErrorContext.js';
+import '../../AccessDeniedContext/AccessDeniedContext.js';
 import { usePrevious } from '../../../utils/hooks/usePrevious/usePrevious.js';
 import 'react-dom';
 import '../../../components/ShadowDOM/ShadowDOM.js';
@@ -24,9 +25,9 @@ import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.j
 import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../../components/IconButton/IconButton.js';
 import '../../../components/Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
 import '../../../components/Popper/Popper/Popper.js';
 import '../../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../../components/SendBalanceForm/SendBalanceForm.js';
 import '../../MockContext/MockContext.js';
 import '../../CaptchaContext/CaptchaContext.js';

package/src/lib/context/QrCodeContext/QrCodeContext.cjs

@@ -18,6 +18,7 @@ require('@dynamic-labs/multi-wallet');
 require('@dynamic-labs/rpc-providers');
 require('../DynamicContext/DynamicContext.cjs');
 require('../ErrorContext/ErrorContext.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
 require('react-dom');
 require('../../components/ShadowDOM/ShadowDOM.cjs');
 require('../ThemeContext/ThemeContext.cjs');
@@ -27,9 +28,9 @@ require('../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs
 require('../../components/Transition/OpacityTransition/OpacityTransition.cjs');
 require('../../components/IconButton/IconButton.cjs');
 require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
 require('../../components/Popper/Popper/Popper.cjs');
 require('../../components/Popper/PopperContext/PopperContext.cjs');
-require('@dynamic-labs/wallet-book');
 require('../../components/SendBalanceForm/SendBalanceForm.cjs');
 var useDefaultQrCode = require('../../utils/hooks/useDefaultQrCode/useDefaultQrCode.cjs');
 require('../MockContext/MockContext.cjs');

package/src/lib/context/QrCodeContext/QrCodeContext.js

@@ -14,6 +14,7 @@ import '@dynamic-labs/multi-wallet';
 import '@dynamic-labs/rpc-providers';
 import '../DynamicContext/DynamicContext.js';
 import '../ErrorContext/ErrorContext.js';
+import '../AccessDeniedContext/AccessDeniedContext.js';
 import 'react-dom';
 import '../../components/ShadowDOM/ShadowDOM.js';
 import '../ThemeContext/ThemeContext.js';
@@ -23,9 +24,9 @@ import '../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
 import '../../components/Transition/OpacityTransition/OpacityTransition.js';
 import '../../components/IconButton/IconButton.js';
 import '../../components/Alert/Alert.js';
+import '@dynamic-labs/wallet-book';
 import '../../components/Popper/Popper/Popper.js';
 import '../../components/Popper/PopperContext/PopperContext.js';
-import '@dynamic-labs/wallet-book';
 import '../../components/SendBalanceForm/SendBalanceForm.js';
 import { useDefaultQrCode } from '../../utils/hooks/useDefaultQrCode/useDefaultQrCode.js';
 import '../MockContext/MockContext.js';

package/src/lib/context/SendBalanceContext/SendBalanceContext.cjs

@@ -0,0 +1,72 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.cjs');
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
+var useInternalDynamicContext = require('../DynamicContext/useInternalDynamicContext.cjs');
+require('@dynamic-labs/utils');
+require('@dynamic-labs/sdk-api');
+require('../../config/ApiEndpoint.cjs');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('../ViewContext/ViewContext.cjs');
+require('../../utils/constants/colors.cjs');
+require('ethers');
+require('../../shared/consts/index.cjs');
+require('@dynamic-labs/multi-wallet');
+require('@dynamic-labs/rpc-providers');
+require('../ErrorContext/ErrorContext.cjs');
+require('../AccessDeniedContext/AccessDeniedContext.cjs');
+var useConfirmationModal = require('../../utils/hooks/useConfirmationModal/useConfirmationModal.cjs');
+require('../../components/ShadowDOM/ShadowDOM.cjs');
+require('../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('../../components/IconButton/IconButton.cjs');
+require('../../components/Alert/Alert.cjs');
+require('@dynamic-labs/wallet-book');
+require('../../components/Popper/Popper/Popper.cjs');
+require('../../components/Popper/PopperContext/PopperContext.cjs');
+require('../../components/SendBalanceForm/SendBalanceForm.cjs');
+var SendBalanceModal = require('../../modals/SendBalanceModal/SendBalanceModal.cjs');
+require('../MockContext/MockContext.cjs');
+require('../CaptchaContext/CaptchaContext.cjs');
+require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
+var SendBalanceContext_errors = require('./SendBalanceContext.errors.cjs');
+
+const sendBalanceContext = React.createContext(undefined);
+const SendBalanceContextProvider = ({ children, }) => {
+    const { primaryWallet } = useInternalDynamicContext.useInternalDynamicContext();
+    const { Provider } = sendBalanceContext;
+    const { open, modal } = useConfirmationModal.useConfirmationModal({
+        elementId: 'dynamic-send-balance',
+    });
+    const openSendBalanceModal = React.useCallback((props) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
+        return open((resolve, reject) => {
+            if (!primaryWallet) {
+                throw SendBalanceContext_errors.noWalletError;
+            }
+            if (!walletConnectorCore.isEmbeddedConnector(primaryWallet.connector)) {
+                throw SendBalanceContext_errors.invalidWalletTypeError;
+            }
+            return (jsxRuntime.jsx(SendBalanceModal.SendBalanceModal, { onReject: reject, onSuccess: resolve, initialRecipientAddress: props === null || props === void 0 ? void 0 : props.recipientAddress, initialValue: props === null || props === void 0 ? void 0 : props.value }));
+        });
+    }), [open, primaryWallet]);
+    return (jsxRuntime.jsxs(Provider, Object.assign({ value: { open: openSendBalanceModal } }, { children: [modal, children] })));
+};
+const useSendBalance = () => {
+    const context = React.useContext(sendBalanceContext);
+    if (context === undefined) {
+        throw new Error('usage of useSendBalance not wrapped in `SendBalanceContextProvider`.');
+    }
+    return context;
+};
+
+exports.SendBalanceContextProvider = SendBalanceContextProvider;
+exports.useSendBalance = useSendBalance;