@dynamic-labs/sdk-react-core 4.57.1 → 4.58.0

package/CHANGELOG.md

@@ -1,4 +1,20 @@
 
+## [4.58.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.57.2...v4.58.0) (2026-01-28)
+
+
+### Features
+
+* add password setup flow for WaaS wallets ([#10308](https://github.com/dynamic-labs/dynamic-auth/issues/10308)) ([aad892d](https://github.com/dynamic-labs/dynamic-auth/commit/aad892d0359df589753b141c1099a03c72b799d9))
+* add useRefreshAuth ([#10280](https://github.com/dynamic-labs/dynamic-auth/issues/10280)) ([bff850a](https://github.com/dynamic-labs/dynamic-auth/commit/bff850afc4167d47d3a38c5e9845d35b754ea573))
+* **waas:** add unlockWallet and getWalletRecoveryState methods ([#10286](https://github.com/dynamic-labs/dynamic-auth/issues/10286)) ([4c2f26b](https://github.com/dynamic-labs/dynamic-auth/commit/4c2f26b1cd6483406288513d73be66554cd3c66a))
+
+### Bug Fixes
+
+* ensure refresh user not update the jwt ([#10278](https://github.com/dynamic-labs/dynamic-auth/issues/10278)) ([c8cdbe6](https://github.com/dynamic-labs/dynamic-auth/commit/c8cdbe6e10636b39985f299a219fa362c25b4cd0))
+* use isVersionedTransaction for reliable Solana transaction type detection ([#10319](https://github.com/dynamic-labs/dynamic-auth/issues/10319)) ([472aa15](https://github.com/dynamic-labs/dynamic-auth/commit/472aa15a94cfe541b22b96c5c63483e6a5971781))
+
+### [4.57.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.57.1...v4.57.2) (2026-01-23)
+
 ### [4.57.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.57.0...v4.57.1) (2026-01-22)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.57.1";
+var version = "4.58.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.860",
 	"@dynamic-labs-sdk/client": "0.4.0",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "4.57.1";
+var version = "4.58.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.860",
 	"@dynamic-labs-sdk/client": "0.4.0",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.57.1",
+  "version": "4.58.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.860",
     "@dynamic-labs-sdk/client": "0.4.0",
@@ -15,17 +15,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.57.1",
-    "@dynamic-labs/iconic": "4.57.1",
-    "@dynamic-labs/locale": "4.57.1",
-    "@dynamic-labs/logger": "4.57.1",
-    "@dynamic-labs/multi-wallet": "4.57.1",
-    "@dynamic-labs/rpc-providers": "4.57.1",
-    "@dynamic-labs/store": "4.57.1",
-    "@dynamic-labs/types": "4.57.1",
-    "@dynamic-labs/utils": "4.57.1",
-    "@dynamic-labs/wallet-book": "4.57.1",
-    "@dynamic-labs/wallet-connector-core": "4.57.1",
+    "@dynamic-labs/assert-package-version": "4.58.0",
+    "@dynamic-labs/iconic": "4.58.0",
+    "@dynamic-labs/locale": "4.58.0",
+    "@dynamic-labs/logger": "4.58.0",
+    "@dynamic-labs/multi-wallet": "4.58.0",
+    "@dynamic-labs/rpc-providers": "4.58.0",
+    "@dynamic-labs/store": "4.58.0",
+    "@dynamic-labs/types": "4.58.0",
+    "@dynamic-labs/utils": "4.58.0",
+    "@dynamic-labs/wallet-book": "4.58.0",
+    "@dynamic-labs/wallet-connector-core": "4.58.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -183,6 +183,7 @@ var useGetUserMfaMethods = require('./lib/utils/hooks/useGetUserMfaMethods/useGe
 var usePromptMfaAuth = require('./lib/utils/hooks/usePromptMfaAuth/usePromptMfaAuth.cjs');
 var useUpgradeToDynamicWaasFlow = require('./lib/utils/hooks/useUpgradeToDynamicWaasFlow/useUpgradeToDynamicWaasFlow.cjs');
 var useIsMfaRequiredForAction = require('./lib/utils/hooks/useIsMfaRequiredForAction/useIsMfaRequiredForAction.cjs');
+var useRefreshAuth = require('./lib/utils/hooks/useRefreshAuth/useRefreshAuth.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
 var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
@@ -343,6 +344,7 @@ exports.useGetUserMfaMethods = useGetUserMfaMethods.useGetUserMfaMethods;
 exports.usePromptMfaAuth = usePromptMfaAuth.usePromptMfaAuth;
 exports.useUpgradeToDynamicWaasFlow = useUpgradeToDynamicWaasFlow.useUpgradeToDynamicWaasFlow;
 exports.useIsMfaRequiredForAction = useIsMfaRequiredForAction.useIsMfaRequiredForAction;
+exports.useRefreshAuth = useRefreshAuth.useRefreshAuth;
 exports.DynamicConnectButton = DynamicConnectButton.DynamicConnectButton;
 exports.IsBrowser = IsBrowser.IsBrowser;
 exports.DynamicBridgeWidget = DynamicBridgeWidget.DynamicBridgeWidget;

package/src/index.d.ts

@@ -123,7 +123,7 @@ export { FilterAndSortWallets, FilterBridgeChainsName, FilterChain, FilterWallet
 export { 
 /** @deprecated */
 DynamicWidgetContextProvider, } from './lib/widgets/DynamicWidget/context';
-export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useMultichainTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, useGetPasskeys, useDeletePasskey, useRegisterPasskey, useAuthenticatePasskeyMFA, useGetUserMfaMethods, usePromptMfaAuth, useUpgradeToDynamicWaasFlow, useGetMfaToken, useIsMfaRequiredForAction, useWalletDelegation, useWalletBackup, useBackupWallets, isWalletBackedUp, CloudBackupProvider, useExchangeAccounts, } from './lib/utils/hooks';
+export { useWalletItemActions, useAuthenticateConnectedUser, useSocialAccounts, useEmbeddedWallet, useEmbeddedWalletAuthenticator, usePasskeyRecovery, useEmbeddedReveal, useIsLoggedIn, useDynamicModals, useMfa, useTokenBalances, useMultichainTokenBalances, useSwitchWallet, useRpcProviders, useRefreshUser, useRefreshAuth, useWalletOptions, useSmartWallets, EmbeddedWalletVersion, useTelegramLogin, useUpgradeEmbeddedWallet, useEVMTransactionSimulation, useSVMTransactionSimulation, useDeleteUserAccount, useDynamicWaas, useGetPasskeys, useDeletePasskey, useRegisterPasskey, useAuthenticatePasskeyMFA, useGetUserMfaMethods, usePromptMfaAuth, useUpgradeToDynamicWaasFlow, useGetMfaToken, useIsMfaRequiredForAction, useWalletDelegation, useWalletBackup, useBackupWallets, isWalletBackedUp, CloudBackupProvider, useExchangeAccounts, } from './lib/utils/hooks';
 export { 
 /** @deprecated use useOnramp instead */
 useFunding, } from './lib/utils/hooks/useFunding';

package/src/index.js

@@ -179,6 +179,7 @@ export { useGetUserMfaMethods } from './lib/utils/hooks/useGetUserMfaMethods/use
 export { usePromptMfaAuth } from './lib/utils/hooks/usePromptMfaAuth/usePromptMfaAuth.js';
 export { useUpgradeToDynamicWaasFlow } from './lib/utils/hooks/useUpgradeToDynamicWaasFlow/useUpgradeToDynamicWaasFlow.js';
 export { useIsMfaRequiredForAction } from './lib/utils/hooks/useIsMfaRequiredForAction/useIsMfaRequiredForAction.js';
+export { useRefreshAuth } from './lib/utils/hooks/useRefreshAuth/useRefreshAuth.js';
 export { DynamicConnectButton } from './lib/components/DynamicConnectButton/DynamicConnectButton.js';
 import './lib/components/InlineWidget/InlineWidget.js';
 export { IsBrowser } from './lib/components/IsBrowser/IsBrowser.js';

package/src/lib/components/ToggleVisibilityButton/ToggleVisibilityButton.cjs

@@ -0,0 +1,127 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var classNames = require('../../utils/functions/classNames/classNames.cjs');
+require('../Accordion/components/AccordionItem/AccordionItem.cjs');
+require('react-i18next');
+var eyeOffIcon = require('../../shared/assets/eye-off-icon.cjs');
+var footerEyeIcon = require('../../shared/assets/footer-eye-icon.cjs');
+require('@dynamic-labs/iconic');
+require('../../context/ViewContext/ViewContext.cjs');
+require('../../../../_virtual/_tslib.cjs');
+require('@dynamic-labs/wallet-connector-core');
+require('../../shared/logger.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../utils/constants/colors.cjs');
+require('../../utils/constants/values.cjs');
+require('@dynamic-labs/sdk-api-core');
+require('../../shared/consts/index.cjs');
+require('../Alert/Alert.cjs');
+require('../../events/dynamicEvents.cjs');
+require('../../context/DynamicContext/DynamicContext.cjs');
+require('../../store/state/loadingAndLifecycle/loadingAndLifecycle.cjs');
+require('../../store/state/authMode/authMode.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('@dynamic-labs-sdk/client/core');
+require('../../client/client.cjs');
+require('@dynamic-labs-sdk/client');
+require('../../config/ApiEndpoint.cjs');
+require('@dynamic-labs/locale');
+require('../../store/state/dynamicContextProps/dynamicContextProps.cjs');
+require('../../store/state/primaryWalletId/primaryWalletId.cjs');
+require('../../store/state/connectedWalletsInfo/connectedWalletsInfo.cjs');
+require('../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.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('../ShadowDOM/ShadowDOM.cjs');
+require('../Transition/ZoomTransition/ZoomTransition.cjs');
+require('../Transition/SlideInUpTransition/SlideInUpTransition.cjs');
+require('../Transition/OpacityTransition/OpacityTransition.cjs');
+require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
+var Tooltip = require('../Tooltip/Tooltip.cjs');
+require('../../context/WalletGroupContext/WalletGroupContext.cjs');
+require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
+require('react-focus-lock');
+var Icon = require('../Icon/Icon.cjs');
+require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../IconButton/IconButton.cjs');
+require('../MenuList/Dropdown/Dropdown.cjs');
+require('formik');
+require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
+require('../../store/state/sendBalances.cjs');
+require('../Input/Input.cjs');
+require('../OverlayCard/OverlayCard.cjs');
+require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
+require('../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.cjs');
+require('../../context/PasskeyContext/PasskeyContext.cjs');
+require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
+require('../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
+require('../../utils/hooks/useWalletBackup/types.cjs');
+var TextButton = require('../TextButton/TextButton.cjs');
+require('../../utils/hooks/useWalletBackup/cloudProviders.cjs');
+require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('../../../index.cjs');
+require('../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.cjs');
+require('qrcode');
+require('../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.cjs');
+require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
+require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
+require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
+require('@hcaptcha/react-hcaptcha');
+require('../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
+require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
+require('../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
+require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
+require('../../store/state/tokenBalances.cjs');
+require('../../store/state/multichainBalances.cjs');
+require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
+require('../InlineWidget/InlineWidget.cjs');
+require('../IsBrowser/IsBrowser.cjs');
+require('../Popper/Popper/Popper.cjs');
+require('../Popper/PopperContext/PopperContext.cjs');
+
+const ToggleVisibilityButton = ({ initialState = false, onClick, className = '', }) => {
+    const [hidden, setHidden] = React.useState(initialState);
+    const handleClick = (e) => {
+        e.preventDefault();
+        setHidden((state) => {
+            const newState = !state;
+            onClick === null || onClick === void 0 ? void 0 : onClick(newState);
+            return newState;
+        });
+    };
+    return (jsxRuntime.jsx(TextButton.TextButton, { className: classNames.classNames('toggle-visibility-button__container', className), onClick: (e) => handleClick(e), children: jsxRuntime.jsx(Tooltip.Tooltip, { className: 'toggle-visibility-button__tooltip', content: hidden ? 'Show' : 'Hide', children: jsxRuntime.jsx(Icon.Icon, { size: 'medium', color: 'text-tertiary', children: hidden ? jsxRuntime.jsx(footerEyeIcon.ReactComponent, {}) : jsxRuntime.jsx(eyeOffIcon.ReactComponent, {}) }) }) }));
+};
+
+exports.ToggleVisibilityButton = ToggleVisibilityButton;

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef } from 'react';
-type Props = ComponentPropsWithoutRef<'button'> & {
+type Props = Omit<ComponentPropsWithoutRef<'button'>, 'onClick'> & {
     initialState?: boolean;
     onClick?: (hidden: boolean) => void;
     className?: string;

package/src/lib/components/ToggleVisibilityButton/ToggleVisibilityButton.js

@@ -0,0 +1,123 @@
+'use client'
+import { jsx } from 'react/jsx-runtime';
+import { useState } from 'react';
+import { classNames } from '../../utils/functions/classNames/classNames.js';
+import '../Accordion/components/AccordionItem/AccordionItem.js';
+import 'react-i18next';
+import { ReactComponent as SvgEyeOffIcon } from '../../shared/assets/eye-off-icon.js';
+import { ReactComponent as SvgFooterEyeIcon } from '../../shared/assets/footer-eye-icon.js';
+import '@dynamic-labs/iconic';
+import '../../context/ViewContext/ViewContext.js';
+import '../../../../_virtual/_tslib.js';
+import '@dynamic-labs/wallet-connector-core';
+import '../../shared/logger.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../utils/constants/colors.js';
+import '../../utils/constants/values.js';
+import '@dynamic-labs/sdk-api-core';
+import '../../shared/consts/index.js';
+import '../Alert/Alert.js';
+import '../../events/dynamicEvents.js';
+import '../../context/DynamicContext/DynamicContext.js';
+import '../../store/state/loadingAndLifecycle/loadingAndLifecycle.js';
+import '../../store/state/authMode/authMode.js';
+import '../../context/CaptchaContext/CaptchaContext.js';
+import '../../context/ErrorContext/ErrorContext.js';
+import '@dynamic-labs/multi-wallet';
+import 'react-international-phone';
+import '../../store/state/nonce/nonce.js';
+import '@dynamic-labs-sdk/client/core';
+import '../../client/client.js';
+import '@dynamic-labs-sdk/client';
+import '../../config/ApiEndpoint.js';
+import '@dynamic-labs/locale';
+import '../../store/state/dynamicContextProps/dynamicContextProps.js';
+import '../../store/state/primaryWalletId/primaryWalletId.js';
+import '../../store/state/connectedWalletsInfo/connectedWalletsInfo.js';
+import '../../utils/functions/getWaasAddressTypeLabel/getWaasAddressTypeLabel.js';
+import '../../context/AccessDeniedContext/AccessDeniedContext.js';
+import '../../context/AccountExistsContext/AccountExistsContext.js';
+import '../../context/UserWalletsContext/UserWalletsContext.js';
+import '../../context/VerificationContext/VerificationContext.js';
+import 'react-dom';
+import '../../utils/functions/compareChains/compareChains.js';
+import '../../views/Passkey/utils/findPrimaryEmbeddedChain/findPrimaryEmbeddedChain.js';
+import '../../context/ThemeContext/ThemeContext.js';
+import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import 'bs58';
+import '@dynamic-labs/types';
+import '../../context/SocialRedirectContext/SocialRedirectContext.js';
+import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/WalletContext/WalletContext.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import 'yup';
+import '../../context/MockContext/MockContext.js';
+import '../../views/CollectUserDataView/useFields.js';
+import '../../context/FieldsStateContext/FieldsStateContext.js';
+import '../../context/UserFieldEditorContext/UserFieldEditorContext.js';
+import '@dynamic-labs/rpc-providers';
+import '../../store/state/walletOptions/walletOptions.js';
+import '../../context/FooterAnimationContext/index.js';
+import '../ShadowDOM/ShadowDOM.js';
+import '../Transition/ZoomTransition/ZoomTransition.js';
+import '../Transition/SlideInUpTransition/SlideInUpTransition.js';
+import '../Transition/OpacityTransition/OpacityTransition.js';
+import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
+import { Tooltip } from '../Tooltip/Tooltip.js';
+import '../../context/WalletGroupContext/WalletGroupContext.js';
+import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
+import 'react-focus-lock';
+import { Icon } from '../Icon/Icon.js';
+import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../IconButton/IconButton.js';
+import '../MenuList/Dropdown/Dropdown.js';
+import 'formik';
+import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
+import '../../store/state/sendBalances.js';
+import '../Input/Input.js';
+import '../OverlayCard/OverlayCard.js';
+import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
+import '../PasskeyCreatedSuccessBanner/PasskeyCreatedSuccessBanner.js';
+import '../../context/PasskeyContext/PasskeyContext.js';
+import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
+import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
+import '../../utils/hooks/useWalletBackup/types.js';
+import { TextButton } from '../TextButton/TextButton.js';
+import '../../utils/hooks/useWalletBackup/cloudProviders.js';
+import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import '../../../index.js';
+import '../../widgets/DynamicWidget/helpers/convertExchangeKeyAndProviderEnum.js';
+import 'qrcode';
+import '../../widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.js';
+import '../../context/IpConfigurationContext/IpConfigurationContext.js';
+import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
+import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
+import '@hcaptcha/react-hcaptcha';
+import '../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
+import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
+import '../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
+import '../../store/state/connectorsInitializing/connectorsInitializing.js';
+import '../../store/state/tokenBalances.js';
+import '../../store/state/multichainBalances.js';
+import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
+import '../InlineWidget/InlineWidget.js';
+import '../IsBrowser/IsBrowser.js';
+import '../Popper/Popper/Popper.js';
+import '../Popper/PopperContext/PopperContext.js';
+
+const ToggleVisibilityButton = ({ initialState = false, onClick, className = '', }) => {
+    const [hidden, setHidden] = useState(initialState);
+    const handleClick = (e) => {
+        e.preventDefault();
+        setHidden((state) => {
+            const newState = !state;
+            onClick === null || onClick === void 0 ? void 0 : onClick(newState);
+            return newState;
+        });
+    };
+    return (jsx(TextButton, { className: classNames('toggle-visibility-button__container', className), onClick: (e) => handleClick(e), children: jsx(Tooltip, { className: 'toggle-visibility-button__tooltip', content: hidden ? 'Show' : 'Hide', children: jsx(Icon, { size: 'medium', color: 'text-tertiary', children: hidden ? jsx(SvgFooterEyeIcon, {}) : jsx(SvgEyeOffIcon, {}) }) }) }));
+};
+
+export { ToggleVisibilityButton };

package/src/lib/components/Typography/Typography.cjs

@@ -25,6 +25,7 @@ const Typography = (_a) => {
         bold: 'typography--bold',
         medium: 'typography--medium',
         regular: 'typography--regular',
+        semibold: 'typography--semibold',
     };
     const colorClassNameMap = {
         'alert-1': 'typography--alert-1',

package/src/lib/components/Typography/Typography.js

@@ -21,6 +21,7 @@ const Typography = (_a) => {
         bold: 'typography--bold',
         medium: 'typography--medium',
         regular: 'typography--regular',
+        semibold: 'typography--semibold',
     };
     const colorClassNameMap = {
         'alert-1': 'typography--alert-1',

package/src/lib/components/Typography/Typography.types.d.ts

@@ -4,7 +4,7 @@ import { ClassStyleProps } from '../../utils/types';
 export type TypographyTag = ElementType;
 export type TypographyVariant = 'title' | 'body_normal' | 'body_small' | 'body_mini' | 'button_primary' | 'button_secondary' | 'button_tertiary' | 'numbers_display' | 'numbers_big' | 'numbers_medium';
 export type TypographyColor = 'primary' | 'secondary' | 'brand-primary' | 'tertiary' | 'link' | 'error-1' | 'error-2' | 'tooltip' | 'green-1' | 'inherit' | 'white' | 'alert-1' | 'current-color';
-export type TypographyWeight = 'regular' | 'medium' | 'bold';
+export type TypographyWeight = 'regular' | 'medium' | 'semibold' | 'bold';
 export type TypographyTransform = 'uppercase';
 export type TypographyProps<TAG extends ElementType = 'p'> = {
     as?: TAG;

package/src/lib/context/ViewContext/types/index.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { viewToComponentMap } from '../../../views/viewToComponentMap';
-export type ViewType = 'access-blocked' | 'account-upgraded' | 'backup-unsuccessful' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'unified-wallet-exchange-list' | 'external-funding-exchange-list' | 'external-funding-wallet-list' | 'mfa-exchange-view' | 'exchange-whitelist-warning' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'duplicate-wallet' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'passkey-setup' | 'passkey-confirm' | 'embedded-delete-view' | 'embedded-reveal-view' | 'export-shares-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'wallet-upgrade-flow-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account' | 'waas-upgrade-view' | 'wallet-delegation-view' | 'waas-backup-view' | 'waas-backup-info-view' | 'waas-backup-cloud-provider-view' | 'waas-backup-download-view' | 'waas-backup-progress-view' | 'waas-backup-success-view';
+export type ViewType = 'access-blocked' | 'account-upgraded' | 'backup-unsuccessful' | 'select-hardware-wallet' | 'captcha' | 'chainalysis-blocked-wallet' | 'collect-user-data' | 'collect-user-data-login-no-wallet' | 'login-with-email-or-wallet-full-wallet-list' | 'login-with-email-or-wallet' | 'login-with-wallet-only' | 'login-with-email-verification' | 'login-with-sms-verification' | 'network-not-supported' | 'network-not-supported-manual' | 'no-access' | 'no-qr-not-installed' | 'pending-connect' | 'pending-signature-without-back-button' | 'pending-signature' | 'qr-code' | 'verify-email' | 'verify-sms' | 'wallet-connect-mobile-wallets-list' | 'wallet-list' | 'unified-wallet-exchange-list' | 'external-funding-exchange-list' | 'external-funding-wallet-list' | 'mfa-exchange-view' | 'exchange-whitelist-warning' | 'sandbox-maximum-threshold-reached' | 'multi-wallet-wallet-list' | 'duplicate-wallet' | 'wallet-sign' | 'wallet-used' | 'wallet-group' | 'select-wallet-in-wallet-group' | 'wait-for-email-confirmation-view' | 'email-wallet-otp-verification-view' | 'social-redirect-view' | 'wallet-locked-view' | 'social-wrong-account' | 'gate-blocked-wallet' | 'bridge-welcome' | 'bridge-summary' | 'bridge-next-wallet-connection' | 'account-exists' | 'merge-user-accounts' | 'merge-user-accounts-conflicts' | 'merge-user-accounts-with-same-email' | 'mfa-choose-device' | 'mfa-recovery' | 'mfa-secure-device' | 'mfa-secure-device-help' | 'mfa-verification' | 'mfa-display-backup-codes' | 'wallet-cannot-be-transferred' | 'passkey-intro' | 'passkey-recovery-add-email' | 'global-wallet-confirm' | 'global-wallet-malicious' | 'global-wallet-info' | 'passkey-recovery-start' | 'passkey-recovery-bundle' | 'passkey-recovery-complete' | 'passkey-new-domain-detected' | 'passkey-setup' | 'passkey-confirm' | 'embedded-delete-view' | 'embedded-reveal-view' | 'export-shares-view' | 'embedded-reveal-account-view' | 'embedded-wallet-auth-choice' | 'rename-passkey' | 'wallet-redirect-view' | 'wallet-upgrade-flow-view' | 'mobile-wallet-redirect-view' | 'farcaster-connect-view' | 'embedded-wallet-exists' | 'user-delete-account' | 'waas-upgrade-view' | 'wallet-delegation-view' | 'waas-backup-view' | 'waas-backup-info-view' | 'waas-backup-cloud-provider-view' | 'waas-backup-download-view' | 'waas-backup-progress-view' | 'waas-backup-success-view' | 'setup-password-terms';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.cjs

@@ -141,6 +141,12 @@ const shouldNotRenderBottomNavBarOptions = [
     'manage-totp-mfa-no-footer',
     'waas-backup',
     'waas-backup-info',
+    'setup-password',
+    'setup-password-terms',
+    'setup-password-enter',
+    'setup-password-confirm',
+    'setup-password-knowledge-check',
+    'setup-password-success',
 ];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { multiWallet } = useInternalDynamicContext.useInternalDynamicContext();

package/src/lib/layout/DynamicUserProfileLayout/DynamicUserProfileLayout.js

@@ -137,6 +137,12 @@ const shouldNotRenderBottomNavBarOptions = [
     'manage-totp-mfa-no-footer',
     'waas-backup',
     'waas-backup-info',
+    'setup-password',
+    'setup-password-terms',
+    'setup-password-enter',
+    'setup-password-confirm',
+    'setup-password-knowledge-check',
+    'setup-password-success',
 ];
 const DynamicUserProfileLayout = ({ variant, className, style, }) => {
     const { multiWallet } = useInternalDynamicContext();

package/src/lib/modals/SendBalanceModal/SendBalanceModal.cjs

@@ -83,6 +83,7 @@ require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.cjs');
 require('../../utils/hooks/useWalletBackup/useWalletBackup.cjs');
 require('../../utils/hooks/useWalletBackup/types.cjs');
+require('../../components/Input/Input.cjs');
 require('../../utils/hooks/useWalletBackup/cloudProviders.cjs');
 require('../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.cjs');
 require('../../context/OnrampContext/OnrampContext.cjs');
@@ -99,7 +100,6 @@ require('@hcaptcha/react-hcaptcha');
 require('../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.cjs');
 require('../../context/ErrorContext/hooks/useErrorText/useErrorText.cjs');
 require('../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.cjs');
-require('../../components/Input/Input.cjs');
 require('../../store/state/connectorsInitializing/connectorsInitializing.cjs');
 require('../../store/state/tokenBalances.cjs');
 require('../../store/state/multichainBalances.cjs');

package/src/lib/modals/SendBalanceModal/SendBalanceModal.js

@@ -79,6 +79,7 @@ import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/components/PasskeyCard/PasskeyCard.js';
 import '../../utils/hooks/useWalletBackup/useWalletBackup.js';
 import '../../utils/hooks/useWalletBackup/types.js';
+import '../../components/Input/Input.js';
 import '../../utils/hooks/useWalletBackup/cloudProviders.js';
 import '../../widgets/DynamicWidget/views/CryptoComOnramp/CryptoComOnramp.js';
 import '../../context/OnrampContext/OnrampContext.js';
@@ -95,7 +96,6 @@ import '@hcaptcha/react-hcaptcha';
 import '../../views/ExchangeWhitelistWarning/ExchangeWhitelistWarning.js';
 import '../../context/ErrorContext/hooks/useErrorText/useErrorText.js';
 import '../../views/MfaChooseDeviceView/useGetMfaOptions/useGetMfaOptions.js';
-import '../../components/Input/Input.js';
 import '../../store/state/connectorsInitializing/connectorsInitializing.js';
 import '../../store/state/tokenBalances.js';
 import '../../store/state/multichainBalances.js';

package/src/lib/shared/assets/check-circle-filled.cjs

@@ -0,0 +1,60 @@
+'use client'
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n["default"] = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var _circle, _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgCheckCircleFilled = function SvgCheckCircleFilled(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 32,
+    cy: 32,
+    r: 32,
+    fill: "currentColor"
+  })), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    d: "m44.5 24-17 17-8-8",
+    stroke: "#fff",
+    strokeWidth: 3,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+};
+
+exports.ReactComponent = SvgCheckCircleFilled;

package/src/lib/shared/assets/check-circle-filled.js

@@ -0,0 +1,36 @@
+'use client'
+import * as React from 'react';
+
+var _circle, _path;
+var _excluded = ["title", "titleId"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var SvgCheckCircleFilled = function SvgCheckCircleFilled(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 64,
+    height: 64,
+    viewBox: "0 0 64 64",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 32,
+    cy: 32,
+    r: 32,
+    fill: "currentColor"
+  })), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    d: "m44.5 24-17 17-8-8",
+    stroke: "#fff",
+    strokeWidth: 3,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })));
+};
+
+export { SvgCheckCircleFilled as ReactComponent };