@dynamic-labs/sdk-react-core 4.3.2 → 4.4.1

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

@@ -86,6 +86,8 @@ var utils = require('../TransactionConfirmationPageLayout/utils.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -100,7 +102,6 @@ require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const TransactionStatusLayout = ({ destinationAddress, transactionValue, networkCurrency, onDone, displayPoweredByDynamicFooter = true, onClickClose, transaction, currentToken, isNativeToken, }) => {
     const { t } = reactI18next.useTranslation();

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

@@ -82,6 +82,8 @@ import { getValueRounded } from '../TransactionConfirmationPageLayout/utils.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -96,7 +98,6 @@ import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const TransactionStatusLayout = ({ destinationAddress, transactionValue, networkCurrency, onDone, displayPoweredByDynamicFooter = true, onClickClose, transaction, currentToken, isNativeToken, }) => {
     const { t } = useTranslation();

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

@@ -73,7 +73,6 @@ require('react-focus-lock');
 require('qrcode');
 require('formik');
 require('../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -81,12 +80,14 @@ require('../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../context/FooterAnimationContext/index.cjs');
 require('../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../store/state/sendBalances.cjs');
 require('../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../index.cjs');
 require('../../../store/state/tokenBalances.cjs');

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

@@ -69,7 +69,6 @@ import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
 import '../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -77,12 +76,14 @@ import '../../../context/ConnectWithOtpContext/constants.js';
 import '../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../context/FooterAnimationContext/index.js';
 import '../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../store/state/sendBalances.js';
 import '../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../context/OnrampContext/OnrampContext.js';
 import '../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../index.js';
 import '../../../store/state/tokenBalances.js';

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

@@ -27,6 +27,7 @@ const Typography = (_a) => {
     };
     const colorClassNameMap = {
         'brand-primary': 'typography--brand-primary',
+        'current-color': 'typography--current-color',
         'error-1': 'typography--dynamic-error-1',
         'error-2': 'typography--dynamic-error-2',
         'green-1': 'typography--connection-green-1',

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

@@ -23,6 +23,7 @@ const Typography = (_a) => {
     };
     const colorClassNameMap = {
         'brand-primary': 'typography--brand-primary',
+        'current-color': 'typography--current-color',
         'error-1': 'typography--dynamic-error-1',
         'error-2': 'typography--dynamic-error-2',
         'green-1': 'typography--connection-green-1',

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

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

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

@@ -5,15 +5,31 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.cjs');
 var jsxRuntime = require('react/jsx-runtime');
-var Typography = require('../Typography/Typography.cjs');
 var Button = require('../Button/Button.cjs');
+var Typography = require('../Typography/Typography.cjs');
 
+const defaultTypographyVariantMap = {
+    'brand-primary': 'button_primary',
+    card: 'body_normal',
+    primary: 'button_primary',
+    secondary: 'button_secondary',
+    tertiary: 'button_tertiary',
+};
+const defaultTypographyColorMap = {
+    'brand-primary': 'primary',
+    card: 'primary',
+    primary: 'primary',
+    secondary: 'primary',
+    tertiary: 'secondary',
+};
 const TypographyButton = (_a) => {
     var _b;
-    var { children, typographyProps = {
-        variant: 'button_primary',
-    }, 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 })) })));
+    var { children, typographyProps, copykey, disabled, leading, trailing, buttonVariant = Button.defaultButtonVariant } = _a, props = _tslib.__rest(_a, ["children", "typographyProps", "copykey", "disabled", "leading", "trailing", "buttonVariant"]);
+    const defaultTypographyVariant = defaultTypographyVariantMap[buttonVariant];
+    const defaultTypographyColor = defaultTypographyColorMap[buttonVariant];
+    return (jsxRuntime.jsxs(Button.Button, Object.assign({}, props, { disabled: disabled, buttonVariant: buttonVariant, children: [leading, jsxRuntime.jsx(Typography.Typography, Object.assign({ variant: defaultTypographyVariant, as: 'span' }, typographyProps, { color: disabled
+                    ? 'tertiary'
+                    : (_b = typographyProps === null || typographyProps === void 0 ? void 0 : typographyProps.color) !== null && _b !== void 0 ? _b : defaultTypographyColor, copykey: copykey, children: children })), trailing] })));
 };
 
 exports.TypographyButton = TypographyButton;

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

@@ -1,8 +1,10 @@
 import { FC } from 'react';
-import { ButtonProps } from '../Button/Button';
 import { CopyKey } from '../../shared';
+import { ButtonProps } from '../Button';
 import { TypographyProps } from '../Typography/Typography.types';
 export type TypographyButtonProps = ButtonProps & {
     typographyProps?: Omit<TypographyProps, 'as'>;
+    leading?: JSX.Element;
+    trailing?: JSX.Element;
 } & CopyKey;
 export declare const TypographyButton: FC<TypographyButtonProps>;

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

@@ -1,15 +1,31 @@
 'use client'
 import { __rest } from '../../../../_virtual/_tslib.js';
-import { jsx } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button, defaultButtonVariant } from '../Button/Button.js';
 import { Typography } from '../Typography/Typography.js';
-import { Button } from '../Button/Button.js';
 
+const defaultTypographyVariantMap = {
+    'brand-primary': 'button_primary',
+    card: 'body_normal',
+    primary: 'button_primary',
+    secondary: 'button_secondary',
+    tertiary: 'button_tertiary',
+};
+const defaultTypographyColorMap = {
+    'brand-primary': 'primary',
+    card: 'primary',
+    primary: 'primary',
+    secondary: 'primary',
+    tertiary: 'secondary',
+};
 const TypographyButton = (_a) => {
     var _b;
-    var { children, typographyProps = {
-        variant: 'button_primary',
-    }, 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 })) })));
+    var { children, typographyProps, copykey, disabled, leading, trailing, buttonVariant = defaultButtonVariant } = _a, props = __rest(_a, ["children", "typographyProps", "copykey", "disabled", "leading", "trailing", "buttonVariant"]);
+    const defaultTypographyVariant = defaultTypographyVariantMap[buttonVariant];
+    const defaultTypographyColor = defaultTypographyColorMap[buttonVariant];
+    return (jsxs(Button, Object.assign({}, props, { disabled: disabled, buttonVariant: buttonVariant, children: [leading, jsx(Typography, Object.assign({ variant: defaultTypographyVariant, as: 'span' }, typographyProps, { color: disabled
+                    ? 'tertiary'
+                    : (_b = typographyProps === null || typographyProps === void 0 ? void 0 : typographyProps.color) !== null && _b !== void 0 ? _b : defaultTypographyColor, copykey: copykey, children: children })), trailing] })));
 };
 
 export { TypographyButton };

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

@@ -75,7 +75,6 @@ require('react-focus-lock');
 require('qrcode');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -83,12 +82,14 @@ require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

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

@@ -71,7 +71,6 @@ import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -79,12 +78,14 @@ import '../../context/ConnectWithOtpContext/constants.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
 import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

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

@@ -91,6 +91,8 @@ require('../MenuList/Dropdown/Dropdown.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -106,7 +108,6 @@ require('../InlineWidget/InlineWidget.cjs');
 require('../IsBrowser/IsBrowser.cjs');
 require('../Popper/Popper/Popper.cjs');
 require('../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const UserProfile = ({ rootClassName }) => {
     var _a;

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

@@ -87,6 +87,8 @@ import '../MenuList/Dropdown/Dropdown.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -102,7 +104,6 @@ import '../InlineWidget/InlineWidget.js';
 import '../IsBrowser/IsBrowser.js';
 import '../Popper/Popper/Popper.js';
 import '../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const UserProfile = ({ rootClassName }) => {
     var _a;

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

@@ -73,7 +73,6 @@ require('react-focus-lock');
 require('qrcode');
 require('formik');
 require('../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -81,12 +80,14 @@ require('../../../../context/ConnectWithOtpContext/constants.cjs');
 require('../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 var DynamicWidgetContext = require('../../../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../../../context/FooterAnimationContext/index.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../store/state/sendBalances.cjs');
 require('../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../store/state/tokenBalances.cjs');

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

@@ -69,7 +69,6 @@ import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
 import '../../../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -77,12 +76,14 @@ import '../../../../context/ConnectWithOtpContext/constants.js';
 import '../../../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import { useWidgetContext } from '../../../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../../../context/FooterAnimationContext/index.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../store/state/sendBalances.js';
 import '../../../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../store/state/tokenBalances.js';

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

@@ -77,6 +77,8 @@ require('../../../OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -91,7 +93,6 @@ require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const UserProfileField = ({ name, label, value, copykey, autoComplete, }) => {
     var _a, _b;

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

@@ -73,6 +73,8 @@ import '../../../OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -87,7 +89,6 @@ import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const UserProfileField = ({ name, label, value, copykey, autoComplete, }) => {
     var _a, _b;

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

@@ -74,6 +74,8 @@ require('../../../OverlayCard/OverlayCard.cjs');
 require('../../../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -88,7 +90,6 @@ require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const UserProfileSection = ({ title, children, action, }) => (jsxRuntime.jsxs("div", { className: 'user-profile-section', children: [jsxRuntime.jsx("div", { className: 'user-profile-section__header', children: title && (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(Typography.Typography, { color: 'secondary', weight: 'regular', variant: 'body_normal', className: 'user-profile-section__title', children: title }), action && (jsxRuntime.jsx("div", { className: 'user-profile-section__action', children: action }))] })) }), children] }));
 

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

@@ -70,6 +70,8 @@ import '../../../OverlayCard/OverlayCard.js';
 import '../../../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -84,7 +86,6 @@ import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const UserProfileSection = ({ title, children, action, }) => (jsxs("div", { className: 'user-profile-section', children: [jsx("div", { className: 'user-profile-section__header', children: title && (jsxs(Fragment, { children: [jsx(Typography, { color: 'secondary', weight: 'regular', variant: 'body_normal', className: 'user-profile-section__title', children: title }), action && (jsx("div", { className: 'user-profile-section__action', children: action }))] })) }), children] }));
 

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

@@ -82,6 +82,8 @@ require('../../../../views/TransactionConfirmationView/TransactionConfirmationVi
 require('../../../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
 require('../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.cjs');
+require('../../../../context/OnrampContext/OnrampContext.cjs');
+require('qrcode');
 require('../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../../../index.cjs');
 require('../../../../context/IpConfigurationContext/IpConfigurationContext.cjs');
@@ -98,7 +100,6 @@ require('../../../InlineWidget/InlineWidget.cjs');
 require('../../../IsBrowser/IsBrowser.cjs');
 require('../../../Popper/Popper/Popper.cjs');
 require('../../../Popper/PopperContext/PopperContext.cjs');
-require('qrcode');
 
 const UserProfileSocialAccount = ({ provider, }) => {
     var _a;

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

@@ -78,6 +78,8 @@ import '../../../../views/TransactionConfirmationView/TransactionConfirmationVie
 import '../../../../context/PasskeyContext/PasskeyContext.js';
 import '../../../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
 import '../../../../utils/hooks/useEmbeddedWallet/useSecureEnclaveEmbeddedWallet/constants.js';
+import '../../../../context/OnrampContext/OnrampContext.js';
+import 'qrcode';
 import '../../../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../../../index.js';
 import '../../../../context/IpConfigurationContext/IpConfigurationContext.js';
@@ -94,7 +96,6 @@ import '../../../InlineWidget/InlineWidget.js';
 import '../../../IsBrowser/IsBrowser.js';
 import '../../../Popper/Popper/Popper.js';
 import '../../../Popper/PopperContext/PopperContext.js';
-import 'qrcode';
 
 const UserProfileSocialAccount = ({ provider, }) => {
     var _a;

package/src/lib/components/UserProfileForm/UserProfileForm.cjs

@@ -76,7 +76,6 @@ var DynamicWidgetFooter = require('../../widgets/DynamicWidget/components/Dynami
 require('qrcode');
 var UserDataFields = require('../../views/CollectUserDataView/UserDataFields/UserDataFields.cjs');
 var SubdomainField = require('../../views/SubdomainField/SubdomainField.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -84,6 +83,7 @@ require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../views/CollectUserDataView/useFields.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('yup');
@@ -92,6 +92,7 @@ require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/UserProfileForm/UserProfileForm.js

@@ -72,7 +72,6 @@ import { DynamicWidgetFooter } from '../../widgets/DynamicWidget/components/Dyna
 import 'qrcode';
 import { UserDataFields } from '../../views/CollectUserDataView/UserDataFields/UserDataFields.js';
 import { SubdomainField } from '../../views/SubdomainField/SubdomainField.js';
-import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -80,6 +79,7 @@ import '../../context/ConnectWithOtpContext/constants.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../views/CollectUserDataView/useFields.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import 'yup';
@@ -88,6 +88,7 @@ import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.cjs

@@ -72,7 +72,6 @@ require('react-focus-lock');
 require('qrcode');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/WalletGroupContext/WalletGroupContext.cjs');
 require('../../context/IpConfigurationContext/IpConfigurationContext.cjs');
 require('../../context/ConnectWithOtpContext/ConnectWithOtpContext.cjs');
@@ -80,12 +79,14 @@ require('../../context/ConnectWithOtpContext/constants.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../../context/FooterAnimationContext/index.cjs');
 require('../../context/PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../../context/OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/components/WalletConnectorEvents/WalletConnectorEvents.js

@@ -68,7 +68,6 @@ import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../../context/FooterAnimationContext/index.js';
 import '../../context/WalletGroupContext/WalletGroupContext.js';
 import '../../context/IpConfigurationContext/IpConfigurationContext.js';
 import '../../context/ConnectWithOtpContext/ConnectWithOtpContext.js';
@@ -76,12 +75,14 @@ import '../../context/ConnectWithOtpContext/constants.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../../context/FooterAnimationContext/index.js';
 import '../../context/PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
 import '../OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../../context/OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.cjs

@@ -74,7 +74,6 @@ require('react-focus-lock');
 require('qrcode');
 require('formik');
 require('../../utils/hooks/useSubdomainCheck/useSubdomainCheck.cjs');
-require('../FooterAnimationContext/index.cjs');
 require('../WalletGroupContext/WalletGroupContext.cjs');
 require('../IpConfigurationContext/IpConfigurationContext.cjs');
 var ConnectWithOtpContext = require('./ConnectWithOtpContext.cjs');
@@ -84,12 +83,14 @@ var findEmailProvider = require('./utils/findEmailProvider.cjs');
 require('../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.cjs');
 require('@hcaptcha/react-hcaptcha');
 require('../../widgets/DynamicWidget/context/DynamicWidgetContext.cjs');
+require('../FooterAnimationContext/index.cjs');
 require('../PasskeyContext/PasskeyContext.cjs');
 require('../../store/state/sendBalances.cjs');
 require('../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.cjs');
 require('../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.cjs');
 require('../../views/TransactionConfirmationView/TransactionConfirmationView.cjs');
 require('../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.cjs');
+require('../OnrampContext/OnrampContext.cjs');
 require('../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.cjs');
 require('../../../index.cjs');
 require('../../store/state/tokenBalances.cjs');

package/src/lib/context/ConnectWithOtpContext/ConnectWithOtpProvider.js

@@ -70,7 +70,6 @@ import 'react-focus-lock';
 import 'qrcode';
 import 'formik';
 import '../../utils/hooks/useSubdomainCheck/useSubdomainCheck.js';
-import '../FooterAnimationContext/index.js';
 import '../WalletGroupContext/WalletGroupContext.js';
 import '../IpConfigurationContext/IpConfigurationContext.js';
 import { ConnectWithOtpContext } from './ConnectWithOtpContext.js';
@@ -80,12 +79,14 @@ import { findEmailProvider } from './utils/findEmailProvider.js';
 import '../../widgets/DynamicBridgeWidget/views/WalletsView/components/SecondaryWallets/SecondaryWallets.js';
 import '@hcaptcha/react-hcaptcha';
 import '../../widgets/DynamicWidget/context/DynamicWidgetContext.js';
+import '../FooterAnimationContext/index.js';
 import '../PasskeyContext/PasskeyContext.js';
 import '../../store/state/sendBalances.js';
 import '../../components/OverlayCardBase/OverlayCardTarget/OverlayCardTarget.js';
 import '../../widgets/DynamicWidget/components/DynamicWidgetHeader/DynamicWidgetHeader.js';
 import '../../views/TransactionConfirmationView/TransactionConfirmationView.js';
 import '../../widgets/DynamicWidget/views/ManagePasskeysWidgetView/PasskeyCard/PasskeyCard.js';
+import '../OnrampContext/OnrampContext.js';
 import '../../widgets/DynamicWidget/views/ReceiveExternalWalletFunds/ReceiveExternalWalletFunds.js';
 import '../../../index.js';
 import '../../store/state/tokenBalances.js';