@dynamic-labs/sdk-react-core 0.18.0-RC.6 → 0.18.0-RC.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +42 -0
- package/package.cjs +1 -1
- package/package.js +1 -1
- package/package.json +8 -8
- package/src/index.cjs +6 -0
- package/src/index.js +3 -0
- package/src/lib/Main.cjs +2 -2
- package/src/lib/Main.js +2 -2
- package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.cjs +5 -3
- package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.js +6 -4
- package/src/lib/components/Accordion/components/AccordionItem/AccordionItem.types.d.ts +1 -0
- package/src/lib/components/DynamicConnectButton/DynamicConnectButton.cjs +2 -5
- package/src/lib/components/DynamicConnectButton/DynamicConnectButton.d.ts +1 -9
- package/src/lib/components/DynamicConnectButton/DynamicConnectButton.js +2 -4
- package/src/lib/components/DynamicConnectButton/components/ConnectButton.cjs +11 -0
- package/src/lib/components/DynamicConnectButton/components/ConnectButton.d.ts +9 -0
- package/src/lib/components/DynamicConnectButton/components/ConnectButton.js +7 -0
- package/src/lib/components/ModalHeader/ModalHeader.types.d.ts +1 -1
- package/src/lib/components/NetworkPicker/NetworkPicker.cjs +26 -1
- package/src/lib/components/NetworkPicker/NetworkPicker.js +26 -1
- package/src/lib/components/NetworkPicker/components/Network/Network.cjs +3 -1
- package/src/lib/components/NetworkPicker/components/Network/Network.d.ts +2 -1
- package/src/lib/components/NetworkPicker/components/Network/Network.js +3 -1
- package/src/lib/components/NetworkPicker/components/NetworkAction/NetworkAction.cjs +6 -1
- package/src/lib/components/NetworkPicker/components/NetworkAction/NetworkAction.d.ts +2 -1
- package/src/lib/components/NetworkPicker/components/NetworkAction/NetworkAction.js +6 -1
- package/src/lib/components/OTPVerificationView/OTPVerificationView.cjs +2 -3
- package/src/lib/components/OTPVerificationView/OTPVerificationView.d.ts +0 -2
- package/src/lib/components/OTPVerificationView/OTPVerificationView.js +2 -3
- package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.cjs +2 -1
- package/src/lib/components/SelectWalletChainLayout/SelectWalletChainLayout.js +2 -1
- package/src/lib/components/Tooltip/Tooltip.cjs +1 -1
- package/src/lib/components/Tooltip/Tooltip.js +1 -1
- package/src/lib/components/TosAndPp/TosAndPp.cjs +6 -5
- package/src/lib/components/TosAndPp/TosAndPp.d.ts +3 -4
- package/src/lib/components/TosAndPp/TosAndPp.js +6 -5
- package/src/lib/components/Transition/transition.type.d.ts +3 -3
- package/src/lib/context/DynamicContext/DynamicContext.cjs +28 -18
- package/src/lib/context/DynamicContext/DynamicContext.d.ts +4 -1
- package/src/lib/context/DynamicContext/DynamicContext.js +29 -19
- package/src/lib/context/DynamicContext/helpers.cjs +1 -2
- package/src/lib/context/DynamicContext/helpers.js +1 -2
- package/src/lib/context/ErrorContext/ErrorContext.cjs +6 -0
- package/src/lib/context/ErrorContext/ErrorContext.js +6 -0
- package/src/lib/context/MockContext/MockContext.cjs +2 -14
- package/src/lib/context/MockContext/MockContext.js +2 -14
- package/src/lib/context/ViewContext/ViewContext.d.ts +1 -1
- package/src/lib/context/WalletContext/WalletContext.cjs +46 -0
- package/src/lib/context/WalletContext/WalletContext.d.ts +7 -0
- package/src/lib/context/WalletContext/WalletContext.js +41 -0
- package/src/lib/context/WalletContext/index.d.ts +1 -0
- package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.cjs +22 -63
- package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.d.ts +1 -6
- package/src/lib/layout/DynamicAuthLayout/DynamicAuthLayout.js +23 -64
- package/src/lib/layout/DynamicAuthLayout/Header/header.cjs +34 -15
- package/src/lib/layout/DynamicAuthLayout/Header/header.d.ts +1 -1
- package/src/lib/layout/DynamicAuthLayout/Header/header.js +35 -16
- package/src/lib/layout/DynamicAuthLayout/Header/header.types.d.ts +2 -0
- package/src/lib/layout/DynamicAuthLayout/{FooterContent/EmptyFooterContent/empty-footer-content.cjs → HelpContent/EmptyHelpContent/EmptyHelpContent.cjs} +2 -2
- package/src/lib/layout/DynamicAuthLayout/HelpContent/EmptyHelpContent/EmptyHelpContent.d.ts +2 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/EmptyHelpContent/EmptyHelpContent.js +6 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/EmptyHelpContent/index.d.ts +1 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.cjs +36 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.d.ts +2 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpContent.js +32 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.cjs +56 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.d.ts +2 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/HelpHeader.js +52 -0
- package/src/lib/layout/DynamicAuthLayout/HelpContent/HelpHeader/index.d.ts +1 -0
- package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent/WalletListFooterContent.cjs → HelpContent/WalletListHelpContent/WalletListHelpContent.cjs} +3 -3
- package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent/WalletListFooterContent.d.ts → HelpContent/WalletListHelpContent/WalletListHelpContent.d.ts} +1 -1
- package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent/WalletListFooterContent.js → HelpContent/WalletListHelpContent/WalletListHelpContent.js} +3 -3
- package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletListHelpContent/index.d.ts +1 -0
- package/src/lib/layout/DynamicAuthLayout/{FooterContent → HelpContent}/WalletMoreInfoContent/WalletMoreInfoContent.cjs +3 -5
- package/src/lib/layout/DynamicAuthLayout/HelpContent/WalletMoreInfoContent/WalletMoreInfoContent.d.ts +7 -0
- package/src/lib/layout/DynamicAuthLayout/{FooterContent → HelpContent}/WalletMoreInfoContent/WalletMoreInfoContent.js +3 -5
- package/src/lib/layout/DynamicAuthLayout/HelpContent/index.d.ts +4 -0
- package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.cjs +49 -0
- package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.d.ts +2 -0
- package/src/lib/layout/DynamicAuthLayout/ToSFooter/ToSFooter.js +45 -0
- package/src/lib/layout/DynamicAuthLayout/ToSFooter/index.d.ts +1 -0
- package/src/lib/shared/assets/chevron-left.cjs +5 -5
- package/src/lib/shared/assets/chevron-left.js +5 -5
- package/src/lib/shared/assets/close.cjs +5 -5
- package/src/lib/shared/assets/close.js +5 -5
- package/src/lib/shared/assets/footer-info-icon.cjs +2 -2
- package/src/lib/shared/assets/footer-info-icon.js +2 -2
- package/src/lib/shared/assets/index.d.ts +1 -0
- package/src/lib/shared/assets/question-mark.cjs +58 -0
- package/src/lib/shared/assets/question-mark.js +34 -0
- package/src/lib/shared/utils/hooks/index.d.ts +1 -0
- package/src/lib/shared/utils/hooks/useMediaQuery/index.d.ts +1 -0
- package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.cjs +31 -0
- package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.d.ts +1 -0
- package/src/lib/shared/utils/hooks/useMediaQuery/useMediaQuery.js +27 -0
- package/src/lib/styles/index.shadow.cjs +1 -1
- package/src/lib/styles/index.shadow.js +1 -1
- package/src/lib/utils/functions/getDynamicLayoutData/getDynamicLayoutData.cjs +7 -27
- package/src/lib/utils/functions/getDynamicLayoutData/getDynamicLayoutData.d.ts +3 -4
- package/src/lib/utils/functions/getDynamicLayoutData/getDynamicLayoutData.js +8 -28
- package/src/lib/utils/functions/walletListBuilder/walletListBuilder.cjs +1 -1
- package/src/lib/utils/functions/walletListBuilder/walletListBuilder.js +1 -1
- package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.cjs +2 -1
- package/src/lib/utils/hooks/authenticationHooks/useConnectAndSign/useConnectAndSign.js +2 -1
- package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.cjs +3 -1
- package/src/lib/utils/hooks/authenticationHooks/useConnectAndSignSplitSteps/useConnectAndSignSplitSteps.js +3 -1
- package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.cjs +13 -0
- package/src/lib/utils/hooks/authenticationHooks/useSignConnectOnlyUser/useSignConnectOnlyUser.js +13 -0
- package/src/lib/utils/hooks/index.d.ts +4 -0
- package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.cjs +9 -1
- package/src/lib/utils/hooks/multiWallet/useSyncPrimaryWallet/useSyncPrimaryWallet.js +9 -1
- package/src/lib/utils/hooks/useAuthLayoutChecks/index.d.ts +1 -0
- package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.cjs +68 -0
- package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.d.ts +10 -0
- package/src/lib/utils/hooks/useAuthLayoutChecks/useAuthLayoutChecks.js +64 -0
- package/src/lib/utils/hooks/useColorSchemePreference/useColorSchemePreference.cjs +16 -18
- package/src/lib/utils/hooks/useColorSchemePreference/useColorSchemePreference.js +16 -18
- package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.cjs +20 -6
- package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.d.ts +14 -2
- package/src/lib/utils/hooks/useConnectWallet/useConnectWallet.js +20 -6
- package/src/lib/utils/hooks/useCountdown/useCountdown.cjs +39 -0
- package/src/lib/utils/hooks/useCountdown/useCountdown.d.ts +11 -0
- package/src/lib/utils/hooks/useCountdown/useCountdown.js +35 -0
- package/src/lib/utils/hooks/useInterval/useInterval.d.ts +1 -0
- package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs +10 -0
- package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts +2 -0
- package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js +6 -0
- package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.cjs +6 -8
- package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.js +7 -9
- package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.cjs +6 -28
- package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.d.ts +0 -1
- package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.js +7 -29
- package/src/lib/utils/hooks/useTimeout/useTimeout.cjs +27 -0
- package/src/lib/utils/hooks/useTimeout/useTimeout.d.ts +1 -0
- package/src/lib/utils/hooks/useTimeout/useTimeout.js +23 -0
- package/src/lib/utils/hooks/useTransition/useTransition.cjs +16 -24
- package/src/lib/utils/hooks/useTransition/useTransition.d.ts +3 -3
- package/src/lib/utils/hooks/useTransition/useTransition.js +17 -25
- package/src/lib/utils/hooks/useTransitionEvents/useTransitionEvents.cjs +11 -9
- package/src/lib/utils/hooks/useTransitionEvents/useTransitionEvents.js +11 -9
- package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.cjs +4 -1
- package/src/lib/utils/hooks/useVerifyWallet/useVerifyWallet.js +4 -1
- package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.cjs +1 -0
- package/src/lib/utils/hooks/useWalletEventListeners/useWalletEventListeners.js +1 -0
- package/src/lib/utils/hooks/useWallets/useWallets.cjs +4 -1
- package/src/lib/utils/hooks/useWallets/useWallets.d.ts +2 -1
- package/src/lib/utils/hooks/useWallets/useWallets.js +4 -1
- package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs +2 -3
- package/src/lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js +2 -3
- package/src/lib/views/EmailUpdate/EmailUpdate.cjs +2 -1
- package/src/lib/views/EmailUpdate/EmailUpdate.js +2 -1
- package/src/lib/views/EmailVerification/EmailVerification.cjs +13 -23
- package/src/lib/views/EmailVerification/EmailVerification.js +14 -24
- package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.cjs +2 -2
- package/src/lib/views/EmailWalletOTPVerificationView/EmailWalletOTPVerificationView.js +2 -2
- package/src/lib/views/LoginWithEmailView/LoginWithEmailView.cjs +3 -0
- package/src/lib/views/LoginWithEmailView/LoginWithEmailView.js +3 -0
- package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.cjs +2 -1
- package/src/lib/views/LoginWithEmailView/components/LoginWithEmailForm/LoginWithEmailForm.js +2 -1
- package/src/lib/views/PendingConnectView/PendingConnectView.cjs +2 -3
- package/src/lib/views/PendingConnectView/PendingConnectView.js +2 -3
- package/src/lib/views/PendingSignatureView/PendingSignatureView.cjs +2 -3
- package/src/lib/views/PendingSignatureView/PendingSignatureView.js +2 -3
- package/src/lib/views/QrCodeView/QRCode.cjs +36 -4
- package/src/lib/views/QrCodeView/QRCode.js +37 -5
- package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.cjs +2 -2
- package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.d.ts +1 -3
- package/src/lib/views/QrCodeView/QrCodeContainer/QrCodeContainer.js +2 -2
- package/src/lib/views/QrCodeView/QrCodeView.cjs +5 -8
- package/src/lib/views/QrCodeView/QrCodeView.js +5 -8
- package/src/lib/views/SocialRedirectView/SocialRedirectView.cjs +2 -4
- package/src/lib/views/SocialRedirectView/SocialRedirectView.js +2 -4
- package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.cjs +15 -0
- package/src/lib/views/TransactionConfirmationView/helpers/transactionErrorMessage.js +15 -0
- package/src/lib/views/WalletList/data.cjs +2 -1
- package/src/lib/views/WalletList/data.js +2 -1
- package/src/lib/views/WalletLockedView/WalletLockedView.cjs +63 -0
- package/src/lib/views/WalletLockedView/WalletLockedView.d.ts +2 -0
- package/src/lib/views/WalletLockedView/WalletLockedView.js +59 -0
- package/src/lib/views/WalletLockedView/index.d.ts +1 -0
- package/src/lib/views/viewToComponentMap.cjs +2 -0
- package/src/lib/views/viewToComponentMap.js +2 -0
- package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.cjs +2 -2
- package/src/lib/widgets/DynamicBridgeWidget/DynamicBridgeWidget.js +2 -2
- package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.cjs +23 -0
- package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.d.ts +8 -0
- package/src/lib/widgets/DynamicBridgeWidget/components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.js +19 -0
- package/src/lib/widgets/DynamicBridgeWidget/index.d.ts +1 -0
- package/src/lib/layout/DynamicAuthLayout/Footer/Footer.cjs +0 -67
- package/src/lib/layout/DynamicAuthLayout/Footer/Footer.d.ts +0 -10
- package/src/lib/layout/DynamicAuthLayout/Footer/Footer.js +0 -63
- package/src/lib/layout/DynamicAuthLayout/Footer/index.d.ts +0 -1
- package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.d.ts +0 -2
- package/src/lib/layout/DynamicAuthLayout/FooterContent/EmptyFooterContent/empty-footer-content.js +0 -6
- package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletListFooterContent/index.d.ts +0 -1
- package/src/lib/layout/DynamicAuthLayout/FooterContent/WalletMoreInfoContent/WalletMoreInfoContent.d.ts +0 -8
- package/src/lib/layout/DynamicAuthLayout/FooterContent/index.d.ts +0 -3
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/Item/Item.cjs +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/Item/Item.d.ts +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/Item/Item.js +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/Item/index.d.ts +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/NewToWeb3WalletItem/NewToWeb3WalletItem.cjs +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/NewToWeb3WalletItem/NewToWeb3WalletItem.d.ts +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/NewToWeb3WalletItem/NewToWeb3WalletItem.js +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/NewToWeb3WalletItem/index.d.ts +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.cjs +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.d.ts +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/WalletExtensionOrAppContinueButton/WalletExtensionOrAppContinueButton.js +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent/WalletListFooterContent → HelpContent/WalletListHelpContent}/WalletExtensionOrAppContinueButton/index.d.ts +0 -0
- /package/src/lib/layout/DynamicAuthLayout/{FooterContent → HelpContent}/WalletMoreInfoContent/index.d.ts +0 -0
|
@@ -20,6 +20,7 @@ import { WalletSignSpinnerView } from './WalletSignSpinnerView/WalletSignSpinner
|
|
|
20
20
|
import { WalletUsedView } from './WalletUsedView/WalletUsedView.js';
|
|
21
21
|
import { SocialWrongAccountView } from './SocialWrongAccountView/SocialWrongAccountView.js';
|
|
22
22
|
import { WalletGroupView } from './WalletGroupView/WalletGroupView.js';
|
|
23
|
+
import { WalletLockedView } from './WalletLockedView/WalletLockedView.js';
|
|
23
24
|
|
|
24
25
|
const viewToComponentMap = {
|
|
25
26
|
captcha: jsx(CaptchaVerifyUser, {}),
|
|
@@ -46,6 +47,7 @@ const viewToComponentMap = {
|
|
|
46
47
|
'wallet-connect-mobile-wallets-list': jsx(WalletList, { isWalletConnectList: true }),
|
|
47
48
|
'wallet-group': jsx(WalletGroupView, {}),
|
|
48
49
|
'wallet-list': jsx(WalletList, {}),
|
|
50
|
+
'wallet-locked-view': jsx(WalletLockedView, {}),
|
|
49
51
|
'wallet-sign': jsx(WalletSignSpinnerView, {}),
|
|
50
52
|
'wallet-used': jsx(WalletUsedView, {}),
|
|
51
53
|
};
|
|
@@ -37,7 +37,6 @@ require('./views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
|
|
|
37
37
|
require('../../context/MockContext/MockContext.cjs');
|
|
38
38
|
require('../../context/CaptchaContext/CaptchaContext.cjs');
|
|
39
39
|
require('../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
|
|
40
|
-
var DynamicConnectButton = require('../../components/DynamicConnectButton/DynamicConnectButton.cjs');
|
|
41
40
|
require('../../components/Popper/Popper/Popper.cjs');
|
|
42
41
|
require('../../components/Popper/PopperContext/PopperContext.cjs');
|
|
43
42
|
require('formik');
|
|
@@ -45,6 +44,7 @@ require('yup');
|
|
|
45
44
|
var DynamicBridgeUserProfile = require('./components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.cjs');
|
|
46
45
|
var DynamicBridgeWidgetNav = require('./components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.cjs');
|
|
47
46
|
var DynamicBridgeWidgetContext = require('./context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.cjs');
|
|
47
|
+
var DynamicBridgeConnectButton = require('./components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.cjs');
|
|
48
48
|
|
|
49
49
|
const DynamicBridgeWidget = ({ buttonClassName, buttonContainerClassName, innerButtonComponent = 'Connect your wallet', variant = 'modal', }) => {
|
|
50
50
|
var _a, _b;
|
|
@@ -61,7 +61,7 @@ const DynamicBridgeWidget = ({ buttonClassName, buttonContainerClassName, innerB
|
|
|
61
61
|
}, [inlineControlsRef, variant, showAuthFlow, setShowBridgeWidget]);
|
|
62
62
|
index.useOnClickOutside(widgetRef, closeOnOutsideClick);
|
|
63
63
|
const isAuthorized = connectedWallets.length > 0 && primaryWallet;
|
|
64
|
-
return (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: [!isAuthorized && (jsxRuntime.jsx(
|
|
64
|
+
return (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: [!isAuthorized && (jsxRuntime.jsx(DynamicBridgeConnectButton.DynamicBridgeConnectButton, { buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName, innerButtonComponent: innerButtonComponent })), isAuthorized && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(DynamicBridgeWidgetNav.DynamicBridgeWidgetNav, { ref: inlineControlsRef, primaryWalletAddress: primaryWallet.address, primaryWalletName: primaryWallet.connector.name, secondaryWalletAddress: (_a = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _a === void 0 ? void 0 : _a.address, secondaryWalletName: (_b = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _b === void 0 ? void 0 : _b.connector.name, onPrimaryWalletClick: () => setShowBridgeWidget(true), onSecondaryWalletClick: () => setShowBridgeWidget(true) }), jsxRuntime.jsx(DynamicBridgeUserProfile.DynamicBridgeUserProfile, { variant: variant })] }))] }) })) }));
|
|
65
65
|
};
|
|
66
66
|
|
|
67
67
|
exports.DynamicBridgeWidget = DynamicBridgeWidget;
|
|
@@ -33,7 +33,6 @@ import './views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
|
|
|
33
33
|
import '../../context/MockContext/MockContext.js';
|
|
34
34
|
import '../../context/CaptchaContext/CaptchaContext.js';
|
|
35
35
|
import '../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
|
|
36
|
-
import { ConnectButton } from '../../components/DynamicConnectButton/DynamicConnectButton.js';
|
|
37
36
|
import '../../components/Popper/Popper/Popper.js';
|
|
38
37
|
import '../../components/Popper/PopperContext/PopperContext.js';
|
|
39
38
|
import 'formik';
|
|
@@ -41,6 +40,7 @@ import 'yup';
|
|
|
41
40
|
import { DynamicBridgeUserProfile } from './components/DynamicBridgeUserProfile/DynamicBridgeUserProfile.js';
|
|
42
41
|
import { DynamicBridgeWidgetNav } from './components/DynamicBridgeWidgetNav/DynamicBridgeWidgetNav.js';
|
|
43
42
|
import { useDynamicBridgeWidgetContext } from './context/DynamicBridgeWidgetContext/DynamicBridgeWidgetContext.js';
|
|
43
|
+
import { DynamicBridgeConnectButton } from './components/DynamicBridgeConnectButton/DynamicBridgeConnectButton.js';
|
|
44
44
|
|
|
45
45
|
const DynamicBridgeWidget = ({ buttonClassName, buttonContainerClassName, innerButtonComponent = 'Connect your wallet', variant = 'modal', }) => {
|
|
46
46
|
var _a, _b;
|
|
@@ -57,7 +57,7 @@ const DynamicBridgeWidget = ({ buttonClassName, buttonContainerClassName, innerB
|
|
|
57
57
|
}, [inlineControlsRef, variant, showAuthFlow, setShowBridgeWidget]);
|
|
58
58
|
useOnClickOutside(widgetRef, closeOnOutsideClick);
|
|
59
59
|
const isAuthorized = connectedWallets.length > 0 && primaryWallet;
|
|
60
|
-
return (jsx(IsBrowser, { children: jsx(ShadowDOM, Object.assign({ id: 'dynamic-bridge-widget', className: 'dynamic-widget__container' }, { children: jsxs(Fragment, { children: [!isAuthorized && (jsx(
|
|
60
|
+
return (jsx(IsBrowser, { children: jsx(ShadowDOM, Object.assign({ id: 'dynamic-bridge-widget', className: 'dynamic-widget__container' }, { children: jsxs(Fragment, { children: [!isAuthorized && (jsx(DynamicBridgeConnectButton, { buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName, innerButtonComponent: innerButtonComponent })), isAuthorized && (jsxs(Fragment, { children: [jsx(DynamicBridgeWidgetNav, { ref: inlineControlsRef, primaryWalletAddress: primaryWallet.address, primaryWalletName: primaryWallet.connector.name, secondaryWalletAddress: (_a = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _a === void 0 ? void 0 : _a.address, secondaryWalletName: (_b = secondaryWallets === null || secondaryWallets === void 0 ? void 0 : secondaryWallets[0]) === null || _b === void 0 ? void 0 : _b.connector.name, onPrimaryWalletClick: () => setShowBridgeWidget(true), onSecondaryWalletClick: () => setShowBridgeWidget(true) }), jsx(DynamicBridgeUserProfile, { variant: variant })] }))] }) })) }));
|
|
61
61
|
};
|
|
62
62
|
|
|
63
63
|
export { DynamicBridgeWidget };
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var _tslib = require('../../../../../../_virtual/_tslib.cjs');
|
|
6
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
+
var React = require('react');
|
|
8
|
+
var useInternalDynamicContext = require('../../../../context/DynamicContext/useInternalDynamicContext.cjs');
|
|
9
|
+
var ConnectButton = require('../../../../components/DynamicConnectButton/components/ConnectButton.cjs');
|
|
10
|
+
|
|
11
|
+
const DynamicBridgeConnectButton = ({ buttonContainerClassName = '', buttonClassName = '', innerButtonComponent = 'Connect your wallet', }) => {
|
|
12
|
+
const { isProjectSettingsLoading, setShowBridgeAuthFlow } = useInternalDynamicContext.useInternalDynamicContext();
|
|
13
|
+
const [didUserClick, setUserClicked] = React.useState(false);
|
|
14
|
+
const handleOnClick = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
|
|
15
|
+
if (!didUserClick) {
|
|
16
|
+
setUserClicked(true);
|
|
17
|
+
}
|
|
18
|
+
setShowBridgeAuthFlow(true);
|
|
19
|
+
}), [didUserClick]);
|
|
20
|
+
return (jsxRuntime.jsx(ConnectButton.ConnectButton, Object.assign({ onClick: handleOnClick, isLoading: isProjectSettingsLoading, isActive: didUserClick, buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName }, { children: innerButtonComponent })));
|
|
21
|
+
};
|
|
22
|
+
|
|
23
|
+
exports.DynamicBridgeConnectButton = DynamicBridgeConnectButton;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FC, PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
type Props = {
|
|
3
|
+
buttonClassName?: string;
|
|
4
|
+
buttonContainerClassName?: string;
|
|
5
|
+
innerButtonComponent?: ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare const DynamicBridgeConnectButton: FC<PropsWithChildren<Props>>;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { __awaiter } from '../../../../../../_virtual/_tslib.js';
|
|
2
|
+
import { jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { useState, useCallback } from 'react';
|
|
4
|
+
import { useInternalDynamicContext } from '../../../../context/DynamicContext/useInternalDynamicContext.js';
|
|
5
|
+
import { ConnectButton } from '../../../../components/DynamicConnectButton/components/ConnectButton.js';
|
|
6
|
+
|
|
7
|
+
const DynamicBridgeConnectButton = ({ buttonContainerClassName = '', buttonClassName = '', innerButtonComponent = 'Connect your wallet', }) => {
|
|
8
|
+
const { isProjectSettingsLoading, setShowBridgeAuthFlow } = useInternalDynamicContext();
|
|
9
|
+
const [didUserClick, setUserClicked] = useState(false);
|
|
10
|
+
const handleOnClick = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
|
|
11
|
+
if (!didUserClick) {
|
|
12
|
+
setUserClicked(true);
|
|
13
|
+
}
|
|
14
|
+
setShowBridgeAuthFlow(true);
|
|
15
|
+
}), [didUserClick]);
|
|
16
|
+
return (jsx(ConnectButton, Object.assign({ onClick: handleOnClick, isLoading: isProjectSettingsLoading, isActive: didUserClick, buttonClassName: buttonClassName, buttonContainerClassName: buttonContainerClassName }, { children: innerButtonComponent })));
|
|
17
|
+
};
|
|
18
|
+
|
|
19
|
+
export { DynamicBridgeConnectButton };
|
|
@@ -1,67 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
6
|
-
var React = require('react');
|
|
7
|
-
var index = require('../../../context/FooterAnimationContext/index.cjs');
|
|
8
|
-
var ThemeContext = require('../../../context/ThemeContext/ThemeContext.cjs');
|
|
9
|
-
require('@dynamic-labs/sdk-api');
|
|
10
|
-
require('../../../shared/logger.cjs');
|
|
11
|
-
require('@dynamic-labs/iconic');
|
|
12
|
-
require('@dynamic-labs/wallet-connector-core');
|
|
13
|
-
require('../../../context/ViewContext/ViewContext.cjs');
|
|
14
|
-
var arrowDown = require('../../../shared/assets/arrow-down.cjs');
|
|
15
|
-
require('@dynamic-labs/wallet-book');
|
|
16
|
-
require('@dynamic-labs/utils');
|
|
17
|
-
require('../../../utils/constants/colors.cjs');
|
|
18
|
-
require('../../../shared/utils/classes/storage/localStorage.cjs');
|
|
19
|
-
require('ethers');
|
|
20
|
-
require('../../../shared/consts/index.cjs');
|
|
21
|
-
var Skeleton = require('../../../components/Skeleton/Skeleton.cjs');
|
|
22
|
-
var classNames = require('../../../utils/functions/classNames/classNames.cjs');
|
|
23
|
-
var Typography = require('../../../components/Typography/Typography.cjs');
|
|
24
|
-
require('../../../context/DynamicContext/DynamicContext.cjs');
|
|
25
|
-
require('@dynamic-labs/multi-wallet');
|
|
26
|
-
require('../../../components/ShadowDOM/ShadowDOM.cjs');
|
|
27
|
-
require('react-dom');
|
|
28
|
-
require('react-focus-lock');
|
|
29
|
-
require('../../../components/Transition/ZoomTransition/ZoomTransition.cjs');
|
|
30
|
-
require('../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs');
|
|
31
|
-
require('../../../components/Transition/OpacityTransition/OpacityTransition.cjs');
|
|
32
|
-
require('../../../config/ApiEndpoint.cjs');
|
|
33
|
-
require('@dynamic-labs/rpc-providers');
|
|
34
|
-
require('../../../context/ErrorContext/ErrorContext.cjs');
|
|
35
|
-
require('../../../context/AccessDeniedContext/AccessDeniedContext.cjs');
|
|
36
|
-
require('../../../components/IconButton/IconButton.cjs');
|
|
37
|
-
require('../../../components/Alert/Alert.cjs');
|
|
38
|
-
require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
|
|
39
|
-
require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
|
|
40
|
-
require('../../../context/MockContext/MockContext.cjs');
|
|
41
|
-
require('../../../context/CaptchaContext/CaptchaContext.cjs');
|
|
42
|
-
require('../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.cjs');
|
|
43
|
-
require('../../../components/Popper/Popper/Popper.cjs');
|
|
44
|
-
require('../../../components/Popper/PopperContext/PopperContext.cjs');
|
|
45
|
-
require('formik');
|
|
46
|
-
require('yup');
|
|
47
|
-
|
|
48
|
-
const Footer = ({ heading, icon, projectSettings }) => {
|
|
49
|
-
const { theme } = ThemeContext.useThemeContext();
|
|
50
|
-
const { isFooterExpanded, setIsFooterExpanded } = index.useFooterAnimationContext();
|
|
51
|
-
const borderClassName = React.useMemo(() => {
|
|
52
|
-
if (isFooterExpanded) {
|
|
53
|
-
return 'footer--border-bottom';
|
|
54
|
-
}
|
|
55
|
-
return 'footer--border-top';
|
|
56
|
-
}, [theme, isFooterExpanded]);
|
|
57
|
-
const arrowClassName = React.useMemo(() => {
|
|
58
|
-
const classes = ['footer__arrow'];
|
|
59
|
-
if (isFooterExpanded) {
|
|
60
|
-
classes.push('footer__arrow--open');
|
|
61
|
-
}
|
|
62
|
-
return classes.join(' ');
|
|
63
|
-
}, [isFooterExpanded]);
|
|
64
|
-
return (jsxRuntime.jsx("div", Object.assign({ onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames.classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container' }, { children: jsxRuntime.jsxs("div", Object.assign({ className: 'footer__container' }, { children: [jsxRuntime.jsxs("div", Object.assign({ className: 'footer__container--heading' }, { children: [!projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsxRuntime.jsx("div", Object.assign({ className: 'footer__container--icon', "data-testid": 'wallet-footer-icon' }, { children: icon })))), jsxRuntime.jsx(Typography.Typography, Object.assign({ as: 'h3', variant: 'body_normal' }, { children: !projectSettings ? (jsxRuntime.jsx(Skeleton.Skeleton, { className: 'footer__skeleton--heading' })) : (heading) }))] })), projectSettings && jsxRuntime.jsx(arrowDown.ReactComponent, { className: arrowClassName })] })) })));
|
|
65
|
-
};
|
|
66
|
-
|
|
67
|
-
exports.Footer = Footer;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { FC, ReactNode, RefObject } from 'react';
|
|
2
|
-
import { ProjectSettings } from '@dynamic-labs/sdk-api';
|
|
3
|
-
interface Props {
|
|
4
|
-
footerRef: RefObject<HTMLDivElement>;
|
|
5
|
-
heading: string;
|
|
6
|
-
icon?: ReactNode;
|
|
7
|
-
projectSettings?: ProjectSettings;
|
|
8
|
-
}
|
|
9
|
-
export declare const Footer: FC<Props>;
|
|
10
|
-
export {};
|
|
@@ -1,63 +0,0 @@
|
|
|
1
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
2
|
-
import { useMemo } from 'react';
|
|
3
|
-
import { useFooterAnimationContext } from '../../../context/FooterAnimationContext/index.js';
|
|
4
|
-
import { useThemeContext } from '../../../context/ThemeContext/ThemeContext.js';
|
|
5
|
-
import '@dynamic-labs/sdk-api';
|
|
6
|
-
import '../../../shared/logger.js';
|
|
7
|
-
import '@dynamic-labs/iconic';
|
|
8
|
-
import '@dynamic-labs/wallet-connector-core';
|
|
9
|
-
import '../../../context/ViewContext/ViewContext.js';
|
|
10
|
-
import { ReactComponent as SvgArrowDown } from '../../../shared/assets/arrow-down.js';
|
|
11
|
-
import '@dynamic-labs/wallet-book';
|
|
12
|
-
import '@dynamic-labs/utils';
|
|
13
|
-
import '../../../utils/constants/colors.js';
|
|
14
|
-
import '../../../shared/utils/classes/storage/localStorage.js';
|
|
15
|
-
import 'ethers';
|
|
16
|
-
import '../../../shared/consts/index.js';
|
|
17
|
-
import { Skeleton } from '../../../components/Skeleton/Skeleton.js';
|
|
18
|
-
import { classNames } from '../../../utils/functions/classNames/classNames.js';
|
|
19
|
-
import { Typography } from '../../../components/Typography/Typography.js';
|
|
20
|
-
import '../../../context/DynamicContext/DynamicContext.js';
|
|
21
|
-
import '@dynamic-labs/multi-wallet';
|
|
22
|
-
import '../../../components/ShadowDOM/ShadowDOM.js';
|
|
23
|
-
import 'react-dom';
|
|
24
|
-
import 'react-focus-lock';
|
|
25
|
-
import '../../../components/Transition/ZoomTransition/ZoomTransition.js';
|
|
26
|
-
import '../../../components/Transition/SlideInUpTransition/SlideInUpTransition.js';
|
|
27
|
-
import '../../../components/Transition/OpacityTransition/OpacityTransition.js';
|
|
28
|
-
import '../../../config/ApiEndpoint.js';
|
|
29
|
-
import '@dynamic-labs/rpc-providers';
|
|
30
|
-
import '../../../context/ErrorContext/ErrorContext.js';
|
|
31
|
-
import '../../../context/AccessDeniedContext/AccessDeniedContext.js';
|
|
32
|
-
import '../../../components/IconButton/IconButton.js';
|
|
33
|
-
import '../../../components/Alert/Alert.js';
|
|
34
|
-
import '../../../context/WalletGroupContext/WalletGroupContext.js';
|
|
35
|
-
import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
|
|
36
|
-
import '../../../context/MockContext/MockContext.js';
|
|
37
|
-
import '../../../context/CaptchaContext/CaptchaContext.js';
|
|
38
|
-
import '../../../utils/hooks/useUserUpdateRequest/useUserUpdateRequest.js';
|
|
39
|
-
import '../../../components/Popper/Popper/Popper.js';
|
|
40
|
-
import '../../../components/Popper/PopperContext/PopperContext.js';
|
|
41
|
-
import 'formik';
|
|
42
|
-
import 'yup';
|
|
43
|
-
|
|
44
|
-
const Footer = ({ heading, icon, projectSettings }) => {
|
|
45
|
-
const { theme } = useThemeContext();
|
|
46
|
-
const { isFooterExpanded, setIsFooterExpanded } = useFooterAnimationContext();
|
|
47
|
-
const borderClassName = useMemo(() => {
|
|
48
|
-
if (isFooterExpanded) {
|
|
49
|
-
return 'footer--border-bottom';
|
|
50
|
-
}
|
|
51
|
-
return 'footer--border-top';
|
|
52
|
-
}, [theme, isFooterExpanded]);
|
|
53
|
-
const arrowClassName = useMemo(() => {
|
|
54
|
-
const classes = ['footer__arrow'];
|
|
55
|
-
if (isFooterExpanded) {
|
|
56
|
-
classes.push('footer__arrow--open');
|
|
57
|
-
}
|
|
58
|
-
return classes.join(' ');
|
|
59
|
-
}, [isFooterExpanded]);
|
|
60
|
-
return (jsx("div", Object.assign({ onClick: () => projectSettings && setIsFooterExpanded(!isFooterExpanded), className: classNames('footer', borderClassName), role: 'button', "data-testid": 'wallet-footer-container' }, { children: jsxs("div", Object.assign({ className: 'footer__container' }, { children: [jsxs("div", Object.assign({ className: 'footer__container--heading' }, { children: [!projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--icon' })) : (Boolean(icon) && (jsx("div", Object.assign({ className: 'footer__container--icon', "data-testid": 'wallet-footer-icon' }, { children: icon })))), jsx(Typography, Object.assign({ as: 'h3', variant: 'body_normal' }, { children: !projectSettings ? (jsx(Skeleton, { className: 'footer__skeleton--heading' })) : (heading) }))] })), projectSettings && jsx(SvgArrowDown, { className: arrowClassName })] })) })));
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
export { Footer };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { Footer } from './Footer';
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { WalletListFooterContent } from './WalletListFooterContent';
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|
|
File without changes
|