UNPKG

@dynamic-labs/sdk-react-core

Version:

A React SDK for implementing wallet web3 authentication and authorization to your website.

120 lines (115 loc) 7.67 kB
'use client' 'use strict'; Object.defineProperty(exports, '__esModule', { value: true }); var jsxRuntime = require('react/jsx-runtime'); require('@dynamic-labs/utils'); require('../../../../components/Accordion/components/AccordionItem/AccordionItem.cjs'); require('react-i18next'); require('react'); var checkCircle = require('../../../../shared/assets/check-circle.cjs'); require('@dynamic-labs/iconic'); require('../../../../context/ViewContext/ViewContext.cjs'); require('../../../../../../_virtual/_tslib.cjs'); require('@dynamic-labs/sdk-api-core'); require('../../../../shared/logger.cjs'); require('@dynamic-labs/wallet-connector-core'); require('@dynamic-labs/wallet-book'); require('../../../../utils/constants/colors.cjs'); require('../../../../utils/constants/values.cjs'); require('../../../../shared/consts/index.cjs'); require('../../../../components/Alert/Alert.cjs'); require('../../../../events/dynamicEvents.cjs'); require('../../../../context/DynamicContext/DynamicContext.cjs'); require('../../../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs'); require('../../../../store/state/authMode/authMode.cjs'); var useInternalDynamicContext = require('../../../../context/DynamicContext/useDynamicContext/useInternalDynamicContext/useInternalDynamicContext.cjs'); require('../../../../context/CaptchaContext/CaptchaContext.cjs'); require('../../../../context/ErrorContext/ErrorContext.cjs'); require('@dynamic-labs/multi-wallet'); require('react-international-phone'); require('../../../../store/state/nonce/nonce.cjs'); require('../../../../store/state/projectSettings/projectSettings.cjs'); require('../../../../config/ApiEndpoint.cjs'); require('../../../../store/state/user/user.cjs'); require('../../../../locale/locale.cjs'); require('../../../../store/state/dynamicContextProps/dynamicContextProps.cjs'); require('../../../../store/state/primaryWalletId/primaryWalletId.cjs'); require('../../../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs'); require('../../../../context/AccessDeniedContext/AccessDeniedContext.cjs'); require('../../../../context/AccountExistsContext/AccountExistsContext.cjs'); require('../../../../context/UserWalletsContext/UserWalletsContext.cjs'); require('../../../../context/VerificationContext/VerificationContext.cjs'); require('react-dom'); require('../../../../utils/functions/compareChains/compareChains.cjs'); require('../../../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.cjs'); require('../../../../context/ThemeContext/ThemeContext.cjs'); require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs'); require('bs58'); require('@dynamic-labs/types'); require('../../../../context/SocialRedirectContext/SocialRedirectContext.cjs'); require('../../../../context/LoadingContext/LoadingContext.cjs'); require('../../../../context/WalletContext/WalletContext.cjs'); require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs'); require('yup'); require('../../../../context/MockContext/MockContext.cjs'); require('../../../../views/CollectUserDataView/useFields.cjs'); require('../../../../context/FieldsStateContext/FieldsStateContext.cjs'); require('../../../../context/UserFieldEditorContext/UserFieldEditorContext.cjs'); require('@dynamic-labs/rpc-providers'); require('../../../../store/state/walletOptions/walletOptions.cjs'); require('../../../../context/FooterAnimationContext/index.cjs'); require('../../../../components/ShadowDOM/ShadowDOM.cjs'); require('../../../../components/Transition/ZoomTransition/ZoomTransition.cjs'); require('../../../../components/Transition/SlideInUpTransition/SlideInUpTransition.cjs'); require('../../../../components/Transition/OpacityTransition/OpacityTransition.cjs'); require('../../../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs'); require('../../../../context/WalletGroupContext/WalletGroupContext.cjs'); require('../DynamicWidgetHeader/DynamicWidgetHeader.cjs'); require('react-focus-lock'); var helpers = require('../../helpers/helpers.cjs'); require('../../context/DynamicWidgetContext.cjs'); require('../../../../components/IconButton/IconButton.cjs'); require('../../../../components/MenuList/Dropdown/Dropdown.cjs'); var TypographyButton = require('../../../../components/TypographyButton/TypographyButton.cjs'); require('formik'); require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs'); require('../../../../store/state/sendBalances.cjs'); require('../../../../components/Input/Input.cjs'); require('../../../../components/OverlayCard/OverlayCard.cjs'); require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs'); require('../../../../context/PasskeyContext/PasskeyContext.cjs'); require('../../views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs'); require('../../../../context/OnrampContext/OnrampContext.cjs'); require('qrcode'); require('../../views/ReceiveWalletFunds/ReceiveWalletFunds.cjs'); require('../../../../../index.cjs'); require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs'); require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs'); require('../../../DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs'); require('@hcaptcha/react-hcaptcha'); require('../../../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs'); require('../../../../components/PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs'); require('../../helpers/convertExchangeKeyAndProviderEnum.cjs'); require('../../../../store/state/connectorsInitializing/connectorsInitializing.cjs'); require('../../../../store/state/tokenBalances.cjs'); require('../../../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs'); require('../../../../components/InlineWidget/InlineWidget.cjs'); require('../../../../components/IsBrowser/IsBrowser.cjs'); require('../../../../components/Popper/Popper/Popper.cjs'); require('../../../../components/Popper/PopperContext/PopperContext.cjs'); const SingleWalletButtons = () => { var _a; const { primaryWallet, handleLogOut, user } = useInternalDynamicContext.useInternalDynamicContext(); const unknownWallet = user === null || user === void 0 ? void 0 : user.verifiedCredentials.find((credential) => credential.walletName === 'unknown'); const address = (_a = primaryWallet === null || primaryWallet === void 0 ? void 0 : primaryWallet.address) !== null && _a !== void 0 ? _a : unknownWallet === null || unknownWallet === void 0 ? void 0 : unknownWallet.address; return (jsxRuntime.jsxs("div", { className: 'single-wallet-buttons', children: [address && (jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'Copy address', expanded: true, buttonPadding: 'medium', typographyProps: { className: 'single-wallet-buttons--center', variant: 'button_primary', }, onClick: () => helpers.copyToClipboard(address), feedback: // eslint-disable-next-line react/jsx-wrap-multilines jsxRuntime.jsxs("div", { className: 'single-wallet-buttons__copied', children: [jsxRuntime.jsx(checkCircle.ReactComponent, {}), " Copied!"] }), children: "Copy address" })), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'Disconnect', expanded: true, buttonPadding: 'medium', typographyProps: { className: 'single-wallet-buttons--center', variant: 'button_primary', }, onClick: handleLogOut, children: "Disconnect" })] })); }; exports.SingleWalletButtons = SingleWalletButtons;