@dynamic-labs/sdk-react-core 3.9.4 → 3.9.6

package/CHANGELOG.md

@@ -1,4 +1,19 @@
 
+### [3.9.6](https://github.com/dynamic-labs/DynamicAuth/compare/v3.9.5...v3.9.6) (2024-12-28)
+
+
+### Bug Fixes
+
+* properly cancel transaction confirmation UI when using account abstraction and embedded wallets ([#7713](https://github.com/dynamic-labs/DynamicAuth/issues/7713)) ([ef3020b](https://github.com/dynamic-labs/DynamicAuth/commit/ef3020b5985928178c7cda7bbeb9e96dcbc3a925)), closes [#7669](https://github.com/dynamic-labs/DynamicAuth/issues/7669)
+
+### [3.9.5](https://github.com/dynamic-labs/DynamicAuth/compare/v3.9.4...v3.9.5) (2024-12-20)
+
+
+### Bug Fixes
+
+* confirmation ui shows recipient if tx is native/token transfer ([#7679](https://github.com/dynamic-labs/DynamicAuth/issues/7679)) ([868d75a](https://github.com/dynamic-labs/DynamicAuth/commit/868d75a0b15b72084b8cefcdde2913e27001af48))
+* zerodev confirmation UI closes properly  ([#7669](https://github.com/dynamic-labs/DynamicAuth/issues/7669)) ([ee68034](https://github.com/dynamic-labs/DynamicAuth/commit/ee6803489628c1c69fe6e97492898324d9209d31))
+
 ### [3.9.4](https://github.com/dynamic-labs/DynamicAuth/compare/v3.9.3...v3.9.4) (2024-12-18)
 
 

package/package.cjs

@@ -3,7 +3,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var version = "3.9.4";
+var version = "3.9.6";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.570",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.js

@@ -1,5 +1,5 @@
 'use client'
-var version = "3.9.4";
+var version = "3.9.6";
 var dependencies = {
 	"@dynamic-labs/sdk-api-core": "0.0.570",
 	"@hcaptcha/react-hcaptcha": "1.4.4",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@dynamic-labs/sdk-react-core",
-  "version": "3.9.4",
+  "version": "3.9.6",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/dynamic-labs/dynamic-auth.git",
@@ -17,16 +17,16 @@
     "react-i18next": "13.5.0",
     "yup": "0.32.11",
     "react-international-phone": "4.2.5",
-    "@dynamic-labs/assert-package-version": "3.9.4",
-    "@dynamic-labs/iconic": "3.9.4",
-    "@dynamic-labs/logger": "3.9.4",
-    "@dynamic-labs/multi-wallet": "3.9.4",
-    "@dynamic-labs/rpc-providers": "3.9.4",
-    "@dynamic-labs/store": "3.9.4",
-    "@dynamic-labs/types": "3.9.4",
-    "@dynamic-labs/utils": "3.9.4",
-    "@dynamic-labs/wallet-book": "3.9.4",
-    "@dynamic-labs/wallet-connector-core": "3.9.4",
+    "@dynamic-labs/assert-package-version": "3.9.6",
+    "@dynamic-labs/iconic": "3.9.6",
+    "@dynamic-labs/logger": "3.9.6",
+    "@dynamic-labs/multi-wallet": "3.9.6",
+    "@dynamic-labs/rpc-providers": "3.9.6",
+    "@dynamic-labs/store": "3.9.6",
+    "@dynamic-labs/types": "3.9.6",
+    "@dynamic-labs/utils": "3.9.6",
+    "@dynamic-labs/wallet-book": "3.9.6",
+    "@dynamic-labs/wallet-connector-core": "3.9.6",
     "bs58": "5.0.0",
     "eventemitter3": "5.0.1"
   },

package/src/lib/components/TransactionCard/TransactionCard.cjs

@@ -94,7 +94,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-const TransactionCard = ({ transaction, simulationResult, isGasSponsored, }) => {
+const TransactionCard = ({ transaction, simulationResult, isGasSponsored, recipient, }) => {
     var _a, _b, _c, _d, _e, _f;
     const { t } = reactI18next.useTranslation();
     const { primaryWallet, projectSettings, overrides } = useInternalDynamicContext.useInternalDynamicContext();
@@ -204,7 +204,8 @@ const TransactionCard = ({ transaction, simulationResult, isGasSponsored, }) =>
         }
         return `-- ${nativeCurrencySymbol}`;
     };
-    return (jsxRuntime.jsxs("div", { className: 'transaction-card-container', children: [allAssets.length > 0 && (jsxRuntime.jsx("div", { className: 'transaction-card', children: jsxRuntime.jsx("div", { className: 'transaction-card__assets-container', children: allAssets.map((asset, index, array) => (jsxRuntime.jsx(React__default["default"].Fragment, { children: renderAssetTransfer(asset, index, array) }, `asset-${index}`))) }) })), jsxRuntime.jsx("div", { className: 'transaction-card', children: jsxRuntime.jsxs("div", { className: 'transaction-card__details', children: [(transaction.to || ((_d = simulationResult === null || simulationResult === void 0 ? void 0 : simulationResult.counterparties) === null || _d === void 0 ? void 0 : _d[0])) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'transaction-card__row', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.destination', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-destination', children: shortenWalletAddress.shortenWalletAddress((_e = transaction.to) !== null && _e !== void 0 ? _e : (_f = simulationResult === null || simulationResult === void 0 ? void 0 : simulationResult.counterparties) === null || _f === void 0 ? void 0 : _f[0], 4, 4) })] }), jsxRuntime.jsx("div", { className: 'transaction-card__divider' })] })), jsxRuntime.jsxs("div", { className: 'transaction-card__row', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.network', children: t('dyn_send_transaction.confirmation.data.network') }), jsxRuntime.jsxs("div", { className: 'transaction-card__network-info', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: (networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.name) || 'Ethereum' }), jsxRuntime.jsx("img", { src: networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.iconUrls[0], alt: (networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.name) || 'Network icon', width: 16, height: 16, className: 'transaction-card__network-icon' })] })] }), !isGasSponsored && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'transaction-card__divider' }), jsxRuntime.jsxs("div", { className: 'transaction-card__row', children: [jsxRuntime.jsxs("div", { className: 'transaction-card__label-with-tooltip', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.gas_estimate', children: t('dyn_send_transaction.confirmation.data.gas_estimate') }), jsxRuntime.jsx(Tooltip.Tooltip, { content: 'Network fees are paid to process your transaction', className: 'transaction-confirmation', children: jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'fee-tooltip', children: jsxRuntime.jsx(tooltip.ReactComponent, {}) }) })] }), jsxRuntime.jsx("div", { className: 'transaction-card__value', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-estimated-gas-fee', children: getGasFeeDisplay() }) })] })] })), blockaidOn &&
+    return (jsxRuntime.jsxs("div", { className: 'transaction-card-container', children: [allAssets.length > 0 && (jsxRuntime.jsx("div", { className: 'transaction-card', children: jsxRuntime.jsx("div", { className: 'transaction-card__assets-container', children: allAssets.map((asset, index, array) => (jsxRuntime.jsx(React__default["default"].Fragment, { children: renderAssetTransfer(asset, index, array) }, `asset-${index}`))) }) })), jsxRuntime.jsx("div", { className: 'transaction-card', children: jsxRuntime.jsxs("div", { className: 'transaction-card__details', children: [recipient && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'transaction-card__row', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.recipient', children: t('dyn_send_transaction.confirmation.data.recipient') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-recipient', children: shortenWalletAddress.shortenWalletAddress(recipient, 4, 4) })] }), jsxRuntime.jsx("div", { className: 'transaction-card__divider' })] })), !recipient &&
+                            (transaction.to || ((_d = simulationResult === null || simulationResult === void 0 ? void 0 : simulationResult.counterparties) === null || _d === void 0 ? void 0 : _d[0])) && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsxs("div", { className: 'transaction-card__row', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.destination', children: t('dyn_send_transaction.confirmation.data.destination') }), jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-destination', children: shortenWalletAddress.shortenWalletAddress((_e = transaction.to) !== null && _e !== void 0 ? _e : (_f = simulationResult === null || simulationResult === void 0 ? void 0 : simulationResult.counterparties) === null || _f === void 0 ? void 0 : _f[0], 4, 4) })] }), jsxRuntime.jsx("div", { className: 'transaction-card__divider' })] })), jsxRuntime.jsxs("div", { className: 'transaction-card__row', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.network', children: t('dyn_send_transaction.confirmation.data.network') }), jsxRuntime.jsxs("div", { className: 'transaction-card__network-info', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', children: (networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.name) || 'Ethereum' }), jsxRuntime.jsx("img", { src: networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.iconUrls[0], alt: (networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.name) || 'Network icon', width: 16, height: 16, className: 'transaction-card__network-icon' })] })] }), !isGasSponsored && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'transaction-card__divider' }), jsxRuntime.jsxs("div", { className: 'transaction-card__row', children: [jsxRuntime.jsxs("div", { className: 'transaction-card__label-with-tooltip', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.gas_estimate', children: t('dyn_send_transaction.confirmation.data.gas_estimate') }), jsxRuntime.jsx(Tooltip.Tooltip, { content: 'Network fees are paid to process your transaction', className: 'transaction-confirmation', children: jsxRuntime.jsx(Icon.Icon, { size: 'small', className: 'fee-tooltip', children: jsxRuntime.jsx(tooltip.ReactComponent, {}) }) })] }), jsxRuntime.jsx("div", { className: 'transaction-card__value', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-estimated-gas-fee', children: getGasFeeDisplay() }) })] })] })), blockaidOn &&
                             totalAmountInUsd !== undefined &&
                             totalAmountInUsd > 0 && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("div", { className: 'transaction-card__divider' }), jsxRuntime.jsxs("div", { className: 'transaction-card__row', children: [jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'secondary', weight: 'bold', copykey: 'dyn_send_transaction.confirmation.data.total', children: t('dyn_send_transaction.confirmation.data.total') }), jsxRuntime.jsx("div", { className: 'transaction-card__total-amount', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-estimated-total', children: getTotalAmountInUsdDisplay(totalAmountInUsd) }) })] })] }))] }) })] }));
 };

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

@@ -5,6 +5,7 @@ type TransactionCardProps = {
     transaction: IUITransaction;
     simulationResult: SimulationResult | undefined;
     isGasSponsored: boolean;
+    recipient?: string;
 };
 export declare const TransactionCard: React.FC<TransactionCardProps>;
 export {};

package/src/lib/components/TransactionCard/TransactionCard.js

@@ -86,7 +86,7 @@ import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-const TransactionCard = ({ transaction, simulationResult, isGasSponsored, }) => {
+const TransactionCard = ({ transaction, simulationResult, isGasSponsored, recipient, }) => {
     var _a, _b, _c, _d, _e, _f;
     const { t } = useTranslation();
     const { primaryWallet, projectSettings, overrides } = useInternalDynamicContext();
@@ -196,7 +196,8 @@ const TransactionCard = ({ transaction, simulationResult, isGasSponsored, }) =>
         }
         return `-- ${nativeCurrencySymbol}`;
     };
-    return (jsxs("div", { className: 'transaction-card-container', children: [allAssets.length > 0 && (jsx("div", { className: 'transaction-card', children: jsx("div", { className: 'transaction-card__assets-container', children: allAssets.map((asset, index, array) => (jsx(React__default.Fragment, { children: renderAssetTransfer(asset, index, array) }, `asset-${index}`))) }) })), jsx("div", { className: 'transaction-card', children: jsxs("div", { className: 'transaction-card__details', children: [(transaction.to || ((_d = simulationResult === null || simulationResult === void 0 ? void 0 : simulationResult.counterparties) === null || _d === void 0 ? void 0 : _d[0])) && (jsxs(Fragment, { children: [jsxs("div", { className: 'transaction-card__row', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.destination', children: t('dyn_send_transaction.confirmation.data.destination') }), jsx(Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-destination', children: shortenWalletAddress((_e = transaction.to) !== null && _e !== void 0 ? _e : (_f = simulationResult === null || simulationResult === void 0 ? void 0 : simulationResult.counterparties) === null || _f === void 0 ? void 0 : _f[0], 4, 4) })] }), jsx("div", { className: 'transaction-card__divider' })] })), jsxs("div", { className: 'transaction-card__row', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.network', children: t('dyn_send_transaction.confirmation.data.network') }), jsxs("div", { className: 'transaction-card__network-info', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', children: (networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.name) || 'Ethereum' }), jsx("img", { src: networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.iconUrls[0], alt: (networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.name) || 'Network icon', width: 16, height: 16, className: 'transaction-card__network-icon' })] })] }), !isGasSponsored && (jsxs(Fragment, { children: [jsx("div", { className: 'transaction-card__divider' }), jsxs("div", { className: 'transaction-card__row', children: [jsxs("div", { className: 'transaction-card__label-with-tooltip', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.gas_estimate', children: t('dyn_send_transaction.confirmation.data.gas_estimate') }), jsx(Tooltip, { content: 'Network fees are paid to process your transaction', className: 'transaction-confirmation', children: jsx(Icon, { size: 'small', className: 'fee-tooltip', children: jsx(SvgTooltip, {}) }) })] }), jsx("div", { className: 'transaction-card__value', children: jsx(Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-estimated-gas-fee', children: getGasFeeDisplay() }) })] })] })), blockaidOn &&
+    return (jsxs("div", { className: 'transaction-card-container', children: [allAssets.length > 0 && (jsx("div", { className: 'transaction-card', children: jsx("div", { className: 'transaction-card__assets-container', children: allAssets.map((asset, index, array) => (jsx(React__default.Fragment, { children: renderAssetTransfer(asset, index, array) }, `asset-${index}`))) }) })), jsx("div", { className: 'transaction-card', children: jsxs("div", { className: 'transaction-card__details', children: [recipient && (jsxs(Fragment, { children: [jsxs("div", { className: 'transaction-card__row', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.recipient', children: t('dyn_send_transaction.confirmation.data.recipient') }), jsx(Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-recipient', children: shortenWalletAddress(recipient, 4, 4) })] }), jsx("div", { className: 'transaction-card__divider' })] })), !recipient &&
+                            (transaction.to || ((_d = simulationResult === null || simulationResult === void 0 ? void 0 : simulationResult.counterparties) === null || _d === void 0 ? void 0 : _d[0])) && (jsxs(Fragment, { children: [jsxs("div", { className: 'transaction-card__row', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.destination', children: t('dyn_send_transaction.confirmation.data.destination') }), jsx(Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-destination', children: shortenWalletAddress((_e = transaction.to) !== null && _e !== void 0 ? _e : (_f = simulationResult === null || simulationResult === void 0 ? void 0 : simulationResult.counterparties) === null || _f === void 0 ? void 0 : _f[0], 4, 4) })] }), jsx("div", { className: 'transaction-card__divider' })] })), jsxs("div", { className: 'transaction-card__row', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.network', children: t('dyn_send_transaction.confirmation.data.network') }), jsxs("div", { className: 'transaction-card__network-info', children: [jsx(Typography, { variant: 'body_normal', color: 'primary', children: (networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.name) || 'Ethereum' }), jsx("img", { src: networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.iconUrls[0], alt: (networkInfoEntry === null || networkInfoEntry === void 0 ? void 0 : networkInfoEntry.name) || 'Network icon', width: 16, height: 16, className: 'transaction-card__network-icon' })] })] }), !isGasSponsored && (jsxs(Fragment, { children: [jsx("div", { className: 'transaction-card__divider' }), jsxs("div", { className: 'transaction-card__row', children: [jsxs("div", { className: 'transaction-card__label-with-tooltip', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', copykey: 'dyn_send_transaction.confirmation.data.gas_estimate', children: t('dyn_send_transaction.confirmation.data.gas_estimate') }), jsx(Tooltip, { content: 'Network fees are paid to process your transaction', className: 'transaction-confirmation', children: jsx(Icon, { size: 'small', className: 'fee-tooltip', children: jsx(SvgTooltip, {}) }) })] }), jsx("div", { className: 'transaction-card__value', children: jsx(Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-estimated-gas-fee', children: getGasFeeDisplay() }) })] })] })), blockaidOn &&
                             totalAmountInUsd !== undefined &&
                             totalAmountInUsd > 0 && (jsxs(Fragment, { children: [jsx("div", { className: 'transaction-card__divider' }), jsxs("div", { className: 'transaction-card__row', children: [jsx(Typography, { variant: 'body_normal', color: 'secondary', weight: 'bold', copykey: 'dyn_send_transaction.confirmation.data.total', children: t('dyn_send_transaction.confirmation.data.total') }), jsx("div", { className: 'transaction-card__total-amount', children: jsx(Typography, { variant: 'body_normal', color: 'primary', "data-testid": 'transaction-estimated-total', children: getTotalAmountInUsdDisplay(totalAmountInUsd) }) })] })] }))] }) })] }));
 };

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

@@ -100,7 +100,7 @@ require('../../store/state/tokenBalances.cjs');
 require('../../shared/utils/functions/getInitialUrl/getInitialUrl.cjs');
 var useInternalDynamicContext = require('../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.cjs');
 
-const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, }) => {
+const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
     var _a;
     const { t } = reactI18next.useTranslation();
     const { isTurnkeyWallet } = useIsTurnkeyWallet.useIsTurnkeyWallet();
@@ -123,7 +123,7 @@ const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBac
     const backButton = onClickBack && (jsxRuntime.jsx(IconButton.IconButton, { type: 'button', onClick: onClickBack, "data-testid": 'back-button', children: jsxRuntime.jsx(arrowLeft.ReactComponent, {}) }));
     const gasFiatValue = fiatUtils.getGasFiatValue(currentToken, transaction, nativePrice);
     const totalGasFiatValue = fiatUtils.getTotalFiatCost(currentToken, transaction, nativePrice, transactionValue);
-    return hideModal ? null : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), jsxRuntime.jsx("div", { className: 'transaction-confirmation__banner', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) }), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__body', children: [jsxRuntime.jsxs("div", { className: 'transaction-confirmation__content', children: [!sendBalanceTransaction ? (jsxRuntime.jsx(TransactionCard.TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, simulationResult: simulationResult })) : (jsxRuntime.jsx(OldTransactionCard.OldTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = utils.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 && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: alert && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsxRuntime.jsx(TypographyButton.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') })), jsxRuntime.jsx(TypographyButton.TypographyButton, { buttonVariant: 'brand-primary', buttonPadding: 'small', onClick: handleSubmitWithChecks, expanded: true, loading: isLoading, disabled: disableSendButton, copykey: 'dyn_send_transaction.confirmation.send', startSlot: 
+    return hideModal ? null : (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(ModalHeader.ModalHeader, { trailing: closeButton, leading: backButton, alignContent: 'bottom', children: jsxRuntime.jsx("div", { className: 'send-balance-page-layout__header-content', children: jsxRuntime.jsx(Typography.Typography, { variant: 'title', color: 'primary', copykey: 'dyn_send_transaction.data.confirmation_tx', children: t('dyn_send_transaction.data.confirmation_tx') }) }) }), jsxRuntime.jsx("div", { className: 'transaction-confirmation__banner', children: jsxRuntime.jsx(Typography.Typography, { variant: 'body_normal', color: 'primary', copykey: 'dyn_send_transaction.data.banner', children: t('dyn_send_transaction.data.banner') }) }), jsxRuntime.jsx(PasskeyCreatedSuccessBanner.PasskeyCreatedSuccessBanner, {}), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__body', children: [jsxRuntime.jsxs("div", { className: 'transaction-confirmation__content', children: [!sendBalanceTransaction ? (jsxRuntime.jsx(TransactionCard.TransactionCard, { transaction: transaction, isGasSponsored: isGasSponsored, simulationResult: simulationResult, recipient: recipient })) : (jsxRuntime.jsx(OldTransactionCard.OldTransactionCard, { transaction: transaction, currentToken: currentToken, currencySymbol: currencySymbol, valueRounded: (_a = utils.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 && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__rows', children: children }))] }), jsxRuntime.jsx(AnimatePresence.AnimatePresence, { animationComponent: jsxRuntime.jsx(VerticalDrawerTransition.VerticalDrawerTransition, {}), children: alert && (jsxRuntime.jsx("div", { className: 'transaction-confirmation__warning', children: alert })) }), jsxRuntime.jsxs("div", { className: 'transaction-confirmation__actions', children: [(onClickBack || onClickClose) && (jsxRuntime.jsx(TypographyButton.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') })), jsxRuntime.jsx(TypographyButton.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
                                 jsxRuntime.jsx(Icon.Icon, { size: 'small', color: 'text-secondary', children: jsxRuntime.jsx(send.ReactComponent, {}) }), dataTestId: 'transaction-confirmation-send', children: t('dyn_send_transaction.confirmation.send') })] }), displayPoweredByDynamicFooter && (jsxRuntime.jsx(PoweredByDynamic.PoweredByDynamic, { classNameRoot: 'transaction-confirmation__footer' }))] })] }));
 };

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

@@ -26,6 +26,7 @@ type TransactionConfirmationPageLayoutProps = {
     walletKey: string;
     simulationResult: SimulationResult | undefined;
     sendBalanceTransaction?: boolean;
+    recipient?: string;
 } & CopyKey;
 export declare const TransactionConfirmationPageLayout: FC<PropsWithChildren<TransactionConfirmationPageLayoutProps>>;
 export {};

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

@@ -96,7 +96,7 @@ import '../../store/state/tokenBalances.js';
 import '../../shared/utils/functions/getInitialUrl/getInitialUrl.js';
 import { useInternalDynamicContext } from '../../context/DynamicContext/useDynamicContext/useInternalDynamicContext.js';
 
-const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, }) => {
+const TransactionConfirmationPageLayout = ({ onClickClose, isLoading, onClickBack, onClickSend, disableSendButton, displayPoweredByDynamicFooter = false, alert, walletConnector, transaction, currentToken, children, hideModal, onSuccess, transactionValue, total, isGasSponsored, isNativeToken, walletKey, simulationResult, sendBalanceTransaction, recipient, }) => {
     var _a;
     const { t } = useTranslation();
     const { isTurnkeyWallet } = useIsTurnkeyWallet();
@@ -119,7 +119,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, simulationResult: simulationResult })) : (jsx(OldTransactionCard, { 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, simulationResult: simulationResult, recipient: recipient })) : (jsx(OldTransactionCard, { 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: 
                                 // 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/context/ConnectWithOtpContext/utils/createEmailHandler.cjs

@@ -7,22 +7,22 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var email = require('../../../data/api/email/email.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs/utils');
+var storeAuthTokenAndUser = require('../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');
+require('../../../store/state/user/user.cjs');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../utils/constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
+require('../../../utils/constants/colors.cjs');
+require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('../../../utils/constants/colors.cjs');
-require('../../../utils/constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
-var storeAuthTokenAndUser = require('../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');
-require('../../../store/state/user/user.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../locale/locale.cjs');
 

package/src/lib/context/ConnectWithOtpContext/utils/createEmailHandler.js

@@ -3,22 +3,22 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { createEmailVerification, retryEmailVerification, signInWithEmailVerification } from '../../../data/api/email/email.js';
 import '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
+import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
+import '../../../store/state/user/user.js';
+import '../../../config/ApiEndpoint.js';
+import '../../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
+import '../../../utils/constants/colors.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '../../../utils/constants/colors.js';
-import '../../../utils/constants/values.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
-import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
-import '../../../store/state/user/user.js';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
 import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../locale/locale.js';
 

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.cjs

@@ -6,20 +6,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
+require('../../../config/ApiEndpoint.cjs');
+require('../../../utils/constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
+require('../../../utils/constants/colors.cjs');
+require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('../../../utils/constants/colors.cjs');
-require('../../../utils/constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
-require('../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 var storeAuthTokenAndUser = require('../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.cjs');
 require('../../../store/state/user/user.cjs');

package/src/lib/context/ConnectWithOtpContext/utils/createSmsHandler.js

@@ -2,20 +2,20 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
+import '../../../config/ApiEndpoint.js';
+import '../../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
+import '../../../utils/constants/colors.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '../../../utils/constants/colors.js';
-import '../../../utils/constants/values.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
-import '../../../config/ApiEndpoint.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
 import '../../../store/state/projectSettings/projectSettings.js';
 import { storeAuthTokenAndUser } from '../../../store/state/user/storeAuthTokenAndUser/storeAuthTokenAndUser.js';
 import '../../../store/state/user/user.js';

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.cjs

@@ -7,19 +7,19 @@ var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var email = require('../../../data/api/email/email.cjs');
 require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs/utils');
+require('../../../utils/constants/colors.cjs');
+require('../../../utils/constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../../shared/logger.cjs');
+require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../ViewContext/ViewContext.cjs');
 require('react');
 require('@dynamic-labs/wallet-book');
-require('../../../utils/constants/colors.cjs');
-require('../../../utils/constants/values.cjs');
 require('../../../store/state/loadingAndLifecycle.cjs');
 require('../../../shared/consts/index.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
 require('../../../store/state/projectSettings/projectSettings.cjs');
 require('../../../store/state/user/user.cjs');
 require('../../../config/ApiEndpoint.cjs');

package/src/lib/context/ConnectWithOtpContext/utils/findEmailProvider.js

@@ -3,19 +3,19 @@ import { __awaiter } from '../../../../../_virtual/_tslib.js';
 import { getEmailProvider } from '../../../data/api/email/email.js';
 import '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
+import '../../../utils/constants/colors.js';
+import '../../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
 import '../../../shared/logger.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../ViewContext/ViewContext.js';
 import 'react';
 import '@dynamic-labs/wallet-book';
-import '../../../utils/constants/colors.js';
-import '../../../utils/constants/values.js';
 import '../../../store/state/loadingAndLifecycle.js';
 import '../../../shared/consts/index.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
 import '../../../store/state/projectSettings/projectSettings.js';
 import '../../../store/state/user/user.js';
 import '../../../config/ApiEndpoint.js';

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.cjs

@@ -7,20 +7,20 @@ var _tslib = require('../../../../../../_virtual/_tslib.cjs');
 var React = require('react');
 var utils = require('@dynamic-labs/utils');
 require('@dynamic-labs/sdk-api-core');
+require('../../../../config/ApiEndpoint.cjs');
+var values = require('../../../../utils/constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
+var localStorage = require('../../../../utils/constants/localStorage.cjs');
 require('../../../../shared/logger.cjs');
+require('../../../../utils/constants/colors.cjs');
+require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('@dynamic-labs/wallet-connector-core');
 require('react/jsx-runtime');
 require('../../../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-var localStorage = require('../../../../utils/constants/localStorage.cjs');
-require('../../../../utils/constants/colors.cjs');
-var values = require('../../../../utils/constants/values.cjs');
 require('../../../../store/state/loadingAndLifecycle.cjs');
 require('../../../../shared/consts/index.cjs');
-require('../../../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
 require('../../../../store/state/projectSettings/projectSettings.cjs');
 var user = require('../../../../store/state/user/user.cjs');
 var session = require('../../../../data/api/session/session.cjs');

package/src/lib/context/DynamicContext/hooks/useHandleLogout/useHandleLogout.js

@@ -3,20 +3,20 @@ import { __awaiter } from '../../../../../../_virtual/_tslib.js';
 import { useRef, useCallback, useEffect } from 'react';
 import { StorageService } from '@dynamic-labs/utils';
 import '@dynamic-labs/sdk-api-core';
+import '../../../../config/ApiEndpoint.js';
+import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
+import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT } from '../../../../utils/constants/localStorage.js';
 import '../../../../shared/logger.js';
+import '../../../../utils/constants/colors.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '@dynamic-labs/wallet-connector-core';
 import 'react/jsx-runtime';
 import '../../../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import { AUTH_TOKEN, AUTH_MIN_TOKEN, WALLET_PICKER_SEARCH_KEY, PHANTOM_SIGNATURE_STATE, AUTH_EXPIRES_AT } from '../../../../utils/constants/localStorage.js';
-import '../../../../utils/constants/colors.js';
-import { DYNAMIC_AUTH_COOKIE_NAME } from '../../../../utils/constants/values.js';
 import '../../../../store/state/loadingAndLifecycle.js';
 import '../../../../shared/consts/index.js';
-import '../../../../config/ApiEndpoint.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
 import '../../../../store/state/projectSettings/projectSettings.js';
 import { setUser } from '../../../../store/state/user/user.js';
 import { revokeSession } from '../../../../data/api/session/session.js';

package/src/lib/context/FundingContext/FundingContext.cjs

@@ -9,17 +9,17 @@ var React = require('react');
 var walletConnectorCore = require('@dynamic-labs/wallet-connector-core');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
 require('@dynamic-labs/utils');
+require('../../config/ApiEndpoint.cjs');
+require('../../utils/constants/values.cjs');
+require('@dynamic-labs/multi-wallet');
 require('../../shared/logger.cjs');
+require('../../utils/constants/colors.cjs');
+require('react-international-phone');
 require('@dynamic-labs/iconic');
 require('../ViewContext/ViewContext.cjs');
 require('@dynamic-labs/wallet-book');
-require('../../utils/constants/colors.cjs');
-require('../../utils/constants/values.cjs');
 require('../../store/state/loadingAndLifecycle.cjs');
 require('../../shared/consts/index.cjs');
-require('../../config/ApiEndpoint.cjs');
-require('@dynamic-labs/multi-wallet');
-require('react-international-phone');
 var isOnrampProvider = require('../../utils/functions/isOnrampProvider/isOnrampProvider.cjs');
 var getWalletAdditionalAddressByType = require('../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.cjs');
 require('../../store/state/projectSettings/projectSettings.cjs');

package/src/lib/context/FundingContext/FundingContext.js

@@ -5,17 +5,17 @@ import { createContext, useContext, useRef, useState, useCallback, useMemo, useE
 import { getChainInfo, isBitcoinConnector } from '@dynamic-labs/wallet-connector-core';
 import { WalletAddressType } from '@dynamic-labs/sdk-api-core';
 import '@dynamic-labs/utils';
+import '../../config/ApiEndpoint.js';
+import '../../utils/constants/values.js';
+import '@dynamic-labs/multi-wallet';
 import '../../shared/logger.js';
+import '../../utils/constants/colors.js';
+import 'react-international-phone';
 import '@dynamic-labs/iconic';
 import '../ViewContext/ViewContext.js';
 import '@dynamic-labs/wallet-book';
-import '../../utils/constants/colors.js';
-import '../../utils/constants/values.js';
 import '../../store/state/loadingAndLifecycle.js';
 import '../../shared/consts/index.js';
-import '../../config/ApiEndpoint.js';
-import '@dynamic-labs/multi-wallet';
-import 'react-international-phone';
 import { isOnrampProvider } from '../../utils/functions/isOnrampProvider/isOnrampProvider.js';
 import { getWalletAdditionalAddressByType } from '../../utils/functions/getWalletAdditionalAddressByType/getWalletAdditionalAddressByType.js';
 import '../../store/state/projectSettings/projectSettings.js';

package/src/lib/data/api/email/email.cjs

@@ -4,20 +4,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
-var utils = require('@dynamic-labs/utils');
+var utils$1 = require('@dynamic-labs/utils');
 var sdkApiCore = require('@dynamic-labs/sdk-api-core');
-var logger = require('../../../shared/logger.cjs');
-require('@dynamic-labs/iconic');
-require('@dynamic-labs/wallet-connector-core');
-require('react/jsx-runtime');
-require('../../../context/ViewContext/ViewContext.cjs');
-require('react');
-require('@dynamic-labs/wallet-book');
-require('../../../utils/constants/colors.cjs');
-require('../../../utils/constants/values.cjs');
-require('../../../store/state/loadingAndLifecycle.cjs');
-require('../../../shared/consts/index.cjs');
 var api = require('../api.cjs');
+var utils = require('../utils.cjs');
 
 const getEmailProvider = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function* ({ email, environmentId, }) {
     try {
@@ -28,9 +18,8 @@ const getEmailProvider = (_a) => _tslib.__awaiter(void 0, [_a], void 0, function
         return res;
     }
     catch (e) {
-        const data = yield e.json();
-        logger.logger.error(data.error);
-        throw new utils.EmailProviderError(data.code);
+        const data = yield utils.logResponseError(e, 'Error getting email provider');
+        throw new utils$1.EmailProviderError(data.code);
     }
 });
 const createEmailVerification = (_b) => _tslib.__awaiter(void 0, [_b], void 0, function* ({ email, environmentId, captchaToken, }) {
@@ -45,9 +34,8 @@ const createEmailVerification = (_b) => _tslib.__awaiter(void 0, [_b], void 0, f
         return res;
     }
     catch (e) {
-        const data = yield e.json();
-        logger.logger.error(data.error);
-        throw new utils.EmailVerificationError(data.code);
+        const data = yield utils.logResponseError(e, 'Error creating email verification');
+        throw new utils$1.EmailVerificationError(data.code);
     }
 });
 const signInWithEmailVerification = (_c) => _tslib.__awaiter(void 0, [_c], void 0, function* ({ verificationToken, verificationUUID, environmentId, captchaToken, sessionPublicKey, }) {
@@ -64,18 +52,17 @@ const signInWithEmailVerification = (_c) => _tslib.__awaiter(void 0, [_c], void
         return res;
     }
     catch (e) {
-        const data = yield e.json();
-        logger.logger.error(data.error);
+        const data = yield utils.logResponseError(e, 'Error email signin');
         if (data.error.code === 'missing_from_list') {
-            throw new utils.NoAccessError({ email: data.payload.email });
+            throw new utils$1.NoAccessError({ email: data.payload.email });
         }
         if (data.code === 'email_associated_with_different_provider') {
-            throw new utils.AccountExistsError(data.error, data.payload);
+            throw new utils$1.AccountExistsError(data.error, data.payload);
         }
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
-            throw new utils.SandboxMaximumThresholdReachedError(data.error.message);
+            throw new utils$1.SandboxMaximumThresholdReachedError(data.error.message);
         }
-        throw new utils.EmailVerificationError(data.code);
+        throw new utils$1.EmailVerificationError(data.code);
     }
 });
 const retryEmailVerification = (_d) => _tslib.__awaiter(void 0, [_d], void 0, function* ({ email, environmentId, verificationUUID, }) {
@@ -90,9 +77,8 @@ const retryEmailVerification = (_d) => _tslib.__awaiter(void 0, [_d], void 0, fu
         return res;
     }
     catch (e) {
-        const data = yield e.json();
-        logger.logger.error(data.error);
-        throw new utils.EmailVerificationError(data.code);
+        const data = yield utils.logResponseError(e, 'Error retrying email verification');
+        throw new utils$1.EmailVerificationError(data.code);
     }
 });
 const verifyEmail = (_e) => _tslib.__awaiter(void 0, [_e], void 0, function* ({ verificationToken, verificationUUID, environmentId, }) {
@@ -107,15 +93,14 @@ const verifyEmail = (_e) => _tslib.__awaiter(void 0, [_e], void 0, function* ({
         return res;
     }
     catch (e) {
-        const data = yield e.json();
-        logger.logger.error(data.error);
+        const data = yield utils.logResponseError(e, 'Error linking email');
         if (data.code === sdkApiCore.UnprocessableEntityErrorCode.UserHasAlreadyAccountWithEmail) {
-            throw new utils.UserHasAccountWithEmailError(data.error);
+            throw new utils$1.UserHasAccountWithEmailError(data.error);
         }
         if (data.error.code === 'sandbox_maximum_threshold_reached') {
-            throw new utils.SandboxMaximumThresholdReachedError(data.error.message);
+            throw new utils$1.SandboxMaximumThresholdReachedError(data.error.message);
         }
-        throw new utils.EmailVerificationError(data.code);
+        throw new utils$1.EmailVerificationError(data.code);
     }
 });