@dynamic-labs/sdk-react-core 4.0.1 → 4.2.0

package/src/lib/components/TransactionConfirmationPageLayout/TransactionConfirmationPageLayout.js

@@ -8,10 +8,10 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgArrowLeft } from '../../shared/assets/arrow-left.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
 import { ReactComponent as SvgSend } from '../../shared/assets/send.js';
+import { useViewContext } from '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';
@@ -39,14 +39,14 @@ import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
-import '../../context/WalletContext/WalletContext.js';
-import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
-import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
+import { usePasskeyRecovery } from '../../utils/hooks/usePasskeyRecovery/usePasskeyRecovery.js';
 import '@dynamic-labs/types';
 import '../../context/LoadingContext/LoadingContext.js';
+import '../../context/WalletContext/WalletContext.js';
+import { useIsTurnkeyWallet } from '../../utils/hooks/useIsTurnkeyWallet/useIsTurnkeyWallet.js';
+import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import 'yup';
 import '../../context/MockContext/MockContext.js';
 import '../../views/CollectUserDataView/useFields.js';
@@ -59,8 +59,8 @@ import '../Alert/Alert.js';
 import { AnimatePresence } from '../AnimatePresence/AnimatePresence.js';
 import { Typography } from '../Typography/Typography.js';
 import { Icon } from '../Icon/Icon.js';
-import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import '../ShadowDOM/ShadowDOM.js';
+import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import '../InlineWidget/InlineWidget.js';
 import '../Input/Input.js';
@@ -111,7 +111,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
     const { userNeedsCrossDomainPasskey } = usePasskeyContext();
     const { initPasskeyRecoveryProcess, shouldInitRecovery } = usePasskeyRecovery();
     const { currency } = useFetchCurrency(walletConnector);
-    const currencySymbol = useCurrencySymbol(currentToken, currency);
+    const currencySymbol = useCurrencySymbol(currentToken, currency === null || currency === void 0 ? void 0 : currency.symbol);
     const { nativePrice } = useSendBalanceState();
     useHandleRecovery(walletConnector, usingSessionKey, onSuccess, shouldInitRecovery, initPasskeyRecoveryProcess, hideModal);
     const handleSubmitWithChecks = useHandleSubmitWithChecks({
@@ -125,7 +125,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
     const backButton = onClickBack && (jsx(IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsx(SvgArrowLeft, {}) }));
     const gasFiatValue = getGasFiatValue(currentToken, transaction, nativePrice);
     const totalGasFiatValue = getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
-    return hideModal ? null : (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), jsx("div", { className: 'transaction-confirmation__banner', children: jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) }), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'transaction-confirmation__body', children: [jsxs("div", { className: 'transaction-confirmation__content', children: [!sendBalanceTransaction ? (jsx(TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: walletConnector ? isZeroDevConnector(walletConnector) : false, simulationResult: simulationResult, recipient: recipient })) : (jsx(SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency, total: total, t: t, walletKey: walletKey })), children && (jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: alert && (jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsx(TypographyButton, { buttonVariant: 'primary', buttonPadding: 'small', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'small', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', startSlot: 
+    return hideModal ? null : (jsxs(Fragment, { children: [jsx(ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsx("div", { className: 'send-balance-page-layout__header-content', children: jsx(Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), jsx("div", { className: 'transaction-confirmation__banner', children: jsx(Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) }), jsx(PasskeyCreatedSuccessBanner, {}), jsxs("div", { className: 'transaction-confirmation__body', children: [jsxs("div", { className: 'transaction-confirmation__content', children: [!sendBalanceTransaction ? (jsx(TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, isAATransaction: walletConnector ? isZeroDevConnector(walletConnector) : false, simulationResult: simulationResult, recipient: recipient })) : (jsx(SendBalanceTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = getValueRounded(Boolean(isNativeToken), transaction)) === null || _a === void 0 ? void 0 : _a.toString(), transactionValue: transactionValue, isGasSponsored: isGasSponsored, gasFiatValue: gasFiatValue || '0', totalGasFiatValue: totalGasFiatValue || '0', currency: currency === null || currency === void 0 ? void 0 : currency.symbol, total: total, t: t, walletKey: walletKey })), children && (jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsx(AnimatePresence, { animationComponent: jsx(VerticalDrawerTransition, {}), children: alert && (jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsx(TypographyButton, { buttonVariant: 'primary', buttonPadding: 'small', onClick: onClickBack || onClickClose, expanded: true, disabled: isLoading, copykey: 'dyn_send_transaction.confirmation.cancel_button', children: t('dyn_send_transaction.confirmation.cancel_button') })), jsx(TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'small', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', startSlot: 
                                 // eslint-disable-next-line react/jsx-wrap-multilines
                                 jsx(Icon, { size: 'small', color: 'text-secondary', children: jsx(SvgSend, {}) }), dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), displayPoweredByDynamicFooter && (jsx(PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' }))] })] }));
 };

package/src/lib/components/TransactionConfirmationPageLayout/utils.cjs

@@ -8,9 +8,9 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
+require('react');
 require('react/jsx-runtime');
 require('../../context/ViewContext/ViewContext.cjs');
-require('react');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../utils/constants/colors.cjs');

package/src/lib/components/TransactionConfirmationPageLayout/utils.d.ts

@@ -23,7 +23,7 @@ interface ViewHandlers {
     setView: (view: ViewType) => void;
     setShowAuthFlow: (show: boolean, options: AuthFlowOptions) => void;
 }
-export declare const useCurrencySymbol: (currentToken: TokenBalance | undefined, currency: string) => string;
+export declare const useCurrencySymbol: (currentToken: TokenBalance | undefined, currency: string | undefined) => string | undefined;
 export declare const getValueRounded: (isNativeToken: boolean, transaction: IUITransaction) => string | number | undefined;
 export declare const calculateFiatPrice: (amount?: number, price?: number, decimals?: number) => number | undefined;
 export declare const getDisplayFiatPrice: (amountValue?: number, currentToken?: TokenBalance) => string;

package/src/lib/components/TransactionConfirmationPageLayout/utils.js

@@ -4,9 +4,9 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
+import 'react';
 import 'react/jsx-runtime';
 import '../../context/ViewContext/ViewContext.js';
-import 'react';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../utils/constants/colors.js';

package/src/lib/components/TransactionStatusLayout/TransactionStatusLayout.cjs

@@ -16,9 +16,9 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 var checkBlue = require('../../shared/assets/check-blue.cjs');
 var close = require('../../shared/assets/close.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('../../utils/constants/colors.cjs');
@@ -26,7 +26,6 @@ require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('../../shared/consts/index.cjs');
 var Icon = require('../Icon/Icon.cjs');
-var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('react-dom');
 require('../../events/dynamicEvents.cjs');
 require('../../context/DynamicContext/DynamicContext.cjs');
@@ -48,12 +47,12 @@ require('../../context/AccountExistsContext/AccountExistsContext.cjs');
 require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('../../utils/functions/compareChains/compareChains.cjs');
-require('../../context/WalletContext/WalletContext.cjs');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 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');
@@ -76,6 +75,7 @@ require('react-focus-lock');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
 var IconButton = require('../IconButton/IconButton.cjs');
 require('../MenuList/Dropdown/Dropdown.cjs');
+var TypographyButton = require('../TypographyButton/TypographyButton.cjs');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
 var ModalHeader = require('../ModalHeader/ModalHeader.cjs');

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

@@ -12,9 +12,9 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgCheckBlue } from '../../shared/assets/check-blue.js';
 import { ReactComponent as SvgClose } from '../../shared/assets/close.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '../../utils/constants/colors.js';
@@ -22,7 +22,6 @@ import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';
 import '../../shared/consts/index.js';
 import { Icon } from '../Icon/Icon.js';
-import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import 'react-dom';
 import '../../events/dynamicEvents.js';
 import '../../context/DynamicContext/DynamicContext.js';
@@ -44,12 +43,12 @@ import '../../context/AccountExistsContext/AccountExistsContext.js';
 import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import '../../utils/functions/compareChains/compareChains.js';
-import '../../context/WalletContext/WalletContext.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 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';
@@ -72,6 +71,7 @@ import 'react-focus-lock';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
 import { IconButton } from '../IconButton/IconButton.js';
 import '../MenuList/Dropdown/Dropdown.js';
+import { TypographyButton } from '../TypographyButton/TypographyButton.js';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
 import { ModalHeader } from '../ModalHeader/ModalHeader.js';

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

@@ -7,12 +7,13 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var useTransition = require('../../../utils/hooks/useTransition/useTransition.cjs');
+var transitions = require('../../../utils/constants/transitions.cjs');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const getSlideInUpTransitionDefaultStyles = (duration, curve = 'linear') => ({
+const getSlideInUpTransitionDefaultStyles = (duration, curve = transitions.EASING_FUNCTION_DEFAULT) => ({
     transition: `transform ${duration}ms ${curve}, opacity ${duration}ms ${curve}`,
 });
 const transitionStyles = {
@@ -27,9 +28,9 @@ const transitionStyles = {
     },
 };
 const UnoptimizedSlideInUpTransition = (_a) => {
-    var { children, className } = _a, transitionProps = _tslib.__rest(_a, ["children", "className"]);
+    var { children, className, easingFunction } = _a, transitionProps = _tslib.__rest(_a, ["children", "className", "easingFunction"]);
     const { mount, stage, currentDuration } = useTransition.useTransition(transitionProps);
-    const defaultStyles = getSlideInUpTransitionDefaultStyles(currentDuration);
+    const defaultStyles = getSlideInUpTransitionDefaultStyles(currentDuration, easingFunction);
     const stageStyles = transitionStyles[stage];
     if (!mount)
         return null;

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

@@ -3,8 +3,9 @@ import { __rest } from '../../../../../_virtual/_tslib.js';
 import { jsx } from 'react/jsx-runtime';
 import React__default from 'react';
 import { useTransition } from '../../../utils/hooks/useTransition/useTransition.js';
+import { EASING_FUNCTION_DEFAULT } from '../../../utils/constants/transitions.js';
 
-const getSlideInUpTransitionDefaultStyles = (duration, curve = 'linear') => ({
+const getSlideInUpTransitionDefaultStyles = (duration, curve = EASING_FUNCTION_DEFAULT) => ({
     transition: `transform ${duration}ms ${curve}, opacity ${duration}ms ${curve}`,
 });
 const transitionStyles = {
@@ -19,9 +20,9 @@ const transitionStyles = {
     },
 };
 const UnoptimizedSlideInUpTransition = (_a) => {
-    var { children, className } = _a, transitionProps = __rest(_a, ["children", "className"]);
+    var { children, className, easingFunction } = _a, transitionProps = __rest(_a, ["children", "className", "easingFunction"]);
     const { mount, stage, currentDuration } = useTransition(transitionProps);
-    const defaultStyles = getSlideInUpTransitionDefaultStyles(currentDuration);
+    const defaultStyles = getSlideInUpTransitionDefaultStyles(currentDuration, easingFunction);
     const stageStyles = transitionStyles[stage];
     if (!mount)
         return null;

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

@@ -36,13 +36,13 @@ require('../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../context/WalletContext/WalletContext.cjs');
-require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var useResizeObserver = require('../../../utils/hooks/useResizeObserver/useResizeObserver.cjs');
 require('@dynamic-labs/types');
 require('../../../context/LoadingContext/LoadingContext.cjs');
+require('../../../context/WalletContext/WalletContext.cjs');
+require('../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 var useTransition = require('../../../utils/hooks/useTransition/useTransition.cjs');
 require('yup');
 require('../../../context/MockContext/MockContext.cjs');

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

@@ -32,13 +32,13 @@ import '../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../utils/functions/compareChains/compareChains.js';
-import '../../../context/WalletContext/WalletContext.js';
-import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../context/ThemeContext/ThemeContext.js';
 import '../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { useResizeObserver } from '../../../utils/hooks/useResizeObserver/useResizeObserver.js';
 import '@dynamic-labs/types';
 import '../../../context/LoadingContext/LoadingContext.js';
+import '../../../context/WalletContext/WalletContext.js';
+import '../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import { useTransition } from '../../../utils/hooks/useTransition/useTransition.js';
 import 'yup';
 import '../../../context/MockContext/MockContext.js';

package/src/lib/components/Transition/transition.type.d.ts

@@ -8,5 +8,6 @@ export interface ITransitionOptions {
     outDuration?: number;
     outDelay?: number;
     delay?: number;
+    easingFunction?: string;
 }
 export type TransitionProps = ITransitionOptions & PropsWithChildren;

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

@@ -8,7 +8,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var classNames = require('../../utils/functions/classNames/classNames.cjs');
 
 const Typography = (_a) => {
-    var { as: Tag = 'p', variant, weight, color, transform, className = '', truncate = false, style } = _a, props = _tslib.__rest(_a, ["as", "variant", "weight", "color", "transform", "className", "truncate", "style"]);
+    var { as: Tag = 'p', variant, weight, color = 'primary', transform, className = '', truncate = false, style } = _a, props = _tslib.__rest(_a, ["as", "variant", "weight", "color", "transform", "className", "truncate", "style"]);
     const variantClassNameMap = {
         body_mini: 'typography--body-mini',
         body_normal: 'typography--body-normal',

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

@@ -4,7 +4,7 @@ import { jsx } from 'react/jsx-runtime';
 import { classNames } from '../../utils/functions/classNames/classNames.js';
 
 const Typography = (_a) => {
-    var { as: Tag = 'p', variant, weight, color, transform, className = '', truncate = false, style } = _a, props = __rest(_a, ["as", "variant", "weight", "color", "transform", "className", "truncate", "style"]);
+    var { as: Tag = 'p', variant, weight, color = 'primary', transform, className = '', truncate = false, style } = _a, props = __rest(_a, ["as", "variant", "weight", "color", "transform", "className", "truncate", "style"]);
     const variantClassNameMap = {
         body_mini: 'typography--body-mini',
         body_normal: 'typography--body-normal',

package/src/lib/components/TypographyButton/TypographyButton.cjs

@@ -12,8 +12,8 @@ const TypographyButton = (_a) => {
     var _b;
     var { children, typographyProps = {
         variant: 'button_primary',
-    }, copykey } = _a, props = _tslib.__rest(_a, ["children", "typographyProps", "copykey"]);
-    return (jsxRuntime.jsx(Button.Button, Object.assign({}, props, { children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'button_primary', as: 'span' }, typographyProps, { color: (_b = typographyProps.color) !== null && _b !== void 0 ? _b : 'primary', copykey: copykey, children: children })) })));
+    }, copykey, disabled } = _a, props = _tslib.__rest(_a, ["children", "typographyProps", "copykey", "disabled"]);
+    return (jsxRuntime.jsx(Button.Button, Object.assign({}, props, { disabled: disabled, children: jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: 'button_primary', as: 'span' }, typographyProps, { color: disabled ? 'tertiary' : (_b = typographyProps.color) !== null && _b !== void 0 ? _b : 'primary', copykey: copykey, children: children })) })));
 };
 
 exports.TypographyButton = TypographyButton;

package/src/lib/components/TypographyButton/TypographyButton.js

@@ -8,8 +8,8 @@ const TypographyButton = (_a) => {
     var _b;
     var { children, typographyProps = {
         variant: 'button_primary',
-    }, copykey } = _a, props = __rest(_a, ["children", "typographyProps", "copykey"]);
-    return (jsx(Button, Object.assign({}, props, { children: jsx(Typography, Object.assign({ variant: 'button_primary', as: 'span' }, typographyProps, { color: (_b = typographyProps.color) !== null && _b !== void 0 ? _b : 'primary', copykey: copykey, children: children })) })));
+    }, copykey, disabled } = _a, props = __rest(_a, ["children", "typographyProps", "copykey", "disabled"]);
+    return (jsx(Button, Object.assign({}, props, { disabled: disabled, children: jsx(Typography, Object.assign({ variant: 'button_primary', as: 'span' }, typographyProps, { color: disabled ? 'tertiary' : (_b = typographyProps.color) !== null && _b !== void 0 ? _b : 'primary', copykey: copykey, children: children })) })));
 };
 
 export { TypographyButton };

package/src/lib/components/UserAddress/UserAddress.cjs

@@ -8,8 +8,8 @@ require('@dynamic-labs/sdk-api-core');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 require('react');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var shortenWalletAddress = require('../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.cjs');
 require('@dynamic-labs/utils');
@@ -40,13 +40,13 @@ require('../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
-require('../../context/WalletContext/WalletContext.cjs');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 var usePromise = require('../../utils/hooks/usePromise/usePromise.cjs');
 require('@dynamic-labs/types');
 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');

package/src/lib/components/UserAddress/UserAddress.js

@@ -4,8 +4,8 @@ import '@dynamic-labs/sdk-api-core';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import 'react';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { shortenWalletAddress } from '../../shared/utils/functions/shortenWalletAddress/shortenWalletAddress.js';
 import '@dynamic-labs/utils';
@@ -36,13 +36,13 @@ import '../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
-import '../../context/WalletContext/WalletContext.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import { usePromise } from '../../utils/hooks/usePromise/usePromise.js';
 import '@dynamic-labs/types';
 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';

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

@@ -17,8 +17,8 @@ require('../../context/DynamicContext/DynamicContext.cjs');
 require('../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../context/ViewContext/ViewContext.cjs');
 var add = require('../../shared/assets/add.cjs');
+require('../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 var index$1 = require('../../shared/utils/functions/getValueByKey/index.cjs');
 require('../../utils/constants/colors.cjs');
@@ -48,12 +48,12 @@ var UserWalletsContext = require('../../context/UserWalletsContext/UserWalletsCo
 require('../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../utils/functions/compareChains/compareChains.cjs');
-require('../../context/WalletContext/WalletContext.cjs');
-require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../context/ThemeContext/ThemeContext.cjs');
 require('../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 require('../../context/LoadingContext/LoadingContext.cjs');
+require('../../context/WalletContext/WalletContext.cjs');
+require('../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('yup');
 require('../../context/MockContext/MockContext.cjs');
 var useFields = require('../../views/CollectUserDataView/useFields.cjs');

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

@@ -13,8 +13,8 @@ import '../../context/DynamicContext/DynamicContext.js';
 import '../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgAdd } from '../../shared/assets/add.js';
+import '../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import { getValueByKey } from '../../shared/utils/functions/getValueByKey/index.js';
 import '../../utils/constants/colors.js';
@@ -44,12 +44,12 @@ import { useInternalUserWallets } from '../../context/UserWalletsContext/UserWal
 import '../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../utils/functions/compareChains/compareChains.js';
-import '../../context/WalletContext/WalletContext.js';
-import '../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../context/ThemeContext/ThemeContext.js';
 import '../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 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 { useFields } from '../../views/CollectUserDataView/useFields.js';

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

@@ -11,8 +11,8 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../../context/ViewContext/ViewContext.cjs');
 var pencil = require('../../../../shared/assets/pencil.cjs');
+require('../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../utils/constants/colors.cjs');
@@ -39,12 +39,12 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 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');
@@ -54,8 +54,8 @@ require('@dynamic-labs/rpc-providers');
 require('../../../../store/state/walletOptions/walletOptions.cjs');
 require('../../../Accordion/components/AccordionItem/AccordionItem.cjs');
 require('../../../Alert/Alert.cjs');
-var TypographyButton = require('../../../TypographyButton/TypographyButton.cjs');
 require('../../../ShadowDOM/ShadowDOM.cjs');
+var TypographyButton = require('../../../TypographyButton/TypographyButton.cjs');
 require('../../../IconButton/IconButton.cjs');
 require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../Input/Input.cjs');

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

@@ -7,8 +7,8 @@ import '@dynamic-labs/sdk-api-core';
 import '../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../../context/ViewContext/ViewContext.js';
 import { ReactComponent as SvgPencil } from '../../../../shared/assets/pencil.js';
+import '../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../utils/constants/colors.js';
@@ -35,12 +35,12 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
-import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 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';
@@ -50,8 +50,8 @@ import '@dynamic-labs/rpc-providers';
 import '../../../../store/state/walletOptions/walletOptions.js';
 import '../../../Accordion/components/AccordionItem/AccordionItem.js';
 import '../../../Alert/Alert.js';
-import { TypographyButton } from '../../../TypographyButton/TypographyButton.js';
 import '../../../ShadowDOM/ShadowDOM.js';
+import { TypographyButton } from '../../../TypographyButton/TypographyButton.js';
 import '../../../IconButton/IconButton.js';
 import '../../../InlineWidget/InlineWidget.js';
 import '../../../Input/Input.js';

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

@@ -41,12 +41,12 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 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');

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

@@ -37,12 +37,12 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
-import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 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';

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

@@ -8,9 +8,9 @@ require('@dynamic-labs/sdk-api-core');
 require('../../../../../../shared/logger.cjs');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
-require('../../../../../../context/ViewContext/ViewContext.cjs');
 require('react');
 var checkCircle = require('../../../../../../shared/assets/check-circle.cjs');
+require('../../../../../../context/ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
 require('@dynamic-labs/utils');
 require('../../../../../../utils/constants/colors.cjs');

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

@@ -4,9 +4,9 @@ import '@dynamic-labs/sdk-api-core';
 import '../../../../../../shared/logger.js';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
-import '../../../../../../context/ViewContext/ViewContext.js';
 import 'react';
 import { ReactComponent as SvgCheckCircle } from '../../../../../../shared/assets/check-circle.js';
+import '../../../../../../context/ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
 import '@dynamic-labs/utils';
 import '../../../../../../utils/constants/colors.js';

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

@@ -38,12 +38,12 @@ require('../../../../context/UserWalletsContext/UserWalletsContext.cjs');
 require('../../../../context/VerificationContext/VerificationContext.cjs');
 require('react-dom');
 require('../../../../utils/functions/compareChains/compareChains.cjs');
-require('../../../../context/WalletContext/WalletContext.cjs');
-require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
 require('../../../../context/ThemeContext/ThemeContext.cjs');
 require('../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.cjs');
 require('@dynamic-labs/types');
 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');

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

@@ -34,12 +34,12 @@ import '../../../../context/UserWalletsContext/UserWalletsContext.js';
 import '../../../../context/VerificationContext/VerificationContext.js';
 import 'react-dom';
 import '../../../../utils/functions/compareChains/compareChains.js';
-import '../../../../context/WalletContext/WalletContext.js';
-import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
 import '../../../../context/ThemeContext/ThemeContext.js';
 import '../../../../utils/hooks/useUserUpdateRequest/useUpdateUser/userFieldsSchema.js';
 import '@dynamic-labs/types';
 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';