@dynamic-labs/sdk-react-core 4.59.1 → 4.60.0

package/CHANGELOG.md

@@ -1,4 +1,27 @@
 
+## [4.60.0](https://github.com/dynamic-labs/dynamic-auth/compare/v4.59.2...v4.60.0) (2026-02-05)
+
+
+### Features
+
+* add prompt to unlock wallet when getting encrypted shares ([#10333](https://github.com/dynamic-labs/dynamic-auth/issues/10333)) ([7009dfa](https://github.com/dynamic-labs/dynamic-auth/commit/7009dfa315538f4f4ad27ff37e7902f10e1cf019))
+* add stellar sendBalance method ([#10310](https://github.com/dynamic-labs/dynamic-auth/issues/10310)) ([c083ea0](https://github.com/dynamic-labs/dynamic-auth/commit/c083ea0a7caa0cb9095d32897acf677c1b661cb4))
+* **webview-controller:** add DelegatedAccessController ([#10348](https://github.com/dynamic-labs/dynamic-auth/issues/10348)) ([57599e4](https://github.com/dynamic-labs/dynamic-auth/commit/57599e4dd1ad6f4b22f98d49d7fae1a724b719ee))
+* **webview-messages:** add DelegatedAccessMessages types ([#10347](https://github.com/dynamic-labs/dynamic-auth/issues/10347)) ([b0a1275](https://github.com/dynamic-labs/dynamic-auth/commit/b0a12759016fa6f8a76753c2394d589acb18ccf1))
+
+### [4.59.2](https://github.com/dynamic-labs/dynamic-auth/compare/v4.59.1...v4.59.2) (2026-02-03)
+
+
+### Features
+
+* add more copykeys in the send widget. ([#10271](https://github.com/dynamic-labs/dynamic-auth/issues/10271)) ([d62c4c5](https://github.com/dynamic-labs/dynamic-auth/commit/d62c4c50feaebb2449b1b3b8372638257761a729))
+* add StellarWalletConnector ([#10249](https://github.com/dynamic-labs/dynamic-auth/issues/10249)) ([152b400](https://github.com/dynamic-labs/dynamic-auth/commit/152b4001fd17f3f11581e66502edd6e17b51ecd0))
+
+
+### Bug Fixes
+
+* filter delegated wallets to only include EVM and Solana chains ([#10237](https://github.com/dynamic-labs/dynamic-auth/issues/10237)) ([53f9b00](https://github.com/dynamic-labs/dynamic-auth/commit/53f9b003b95dcd11ea380893f28085362e42f252))
+
 ### [4.59.1](https://github.com/dynamic-labs/dynamic-auth/compare/v4.59.0...v4.59.1) (2026-01-30)
 
 This was a version bump only, there were no code changes.

package/package.cjs

@@ -3,10 +3,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "4.59.1";
+var version = "4.60.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.860",
 	"@dynamic-labs-sdk/client": "0.4.0",
+	"@dynamic-labs-wallet/browser-wallet-client": "0.0.259",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.js

@@ -1,8 +1,9 @@
 'use client'
-var version = "4.59.1";
+var version = "4.60.0";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.860",
 	"@dynamic-labs-sdk/client": "0.4.0",
+	"@dynamic-labs-wallet/browser-wallet-client": "0.0.259",
 	"@hcaptcha/react-hcaptcha": "1.4.4",
 	"@thumbmarkjs/thumbmarkjs": "0.16.0",
 	"country-list": "2.3.0",

package/package.json

@@ -1,9 +1,10 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "4.59.1",
+  "version": "4.60.0",
   "dependencies": {
     "@dynamic-labs/sdk-api-core": "0.0.860",
     "@dynamic-labs-sdk/client": "0.4.0",
+    "@dynamic-labs-wallet/browser-wallet-client": "0.0.259",
     "@hcaptcha/react-hcaptcha": "1.4.4",
     "@thumbmarkjs/thumbmarkjs": "0.16.0",
     "country-list": "2.3.0",
@@ -15,17 +16,17 @@
     "yup": "0.32.11",
     "react-international-phone": "4.5.0",
     "bs58": "5.0.0",
-    "@dynamic-labs/assert-package-version": "4.59.1",
-    "@dynamic-labs/iconic": "4.59.1",
-    "@dynamic-labs/locale": "4.59.1",
-    "@dynamic-labs/logger": "4.59.1",
-    "@dynamic-labs/multi-wallet": "4.59.1",
-    "@dynamic-labs/rpc-providers": "4.59.1",
-    "@dynamic-labs/store": "4.59.1",
-    "@dynamic-labs/types": "4.59.1",
-    "@dynamic-labs/utils": "4.59.1",
-    "@dynamic-labs/wallet-book": "4.59.1",
-    "@dynamic-labs/wallet-connector-core": "4.59.1",
+    "@dynamic-labs/assert-package-version": "4.60.0",
+    "@dynamic-labs/iconic": "4.60.0",
+    "@dynamic-labs/locale": "4.60.0",
+    "@dynamic-labs/logger": "4.60.0",
+    "@dynamic-labs/multi-wallet": "4.60.0",
+    "@dynamic-labs/rpc-providers": "4.60.0",
+    "@dynamic-labs/store": "4.60.0",
+    "@dynamic-labs/types": "4.60.0",
+    "@dynamic-labs/utils": "4.60.0",
+    "@dynamic-labs/wallet-book": "4.60.0",
+    "@dynamic-labs/wallet-connector-core": "4.60.0",
     "eventemitter3": "5.0.1"
   },
   "devDependencies": {

package/src/index.cjs

@@ -149,11 +149,11 @@ require('./lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds
 var NoQrNotInstalledView = require('./lib/views/NoQrNotInstalledView/NoQrNotInstalledView.cjs');
 var CollectUserDataView = require('./lib/views/CollectUserDataView/CollectUserDataView.cjs');
 var EmailConfirmationWaitingView = require('./lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.cjs');
+var FarcasterConnectView = require('./lib/views/FarcasterConnectView/FarcasterConnectView.cjs');
 var NoAccess = require('./lib/views/NoAccess/NoAccess.cjs');
 var PendingSignatureView = require('./lib/views/PendingSignatureView/PendingSignatureView.cjs');
 var QrCodeView = require('./lib/views/QrCodeView/QrCodeView.cjs');
 var WalletList = require('./lib/views/WalletList/WalletList.cjs');
-var FarcasterConnectView = require('./lib/views/FarcasterConnectView/FarcasterConnectView.cjs');
 var NetworkNotSupportedSwitchManual = require('./lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.cjs');
 var viewToComponentMap = require('./lib/views/viewToComponentMap.cjs');
 require('./lib/store/state/connectorsInitializing/connectorsInitializing.cjs');
@@ -184,6 +184,7 @@ var usePromptMfaAuth = require('./lib/utils/hooks/usePromptMfaAuth/usePromptMfaA
 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 useGetPasswordForSigning = require('./lib/utils/hooks/useGetPasswordForSigning/useGetPasswordForSigning.cjs');
 var DynamicConnectButton = require('./lib/components/DynamicConnectButton/DynamicConnectButton.cjs');
 require('./lib/components/InlineWidget/InlineWidget.cjs');
 var IsBrowser = require('./lib/components/IsBrowser/IsBrowser.cjs');
@@ -308,11 +309,11 @@ exports.useFundWithWallet = useFundWithWallet.useFundWithWallet;
 exports.NoQrNotInstalledView = NoQrNotInstalledView.NoQrNotInstalledView;
 exports.CollectUserDataView = CollectUserDataView.CollectUserDataView;
 exports.EmailConfirmationWaitingView = EmailConfirmationWaitingView.EmailConfirmationWaitingView;
+exports.FarcasterConnectView = FarcasterConnectView.FarcasterConnectView;
 exports.NoAccess = NoAccess.NoAccess;
 exports.PendingSignatureView = PendingSignatureView.PendingSignatureView;
 exports.QrCodeView = QrCodeView.QrCodeView;
 exports.WalletList = WalletList.WalletList;
-exports.FarcasterConnectView = FarcasterConnectView.FarcasterConnectView;
 exports.NetworkNotSupportedSwitchManual = NetworkNotSupportedSwitchManual.NetworkNotSupportedSwitchManual;
 exports.viewToComponentMap = viewToComponentMap.viewToComponentMap;
 exports.useDynamicWaas = useDynamicWaas.useDynamicWaas;
@@ -345,6 +346,7 @@ exports.usePromptMfaAuth = usePromptMfaAuth.usePromptMfaAuth;
 exports.useUpgradeToDynamicWaasFlow = useUpgradeToDynamicWaasFlow.useUpgradeToDynamicWaasFlow;
 exports.useIsMfaRequiredForAction = useIsMfaRequiredForAction.useIsMfaRequiredForAction;
 exports.useRefreshAuth = useRefreshAuth.useRefreshAuth;
+exports.useGetPasswordForSigning = useGetPasswordForSigning.useGetPasswordForSigning;
 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, 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 { 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, useGetPasswordForSigning, 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

@@ -145,11 +145,11 @@ import './lib/widgets/DynamicWidget/views/ReceiveWalletFunds/ReceiveWalletFunds.
 export { NoQrNotInstalledView } from './lib/views/NoQrNotInstalledView/NoQrNotInstalledView.js';
 export { CollectUserDataView } from './lib/views/CollectUserDataView/CollectUserDataView.js';
 export { EmailConfirmationWaitingView } from './lib/views/EmailConfirmationWaitingView/EmailConfirmationWaitingView.js';
+export { FarcasterConnectView } from './lib/views/FarcasterConnectView/FarcasterConnectView.js';
 export { NoAccess } from './lib/views/NoAccess/NoAccess.js';
 export { PendingSignatureView } from './lib/views/PendingSignatureView/PendingSignatureView.js';
 export { QrCodeView } from './lib/views/QrCodeView/QrCodeView.js';
 export { WalletList } from './lib/views/WalletList/WalletList.js';
-export { FarcasterConnectView } from './lib/views/FarcasterConnectView/FarcasterConnectView.js';
 export { NetworkNotSupportedSwitchManual } from './lib/views/NetworkNotSupportedSwitchManual/NetworkNotSupportedSwitchManual.js';
 export { viewToComponentMap } from './lib/views/viewToComponentMap.js';
 import './lib/store/state/connectorsInitializing/connectorsInitializing.js';
@@ -180,6 +180,7 @@ export { usePromptMfaAuth } from './lib/utils/hooks/usePromptMfaAuth/usePromptMf
 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 { useGetPasswordForSigning } from './lib/utils/hooks/useGetPasswordForSigning/useGetPasswordForSigning.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/FormFieldLabel/FormFieldLabel.cjs

@@ -3,9 +3,13 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
-const FormFieldLabel = ({ children, htmlFor, className, divider, }) => (jsxRuntime.jsx("label", { className: classNames.classNames('form-field-label', { 'form-field-label__with-divider': divider }, className), htmlFor: htmlFor, children: children }));
+const FormFieldLabel = (_a) => {
+    var { children, htmlFor, className, divider } = _a, props = _tslib.__rest(_a, ["children", "htmlFor", "className", "divider"]);
+    return (jsxRuntime.jsx("label", Object.assign({ className: classNames.classNames('form-field-label', { 'form-field-label__with-divider': divider }, className), htmlFor: htmlFor }, props, { children: children })));
+};
 
 exports.FormFieldLabel = FormFieldLabel;

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

@@ -1,8 +1,9 @@
 import { FC, PropsWithChildren } from 'react';
+import { CopyKey } from '../../shared';
 type FormFieldLabelProps = {
     htmlFor?: string;
     className?: string;
     divider?: boolean;
-};
+} & CopyKey;
 export declare const FormFieldLabel: FC<PropsWithChildren<FormFieldLabelProps>>;
 export {};

package/src/lib/components/FormFieldLabel/FormFieldLabel.js

@@ -1,7 +1,11 @@
 'use client'
+import { __rest } from '../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
-const FormFieldLabel = ({ children, htmlFor, className, divider, }) => (jsx("label", { className: classNames('form-field-label', { 'form-field-label__with-divider': divider }, className), htmlFor: htmlFor, children: children }));
+const FormFieldLabel = (_a) => {
+    var { children, htmlFor, className, divider } = _a, props = __rest(_a, ["children", "htmlFor", "className", "divider"]);
+    return (jsx("label", Object.assign({ className: classNames('form-field-label', { 'form-field-label__with-divider': divider }, className), htmlFor: htmlFor }, props, { children: children })));
+};
 
 export { FormFieldLabel };

package/src/lib/components/SendBalanceForm/SendBalanceForm.cjs

@@ -169,7 +169,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
     }, [decimals, validateAddress, validateAmount]);
     return (jsxRuntime.jsx(formik.Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
-            return (jsxRuntime.jsxs(formik.Form, { className: 'send-balance-form', children: [jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { children: "Select any token" }), jsxRuntime.jsx(TokensBalanceDropdown.TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxRuntime.jsxs("div", { className: 'send-balance-form__amount-container', children: [jsxRuntime.jsx(formik.Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
+            return (jsxRuntime.jsxs(formik.Form, { className: 'send-balance-form', children: [jsxRuntime.jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsxRuntime.jsx(FormFieldLabel.FormFieldLabel, { copykey: 'dyn_send_transaction.data.select_token', children: t('dyn_send_transaction.data.select_token') }), jsxRuntime.jsx(TokensBalanceDropdown.TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxRuntime.jsxs("div", { className: 'send-balance-form__amount-container', children: [jsxRuntime.jsx(formik.Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
                                     // Matching 123, 123.45, .45, 123.
                                     if (newValue !== '' && !/^(?:\d+|\d*\.\d*|)$/.test(newValue)) {
@@ -189,7 +189,9 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input.Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,
-                                } }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: utils.getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), `${currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol} Available`] }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsxRuntime.jsx(formik.Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input.Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
+                                } }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsxRuntime.jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: utils.getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxRuntime.jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsxRuntime.jsx(Typography.Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), t('dyn_send_transaction.data.symbol_available', {
+                                    symbol: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol,
+                                })] }) }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsxRuntime.jsx(formik.Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input.Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
                             getDisplayErrorMessage(errors, t, 'recipient') }), jsxRuntime.jsx(TypographyButton.TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'small', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };

package/src/lib/components/SendBalanceForm/SendBalanceForm.js

@@ -165,7 +165,7 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
     }, [decimals, validateAddress, validateAmount]);
     return (jsx(Formik, { initialValues: initialValues || sendBalanceFormInitialValues, validationSchema: sendBalanceFormValidationSchema, onSubmit: (values) => onSubmit(values), validateOnChange: false, validateOnBlur: false, children: ({ errors, touched, values, handleChange, setFieldValue, setErrors, handleBlur, setFieldTouched, validateField, }) => {
             var _a;
-            return (jsxs(Form, { className: 'send-balance-form', children: [jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { children: "Select any token" }), jsx(TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxs("div", { className: 'send-balance-form__amount-container', children: [jsx(Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
+            return (jsxs(Form, { className: 'send-balance-form', children: [jsxs("div", { className: 'send-balance-page-layout__balance-container', children: [jsx(FormFieldLabel, { copykey: 'dyn_send_transaction.data.select_token', children: t('dyn_send_transaction.data.select_token') }), jsx(TokensBalanceDropdown, { tokenBalances: tokenBalances !== null && tokenBalances !== void 0 ? tokenBalances : (currentToken && [currentToken]), currentToken: currentToken, setCurrentToken: setCurrentToken, isLoading: isLoading, setFieldValue: setFieldValue, setErrors: setErrors })] }), jsxs("div", { className: 'send-balance-form__amount-container', children: [jsx(Field, { variant: 'regular', className: `send-balance-form__amount-container__field ${showFiat ? 'fiat' : ''}`, name: 'amount', id: 'amount', onChange: (e) => {
                                     const newValue = e.target.value;
                                     // Matching 123, 123.45, .45, 123.
                                     if (newValue !== '' && !/^(?:\d+|\d*\.\d*|)$/.test(newValue)) {
@@ -185,7 +185,9 @@ const SendBalanceForm = ({ initialValues, onSubmit, decimals = 18, validateAddre
                                 }, placeholder: t('dyn_send_transaction.data.amount.placeholder'), as: Input, error: errors['amount'], copykey: 'dyn_send_transaction.data.amount.label', message: touched['amount'] &&
                                     getDisplayErrorMessage(errors, t, 'amount', decimals), style: {
                                     paddingLeft: `${leftSymbolPadding}px`,
-                                } }), jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsx(Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsx(Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsx(Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsx(Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), `${currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol} Available`] }) }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsx(Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
+                                } }), jsx("div", { className: 'send-balance-form__amount-container__floating_value', ref: floatingValueRef, children: jsx(Typography, { variant: 'title', weight: 'regular', color: 'secondary', children: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol }) }), jsx("div", { className: 'send-balance-form__amount-container__balance', children: showFiat && !Number.isNaN(amount) && (jsxs(Fragment, { children: [jsx(Typography, { variant: 'body_mini', weight: 'bold', color: 'secondary', children: "$" }), jsx(Typography, { variant: 'body_mini', weight: 'regular', color: 'secondary', children: getDisplayFiatPrice(amount, currentToken) })] })) })] }), jsx(Typography, { className: 'send-balance-form__amount_available', variant: 'body_small', weight: 'regular', color: 'secondary', as: 'div', children: jsxs("div", { style: { display: 'flex', gap: '0.225rem' }, children: [jsx(Typography, { className: 'send-balance-form__amount_available__line', variant: 'body_small', weight: 'bold', color: 'primary', as: 'div', children: (_a = currentToken === null || currentToken === void 0 ? void 0 : currentToken.balance) !== null && _a !== void 0 ? _a : 0 }), t('dyn_send_transaction.data.symbol_available', {
+                                    symbol: currentToken === null || currentToken === void 0 ? void 0 : currentToken.symbol,
+                                })] }) }), jsx(Typography, { variant: 'body_small', weight: 'regular', color: 'secondary', copykey: 'dyn_send_transaction.data.recipient.label', children: "Recipient Address" }), jsx(Field, { className: 'send-balance-form__field', placeholder: t('dyn_send_transaction.data.recipient.placeholder'), label: t('dyn_send_transaction.data.recipient.label'), id: 'recipient', name: 'recipient', as: Input, error: errors['recipient'], copykey: 'dyn_send_transaction.data.recipient.label', message: touched['recipient'] &&
                             getDisplayErrorMessage(errors, t, 'recipient') }), jsx(TypographyButton, { dataTestId: 'sendBalanceFormSubmitButton', expanded: true, type: 'submit', buttonVariant: 'primary', buttonPadding: 'small', buttonClassName: 'send-balance-form__button', copykey: 'dyn_send_transaction.preview_transaction', children: t('dyn_send_transaction.preview_transaction') })] }));
         } }));
 };

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' | 'setup-password-terms' | 'setup-password-for-wallet-creation';
+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' | 'unlock-wallet';
 export type ViewMapConstraint = Record<ViewType, FC<any>>;
 export type ViewMap = typeof viewToComponentMap;
 export type ViewState<T extends ViewType> = {

package/src/lib/events/embeddedWallet.d.ts

@@ -1,6 +1,13 @@
 import { JwtVerifiedCredential } from '@dynamic-labs/sdk-api-core';
-import { Wallet } from '../shared/types/wallets';
 import { UserProfile } from '../..';
+import { Wallet } from '../shared/types/wallets';
+export type WalletUnlockPayload = {
+    accountAddress: string;
+    chainName: string;
+};
+export type WalletUnlockPasswordPayload = WalletUnlockPayload & {
+    password: string;
+};
 export type EmbeddedWalletEvents = {
     embeddedWalletCreated: (wallet: Wallet, verifiedCredential: JwtVerifiedCredential | undefined, user: UserProfile | undefined) => void;
     embeddedWalletFailed: (error: unknown) => void;
@@ -10,6 +17,11 @@ export type EmbeddedWalletEvents = {
     embeddedWalletDelegationFailed: (error: unknown) => void;
     embeddedWalletRecoveryEmailCompleted: (email: string) => void;
     embeddedWalletRecoveryEmailFailed: (error: unknown) => void;
-    embeddedWalletPasswordSetupCompleted: (password: string) => void;
-    embeddedWalletPasswordSetupCancelled: () => void;
+    walletUnlockAttempt: (payload: WalletUnlockPayload) => void;
+    walletUnlockPasswordProvided: (payload: WalletUnlockPasswordPayload) => void;
+    walletUnlockCompleted: (payload: WalletUnlockPayload) => void;
+    walletUnlockFailed: (payload: WalletUnlockPayload & {
+        error: unknown;
+    }) => void;
+    walletUnlockCancelled: (payload: WalletUnlockPayload) => void;
 };

package/src/lib/shared/assets/index.d.ts

@@ -104,6 +104,7 @@ export { ReactComponent as SendIcon } from './send.svg';
 export { ReactComponent as SessionIcon } from './session.svg';
 export { ReactComponent as SettingsIconOutline } from './settings-outline.svg';
 export { ReactComponent as SettingsIcon } from './settings.svg';
+export { ReactComponent as SetupPasswordTermsIllustration } from './setup-password-terms-illustration.svg';
 export { ReactComponent as ShieldIcon } from './shield.svg';
 export { ReactComponent as SignCircleIcon } from './sign-circle.svg';
 export { ReactComponent as SignInWithEmailIcon } from './sign-in-with-email.svg';
@@ -132,7 +133,6 @@ export { ReactComponent as WalletV2Icon } from './wallet-v2.svg';
 export { ReactComponent as WalletWithSunglassesIcon } from './wallet-with-sunglasses.svg';
 export { ReactComponent as WalletIcon } from './wallet.svg';
 export { PhantomLedgerIcon } from './wallets/PhantomLedgerIcon/PhantomLedgerIcon';
-export { ReactComponent as WarningCircleOrangeIcon } from './warning-circle-orange.svg';
 export { ReactComponent as WarningOrangeIcon } from './warning-orange.svg';
 export { ReactComponent as WarningRedIcon } from './warning-red.svg';
 export { ReactComponent as WhiteCheck } from './white-check-black-circle.svg';

package/src/lib/shared/assets/setup-password-terms-illustration.cjs

@@ -0,0 +1,83 @@
+'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 _g, _defs;
+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 SvgSetupPasswordTermsIllustration = function SvgSetupPasswordTermsIllustration(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
+    width: 317,
+    height: 85,
+    viewBox: "0 0 317 85",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React__namespace.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    clipPath: "url(#setup-password-terms-illustration_svg__a)"
+  }, /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 158.41,
+    cy: 110.114,
+    r: 110.114,
+    fill: "url(#setup-password-terms-illustration_svg__b)",
+    fillOpacity: 0.12
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M230.37 18.352a3.864 3.864 0 0 1 3.864 3.863v7.728a3.863 3.863 0 0 1-3.864 3.863h-38.636a3.864 3.864 0 0 1-3.864-3.863v-7.728a3.864 3.864 0 0 1 3.864-3.863h38.636Zm-32.002 5.152c-1.449 0-2.625 1.153-2.625 2.576 0 1.422 1.176 2.575 2.625 2.575s2.624-1.153 2.624-2.575c0-1.423-1.175-2.576-2.624-2.576Zm8.747 0c-1.449 0-2.624 1.153-2.624 2.576 0 1.422 1.175 2.575 2.624 2.575 1.45 0 2.625-1.153 2.625-2.575 0-1.423-1.175-2.576-2.625-2.576Zm8.749 0c-1.449 0-2.624 1.153-2.624 2.576 0 1.422 1.175 2.575 2.624 2.575 1.45 0 2.625-1.153 2.625-2.575 0-1.423-1.175-2.576-2.625-2.576Zm8.746 0c-1.449 0-2.624 1.154-2.624 2.576l.014.263c.134 1.298 1.252 2.312 2.61 2.312 1.359 0 2.477-1.014 2.612-2.313l.013-.262c0-1.423-1.175-2.576-2.625-2.576Zm0 .965c.933 0 1.659.739 1.66 1.61-.001.873-.727 1.61-1.66 1.61-.932 0-1.658-.738-1.658-1.61 0-.871.726-1.61 1.658-1.61ZM97.995 25.218c8.244-2.209 16.719 2.683 18.928 10.927 2.209 8.245-2.684 16.72-10.928 18.929-8.245 2.209-16.719-2.684-18.928-10.929-2.209-8.244 2.684-16.718 10.928-18.927Zm1.839 6.007a3.9 3.9 0 0 0-2.757 4.776l.504 1.882a6.498 6.498 0 1 0 7.532-2.018l-.504-1.882a3.9 3.9 0 0 0-4.58-2.805l-.195.047Zm2.145 7.925a1.69 1.69 0 0 1 1.532 2.919l.355 1.325a.725.725 0 1 1-1.4.375l-.355-1.325a1.69 1.69 0 0 1-.132-3.294Zm-1.395-5.126a1.002 1.002 0 0 1 1.226.709l.188.701a6.583 6.583 0 0 0-1.935.519l-.188-.702a1.003 1.003 0 0 1 .709-1.227ZM165.171 39.28a4.508 4.508 0 0 1 4.508 4.507h-27.045a8.992 8.992 0 0 0-6.618 2.893c.762-4.209 4.444-7.4 8.871-7.4h20.284ZM180.947 57.31a9.015 9.015 0 0 0-9.015-9.015h-27.046a9.015 9.015 0 0 0-9.015 9.015v18.03a9.015 9.015 0 0 0 9.015 9.015h27.046a9.015 9.015 0 0 0 9.015-9.015V57.31Z",
+    fill: "#4779FF"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M155.879 66.785a7.284 7.284 0 0 0 1.936 2.16l-2.734 2.734 2.031 2.031-2.049 2.05-2.031-2.032-1.991 1.992-2.049-2.049 6.887-6.886Zm6.153-9.555a5.796 5.796 0 1 1-.001 11.591 5.796 5.796 0 0 1 .001-11.591Zm0 2.898a2.899 2.899 0 0 0 0 5.795 2.899 2.899 0 0 0 0-5.796Z",
+    fill: "#fff"
+  }))), _defs || (_defs = /*#__PURE__*/React__namespace.createElement("defs", null, /*#__PURE__*/React__namespace.createElement("linearGradient", {
+    id: "setup-password-terms-illustration_svg__b",
+    x1: 158.41,
+    y1: 0,
+    x2: 158.41,
+    y2: 90.313,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React__namespace.createElement("stop", {
+    stopColor: "#4779FF"
+  }), /*#__PURE__*/React__namespace.createElement("stop", {
+    offset: 1,
+    stopColor: "#4779FF",
+    stopOpacity: 0
+  })), /*#__PURE__*/React__namespace.createElement("clipPath", {
+    id: "setup-password-terms-illustration_svg__a"
+  }, /*#__PURE__*/React__namespace.createElement("rect", {
+    width: 316.818,
+    height: 85,
+    rx: 11.591,
+    fill: "#fff"
+  })))));
+};
+
+exports.ReactComponent = SvgSetupPasswordTermsIllustration;

package/src/lib/shared/assets/setup-password-terms-illustration.js

@@ -0,0 +1,59 @@
+'use client'
+import * as React from 'react';
+
+var _g, _defs;
+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 SvgSetupPasswordTermsIllustration = function SvgSetupPasswordTermsIllustration(_ref) {
+  var title = _ref.title,
+    titleId = _ref.titleId,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: 317,
+    height: 85,
+    viewBox: "0 0 317 85",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    "aria-labelledby": titleId
+  }, props), title ? /*#__PURE__*/React.createElement("title", {
+    id: titleId
+  }, title) : null, _g || (_g = /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#setup-password-terms-illustration_svg__a)"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 158.41,
+    cy: 110.114,
+    r: 110.114,
+    fill: "url(#setup-password-terms-illustration_svg__b)",
+    fillOpacity: 0.12
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M230.37 18.352a3.864 3.864 0 0 1 3.864 3.863v7.728a3.863 3.863 0 0 1-3.864 3.863h-38.636a3.864 3.864 0 0 1-3.864-3.863v-7.728a3.864 3.864 0 0 1 3.864-3.863h38.636Zm-32.002 5.152c-1.449 0-2.625 1.153-2.625 2.576 0 1.422 1.176 2.575 2.625 2.575s2.624-1.153 2.624-2.575c0-1.423-1.175-2.576-2.624-2.576Zm8.747 0c-1.449 0-2.624 1.153-2.624 2.576 0 1.422 1.175 2.575 2.624 2.575 1.45 0 2.625-1.153 2.625-2.575 0-1.423-1.175-2.576-2.625-2.576Zm8.749 0c-1.449 0-2.624 1.153-2.624 2.576 0 1.422 1.175 2.575 2.624 2.575 1.45 0 2.625-1.153 2.625-2.575 0-1.423-1.175-2.576-2.625-2.576Zm8.746 0c-1.449 0-2.624 1.154-2.624 2.576l.014.263c.134 1.298 1.252 2.312 2.61 2.312 1.359 0 2.477-1.014 2.612-2.313l.013-.262c0-1.423-1.175-2.576-2.625-2.576Zm0 .965c.933 0 1.659.739 1.66 1.61-.001.873-.727 1.61-1.66 1.61-.932 0-1.658-.738-1.658-1.61 0-.871.726-1.61 1.658-1.61ZM97.995 25.218c8.244-2.209 16.719 2.683 18.928 10.927 2.209 8.245-2.684 16.72-10.928 18.929-8.245 2.209-16.719-2.684-18.928-10.929-2.209-8.244 2.684-16.718 10.928-18.927Zm1.839 6.007a3.9 3.9 0 0 0-2.757 4.776l.504 1.882a6.498 6.498 0 1 0 7.532-2.018l-.504-1.882a3.9 3.9 0 0 0-4.58-2.805l-.195.047Zm2.145 7.925a1.69 1.69 0 0 1 1.532 2.919l.355 1.325a.725.725 0 1 1-1.4.375l-.355-1.325a1.69 1.69 0 0 1-.132-3.294Zm-1.395-5.126a1.002 1.002 0 0 1 1.226.709l.188.701a6.583 6.583 0 0 0-1.935.519l-.188-.702a1.003 1.003 0 0 1 .709-1.227ZM165.171 39.28a4.508 4.508 0 0 1 4.508 4.507h-27.045a8.992 8.992 0 0 0-6.618 2.893c.762-4.209 4.444-7.4 8.871-7.4h20.284ZM180.947 57.31a9.015 9.015 0 0 0-9.015-9.015h-27.046a9.015 9.015 0 0 0-9.015 9.015v18.03a9.015 9.015 0 0 0 9.015 9.015h27.046a9.015 9.015 0 0 0 9.015-9.015V57.31Z",
+    fill: "#4779FF"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M155.879 66.785a7.284 7.284 0 0 0 1.936 2.16l-2.734 2.734 2.031 2.031-2.049 2.05-2.031-2.032-1.991 1.992-2.049-2.049 6.887-6.886Zm6.153-9.555a5.796 5.796 0 1 1-.001 11.591 5.796 5.796 0 0 1 .001-11.591Zm0 2.898a2.899 2.899 0 0 0 0 5.795 2.899 2.899 0 0 0 0-5.796Z",
+    fill: "#fff"
+  }))), _defs || (_defs = /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("linearGradient", {
+    id: "setup-password-terms-illustration_svg__b",
+    x1: 158.41,
+    y1: 0,
+    x2: 158.41,
+    y2: 90.313,
+    gradientUnits: "userSpaceOnUse"
+  }, /*#__PURE__*/React.createElement("stop", {
+    stopColor: "#4779FF"
+  }), /*#__PURE__*/React.createElement("stop", {
+    offset: 1,
+    stopColor: "#4779FF",
+    stopOpacity: 0
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "setup-password-terms-illustration_svg__a"
+  }, /*#__PURE__*/React.createElement("rect", {
+    width: 316.818,
+    height: 85,
+    rx: 11.591,
+    fill: "#fff"
+  })))));
+};
+
+export { SvgSetupPasswordTermsIllustration as ReactComponent };