@funkit/connect 5.1.1 → 5.1.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +30 -0
- package/dist/{chunk-SPLTPSN6.js → chunk-IDAA2OY6.js} +9 -1
- package/dist/{chunk-ZX3JBDYE.js → chunk-L55ALBJE.js} +9 -1
- package/dist/components/Box/Box.d.ts +43 -43
- package/dist/components/Dialog/Dialog.d.ts +2 -3
- package/dist/components/Dropdown/BaseActiveDropdownItem.d.ts +6 -3
- package/dist/components/Dropdown/BaseDropdown.d.ts +4 -9
- package/dist/components/Dropdown/BaseDropdownItem.d.ts +1 -1
- package/dist/components/Dropdown/ChainDropdown.d.ts +2 -1
- package/dist/components/Dropdown/ReceiveTokenDropdown.d.ts +2 -1
- package/dist/components/Dropdown/TokenDropdown.d.ts +3 -1
- package/dist/components/FunAlert/FunAlert.d.ts +3 -1
- package/dist/components/FunAsset/FunAssetItem.d.ts +1 -3
- package/dist/components/FunBadge/FunBadge.d.ts +14 -4
- package/dist/components/FunButton/FunButton.css.d.ts +2 -1
- package/dist/components/FunButton/FunLinkButton.d.ts +11 -8
- package/dist/components/FunPaymentMethodItem/FunPaymentMethodItem.d.ts +2 -1
- package/dist/components/FunTooltip/FunTooltip.d.ts +2 -2
- package/dist/components/Icons/New/PercentageIcon.d.ts +2 -0
- package/dist/components/Icons/StatusIcons.d.ts +1 -0
- package/dist/components/QRCode/QRCodeSkeletonLoader.d.ts +1 -1
- package/dist/components/SolanaDepositAlert/SolanaDepositAlert.d.ts +6 -0
- package/dist/components/TransferTokenDetails/TransferTokenDetails.d.ts +4 -3
- package/dist/consts/checkout.d.ts +4 -2
- package/dist/css/sprinkles.css.d.ts +55 -43
- package/dist/domains/asset.d.ts +12 -1
- package/dist/domains/checkoutRecipient.d.ts +6 -0
- package/dist/hooks/useTokenTransfer.d.ts +3 -2
- package/dist/index.css +2653 -2269
- package/dist/index.d.ts +7 -2
- package/dist/index.js +923 -705
- package/dist/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.d.ts +0 -1
- package/dist/modals/CheckoutModal/SelectAsset.d.ts +2 -0
- package/dist/modals/CheckoutModal/TransferToken/TransferToken.d.ts +8 -2
- package/dist/modals/CheckoutModal/stepTransition.d.ts +3 -2
- package/dist/providers/AuthenticationContext.d.ts +1 -2
- package/dist/providers/FunkitCheckoutContext.d.ts +4 -4
- package/dist/providers/FunkitConfigContext.d.ts +1 -0
- package/dist/providers/FunkitMoonpayProvider.d.ts +2 -1
- package/dist/providers/FunkitThemeProvider.d.ts +18 -0
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.js +1 -1
- package/dist/utils/consts.d.ts +1 -0
- package/dist/utils/flags/config.d.ts +9 -15
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
- package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
- package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
- package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
- package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +49 -49
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
- package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
- package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +5 -5
- package/dist/components/FunAsset/FunAssetBadge.d.ts +0 -16
- package/dist/components/FunNotificationBanner/FunNotificationBannerSummary.css.d.ts +0 -1
- package/dist/components/FunNotificationBanner/FunNotificationBannerSummary.d.ts +0 -7
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
darkTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-L55ALBJE.js";
|
|
5
5
|
import {
|
|
6
6
|
lightTheme
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-IDAA2OY6.js";
|
|
8
8
|
import {
|
|
9
9
|
systemFontStack
|
|
10
10
|
} from "./chunk-A7G4HZZY.js";
|
|
@@ -14,13 +14,13 @@ var BASE_DIALOG_PADDING = "6";
|
|
|
14
14
|
var SCROLL_BAR_WIDTH = 6;
|
|
15
15
|
var contentCollapsed = "_1pzt423c";
|
|
16
16
|
var contentExpanded = "_1pzt423b";
|
|
17
|
-
var dialog = "_1pzt4231
|
|
18
|
-
var dialogCompact = "_1pzt4232 _1pzt4231
|
|
19
|
-
var dialogMedium = "_1pzt4233 _1pzt4231
|
|
20
|
-
var dialogMobile = "_1pzt4235
|
|
17
|
+
var dialog = "_1pzt4231 _1rsrm2fj5 _1rsrm2fxb _1rsrm2fv _1rsrm2f11 _1rsrm2f15 _1rsrm2f17z _1rsrm2fa _1rsrm2f1f _1rsrm2fbi _1rsrm2fel _1rsrm2fc0 _1rsrm2fd7 _1rsrm2fcg";
|
|
18
|
+
var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fj5 _1rsrm2fxb _1rsrm2fv _1rsrm2f11 _1rsrm2f15 _1rsrm2f17z _1rsrm2fa _1rsrm2f1f _1rsrm2fbi _1rsrm2fel _1rsrm2fc0 _1rsrm2fd7 _1rsrm2fcg";
|
|
19
|
+
var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fj5 _1rsrm2fxb _1rsrm2fv _1rsrm2f11 _1rsrm2f15 _1rsrm2f17z _1rsrm2fa _1rsrm2f1f _1rsrm2fbi _1rsrm2fel _1rsrm2fc0 _1rsrm2fd7 _1rsrm2fcg";
|
|
20
|
+
var dialogMobile = "_1pzt4235 _1rsrm2fw _1rsrm2f15";
|
|
21
21
|
var dividerTransition = "_1pzt423a";
|
|
22
22
|
var fullHeightContent = "_1pzt4239";
|
|
23
|
-
var scrollContent = "_1pzt4237
|
|
23
|
+
var scrollContent = "_1pzt4237 _1rsrm2ffq";
|
|
24
24
|
var scrollbarHidden = "_1pzt4238";
|
|
25
25
|
|
|
26
26
|
// src/modals/DevTest/DevEmbed.tsx
|
|
@@ -43,8 +43,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
|
|
|
43
43
|
import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
|
|
44
44
|
var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
45
45
|
var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
46
|
-
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2ffs", hover: "_1rsrm2fft", active: "_1rsrm2ffu", selection: "_1rsrm2ffv", focused: "_1rsrm2ffw", focusedVisible: "_1rsrm2ffx" }, defaultClass: "_1rsrm2ffs" }, accentColorForeground: { conditions: { base: "_1rsrm2ffy", hover: "_1rsrm2ffz", active: "_1rsrm2fg0", selection: "_1rsrm2fg1", focused: "_1rsrm2fg2", focusedVisible: "_1rsrm2fg3" }, defaultClass: "_1rsrm2ffy" }, actionButtonBorder: { conditions: { base: "_1rsrm2fg4", hover: "_1rsrm2fg5", active: "_1rsrm2fg6", selection: "_1rsrm2fg7", focused: "_1rsrm2fg8", focusedVisible: "_1rsrm2fg9" }, defaultClass: "_1rsrm2fg4" }, connectButtonBackground: { conditions: { base: "_1rsrm2fga", hover: "_1rsrm2fgb", active: "_1rsrm2fgc", selection: "_1rsrm2fgd", focused: "_1rsrm2fge", focusedVisible: "_1rsrm2fgf" }, defaultClass: "_1rsrm2fga" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgg", hover: "_1rsrm2fgh", active: "_1rsrm2fgi", selection: "_1rsrm2fgj", focused: "_1rsrm2fgk", focusedVisible: "_1rsrm2fgl" }, defaultClass: "_1rsrm2fgg" }, connectButtonText: { conditions: { base: "_1rsrm2fgm", hover: "_1rsrm2fgn", active: "_1rsrm2fgo", selection: "_1rsrm2fgp", focused: "_1rsrm2fgq", focusedVisible: "_1rsrm2fgr" }, defaultClass: "_1rsrm2fgm" }, connectButtonTextError: { conditions: { base: "_1rsrm2fgs", hover: "_1rsrm2fgt", active: "_1rsrm2fgu", selection: "_1rsrm2fgv", focused: "_1rsrm2fgw", focusedVisible: "_1rsrm2fgx" }, defaultClass: "_1rsrm2fgs" }, connectionIndicator: { conditions: { base: "_1rsrm2fgy", hover: "_1rsrm2fgz", active: "_1rsrm2fh0", selection: "_1rsrm2fh1", focused: "_1rsrm2fh2", focusedVisible: "_1rsrm2fh3" }, defaultClass: "_1rsrm2fgy" }, error: { conditions: { base: "_1rsrm2fh4", hover: "_1rsrm2fh5", active: "_1rsrm2fh6", selection: "_1rsrm2fh7", focused: "_1rsrm2fh8", focusedVisible: "_1rsrm2fh9" }, defaultClass: "_1rsrm2fh4" }, errorBackground: { conditions: { base: "_1rsrm2fha", hover: "_1rsrm2fhb", active: "_1rsrm2fhc", selection: "_1rsrm2fhd", focused: "_1rsrm2fhe", focusedVisible: "_1rsrm2fhf" }, defaultClass: "_1rsrm2fha" }, errorBorder: { conditions: { base: "_1rsrm2fhg", hover: "_1rsrm2fhh", active: "_1rsrm2fhi", selection: "_1rsrm2fhj", focused: "_1rsrm2fhk", focusedVisible: "_1rsrm2fhl" }, defaultClass: "_1rsrm2fhg" }, generalBorder: { conditions: { base: "_1rsrm2fhm", hover: "_1rsrm2fhn", active: "_1rsrm2fho", selection: "_1rsrm2fhp", focused: "_1rsrm2fhq", focusedVisible: "_1rsrm2fhr" }, defaultClass: "_1rsrm2fhm" }, generalBorderDim: { conditions: { base: "_1rsrm2fhs", hover: "_1rsrm2fht", active: "_1rsrm2fhu", selection: "_1rsrm2fhv", focused: "_1rsrm2fhw", focusedVisible: "_1rsrm2fhx" }, defaultClass: "_1rsrm2fhs" }, menuItemBackground: { conditions: { base: "_1rsrm2fhy", hover: "_1rsrm2fhz", active: "_1rsrm2fi0", selection: "_1rsrm2fi1", focused: "_1rsrm2fi2", focusedVisible: "_1rsrm2fi3" }, defaultClass: "_1rsrm2fhy" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fi4", hover: "_1rsrm2fi5", active: "_1rsrm2fi6", selection: "_1rsrm2fi7", focused: "_1rsrm2fi8", focusedVisible: "_1rsrm2fi9" }, defaultClass: "_1rsrm2fi4" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fia", hover: "_1rsrm2fib", active: "_1rsrm2fic", selection: "_1rsrm2fid", focused: "_1rsrm2fie", focusedVisible: "_1rsrm2fif" }, defaultClass: "_1rsrm2fia" }, standby: { conditions: { base: "_1rsrm2fig", hover: "_1rsrm2fih", active: "_1rsrm2fii", selection: "_1rsrm2fij", focused: "_1rsrm2fik", focusedVisible: "_1rsrm2fil" }, defaultClass: "_1rsrm2fig" }, success: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio", selection: "_1rsrm2fip", focused: "_1rsrm2fiq", focusedVisible: "_1rsrm2fir" }, defaultClass: "_1rsrm2fim" }, chainIconBorder: { conditions: { base: "_1rsrm2fis", hover: "_1rsrm2fit", active: "_1rsrm2fiu", selection: "_1rsrm2fiv", focused: "_1rsrm2fiw", focusedVisible: "_1rsrm2fix" }, defaultClass: "_1rsrm2fis" }, modalBackdrop: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0", selection: "_1rsrm2fj1", focused: "_1rsrm2fj2", focusedVisible: "_1rsrm2fj3" }, defaultClass: "_1rsrm2fiy" }, modalBackground: { conditions: { base: "_1rsrm2fj4", hover: "_1rsrm2fj5", active: "_1rsrm2fj6", selection: "_1rsrm2fj7", focused: "_1rsrm2fj8", focusedVisible: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj4" }, modalBorder: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd", focused: "_1rsrm2fje", focusedVisible: "_1rsrm2fjf" }, defaultClass: "_1rsrm2fja" }, offBackground: { conditions: { base: "_1rsrm2fjg", hover: "_1rsrm2fjh", active: "_1rsrm2fji", selection: "_1rsrm2fjj", focused: "_1rsrm2fjk", focusedVisible: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fjg" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp", focused: "_1rsrm2fjq", focusedVisible: "_1rsrm2fjr" }, defaultClass: "_1rsrm2fjm" }, hoverState: { conditions: { base: "_1rsrm2fjs", hover: "_1rsrm2fjt", active: "_1rsrm2fju", selection: "_1rsrm2fjv", focused: "_1rsrm2fjw", focusedVisible: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fjs" }, lightStroke: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1", focused: "_1rsrm2fk2", focusedVisible: "_1rsrm2fk3" }, defaultClass: "_1rsrm2fjy" }, mediumStroke: { conditions: { base: "_1rsrm2fk4", hover: "_1rsrm2fk5", active: "_1rsrm2fk6", selection: "_1rsrm2fk7", focused: "_1rsrm2fk8", focusedVisible: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk4" }, heavyStroke: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd", focused: "_1rsrm2fke", focusedVisible: "_1rsrm2fkf" }, defaultClass: "_1rsrm2fka" }, strokeColor: { conditions: { base: "_1rsrm2fkg", hover: "_1rsrm2fkh", active: "_1rsrm2fki", selection: "_1rsrm2fkj", focused: "_1rsrm2fkk", focusedVisible: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fkg" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp", focused: "_1rsrm2fkq", focusedVisible: "_1rsrm2fkr" }, defaultClass: "_1rsrm2fkm" }, primaryText: { conditions: { base: "_1rsrm2fks", hover: "_1rsrm2fkt", active: "_1rsrm2fku", selection: "_1rsrm2fkv", focused: "_1rsrm2fkw", focusedVisible: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fks" }, secondaryText: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1", focused: "_1rsrm2fl2", focusedVisible: "_1rsrm2fl3" }, defaultClass: "_1rsrm2fky" }, tertiaryText: { conditions: { base: "_1rsrm2fl4", hover: "_1rsrm2fl5", active: "_1rsrm2fl6", selection: "_1rsrm2fl7", focused: "_1rsrm2fl8", focusedVisible: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl4" }, textSelection: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld", focused: "_1rsrm2fle", focusedVisible: "_1rsrm2flf" }, defaultClass: "_1rsrm2fla" }, inputBackground: { conditions: { base: "_1rsrm2flg", hover: "_1rsrm2flh", active: "_1rsrm2fli", selection: "_1rsrm2flj", focused: "_1rsrm2flk", focusedVisible: "_1rsrm2fll" }, defaultClass: "_1rsrm2flg" }, inputBorderBase: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp", focused: "_1rsrm2flq", focusedVisible: "_1rsrm2flr" }, defaultClass: "_1rsrm2flm" }, inputBorderHover: { conditions: { base: "_1rsrm2fls", hover: "_1rsrm2flt", active: "_1rsrm2flu", selection: "_1rsrm2flv", focused: "_1rsrm2flw", focusedVisible: "_1rsrm2flx" }, defaultClass: "_1rsrm2fls" }, actionColor: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1", focused: "_1rsrm2fm2", focusedVisible: "_1rsrm2fm3" }, defaultClass: "_1rsrm2fly" }, actionColorHover: { conditions: { base: "_1rsrm2fm4", hover: "_1rsrm2fm5", active: "_1rsrm2fm6", selection: "_1rsrm2fm7", focused: "_1rsrm2fm8", focusedVisible: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm4" }, actionColorDisabled: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd", focused: "_1rsrm2fme", focusedVisible: "_1rsrm2fmf" }, defaultClass: "_1rsrm2fma" }, buttonPrimary: { conditions: { base: "_1rsrm2fmg", hover: "_1rsrm2fmh", active: "_1rsrm2fmi", selection: "_1rsrm2fmj", focused: "_1rsrm2fmk", focusedVisible: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmg" }, buttonDisabled: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp", focused: "_1rsrm2fmq", focusedVisible: "_1rsrm2fmr" }, defaultClass: "_1rsrm2fmm" }, buttonWarning: { conditions: { base: "_1rsrm2fms", hover: "_1rsrm2fmt", active: "_1rsrm2fmu", selection: "_1rsrm2fmv", focused: "_1rsrm2fmw", focusedVisible: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fms" }, buttonSuccess: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1", focused: "_1rsrm2fn2", focusedVisible: "_1rsrm2fn3" }, defaultClass: "_1rsrm2fmy" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fn4", hover: "_1rsrm2fn5", active: "_1rsrm2fn6", selection: "_1rsrm2fn7", focused: "_1rsrm2fn8", focusedVisible: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn4" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd", focused: "_1rsrm2fne", focusedVisible: "_1rsrm2fnf" }, defaultClass: "_1rsrm2fna" }, transparent: { conditions: { base: "_1rsrm2fng", hover: "_1rsrm2fnh", active: "_1rsrm2fni", selection: "_1rsrm2fnj", focused: "_1rsrm2fnk", focusedVisible: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fng" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp", focused: "_1rsrm2fnq", focusedVisible: "_1rsrm2fnr" }, defaultClass: "_1rsrm2fnm" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fns", hover: "_1rsrm2fnt", active: "_1rsrm2fnu", selection: "_1rsrm2fnv", focused: "_1rsrm2fnw", focusedVisible: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fns" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1", focused: "_1rsrm2fo2", focusedVisible: "_1rsrm2fo3" }, defaultClass: "_1rsrm2fny" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fo4", hover: "_1rsrm2fo5", active: "_1rsrm2fo6", selection: "_1rsrm2fo7", focused: "_1rsrm2fo8", focusedVisible: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo4" }, buttonBackground: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod", focused: "_1rsrm2foe", focusedVisible: "_1rsrm2fof" }, defaultClass: "_1rsrm2foa" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fog", hover: "_1rsrm2foh", active: "_1rsrm2foi", selection: "_1rsrm2foj", focused: "_1rsrm2fok", focusedVisible: "_1rsrm2fol" }, defaultClass: "_1rsrm2fog" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop", focused: "_1rsrm2foq", focusedVisible: "_1rsrm2for" }, defaultClass: "_1rsrm2fom" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fos", hover: "_1rsrm2fot", active: "_1rsrm2fou", selection: "_1rsrm2fov", focused: "_1rsrm2fow", focusedVisible: "_1rsrm2fox" }, defaultClass: "_1rsrm2fos" }, buttonTextSecondary: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1", focused: "_1rsrm2fp2", focusedVisible: "_1rsrm2fp3" }, defaultClass: "_1rsrm2foy" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fp4", hover: "_1rsrm2fp5", active: "_1rsrm2fp6", selection: "_1rsrm2fp7", focused: "_1rsrm2fp8", focusedVisible: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp4" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd", focused: "_1rsrm2fpe", focusedVisible: "_1rsrm2fpf" }, defaultClass: "_1rsrm2fpa" }, buttonIconStroke: { conditions: { base: "_1rsrm2fpg", hover: "_1rsrm2fph", active: "_1rsrm2fpi", selection: "_1rsrm2fpj", focused: "_1rsrm2fpk", focusedVisible: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpg" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp", focused: "_1rsrm2fpq", focusedVisible: "_1rsrm2fpr" }, defaultClass: "_1rsrm2fpm" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fps", hover: "_1rsrm2fpt", active: "_1rsrm2fpu", selection: "_1rsrm2fpv", focused: "_1rsrm2fpw", focusedVisible: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fps" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1", focused: "_1rsrm2fq2", focusedVisible: "_1rsrm2fq3" }, defaultClass: "_1rsrm2fpy" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fq4", hover: "_1rsrm2fq5", active: "_1rsrm2fq6", selection: "_1rsrm2fq7", focused: "_1rsrm2fq8", focusedVisible: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq4" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd", focused: "_1rsrm2fqe", focusedVisible: "_1rsrm2fqf" }, defaultClass: "_1rsrm2fqa" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fqg", hover: "_1rsrm2fqh", active: "_1rsrm2fqi", selection: "_1rsrm2fqj", focused: "_1rsrm2fqk", focusedVisible: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqg" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp", focused: "_1rsrm2fqq", focusedVisible: "_1rsrm2fqr" }, defaultClass: "_1rsrm2fqm" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fqs", hover: "_1rsrm2fqt", active: "_1rsrm2fqu", selection: "_1rsrm2fqv", focused: "_1rsrm2fqw", focusedVisible: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqs" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1", focused: "_1rsrm2fr2", focusedVisible: "_1rsrm2fr3" }, defaultClass: "_1rsrm2fqy" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fr4", hover: "_1rsrm2fr5", active: "_1rsrm2fr6", selection: "_1rsrm2fr7", focused: "_1rsrm2fr8", focusedVisible: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr4" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd", focused: "_1rsrm2fre", focusedVisible: "_1rsrm2frf" }, defaultClass: "_1rsrm2fra" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2frg", hover: "_1rsrm2frh", active: "_1rsrm2fri", selection: "_1rsrm2frj", focused: "_1rsrm2frk", focusedVisible: "_1rsrm2frl" }, defaultClass: "_1rsrm2frg" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp", focused: "_1rsrm2frq", focusedVisible: "_1rsrm2frr" }, defaultClass: "_1rsrm2frm" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2frs", hover: "_1rsrm2frt", active: "_1rsrm2fru", selection: "_1rsrm2frv", focused: "_1rsrm2frw", focusedVisible: "_1rsrm2frx" }, defaultClass: "_1rsrm2frs" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1", focused: "_1rsrm2fs2", focusedVisible: "_1rsrm2fs3" }, defaultClass: "_1rsrm2fry" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fs4", hover: "_1rsrm2fs5", active: "_1rsrm2fs6", selection: "_1rsrm2fs7", focused: "_1rsrm2fs8", focusedVisible: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs4" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd", focused: "_1rsrm2fse", focusedVisible: "_1rsrm2fsf" }, defaultClass: "_1rsrm2fsa" }, announceGradientFrom: { conditions: { base: "_1rsrm2fsg", hover: "_1rsrm2fsh", active: "_1rsrm2fsi", selection: "_1rsrm2fsj", focused: "_1rsrm2fsk", focusedVisible: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsg" }, announceGradientTo: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp", focused: "_1rsrm2fsq", focusedVisible: "_1rsrm2fsr" }, defaultClass: "_1rsrm2fsm" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fss", hover: "_1rsrm2fst", active: "_1rsrm2fsu", selection: "_1rsrm2fsv", focused: "_1rsrm2fsw", focusedVisible: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fss" }, accentColorForeground: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1", focused: "_1rsrm2ft2", focusedVisible: "_1rsrm2ft3" }, defaultClass: "_1rsrm2fsy" }, actionButtonBorder: { conditions: { base: "_1rsrm2ft4", hover: "_1rsrm2ft5", active: "_1rsrm2ft6", selection: "_1rsrm2ft7", focused: "_1rsrm2ft8", focusedVisible: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft4" }, connectButtonBackground: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd", focused: "_1rsrm2fte", focusedVisible: "_1rsrm2ftf" }, defaultClass: "_1rsrm2fta" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ftg", hover: "_1rsrm2fth", active: "_1rsrm2fti", selection: "_1rsrm2ftj", focused: "_1rsrm2ftk", focusedVisible: "_1rsrm2ftl" }, defaultClass: "_1rsrm2ftg" }, connectButtonText: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp", focused: "_1rsrm2ftq", focusedVisible: "_1rsrm2ftr" }, defaultClass: "_1rsrm2ftm" }, connectButtonTextError: { conditions: { base: "_1rsrm2fts", hover: "_1rsrm2ftt", active: "_1rsrm2ftu", selection: "_1rsrm2ftv", focused: "_1rsrm2ftw", focusedVisible: "_1rsrm2ftx" }, defaultClass: "_1rsrm2fts" }, connectionIndicator: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1", focused: "_1rsrm2fu2", focusedVisible: "_1rsrm2fu3" }, defaultClass: "_1rsrm2fty" }, error: { conditions: { base: "_1rsrm2fu4", hover: "_1rsrm2fu5", active: "_1rsrm2fu6", selection: "_1rsrm2fu7", focused: "_1rsrm2fu8", focusedVisible: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu4" }, errorBackground: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud", focused: "_1rsrm2fue", focusedVisible: "_1rsrm2fuf" }, defaultClass: "_1rsrm2fua" }, errorBorder: { conditions: { base: "_1rsrm2fug", hover: "_1rsrm2fuh", active: "_1rsrm2fui", selection: "_1rsrm2fuj", focused: "_1rsrm2fuk", focusedVisible: "_1rsrm2ful" }, defaultClass: "_1rsrm2fug" }, generalBorder: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup", focused: "_1rsrm2fuq", focusedVisible: "_1rsrm2fur" }, defaultClass: "_1rsrm2fum" }, generalBorderDim: { conditions: { base: "_1rsrm2fus", hover: "_1rsrm2fut", active: "_1rsrm2fuu", selection: "_1rsrm2fuv", focused: "_1rsrm2fuw", focusedVisible: "_1rsrm2fux" }, defaultClass: "_1rsrm2fus" }, menuItemBackground: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1", focused: "_1rsrm2fv2", focusedVisible: "_1rsrm2fv3" }, defaultClass: "_1rsrm2fuy" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fv4", hover: "_1rsrm2fv5", active: "_1rsrm2fv6", selection: "_1rsrm2fv7", focused: "_1rsrm2fv8", focusedVisible: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv4" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd", focused: "_1rsrm2fve", focusedVisible: "_1rsrm2fvf" }, defaultClass: "_1rsrm2fva" }, standby: { conditions: { base: "_1rsrm2fvg", hover: "_1rsrm2fvh", active: "_1rsrm2fvi", selection: "_1rsrm2fvj", focused: "_1rsrm2fvk", focusedVisible: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvg" }, success: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp", focused: "_1rsrm2fvq", focusedVisible: "_1rsrm2fvr" }, defaultClass: "_1rsrm2fvm" }, chainIconBorder: { conditions: { base: "_1rsrm2fvs", hover: "_1rsrm2fvt", active: "_1rsrm2fvu", selection: "_1rsrm2fvv", focused: "_1rsrm2fvw", focusedVisible: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvs" }, modalBackdrop: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1", focused: "_1rsrm2fw2", focusedVisible: "_1rsrm2fw3" }, defaultClass: "_1rsrm2fvy" }, modalBackground: { conditions: { base: "_1rsrm2fw4", hover: "_1rsrm2fw5", active: "_1rsrm2fw6", selection: "_1rsrm2fw7", focused: "_1rsrm2fw8", focusedVisible: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw4" }, modalBorder: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd", focused: "_1rsrm2fwe", focusedVisible: "_1rsrm2fwf" }, defaultClass: "_1rsrm2fwa" }, offBackground: { conditions: { base: "_1rsrm2fwg", hover: "_1rsrm2fwh", active: "_1rsrm2fwi", selection: "_1rsrm2fwj", focused: "_1rsrm2fwk", focusedVisible: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwg" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp", focused: "_1rsrm2fwq", focusedVisible: "_1rsrm2fwr" }, defaultClass: "_1rsrm2fwm" }, hoverState: { conditions: { base: "_1rsrm2fws", hover: "_1rsrm2fwt", active: "_1rsrm2fwu", selection: "_1rsrm2fwv", focused: "_1rsrm2fww", focusedVisible: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fws" }, lightStroke: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1", focused: "_1rsrm2fx2", focusedVisible: "_1rsrm2fx3" }, defaultClass: "_1rsrm2fwy" }, mediumStroke: { conditions: { base: "_1rsrm2fx4", hover: "_1rsrm2fx5", active: "_1rsrm2fx6", selection: "_1rsrm2fx7", focused: "_1rsrm2fx8", focusedVisible: "_1rsrm2fx9" }, defaultClass: "_1rsrm2fx4" }, heavyStroke: { conditions: { base: "_1rsrm2fxa", hover: "_1rsrm2fxb", active: "_1rsrm2fxc", selection: "_1rsrm2fxd", focused: "_1rsrm2fxe", focusedVisible: "_1rsrm2fxf" }, defaultClass: "_1rsrm2fxa" }, strokeColor: { conditions: { base: "_1rsrm2fxg", hover: "_1rsrm2fxh", active: "_1rsrm2fxi", selection: "_1rsrm2fxj", focused: "_1rsrm2fxk", focusedVisible: "_1rsrm2fxl" }, defaultClass: "_1rsrm2fxg" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fxm", hover: "_1rsrm2fxn", active: "_1rsrm2fxo", selection: "_1rsrm2fxp", focused: "_1rsrm2fxq", focusedVisible: "_1rsrm2fxr" }, defaultClass: "_1rsrm2fxm" }, primaryText: { conditions: { base: "_1rsrm2fxs", hover: "_1rsrm2fxt", active: "_1rsrm2fxu", selection: "_1rsrm2fxv", focused: "_1rsrm2fxw", focusedVisible: "_1rsrm2fxx" }, defaultClass: "_1rsrm2fxs" }, secondaryText: { conditions: { base: "_1rsrm2fxy", hover: "_1rsrm2fxz", active: "_1rsrm2fy0", selection: "_1rsrm2fy1", focused: "_1rsrm2fy2", focusedVisible: "_1rsrm2fy3" }, defaultClass: "_1rsrm2fxy" }, tertiaryText: { conditions: { base: "_1rsrm2fy4", hover: "_1rsrm2fy5", active: "_1rsrm2fy6", selection: "_1rsrm2fy7", focused: "_1rsrm2fy8", focusedVisible: "_1rsrm2fy9" }, defaultClass: "_1rsrm2fy4" }, textSelection: { conditions: { base: "_1rsrm2fya", hover: "_1rsrm2fyb", active: "_1rsrm2fyc", selection: "_1rsrm2fyd", focused: "_1rsrm2fye", focusedVisible: "_1rsrm2fyf" }, defaultClass: "_1rsrm2fya" }, inputBackground: { conditions: { base: "_1rsrm2fyg", hover: "_1rsrm2fyh", active: "_1rsrm2fyi", selection: "_1rsrm2fyj", focused: "_1rsrm2fyk", focusedVisible: "_1rsrm2fyl" }, defaultClass: "_1rsrm2fyg" }, inputBorderBase: { conditions: { base: "_1rsrm2fym", hover: "_1rsrm2fyn", active: "_1rsrm2fyo", selection: "_1rsrm2fyp", focused: "_1rsrm2fyq", focusedVisible: "_1rsrm2fyr" }, defaultClass: "_1rsrm2fym" }, inputBorderHover: { conditions: { base: "_1rsrm2fys", hover: "_1rsrm2fyt", active: "_1rsrm2fyu", selection: "_1rsrm2fyv", focused: "_1rsrm2fyw", focusedVisible: "_1rsrm2fyx" }, defaultClass: "_1rsrm2fys" }, actionColor: { conditions: { base: "_1rsrm2fyy", hover: "_1rsrm2fyz", active: "_1rsrm2fz0", selection: "_1rsrm2fz1", focused: "_1rsrm2fz2", focusedVisible: "_1rsrm2fz3" }, defaultClass: "_1rsrm2fyy" }, actionColorHover: { conditions: { base: "_1rsrm2fz4", hover: "_1rsrm2fz5", active: "_1rsrm2fz6", selection: "_1rsrm2fz7", focused: "_1rsrm2fz8", focusedVisible: "_1rsrm2fz9" }, defaultClass: "_1rsrm2fz4" }, actionColorDisabled: { conditions: { base: "_1rsrm2fza", hover: "_1rsrm2fzb", active: "_1rsrm2fzc", selection: "_1rsrm2fzd", focused: "_1rsrm2fze", focusedVisible: "_1rsrm2fzf" }, defaultClass: "_1rsrm2fza" }, buttonPrimary: { conditions: { base: "_1rsrm2fzg", hover: "_1rsrm2fzh", active: "_1rsrm2fzi", selection: "_1rsrm2fzj", focused: "_1rsrm2fzk", focusedVisible: "_1rsrm2fzl" }, defaultClass: "_1rsrm2fzg" }, buttonDisabled: { conditions: { base: "_1rsrm2fzm", hover: "_1rsrm2fzn", active: "_1rsrm2fzo", selection: "_1rsrm2fzp", focused: "_1rsrm2fzq", focusedVisible: "_1rsrm2fzr" }, defaultClass: "_1rsrm2fzm" }, buttonWarning: { conditions: { base: "_1rsrm2fzs", hover: "_1rsrm2fzt", active: "_1rsrm2fzu", selection: "_1rsrm2fzv", focused: "_1rsrm2fzw", focusedVisible: "_1rsrm2fzx" }, defaultClass: "_1rsrm2fzs" }, buttonSuccess: { conditions: { base: "_1rsrm2fzy", hover: "_1rsrm2fzz", active: "_1rsrm2f100", selection: "_1rsrm2f101", focused: "_1rsrm2f102", focusedVisible: "_1rsrm2f103" }, defaultClass: "_1rsrm2fzy" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f104", hover: "_1rsrm2f105", active: "_1rsrm2f106", selection: "_1rsrm2f107", focused: "_1rsrm2f108", focusedVisible: "_1rsrm2f109" }, defaultClass: "_1rsrm2f104" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f10a", hover: "_1rsrm2f10b", active: "_1rsrm2f10c", selection: "_1rsrm2f10d", focused: "_1rsrm2f10e", focusedVisible: "_1rsrm2f10f" }, defaultClass: "_1rsrm2f10a" }, transparent: { conditions: { base: "_1rsrm2f10g", hover: "_1rsrm2f10h", active: "_1rsrm2f10i", selection: "_1rsrm2f10j", focused: "_1rsrm2f10k", focusedVisible: "_1rsrm2f10l" }, defaultClass: "_1rsrm2f10g" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f10m", hover: "_1rsrm2f10n", active: "_1rsrm2f10o", selection: "_1rsrm2f10p", focused: "_1rsrm2f10q", focusedVisible: "_1rsrm2f10r" }, defaultClass: "_1rsrm2f10m" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f10s", hover: "_1rsrm2f10t", active: "_1rsrm2f10u", selection: "_1rsrm2f10v", focused: "_1rsrm2f10w", focusedVisible: "_1rsrm2f10x" }, defaultClass: "_1rsrm2f10s" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f10y", hover: "_1rsrm2f10z", active: "_1rsrm2f110", selection: "_1rsrm2f111", focused: "_1rsrm2f112", focusedVisible: "_1rsrm2f113" }, defaultClass: "_1rsrm2f10y" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f114", hover: "_1rsrm2f115", active: "_1rsrm2f116", selection: "_1rsrm2f117", focused: "_1rsrm2f118", focusedVisible: "_1rsrm2f119" }, defaultClass: "_1rsrm2f114" }, buttonBackground: { conditions: { base: "_1rsrm2f11a", hover: "_1rsrm2f11b", active: "_1rsrm2f11c", selection: "_1rsrm2f11d", focused: "_1rsrm2f11e", focusedVisible: "_1rsrm2f11f" }, defaultClass: "_1rsrm2f11a" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f11g", hover: "_1rsrm2f11h", active: "_1rsrm2f11i", selection: "_1rsrm2f11j", focused: "_1rsrm2f11k", focusedVisible: "_1rsrm2f11l" }, defaultClass: "_1rsrm2f11g" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f11m", hover: "_1rsrm2f11n", active: "_1rsrm2f11o", selection: "_1rsrm2f11p", focused: "_1rsrm2f11q", focusedVisible: "_1rsrm2f11r" }, defaultClass: "_1rsrm2f11m" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f11s", hover: "_1rsrm2f11t", active: "_1rsrm2f11u", selection: "_1rsrm2f11v", focused: "_1rsrm2f11w", focusedVisible: "_1rsrm2f11x" }, defaultClass: "_1rsrm2f11s" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f11y", hover: "_1rsrm2f11z", active: "_1rsrm2f120", selection: "_1rsrm2f121", focused: "_1rsrm2f122", focusedVisible: "_1rsrm2f123" }, defaultClass: "_1rsrm2f11y" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f124", hover: "_1rsrm2f125", active: "_1rsrm2f126", selection: "_1rsrm2f127", focused: "_1rsrm2f128", focusedVisible: "_1rsrm2f129" }, defaultClass: "_1rsrm2f124" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f12a", hover: "_1rsrm2f12b", active: "_1rsrm2f12c", selection: "_1rsrm2f12d", focused: "_1rsrm2f12e", focusedVisible: "_1rsrm2f12f" }, defaultClass: "_1rsrm2f12a" }, buttonIconStroke: { conditions: { base: "_1rsrm2f12g", hover: "_1rsrm2f12h", active: "_1rsrm2f12i", selection: "_1rsrm2f12j", focused: "_1rsrm2f12k", focusedVisible: "_1rsrm2f12l" }, defaultClass: "_1rsrm2f12g" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f12m", hover: "_1rsrm2f12n", active: "_1rsrm2f12o", selection: "_1rsrm2f12p", focused: "_1rsrm2f12q", focusedVisible: "_1rsrm2f12r" }, defaultClass: "_1rsrm2f12m" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f12s", hover: "_1rsrm2f12t", active: "_1rsrm2f12u", selection: "_1rsrm2f12v", focused: "_1rsrm2f12w", focusedVisible: "_1rsrm2f12x" }, defaultClass: "_1rsrm2f12s" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f12y", hover: "_1rsrm2f12z", active: "_1rsrm2f130", selection: "_1rsrm2f131", focused: "_1rsrm2f132", focusedVisible: "_1rsrm2f133" }, defaultClass: "_1rsrm2f12y" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f134", hover: "_1rsrm2f135", active: "_1rsrm2f136", selection: "_1rsrm2f137", focused: "_1rsrm2f138", focusedVisible: "_1rsrm2f139" }, defaultClass: "_1rsrm2f134" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f13a", hover: "_1rsrm2f13b", active: "_1rsrm2f13c", selection: "_1rsrm2f13d", focused: "_1rsrm2f13e", focusedVisible: "_1rsrm2f13f" }, defaultClass: "_1rsrm2f13a" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f13g", hover: "_1rsrm2f13h", active: "_1rsrm2f13i", selection: "_1rsrm2f13j", focused: "_1rsrm2f13k", focusedVisible: "_1rsrm2f13l" }, defaultClass: "_1rsrm2f13g" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f13m", hover: "_1rsrm2f13n", active: "_1rsrm2f13o", selection: "_1rsrm2f13p", focused: "_1rsrm2f13q", focusedVisible: "_1rsrm2f13r" }, defaultClass: "_1rsrm2f13m" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f13s", hover: "_1rsrm2f13t", active: "_1rsrm2f13u", selection: "_1rsrm2f13v", focused: "_1rsrm2f13w", focusedVisible: "_1rsrm2f13x" }, defaultClass: "_1rsrm2f13s" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f13y", hover: "_1rsrm2f13z", active: "_1rsrm2f140", selection: "_1rsrm2f141", focused: "_1rsrm2f142", focusedVisible: "_1rsrm2f143" }, defaultClass: "_1rsrm2f13y" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f144", hover: "_1rsrm2f145", active: "_1rsrm2f146", selection: "_1rsrm2f147", focused: "_1rsrm2f148", focusedVisible: "_1rsrm2f149" }, defaultClass: "_1rsrm2f144" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f14a", hover: "_1rsrm2f14b", active: "_1rsrm2f14c", selection: "_1rsrm2f14d", focused: "_1rsrm2f14e", focusedVisible: "_1rsrm2f14f" }, defaultClass: "_1rsrm2f14a" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f14g", hover: "_1rsrm2f14h", active: "_1rsrm2f14i", selection: "_1rsrm2f14j", focused: "_1rsrm2f14k", focusedVisible: "_1rsrm2f14l" }, defaultClass: "_1rsrm2f14g" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f14m", hover: "_1rsrm2f14n", active: "_1rsrm2f14o", selection: "_1rsrm2f14p", focused: "_1rsrm2f14q", focusedVisible: "_1rsrm2f14r" }, defaultClass: "_1rsrm2f14m" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f14s", hover: "_1rsrm2f14t", active: "_1rsrm2f14u", selection: "_1rsrm2f14v", focused: "_1rsrm2f14w", focusedVisible: "_1rsrm2f14x" }, defaultClass: "_1rsrm2f14s" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f14y", hover: "_1rsrm2f14z", active: "_1rsrm2f150", selection: "_1rsrm2f151", focused: "_1rsrm2f152", focusedVisible: "_1rsrm2f153" }, defaultClass: "_1rsrm2f14y" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f154", hover: "_1rsrm2f155", active: "_1rsrm2f156", selection: "_1rsrm2f157", focused: "_1rsrm2f158", focusedVisible: "_1rsrm2f159" }, defaultClass: "_1rsrm2f154" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f15a", hover: "_1rsrm2f15b", active: "_1rsrm2f15c", selection: "_1rsrm2f15d", focused: "_1rsrm2f15e", focusedVisible: "_1rsrm2f15f" }, defaultClass: "_1rsrm2f15a" }, announceGradientFrom: { conditions: { base: "_1rsrm2f15g", hover: "_1rsrm2f15h", active: "_1rsrm2f15i", selection: "_1rsrm2f15j", focused: "_1rsrm2f15k", focusedVisible: "_1rsrm2f15l" }, defaultClass: "_1rsrm2f15g" }, announceGradientTo: { conditions: { base: "_1rsrm2f15m", hover: "_1rsrm2f15n", active: "_1rsrm2f15o", selection: "_1rsrm2f15p", focused: "_1rsrm2f15q", focusedVisible: "_1rsrm2f15r" }, defaultClass: "_1rsrm2f15m" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f15s", hover: "_1rsrm2f15t", active: "_1rsrm2f15u", selection: "_1rsrm2f15v", focused: "_1rsrm2f15w", focusedVisible: "_1rsrm2f15x" }, defaultClass: "_1rsrm2f15s" }, dialog: { conditions: { base: "_1rsrm2f15y", hover: "_1rsrm2f15z", active: "_1rsrm2f160", selection: "_1rsrm2f161", focused: "_1rsrm2f162", focusedVisible: "_1rsrm2f163" }, defaultClass: "_1rsrm2f15y" }, selectedOption: { conditions: { base: "_1rsrm2f164", hover: "_1rsrm2f165", active: "_1rsrm2f166", selection: "_1rsrm2f167", focused: "_1rsrm2f168", focusedVisible: "_1rsrm2f169" }, defaultClass: "_1rsrm2f164" }, selectedWallet: { conditions: { base: "_1rsrm2f16a", hover: "_1rsrm2f16b", active: "_1rsrm2f16c", selection: "_1rsrm2f16d", focused: "_1rsrm2f16e", focusedVisible: "_1rsrm2f16f" }, defaultClass: "_1rsrm2f16a" }, dropdown: { conditions: { base: "_1rsrm2f16g", hover: "_1rsrm2f16h", active: "_1rsrm2f16i", selection: "_1rsrm2f16j", focused: "_1rsrm2f16k", focusedVisible: "_1rsrm2f16l" }, defaultClass: "_1rsrm2f16g" }, notification: { conditions: { base: "_1rsrm2f16m", hover: "_1rsrm2f16n", active: "_1rsrm2f16o", selection: "_1rsrm2f16p", focused: "_1rsrm2f16q", focusedVisible: "_1rsrm2f16r" }, defaultClass: "_1rsrm2f16m" }, vertexDropdown: { conditions: { base: "_1rsrm2f16s", hover: "_1rsrm2f16t", active: "_1rsrm2f16u", selection: "_1rsrm2f16v", focused: "_1rsrm2f16w", focusedVisible: "_1rsrm2f16x" }, defaultClass: "_1rsrm2f16s" }, qrCode: { conditions: { base: "_1rsrm2f16y", hover: "_1rsrm2f16z", active: "_1rsrm2f170", selection: "_1rsrm2f171", focused: "_1rsrm2f172", focusedVisible: "_1rsrm2f173" }, defaultClass: "_1rsrm2f16y" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f174", hover: "_1rsrm2f175", active: "_1rsrm2f176", selection: "_1rsrm2f177", focused: "_1rsrm2f178", focusedVisible: "_1rsrm2f179" }, defaultClass: "_1rsrm2f174" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f17a", hover: "_1rsrm2f17b", active: "_1rsrm2f17c", selection: "_1rsrm2f17d", focused: "_1rsrm2f17e", focusedVisible: "_1rsrm2f17f" }, defaultClass: "_1rsrm2f17a" }, accentColorForeground: { conditions: { base: "_1rsrm2f17g", hover: "_1rsrm2f17h", active: "_1rsrm2f17i", selection: "_1rsrm2f17j", focused: "_1rsrm2f17k", focusedVisible: "_1rsrm2f17l" }, defaultClass: "_1rsrm2f17g" }, actionButtonBorder: { conditions: { base: "_1rsrm2f17m", hover: "_1rsrm2f17n", active: "_1rsrm2f17o", selection: "_1rsrm2f17p", focused: "_1rsrm2f17q", focusedVisible: "_1rsrm2f17r" }, defaultClass: "_1rsrm2f17m" }, connectButtonBackground: { conditions: { base: "_1rsrm2f17s", hover: "_1rsrm2f17t", active: "_1rsrm2f17u", selection: "_1rsrm2f17v", focused: "_1rsrm2f17w", focusedVisible: "_1rsrm2f17x" }, defaultClass: "_1rsrm2f17s" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f17y", hover: "_1rsrm2f17z", active: "_1rsrm2f180", selection: "_1rsrm2f181", focused: "_1rsrm2f182", focusedVisible: "_1rsrm2f183" }, defaultClass: "_1rsrm2f17y" }, connectButtonText: { conditions: { base: "_1rsrm2f184", hover: "_1rsrm2f185", active: "_1rsrm2f186", selection: "_1rsrm2f187", focused: "_1rsrm2f188", focusedVisible: "_1rsrm2f189" }, defaultClass: "_1rsrm2f184" }, connectButtonTextError: { conditions: { base: "_1rsrm2f18a", hover: "_1rsrm2f18b", active: "_1rsrm2f18c", selection: "_1rsrm2f18d", focused: "_1rsrm2f18e", focusedVisible: "_1rsrm2f18f" }, defaultClass: "_1rsrm2f18a" }, connectionIndicator: { conditions: { base: "_1rsrm2f18g", hover: "_1rsrm2f18h", active: "_1rsrm2f18i", selection: "_1rsrm2f18j", focused: "_1rsrm2f18k", focusedVisible: "_1rsrm2f18l" }, defaultClass: "_1rsrm2f18g" }, error: { conditions: { base: "_1rsrm2f18m", hover: "_1rsrm2f18n", active: "_1rsrm2f18o", selection: "_1rsrm2f18p", focused: "_1rsrm2f18q", focusedVisible: "_1rsrm2f18r" }, defaultClass: "_1rsrm2f18m" }, errorBackground: { conditions: { base: "_1rsrm2f18s", hover: "_1rsrm2f18t", active: "_1rsrm2f18u", selection: "_1rsrm2f18v", focused: "_1rsrm2f18w", focusedVisible: "_1rsrm2f18x" }, defaultClass: "_1rsrm2f18s" }, errorBorder: { conditions: { base: "_1rsrm2f18y", hover: "_1rsrm2f18z", active: "_1rsrm2f190", selection: "_1rsrm2f191", focused: "_1rsrm2f192", focusedVisible: "_1rsrm2f193" }, defaultClass: "_1rsrm2f18y" }, generalBorder: { conditions: { base: "_1rsrm2f194", hover: "_1rsrm2f195", active: "_1rsrm2f196", selection: "_1rsrm2f197", focused: "_1rsrm2f198", focusedVisible: "_1rsrm2f199" }, defaultClass: "_1rsrm2f194" }, generalBorderDim: { conditions: { base: "_1rsrm2f19a", hover: "_1rsrm2f19b", active: "_1rsrm2f19c", selection: "_1rsrm2f19d", focused: "_1rsrm2f19e", focusedVisible: "_1rsrm2f19f" }, defaultClass: "_1rsrm2f19a" }, menuItemBackground: { conditions: { base: "_1rsrm2f19g", hover: "_1rsrm2f19h", active: "_1rsrm2f19i", selection: "_1rsrm2f19j", focused: "_1rsrm2f19k", focusedVisible: "_1rsrm2f19l" }, defaultClass: "_1rsrm2f19g" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f19m", hover: "_1rsrm2f19n", active: "_1rsrm2f19o", selection: "_1rsrm2f19p", focused: "_1rsrm2f19q", focusedVisible: "_1rsrm2f19r" }, defaultClass: "_1rsrm2f19m" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f19s", hover: "_1rsrm2f19t", active: "_1rsrm2f19u", selection: "_1rsrm2f19v", focused: "_1rsrm2f19w", focusedVisible: "_1rsrm2f19x" }, defaultClass: "_1rsrm2f19s" }, standby: { conditions: { base: "_1rsrm2f19y", hover: "_1rsrm2f19z", active: "_1rsrm2f1a0", selection: "_1rsrm2f1a1", focused: "_1rsrm2f1a2", focusedVisible: "_1rsrm2f1a3" }, defaultClass: "_1rsrm2f19y" }, success: { conditions: { base: "_1rsrm2f1a4", hover: "_1rsrm2f1a5", active: "_1rsrm2f1a6", selection: "_1rsrm2f1a7", focused: "_1rsrm2f1a8", focusedVisible: "_1rsrm2f1a9" }, defaultClass: "_1rsrm2f1a4" }, chainIconBorder: { conditions: { base: "_1rsrm2f1aa", hover: "_1rsrm2f1ab", active: "_1rsrm2f1ac", selection: "_1rsrm2f1ad", focused: "_1rsrm2f1ae", focusedVisible: "_1rsrm2f1af" }, defaultClass: "_1rsrm2f1aa" }, modalBackdrop: { conditions: { base: "_1rsrm2f1ag", hover: "_1rsrm2f1ah", active: "_1rsrm2f1ai", selection: "_1rsrm2f1aj", focused: "_1rsrm2f1ak", focusedVisible: "_1rsrm2f1al" }, defaultClass: "_1rsrm2f1ag" }, modalBackground: { conditions: { base: "_1rsrm2f1am", hover: "_1rsrm2f1an", active: "_1rsrm2f1ao", selection: "_1rsrm2f1ap", focused: "_1rsrm2f1aq", focusedVisible: "_1rsrm2f1ar" }, defaultClass: "_1rsrm2f1am" }, modalBorder: { conditions: { base: "_1rsrm2f1as", hover: "_1rsrm2f1at", active: "_1rsrm2f1au", selection: "_1rsrm2f1av", focused: "_1rsrm2f1aw", focusedVisible: "_1rsrm2f1ax" }, defaultClass: "_1rsrm2f1as" }, offBackground: { conditions: { base: "_1rsrm2f1ay", hover: "_1rsrm2f1az", active: "_1rsrm2f1b0", selection: "_1rsrm2f1b1", focused: "_1rsrm2f1b2", focusedVisible: "_1rsrm2f1b3" }, defaultClass: "_1rsrm2f1ay" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2f1b4", hover: "_1rsrm2f1b5", active: "_1rsrm2f1b6", selection: "_1rsrm2f1b7", focused: "_1rsrm2f1b8", focusedVisible: "_1rsrm2f1b9" }, defaultClass: "_1rsrm2f1b4" }, hoverState: { conditions: { base: "_1rsrm2f1ba", hover: "_1rsrm2f1bb", active: "_1rsrm2f1bc", selection: "_1rsrm2f1bd", focused: "_1rsrm2f1be", focusedVisible: "_1rsrm2f1bf" }, defaultClass: "_1rsrm2f1ba" }, lightStroke: { conditions: { base: "_1rsrm2f1bg", hover: "_1rsrm2f1bh", active: "_1rsrm2f1bi", selection: "_1rsrm2f1bj", focused: "_1rsrm2f1bk", focusedVisible: "_1rsrm2f1bl" }, defaultClass: "_1rsrm2f1bg" }, mediumStroke: { conditions: { base: "_1rsrm2f1bm", hover: "_1rsrm2f1bn", active: "_1rsrm2f1bo", selection: "_1rsrm2f1bp", focused: "_1rsrm2f1bq", focusedVisible: "_1rsrm2f1br" }, defaultClass: "_1rsrm2f1bm" }, heavyStroke: { conditions: { base: "_1rsrm2f1bs", hover: "_1rsrm2f1bt", active: "_1rsrm2f1bu", selection: "_1rsrm2f1bv", focused: "_1rsrm2f1bw", focusedVisible: "_1rsrm2f1bx" }, defaultClass: "_1rsrm2f1bs" }, strokeColor: { conditions: { base: "_1rsrm2f1by", hover: "_1rsrm2f1bz", active: "_1rsrm2f1c0", selection: "_1rsrm2f1c1", focused: "_1rsrm2f1c2", focusedVisible: "_1rsrm2f1c3" }, defaultClass: "_1rsrm2f1by" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f1c4", hover: "_1rsrm2f1c5", active: "_1rsrm2f1c6", selection: "_1rsrm2f1c7", focused: "_1rsrm2f1c8", focusedVisible: "_1rsrm2f1c9" }, defaultClass: "_1rsrm2f1c4" }, primaryText: { conditions: { base: "_1rsrm2f1ca", hover: "_1rsrm2f1cb", active: "_1rsrm2f1cc", selection: "_1rsrm2f1cd", focused: "_1rsrm2f1ce", focusedVisible: "_1rsrm2f1cf" }, defaultClass: "_1rsrm2f1ca" }, secondaryText: { conditions: { base: "_1rsrm2f1cg", hover: "_1rsrm2f1ch", active: "_1rsrm2f1ci", selection: "_1rsrm2f1cj", focused: "_1rsrm2f1ck", focusedVisible: "_1rsrm2f1cl" }, defaultClass: "_1rsrm2f1cg" }, tertiaryText: { conditions: { base: "_1rsrm2f1cm", hover: "_1rsrm2f1cn", active: "_1rsrm2f1co", selection: "_1rsrm2f1cp", focused: "_1rsrm2f1cq", focusedVisible: "_1rsrm2f1cr" }, defaultClass: "_1rsrm2f1cm" }, textSelection: { conditions: { base: "_1rsrm2f1cs", hover: "_1rsrm2f1ct", active: "_1rsrm2f1cu", selection: "_1rsrm2f1cv", focused: "_1rsrm2f1cw", focusedVisible: "_1rsrm2f1cx" }, defaultClass: "_1rsrm2f1cs" }, inputBackground: { conditions: { base: "_1rsrm2f1cy", hover: "_1rsrm2f1cz", active: "_1rsrm2f1d0", selection: "_1rsrm2f1d1", focused: "_1rsrm2f1d2", focusedVisible: "_1rsrm2f1d3" }, defaultClass: "_1rsrm2f1cy" }, inputBorderBase: { conditions: { base: "_1rsrm2f1d4", hover: "_1rsrm2f1d5", active: "_1rsrm2f1d6", selection: "_1rsrm2f1d7", focused: "_1rsrm2f1d8", focusedVisible: "_1rsrm2f1d9" }, defaultClass: "_1rsrm2f1d4" }, inputBorderHover: { conditions: { base: "_1rsrm2f1da", hover: "_1rsrm2f1db", active: "_1rsrm2f1dc", selection: "_1rsrm2f1dd", focused: "_1rsrm2f1de", focusedVisible: "_1rsrm2f1df" }, defaultClass: "_1rsrm2f1da" }, actionColor: { conditions: { base: "_1rsrm2f1dg", hover: "_1rsrm2f1dh", active: "_1rsrm2f1di", selection: "_1rsrm2f1dj", focused: "_1rsrm2f1dk", focusedVisible: "_1rsrm2f1dl" }, defaultClass: "_1rsrm2f1dg" }, actionColorHover: { conditions: { base: "_1rsrm2f1dm", hover: "_1rsrm2f1dn", active: "_1rsrm2f1do", selection: "_1rsrm2f1dp", focused: "_1rsrm2f1dq", focusedVisible: "_1rsrm2f1dr" }, defaultClass: "_1rsrm2f1dm" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1ds", hover: "_1rsrm2f1dt", active: "_1rsrm2f1du", selection: "_1rsrm2f1dv", focused: "_1rsrm2f1dw", focusedVisible: "_1rsrm2f1dx" }, defaultClass: "_1rsrm2f1ds" }, buttonPrimary: { conditions: { base: "_1rsrm2f1dy", hover: "_1rsrm2f1dz", active: "_1rsrm2f1e0", selection: "_1rsrm2f1e1", focused: "_1rsrm2f1e2", focusedVisible: "_1rsrm2f1e3" }, defaultClass: "_1rsrm2f1dy" }, buttonDisabled: { conditions: { base: "_1rsrm2f1e4", hover: "_1rsrm2f1e5", active: "_1rsrm2f1e6", selection: "_1rsrm2f1e7", focused: "_1rsrm2f1e8", focusedVisible: "_1rsrm2f1e9" }, defaultClass: "_1rsrm2f1e4" }, buttonWarning: { conditions: { base: "_1rsrm2f1ea", hover: "_1rsrm2f1eb", active: "_1rsrm2f1ec", selection: "_1rsrm2f1ed", focused: "_1rsrm2f1ee", focusedVisible: "_1rsrm2f1ef" }, defaultClass: "_1rsrm2f1ea" }, buttonSuccess: { conditions: { base: "_1rsrm2f1eg", hover: "_1rsrm2f1eh", active: "_1rsrm2f1ei", selection: "_1rsrm2f1ej", focused: "_1rsrm2f1ek", focusedVisible: "_1rsrm2f1el" }, defaultClass: "_1rsrm2f1eg" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1em", hover: "_1rsrm2f1en", active: "_1rsrm2f1eo", selection: "_1rsrm2f1ep", focused: "_1rsrm2f1eq", focusedVisible: "_1rsrm2f1er" }, defaultClass: "_1rsrm2f1em" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1es", hover: "_1rsrm2f1et", active: "_1rsrm2f1eu", selection: "_1rsrm2f1ev", focused: "_1rsrm2f1ew", focusedVisible: "_1rsrm2f1ex" }, defaultClass: "_1rsrm2f1es" }, transparent: { conditions: { base: "_1rsrm2f1ey", hover: "_1rsrm2f1ez", active: "_1rsrm2f1f0", selection: "_1rsrm2f1f1", focused: "_1rsrm2f1f2", focusedVisible: "_1rsrm2f1f3" }, defaultClass: "_1rsrm2f1ey" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1f4", hover: "_1rsrm2f1f5", active: "_1rsrm2f1f6", selection: "_1rsrm2f1f7", focused: "_1rsrm2f1f8", focusedVisible: "_1rsrm2f1f9" }, defaultClass: "_1rsrm2f1f4" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1fa", hover: "_1rsrm2f1fb", active: "_1rsrm2f1fc", selection: "_1rsrm2f1fd", focused: "_1rsrm2f1fe", focusedVisible: "_1rsrm2f1ff" }, defaultClass: "_1rsrm2f1fa" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1fg", hover: "_1rsrm2f1fh", active: "_1rsrm2f1fi", selection: "_1rsrm2f1fj", focused: "_1rsrm2f1fk", focusedVisible: "_1rsrm2f1fl" }, defaultClass: "_1rsrm2f1fg" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1fm", hover: "_1rsrm2f1fn", active: "_1rsrm2f1fo", selection: "_1rsrm2f1fp", focused: "_1rsrm2f1fq", focusedVisible: "_1rsrm2f1fr" }, defaultClass: "_1rsrm2f1fm" }, buttonBackground: { conditions: { base: "_1rsrm2f1fs", hover: "_1rsrm2f1ft", active: "_1rsrm2f1fu", selection: "_1rsrm2f1fv", focused: "_1rsrm2f1fw", focusedVisible: "_1rsrm2f1fx" }, defaultClass: "_1rsrm2f1fs" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1fy", hover: "_1rsrm2f1fz", active: "_1rsrm2f1g0", selection: "_1rsrm2f1g1", focused: "_1rsrm2f1g2", focusedVisible: "_1rsrm2f1g3" }, defaultClass: "_1rsrm2f1fy" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1g4", hover: "_1rsrm2f1g5", active: "_1rsrm2f1g6", selection: "_1rsrm2f1g7", focused: "_1rsrm2f1g8", focusedVisible: "_1rsrm2f1g9" }, defaultClass: "_1rsrm2f1g4" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1ga", hover: "_1rsrm2f1gb", active: "_1rsrm2f1gc", selection: "_1rsrm2f1gd", focused: "_1rsrm2f1ge", focusedVisible: "_1rsrm2f1gf" }, defaultClass: "_1rsrm2f1ga" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1gg", hover: "_1rsrm2f1gh", active: "_1rsrm2f1gi", selection: "_1rsrm2f1gj", focused: "_1rsrm2f1gk", focusedVisible: "_1rsrm2f1gl" }, defaultClass: "_1rsrm2f1gg" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1gm", hover: "_1rsrm2f1gn", active: "_1rsrm2f1go", selection: "_1rsrm2f1gp", focused: "_1rsrm2f1gq", focusedVisible: "_1rsrm2f1gr" }, defaultClass: "_1rsrm2f1gm" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1gs", hover: "_1rsrm2f1gt", active: "_1rsrm2f1gu", selection: "_1rsrm2f1gv", focused: "_1rsrm2f1gw", focusedVisible: "_1rsrm2f1gx" }, defaultClass: "_1rsrm2f1gs" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1gy", hover: "_1rsrm2f1gz", active: "_1rsrm2f1h0", selection: "_1rsrm2f1h1", focused: "_1rsrm2f1h2", focusedVisible: "_1rsrm2f1h3" }, defaultClass: "_1rsrm2f1gy" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1h4", hover: "_1rsrm2f1h5", active: "_1rsrm2f1h6", selection: "_1rsrm2f1h7", focused: "_1rsrm2f1h8", focusedVisible: "_1rsrm2f1h9" }, defaultClass: "_1rsrm2f1h4" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1ha", hover: "_1rsrm2f1hb", active: "_1rsrm2f1hc", selection: "_1rsrm2f1hd", focused: "_1rsrm2f1he", focusedVisible: "_1rsrm2f1hf" }, defaultClass: "_1rsrm2f1ha" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1hg", hover: "_1rsrm2f1hh", active: "_1rsrm2f1hi", selection: "_1rsrm2f1hj", focused: "_1rsrm2f1hk", focusedVisible: "_1rsrm2f1hl" }, defaultClass: "_1rsrm2f1hg" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1hm", hover: "_1rsrm2f1hn", active: "_1rsrm2f1ho", selection: "_1rsrm2f1hp", focused: "_1rsrm2f1hq", focusedVisible: "_1rsrm2f1hr" }, defaultClass: "_1rsrm2f1hm" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1hs", hover: "_1rsrm2f1ht", active: "_1rsrm2f1hu", selection: "_1rsrm2f1hv", focused: "_1rsrm2f1hw", focusedVisible: "_1rsrm2f1hx" }, defaultClass: "_1rsrm2f1hs" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1hy", hover: "_1rsrm2f1hz", active: "_1rsrm2f1i0", selection: "_1rsrm2f1i1", focused: "_1rsrm2f1i2", focusedVisible: "_1rsrm2f1i3" }, defaultClass: "_1rsrm2f1hy" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1i4", hover: "_1rsrm2f1i5", active: "_1rsrm2f1i6", selection: "_1rsrm2f1i7", focused: "_1rsrm2f1i8", focusedVisible: "_1rsrm2f1i9" }, defaultClass: "_1rsrm2f1i4" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1ia", hover: "_1rsrm2f1ib", active: "_1rsrm2f1ic", selection: "_1rsrm2f1id", focused: "_1rsrm2f1ie", focusedVisible: "_1rsrm2f1if" }, defaultClass: "_1rsrm2f1ia" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1ig", hover: "_1rsrm2f1ih", active: "_1rsrm2f1ii", selection: "_1rsrm2f1ij", focused: "_1rsrm2f1ik", focusedVisible: "_1rsrm2f1il" }, defaultClass: "_1rsrm2f1ig" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1im", hover: "_1rsrm2f1in", active: "_1rsrm2f1io", selection: "_1rsrm2f1ip", focused: "_1rsrm2f1iq", focusedVisible: "_1rsrm2f1ir" }, defaultClass: "_1rsrm2f1im" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1is", hover: "_1rsrm2f1it", active: "_1rsrm2f1iu", selection: "_1rsrm2f1iv", focused: "_1rsrm2f1iw", focusedVisible: "_1rsrm2f1ix" }, defaultClass: "_1rsrm2f1is" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1iy", hover: "_1rsrm2f1iz", active: "_1rsrm2f1j0", selection: "_1rsrm2f1j1", focused: "_1rsrm2f1j2", focusedVisible: "_1rsrm2f1j3" }, defaultClass: "_1rsrm2f1iy" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1j4", hover: "_1rsrm2f1j5", active: "_1rsrm2f1j6", selection: "_1rsrm2f1j7", focused: "_1rsrm2f1j8", focusedVisible: "_1rsrm2f1j9" }, defaultClass: "_1rsrm2f1j4" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1ja", hover: "_1rsrm2f1jb", active: "_1rsrm2f1jc", selection: "_1rsrm2f1jd", focused: "_1rsrm2f1je", focusedVisible: "_1rsrm2f1jf" }, defaultClass: "_1rsrm2f1ja" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1jg", hover: "_1rsrm2f1jh", active: "_1rsrm2f1ji", selection: "_1rsrm2f1jj", focused: "_1rsrm2f1jk", focusedVisible: "_1rsrm2f1jl" }, defaultClass: "_1rsrm2f1jg" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1jm", hover: "_1rsrm2f1jn", active: "_1rsrm2f1jo", selection: "_1rsrm2f1jp", focused: "_1rsrm2f1jq", focusedVisible: "_1rsrm2f1jr" }, defaultClass: "_1rsrm2f1jm" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1js", hover: "_1rsrm2f1jt", active: "_1rsrm2f1ju", selection: "_1rsrm2f1jv", focused: "_1rsrm2f1jw", focusedVisible: "_1rsrm2f1jx" }, defaultClass: "_1rsrm2f1js" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1jy", hover: "_1rsrm2f1jz", active: "_1rsrm2f1k0", selection: "_1rsrm2f1k1", focused: "_1rsrm2f1k2", focusedVisible: "_1rsrm2f1k3" }, defaultClass: "_1rsrm2f1jy" }, announceGradientTo: { conditions: { base: "_1rsrm2f1k4", hover: "_1rsrm2f1k5", active: "_1rsrm2f1k6", selection: "_1rsrm2f1k7", focused: "_1rsrm2f1k8", focusedVisible: "_1rsrm2f1k9" }, defaultClass: "_1rsrm2f1k4" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, actionButton: { defaultClass: "_1rsrm2fr" }, connectButton: { defaultClass: "_1rsrm2fs" }, menuButton: { defaultClass: "_1rsrm2ft" }, modal: { defaultClass: "_1rsrm2fu" }, modalMobile: { defaultClass: "_1rsrm2fv" }, modalActionButton: { defaultClass: "_1rsrm2fw" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fx" }, summaryBox: { defaultClass: "_1rsrm2fy" }, full: { defaultClass: "_1rsrm2fz" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f10" }, dotted: { defaultClass: "_1rsrm2f11" }, hidden: { defaultClass: "_1rsrm2f12" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f13" }, "1": { defaultClass: "_1rsrm2f14" }, "2": { defaultClass: "_1rsrm2f15" }, "3": { defaultClass: "_1rsrm2f16" }, "4": { defaultClass: "_1rsrm2f17" }, "0.5": { defaultClass: "_1rsrm2f18" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f19" }, pointer: { defaultClass: "_1rsrm2f1a" }, "not-allowed": { defaultClass: "_1rsrm2f1b" }, "default": { defaultClass: "_1rsrm2f1c" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1d" }, column: { defaultClass: "_1rsrm2f1e" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1f" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1g" }, "12": { defaultClass: "_1rsrm2f1h" }, "13": { defaultClass: "_1rsrm2f1i" }, "14": { defaultClass: "_1rsrm2f1j" }, "16": { defaultClass: "_1rsrm2f1k" }, "18": { defaultClass: "_1rsrm2f1l" }, "20": { defaultClass: "_1rsrm2f1m" }, "21": { defaultClass: "_1rsrm2f1n" }, "40": { defaultClass: "_1rsrm2f1o" }, "57": { defaultClass: "_1rsrm2f1p" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1q" }, medium: { defaultClass: "_1rsrm2f1r" }, semibold: { defaultClass: "_1rsrm2f1s" }, bold: { defaultClass: "_1rsrm2f1t" }, heavy: { defaultClass: "_1rsrm2f1u" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1v" }, "1": { defaultClass: "_1rsrm2f1w" }, "2": { defaultClass: "_1rsrm2f1x" }, "3": { defaultClass: "_1rsrm2f1y" }, "4": { defaultClass: "_1rsrm2f1z" }, "5": { defaultClass: "_1rsrm2f20" }, "6": { defaultClass: "_1rsrm2f21" }, "7": { defaultClass: "_1rsrm2f22" }, "8": { defaultClass: "_1rsrm2f23" }, "9": { defaultClass: "_1rsrm2f24" }, "10": { defaultClass: "_1rsrm2f25" }, "11": { defaultClass: "_1rsrm2f26" }, "12": { defaultClass: "_1rsrm2f27" }, "13": { defaultClass: "_1rsrm2f28" }, "14": { defaultClass: "_1rsrm2f29" }, "15": { defaultClass: "_1rsrm2f2a" }, "16": { defaultClass: "_1rsrm2f2b" }, "18": { defaultClass: "_1rsrm2f2c" }, "20": { defaultClass: "_1rsrm2f2d" }, "24": { defaultClass: "_1rsrm2f2e" }, "28": { defaultClass: "_1rsrm2f2f" }, "30": { defaultClass: "_1rsrm2f2g" }, "32": { defaultClass: "_1rsrm2f2h" }, "36": { defaultClass: "_1rsrm2f2i" }, "44": { defaultClass: "_1rsrm2f2j" }, "64": { defaultClass: "_1rsrm2f2k" }, "-1": { defaultClass: "_1rsrm2f2l" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f2m" }, "2": { defaultClass: "_1rsrm2f2n" }, "4": { defaultClass: "_1rsrm2f2o" }, "8": { defaultClass: "_1rsrm2f2p" }, "10": { defaultClass: "_1rsrm2f2q" }, "11": { defaultClass: "_1rsrm2f2r" }, "12": { defaultClass: "_1rsrm2f2s" }, "13": { defaultClass: "_1rsrm2f2t" }, "14": { defaultClass: "_1rsrm2f2u" }, "15": { defaultClass: "_1rsrm2f2v" }, "16": { defaultClass: "_1rsrm2f2w" }, "18": { defaultClass: "_1rsrm2f2x" }, "20": { defaultClass: "_1rsrm2f2y" }, "24": { defaultClass: "_1rsrm2f2z" }, "28": { defaultClass: "_1rsrm2f30" }, "30": { defaultClass: "_1rsrm2f31" }, "32": { defaultClass: "_1rsrm2f32" }, "34": { defaultClass: "_1rsrm2f33" }, "36": { defaultClass: "_1rsrm2f34" }, "40": { defaultClass: "_1rsrm2f35" }, "44": { defaultClass: "_1rsrm2f36" }, "48": { defaultClass: "_1rsrm2f37" }, "50": { defaultClass: "_1rsrm2f38" }, "54": { defaultClass: "_1rsrm2f39" }, "57": { defaultClass: "_1rsrm2f3a" }, "60": { defaultClass: "_1rsrm2f3b" }, "72": { defaultClass: "_1rsrm2f3c" }, "93": { defaultClass: "_1rsrm2f3d" }, "96": { defaultClass: "_1rsrm2f3e" }, "100": { defaultClass: "_1rsrm2f3f" }, "108": { defaultClass: "_1rsrm2f3g" }, "120": { defaultClass: "_1rsrm2f3h" }, "180": { defaultClass: "_1rsrm2f3i" }, "200": { defaultClass: "_1rsrm2f3j" }, "240": { defaultClass: "_1rsrm2f3k" }, half: { defaultClass: "_1rsrm2f3l" }, full: { defaultClass: "_1rsrm2f3m" }, max: { defaultClass: "_1rsrm2f3n" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3o" }, "flex-end": { defaultClass: "_1rsrm2f3p" }, center: { defaultClass: "_1rsrm2f3q" }, "space-between": { defaultClass: "_1rsrm2f3r" }, "space-around": { defaultClass: "_1rsrm2f3s" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3t" }, center: { defaultClass: "_1rsrm2f3u" }, right: { defaultClass: "_1rsrm2f3v" }, inherit: { defaultClass: "_1rsrm2f3w" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3x" }, "1": { defaultClass: "_1rsrm2f3y" }, "2": { defaultClass: "_1rsrm2f3z" }, "3": { defaultClass: "_1rsrm2f40" }, "4": { defaultClass: "_1rsrm2f41" }, "5": { defaultClass: "_1rsrm2f42" }, "6": { defaultClass: "_1rsrm2f43" }, "7": { defaultClass: "_1rsrm2f44" }, "8": { defaultClass: "_1rsrm2f45" }, "9": { defaultClass: "_1rsrm2f46" }, "10": { defaultClass: "_1rsrm2f47" }, "11": { defaultClass: "_1rsrm2f48" }, "12": { defaultClass: "_1rsrm2f49" }, "13": { defaultClass: "_1rsrm2f4a" }, "14": { defaultClass: "_1rsrm2f4b" }, "15": { defaultClass: "_1rsrm2f4c" }, "16": { defaultClass: "_1rsrm2f4d" }, "18": { defaultClass: "_1rsrm2f4e" }, "20": { defaultClass: "_1rsrm2f4f" }, "24": { defaultClass: "_1rsrm2f4g" }, "28": { defaultClass: "_1rsrm2f4h" }, "30": { defaultClass: "_1rsrm2f4i" }, "32": { defaultClass: "_1rsrm2f4j" }, "36": { defaultClass: "_1rsrm2f4k" }, "44": { defaultClass: "_1rsrm2f4l" }, "64": { defaultClass: "_1rsrm2f4m" }, auto: { defaultClass: "_1rsrm2f4n" }, "-18": { defaultClass: "_1rsrm2f4o" }, "-12": { defaultClass: "_1rsrm2f4p" }, "-1": { defaultClass: "_1rsrm2f4q" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f4r" }, "1": { defaultClass: "_1rsrm2f4s" }, "2": { defaultClass: "_1rsrm2f4t" }, "3": { defaultClass: "_1rsrm2f4u" }, "4": { defaultClass: "_1rsrm2f4v" }, "5": { defaultClass: "_1rsrm2f4w" }, "6": { defaultClass: "_1rsrm2f4x" }, "7": { defaultClass: "_1rsrm2f4y" }, "8": { defaultClass: "_1rsrm2f4z" }, "9": { defaultClass: "_1rsrm2f50" }, "10": { defaultClass: "_1rsrm2f51" }, "11": { defaultClass: "_1rsrm2f52" }, "12": { defaultClass: "_1rsrm2f53" }, "13": { defaultClass: "_1rsrm2f54" }, "14": { defaultClass: "_1rsrm2f55" }, "15": { defaultClass: "_1rsrm2f56" }, "16": { defaultClass: "_1rsrm2f57" }, "18": { defaultClass: "_1rsrm2f58" }, "20": { defaultClass: "_1rsrm2f59" }, "24": { defaultClass: "_1rsrm2f5a" }, "28": { defaultClass: "_1rsrm2f5b" }, "30": { defaultClass: "_1rsrm2f5c" }, "32": { defaultClass: "_1rsrm2f5d" }, "36": { defaultClass: "_1rsrm2f5e" }, "44": { defaultClass: "_1rsrm2f5f" }, "64": { defaultClass: "_1rsrm2f5g" }, auto: { defaultClass: "_1rsrm2f5h" }, "-18": { defaultClass: "_1rsrm2f5i" }, "-12": { defaultClass: "_1rsrm2f5j" }, "-1": { defaultClass: "_1rsrm2f5k" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f5l" }, "1": { defaultClass: "_1rsrm2f5m" }, "2": { defaultClass: "_1rsrm2f5n" }, "3": { defaultClass: "_1rsrm2f5o" }, "4": { defaultClass: "_1rsrm2f5p" }, "5": { defaultClass: "_1rsrm2f5q" }, "6": { defaultClass: "_1rsrm2f5r" }, "7": { defaultClass: "_1rsrm2f5s" }, "8": { defaultClass: "_1rsrm2f5t" }, "9": { defaultClass: "_1rsrm2f5u" }, "10": { defaultClass: "_1rsrm2f5v" }, "11": { defaultClass: "_1rsrm2f5w" }, "12": { defaultClass: "_1rsrm2f5x" }, "13": { defaultClass: "_1rsrm2f5y" }, "14": { defaultClass: "_1rsrm2f5z" }, "15": { defaultClass: "_1rsrm2f60" }, "16": { defaultClass: "_1rsrm2f61" }, "18": { defaultClass: "_1rsrm2f62" }, "20": { defaultClass: "_1rsrm2f63" }, "24": { defaultClass: "_1rsrm2f64" }, "28": { defaultClass: "_1rsrm2f65" }, "30": { defaultClass: "_1rsrm2f66" }, "32": { defaultClass: "_1rsrm2f67" }, "36": { defaultClass: "_1rsrm2f68" }, "44": { defaultClass: "_1rsrm2f69" }, "64": { defaultClass: "_1rsrm2f6a" }, auto: { defaultClass: "_1rsrm2f6b" }, "-18": { defaultClass: "_1rsrm2f6c" }, "-12": { defaultClass: "_1rsrm2f6d" }, "-1": { defaultClass: "_1rsrm2f6e" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f6f" }, "1": { defaultClass: "_1rsrm2f6g" }, "2": { defaultClass: "_1rsrm2f6h" }, "3": { defaultClass: "_1rsrm2f6i" }, "4": { defaultClass: "_1rsrm2f6j" }, "5": { defaultClass: "_1rsrm2f6k" }, "6": { defaultClass: "_1rsrm2f6l" }, "7": { defaultClass: "_1rsrm2f6m" }, "8": { defaultClass: "_1rsrm2f6n" }, "9": { defaultClass: "_1rsrm2f6o" }, "10": { defaultClass: "_1rsrm2f6p" }, "11": { defaultClass: "_1rsrm2f6q" }, "12": { defaultClass: "_1rsrm2f6r" }, "13": { defaultClass: "_1rsrm2f6s" }, "14": { defaultClass: "_1rsrm2f6t" }, "15": { defaultClass: "_1rsrm2f6u" }, "16": { defaultClass: "_1rsrm2f6v" }, "18": { defaultClass: "_1rsrm2f6w" }, "20": { defaultClass: "_1rsrm2f6x" }, "24": { defaultClass: "_1rsrm2f6y" }, "28": { defaultClass: "_1rsrm2f6z" }, "30": { defaultClass: "_1rsrm2f70" }, "32": { defaultClass: "_1rsrm2f71" }, "36": { defaultClass: "_1rsrm2f72" }, "44": { defaultClass: "_1rsrm2f73" }, "64": { defaultClass: "_1rsrm2f74" }, auto: { defaultClass: "_1rsrm2f75" }, "-18": { defaultClass: "_1rsrm2f76" }, "-12": { defaultClass: "_1rsrm2f77" }, "-1": { defaultClass: "_1rsrm2f78" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f79" }, "2": { defaultClass: "_1rsrm2f7a" }, "4": { defaultClass: "_1rsrm2f7b" }, "8": { defaultClass: "_1rsrm2f7c" }, "10": { defaultClass: "_1rsrm2f7d" }, "11": { defaultClass: "_1rsrm2f7e" }, "12": { defaultClass: "_1rsrm2f7f" }, "13": { defaultClass: "_1rsrm2f7g" }, "14": { defaultClass: "_1rsrm2f7h" }, "15": { defaultClass: "_1rsrm2f7i" }, "16": { defaultClass: "_1rsrm2f7j" }, "18": { defaultClass: "_1rsrm2f7k" }, "20": { defaultClass: "_1rsrm2f7l" }, "24": { defaultClass: "_1rsrm2f7m" }, "28": { defaultClass: "_1rsrm2f7n" }, "30": { defaultClass: "_1rsrm2f7o" }, "32": { defaultClass: "_1rsrm2f7p" }, "34": { defaultClass: "_1rsrm2f7q" }, "36": { defaultClass: "_1rsrm2f7r" }, "40": { defaultClass: "_1rsrm2f7s" }, "44": { defaultClass: "_1rsrm2f7t" }, "48": { defaultClass: "_1rsrm2f7u" }, "50": { defaultClass: "_1rsrm2f7v" }, "54": { defaultClass: "_1rsrm2f7w" }, "57": { defaultClass: "_1rsrm2f7x" }, "60": { defaultClass: "_1rsrm2f7y" }, "72": { defaultClass: "_1rsrm2f7z" }, "93": { defaultClass: "_1rsrm2f80" }, "96": { defaultClass: "_1rsrm2f81" }, "100": { defaultClass: "_1rsrm2f82" }, "108": { defaultClass: "_1rsrm2f83" }, "120": { defaultClass: "_1rsrm2f84" }, "180": { defaultClass: "_1rsrm2f85" }, "200": { defaultClass: "_1rsrm2f86" }, "240": { defaultClass: "_1rsrm2f87" }, half: { defaultClass: "_1rsrm2f88" }, full: { defaultClass: "_1rsrm2f89" }, max: { defaultClass: "_1rsrm2f8a" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f8b" }, "2": { defaultClass: "_1rsrm2f8c" }, "4": { defaultClass: "_1rsrm2f8d" }, "8": { defaultClass: "_1rsrm2f8e" }, "10": { defaultClass: "_1rsrm2f8f" }, "11": { defaultClass: "_1rsrm2f8g" }, "12": { defaultClass: "_1rsrm2f8h" }, "13": { defaultClass: "_1rsrm2f8i" }, "14": { defaultClass: "_1rsrm2f8j" }, "15": { defaultClass: "_1rsrm2f8k" }, "16": { defaultClass: "_1rsrm2f8l" }, "18": { defaultClass: "_1rsrm2f8m" }, "20": { defaultClass: "_1rsrm2f8n" }, "24": { defaultClass: "_1rsrm2f8o" }, "28": { defaultClass: "_1rsrm2f8p" }, "30": { defaultClass: "_1rsrm2f8q" }, "32": { defaultClass: "_1rsrm2f8r" }, "34": { defaultClass: "_1rsrm2f8s" }, "36": { defaultClass: "_1rsrm2f8t" }, "40": { defaultClass: "_1rsrm2f8u" }, "44": { defaultClass: "_1rsrm2f8v" }, "48": { defaultClass: "_1rsrm2f8w" }, "50": { defaultClass: "_1rsrm2f8x" }, "54": { defaultClass: "_1rsrm2f8y" }, "57": { defaultClass: "_1rsrm2f8z" }, "60": { defaultClass: "_1rsrm2f90" }, "72": { defaultClass: "_1rsrm2f91" }, "93": { defaultClass: "_1rsrm2f92" }, "96": { defaultClass: "_1rsrm2f93" }, "100": { defaultClass: "_1rsrm2f94" }, "108": { defaultClass: "_1rsrm2f95" }, "120": { defaultClass: "_1rsrm2f96" }, "180": { defaultClass: "_1rsrm2f97" }, "200": { defaultClass: "_1rsrm2f98" }, "240": { defaultClass: "_1rsrm2f99" }, half: { defaultClass: "_1rsrm2f9a" }, full: { defaultClass: "_1rsrm2f9b" }, max: { defaultClass: "_1rsrm2f9c" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f9d" }, "2": { defaultClass: "_1rsrm2f9e" }, "4": { defaultClass: "_1rsrm2f9f" }, "8": { defaultClass: "_1rsrm2f9g" }, "10": { defaultClass: "_1rsrm2f9h" }, "11": { defaultClass: "_1rsrm2f9i" }, "12": { defaultClass: "_1rsrm2f9j" }, "13": { defaultClass: "_1rsrm2f9k" }, "14": { defaultClass: "_1rsrm2f9l" }, "15": { defaultClass: "_1rsrm2f9m" }, "16": { defaultClass: "_1rsrm2f9n" }, "18": { defaultClass: "_1rsrm2f9o" }, "20": { defaultClass: "_1rsrm2f9p" }, "24": { defaultClass: "_1rsrm2f9q" }, "28": { defaultClass: "_1rsrm2f9r" }, "30": { defaultClass: "_1rsrm2f9s" }, "32": { defaultClass: "_1rsrm2f9t" }, "34": { defaultClass: "_1rsrm2f9u" }, "36": { defaultClass: "_1rsrm2f9v" }, "40": { defaultClass: "_1rsrm2f9w" }, "44": { defaultClass: "_1rsrm2f9x" }, "48": { defaultClass: "_1rsrm2f9y" }, "50": { defaultClass: "_1rsrm2f9z" }, "54": { defaultClass: "_1rsrm2fa0" }, "57": { defaultClass: "_1rsrm2fa1" }, "60": { defaultClass: "_1rsrm2fa2" }, "72": { defaultClass: "_1rsrm2fa3" }, "93": { defaultClass: "_1rsrm2fa4" }, "96": { defaultClass: "_1rsrm2fa5" }, "100": { defaultClass: "_1rsrm2fa6" }, "108": { defaultClass: "_1rsrm2fa7" }, "120": { defaultClass: "_1rsrm2fa8" }, "180": { defaultClass: "_1rsrm2fa9" }, "200": { defaultClass: "_1rsrm2faa" }, "240": { defaultClass: "_1rsrm2fab" }, half: { defaultClass: "_1rsrm2fac" }, full: { defaultClass: "_1rsrm2fad" }, max: { defaultClass: "_1rsrm2fae" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2faf" }, "2": { defaultClass: "_1rsrm2fag" }, "4": { defaultClass: "_1rsrm2fah" }, "8": { defaultClass: "_1rsrm2fai" }, "10": { defaultClass: "_1rsrm2faj" }, "11": { defaultClass: "_1rsrm2fak" }, "12": { defaultClass: "_1rsrm2fal" }, "13": { defaultClass: "_1rsrm2fam" }, "14": { defaultClass: "_1rsrm2fan" }, "15": { defaultClass: "_1rsrm2fao" }, "16": { defaultClass: "_1rsrm2fap" }, "18": { defaultClass: "_1rsrm2faq" }, "20": { defaultClass: "_1rsrm2far" }, "24": { defaultClass: "_1rsrm2fas" }, "28": { defaultClass: "_1rsrm2fat" }, "30": { defaultClass: "_1rsrm2fau" }, "32": { defaultClass: "_1rsrm2fav" }, "34": { defaultClass: "_1rsrm2faw" }, "36": { defaultClass: "_1rsrm2fax" }, "40": { defaultClass: "_1rsrm2fay" }, "44": { defaultClass: "_1rsrm2faz" }, "48": { defaultClass: "_1rsrm2fb0" }, "50": { defaultClass: "_1rsrm2fb1" }, "54": { defaultClass: "_1rsrm2fb2" }, "57": { defaultClass: "_1rsrm2fb3" }, "60": { defaultClass: "_1rsrm2fb4" }, "72": { defaultClass: "_1rsrm2fb5" }, "93": { defaultClass: "_1rsrm2fb6" }, "96": { defaultClass: "_1rsrm2fb7" }, "100": { defaultClass: "_1rsrm2fb8" }, "108": { defaultClass: "_1rsrm2fb9" }, "120": { defaultClass: "_1rsrm2fba" }, "180": { defaultClass: "_1rsrm2fbb" }, "200": { defaultClass: "_1rsrm2fbc" }, "240": { defaultClass: "_1rsrm2fbd" }, half: { defaultClass: "_1rsrm2fbe" }, full: { defaultClass: "_1rsrm2fbf" }, max: { defaultClass: "_1rsrm2fbg" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fbh" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fbi" }, "1": { defaultClass: "_1rsrm2fbj" }, "2": { defaultClass: "_1rsrm2fbk" }, "3": { defaultClass: "_1rsrm2fbl" }, "4": { defaultClass: "_1rsrm2fbm" }, "5": { defaultClass: "_1rsrm2fbn" }, "6": { defaultClass: "_1rsrm2fbo" }, "7": { defaultClass: "_1rsrm2fbp" }, "8": { defaultClass: "_1rsrm2fbq" }, "9": { defaultClass: "_1rsrm2fbr" }, "10": { defaultClass: "_1rsrm2fbs" }, "11": { defaultClass: "_1rsrm2fbt" }, "12": { defaultClass: "_1rsrm2fbu" }, "13": { defaultClass: "_1rsrm2fbv" }, "14": { defaultClass: "_1rsrm2fbw" }, "15": { defaultClass: "_1rsrm2fbx" }, "16": { defaultClass: "_1rsrm2fby" }, "18": { defaultClass: "_1rsrm2fbz" }, "20": { defaultClass: "_1rsrm2fc0" }, "24": { defaultClass: "_1rsrm2fc1" }, "28": { defaultClass: "_1rsrm2fc2" }, "30": { defaultClass: "_1rsrm2fc3" }, "32": { defaultClass: "_1rsrm2fc4" }, "36": { defaultClass: "_1rsrm2fc5" }, "44": { defaultClass: "_1rsrm2fc6" }, "64": { defaultClass: "_1rsrm2fc7" }, "-1": { defaultClass: "_1rsrm2fc8" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fc9" }, "1": { defaultClass: "_1rsrm2fca" }, "2": { defaultClass: "_1rsrm2fcb" }, "3": { defaultClass: "_1rsrm2fcc" }, "4": { defaultClass: "_1rsrm2fcd" }, "5": { defaultClass: "_1rsrm2fce" }, "6": { defaultClass: "_1rsrm2fcf" }, "7": { defaultClass: "_1rsrm2fcg" }, "8": { defaultClass: "_1rsrm2fch" }, "9": { defaultClass: "_1rsrm2fci" }, "10": { defaultClass: "_1rsrm2fcj" }, "11": { defaultClass: "_1rsrm2fck" }, "12": { defaultClass: "_1rsrm2fcl" }, "13": { defaultClass: "_1rsrm2fcm" }, "14": { defaultClass: "_1rsrm2fcn" }, "15": { defaultClass: "_1rsrm2fco" }, "16": { defaultClass: "_1rsrm2fcp" }, "18": { defaultClass: "_1rsrm2fcq" }, "20": { defaultClass: "_1rsrm2fcr" }, "24": { defaultClass: "_1rsrm2fcs" }, "28": { defaultClass: "_1rsrm2fct" }, "30": { defaultClass: "_1rsrm2fcu" }, "32": { defaultClass: "_1rsrm2fcv" }, "36": { defaultClass: "_1rsrm2fcw" }, "44": { defaultClass: "_1rsrm2fcx" }, "64": { defaultClass: "_1rsrm2fcy" }, "-1": { defaultClass: "_1rsrm2fcz" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fd0" }, "1": { defaultClass: "_1rsrm2fd1" }, "2": { defaultClass: "_1rsrm2fd2" }, "3": { defaultClass: "_1rsrm2fd3" }, "4": { defaultClass: "_1rsrm2fd4" }, "5": { defaultClass: "_1rsrm2fd5" }, "6": { defaultClass: "_1rsrm2fd6" }, "7": { defaultClass: "_1rsrm2fd7" }, "8": { defaultClass: "_1rsrm2fd8" }, "9": { defaultClass: "_1rsrm2fd9" }, "10": { defaultClass: "_1rsrm2fda" }, "11": { defaultClass: "_1rsrm2fdb" }, "12": { defaultClass: "_1rsrm2fdc" }, "13": { defaultClass: "_1rsrm2fdd" }, "14": { defaultClass: "_1rsrm2fde" }, "15": { defaultClass: "_1rsrm2fdf" }, "16": { defaultClass: "_1rsrm2fdg" }, "18": { defaultClass: "_1rsrm2fdh" }, "20": { defaultClass: "_1rsrm2fdi" }, "24": { defaultClass: "_1rsrm2fdj" }, "28": { defaultClass: "_1rsrm2fdk" }, "30": { defaultClass: "_1rsrm2fdl" }, "32": { defaultClass: "_1rsrm2fdm" }, "36": { defaultClass: "_1rsrm2fdn" }, "44": { defaultClass: "_1rsrm2fdo" }, "64": { defaultClass: "_1rsrm2fdp" }, "-1": { defaultClass: "_1rsrm2fdq" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fdr" }, "1": { defaultClass: "_1rsrm2fds" }, "2": { defaultClass: "_1rsrm2fdt" }, "3": { defaultClass: "_1rsrm2fdu" }, "4": { defaultClass: "_1rsrm2fdv" }, "5": { defaultClass: "_1rsrm2fdw" }, "6": { defaultClass: "_1rsrm2fdx" }, "7": { defaultClass: "_1rsrm2fdy" }, "8": { defaultClass: "_1rsrm2fdz" }, "9": { defaultClass: "_1rsrm2fe0" }, "10": { defaultClass: "_1rsrm2fe1" }, "11": { defaultClass: "_1rsrm2fe2" }, "12": { defaultClass: "_1rsrm2fe3" }, "13": { defaultClass: "_1rsrm2fe4" }, "14": { defaultClass: "_1rsrm2fe5" }, "15": { defaultClass: "_1rsrm2fe6" }, "16": { defaultClass: "_1rsrm2fe7" }, "18": { defaultClass: "_1rsrm2fe8" }, "20": { defaultClass: "_1rsrm2fe9" }, "24": { defaultClass: "_1rsrm2fea" }, "28": { defaultClass: "_1rsrm2feb" }, "30": { defaultClass: "_1rsrm2fec" }, "32": { defaultClass: "_1rsrm2fed" }, "36": { defaultClass: "_1rsrm2fee" }, "44": { defaultClass: "_1rsrm2fef" }, "64": { defaultClass: "_1rsrm2feg" }, "-1": { defaultClass: "_1rsrm2feh" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fei" }, fixed: { defaultClass: "_1rsrm2fej" }, relative: { defaultClass: "_1rsrm2fek" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fel" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fem" }, transform: { defaultClass: "_1rsrm2fen" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2feo" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fep" }, "2": { defaultClass: "_1rsrm2feq" }, "4": { defaultClass: "_1rsrm2fer" }, "8": { defaultClass: "_1rsrm2fes" }, "10": { defaultClass: "_1rsrm2fet" }, "11": { defaultClass: "_1rsrm2feu" }, "12": { defaultClass: "_1rsrm2fev" }, "13": { defaultClass: "_1rsrm2few" }, "14": { defaultClass: "_1rsrm2fex" }, "15": { defaultClass: "_1rsrm2fey" }, "16": { defaultClass: "_1rsrm2fez" }, "18": { defaultClass: "_1rsrm2ff0" }, "20": { defaultClass: "_1rsrm2ff1" }, "24": { defaultClass: "_1rsrm2ff2" }, "28": { defaultClass: "_1rsrm2ff3" }, "30": { defaultClass: "_1rsrm2ff4" }, "32": { defaultClass: "_1rsrm2ff5" }, "34": { defaultClass: "_1rsrm2ff6" }, "36": { defaultClass: "_1rsrm2ff7" }, "40": { defaultClass: "_1rsrm2ff8" }, "44": { defaultClass: "_1rsrm2ff9" }, "48": { defaultClass: "_1rsrm2ffa" }, "50": { defaultClass: "_1rsrm2ffb" }, "54": { defaultClass: "_1rsrm2ffc" }, "57": { defaultClass: "_1rsrm2ffd" }, "60": { defaultClass: "_1rsrm2ffe" }, "72": { defaultClass: "_1rsrm2fff" }, "93": { defaultClass: "_1rsrm2ffg" }, "96": { defaultClass: "_1rsrm2ffh" }, "100": { defaultClass: "_1rsrm2ffi" }, "108": { defaultClass: "_1rsrm2ffj" }, "120": { defaultClass: "_1rsrm2ffk" }, "180": { defaultClass: "_1rsrm2ffl" }, "200": { defaultClass: "_1rsrm2ffm" }, "240": { defaultClass: "_1rsrm2ffn" }, half: { defaultClass: "_1rsrm2ffo" }, full: { defaultClass: "_1rsrm2ffp" }, max: { defaultClass: "_1rsrm2ffq" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2ffr" } } } } });
|
|
47
|
-
var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", error: "var(--rk-colors-error)", errorBackground: "var(--rk-colors-errorBackground)", errorBorder: "var(--rk-colors-errorBorder)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", focusedOptionBorder: "var(--rk-colors-focusedOptionBorder)", standby: "var(--rk-colors-standby)", success: "var(--rk-colors-success)", chainIconBorder: "var(--rk-colors-chainIconBorder)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", offBackground: "var(--rk-colors-offBackground)", offBackgroundComplimentary: "var(--rk-colors-offBackgroundComplimentary)", hoverState: "var(--rk-colors-hoverState)", lightStroke: "var(--rk-colors-lightStroke)", mediumStroke: "var(--rk-colors-mediumStroke)", heavyStroke: "var(--rk-colors-heavyStroke)", strokeColor: "var(--rk-colors-strokeColor)", dydxSwitchActiveBackground: "var(--rk-colors-dydxSwitchActiveBackground)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", inputAmountQuickOptionBaseBackground: "var(--rk-colors-inputAmountQuickOptionBaseBackground)", inputAmountQuickOptionHoverBackground: "var(--rk-colors-inputAmountQuickOptionHoverBackground)", inputAmountQuickOptionActiveBackground: "var(--rk-colors-inputAmountQuickOptionActiveBackground)", inputAmountQuickOptionDisabledBackground: "var(--rk-colors-inputAmountQuickOptionDisabledBackground)", inputAmountQuickOptionBaseBorder: "var(--rk-colors-inputAmountQuickOptionBaseBorder)", inputAmountQuickOptionHoverBorder: "var(--rk-colors-inputAmountQuickOptionHoverBorder)", inputAmountQuickOptionActiveBorder: "var(--rk-colors-inputAmountQuickOptionActiveBorder)", inputAmountQuickOptionFocusedBorder: "var(--rk-colors-inputAmountQuickOptionFocusedBorder)", youPayYouReceiveBackground: "var(--rk-colors-youPayYouReceiveBackground)", youPayYouReceiveBorder: "var(--rk-colors-youPayYouReceiveBorder)", youPayYouReceivePrimaryText: "var(--rk-colors-youPayYouReceivePrimaryText)", youPayYouReceiveSecondaryText: "var(--rk-colors-youPayYouReceiveSecondaryText)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)" }, fonts: { body: "var(--rk-fonts-body)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)" }, fontSize: { "10": { fontSize: "var(--rk-fontSize-10-fontSize)", lineHeight: "var(--rk-fontSize-10-lineHeight)" }, "12": { fontSize: "var(--rk-fontSize-12-fontSize)", lineHeight: "var(--rk-fontSize-12-lineHeight)" }, "13": { fontSize: "var(--rk-fontSize-13-fontSize)", lineHeight: "var(--rk-fontSize-13-lineHeight)" }, "14": { fontSize: "var(--rk-fontSize-14-fontSize)", lineHeight: "var(--rk-fontSize-14-lineHeight)" }, "16": { fontSize: "var(--rk-fontSize-16-fontSize)", lineHeight: "var(--rk-fontSize-16-lineHeight)" }, "18": { fontSize: "var(--rk-fontSize-18-fontSize)", lineHeight: "var(--rk-fontSize-18-lineHeight)" }, "20": { fontSize: "var(--rk-fontSize-20-fontSize)", lineHeight: "var(--rk-fontSize-20-lineHeight)" }, "21": { fontSize: "var(--rk-fontSize-21-fontSize)", lineHeight: "var(--rk-fontSize-21-lineHeight)" }, "40": { fontSize: "var(--rk-fontSize-40-fontSize)", lineHeight: "var(--rk-fontSize-40-lineHeight)" }, "57": { fontSize: "var(--rk-fontSize-57-fontSize)", lineHeight: "var(--rk-fontSize-57-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", dropdown: "var(--rk-shadows-dropdown)", notification: "var(--rk-shadows-notification)", vertexDropdown: "var(--rk-shadows-vertexDropdown)", qrCode: "var(--rk-shadows-qrCode)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
|
|
46
|
+
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fft", hover: "_1rsrm2ffu", active: "_1rsrm2ffv", selection: "_1rsrm2ffw", focused: "_1rsrm2ffx", focusedVisible: "_1rsrm2ffy" }, defaultClass: "_1rsrm2fft" }, accentColorForeground: { conditions: { base: "_1rsrm2ffz", hover: "_1rsrm2fg0", active: "_1rsrm2fg1", selection: "_1rsrm2fg2", focused: "_1rsrm2fg3", focusedVisible: "_1rsrm2fg4" }, defaultClass: "_1rsrm2ffz" }, actionButtonBorder: { conditions: { base: "_1rsrm2fg5", hover: "_1rsrm2fg6", active: "_1rsrm2fg7", selection: "_1rsrm2fg8", focused: "_1rsrm2fg9", focusedVisible: "_1rsrm2fga" }, defaultClass: "_1rsrm2fg5" }, connectButtonBackground: { conditions: { base: "_1rsrm2fgb", hover: "_1rsrm2fgc", active: "_1rsrm2fgd", selection: "_1rsrm2fge", focused: "_1rsrm2fgf", focusedVisible: "_1rsrm2fgg" }, defaultClass: "_1rsrm2fgb" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgh", hover: "_1rsrm2fgi", active: "_1rsrm2fgj", selection: "_1rsrm2fgk", focused: "_1rsrm2fgl", focusedVisible: "_1rsrm2fgm" }, defaultClass: "_1rsrm2fgh" }, connectButtonText: { conditions: { base: "_1rsrm2fgn", hover: "_1rsrm2fgo", active: "_1rsrm2fgp", selection: "_1rsrm2fgq", focused: "_1rsrm2fgr", focusedVisible: "_1rsrm2fgs" }, defaultClass: "_1rsrm2fgn" }, connectButtonTextError: { conditions: { base: "_1rsrm2fgt", hover: "_1rsrm2fgu", active: "_1rsrm2fgv", selection: "_1rsrm2fgw", focused: "_1rsrm2fgx", focusedVisible: "_1rsrm2fgy" }, defaultClass: "_1rsrm2fgt" }, connectionIndicator: { conditions: { base: "_1rsrm2fgz", hover: "_1rsrm2fh0", active: "_1rsrm2fh1", selection: "_1rsrm2fh2", focused: "_1rsrm2fh3", focusedVisible: "_1rsrm2fh4" }, defaultClass: "_1rsrm2fgz" }, error: { conditions: { base: "_1rsrm2fh5", hover: "_1rsrm2fh6", active: "_1rsrm2fh7", selection: "_1rsrm2fh8", focused: "_1rsrm2fh9", focusedVisible: "_1rsrm2fha" }, defaultClass: "_1rsrm2fh5" }, errorBackground: { conditions: { base: "_1rsrm2fhb", hover: "_1rsrm2fhc", active: "_1rsrm2fhd", selection: "_1rsrm2fhe", focused: "_1rsrm2fhf", focusedVisible: "_1rsrm2fhg" }, defaultClass: "_1rsrm2fhb" }, errorBorder: { conditions: { base: "_1rsrm2fhh", hover: "_1rsrm2fhi", active: "_1rsrm2fhj", selection: "_1rsrm2fhk", focused: "_1rsrm2fhl", focusedVisible: "_1rsrm2fhm" }, defaultClass: "_1rsrm2fhh" }, generalBorder: { conditions: { base: "_1rsrm2fhn", hover: "_1rsrm2fho", active: "_1rsrm2fhp", selection: "_1rsrm2fhq", focused: "_1rsrm2fhr", focusedVisible: "_1rsrm2fhs" }, defaultClass: "_1rsrm2fhn" }, generalBorderDim: { conditions: { base: "_1rsrm2fht", hover: "_1rsrm2fhu", active: "_1rsrm2fhv", selection: "_1rsrm2fhw", focused: "_1rsrm2fhx", focusedVisible: "_1rsrm2fhy" }, defaultClass: "_1rsrm2fht" }, menuItemBackground: { conditions: { base: "_1rsrm2fhz", hover: "_1rsrm2fi0", active: "_1rsrm2fi1", selection: "_1rsrm2fi2", focused: "_1rsrm2fi3", focusedVisible: "_1rsrm2fi4" }, defaultClass: "_1rsrm2fhz" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fi5", hover: "_1rsrm2fi6", active: "_1rsrm2fi7", selection: "_1rsrm2fi8", focused: "_1rsrm2fi9", focusedVisible: "_1rsrm2fia" }, defaultClass: "_1rsrm2fi5" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fib", hover: "_1rsrm2fic", active: "_1rsrm2fid", selection: "_1rsrm2fie", focused: "_1rsrm2fif", focusedVisible: "_1rsrm2fig" }, defaultClass: "_1rsrm2fib" }, standby: { conditions: { base: "_1rsrm2fih", hover: "_1rsrm2fii", active: "_1rsrm2fij", selection: "_1rsrm2fik", focused: "_1rsrm2fil", focusedVisible: "_1rsrm2fim" }, defaultClass: "_1rsrm2fih" }, success: { conditions: { base: "_1rsrm2fin", hover: "_1rsrm2fio", active: "_1rsrm2fip", selection: "_1rsrm2fiq", focused: "_1rsrm2fir", focusedVisible: "_1rsrm2fis" }, defaultClass: "_1rsrm2fin" }, chainIconBorder: { conditions: { base: "_1rsrm2fit", hover: "_1rsrm2fiu", active: "_1rsrm2fiv", selection: "_1rsrm2fiw", focused: "_1rsrm2fix", focusedVisible: "_1rsrm2fiy" }, defaultClass: "_1rsrm2fit" }, modalBackdrop: { conditions: { base: "_1rsrm2fiz", hover: "_1rsrm2fj0", active: "_1rsrm2fj1", selection: "_1rsrm2fj2", focused: "_1rsrm2fj3", focusedVisible: "_1rsrm2fj4" }, defaultClass: "_1rsrm2fiz" }, modalBackground: { conditions: { base: "_1rsrm2fj5", hover: "_1rsrm2fj6", active: "_1rsrm2fj7", selection: "_1rsrm2fj8", focused: "_1rsrm2fj9", focusedVisible: "_1rsrm2fja" }, defaultClass: "_1rsrm2fj5" }, modalBorder: { conditions: { base: "_1rsrm2fjb", hover: "_1rsrm2fjc", active: "_1rsrm2fjd", selection: "_1rsrm2fje", focused: "_1rsrm2fjf", focusedVisible: "_1rsrm2fjg" }, defaultClass: "_1rsrm2fjb" }, offBackground: { conditions: { base: "_1rsrm2fjh", hover: "_1rsrm2fji", active: "_1rsrm2fjj", selection: "_1rsrm2fjk", focused: "_1rsrm2fjl", focusedVisible: "_1rsrm2fjm" }, defaultClass: "_1rsrm2fjh" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fjn", hover: "_1rsrm2fjo", active: "_1rsrm2fjp", selection: "_1rsrm2fjq", focused: "_1rsrm2fjr", focusedVisible: "_1rsrm2fjs" }, defaultClass: "_1rsrm2fjn" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fjt", hover: "_1rsrm2fju", active: "_1rsrm2fjv", selection: "_1rsrm2fjw", focused: "_1rsrm2fjx", focusedVisible: "_1rsrm2fjy" }, defaultClass: "_1rsrm2fjt" }, hoverState: { conditions: { base: "_1rsrm2fjz", hover: "_1rsrm2fk0", active: "_1rsrm2fk1", selection: "_1rsrm2fk2", focused: "_1rsrm2fk3", focusedVisible: "_1rsrm2fk4" }, defaultClass: "_1rsrm2fjz" }, lightStroke: { conditions: { base: "_1rsrm2fk5", hover: "_1rsrm2fk6", active: "_1rsrm2fk7", selection: "_1rsrm2fk8", focused: "_1rsrm2fk9", focusedVisible: "_1rsrm2fka" }, defaultClass: "_1rsrm2fk5" }, mediumStroke: { conditions: { base: "_1rsrm2fkb", hover: "_1rsrm2fkc", active: "_1rsrm2fkd", selection: "_1rsrm2fke", focused: "_1rsrm2fkf", focusedVisible: "_1rsrm2fkg" }, defaultClass: "_1rsrm2fkb" }, heavyStroke: { conditions: { base: "_1rsrm2fkh", hover: "_1rsrm2fki", active: "_1rsrm2fkj", selection: "_1rsrm2fkk", focused: "_1rsrm2fkl", focusedVisible: "_1rsrm2fkm" }, defaultClass: "_1rsrm2fkh" }, strokeColor: { conditions: { base: "_1rsrm2fkn", hover: "_1rsrm2fko", active: "_1rsrm2fkp", selection: "_1rsrm2fkq", focused: "_1rsrm2fkr", focusedVisible: "_1rsrm2fks" }, defaultClass: "_1rsrm2fkn" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fkt", hover: "_1rsrm2fku", active: "_1rsrm2fkv", selection: "_1rsrm2fkw", focused: "_1rsrm2fkx", focusedVisible: "_1rsrm2fky" }, defaultClass: "_1rsrm2fkt" }, primaryText: { conditions: { base: "_1rsrm2fkz", hover: "_1rsrm2fl0", active: "_1rsrm2fl1", selection: "_1rsrm2fl2", focused: "_1rsrm2fl3", focusedVisible: "_1rsrm2fl4" }, defaultClass: "_1rsrm2fkz" }, secondaryText: { conditions: { base: "_1rsrm2fl5", hover: "_1rsrm2fl6", active: "_1rsrm2fl7", selection: "_1rsrm2fl8", focused: "_1rsrm2fl9", focusedVisible: "_1rsrm2fla" }, defaultClass: "_1rsrm2fl5" }, tertiaryText: { conditions: { base: "_1rsrm2flb", hover: "_1rsrm2flc", active: "_1rsrm2fld", selection: "_1rsrm2fle", focused: "_1rsrm2flf", focusedVisible: "_1rsrm2flg" }, defaultClass: "_1rsrm2flb" }, textSelection: { conditions: { base: "_1rsrm2flh", hover: "_1rsrm2fli", active: "_1rsrm2flj", selection: "_1rsrm2flk", focused: "_1rsrm2fll", focusedVisible: "_1rsrm2flm" }, defaultClass: "_1rsrm2flh" }, inputBackground: { conditions: { base: "_1rsrm2fln", hover: "_1rsrm2flo", active: "_1rsrm2flp", selection: "_1rsrm2flq", focused: "_1rsrm2flr", focusedVisible: "_1rsrm2fls" }, defaultClass: "_1rsrm2fln" }, inputBorderBase: { conditions: { base: "_1rsrm2flt", hover: "_1rsrm2flu", active: "_1rsrm2flv", selection: "_1rsrm2flw", focused: "_1rsrm2flx", focusedVisible: "_1rsrm2fly" }, defaultClass: "_1rsrm2flt" }, inputBorderHover: { conditions: { base: "_1rsrm2flz", hover: "_1rsrm2fm0", active: "_1rsrm2fm1", selection: "_1rsrm2fm2", focused: "_1rsrm2fm3", focusedVisible: "_1rsrm2fm4" }, defaultClass: "_1rsrm2flz" }, actionColor: { conditions: { base: "_1rsrm2fm5", hover: "_1rsrm2fm6", active: "_1rsrm2fm7", selection: "_1rsrm2fm8", focused: "_1rsrm2fm9", focusedVisible: "_1rsrm2fma" }, defaultClass: "_1rsrm2fm5" }, actionColorHover: { conditions: { base: "_1rsrm2fmb", hover: "_1rsrm2fmc", active: "_1rsrm2fmd", selection: "_1rsrm2fme", focused: "_1rsrm2fmf", focusedVisible: "_1rsrm2fmg" }, defaultClass: "_1rsrm2fmb" }, actionColorDisabled: { conditions: { base: "_1rsrm2fmh", hover: "_1rsrm2fmi", active: "_1rsrm2fmj", selection: "_1rsrm2fmk", focused: "_1rsrm2fml", focusedVisible: "_1rsrm2fmm" }, defaultClass: "_1rsrm2fmh" }, buttonPrimary: { conditions: { base: "_1rsrm2fmn", hover: "_1rsrm2fmo", active: "_1rsrm2fmp", selection: "_1rsrm2fmq", focused: "_1rsrm2fmr", focusedVisible: "_1rsrm2fms" }, defaultClass: "_1rsrm2fmn" }, buttonDisabled: { conditions: { base: "_1rsrm2fmt", hover: "_1rsrm2fmu", active: "_1rsrm2fmv", selection: "_1rsrm2fmw", focused: "_1rsrm2fmx", focusedVisible: "_1rsrm2fmy" }, defaultClass: "_1rsrm2fmt" }, buttonWarning: { conditions: { base: "_1rsrm2fmz", hover: "_1rsrm2fn0", active: "_1rsrm2fn1", selection: "_1rsrm2fn2", focused: "_1rsrm2fn3", focusedVisible: "_1rsrm2fn4" }, defaultClass: "_1rsrm2fmz" }, buttonSuccess: { conditions: { base: "_1rsrm2fn5", hover: "_1rsrm2fn6", active: "_1rsrm2fn7", selection: "_1rsrm2fn8", focused: "_1rsrm2fn9", focusedVisible: "_1rsrm2fna" }, defaultClass: "_1rsrm2fn5" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fnb", hover: "_1rsrm2fnc", active: "_1rsrm2fnd", selection: "_1rsrm2fne", focused: "_1rsrm2fnf", focusedVisible: "_1rsrm2fng" }, defaultClass: "_1rsrm2fnb" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fnh", hover: "_1rsrm2fni", active: "_1rsrm2fnj", selection: "_1rsrm2fnk", focused: "_1rsrm2fnl", focusedVisible: "_1rsrm2fnm" }, defaultClass: "_1rsrm2fnh" }, transparent: { conditions: { base: "_1rsrm2fnn", hover: "_1rsrm2fno", active: "_1rsrm2fnp", selection: "_1rsrm2fnq", focused: "_1rsrm2fnr", focusedVisible: "_1rsrm2fns" }, defaultClass: "_1rsrm2fnn" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fnt", hover: "_1rsrm2fnu", active: "_1rsrm2fnv", selection: "_1rsrm2fnw", focused: "_1rsrm2fnx", focusedVisible: "_1rsrm2fny" }, defaultClass: "_1rsrm2fnt" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fnz", hover: "_1rsrm2fo0", active: "_1rsrm2fo1", selection: "_1rsrm2fo2", focused: "_1rsrm2fo3", focusedVisible: "_1rsrm2fo4" }, defaultClass: "_1rsrm2fnz" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fo5", hover: "_1rsrm2fo6", active: "_1rsrm2fo7", selection: "_1rsrm2fo8", focused: "_1rsrm2fo9", focusedVisible: "_1rsrm2foa" }, defaultClass: "_1rsrm2fo5" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fob", hover: "_1rsrm2foc", active: "_1rsrm2fod", selection: "_1rsrm2foe", focused: "_1rsrm2fof", focusedVisible: "_1rsrm2fog" }, defaultClass: "_1rsrm2fob" }, buttonBackground: { conditions: { base: "_1rsrm2foh", hover: "_1rsrm2foi", active: "_1rsrm2foj", selection: "_1rsrm2fok", focused: "_1rsrm2fol", focusedVisible: "_1rsrm2fom" }, defaultClass: "_1rsrm2foh" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fon", hover: "_1rsrm2foo", active: "_1rsrm2fop", selection: "_1rsrm2foq", focused: "_1rsrm2for", focusedVisible: "_1rsrm2fos" }, defaultClass: "_1rsrm2fon" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fot", hover: "_1rsrm2fou", active: "_1rsrm2fov", selection: "_1rsrm2fow", focused: "_1rsrm2fox", focusedVisible: "_1rsrm2foy" }, defaultClass: "_1rsrm2fot" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2foz", hover: "_1rsrm2fp0", active: "_1rsrm2fp1", selection: "_1rsrm2fp2", focused: "_1rsrm2fp3", focusedVisible: "_1rsrm2fp4" }, defaultClass: "_1rsrm2foz" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fp5", hover: "_1rsrm2fp6", active: "_1rsrm2fp7", selection: "_1rsrm2fp8", focused: "_1rsrm2fp9", focusedVisible: "_1rsrm2fpa" }, defaultClass: "_1rsrm2fp5" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fpb", hover: "_1rsrm2fpc", active: "_1rsrm2fpd", selection: "_1rsrm2fpe", focused: "_1rsrm2fpf", focusedVisible: "_1rsrm2fpg" }, defaultClass: "_1rsrm2fpb" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fph", hover: "_1rsrm2fpi", active: "_1rsrm2fpj", selection: "_1rsrm2fpk", focused: "_1rsrm2fpl", focusedVisible: "_1rsrm2fpm" }, defaultClass: "_1rsrm2fph" }, buttonIconStroke: { conditions: { base: "_1rsrm2fpn", hover: "_1rsrm2fpo", active: "_1rsrm2fpp", selection: "_1rsrm2fpq", focused: "_1rsrm2fpr", focusedVisible: "_1rsrm2fps" }, defaultClass: "_1rsrm2fpn" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fpt", hover: "_1rsrm2fpu", active: "_1rsrm2fpv", selection: "_1rsrm2fpw", focused: "_1rsrm2fpx", focusedVisible: "_1rsrm2fpy" }, defaultClass: "_1rsrm2fpt" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fpz", hover: "_1rsrm2fq0", active: "_1rsrm2fq1", selection: "_1rsrm2fq2", focused: "_1rsrm2fq3", focusedVisible: "_1rsrm2fq4" }, defaultClass: "_1rsrm2fpz" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fq5", hover: "_1rsrm2fq6", active: "_1rsrm2fq7", selection: "_1rsrm2fq8", focused: "_1rsrm2fq9", focusedVisible: "_1rsrm2fqa" }, defaultClass: "_1rsrm2fq5" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fqb", hover: "_1rsrm2fqc", active: "_1rsrm2fqd", selection: "_1rsrm2fqe", focused: "_1rsrm2fqf", focusedVisible: "_1rsrm2fqg" }, defaultClass: "_1rsrm2fqb" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fqh", hover: "_1rsrm2fqi", active: "_1rsrm2fqj", selection: "_1rsrm2fqk", focused: "_1rsrm2fql", focusedVisible: "_1rsrm2fqm" }, defaultClass: "_1rsrm2fqh" }, badgeBackgroundSolana: { conditions: { base: "_1rsrm2fqn", hover: "_1rsrm2fqo", active: "_1rsrm2fqp", selection: "_1rsrm2fqq", focused: "_1rsrm2fqr", focusedVisible: "_1rsrm2fqs" }, defaultClass: "_1rsrm2fqn" }, badgeBorderSolana: { conditions: { base: "_1rsrm2fqt", hover: "_1rsrm2fqu", active: "_1rsrm2fqv", selection: "_1rsrm2fqw", focused: "_1rsrm2fqx", focusedVisible: "_1rsrm2fqy" }, defaultClass: "_1rsrm2fqt" }, badgeTextSolana: { conditions: { base: "_1rsrm2fqz", hover: "_1rsrm2fr0", active: "_1rsrm2fr1", selection: "_1rsrm2fr2", focused: "_1rsrm2fr3", focusedVisible: "_1rsrm2fr4" }, defaultClass: "_1rsrm2fqz" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fr5", hover: "_1rsrm2fr6", active: "_1rsrm2fr7", selection: "_1rsrm2fr8", focused: "_1rsrm2fr9", focusedVisible: "_1rsrm2fra" }, defaultClass: "_1rsrm2fr5" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2frb", hover: "_1rsrm2frc", active: "_1rsrm2frd", selection: "_1rsrm2fre", focused: "_1rsrm2frf", focusedVisible: "_1rsrm2frg" }, defaultClass: "_1rsrm2frb" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2frh", hover: "_1rsrm2fri", active: "_1rsrm2frj", selection: "_1rsrm2frk", focused: "_1rsrm2frl", focusedVisible: "_1rsrm2frm" }, defaultClass: "_1rsrm2frh" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2frn", hover: "_1rsrm2fro", active: "_1rsrm2frp", selection: "_1rsrm2frq", focused: "_1rsrm2frr", focusedVisible: "_1rsrm2frs" }, defaultClass: "_1rsrm2frn" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2frt", hover: "_1rsrm2fru", active: "_1rsrm2frv", selection: "_1rsrm2frw", focused: "_1rsrm2frx", focusedVisible: "_1rsrm2fry" }, defaultClass: "_1rsrm2frt" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2frz", hover: "_1rsrm2fs0", active: "_1rsrm2fs1", selection: "_1rsrm2fs2", focused: "_1rsrm2fs3", focusedVisible: "_1rsrm2fs4" }, defaultClass: "_1rsrm2frz" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fs5", hover: "_1rsrm2fs6", active: "_1rsrm2fs7", selection: "_1rsrm2fs8", focused: "_1rsrm2fs9", focusedVisible: "_1rsrm2fsa" }, defaultClass: "_1rsrm2fs5" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fsb", hover: "_1rsrm2fsc", active: "_1rsrm2fsd", selection: "_1rsrm2fse", focused: "_1rsrm2fsf", focusedVisible: "_1rsrm2fsg" }, defaultClass: "_1rsrm2fsb" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fsh", hover: "_1rsrm2fsi", active: "_1rsrm2fsj", selection: "_1rsrm2fsk", focused: "_1rsrm2fsl", focusedVisible: "_1rsrm2fsm" }, defaultClass: "_1rsrm2fsh" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fsn", hover: "_1rsrm2fso", active: "_1rsrm2fsp", selection: "_1rsrm2fsq", focused: "_1rsrm2fsr", focusedVisible: "_1rsrm2fss" }, defaultClass: "_1rsrm2fsn" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fst", hover: "_1rsrm2fsu", active: "_1rsrm2fsv", selection: "_1rsrm2fsw", focused: "_1rsrm2fsx", focusedVisible: "_1rsrm2fsy" }, defaultClass: "_1rsrm2fst" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fsz", hover: "_1rsrm2ft0", active: "_1rsrm2ft1", selection: "_1rsrm2ft2", focused: "_1rsrm2ft3", focusedVisible: "_1rsrm2ft4" }, defaultClass: "_1rsrm2fsz" }, announceGradientFrom: { conditions: { base: "_1rsrm2ft5", hover: "_1rsrm2ft6", active: "_1rsrm2ft7", selection: "_1rsrm2ft8", focused: "_1rsrm2ft9", focusedVisible: "_1rsrm2fta" }, defaultClass: "_1rsrm2ft5" }, announceGradientTo: { conditions: { base: "_1rsrm2ftb", hover: "_1rsrm2ftc", active: "_1rsrm2ftd", selection: "_1rsrm2fte", focused: "_1rsrm2ftf", focusedVisible: "_1rsrm2ftg" }, defaultClass: "_1rsrm2ftb" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fth", hover: "_1rsrm2fti", active: "_1rsrm2ftj", selection: "_1rsrm2ftk", focused: "_1rsrm2ftl", focusedVisible: "_1rsrm2ftm" }, defaultClass: "_1rsrm2fth" }, modalFooterDivider: { conditions: { base: "_1rsrm2ftn", hover: "_1rsrm2fto", active: "_1rsrm2ftp", selection: "_1rsrm2ftq", focused: "_1rsrm2ftr", focusedVisible: "_1rsrm2fts" }, defaultClass: "_1rsrm2ftn" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2ftt", hover: "_1rsrm2ftu", active: "_1rsrm2ftv", selection: "_1rsrm2ftw", focused: "_1rsrm2ftx", focusedVisible: "_1rsrm2fty" }, defaultClass: "_1rsrm2ftt" }, accentColorForeground: { conditions: { base: "_1rsrm2ftz", hover: "_1rsrm2fu0", active: "_1rsrm2fu1", selection: "_1rsrm2fu2", focused: "_1rsrm2fu3", focusedVisible: "_1rsrm2fu4" }, defaultClass: "_1rsrm2ftz" }, actionButtonBorder: { conditions: { base: "_1rsrm2fu5", hover: "_1rsrm2fu6", active: "_1rsrm2fu7", selection: "_1rsrm2fu8", focused: "_1rsrm2fu9", focusedVisible: "_1rsrm2fua" }, defaultClass: "_1rsrm2fu5" }, connectButtonBackground: { conditions: { base: "_1rsrm2fub", hover: "_1rsrm2fuc", active: "_1rsrm2fud", selection: "_1rsrm2fue", focused: "_1rsrm2fuf", focusedVisible: "_1rsrm2fug" }, defaultClass: "_1rsrm2fub" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fuh", hover: "_1rsrm2fui", active: "_1rsrm2fuj", selection: "_1rsrm2fuk", focused: "_1rsrm2ful", focusedVisible: "_1rsrm2fum" }, defaultClass: "_1rsrm2fuh" }, connectButtonText: { conditions: { base: "_1rsrm2fun", hover: "_1rsrm2fuo", active: "_1rsrm2fup", selection: "_1rsrm2fuq", focused: "_1rsrm2fur", focusedVisible: "_1rsrm2fus" }, defaultClass: "_1rsrm2fun" }, connectButtonTextError: { conditions: { base: "_1rsrm2fut", hover: "_1rsrm2fuu", active: "_1rsrm2fuv", selection: "_1rsrm2fuw", focused: "_1rsrm2fux", focusedVisible: "_1rsrm2fuy" }, defaultClass: "_1rsrm2fut" }, connectionIndicator: { conditions: { base: "_1rsrm2fuz", hover: "_1rsrm2fv0", active: "_1rsrm2fv1", selection: "_1rsrm2fv2", focused: "_1rsrm2fv3", focusedVisible: "_1rsrm2fv4" }, defaultClass: "_1rsrm2fuz" }, error: { conditions: { base: "_1rsrm2fv5", hover: "_1rsrm2fv6", active: "_1rsrm2fv7", selection: "_1rsrm2fv8", focused: "_1rsrm2fv9", focusedVisible: "_1rsrm2fva" }, defaultClass: "_1rsrm2fv5" }, errorBackground: { conditions: { base: "_1rsrm2fvb", hover: "_1rsrm2fvc", active: "_1rsrm2fvd", selection: "_1rsrm2fve", focused: "_1rsrm2fvf", focusedVisible: "_1rsrm2fvg" }, defaultClass: "_1rsrm2fvb" }, errorBorder: { conditions: { base: "_1rsrm2fvh", hover: "_1rsrm2fvi", active: "_1rsrm2fvj", selection: "_1rsrm2fvk", focused: "_1rsrm2fvl", focusedVisible: "_1rsrm2fvm" }, defaultClass: "_1rsrm2fvh" }, generalBorder: { conditions: { base: "_1rsrm2fvn", hover: "_1rsrm2fvo", active: "_1rsrm2fvp", selection: "_1rsrm2fvq", focused: "_1rsrm2fvr", focusedVisible: "_1rsrm2fvs" }, defaultClass: "_1rsrm2fvn" }, generalBorderDim: { conditions: { base: "_1rsrm2fvt", hover: "_1rsrm2fvu", active: "_1rsrm2fvv", selection: "_1rsrm2fvw", focused: "_1rsrm2fvx", focusedVisible: "_1rsrm2fvy" }, defaultClass: "_1rsrm2fvt" }, menuItemBackground: { conditions: { base: "_1rsrm2fvz", hover: "_1rsrm2fw0", active: "_1rsrm2fw1", selection: "_1rsrm2fw2", focused: "_1rsrm2fw3", focusedVisible: "_1rsrm2fw4" }, defaultClass: "_1rsrm2fvz" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fw5", hover: "_1rsrm2fw6", active: "_1rsrm2fw7", selection: "_1rsrm2fw8", focused: "_1rsrm2fw9", focusedVisible: "_1rsrm2fwa" }, defaultClass: "_1rsrm2fw5" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fwb", hover: "_1rsrm2fwc", active: "_1rsrm2fwd", selection: "_1rsrm2fwe", focused: "_1rsrm2fwf", focusedVisible: "_1rsrm2fwg" }, defaultClass: "_1rsrm2fwb" }, standby: { conditions: { base: "_1rsrm2fwh", hover: "_1rsrm2fwi", active: "_1rsrm2fwj", selection: "_1rsrm2fwk", focused: "_1rsrm2fwl", focusedVisible: "_1rsrm2fwm" }, defaultClass: "_1rsrm2fwh" }, success: { conditions: { base: "_1rsrm2fwn", hover: "_1rsrm2fwo", active: "_1rsrm2fwp", selection: "_1rsrm2fwq", focused: "_1rsrm2fwr", focusedVisible: "_1rsrm2fws" }, defaultClass: "_1rsrm2fwn" }, chainIconBorder: { conditions: { base: "_1rsrm2fwt", hover: "_1rsrm2fwu", active: "_1rsrm2fwv", selection: "_1rsrm2fww", focused: "_1rsrm2fwx", focusedVisible: "_1rsrm2fwy" }, defaultClass: "_1rsrm2fwt" }, modalBackdrop: { conditions: { base: "_1rsrm2fwz", hover: "_1rsrm2fx0", active: "_1rsrm2fx1", selection: "_1rsrm2fx2", focused: "_1rsrm2fx3", focusedVisible: "_1rsrm2fx4" }, defaultClass: "_1rsrm2fwz" }, modalBackground: { conditions: { base: "_1rsrm2fx5", hover: "_1rsrm2fx6", active: "_1rsrm2fx7", selection: "_1rsrm2fx8", focused: "_1rsrm2fx9", focusedVisible: "_1rsrm2fxa" }, defaultClass: "_1rsrm2fx5" }, modalBorder: { conditions: { base: "_1rsrm2fxb", hover: "_1rsrm2fxc", active: "_1rsrm2fxd", selection: "_1rsrm2fxe", focused: "_1rsrm2fxf", focusedVisible: "_1rsrm2fxg" }, defaultClass: "_1rsrm2fxb" }, offBackground: { conditions: { base: "_1rsrm2fxh", hover: "_1rsrm2fxi", active: "_1rsrm2fxj", selection: "_1rsrm2fxk", focused: "_1rsrm2fxl", focusedVisible: "_1rsrm2fxm" }, defaultClass: "_1rsrm2fxh" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fxn", hover: "_1rsrm2fxo", active: "_1rsrm2fxp", selection: "_1rsrm2fxq", focused: "_1rsrm2fxr", focusedVisible: "_1rsrm2fxs" }, defaultClass: "_1rsrm2fxn" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fxt", hover: "_1rsrm2fxu", active: "_1rsrm2fxv", selection: "_1rsrm2fxw", focused: "_1rsrm2fxx", focusedVisible: "_1rsrm2fxy" }, defaultClass: "_1rsrm2fxt" }, hoverState: { conditions: { base: "_1rsrm2fxz", hover: "_1rsrm2fy0", active: "_1rsrm2fy1", selection: "_1rsrm2fy2", focused: "_1rsrm2fy3", focusedVisible: "_1rsrm2fy4" }, defaultClass: "_1rsrm2fxz" }, lightStroke: { conditions: { base: "_1rsrm2fy5", hover: "_1rsrm2fy6", active: "_1rsrm2fy7", selection: "_1rsrm2fy8", focused: "_1rsrm2fy9", focusedVisible: "_1rsrm2fya" }, defaultClass: "_1rsrm2fy5" }, mediumStroke: { conditions: { base: "_1rsrm2fyb", hover: "_1rsrm2fyc", active: "_1rsrm2fyd", selection: "_1rsrm2fye", focused: "_1rsrm2fyf", focusedVisible: "_1rsrm2fyg" }, defaultClass: "_1rsrm2fyb" }, heavyStroke: { conditions: { base: "_1rsrm2fyh", hover: "_1rsrm2fyi", active: "_1rsrm2fyj", selection: "_1rsrm2fyk", focused: "_1rsrm2fyl", focusedVisible: "_1rsrm2fym" }, defaultClass: "_1rsrm2fyh" }, strokeColor: { conditions: { base: "_1rsrm2fyn", hover: "_1rsrm2fyo", active: "_1rsrm2fyp", selection: "_1rsrm2fyq", focused: "_1rsrm2fyr", focusedVisible: "_1rsrm2fys" }, defaultClass: "_1rsrm2fyn" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fyt", hover: "_1rsrm2fyu", active: "_1rsrm2fyv", selection: "_1rsrm2fyw", focused: "_1rsrm2fyx", focusedVisible: "_1rsrm2fyy" }, defaultClass: "_1rsrm2fyt" }, primaryText: { conditions: { base: "_1rsrm2fyz", hover: "_1rsrm2fz0", active: "_1rsrm2fz1", selection: "_1rsrm2fz2", focused: "_1rsrm2fz3", focusedVisible: "_1rsrm2fz4" }, defaultClass: "_1rsrm2fyz" }, secondaryText: { conditions: { base: "_1rsrm2fz5", hover: "_1rsrm2fz6", active: "_1rsrm2fz7", selection: "_1rsrm2fz8", focused: "_1rsrm2fz9", focusedVisible: "_1rsrm2fza" }, defaultClass: "_1rsrm2fz5" }, tertiaryText: { conditions: { base: "_1rsrm2fzb", hover: "_1rsrm2fzc", active: "_1rsrm2fzd", selection: "_1rsrm2fze", focused: "_1rsrm2fzf", focusedVisible: "_1rsrm2fzg" }, defaultClass: "_1rsrm2fzb" }, textSelection: { conditions: { base: "_1rsrm2fzh", hover: "_1rsrm2fzi", active: "_1rsrm2fzj", selection: "_1rsrm2fzk", focused: "_1rsrm2fzl", focusedVisible: "_1rsrm2fzm" }, defaultClass: "_1rsrm2fzh" }, inputBackground: { conditions: { base: "_1rsrm2fzn", hover: "_1rsrm2fzo", active: "_1rsrm2fzp", selection: "_1rsrm2fzq", focused: "_1rsrm2fzr", focusedVisible: "_1rsrm2fzs" }, defaultClass: "_1rsrm2fzn" }, inputBorderBase: { conditions: { base: "_1rsrm2fzt", hover: "_1rsrm2fzu", active: "_1rsrm2fzv", selection: "_1rsrm2fzw", focused: "_1rsrm2fzx", focusedVisible: "_1rsrm2fzy" }, defaultClass: "_1rsrm2fzt" }, inputBorderHover: { conditions: { base: "_1rsrm2fzz", hover: "_1rsrm2f100", active: "_1rsrm2f101", selection: "_1rsrm2f102", focused: "_1rsrm2f103", focusedVisible: "_1rsrm2f104" }, defaultClass: "_1rsrm2fzz" }, actionColor: { conditions: { base: "_1rsrm2f105", hover: "_1rsrm2f106", active: "_1rsrm2f107", selection: "_1rsrm2f108", focused: "_1rsrm2f109", focusedVisible: "_1rsrm2f10a" }, defaultClass: "_1rsrm2f105" }, actionColorHover: { conditions: { base: "_1rsrm2f10b", hover: "_1rsrm2f10c", active: "_1rsrm2f10d", selection: "_1rsrm2f10e", focused: "_1rsrm2f10f", focusedVisible: "_1rsrm2f10g" }, defaultClass: "_1rsrm2f10b" }, actionColorDisabled: { conditions: { base: "_1rsrm2f10h", hover: "_1rsrm2f10i", active: "_1rsrm2f10j", selection: "_1rsrm2f10k", focused: "_1rsrm2f10l", focusedVisible: "_1rsrm2f10m" }, defaultClass: "_1rsrm2f10h" }, buttonPrimary: { conditions: { base: "_1rsrm2f10n", hover: "_1rsrm2f10o", active: "_1rsrm2f10p", selection: "_1rsrm2f10q", focused: "_1rsrm2f10r", focusedVisible: "_1rsrm2f10s" }, defaultClass: "_1rsrm2f10n" }, buttonDisabled: { conditions: { base: "_1rsrm2f10t", hover: "_1rsrm2f10u", active: "_1rsrm2f10v", selection: "_1rsrm2f10w", focused: "_1rsrm2f10x", focusedVisible: "_1rsrm2f10y" }, defaultClass: "_1rsrm2f10t" }, buttonWarning: { conditions: { base: "_1rsrm2f10z", hover: "_1rsrm2f110", active: "_1rsrm2f111", selection: "_1rsrm2f112", focused: "_1rsrm2f113", focusedVisible: "_1rsrm2f114" }, defaultClass: "_1rsrm2f10z" }, buttonSuccess: { conditions: { base: "_1rsrm2f115", hover: "_1rsrm2f116", active: "_1rsrm2f117", selection: "_1rsrm2f118", focused: "_1rsrm2f119", focusedVisible: "_1rsrm2f11a" }, defaultClass: "_1rsrm2f115" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f11b", hover: "_1rsrm2f11c", active: "_1rsrm2f11d", selection: "_1rsrm2f11e", focused: "_1rsrm2f11f", focusedVisible: "_1rsrm2f11g" }, defaultClass: "_1rsrm2f11b" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f11h", hover: "_1rsrm2f11i", active: "_1rsrm2f11j", selection: "_1rsrm2f11k", focused: "_1rsrm2f11l", focusedVisible: "_1rsrm2f11m" }, defaultClass: "_1rsrm2f11h" }, transparent: { conditions: { base: "_1rsrm2f11n", hover: "_1rsrm2f11o", active: "_1rsrm2f11p", selection: "_1rsrm2f11q", focused: "_1rsrm2f11r", focusedVisible: "_1rsrm2f11s" }, defaultClass: "_1rsrm2f11n" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f11t", hover: "_1rsrm2f11u", active: "_1rsrm2f11v", selection: "_1rsrm2f11w", focused: "_1rsrm2f11x", focusedVisible: "_1rsrm2f11y" }, defaultClass: "_1rsrm2f11t" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f11z", hover: "_1rsrm2f120", active: "_1rsrm2f121", selection: "_1rsrm2f122", focused: "_1rsrm2f123", focusedVisible: "_1rsrm2f124" }, defaultClass: "_1rsrm2f11z" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f125", hover: "_1rsrm2f126", active: "_1rsrm2f127", selection: "_1rsrm2f128", focused: "_1rsrm2f129", focusedVisible: "_1rsrm2f12a" }, defaultClass: "_1rsrm2f125" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f12b", hover: "_1rsrm2f12c", active: "_1rsrm2f12d", selection: "_1rsrm2f12e", focused: "_1rsrm2f12f", focusedVisible: "_1rsrm2f12g" }, defaultClass: "_1rsrm2f12b" }, buttonBackground: { conditions: { base: "_1rsrm2f12h", hover: "_1rsrm2f12i", active: "_1rsrm2f12j", selection: "_1rsrm2f12k", focused: "_1rsrm2f12l", focusedVisible: "_1rsrm2f12m" }, defaultClass: "_1rsrm2f12h" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f12n", hover: "_1rsrm2f12o", active: "_1rsrm2f12p", selection: "_1rsrm2f12q", focused: "_1rsrm2f12r", focusedVisible: "_1rsrm2f12s" }, defaultClass: "_1rsrm2f12n" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f12t", hover: "_1rsrm2f12u", active: "_1rsrm2f12v", selection: "_1rsrm2f12w", focused: "_1rsrm2f12x", focusedVisible: "_1rsrm2f12y" }, defaultClass: "_1rsrm2f12t" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f12z", hover: "_1rsrm2f130", active: "_1rsrm2f131", selection: "_1rsrm2f132", focused: "_1rsrm2f133", focusedVisible: "_1rsrm2f134" }, defaultClass: "_1rsrm2f12z" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f135", hover: "_1rsrm2f136", active: "_1rsrm2f137", selection: "_1rsrm2f138", focused: "_1rsrm2f139", focusedVisible: "_1rsrm2f13a" }, defaultClass: "_1rsrm2f135" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f13b", hover: "_1rsrm2f13c", active: "_1rsrm2f13d", selection: "_1rsrm2f13e", focused: "_1rsrm2f13f", focusedVisible: "_1rsrm2f13g" }, defaultClass: "_1rsrm2f13b" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f13h", hover: "_1rsrm2f13i", active: "_1rsrm2f13j", selection: "_1rsrm2f13k", focused: "_1rsrm2f13l", focusedVisible: "_1rsrm2f13m" }, defaultClass: "_1rsrm2f13h" }, buttonIconStroke: { conditions: { base: "_1rsrm2f13n", hover: "_1rsrm2f13o", active: "_1rsrm2f13p", selection: "_1rsrm2f13q", focused: "_1rsrm2f13r", focusedVisible: "_1rsrm2f13s" }, defaultClass: "_1rsrm2f13n" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f13t", hover: "_1rsrm2f13u", active: "_1rsrm2f13v", selection: "_1rsrm2f13w", focused: "_1rsrm2f13x", focusedVisible: "_1rsrm2f13y" }, defaultClass: "_1rsrm2f13t" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f13z", hover: "_1rsrm2f140", active: "_1rsrm2f141", selection: "_1rsrm2f142", focused: "_1rsrm2f143", focusedVisible: "_1rsrm2f144" }, defaultClass: "_1rsrm2f13z" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f145", hover: "_1rsrm2f146", active: "_1rsrm2f147", selection: "_1rsrm2f148", focused: "_1rsrm2f149", focusedVisible: "_1rsrm2f14a" }, defaultClass: "_1rsrm2f145" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f14b", hover: "_1rsrm2f14c", active: "_1rsrm2f14d", selection: "_1rsrm2f14e", focused: "_1rsrm2f14f", focusedVisible: "_1rsrm2f14g" }, defaultClass: "_1rsrm2f14b" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f14h", hover: "_1rsrm2f14i", active: "_1rsrm2f14j", selection: "_1rsrm2f14k", focused: "_1rsrm2f14l", focusedVisible: "_1rsrm2f14m" }, defaultClass: "_1rsrm2f14h" }, badgeBackgroundSolana: { conditions: { base: "_1rsrm2f14n", hover: "_1rsrm2f14o", active: "_1rsrm2f14p", selection: "_1rsrm2f14q", focused: "_1rsrm2f14r", focusedVisible: "_1rsrm2f14s" }, defaultClass: "_1rsrm2f14n" }, badgeBorderSolana: { conditions: { base: "_1rsrm2f14t", hover: "_1rsrm2f14u", active: "_1rsrm2f14v", selection: "_1rsrm2f14w", focused: "_1rsrm2f14x", focusedVisible: "_1rsrm2f14y" }, defaultClass: "_1rsrm2f14t" }, badgeTextSolana: { conditions: { base: "_1rsrm2f14z", hover: "_1rsrm2f150", active: "_1rsrm2f151", selection: "_1rsrm2f152", focused: "_1rsrm2f153", focusedVisible: "_1rsrm2f154" }, defaultClass: "_1rsrm2f14z" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f155", hover: "_1rsrm2f156", active: "_1rsrm2f157", selection: "_1rsrm2f158", focused: "_1rsrm2f159", focusedVisible: "_1rsrm2f15a" }, defaultClass: "_1rsrm2f155" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f15b", hover: "_1rsrm2f15c", active: "_1rsrm2f15d", selection: "_1rsrm2f15e", focused: "_1rsrm2f15f", focusedVisible: "_1rsrm2f15g" }, defaultClass: "_1rsrm2f15b" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f15h", hover: "_1rsrm2f15i", active: "_1rsrm2f15j", selection: "_1rsrm2f15k", focused: "_1rsrm2f15l", focusedVisible: "_1rsrm2f15m" }, defaultClass: "_1rsrm2f15h" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f15n", hover: "_1rsrm2f15o", active: "_1rsrm2f15p", selection: "_1rsrm2f15q", focused: "_1rsrm2f15r", focusedVisible: "_1rsrm2f15s" }, defaultClass: "_1rsrm2f15n" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f15t", hover: "_1rsrm2f15u", active: "_1rsrm2f15v", selection: "_1rsrm2f15w", focused: "_1rsrm2f15x", focusedVisible: "_1rsrm2f15y" }, defaultClass: "_1rsrm2f15t" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f15z", hover: "_1rsrm2f160", active: "_1rsrm2f161", selection: "_1rsrm2f162", focused: "_1rsrm2f163", focusedVisible: "_1rsrm2f164" }, defaultClass: "_1rsrm2f15z" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f165", hover: "_1rsrm2f166", active: "_1rsrm2f167", selection: "_1rsrm2f168", focused: "_1rsrm2f169", focusedVisible: "_1rsrm2f16a" }, defaultClass: "_1rsrm2f165" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f16b", hover: "_1rsrm2f16c", active: "_1rsrm2f16d", selection: "_1rsrm2f16e", focused: "_1rsrm2f16f", focusedVisible: "_1rsrm2f16g" }, defaultClass: "_1rsrm2f16b" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f16h", hover: "_1rsrm2f16i", active: "_1rsrm2f16j", selection: "_1rsrm2f16k", focused: "_1rsrm2f16l", focusedVisible: "_1rsrm2f16m" }, defaultClass: "_1rsrm2f16h" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f16n", hover: "_1rsrm2f16o", active: "_1rsrm2f16p", selection: "_1rsrm2f16q", focused: "_1rsrm2f16r", focusedVisible: "_1rsrm2f16s" }, defaultClass: "_1rsrm2f16n" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f16t", hover: "_1rsrm2f16u", active: "_1rsrm2f16v", selection: "_1rsrm2f16w", focused: "_1rsrm2f16x", focusedVisible: "_1rsrm2f16y" }, defaultClass: "_1rsrm2f16t" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f16z", hover: "_1rsrm2f170", active: "_1rsrm2f171", selection: "_1rsrm2f172", focused: "_1rsrm2f173", focusedVisible: "_1rsrm2f174" }, defaultClass: "_1rsrm2f16z" }, announceGradientFrom: { conditions: { base: "_1rsrm2f175", hover: "_1rsrm2f176", active: "_1rsrm2f177", selection: "_1rsrm2f178", focused: "_1rsrm2f179", focusedVisible: "_1rsrm2f17a" }, defaultClass: "_1rsrm2f175" }, announceGradientTo: { conditions: { base: "_1rsrm2f17b", hover: "_1rsrm2f17c", active: "_1rsrm2f17d", selection: "_1rsrm2f17e", focused: "_1rsrm2f17f", focusedVisible: "_1rsrm2f17g" }, defaultClass: "_1rsrm2f17b" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f17h", hover: "_1rsrm2f17i", active: "_1rsrm2f17j", selection: "_1rsrm2f17k", focused: "_1rsrm2f17l", focusedVisible: "_1rsrm2f17m" }, defaultClass: "_1rsrm2f17h" }, modalFooterDivider: { conditions: { base: "_1rsrm2f17n", hover: "_1rsrm2f17o", active: "_1rsrm2f17p", selection: "_1rsrm2f17q", focused: "_1rsrm2f17r", focusedVisible: "_1rsrm2f17s" }, defaultClass: "_1rsrm2f17n" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f17t", hover: "_1rsrm2f17u", active: "_1rsrm2f17v", selection: "_1rsrm2f17w", focused: "_1rsrm2f17x", focusedVisible: "_1rsrm2f17y" }, defaultClass: "_1rsrm2f17t" }, dialog: { conditions: { base: "_1rsrm2f17z", hover: "_1rsrm2f180", active: "_1rsrm2f181", selection: "_1rsrm2f182", focused: "_1rsrm2f183", focusedVisible: "_1rsrm2f184" }, defaultClass: "_1rsrm2f17z" }, selectedOption: { conditions: { base: "_1rsrm2f185", hover: "_1rsrm2f186", active: "_1rsrm2f187", selection: "_1rsrm2f188", focused: "_1rsrm2f189", focusedVisible: "_1rsrm2f18a" }, defaultClass: "_1rsrm2f185" }, selectedWallet: { conditions: { base: "_1rsrm2f18b", hover: "_1rsrm2f18c", active: "_1rsrm2f18d", selection: "_1rsrm2f18e", focused: "_1rsrm2f18f", focusedVisible: "_1rsrm2f18g" }, defaultClass: "_1rsrm2f18b" }, dropdown: { conditions: { base: "_1rsrm2f18h", hover: "_1rsrm2f18i", active: "_1rsrm2f18j", selection: "_1rsrm2f18k", focused: "_1rsrm2f18l", focusedVisible: "_1rsrm2f18m" }, defaultClass: "_1rsrm2f18h" }, notification: { conditions: { base: "_1rsrm2f18n", hover: "_1rsrm2f18o", active: "_1rsrm2f18p", selection: "_1rsrm2f18q", focused: "_1rsrm2f18r", focusedVisible: "_1rsrm2f18s" }, defaultClass: "_1rsrm2f18n" }, vertexDropdown: { conditions: { base: "_1rsrm2f18t", hover: "_1rsrm2f18u", active: "_1rsrm2f18v", selection: "_1rsrm2f18w", focused: "_1rsrm2f18x", focusedVisible: "_1rsrm2f18y" }, defaultClass: "_1rsrm2f18t" }, qrCode: { conditions: { base: "_1rsrm2f18z", hover: "_1rsrm2f190", active: "_1rsrm2f191", selection: "_1rsrm2f192", focused: "_1rsrm2f193", focusedVisible: "_1rsrm2f194" }, defaultClass: "_1rsrm2f18z" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f195", hover: "_1rsrm2f196", active: "_1rsrm2f197", selection: "_1rsrm2f198", focused: "_1rsrm2f199", focusedVisible: "_1rsrm2f19a" }, defaultClass: "_1rsrm2f195" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f19b", hover: "_1rsrm2f19c", active: "_1rsrm2f19d", selection: "_1rsrm2f19e", focused: "_1rsrm2f19f", focusedVisible: "_1rsrm2f19g" }, defaultClass: "_1rsrm2f19b" }, accentColorForeground: { conditions: { base: "_1rsrm2f19h", hover: "_1rsrm2f19i", active: "_1rsrm2f19j", selection: "_1rsrm2f19k", focused: "_1rsrm2f19l", focusedVisible: "_1rsrm2f19m" }, defaultClass: "_1rsrm2f19h" }, actionButtonBorder: { conditions: { base: "_1rsrm2f19n", hover: "_1rsrm2f19o", active: "_1rsrm2f19p", selection: "_1rsrm2f19q", focused: "_1rsrm2f19r", focusedVisible: "_1rsrm2f19s" }, defaultClass: "_1rsrm2f19n" }, connectButtonBackground: { conditions: { base: "_1rsrm2f19t", hover: "_1rsrm2f19u", active: "_1rsrm2f19v", selection: "_1rsrm2f19w", focused: "_1rsrm2f19x", focusedVisible: "_1rsrm2f19y" }, defaultClass: "_1rsrm2f19t" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f19z", hover: "_1rsrm2f1a0", active: "_1rsrm2f1a1", selection: "_1rsrm2f1a2", focused: "_1rsrm2f1a3", focusedVisible: "_1rsrm2f1a4" }, defaultClass: "_1rsrm2f19z" }, connectButtonText: { conditions: { base: "_1rsrm2f1a5", hover: "_1rsrm2f1a6", active: "_1rsrm2f1a7", selection: "_1rsrm2f1a8", focused: "_1rsrm2f1a9", focusedVisible: "_1rsrm2f1aa" }, defaultClass: "_1rsrm2f1a5" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ab", hover: "_1rsrm2f1ac", active: "_1rsrm2f1ad", selection: "_1rsrm2f1ae", focused: "_1rsrm2f1af", focusedVisible: "_1rsrm2f1ag" }, defaultClass: "_1rsrm2f1ab" }, connectionIndicator: { conditions: { base: "_1rsrm2f1ah", hover: "_1rsrm2f1ai", active: "_1rsrm2f1aj", selection: "_1rsrm2f1ak", focused: "_1rsrm2f1al", focusedVisible: "_1rsrm2f1am" }, defaultClass: "_1rsrm2f1ah" }, error: { conditions: { base: "_1rsrm2f1an", hover: "_1rsrm2f1ao", active: "_1rsrm2f1ap", selection: "_1rsrm2f1aq", focused: "_1rsrm2f1ar", focusedVisible: "_1rsrm2f1as" }, defaultClass: "_1rsrm2f1an" }, errorBackground: { conditions: { base: "_1rsrm2f1at", hover: "_1rsrm2f1au", active: "_1rsrm2f1av", selection: "_1rsrm2f1aw", focused: "_1rsrm2f1ax", focusedVisible: "_1rsrm2f1ay" }, defaultClass: "_1rsrm2f1at" }, errorBorder: { conditions: { base: "_1rsrm2f1az", hover: "_1rsrm2f1b0", active: "_1rsrm2f1b1", selection: "_1rsrm2f1b2", focused: "_1rsrm2f1b3", focusedVisible: "_1rsrm2f1b4" }, defaultClass: "_1rsrm2f1az" }, generalBorder: { conditions: { base: "_1rsrm2f1b5", hover: "_1rsrm2f1b6", active: "_1rsrm2f1b7", selection: "_1rsrm2f1b8", focused: "_1rsrm2f1b9", focusedVisible: "_1rsrm2f1ba" }, defaultClass: "_1rsrm2f1b5" }, generalBorderDim: { conditions: { base: "_1rsrm2f1bb", hover: "_1rsrm2f1bc", active: "_1rsrm2f1bd", selection: "_1rsrm2f1be", focused: "_1rsrm2f1bf", focusedVisible: "_1rsrm2f1bg" }, defaultClass: "_1rsrm2f1bb" }, menuItemBackground: { conditions: { base: "_1rsrm2f1bh", hover: "_1rsrm2f1bi", active: "_1rsrm2f1bj", selection: "_1rsrm2f1bk", focused: "_1rsrm2f1bl", focusedVisible: "_1rsrm2f1bm" }, defaultClass: "_1rsrm2f1bh" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1bn", hover: "_1rsrm2f1bo", active: "_1rsrm2f1bp", selection: "_1rsrm2f1bq", focused: "_1rsrm2f1br", focusedVisible: "_1rsrm2f1bs" }, defaultClass: "_1rsrm2f1bn" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1bt", hover: "_1rsrm2f1bu", active: "_1rsrm2f1bv", selection: "_1rsrm2f1bw", focused: "_1rsrm2f1bx", focusedVisible: "_1rsrm2f1by" }, defaultClass: "_1rsrm2f1bt" }, standby: { conditions: { base: "_1rsrm2f1bz", hover: "_1rsrm2f1c0", active: "_1rsrm2f1c1", selection: "_1rsrm2f1c2", focused: "_1rsrm2f1c3", focusedVisible: "_1rsrm2f1c4" }, defaultClass: "_1rsrm2f1bz" }, success: { conditions: { base: "_1rsrm2f1c5", hover: "_1rsrm2f1c6", active: "_1rsrm2f1c7", selection: "_1rsrm2f1c8", focused: "_1rsrm2f1c9", focusedVisible: "_1rsrm2f1ca" }, defaultClass: "_1rsrm2f1c5" }, chainIconBorder: { conditions: { base: "_1rsrm2f1cb", hover: "_1rsrm2f1cc", active: "_1rsrm2f1cd", selection: "_1rsrm2f1ce", focused: "_1rsrm2f1cf", focusedVisible: "_1rsrm2f1cg" }, defaultClass: "_1rsrm2f1cb" }, modalBackdrop: { conditions: { base: "_1rsrm2f1ch", hover: "_1rsrm2f1ci", active: "_1rsrm2f1cj", selection: "_1rsrm2f1ck", focused: "_1rsrm2f1cl", focusedVisible: "_1rsrm2f1cm" }, defaultClass: "_1rsrm2f1ch" }, modalBackground: { conditions: { base: "_1rsrm2f1cn", hover: "_1rsrm2f1co", active: "_1rsrm2f1cp", selection: "_1rsrm2f1cq", focused: "_1rsrm2f1cr", focusedVisible: "_1rsrm2f1cs" }, defaultClass: "_1rsrm2f1cn" }, modalBorder: { conditions: { base: "_1rsrm2f1ct", hover: "_1rsrm2f1cu", active: "_1rsrm2f1cv", selection: "_1rsrm2f1cw", focused: "_1rsrm2f1cx", focusedVisible: "_1rsrm2f1cy" }, defaultClass: "_1rsrm2f1ct" }, offBackground: { conditions: { base: "_1rsrm2f1cz", hover: "_1rsrm2f1d0", active: "_1rsrm2f1d1", selection: "_1rsrm2f1d2", focused: "_1rsrm2f1d3", focusedVisible: "_1rsrm2f1d4" }, defaultClass: "_1rsrm2f1cz" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1d5", hover: "_1rsrm2f1d6", active: "_1rsrm2f1d7", selection: "_1rsrm2f1d8", focused: "_1rsrm2f1d9", focusedVisible: "_1rsrm2f1da" }, defaultClass: "_1rsrm2f1d5" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2f1db", hover: "_1rsrm2f1dc", active: "_1rsrm2f1dd", selection: "_1rsrm2f1de", focused: "_1rsrm2f1df", focusedVisible: "_1rsrm2f1dg" }, defaultClass: "_1rsrm2f1db" }, hoverState: { conditions: { base: "_1rsrm2f1dh", hover: "_1rsrm2f1di", active: "_1rsrm2f1dj", selection: "_1rsrm2f1dk", focused: "_1rsrm2f1dl", focusedVisible: "_1rsrm2f1dm" }, defaultClass: "_1rsrm2f1dh" }, lightStroke: { conditions: { base: "_1rsrm2f1dn", hover: "_1rsrm2f1do", active: "_1rsrm2f1dp", selection: "_1rsrm2f1dq", focused: "_1rsrm2f1dr", focusedVisible: "_1rsrm2f1ds" }, defaultClass: "_1rsrm2f1dn" }, mediumStroke: { conditions: { base: "_1rsrm2f1dt", hover: "_1rsrm2f1du", active: "_1rsrm2f1dv", selection: "_1rsrm2f1dw", focused: "_1rsrm2f1dx", focusedVisible: "_1rsrm2f1dy" }, defaultClass: "_1rsrm2f1dt" }, heavyStroke: { conditions: { base: "_1rsrm2f1dz", hover: "_1rsrm2f1e0", active: "_1rsrm2f1e1", selection: "_1rsrm2f1e2", focused: "_1rsrm2f1e3", focusedVisible: "_1rsrm2f1e4" }, defaultClass: "_1rsrm2f1dz" }, strokeColor: { conditions: { base: "_1rsrm2f1e5", hover: "_1rsrm2f1e6", active: "_1rsrm2f1e7", selection: "_1rsrm2f1e8", focused: "_1rsrm2f1e9", focusedVisible: "_1rsrm2f1ea" }, defaultClass: "_1rsrm2f1e5" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f1eb", hover: "_1rsrm2f1ec", active: "_1rsrm2f1ed", selection: "_1rsrm2f1ee", focused: "_1rsrm2f1ef", focusedVisible: "_1rsrm2f1eg" }, defaultClass: "_1rsrm2f1eb" }, primaryText: { conditions: { base: "_1rsrm2f1eh", hover: "_1rsrm2f1ei", active: "_1rsrm2f1ej", selection: "_1rsrm2f1ek", focused: "_1rsrm2f1el", focusedVisible: "_1rsrm2f1em" }, defaultClass: "_1rsrm2f1eh" }, secondaryText: { conditions: { base: "_1rsrm2f1en", hover: "_1rsrm2f1eo", active: "_1rsrm2f1ep", selection: "_1rsrm2f1eq", focused: "_1rsrm2f1er", focusedVisible: "_1rsrm2f1es" }, defaultClass: "_1rsrm2f1en" }, tertiaryText: { conditions: { base: "_1rsrm2f1et", hover: "_1rsrm2f1eu", active: "_1rsrm2f1ev", selection: "_1rsrm2f1ew", focused: "_1rsrm2f1ex", focusedVisible: "_1rsrm2f1ey" }, defaultClass: "_1rsrm2f1et" }, textSelection: { conditions: { base: "_1rsrm2f1ez", hover: "_1rsrm2f1f0", active: "_1rsrm2f1f1", selection: "_1rsrm2f1f2", focused: "_1rsrm2f1f3", focusedVisible: "_1rsrm2f1f4" }, defaultClass: "_1rsrm2f1ez" }, inputBackground: { conditions: { base: "_1rsrm2f1f5", hover: "_1rsrm2f1f6", active: "_1rsrm2f1f7", selection: "_1rsrm2f1f8", focused: "_1rsrm2f1f9", focusedVisible: "_1rsrm2f1fa" }, defaultClass: "_1rsrm2f1f5" }, inputBorderBase: { conditions: { base: "_1rsrm2f1fb", hover: "_1rsrm2f1fc", active: "_1rsrm2f1fd", selection: "_1rsrm2f1fe", focused: "_1rsrm2f1ff", focusedVisible: "_1rsrm2f1fg" }, defaultClass: "_1rsrm2f1fb" }, inputBorderHover: { conditions: { base: "_1rsrm2f1fh", hover: "_1rsrm2f1fi", active: "_1rsrm2f1fj", selection: "_1rsrm2f1fk", focused: "_1rsrm2f1fl", focusedVisible: "_1rsrm2f1fm" }, defaultClass: "_1rsrm2f1fh" }, actionColor: { conditions: { base: "_1rsrm2f1fn", hover: "_1rsrm2f1fo", active: "_1rsrm2f1fp", selection: "_1rsrm2f1fq", focused: "_1rsrm2f1fr", focusedVisible: "_1rsrm2f1fs" }, defaultClass: "_1rsrm2f1fn" }, actionColorHover: { conditions: { base: "_1rsrm2f1ft", hover: "_1rsrm2f1fu", active: "_1rsrm2f1fv", selection: "_1rsrm2f1fw", focused: "_1rsrm2f1fx", focusedVisible: "_1rsrm2f1fy" }, defaultClass: "_1rsrm2f1ft" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1fz", hover: "_1rsrm2f1g0", active: "_1rsrm2f1g1", selection: "_1rsrm2f1g2", focused: "_1rsrm2f1g3", focusedVisible: "_1rsrm2f1g4" }, defaultClass: "_1rsrm2f1fz" }, buttonPrimary: { conditions: { base: "_1rsrm2f1g5", hover: "_1rsrm2f1g6", active: "_1rsrm2f1g7", selection: "_1rsrm2f1g8", focused: "_1rsrm2f1g9", focusedVisible: "_1rsrm2f1ga" }, defaultClass: "_1rsrm2f1g5" }, buttonDisabled: { conditions: { base: "_1rsrm2f1gb", hover: "_1rsrm2f1gc", active: "_1rsrm2f1gd", selection: "_1rsrm2f1ge", focused: "_1rsrm2f1gf", focusedVisible: "_1rsrm2f1gg" }, defaultClass: "_1rsrm2f1gb" }, buttonWarning: { conditions: { base: "_1rsrm2f1gh", hover: "_1rsrm2f1gi", active: "_1rsrm2f1gj", selection: "_1rsrm2f1gk", focused: "_1rsrm2f1gl", focusedVisible: "_1rsrm2f1gm" }, defaultClass: "_1rsrm2f1gh" }, buttonSuccess: { conditions: { base: "_1rsrm2f1gn", hover: "_1rsrm2f1go", active: "_1rsrm2f1gp", selection: "_1rsrm2f1gq", focused: "_1rsrm2f1gr", focusedVisible: "_1rsrm2f1gs" }, defaultClass: "_1rsrm2f1gn" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1gt", hover: "_1rsrm2f1gu", active: "_1rsrm2f1gv", selection: "_1rsrm2f1gw", focused: "_1rsrm2f1gx", focusedVisible: "_1rsrm2f1gy" }, defaultClass: "_1rsrm2f1gt" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1gz", hover: "_1rsrm2f1h0", active: "_1rsrm2f1h1", selection: "_1rsrm2f1h2", focused: "_1rsrm2f1h3", focusedVisible: "_1rsrm2f1h4" }, defaultClass: "_1rsrm2f1gz" }, transparent: { conditions: { base: "_1rsrm2f1h5", hover: "_1rsrm2f1h6", active: "_1rsrm2f1h7", selection: "_1rsrm2f1h8", focused: "_1rsrm2f1h9", focusedVisible: "_1rsrm2f1ha" }, defaultClass: "_1rsrm2f1h5" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1hb", hover: "_1rsrm2f1hc", active: "_1rsrm2f1hd", selection: "_1rsrm2f1he", focused: "_1rsrm2f1hf", focusedVisible: "_1rsrm2f1hg" }, defaultClass: "_1rsrm2f1hb" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1hh", hover: "_1rsrm2f1hi", active: "_1rsrm2f1hj", selection: "_1rsrm2f1hk", focused: "_1rsrm2f1hl", focusedVisible: "_1rsrm2f1hm" }, defaultClass: "_1rsrm2f1hh" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1hn", hover: "_1rsrm2f1ho", active: "_1rsrm2f1hp", selection: "_1rsrm2f1hq", focused: "_1rsrm2f1hr", focusedVisible: "_1rsrm2f1hs" }, defaultClass: "_1rsrm2f1hn" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1ht", hover: "_1rsrm2f1hu", active: "_1rsrm2f1hv", selection: "_1rsrm2f1hw", focused: "_1rsrm2f1hx", focusedVisible: "_1rsrm2f1hy" }, defaultClass: "_1rsrm2f1ht" }, buttonBackground: { conditions: { base: "_1rsrm2f1hz", hover: "_1rsrm2f1i0", active: "_1rsrm2f1i1", selection: "_1rsrm2f1i2", focused: "_1rsrm2f1i3", focusedVisible: "_1rsrm2f1i4" }, defaultClass: "_1rsrm2f1hz" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1i5", hover: "_1rsrm2f1i6", active: "_1rsrm2f1i7", selection: "_1rsrm2f1i8", focused: "_1rsrm2f1i9", focusedVisible: "_1rsrm2f1ia" }, defaultClass: "_1rsrm2f1i5" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1ib", hover: "_1rsrm2f1ic", active: "_1rsrm2f1id", selection: "_1rsrm2f1ie", focused: "_1rsrm2f1if", focusedVisible: "_1rsrm2f1ig" }, defaultClass: "_1rsrm2f1ib" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1ih", hover: "_1rsrm2f1ii", active: "_1rsrm2f1ij", selection: "_1rsrm2f1ik", focused: "_1rsrm2f1il", focusedVisible: "_1rsrm2f1im" }, defaultClass: "_1rsrm2f1ih" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1in", hover: "_1rsrm2f1io", active: "_1rsrm2f1ip", selection: "_1rsrm2f1iq", focused: "_1rsrm2f1ir", focusedVisible: "_1rsrm2f1is" }, defaultClass: "_1rsrm2f1in" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1it", hover: "_1rsrm2f1iu", active: "_1rsrm2f1iv", selection: "_1rsrm2f1iw", focused: "_1rsrm2f1ix", focusedVisible: "_1rsrm2f1iy" }, defaultClass: "_1rsrm2f1it" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1iz", hover: "_1rsrm2f1j0", active: "_1rsrm2f1j1", selection: "_1rsrm2f1j2", focused: "_1rsrm2f1j3", focusedVisible: "_1rsrm2f1j4" }, defaultClass: "_1rsrm2f1iz" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1j5", hover: "_1rsrm2f1j6", active: "_1rsrm2f1j7", selection: "_1rsrm2f1j8", focused: "_1rsrm2f1j9", focusedVisible: "_1rsrm2f1ja" }, defaultClass: "_1rsrm2f1j5" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1jb", hover: "_1rsrm2f1jc", active: "_1rsrm2f1jd", selection: "_1rsrm2f1je", focused: "_1rsrm2f1jf", focusedVisible: "_1rsrm2f1jg" }, defaultClass: "_1rsrm2f1jb" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1jh", hover: "_1rsrm2f1ji", active: "_1rsrm2f1jj", selection: "_1rsrm2f1jk", focused: "_1rsrm2f1jl", focusedVisible: "_1rsrm2f1jm" }, defaultClass: "_1rsrm2f1jh" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1jn", hover: "_1rsrm2f1jo", active: "_1rsrm2f1jp", selection: "_1rsrm2f1jq", focused: "_1rsrm2f1jr", focusedVisible: "_1rsrm2f1js" }, defaultClass: "_1rsrm2f1jn" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1jt", hover: "_1rsrm2f1ju", active: "_1rsrm2f1jv", selection: "_1rsrm2f1jw", focused: "_1rsrm2f1jx", focusedVisible: "_1rsrm2f1jy" }, defaultClass: "_1rsrm2f1jt" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1jz", hover: "_1rsrm2f1k0", active: "_1rsrm2f1k1", selection: "_1rsrm2f1k2", focused: "_1rsrm2f1k3", focusedVisible: "_1rsrm2f1k4" }, defaultClass: "_1rsrm2f1jz" }, badgeBackgroundSolana: { conditions: { base: "_1rsrm2f1k5", hover: "_1rsrm2f1k6", active: "_1rsrm2f1k7", selection: "_1rsrm2f1k8", focused: "_1rsrm2f1k9", focusedVisible: "_1rsrm2f1ka" }, defaultClass: "_1rsrm2f1k5" }, badgeBorderSolana: { conditions: { base: "_1rsrm2f1kb", hover: "_1rsrm2f1kc", active: "_1rsrm2f1kd", selection: "_1rsrm2f1ke", focused: "_1rsrm2f1kf", focusedVisible: "_1rsrm2f1kg" }, defaultClass: "_1rsrm2f1kb" }, badgeTextSolana: { conditions: { base: "_1rsrm2f1kh", hover: "_1rsrm2f1ki", active: "_1rsrm2f1kj", selection: "_1rsrm2f1kk", focused: "_1rsrm2f1kl", focusedVisible: "_1rsrm2f1km" }, defaultClass: "_1rsrm2f1kh" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1kn", hover: "_1rsrm2f1ko", active: "_1rsrm2f1kp", selection: "_1rsrm2f1kq", focused: "_1rsrm2f1kr", focusedVisible: "_1rsrm2f1ks" }, defaultClass: "_1rsrm2f1kn" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1kt", hover: "_1rsrm2f1ku", active: "_1rsrm2f1kv", selection: "_1rsrm2f1kw", focused: "_1rsrm2f1kx", focusedVisible: "_1rsrm2f1ky" }, defaultClass: "_1rsrm2f1kt" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1kz", hover: "_1rsrm2f1l0", active: "_1rsrm2f1l1", selection: "_1rsrm2f1l2", focused: "_1rsrm2f1l3", focusedVisible: "_1rsrm2f1l4" }, defaultClass: "_1rsrm2f1kz" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1l5", hover: "_1rsrm2f1l6", active: "_1rsrm2f1l7", selection: "_1rsrm2f1l8", focused: "_1rsrm2f1l9", focusedVisible: "_1rsrm2f1la" }, defaultClass: "_1rsrm2f1l5" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1lb", hover: "_1rsrm2f1lc", active: "_1rsrm2f1ld", selection: "_1rsrm2f1le", focused: "_1rsrm2f1lf", focusedVisible: "_1rsrm2f1lg" }, defaultClass: "_1rsrm2f1lb" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1lh", hover: "_1rsrm2f1li", active: "_1rsrm2f1lj", selection: "_1rsrm2f1lk", focused: "_1rsrm2f1ll", focusedVisible: "_1rsrm2f1lm" }, defaultClass: "_1rsrm2f1lh" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1ln", hover: "_1rsrm2f1lo", active: "_1rsrm2f1lp", selection: "_1rsrm2f1lq", focused: "_1rsrm2f1lr", focusedVisible: "_1rsrm2f1ls" }, defaultClass: "_1rsrm2f1ln" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1lt", hover: "_1rsrm2f1lu", active: "_1rsrm2f1lv", selection: "_1rsrm2f1lw", focused: "_1rsrm2f1lx", focusedVisible: "_1rsrm2f1ly" }, defaultClass: "_1rsrm2f1lt" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1lz", hover: "_1rsrm2f1m0", active: "_1rsrm2f1m1", selection: "_1rsrm2f1m2", focused: "_1rsrm2f1m3", focusedVisible: "_1rsrm2f1m4" }, defaultClass: "_1rsrm2f1lz" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1m5", hover: "_1rsrm2f1m6", active: "_1rsrm2f1m7", selection: "_1rsrm2f1m8", focused: "_1rsrm2f1m9", focusedVisible: "_1rsrm2f1ma" }, defaultClass: "_1rsrm2f1m5" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1mb", hover: "_1rsrm2f1mc", active: "_1rsrm2f1md", selection: "_1rsrm2f1me", focused: "_1rsrm2f1mf", focusedVisible: "_1rsrm2f1mg" }, defaultClass: "_1rsrm2f1mb" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1mh", hover: "_1rsrm2f1mi", active: "_1rsrm2f1mj", selection: "_1rsrm2f1mk", focused: "_1rsrm2f1ml", focusedVisible: "_1rsrm2f1mm" }, defaultClass: "_1rsrm2f1mh" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1mn", hover: "_1rsrm2f1mo", active: "_1rsrm2f1mp", selection: "_1rsrm2f1mq", focused: "_1rsrm2f1mr", focusedVisible: "_1rsrm2f1ms" }, defaultClass: "_1rsrm2f1mn" }, announceGradientTo: { conditions: { base: "_1rsrm2f1mt", hover: "_1rsrm2f1mu", active: "_1rsrm2f1mv", selection: "_1rsrm2f1mw", focused: "_1rsrm2f1mx", focusedVisible: "_1rsrm2f1my" }, defaultClass: "_1rsrm2f1mt" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1mz", hover: "_1rsrm2f1n0", active: "_1rsrm2f1n1", selection: "_1rsrm2f1n2", focused: "_1rsrm2f1n3", focusedVisible: "_1rsrm2f1n4" }, defaultClass: "_1rsrm2f1mz" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1n5", hover: "_1rsrm2f1n6", active: "_1rsrm2f1n7", selection: "_1rsrm2f1n8", focused: "_1rsrm2f1n9", focusedVisible: "_1rsrm2f1na" }, defaultClass: "_1rsrm2f1n5" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, connectButton: { defaultClass: "_1rsrm2ft" }, menuButton: { defaultClass: "_1rsrm2fu" }, modal: { defaultClass: "_1rsrm2fv" }, modalMobile: { defaultClass: "_1rsrm2fw" }, modalActionButton: { defaultClass: "_1rsrm2fx" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fy" }, summaryBox: { defaultClass: "_1rsrm2fz" }, full: { defaultClass: "_1rsrm2f10" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f11" }, dotted: { defaultClass: "_1rsrm2f12" }, hidden: { defaultClass: "_1rsrm2f13" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f14" }, "1": { defaultClass: "_1rsrm2f15" }, "2": { defaultClass: "_1rsrm2f16" }, "3": { defaultClass: "_1rsrm2f17" }, "4": { defaultClass: "_1rsrm2f18" }, "0.5": { defaultClass: "_1rsrm2f19" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1a" }, pointer: { defaultClass: "_1rsrm2f1b" }, "not-allowed": { defaultClass: "_1rsrm2f1c" }, "default": { defaultClass: "_1rsrm2f1d" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1e" }, column: { defaultClass: "_1rsrm2f1f" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1g" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1h" }, "12": { defaultClass: "_1rsrm2f1i" }, "13": { defaultClass: "_1rsrm2f1j" }, "14": { defaultClass: "_1rsrm2f1k" }, "16": { defaultClass: "_1rsrm2f1l" }, "18": { defaultClass: "_1rsrm2f1m" }, "20": { defaultClass: "_1rsrm2f1n" }, "21": { defaultClass: "_1rsrm2f1o" }, "40": { defaultClass: "_1rsrm2f1p" }, "57": { defaultClass: "_1rsrm2f1q" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1r" }, medium: { defaultClass: "_1rsrm2f1s" }, semibold: { defaultClass: "_1rsrm2f1t" }, bold: { defaultClass: "_1rsrm2f1u" }, heavy: { defaultClass: "_1rsrm2f1v" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1w" }, "1": { defaultClass: "_1rsrm2f1x" }, "2": { defaultClass: "_1rsrm2f1y" }, "3": { defaultClass: "_1rsrm2f1z" }, "4": { defaultClass: "_1rsrm2f20" }, "5": { defaultClass: "_1rsrm2f21" }, "6": { defaultClass: "_1rsrm2f22" }, "7": { defaultClass: "_1rsrm2f23" }, "8": { defaultClass: "_1rsrm2f24" }, "9": { defaultClass: "_1rsrm2f25" }, "10": { defaultClass: "_1rsrm2f26" }, "11": { defaultClass: "_1rsrm2f27" }, "12": { defaultClass: "_1rsrm2f28" }, "13": { defaultClass: "_1rsrm2f29" }, "14": { defaultClass: "_1rsrm2f2a" }, "15": { defaultClass: "_1rsrm2f2b" }, "16": { defaultClass: "_1rsrm2f2c" }, "18": { defaultClass: "_1rsrm2f2d" }, "20": { defaultClass: "_1rsrm2f2e" }, "24": { defaultClass: "_1rsrm2f2f" }, "28": { defaultClass: "_1rsrm2f2g" }, "30": { defaultClass: "_1rsrm2f2h" }, "32": { defaultClass: "_1rsrm2f2i" }, "36": { defaultClass: "_1rsrm2f2j" }, "44": { defaultClass: "_1rsrm2f2k" }, "64": { defaultClass: "_1rsrm2f2l" }, "-1": { defaultClass: "_1rsrm2f2m" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f2n" }, "2": { defaultClass: "_1rsrm2f2o" }, "4": { defaultClass: "_1rsrm2f2p" }, "8": { defaultClass: "_1rsrm2f2q" }, "10": { defaultClass: "_1rsrm2f2r" }, "11": { defaultClass: "_1rsrm2f2s" }, "12": { defaultClass: "_1rsrm2f2t" }, "13": { defaultClass: "_1rsrm2f2u" }, "14": { defaultClass: "_1rsrm2f2v" }, "15": { defaultClass: "_1rsrm2f2w" }, "16": { defaultClass: "_1rsrm2f2x" }, "18": { defaultClass: "_1rsrm2f2y" }, "20": { defaultClass: "_1rsrm2f2z" }, "24": { defaultClass: "_1rsrm2f30" }, "28": { defaultClass: "_1rsrm2f31" }, "30": { defaultClass: "_1rsrm2f32" }, "32": { defaultClass: "_1rsrm2f33" }, "34": { defaultClass: "_1rsrm2f34" }, "36": { defaultClass: "_1rsrm2f35" }, "40": { defaultClass: "_1rsrm2f36" }, "44": { defaultClass: "_1rsrm2f37" }, "48": { defaultClass: "_1rsrm2f38" }, "50": { defaultClass: "_1rsrm2f39" }, "54": { defaultClass: "_1rsrm2f3a" }, "57": { defaultClass: "_1rsrm2f3b" }, "60": { defaultClass: "_1rsrm2f3c" }, "72": { defaultClass: "_1rsrm2f3d" }, "93": { defaultClass: "_1rsrm2f3e" }, "96": { defaultClass: "_1rsrm2f3f" }, "100": { defaultClass: "_1rsrm2f3g" }, "108": { defaultClass: "_1rsrm2f3h" }, "120": { defaultClass: "_1rsrm2f3i" }, "180": { defaultClass: "_1rsrm2f3j" }, "200": { defaultClass: "_1rsrm2f3k" }, "240": { defaultClass: "_1rsrm2f3l" }, half: { defaultClass: "_1rsrm2f3m" }, full: { defaultClass: "_1rsrm2f3n" }, max: { defaultClass: "_1rsrm2f3o" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3p" }, "flex-end": { defaultClass: "_1rsrm2f3q" }, center: { defaultClass: "_1rsrm2f3r" }, "space-between": { defaultClass: "_1rsrm2f3s" }, "space-around": { defaultClass: "_1rsrm2f3t" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3u" }, center: { defaultClass: "_1rsrm2f3v" }, right: { defaultClass: "_1rsrm2f3w" }, inherit: { defaultClass: "_1rsrm2f3x" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3y" }, "1": { defaultClass: "_1rsrm2f3z" }, "2": { defaultClass: "_1rsrm2f40" }, "3": { defaultClass: "_1rsrm2f41" }, "4": { defaultClass: "_1rsrm2f42" }, "5": { defaultClass: "_1rsrm2f43" }, "6": { defaultClass: "_1rsrm2f44" }, "7": { defaultClass: "_1rsrm2f45" }, "8": { defaultClass: "_1rsrm2f46" }, "9": { defaultClass: "_1rsrm2f47" }, "10": { defaultClass: "_1rsrm2f48" }, "11": { defaultClass: "_1rsrm2f49" }, "12": { defaultClass: "_1rsrm2f4a" }, "13": { defaultClass: "_1rsrm2f4b" }, "14": { defaultClass: "_1rsrm2f4c" }, "15": { defaultClass: "_1rsrm2f4d" }, "16": { defaultClass: "_1rsrm2f4e" }, "18": { defaultClass: "_1rsrm2f4f" }, "20": { defaultClass: "_1rsrm2f4g" }, "24": { defaultClass: "_1rsrm2f4h" }, "28": { defaultClass: "_1rsrm2f4i" }, "30": { defaultClass: "_1rsrm2f4j" }, "32": { defaultClass: "_1rsrm2f4k" }, "36": { defaultClass: "_1rsrm2f4l" }, "44": { defaultClass: "_1rsrm2f4m" }, "64": { defaultClass: "_1rsrm2f4n" }, auto: { defaultClass: "_1rsrm2f4o" }, "-18": { defaultClass: "_1rsrm2f4p" }, "-12": { defaultClass: "_1rsrm2f4q" }, "-1": { defaultClass: "_1rsrm2f4r" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f4s" }, "1": { defaultClass: "_1rsrm2f4t" }, "2": { defaultClass: "_1rsrm2f4u" }, "3": { defaultClass: "_1rsrm2f4v" }, "4": { defaultClass: "_1rsrm2f4w" }, "5": { defaultClass: "_1rsrm2f4x" }, "6": { defaultClass: "_1rsrm2f4y" }, "7": { defaultClass: "_1rsrm2f4z" }, "8": { defaultClass: "_1rsrm2f50" }, "9": { defaultClass: "_1rsrm2f51" }, "10": { defaultClass: "_1rsrm2f52" }, "11": { defaultClass: "_1rsrm2f53" }, "12": { defaultClass: "_1rsrm2f54" }, "13": { defaultClass: "_1rsrm2f55" }, "14": { defaultClass: "_1rsrm2f56" }, "15": { defaultClass: "_1rsrm2f57" }, "16": { defaultClass: "_1rsrm2f58" }, "18": { defaultClass: "_1rsrm2f59" }, "20": { defaultClass: "_1rsrm2f5a" }, "24": { defaultClass: "_1rsrm2f5b" }, "28": { defaultClass: "_1rsrm2f5c" }, "30": { defaultClass: "_1rsrm2f5d" }, "32": { defaultClass: "_1rsrm2f5e" }, "36": { defaultClass: "_1rsrm2f5f" }, "44": { defaultClass: "_1rsrm2f5g" }, "64": { defaultClass: "_1rsrm2f5h" }, auto: { defaultClass: "_1rsrm2f5i" }, "-18": { defaultClass: "_1rsrm2f5j" }, "-12": { defaultClass: "_1rsrm2f5k" }, "-1": { defaultClass: "_1rsrm2f5l" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f5m" }, "1": { defaultClass: "_1rsrm2f5n" }, "2": { defaultClass: "_1rsrm2f5o" }, "3": { defaultClass: "_1rsrm2f5p" }, "4": { defaultClass: "_1rsrm2f5q" }, "5": { defaultClass: "_1rsrm2f5r" }, "6": { defaultClass: "_1rsrm2f5s" }, "7": { defaultClass: "_1rsrm2f5t" }, "8": { defaultClass: "_1rsrm2f5u" }, "9": { defaultClass: "_1rsrm2f5v" }, "10": { defaultClass: "_1rsrm2f5w" }, "11": { defaultClass: "_1rsrm2f5x" }, "12": { defaultClass: "_1rsrm2f5y" }, "13": { defaultClass: "_1rsrm2f5z" }, "14": { defaultClass: "_1rsrm2f60" }, "15": { defaultClass: "_1rsrm2f61" }, "16": { defaultClass: "_1rsrm2f62" }, "18": { defaultClass: "_1rsrm2f63" }, "20": { defaultClass: "_1rsrm2f64" }, "24": { defaultClass: "_1rsrm2f65" }, "28": { defaultClass: "_1rsrm2f66" }, "30": { defaultClass: "_1rsrm2f67" }, "32": { defaultClass: "_1rsrm2f68" }, "36": { defaultClass: "_1rsrm2f69" }, "44": { defaultClass: "_1rsrm2f6a" }, "64": { defaultClass: "_1rsrm2f6b" }, auto: { defaultClass: "_1rsrm2f6c" }, "-18": { defaultClass: "_1rsrm2f6d" }, "-12": { defaultClass: "_1rsrm2f6e" }, "-1": { defaultClass: "_1rsrm2f6f" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f6g" }, "1": { defaultClass: "_1rsrm2f6h" }, "2": { defaultClass: "_1rsrm2f6i" }, "3": { defaultClass: "_1rsrm2f6j" }, "4": { defaultClass: "_1rsrm2f6k" }, "5": { defaultClass: "_1rsrm2f6l" }, "6": { defaultClass: "_1rsrm2f6m" }, "7": { defaultClass: "_1rsrm2f6n" }, "8": { defaultClass: "_1rsrm2f6o" }, "9": { defaultClass: "_1rsrm2f6p" }, "10": { defaultClass: "_1rsrm2f6q" }, "11": { defaultClass: "_1rsrm2f6r" }, "12": { defaultClass: "_1rsrm2f6s" }, "13": { defaultClass: "_1rsrm2f6t" }, "14": { defaultClass: "_1rsrm2f6u" }, "15": { defaultClass: "_1rsrm2f6v" }, "16": { defaultClass: "_1rsrm2f6w" }, "18": { defaultClass: "_1rsrm2f6x" }, "20": { defaultClass: "_1rsrm2f6y" }, "24": { defaultClass: "_1rsrm2f6z" }, "28": { defaultClass: "_1rsrm2f70" }, "30": { defaultClass: "_1rsrm2f71" }, "32": { defaultClass: "_1rsrm2f72" }, "36": { defaultClass: "_1rsrm2f73" }, "44": { defaultClass: "_1rsrm2f74" }, "64": { defaultClass: "_1rsrm2f75" }, auto: { defaultClass: "_1rsrm2f76" }, "-18": { defaultClass: "_1rsrm2f77" }, "-12": { defaultClass: "_1rsrm2f78" }, "-1": { defaultClass: "_1rsrm2f79" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f7a" }, "2": { defaultClass: "_1rsrm2f7b" }, "4": { defaultClass: "_1rsrm2f7c" }, "8": { defaultClass: "_1rsrm2f7d" }, "10": { defaultClass: "_1rsrm2f7e" }, "11": { defaultClass: "_1rsrm2f7f" }, "12": { defaultClass: "_1rsrm2f7g" }, "13": { defaultClass: "_1rsrm2f7h" }, "14": { defaultClass: "_1rsrm2f7i" }, "15": { defaultClass: "_1rsrm2f7j" }, "16": { defaultClass: "_1rsrm2f7k" }, "18": { defaultClass: "_1rsrm2f7l" }, "20": { defaultClass: "_1rsrm2f7m" }, "24": { defaultClass: "_1rsrm2f7n" }, "28": { defaultClass: "_1rsrm2f7o" }, "30": { defaultClass: "_1rsrm2f7p" }, "32": { defaultClass: "_1rsrm2f7q" }, "34": { defaultClass: "_1rsrm2f7r" }, "36": { defaultClass: "_1rsrm2f7s" }, "40": { defaultClass: "_1rsrm2f7t" }, "44": { defaultClass: "_1rsrm2f7u" }, "48": { defaultClass: "_1rsrm2f7v" }, "50": { defaultClass: "_1rsrm2f7w" }, "54": { defaultClass: "_1rsrm2f7x" }, "57": { defaultClass: "_1rsrm2f7y" }, "60": { defaultClass: "_1rsrm2f7z" }, "72": { defaultClass: "_1rsrm2f80" }, "93": { defaultClass: "_1rsrm2f81" }, "96": { defaultClass: "_1rsrm2f82" }, "100": { defaultClass: "_1rsrm2f83" }, "108": { defaultClass: "_1rsrm2f84" }, "120": { defaultClass: "_1rsrm2f85" }, "180": { defaultClass: "_1rsrm2f86" }, "200": { defaultClass: "_1rsrm2f87" }, "240": { defaultClass: "_1rsrm2f88" }, half: { defaultClass: "_1rsrm2f89" }, full: { defaultClass: "_1rsrm2f8a" }, max: { defaultClass: "_1rsrm2f8b" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f8c" }, "2": { defaultClass: "_1rsrm2f8d" }, "4": { defaultClass: "_1rsrm2f8e" }, "8": { defaultClass: "_1rsrm2f8f" }, "10": { defaultClass: "_1rsrm2f8g" }, "11": { defaultClass: "_1rsrm2f8h" }, "12": { defaultClass: "_1rsrm2f8i" }, "13": { defaultClass: "_1rsrm2f8j" }, "14": { defaultClass: "_1rsrm2f8k" }, "15": { defaultClass: "_1rsrm2f8l" }, "16": { defaultClass: "_1rsrm2f8m" }, "18": { defaultClass: "_1rsrm2f8n" }, "20": { defaultClass: "_1rsrm2f8o" }, "24": { defaultClass: "_1rsrm2f8p" }, "28": { defaultClass: "_1rsrm2f8q" }, "30": { defaultClass: "_1rsrm2f8r" }, "32": { defaultClass: "_1rsrm2f8s" }, "34": { defaultClass: "_1rsrm2f8t" }, "36": { defaultClass: "_1rsrm2f8u" }, "40": { defaultClass: "_1rsrm2f8v" }, "44": { defaultClass: "_1rsrm2f8w" }, "48": { defaultClass: "_1rsrm2f8x" }, "50": { defaultClass: "_1rsrm2f8y" }, "54": { defaultClass: "_1rsrm2f8z" }, "57": { defaultClass: "_1rsrm2f90" }, "60": { defaultClass: "_1rsrm2f91" }, "72": { defaultClass: "_1rsrm2f92" }, "93": { defaultClass: "_1rsrm2f93" }, "96": { defaultClass: "_1rsrm2f94" }, "100": { defaultClass: "_1rsrm2f95" }, "108": { defaultClass: "_1rsrm2f96" }, "120": { defaultClass: "_1rsrm2f97" }, "180": { defaultClass: "_1rsrm2f98" }, "200": { defaultClass: "_1rsrm2f99" }, "240": { defaultClass: "_1rsrm2f9a" }, half: { defaultClass: "_1rsrm2f9b" }, full: { defaultClass: "_1rsrm2f9c" }, max: { defaultClass: "_1rsrm2f9d" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f9e" }, "2": { defaultClass: "_1rsrm2f9f" }, "4": { defaultClass: "_1rsrm2f9g" }, "8": { defaultClass: "_1rsrm2f9h" }, "10": { defaultClass: "_1rsrm2f9i" }, "11": { defaultClass: "_1rsrm2f9j" }, "12": { defaultClass: "_1rsrm2f9k" }, "13": { defaultClass: "_1rsrm2f9l" }, "14": { defaultClass: "_1rsrm2f9m" }, "15": { defaultClass: "_1rsrm2f9n" }, "16": { defaultClass: "_1rsrm2f9o" }, "18": { defaultClass: "_1rsrm2f9p" }, "20": { defaultClass: "_1rsrm2f9q" }, "24": { defaultClass: "_1rsrm2f9r" }, "28": { defaultClass: "_1rsrm2f9s" }, "30": { defaultClass: "_1rsrm2f9t" }, "32": { defaultClass: "_1rsrm2f9u" }, "34": { defaultClass: "_1rsrm2f9v" }, "36": { defaultClass: "_1rsrm2f9w" }, "40": { defaultClass: "_1rsrm2f9x" }, "44": { defaultClass: "_1rsrm2f9y" }, "48": { defaultClass: "_1rsrm2f9z" }, "50": { defaultClass: "_1rsrm2fa0" }, "54": { defaultClass: "_1rsrm2fa1" }, "57": { defaultClass: "_1rsrm2fa2" }, "60": { defaultClass: "_1rsrm2fa3" }, "72": { defaultClass: "_1rsrm2fa4" }, "93": { defaultClass: "_1rsrm2fa5" }, "96": { defaultClass: "_1rsrm2fa6" }, "100": { defaultClass: "_1rsrm2fa7" }, "108": { defaultClass: "_1rsrm2fa8" }, "120": { defaultClass: "_1rsrm2fa9" }, "180": { defaultClass: "_1rsrm2faa" }, "200": { defaultClass: "_1rsrm2fab" }, "240": { defaultClass: "_1rsrm2fac" }, half: { defaultClass: "_1rsrm2fad" }, full: { defaultClass: "_1rsrm2fae" }, max: { defaultClass: "_1rsrm2faf" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fag" }, "2": { defaultClass: "_1rsrm2fah" }, "4": { defaultClass: "_1rsrm2fai" }, "8": { defaultClass: "_1rsrm2faj" }, "10": { defaultClass: "_1rsrm2fak" }, "11": { defaultClass: "_1rsrm2fal" }, "12": { defaultClass: "_1rsrm2fam" }, "13": { defaultClass: "_1rsrm2fan" }, "14": { defaultClass: "_1rsrm2fao" }, "15": { defaultClass: "_1rsrm2fap" }, "16": { defaultClass: "_1rsrm2faq" }, "18": { defaultClass: "_1rsrm2far" }, "20": { defaultClass: "_1rsrm2fas" }, "24": { defaultClass: "_1rsrm2fat" }, "28": { defaultClass: "_1rsrm2fau" }, "30": { defaultClass: "_1rsrm2fav" }, "32": { defaultClass: "_1rsrm2faw" }, "34": { defaultClass: "_1rsrm2fax" }, "36": { defaultClass: "_1rsrm2fay" }, "40": { defaultClass: "_1rsrm2faz" }, "44": { defaultClass: "_1rsrm2fb0" }, "48": { defaultClass: "_1rsrm2fb1" }, "50": { defaultClass: "_1rsrm2fb2" }, "54": { defaultClass: "_1rsrm2fb3" }, "57": { defaultClass: "_1rsrm2fb4" }, "60": { defaultClass: "_1rsrm2fb5" }, "72": { defaultClass: "_1rsrm2fb6" }, "93": { defaultClass: "_1rsrm2fb7" }, "96": { defaultClass: "_1rsrm2fb8" }, "100": { defaultClass: "_1rsrm2fb9" }, "108": { defaultClass: "_1rsrm2fba" }, "120": { defaultClass: "_1rsrm2fbb" }, "180": { defaultClass: "_1rsrm2fbc" }, "200": { defaultClass: "_1rsrm2fbd" }, "240": { defaultClass: "_1rsrm2fbe" }, half: { defaultClass: "_1rsrm2fbf" }, full: { defaultClass: "_1rsrm2fbg" }, max: { defaultClass: "_1rsrm2fbh" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fbi" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fbj" }, "1": { defaultClass: "_1rsrm2fbk" }, "2": { defaultClass: "_1rsrm2fbl" }, "3": { defaultClass: "_1rsrm2fbm" }, "4": { defaultClass: "_1rsrm2fbn" }, "5": { defaultClass: "_1rsrm2fbo" }, "6": { defaultClass: "_1rsrm2fbp" }, "7": { defaultClass: "_1rsrm2fbq" }, "8": { defaultClass: "_1rsrm2fbr" }, "9": { defaultClass: "_1rsrm2fbs" }, "10": { defaultClass: "_1rsrm2fbt" }, "11": { defaultClass: "_1rsrm2fbu" }, "12": { defaultClass: "_1rsrm2fbv" }, "13": { defaultClass: "_1rsrm2fbw" }, "14": { defaultClass: "_1rsrm2fbx" }, "15": { defaultClass: "_1rsrm2fby" }, "16": { defaultClass: "_1rsrm2fbz" }, "18": { defaultClass: "_1rsrm2fc0" }, "20": { defaultClass: "_1rsrm2fc1" }, "24": { defaultClass: "_1rsrm2fc2" }, "28": { defaultClass: "_1rsrm2fc3" }, "30": { defaultClass: "_1rsrm2fc4" }, "32": { defaultClass: "_1rsrm2fc5" }, "36": { defaultClass: "_1rsrm2fc6" }, "44": { defaultClass: "_1rsrm2fc7" }, "64": { defaultClass: "_1rsrm2fc8" }, "-1": { defaultClass: "_1rsrm2fc9" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fca" }, "1": { defaultClass: "_1rsrm2fcb" }, "2": { defaultClass: "_1rsrm2fcc" }, "3": { defaultClass: "_1rsrm2fcd" }, "4": { defaultClass: "_1rsrm2fce" }, "5": { defaultClass: "_1rsrm2fcf" }, "6": { defaultClass: "_1rsrm2fcg" }, "7": { defaultClass: "_1rsrm2fch" }, "8": { defaultClass: "_1rsrm2fci" }, "9": { defaultClass: "_1rsrm2fcj" }, "10": { defaultClass: "_1rsrm2fck" }, "11": { defaultClass: "_1rsrm2fcl" }, "12": { defaultClass: "_1rsrm2fcm" }, "13": { defaultClass: "_1rsrm2fcn" }, "14": { defaultClass: "_1rsrm2fco" }, "15": { defaultClass: "_1rsrm2fcp" }, "16": { defaultClass: "_1rsrm2fcq" }, "18": { defaultClass: "_1rsrm2fcr" }, "20": { defaultClass: "_1rsrm2fcs" }, "24": { defaultClass: "_1rsrm2fct" }, "28": { defaultClass: "_1rsrm2fcu" }, "30": { defaultClass: "_1rsrm2fcv" }, "32": { defaultClass: "_1rsrm2fcw" }, "36": { defaultClass: "_1rsrm2fcx" }, "44": { defaultClass: "_1rsrm2fcy" }, "64": { defaultClass: "_1rsrm2fcz" }, "-1": { defaultClass: "_1rsrm2fd0" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fd1" }, "1": { defaultClass: "_1rsrm2fd2" }, "2": { defaultClass: "_1rsrm2fd3" }, "3": { defaultClass: "_1rsrm2fd4" }, "4": { defaultClass: "_1rsrm2fd5" }, "5": { defaultClass: "_1rsrm2fd6" }, "6": { defaultClass: "_1rsrm2fd7" }, "7": { defaultClass: "_1rsrm2fd8" }, "8": { defaultClass: "_1rsrm2fd9" }, "9": { defaultClass: "_1rsrm2fda" }, "10": { defaultClass: "_1rsrm2fdb" }, "11": { defaultClass: "_1rsrm2fdc" }, "12": { defaultClass: "_1rsrm2fdd" }, "13": { defaultClass: "_1rsrm2fde" }, "14": { defaultClass: "_1rsrm2fdf" }, "15": { defaultClass: "_1rsrm2fdg" }, "16": { defaultClass: "_1rsrm2fdh" }, "18": { defaultClass: "_1rsrm2fdi" }, "20": { defaultClass: "_1rsrm2fdj" }, "24": { defaultClass: "_1rsrm2fdk" }, "28": { defaultClass: "_1rsrm2fdl" }, "30": { defaultClass: "_1rsrm2fdm" }, "32": { defaultClass: "_1rsrm2fdn" }, "36": { defaultClass: "_1rsrm2fdo" }, "44": { defaultClass: "_1rsrm2fdp" }, "64": { defaultClass: "_1rsrm2fdq" }, "-1": { defaultClass: "_1rsrm2fdr" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fds" }, "1": { defaultClass: "_1rsrm2fdt" }, "2": { defaultClass: "_1rsrm2fdu" }, "3": { defaultClass: "_1rsrm2fdv" }, "4": { defaultClass: "_1rsrm2fdw" }, "5": { defaultClass: "_1rsrm2fdx" }, "6": { defaultClass: "_1rsrm2fdy" }, "7": { defaultClass: "_1rsrm2fdz" }, "8": { defaultClass: "_1rsrm2fe0" }, "9": { defaultClass: "_1rsrm2fe1" }, "10": { defaultClass: "_1rsrm2fe2" }, "11": { defaultClass: "_1rsrm2fe3" }, "12": { defaultClass: "_1rsrm2fe4" }, "13": { defaultClass: "_1rsrm2fe5" }, "14": { defaultClass: "_1rsrm2fe6" }, "15": { defaultClass: "_1rsrm2fe7" }, "16": { defaultClass: "_1rsrm2fe8" }, "18": { defaultClass: "_1rsrm2fe9" }, "20": { defaultClass: "_1rsrm2fea" }, "24": { defaultClass: "_1rsrm2feb" }, "28": { defaultClass: "_1rsrm2fec" }, "30": { defaultClass: "_1rsrm2fed" }, "32": { defaultClass: "_1rsrm2fee" }, "36": { defaultClass: "_1rsrm2fef" }, "44": { defaultClass: "_1rsrm2feg" }, "64": { defaultClass: "_1rsrm2feh" }, "-1": { defaultClass: "_1rsrm2fei" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fej" }, fixed: { defaultClass: "_1rsrm2fek" }, relative: { defaultClass: "_1rsrm2fel" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fem" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fen" }, transform: { defaultClass: "_1rsrm2feo" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fep" } } }, width: { values: { "1": { defaultClass: "_1rsrm2feq" }, "2": { defaultClass: "_1rsrm2fer" }, "4": { defaultClass: "_1rsrm2fes" }, "8": { defaultClass: "_1rsrm2fet" }, "10": { defaultClass: "_1rsrm2feu" }, "11": { defaultClass: "_1rsrm2fev" }, "12": { defaultClass: "_1rsrm2few" }, "13": { defaultClass: "_1rsrm2fex" }, "14": { defaultClass: "_1rsrm2fey" }, "15": { defaultClass: "_1rsrm2fez" }, "16": { defaultClass: "_1rsrm2ff0" }, "18": { defaultClass: "_1rsrm2ff1" }, "20": { defaultClass: "_1rsrm2ff2" }, "24": { defaultClass: "_1rsrm2ff3" }, "28": { defaultClass: "_1rsrm2ff4" }, "30": { defaultClass: "_1rsrm2ff5" }, "32": { defaultClass: "_1rsrm2ff6" }, "34": { defaultClass: "_1rsrm2ff7" }, "36": { defaultClass: "_1rsrm2ff8" }, "40": { defaultClass: "_1rsrm2ff9" }, "44": { defaultClass: "_1rsrm2ffa" }, "48": { defaultClass: "_1rsrm2ffb" }, "50": { defaultClass: "_1rsrm2ffc" }, "54": { defaultClass: "_1rsrm2ffd" }, "57": { defaultClass: "_1rsrm2ffe" }, "60": { defaultClass: "_1rsrm2fff" }, "72": { defaultClass: "_1rsrm2ffg" }, "93": { defaultClass: "_1rsrm2ffh" }, "96": { defaultClass: "_1rsrm2ffi" }, "100": { defaultClass: "_1rsrm2ffj" }, "108": { defaultClass: "_1rsrm2ffk" }, "120": { defaultClass: "_1rsrm2ffl" }, "180": { defaultClass: "_1rsrm2ffm" }, "200": { defaultClass: "_1rsrm2ffn" }, "240": { defaultClass: "_1rsrm2ffo" }, half: { defaultClass: "_1rsrm2ffp" }, full: { defaultClass: "_1rsrm2ffq" }, max: { defaultClass: "_1rsrm2ffr" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2ffs" } } } } });
|
|
47
|
+
var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", error: "var(--rk-colors-error)", errorBackground: "var(--rk-colors-errorBackground)", errorBorder: "var(--rk-colors-errorBorder)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", focusedOptionBorder: "var(--rk-colors-focusedOptionBorder)", standby: "var(--rk-colors-standby)", success: "var(--rk-colors-success)", chainIconBorder: "var(--rk-colors-chainIconBorder)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", offBackground: "var(--rk-colors-offBackground)", offBackgroundInverse: "var(--rk-colors-offBackgroundInverse)", offBackgroundComplimentary: "var(--rk-colors-offBackgroundComplimentary)", hoverState: "var(--rk-colors-hoverState)", lightStroke: "var(--rk-colors-lightStroke)", mediumStroke: "var(--rk-colors-mediumStroke)", heavyStroke: "var(--rk-colors-heavyStroke)", strokeColor: "var(--rk-colors-strokeColor)", dydxSwitchActiveBackground: "var(--rk-colors-dydxSwitchActiveBackground)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonTextSecondaryDisabled: "var(--rk-colors-buttonTextSecondaryDisabled)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonIconBackgroundHover: "var(--rk-colors-buttonIconBackgroundHover)", buttonIconBackgroundPressed: "var(--rk-colors-buttonIconBackgroundPressed)", buttonIconStroke: "var(--rk-colors-buttonIconStroke)", buttonBorderFocusedTertiary: "var(--rk-colors-buttonBorderFocusedTertiary)", buttonFocusedOutline: "var(--rk-colors-buttonFocusedOutline)", badgeBackgroundSuccess: "var(--rk-colors-badgeBackgroundSuccess)", badgeBorderSuccess: "var(--rk-colors-badgeBorderSuccess)", badgeTextSuccess: "var(--rk-colors-badgeTextSuccess)", badgeBackgroundSolana: "var(--rk-colors-badgeBackgroundSolana)", badgeBorderSolana: "var(--rk-colors-badgeBorderSolana)", badgeTextSolana: "var(--rk-colors-badgeTextSolana)", inputAmountQuickOptionBaseBackground: "var(--rk-colors-inputAmountQuickOptionBaseBackground)", inputAmountQuickOptionHoverBackground: "var(--rk-colors-inputAmountQuickOptionHoverBackground)", inputAmountQuickOptionActiveBackground: "var(--rk-colors-inputAmountQuickOptionActiveBackground)", inputAmountQuickOptionDisabledBackground: "var(--rk-colors-inputAmountQuickOptionDisabledBackground)", inputAmountQuickOptionBaseBorder: "var(--rk-colors-inputAmountQuickOptionBaseBorder)", inputAmountQuickOptionHoverBorder: "var(--rk-colors-inputAmountQuickOptionHoverBorder)", inputAmountQuickOptionActiveBorder: "var(--rk-colors-inputAmountQuickOptionActiveBorder)", inputAmountQuickOptionFocusedBorder: "var(--rk-colors-inputAmountQuickOptionFocusedBorder)", youPayYouReceiveBackground: "var(--rk-colors-youPayYouReceiveBackground)", youPayYouReceiveBorder: "var(--rk-colors-youPayYouReceiveBorder)", youPayYouReceivePrimaryText: "var(--rk-colors-youPayYouReceivePrimaryText)", youPayYouReceiveSecondaryText: "var(--rk-colors-youPayYouReceiveSecondaryText)", announceGradientFrom: "var(--rk-colors-announceGradientFrom)", announceGradientTo: "var(--rk-colors-announceGradientTo)", modalHeaderDivider: "var(--rk-colors-modalHeaderDivider)", modalFooterDivider: "var(--rk-colors-modalFooterDivider)" }, fonts: { body: "var(--rk-fonts-body)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)" }, fontSize: { "10": { fontSize: "var(--rk-fontSize-10-fontSize)", lineHeight: "var(--rk-fontSize-10-lineHeight)" }, "12": { fontSize: "var(--rk-fontSize-12-fontSize)", lineHeight: "var(--rk-fontSize-12-lineHeight)" }, "13": { fontSize: "var(--rk-fontSize-13-fontSize)", lineHeight: "var(--rk-fontSize-13-lineHeight)" }, "14": { fontSize: "var(--rk-fontSize-14-fontSize)", lineHeight: "var(--rk-fontSize-14-lineHeight)" }, "16": { fontSize: "var(--rk-fontSize-16-fontSize)", lineHeight: "var(--rk-fontSize-16-lineHeight)" }, "18": { fontSize: "var(--rk-fontSize-18-fontSize)", lineHeight: "var(--rk-fontSize-18-lineHeight)" }, "20": { fontSize: "var(--rk-fontSize-20-fontSize)", lineHeight: "var(--rk-fontSize-20-lineHeight)" }, "21": { fontSize: "var(--rk-fontSize-21-fontSize)", lineHeight: "var(--rk-fontSize-21-lineHeight)" }, "40": { fontSize: "var(--rk-fontSize-40-fontSize)", lineHeight: "var(--rk-fontSize-40-lineHeight)" }, "57": { fontSize: "var(--rk-fontSize-57-fontSize)", lineHeight: "var(--rk-fontSize-57-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", dropdown: "var(--rk-shadows-dropdown)", notification: "var(--rk-shadows-notification)", vertexDropdown: "var(--rk-shadows-vertexDropdown)", qrCode: "var(--rk-shadows-qrCode)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
|
|
48
48
|
|
|
49
49
|
// src/css/atoms.ts
|
|
50
50
|
var atoms = ({ reset, ...rest }) => {
|
|
@@ -396,13 +396,13 @@ function Avatar({ address, imageUrl, loading, size }) {
|
|
|
396
396
|
}
|
|
397
397
|
|
|
398
398
|
// src/components/ConnectButton/ConnectButton.tsx
|
|
399
|
-
import React219, { useEffect as
|
|
399
|
+
import React219, { useEffect as useEffect47, useState as useState65 } from "react";
|
|
400
400
|
|
|
401
401
|
// src/css/touchableStyles.css.ts
|
|
402
402
|
var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
|
|
403
|
-
var base2 = "_7rkubb3
|
|
403
|
+
var base2 = "_7rkubb3 _1rsrm2fel";
|
|
404
404
|
var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
|
|
405
|
-
var primaryBase = "_7rkubb5
|
|
405
|
+
var primaryBase = "_7rkubb5 _1rsrm2fel";
|
|
406
406
|
|
|
407
407
|
// src/css/touchableStyles.ts
|
|
408
408
|
function touchableStyles({ active: active2, hover: hover2 }) {
|
|
@@ -504,7 +504,7 @@ import React216, {
|
|
|
504
504
|
createContext as createContext18,
|
|
505
505
|
useCallback as useCallback41,
|
|
506
506
|
useContext as useContext18,
|
|
507
|
-
useEffect as
|
|
507
|
+
useEffect as useEffect45,
|
|
508
508
|
useMemo as useMemo38,
|
|
509
509
|
useState as useState62
|
|
510
510
|
} from "react";
|
|
@@ -761,6 +761,7 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
|
|
|
761
761
|
accountBalance: "Wallet",
|
|
762
762
|
selectAccount: "Select an exchange",
|
|
763
763
|
sourceMethodTitle: "Your source",
|
|
764
|
+
tokensListTitle: "Your tokens",
|
|
764
765
|
transferTokens: "Transfer Crypto",
|
|
765
766
|
confirmationScreen: {
|
|
766
767
|
payAmountLabel: "You send",
|
|
@@ -1036,7 +1037,7 @@ import React215, {
|
|
|
1036
1037
|
createContext as createContext17,
|
|
1037
1038
|
useCallback as useCallback40,
|
|
1038
1039
|
useContext as useContext17,
|
|
1039
|
-
useEffect as
|
|
1040
|
+
useEffect as useEffect44,
|
|
1040
1041
|
useMemo as useMemo37,
|
|
1041
1042
|
useState as useState61
|
|
1042
1043
|
} from "react";
|
|
@@ -1044,15 +1045,15 @@ import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useC
|
|
|
1044
1045
|
|
|
1045
1046
|
// src/components/Dialog/Dialog.css.ts
|
|
1046
1047
|
var DialogAnimationTimeOut = 120;
|
|
1047
|
-
var content = "_1r8f579 _1rsrm2fa
|
|
1048
|
-
var contentSlideOut = "_1r8f57b _1rsrm2fa
|
|
1048
|
+
var content = "_1r8f579 _1rsrm2fa _1rsrm2f1f _1rsrm2fel";
|
|
1049
|
+
var contentSlideOut = "_1r8f57b _1rsrm2fa _1rsrm2f1f _1rsrm2fel";
|
|
1049
1050
|
var dydxTitle = "_1r8f57c";
|
|
1050
|
-
var overlay = "_1r8f575
|
|
1051
|
-
var overlayOut = "_1r8f577
|
|
1051
|
+
var overlay = "_1r8f575 _1rsrm2ffs _1rsrm2fiz _1rsrm2fa _1rsrm2f3r _1rsrm2fek";
|
|
1052
|
+
var overlayOut = "_1r8f577 _1rsrm2ffs _1rsrm2fiz _1rsrm2fa _1rsrm2f3r _1rsrm2fek";
|
|
1052
1053
|
var titleContainer = "_1r8f57d";
|
|
1053
|
-
var topbarFadeBackground = "_1r8f57i
|
|
1054
|
+
var topbarFadeBackground = "_1r8f57i _1rsrm2fj5 _1rsrm2fej";
|
|
1054
1055
|
var topbarFadeWrapper = "_1r8f57g";
|
|
1055
|
-
var topbarOverflowContent = "_1r8f57f
|
|
1056
|
+
var topbarOverflowContent = "_1r8f57f _1rsrm2fcr _1rsrm2fdi";
|
|
1056
1057
|
|
|
1057
1058
|
// src/modals/AccountModal/AccountModal.tsx
|
|
1058
1059
|
import React129 from "react";
|
|
@@ -1366,12 +1367,13 @@ import clsx3 from "clsx";
|
|
|
1366
1367
|
import React12 from "react";
|
|
1367
1368
|
|
|
1368
1369
|
// src/components/FunButton/FunButton.css.ts
|
|
1369
|
-
var
|
|
1370
|
-
var
|
|
1371
|
-
var
|
|
1372
|
-
var
|
|
1373
|
-
var pressedStyles = "
|
|
1374
|
-
var transitionStyles = "
|
|
1370
|
+
var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1g5";
|
|
1371
|
+
var funButtonClickableStyle = "_1tyx5nu6";
|
|
1372
|
+
var funButtonDisabledStyle = "_1tyx5nu8";
|
|
1373
|
+
var funButtonNonClickableStyle = "_1tyx5nu7";
|
|
1374
|
+
var pressedStyles = "_1tyx5nu1";
|
|
1375
|
+
var transitionStyles = "_1tyx5nu0";
|
|
1376
|
+
var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1eh";
|
|
1375
1377
|
|
|
1376
1378
|
// src/components/FunButton/FunIconButton.tsx
|
|
1377
1379
|
var getTranslateStyle = (iconVisualWeightCenter) => {
|
|
@@ -1607,27 +1609,34 @@ function FunAlert({
|
|
|
1607
1609
|
icon,
|
|
1608
1610
|
description,
|
|
1609
1611
|
type = "info",
|
|
1610
|
-
verticalAlignment = "center"
|
|
1612
|
+
verticalAlignment = "center",
|
|
1613
|
+
paddingX = "12"
|
|
1611
1614
|
}) {
|
|
1612
|
-
const
|
|
1613
|
-
|
|
1614
|
-
|
|
1615
|
+
const { textColor, ...boxStyles } = type === "info" ? {
|
|
1616
|
+
background: "offBackground",
|
|
1617
|
+
textColor: "offBackgroundInverse"
|
|
1618
|
+
} : {
|
|
1619
|
+
background: "errorBackground",
|
|
1620
|
+
textColor: "error",
|
|
1621
|
+
borderColor: "errorBorder",
|
|
1622
|
+
borderWidth: "1",
|
|
1623
|
+
borderStyle: "solid"
|
|
1624
|
+
};
|
|
1615
1625
|
return /* @__PURE__ */ React17.createElement(
|
|
1616
1626
|
Box,
|
|
1617
1627
|
{
|
|
1618
|
-
...
|
|
1619
|
-
background: backgroundColor,
|
|
1628
|
+
...boxStyles,
|
|
1620
1629
|
display: "flex",
|
|
1621
1630
|
alignItems: verticalAlignment === "center" ? "center" : "flex-start",
|
|
1622
1631
|
color: "secondaryText",
|
|
1623
1632
|
borderRadius: "connectButton",
|
|
1624
1633
|
paddingY: "8",
|
|
1625
|
-
paddingX
|
|
1634
|
+
paddingX,
|
|
1626
1635
|
gap: "6"
|
|
1627
1636
|
},
|
|
1628
1637
|
icon && // visually align the icon with the text when the content is aligned to the top
|
|
1629
1638
|
/* @__PURE__ */ React17.createElement(Box, { paddingTop: verticalAlignment === "center" ? "0" : "2" }, icon),
|
|
1630
|
-
|
|
1639
|
+
/* @__PURE__ */ React17.createElement(Text, { color: textColor, size: "10" }, description)
|
|
1631
1640
|
);
|
|
1632
1641
|
}
|
|
1633
1642
|
|
|
@@ -2017,6 +2026,55 @@ var FailedStatusIcon = ({ size = 48 }) => {
|
|
|
2017
2026
|
))
|
|
2018
2027
|
));
|
|
2019
2028
|
};
|
|
2029
|
+
var DelayedStatusIcon = ({ size = 36 }) => {
|
|
2030
|
+
return /* @__PURE__ */ React18.createElement(
|
|
2031
|
+
Box,
|
|
2032
|
+
{
|
|
2033
|
+
color: "secondaryText",
|
|
2034
|
+
borderRadius: "full",
|
|
2035
|
+
style: {
|
|
2036
|
+
width: size,
|
|
2037
|
+
height: size,
|
|
2038
|
+
filter: "drop-shadow(0px 1px 4px rgba(0, 0, 0, 0.08)) drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.04))"
|
|
2039
|
+
}
|
|
2040
|
+
},
|
|
2041
|
+
/* @__PURE__ */ React18.createElement(StatusInnerShadow, { size }),
|
|
2042
|
+
/* @__PURE__ */ React18.createElement(
|
|
2043
|
+
"svg",
|
|
2044
|
+
{
|
|
2045
|
+
width: size,
|
|
2046
|
+
height: size,
|
|
2047
|
+
viewBox: "0 0 36 36",
|
|
2048
|
+
fill: "none",
|
|
2049
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
2050
|
+
},
|
|
2051
|
+
/* @__PURE__ */ React18.createElement("circle", { cx: "18", cy: "18", r: "18", fill: "currentColor" }),
|
|
2052
|
+
/* @__PURE__ */ React18.createElement("circle", { cx: "18", cy: "18", r: "17.5", stroke: "black", strokeOpacity: "0.06" }),
|
|
2053
|
+
/* @__PURE__ */ React18.createElement(
|
|
2054
|
+
"path",
|
|
2055
|
+
{
|
|
2056
|
+
d: "M18 14.5V18C18 18 19.7065 18.8533 20.8 19.4M25 18C25 21.866 21.866 25 18 25C14.134 25 11 21.866 11 18C11 14.134 14.134 11 18 11C21.866 11 25 14.134 25 18Z",
|
|
2057
|
+
stroke: "white",
|
|
2058
|
+
strokeWidth: "2",
|
|
2059
|
+
strokeLinecap: "round",
|
|
2060
|
+
strokeLinejoin: "round"
|
|
2061
|
+
}
|
|
2062
|
+
)
|
|
2063
|
+
)
|
|
2064
|
+
);
|
|
2065
|
+
};
|
|
2066
|
+
var StatusInnerShadow = ({ size = 36 }) => /* @__PURE__ */ React18.createElement(
|
|
2067
|
+
Box,
|
|
2068
|
+
{
|
|
2069
|
+
borderRadius: "full",
|
|
2070
|
+
position: "absolute",
|
|
2071
|
+
style: {
|
|
2072
|
+
width: size,
|
|
2073
|
+
height: size,
|
|
2074
|
+
boxShadow: "0px -1px 1px 0px rgba(0, 0, 0, 0.09) inset"
|
|
2075
|
+
}
|
|
2076
|
+
}
|
|
2077
|
+
);
|
|
2020
2078
|
|
|
2021
2079
|
// src/components/ErrorBoundary/ErrorFallback.tsx
|
|
2022
2080
|
var ErrorFallback = () => /* @__PURE__ */ React19.createElement(
|
|
@@ -2478,16 +2536,16 @@ var GateIoIcon = ({ size = 24 }) => {
|
|
|
2478
2536
|
), /* @__PURE__ */ React33.createElement("g", { mask: "url(#b)" }, /* @__PURE__ */ React33.createElement(
|
|
2479
2537
|
"path",
|
|
2480
2538
|
{
|
|
2481
|
-
|
|
2482
|
-
|
|
2539
|
+
fillRule: "evenodd",
|
|
2540
|
+
clipRule: "evenodd",
|
|
2483
2541
|
d: "M12.5 16.625a4.125 4.125 0 0 1 0-8.25V5a7.5 7.5 0 1 0 7.5 7.5h-3.375a4.125 4.125 0 0 1-4.125 4.125Z",
|
|
2484
2542
|
fill: "#2354E6"
|
|
2485
2543
|
}
|
|
2486
2544
|
)), /* @__PURE__ */ React33.createElement(
|
|
2487
2545
|
"path",
|
|
2488
2546
|
{
|
|
2489
|
-
|
|
2490
|
-
|
|
2547
|
+
fillRule: "evenodd",
|
|
2548
|
+
clipRule: "evenodd",
|
|
2491
2549
|
d: "M12.5 12.5h4.125V8.375H12.5V12.5Z",
|
|
2492
2550
|
fill: "#17E6A1"
|
|
2493
2551
|
}
|
|
@@ -2752,8 +2810,8 @@ var WeBullIcon = ({ size = 24 }) => {
|
|
|
2752
2810
|
/* @__PURE__ */ React43.createElement(
|
|
2753
2811
|
"path",
|
|
2754
2812
|
{
|
|
2755
|
-
|
|
2756
|
-
|
|
2813
|
+
fillRule: "evenodd",
|
|
2814
|
+
clipRule: "evenodd",
|
|
2757
2815
|
d: "M19.8001 8C19.8655 8 19.9227 8.03485 19.9542 8.08699C20.6226 9.0717 21 10.1964 21 11.3903C21 15.2915 16.9706 18.454 12 18.454C7.02944 18.454 3 15.2915 3 11.3903C3 10.1982 3.37627 9.07507 4.04069 8.09006C4.07398 8.03684 4.1326 8 4.19982 8C4.29923 8 4.37982 8.08057 4.37982 8.17997C4.37982 8.19101 4.37882 8.20182 4.37692 8.21231L4.37434 8.22126C4.35822 8.34649 4.35 8.47309 4.35 8.60088C4.35 11.2099 7.50858 13.0558 12 13.0558C16.4914 13.0558 19.65 11.2099 19.65 8.60088C19.65 8.47391 19.6419 8.34811 19.626 8.22367C19.6219 8.20986 19.6201 8.19513 19.6201 8.17997C19.6201 8.08057 19.7007 8 19.8001 8Z",
|
|
2758
2816
|
fill: "white"
|
|
2759
2817
|
}
|
|
@@ -3172,31 +3230,7 @@ var flagConfig = {
|
|
|
3172
3230
|
},
|
|
3173
3231
|
[FlagKey.TokenTransferSourceChainsAndAssets]: {
|
|
3174
3232
|
type: "string",
|
|
3175
|
-
default_value: JSON.stringify(
|
|
3176
|
-
overrides: [
|
|
3177
|
-
{
|
|
3178
|
-
if_any: [
|
|
3179
|
-
{
|
|
3180
|
-
key: "userId",
|
|
3181
|
-
type: "pctRollout",
|
|
3182
|
-
pct: 70
|
|
3183
|
-
},
|
|
3184
|
-
{
|
|
3185
|
-
key: "userId",
|
|
3186
|
-
type: "isAnyOf",
|
|
3187
|
-
values: [
|
|
3188
|
-
"0x9CB7F86F360459cC96C74a0F81aF2C4cC7a54bd2",
|
|
3189
|
-
"0x6ec0c2f25d323e7779925Cc20c3740101f990d9F",
|
|
3190
|
-
"0xbeFE12aA8cBa36DD79F50eE5E23828adB62f2FD6",
|
|
3191
|
-
"0x2A8Bd916E85d98d8175258De99fc0ddbcC102eF6",
|
|
3192
|
-
"0xE05954bD6832efe681B422069b7Cf362Eec92BEb",
|
|
3193
|
-
"0xda6b07Eb94f699F511a943e9bFC12B64B7fe3486"
|
|
3194
|
-
]
|
|
3195
|
-
}
|
|
3196
|
-
],
|
|
3197
|
-
value: JSON.stringify(QR_CODE_WITH_SOLANA)
|
|
3198
|
-
}
|
|
3199
|
-
]
|
|
3233
|
+
default_value: JSON.stringify(QR_CODE_WITH_SOLANA)
|
|
3200
3234
|
},
|
|
3201
3235
|
[FlagKey.EnableTokenTransferUniversalDepositAddress]: {
|
|
3202
3236
|
type: "boolean",
|
|
@@ -3303,7 +3337,15 @@ var flagConfig = {
|
|
|
3303
3337
|
},
|
|
3304
3338
|
[FlagKey.EnableVertexSwapBypass]: {
|
|
3305
3339
|
type: "boolean",
|
|
3306
|
-
default_value:
|
|
3340
|
+
default_value: true
|
|
3341
|
+
},
|
|
3342
|
+
[FlagKey.DisplaySolanaNewBadge]: {
|
|
3343
|
+
type: "boolean",
|
|
3344
|
+
default_value: true
|
|
3345
|
+
},
|
|
3346
|
+
[FlagKey.DisplaySolanaDepositsBanner]: {
|
|
3347
|
+
type: "boolean",
|
|
3348
|
+
default_value: true
|
|
3307
3349
|
}
|
|
3308
3350
|
};
|
|
3309
3351
|
|
|
@@ -3563,6 +3605,7 @@ import { polygon as polygon2 } from "viem/chains";
|
|
|
3563
3605
|
|
|
3564
3606
|
// src/utils/consts.ts
|
|
3565
3607
|
var MIN_CHECKOUT_AMOUNT_USD = 1;
|
|
3608
|
+
var LOW_BALANCE = "Low Balance";
|
|
3566
3609
|
|
|
3567
3610
|
// src/utils/moonpay.ts
|
|
3568
3611
|
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO } from "@funkit/chains";
|
|
@@ -3612,6 +3655,15 @@ function getUsdMinAmount(paymentMethod, minUsd = MIN_CHECKOUT_AMOUNT_USD) {
|
|
|
3612
3655
|
return Math.max(minUsd, isMoonpay ? MINIMUM_MOONPAY_DEPOSIT_AMOUNT_USD : 0);
|
|
3613
3656
|
}
|
|
3614
3657
|
|
|
3658
|
+
// src/domains/checkoutRecipient.ts
|
|
3659
|
+
function getCheckoutRecipient({
|
|
3660
|
+
walletAddress,
|
|
3661
|
+
config
|
|
3662
|
+
}) {
|
|
3663
|
+
const inputCustomRecipient = config?.customRecipient;
|
|
3664
|
+
return inputCustomRecipient ? inputCustomRecipient : walletAddress;
|
|
3665
|
+
}
|
|
3666
|
+
|
|
3615
3667
|
// src/domains/feeEstimate.ts
|
|
3616
3668
|
import { mainnet as mainnet4 } from "viem/chains";
|
|
3617
3669
|
var L1_FEES_ESTIMATE = 20;
|
|
@@ -3664,11 +3716,23 @@ function isDefaultToken(asset, checkoutConfig) {
|
|
|
3664
3716
|
);
|
|
3665
3717
|
}
|
|
3666
3718
|
var isPolygonEcosystemToken = (chainId, tokenAddress) => chainId === polygon2.id.toString() && tokenAddress === "0x0000000000000000000000000000000000001010";
|
|
3667
|
-
var isAssetUsableToPayForCheckout = (
|
|
3719
|
+
var isAssetUsableToPayForCheckout = ({
|
|
3720
|
+
config,
|
|
3721
|
+
payerAddress,
|
|
3722
|
+
paymentMethod,
|
|
3723
|
+
assetChainId,
|
|
3724
|
+
assetTokenAddress,
|
|
3725
|
+
assetUsdAmount,
|
|
3726
|
+
loginType,
|
|
3727
|
+
isAllowedForCheckout
|
|
3728
|
+
}) => {
|
|
3668
3729
|
const targetChainId = config.targetChain;
|
|
3669
|
-
const
|
|
3670
|
-
|
|
3671
|
-
|
|
3730
|
+
const finalCheckoutRecipient = getCheckoutRecipient({
|
|
3731
|
+
config,
|
|
3732
|
+
walletAddress: payerAddress
|
|
3733
|
+
});
|
|
3734
|
+
const isSameAsPurchasingToken = !isCheckoutPostActionRequired(config) && // however, if the recipient address is different from the payer address (via account balance payment), it is possible to transfer money
|
|
3735
|
+
paymentMethod === "balance" /* ACCOUNT_BALANCE */ && finalCheckoutRecipient.toLowerCase() === payerAddress.toLowerCase() && isTokenEquivalent({
|
|
3672
3736
|
firstTokenChainId: targetChainId,
|
|
3673
3737
|
firstTokenAddress: config.targetAsset,
|
|
3674
3738
|
secondTokenChainId: assetChainId,
|
|
@@ -3684,7 +3748,7 @@ var isAssetUsableToPayForCheckout = (config, paymentMethod, assetChainId, assetT
|
|
|
3684
3748
|
paymentMethod
|
|
3685
3749
|
);
|
|
3686
3750
|
if (usableAmountEstimation !== null && usableAmountEstimation < MIN_CHECKOUT_AMOUNT_USD) {
|
|
3687
|
-
return { isUsable: false, reason:
|
|
3751
|
+
return { isUsable: false, reason: LOW_BALANCE };
|
|
3688
3752
|
}
|
|
3689
3753
|
const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ || FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId].isFunWalletSupported;
|
|
3690
3754
|
const isSupported = isAllowedForCheckout && isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId].isCheckoutSupported;
|
|
@@ -4848,7 +4912,7 @@ function FunButton({
|
|
|
4848
4912
|
isDisabled = false,
|
|
4849
4913
|
type = "primary",
|
|
4850
4914
|
isLoading = false,
|
|
4851
|
-
loaderSize =
|
|
4915
|
+
loaderSize = 13,
|
|
4852
4916
|
textSize,
|
|
4853
4917
|
// TODO: remove this
|
|
4854
4918
|
borderRadius
|
|
@@ -4895,7 +4959,19 @@ function FunButton({
|
|
|
4895
4959
|
boxShadow,
|
|
4896
4960
|
onKeyDown: () => void 0
|
|
4897
4961
|
},
|
|
4898
|
-
/* @__PURE__ */ React48.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: "10" }, isLoading && /* @__PURE__ */ React48.createElement(
|
|
4962
|
+
/* @__PURE__ */ React48.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: "10" }, isLoading && /* @__PURE__ */ React48.createElement(
|
|
4963
|
+
Box,
|
|
4964
|
+
{
|
|
4965
|
+
display: "flex",
|
|
4966
|
+
alignItems: "center",
|
|
4967
|
+
justifyContent: "center",
|
|
4968
|
+
style: {
|
|
4969
|
+
width: `${loaderSize}px`,
|
|
4970
|
+
height: `${loaderSize}px`
|
|
4971
|
+
}
|
|
4972
|
+
},
|
|
4973
|
+
/* @__PURE__ */ React48.createElement(SpinnerIcon, { size: loaderSize })
|
|
4974
|
+
), customTitleComponent ? customTitleComponent : /* @__PURE__ */ React48.createElement(Text, { size: buttonTextSize, color, weight: "medium" }, title))
|
|
4899
4975
|
);
|
|
4900
4976
|
}
|
|
4901
4977
|
|
|
@@ -5135,7 +5211,7 @@ var DIVIDER_ID = "fun-divider";
|
|
|
5135
5211
|
function FunDivider({
|
|
5136
5212
|
marginTop,
|
|
5137
5213
|
marginBottom,
|
|
5138
|
-
borderColor = "
|
|
5214
|
+
borderColor = "lightStroke",
|
|
5139
5215
|
label
|
|
5140
5216
|
}) {
|
|
5141
5217
|
if (!label) {
|
|
@@ -5375,7 +5451,7 @@ var DialogContent = ({
|
|
|
5375
5451
|
opacity: displayTopDivider ? 1 : 0
|
|
5376
5452
|
}
|
|
5377
5453
|
},
|
|
5378
|
-
/* @__PURE__ */ React56.createElement(FunDivider,
|
|
5454
|
+
/* @__PURE__ */ React56.createElement(FunDivider, { borderColor: "modalHeaderDivider" })
|
|
5379
5455
|
), /* @__PURE__ */ React56.createElement(
|
|
5380
5456
|
Box,
|
|
5381
5457
|
{
|
|
@@ -5404,7 +5480,7 @@ var DialogContent = ({
|
|
|
5404
5480
|
opacity: displayBottomDivider ? 1 : 0
|
|
5405
5481
|
}
|
|
5406
5482
|
},
|
|
5407
|
-
/* @__PURE__ */ React56.createElement(FunDivider,
|
|
5483
|
+
/* @__PURE__ */ React56.createElement(FunDivider, { borderColor: "modalFooterDivider" })
|
|
5408
5484
|
));
|
|
5409
5485
|
};
|
|
5410
5486
|
var DialogBottom = ({ paddingX = "6", children, ...boxProps }) => {
|
|
@@ -5426,7 +5502,6 @@ var DialogTitle = ({
|
|
|
5426
5502
|
backAnimation = false,
|
|
5427
5503
|
skipBackDelay = false,
|
|
5428
5504
|
dydxHideBack,
|
|
5429
|
-
isCloseButtonHidden = false,
|
|
5430
5505
|
className
|
|
5431
5506
|
}) => {
|
|
5432
5507
|
const hasBackButton = hasBackButtonProp ?? !!onBack;
|
|
@@ -5518,7 +5593,7 @@ var DialogTitle = ({
|
|
|
5518
5593
|
position: "relative"
|
|
5519
5594
|
},
|
|
5520
5595
|
/* @__PURE__ */ React56.createElement(Box, { id: CHECKOUT_MODAL_TITLE_COUNTDOWN_ID }),
|
|
5521
|
-
hasCloseButton &&
|
|
5596
|
+
hasCloseButton && /* @__PURE__ */ React56.createElement(
|
|
5522
5597
|
CloseButton,
|
|
5523
5598
|
{
|
|
5524
5599
|
onClose,
|
|
@@ -5893,14 +5968,15 @@ import React61 from "react";
|
|
|
5893
5968
|
|
|
5894
5969
|
// src/components/FunButton/FunLinkButton.tsx
|
|
5895
5970
|
import React59 from "react";
|
|
5971
|
+
import clsx6 from "clsx";
|
|
5896
5972
|
function FunLinkButton({
|
|
5897
|
-
color,
|
|
5898
5973
|
inline,
|
|
5899
|
-
hasPadding = !inline,
|
|
5900
5974
|
href,
|
|
5901
5975
|
onClick,
|
|
5902
5976
|
text,
|
|
5903
|
-
|
|
5977
|
+
size = "10",
|
|
5978
|
+
weight,
|
|
5979
|
+
variant = "underline"
|
|
5904
5980
|
}) {
|
|
5905
5981
|
const isLink = !!href;
|
|
5906
5982
|
const isExternalLink = !!href?.startsWith("http");
|
|
@@ -5908,10 +5984,12 @@ function FunLinkButton({
|
|
|
5908
5984
|
Box,
|
|
5909
5985
|
{
|
|
5910
5986
|
as: isLink ? "a" : "button",
|
|
5911
|
-
className:
|
|
5987
|
+
className: clsx6(
|
|
5988
|
+
variant === "accent" && accentLinkStyle,
|
|
5989
|
+
variant === "underline" && underlineLinkStyle
|
|
5990
|
+
),
|
|
5912
5991
|
href,
|
|
5913
5992
|
onClick,
|
|
5914
|
-
paddingLeft: hasPadding ? "4" : "0",
|
|
5915
5993
|
rel: isExternalLink ? "noreferrer" : void 0,
|
|
5916
5994
|
target: isExternalLink ? "_blank" : void 0,
|
|
5917
5995
|
type: isLink ? void 0 : "button"
|
|
@@ -5920,10 +5998,9 @@ function FunLinkButton({
|
|
|
5920
5998
|
Text,
|
|
5921
5999
|
{
|
|
5922
6000
|
as: inline ? "span" : "div",
|
|
5923
|
-
color:
|
|
5924
|
-
size
|
|
5925
|
-
weight: isLink ? void 0 : "bold"
|
|
5926
|
-
...textProps
|
|
6001
|
+
color: variant === "accent" ? "buttonPrimary" : "primaryText",
|
|
6002
|
+
size,
|
|
6003
|
+
weight: weight ?? (isLink ? void 0 : "bold")
|
|
5927
6004
|
},
|
|
5928
6005
|
text
|
|
5929
6006
|
)
|
|
@@ -5969,7 +6046,7 @@ var HelpAlert = ({ onHelp }) => {
|
|
|
5969
6046
|
FunAlert,
|
|
5970
6047
|
{
|
|
5971
6048
|
icon: /* @__PURE__ */ React61.createElement(FunInfoIcon, null),
|
|
5972
|
-
description: /* @__PURE__ */ React61.createElement(
|
|
6049
|
+
description: /* @__PURE__ */ React61.createElement(React61.Fragment, null, "Experiencing problems?", " ", /* @__PURE__ */ React61.createElement(FunLinkButton, { text: "Get help.", onClick: onHelp, inline: true }))
|
|
5973
6050
|
}
|
|
5974
6051
|
);
|
|
5975
6052
|
};
|
|
@@ -6068,8 +6145,9 @@ var CHECKOUT_STEP_MESSAGE = {
|
|
|
6068
6145
|
[1 /* PREPARING_DATA */]: "Preparing order data...",
|
|
6069
6146
|
[0 /* CONFIRMING */]: "Confirming order",
|
|
6070
6147
|
// Direct execution messages:
|
|
6071
|
-
[2 /*
|
|
6072
|
-
[3 /*
|
|
6148
|
+
[2 /* SWITCH_CHAIN */]: "Confirm network switch",
|
|
6149
|
+
[3 /* WAITING_FOR_SIGNATURE */]: "Waiting for signature",
|
|
6150
|
+
[4 /* WAITING_FOR_CONFIRMATION */]: "Waiting for confirmation"
|
|
6073
6151
|
};
|
|
6074
6152
|
var WEB3_ACCOUNT_BALANCE_MESSAGE = {
|
|
6075
6153
|
[0 /* SIGN_TX */]: "Sign message",
|
|
@@ -6410,10 +6488,19 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
6410
6488
|
logger.log("startDirectExecutionCheckout:beforeLoop", {
|
|
6411
6489
|
totalActionsCount
|
|
6412
6490
|
});
|
|
6491
|
+
const currentChainId = await connector?.getChainId();
|
|
6492
|
+
if (currentChainId !== targetChainId) {
|
|
6493
|
+
stepMessageSetter(
|
|
6494
|
+
CHECKOUT_STEP_MESSAGE[2 /* SWITCH_CHAIN */]
|
|
6495
|
+
);
|
|
6496
|
+
await switchChainAsync({
|
|
6497
|
+
chainId: targetChainId
|
|
6498
|
+
});
|
|
6499
|
+
}
|
|
6413
6500
|
for (const [idx, actionParam] of actionParams.entries()) {
|
|
6414
6501
|
const stepperString = totalActionsCount > 1 ? `(${idx + 1}/${totalActionsCount}) ` : "";
|
|
6415
6502
|
stepMessageSetter(
|
|
6416
|
-
`${stepperString}${CHECKOUT_STEP_MESSAGE[
|
|
6503
|
+
`${stepperString}${CHECKOUT_STEP_MESSAGE[3 /* WAITING_FOR_SIGNATURE */]}`
|
|
6417
6504
|
);
|
|
6418
6505
|
const hash = await writeContractAsync({
|
|
6419
6506
|
chainId: targetChainId,
|
|
@@ -6424,7 +6511,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
6424
6511
|
});
|
|
6425
6512
|
logger.log("startDirectExecutionCheckout:afterWrite", { idx, hash });
|
|
6426
6513
|
stepMessageSetter(
|
|
6427
|
-
`${stepperString}${CHECKOUT_STEP_MESSAGE[
|
|
6514
|
+
`${stepperString}${CHECKOUT_STEP_MESSAGE[4 /* WAITING_FOR_CONFIRMATION */]}`
|
|
6428
6515
|
);
|
|
6429
6516
|
const txReceipt = await waitForTransactionReceipt(wagmiConfig, {
|
|
6430
6517
|
chainId: targetChainId,
|
|
@@ -6438,16 +6525,15 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
6438
6525
|
}
|
|
6439
6526
|
const tokenChainId = checkoutItem.initSettings.config.targetChain;
|
|
6440
6527
|
const tokenAddress = checkoutItem.initSettings.config.targetAsset;
|
|
6441
|
-
const inputCustomRecipient = checkoutItem.initSettings.config.customRecipient;
|
|
6442
6528
|
const tokenAmountBaseUnit = latestQuote.baseQuote.estTotalFromAmountBaseUnit;
|
|
6443
6529
|
const estTotalUsd = latestQuote.baseQuote.estTotalUsd;
|
|
6444
6530
|
await createDirectExecution({
|
|
6445
6531
|
txHash: finalHash,
|
|
6446
6532
|
userId: userInfo.id,
|
|
6447
|
-
recipientAddr: (
|
|
6448
|
-
|
|
6449
|
-
|
|
6450
|
-
),
|
|
6533
|
+
recipientAddr: getCheckoutRecipient({
|
|
6534
|
+
config: checkoutItem.initSettings.config,
|
|
6535
|
+
walletAddress
|
|
6536
|
+
}),
|
|
6451
6537
|
fromChainId: tokenChainId,
|
|
6452
6538
|
fromTokenAddress: tokenAddress,
|
|
6453
6539
|
toChainId: tokenChainId,
|
|
@@ -6465,8 +6551,10 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
6465
6551
|
},
|
|
6466
6552
|
[
|
|
6467
6553
|
activeCheckout,
|
|
6554
|
+
connector,
|
|
6468
6555
|
funkitConfig.apiKey,
|
|
6469
6556
|
refreshCheckoutHistory,
|
|
6557
|
+
switchChainAsync,
|
|
6470
6558
|
userInfo.id,
|
|
6471
6559
|
updateActiveCheckout,
|
|
6472
6560
|
walletAddress,
|
|
@@ -6924,6 +7012,7 @@ var useWalletAssets = ({
|
|
|
6924
7012
|
};
|
|
6925
7013
|
|
|
6926
7014
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryTransaction.tsx
|
|
7015
|
+
import { SOLANA_MAINNET_CHAIN_ID as SOLANA_MAINNET_CHAIN_ID2 } from "@funkit/chains";
|
|
6927
7016
|
import {
|
|
6928
7017
|
formatAddress as formatAddress4,
|
|
6929
7018
|
formatSecondsToReadableForm,
|
|
@@ -6935,7 +7024,7 @@ import React99, { useState as useState22, useRef as useRef7 } from "react";
|
|
|
6935
7024
|
import React63 from "react";
|
|
6936
7025
|
|
|
6937
7026
|
// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
|
|
6938
|
-
var animateSkeletonClass = "dj0x602
|
|
7027
|
+
var animateSkeletonClass = "dj0x602 _1rsrm2flz";
|
|
6939
7028
|
var circleSkeletonClass = "dj0x603";
|
|
6940
7029
|
|
|
6941
7030
|
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
@@ -6961,7 +7050,7 @@ function FunSkeletonBlock({
|
|
|
6961
7050
|
}
|
|
6962
7051
|
|
|
6963
7052
|
// src/components/FunSkeletonLoader/FunSkeletonCircle.tsx
|
|
6964
|
-
import
|
|
7053
|
+
import clsx7 from "clsx";
|
|
6965
7054
|
import React64 from "react";
|
|
6966
7055
|
function FunSkeletonCircle({
|
|
6967
7056
|
size = "20",
|
|
@@ -6971,7 +7060,7 @@ function FunSkeletonCircle({
|
|
|
6971
7060
|
Box,
|
|
6972
7061
|
{
|
|
6973
7062
|
borderRadius: "full",
|
|
6974
|
-
className:
|
|
7063
|
+
className: clsx7(
|
|
6975
7064
|
animateSkeletonClass,
|
|
6976
7065
|
circleSkeletonClass
|
|
6977
7066
|
),
|
|
@@ -6990,7 +7079,7 @@ function FunTxSummaryBox({ children, ...otherProps }) {
|
|
|
6990
7079
|
{
|
|
6991
7080
|
background: "modalBackground",
|
|
6992
7081
|
borderStyle: "solid",
|
|
6993
|
-
borderColor: "
|
|
7082
|
+
borderColor: "lightStroke",
|
|
6994
7083
|
borderWidth: "1",
|
|
6995
7084
|
minWidth: "full",
|
|
6996
7085
|
display: "flex",
|
|
@@ -7046,6 +7135,7 @@ var ASSET_LOGO_SRCS = {
|
|
|
7046
7135
|
BLERF: "https://sdk-cdn.fun.xyz/images/blerf.png",
|
|
7047
7136
|
BRETT: "https://sdk-cdn.fun.xyz/images/brett.svg",
|
|
7048
7137
|
BSHIB: "https://sdk-cdn.fun.xyz/images/bshib.png",
|
|
7138
|
+
CBBTC: "https://sdk-cdn.fun.xyz/images/cbbtc.svg",
|
|
7049
7139
|
CBETH: "https://sdk-cdn.fun.xyz/images/cbeth.png",
|
|
7050
7140
|
CRO: "https://sdk-cdn.fun.xyz/images/cro.svg",
|
|
7051
7141
|
CRV: "https://sdk-cdn.fun.xyz/images/crv.svg",
|
|
@@ -7073,12 +7163,14 @@ var ASSET_LOGO_SRCS = {
|
|
|
7073
7163
|
SHIB: "https://sdk-cdn.fun.xyz/images/shib.svg",
|
|
7074
7164
|
SNX: "https://sdk-cdn.fun.xyz/images/snx.svg",
|
|
7075
7165
|
SOL: "https://sdk-cdn.fun.xyz/images/sol.svg",
|
|
7166
|
+
SUSDS: "https://sdk-cdn.fun.xyz/images/susds.svg",
|
|
7076
7167
|
TYBG: "https://sdk-cdn.fun.xyz/images/tybg.png",
|
|
7077
7168
|
UNI: "https://sdk-cdn.fun.xyz/images/uni.svg",
|
|
7078
7169
|
USDC: "https://sdk-cdn.fun.xyz/images/usdc.svg",
|
|
7079
7170
|
"USDC.E": "https://sdk-cdn.fun.xyz/images/usdc.svg",
|
|
7080
7171
|
USDE: "https://sdk-cdn.fun.xyz/images/usde.png",
|
|
7081
7172
|
USDT: "https://sdk-cdn.fun.xyz/images/usdt.svg",
|
|
7173
|
+
USDS: "https://sdk-cdn.fun.xyz/images/usds.svg",
|
|
7082
7174
|
VRTX: "https://sdk-cdn.fun.xyz/images/vrtx.svg",
|
|
7083
7175
|
WBTC: "https://sdk-cdn.fun.xyz/images/wbtc.svg",
|
|
7084
7176
|
WEETH: "https://sdk-cdn.fun.xyz/images/weeth.png",
|
|
@@ -7342,7 +7434,6 @@ import { formatAddress as formatAddress3 } from "@funkit/utils";
|
|
|
7342
7434
|
import React98 from "react";
|
|
7343
7435
|
|
|
7344
7436
|
// src/hooks/usePaymentMethodIcon.tsx
|
|
7345
|
-
import { formatAddressLastFour as formatAddressLastFour2 } from "@funkit/utils";
|
|
7346
7437
|
import React97 from "react";
|
|
7347
7438
|
import { useAccount as useAccount5 } from "wagmi";
|
|
7348
7439
|
|
|
@@ -7506,7 +7597,7 @@ import React72, {
|
|
|
7506
7597
|
forwardRef as forwardRef2,
|
|
7507
7598
|
useState as useState15
|
|
7508
7599
|
} from "react";
|
|
7509
|
-
import
|
|
7600
|
+
import clsx8 from "clsx";
|
|
7510
7601
|
|
|
7511
7602
|
// src/components/Icons/SearchIcon.tsx
|
|
7512
7603
|
import React71 from "react";
|
|
@@ -7539,9 +7630,9 @@ var SearchIcon = () => {
|
|
|
7539
7630
|
|
|
7540
7631
|
// src/components/FunInput/FunInput.css.ts
|
|
7541
7632
|
var baseWrapperStyles = "zue0i60";
|
|
7542
|
-
var inputClass = "zue0i63
|
|
7543
|
-
var inputClassDisabled = "zue0i65
|
|
7544
|
-
var inputClassError = "zue0i67
|
|
7633
|
+
var inputClass = "zue0i63 _1rsrm2fe4 _1rsrm2fbv _1rsrm2fcm _1rsrm2fdd _1rsrm2f1eh";
|
|
7634
|
+
var inputClassDisabled = "zue0i65 _1rsrm2fe4 _1rsrm2fbv _1rsrm2fcm _1rsrm2fdd _1rsrm2f1fz";
|
|
7635
|
+
var inputClassError = "zue0i67 _1rsrm2fe4 _1rsrm2fbv _1rsrm2fcm _1rsrm2fdd _1rsrm2f1an";
|
|
7545
7636
|
var numberInputResetStyle = "zue0i61";
|
|
7546
7637
|
|
|
7547
7638
|
// src/components/FunInput/FunInput.tsx
|
|
@@ -7652,7 +7743,7 @@ var FunInput = forwardRef2(
|
|
|
7652
7743
|
onFocus,
|
|
7653
7744
|
onBlur,
|
|
7654
7745
|
onWheel: (e) => e.currentTarget.blur(),
|
|
7655
|
-
className:
|
|
7746
|
+
className: clsx8(
|
|
7656
7747
|
error ? inputClassError : inputProps.disabled ? inputClassDisabled : inputClass,
|
|
7657
7748
|
numberInputResetStyle
|
|
7658
7749
|
),
|
|
@@ -7690,24 +7781,64 @@ import React74, { useState as useState16 } from "react";
|
|
|
7690
7781
|
import React73 from "react";
|
|
7691
7782
|
function FunBadge({
|
|
7692
7783
|
children,
|
|
7693
|
-
background,
|
|
7694
|
-
color,
|
|
7695
|
-
|
|
7784
|
+
background = "offBackground",
|
|
7785
|
+
color = "secondaryText",
|
|
7786
|
+
weight = "regular",
|
|
7787
|
+
paddingLeft = "6",
|
|
7788
|
+
paddingRight = "6",
|
|
7696
7789
|
paddingY = "2",
|
|
7697
|
-
|
|
7790
|
+
borderRadius = "4",
|
|
7791
|
+
borderColor,
|
|
7792
|
+
shadow,
|
|
7793
|
+
iconSrc
|
|
7698
7794
|
}) {
|
|
7795
|
+
const borderStyle = borderColor ? { borderStyle: "solid", borderColor, borderWidth: "1" } : {};
|
|
7699
7796
|
return /* @__PURE__ */ React73.createElement(
|
|
7700
7797
|
Box,
|
|
7701
7798
|
{
|
|
7702
|
-
|
|
7703
|
-
|
|
7799
|
+
...borderStyle,
|
|
7800
|
+
background,
|
|
7801
|
+
paddingLeft,
|
|
7802
|
+
paddingRight,
|
|
7704
7803
|
paddingY,
|
|
7705
7804
|
borderRadius,
|
|
7706
|
-
|
|
7805
|
+
display: "flex",
|
|
7806
|
+
gap: "4",
|
|
7807
|
+
justifyContent: "center",
|
|
7808
|
+
alignItems: "center",
|
|
7809
|
+
style: { width: "fit-content", boxShadow: shadow }
|
|
7707
7810
|
},
|
|
7708
|
-
/* @__PURE__ */ React73.createElement(
|
|
7811
|
+
iconSrc && /* @__PURE__ */ React73.createElement(
|
|
7812
|
+
AsyncImage,
|
|
7813
|
+
{
|
|
7814
|
+
alt: "badge icon",
|
|
7815
|
+
borderRadius: "full",
|
|
7816
|
+
height: "12",
|
|
7817
|
+
width: "12",
|
|
7818
|
+
src: iconSrc
|
|
7819
|
+
}
|
|
7820
|
+
),
|
|
7821
|
+
/* @__PURE__ */ React73.createElement(Text, { size: "10", color, weight }, children)
|
|
7709
7822
|
);
|
|
7710
7823
|
}
|
|
7824
|
+
var SolanaBadge = ({ withIcon = true }) => {
|
|
7825
|
+
return /* @__PURE__ */ React73.createElement(
|
|
7826
|
+
FunBadge,
|
|
7827
|
+
{
|
|
7828
|
+
iconSrc: withIcon ? ASSET_LOGO_SRCS.SOL : void 0,
|
|
7829
|
+
background: "badgeBackgroundSolana",
|
|
7830
|
+
borderColor: "badgeBorderSolana",
|
|
7831
|
+
color: "badgeTextSolana",
|
|
7832
|
+
paddingLeft: withIcon ? "2" : "5",
|
|
7833
|
+
paddingRight: "5",
|
|
7834
|
+
paddingY: "0",
|
|
7835
|
+
borderRadius: "30",
|
|
7836
|
+
weight: "semibold",
|
|
7837
|
+
shadow: "0px 1px 1px 0px rgba(0, 0, 0, 0.02)"
|
|
7838
|
+
},
|
|
7839
|
+
"NEW"
|
|
7840
|
+
);
|
|
7841
|
+
};
|
|
7711
7842
|
|
|
7712
7843
|
// src/components/ModalSelection/ModalSelection.tsx
|
|
7713
7844
|
var ModalSelection = ({
|
|
@@ -8432,7 +8563,7 @@ function FunFarcasterConnectingStep({
|
|
|
8432
8563
|
window.open(farcasterUri, "_blank");
|
|
8433
8564
|
},
|
|
8434
8565
|
text: "Open Warpcast",
|
|
8435
|
-
|
|
8566
|
+
size: "14"
|
|
8436
8567
|
}
|
|
8437
8568
|
) : /* @__PURE__ */ React85.createElement(Box, { paddingRight: "8" }, /* @__PURE__ */ React85.createElement(Text, { size: "14" }, "Warpcast Link")), mobile ? null : /* @__PURE__ */ React85.createElement(OldCopyAddressButton, { address: farcasterUri }), /* @__PURE__ */ React85.createElement(FunRedirectButton, { to: farcasterUri, size: "32" })),
|
|
8438
8569
|
/* @__PURE__ */ React85.createElement(
|
|
@@ -9193,7 +9324,15 @@ function FunSignInStep({
|
|
|
9193
9324
|
}
|
|
9194
9325
|
)
|
|
9195
9326
|
}
|
|
9196
|
-
), !!hasAnySocialEnabled && /* @__PURE__ */ React92.createElement(React92.Fragment, null, signInStep === 1 /* SIGNIN_SECONDARY */ && /* @__PURE__ */ React92.createElement(
|
|
9327
|
+
), !!hasAnySocialEnabled && /* @__PURE__ */ React92.createElement(React92.Fragment, null, signInStep === 1 /* SIGNIN_SECONDARY */ && /* @__PURE__ */ React92.createElement(
|
|
9328
|
+
FunDivider,
|
|
9329
|
+
{
|
|
9330
|
+
label: "or",
|
|
9331
|
+
marginTop: "12",
|
|
9332
|
+
marginBottom: "12",
|
|
9333
|
+
borderColor: "selectedOptionBorder"
|
|
9334
|
+
}
|
|
9335
|
+
), /* @__PURE__ */ React92.createElement(
|
|
9197
9336
|
FunSocials,
|
|
9198
9337
|
{
|
|
9199
9338
|
options: enabledSocialItems,
|
|
@@ -9237,7 +9376,7 @@ function FunSignInStep({
|
|
|
9237
9376
|
}
|
|
9238
9377
|
const primaryLoginSection = prioritizedLoginType === "web3" ? Web3LoginSection : Web2LoginSection;
|
|
9239
9378
|
const secondaryLoginSection = prioritizedLoginType === "web3" ? Web2LoginSection : Web3LoginSection;
|
|
9240
|
-
return /* @__PURE__ */ React92.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, signInStep === 0 /* SIGNIN_PRIMARY */ ? /* @__PURE__ */ React92.createElement(Fragment, null, primaryLoginSection, !!primaryLoginSection && !!secondaryLoginSection && /* @__PURE__ */ React92.createElement(FunDivider, { label: "or" }), secondaryLoginSection) : secondaryLoginSection);
|
|
9379
|
+
return /* @__PURE__ */ React92.createElement(Box, { display: "flex", flexDirection: "column", gap: "24" }, signInStep === 0 /* SIGNIN_PRIMARY */ ? /* @__PURE__ */ React92.createElement(Fragment, null, primaryLoginSection, !!primaryLoginSection && !!secondaryLoginSection && /* @__PURE__ */ React92.createElement(FunDivider, { label: "or", borderColor: "selectedOptionBorder" }), secondaryLoginSection) : secondaryLoginSection);
|
|
9241
9380
|
}
|
|
9242
9381
|
|
|
9243
9382
|
// src/components/Icons/BrokerageIcon.tsx
|
|
@@ -9396,8 +9535,8 @@ var usePaymentMethodInfoLabel = (methodInfo, iconSize = 20) => {
|
|
|
9396
9535
|
}
|
|
9397
9536
|
const icon = /* @__PURE__ */ React97.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, paymentIcon);
|
|
9398
9537
|
if (methodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */) {
|
|
9399
|
-
const
|
|
9400
|
-
return { text:
|
|
9538
|
+
const label = getWalletLabel(textCustomizations, methodInfo.description);
|
|
9539
|
+
return { text: label, icon };
|
|
9401
9540
|
}
|
|
9402
9541
|
return { text: methodInfo.title, icon };
|
|
9403
9542
|
};
|
|
@@ -9597,7 +9736,8 @@ var OrderDetailSection = ({
|
|
|
9597
9736
|
stateTimestampMs
|
|
9598
9737
|
} = checkoutHistoryItem;
|
|
9599
9738
|
const expirationTimeMs = expirationTimestampSeconds * 1e3;
|
|
9600
|
-
|
|
9739
|
+
const hideDepositAddress = checkoutHistoryItem.fromChainId === SOLANA_MAINNET_CHAIN_ID2.toString();
|
|
9740
|
+
return /* @__PURE__ */ React99.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, !hideDepositAddress && /* @__PURE__ */ React99.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React99.createElement(Text, { color: "tertiaryText", size: "12" }, "Deposit address"), /* @__PURE__ */ React99.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React99.createElement(Text, { color: "tertiaryText", size: "12" }, formatAddress4(checkoutHistoryItem.depositAddr)), /* @__PURE__ */ React99.createElement(
|
|
9601
9741
|
AddressRedirectButton,
|
|
9602
9742
|
{
|
|
9603
9743
|
chainId: checkoutHistoryItem.fromChainId,
|
|
@@ -9641,8 +9781,8 @@ function useInterval(callback, delay) {
|
|
|
9641
9781
|
}
|
|
9642
9782
|
|
|
9643
9783
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
9644
|
-
var backgroundRing = "_1t0bc111
|
|
9645
|
-
var counterRing = "_1t0bc113
|
|
9784
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f1b5";
|
|
9785
|
+
var counterRing = "_1t0bc113 _1rsrm2f19b";
|
|
9646
9786
|
|
|
9647
9787
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
9648
9788
|
var FunCountdown = ({
|
|
@@ -9817,12 +9957,12 @@ function FunCheckoutStatus({
|
|
|
9817
9957
|
if (checkoutHistoryItem === void 0) {
|
|
9818
9958
|
return /* @__PURE__ */ React101.createElement(Box, { className: GradientLoadingBox }, /* @__PURE__ */ React101.createElement(FunSkeletonCircle, { size: "40" }));
|
|
9819
9959
|
}
|
|
9820
|
-
const { isCompleted, isFailed, isRefundProceeded } = getCheckoutStateBooleans(
|
|
9960
|
+
const { isCompleted, isFailed, isRefundProceeded, isExpired } = getCheckoutStateBooleans(
|
|
9821
9961
|
checkoutHistoryItem.state,
|
|
9822
9962
|
checkoutHistoryItem.refundState
|
|
9823
9963
|
);
|
|
9824
9964
|
if (checkoutHistoryItem.refundState === "REFUNDED") return null;
|
|
9825
|
-
return /* @__PURE__ */ React101.createElement(Box, { display: "flex", justifyContent: "center" }, /* @__PURE__ */ React101.createElement(Box, { className: GradientWrapperClass }, isCompleted || isRefundProceeded ? /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Box, { className: GradientPositionClass }, /* @__PURE__ */ React101.createElement(CompletedGradientSvg, null)), /* @__PURE__ */ React101.createElement(CompletedStatusIcon, null)) : isFailed ? /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Box, { className: GradientPositionClass }, /* @__PURE__ */ React101.createElement(FailedGradientSvg, null)), /* @__PURE__ */ React101.createElement(FailedStatusIcon, null)) : /* @__PURE__ */ React101.createElement(
|
|
9965
|
+
return /* @__PURE__ */ React101.createElement(Box, { display: "flex", justifyContent: "center" }, /* @__PURE__ */ React101.createElement(Box, { className: GradientWrapperClass }, isCompleted || isRefundProceeded ? /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Box, { className: GradientPositionClass }, /* @__PURE__ */ React101.createElement(CompletedGradientSvg, null)), /* @__PURE__ */ React101.createElement(CompletedStatusIcon, null)) : isExpired ? /* @__PURE__ */ React101.createElement(DelayedStatusIcon, null) : isFailed ? /* @__PURE__ */ React101.createElement(React101.Fragment, null, /* @__PURE__ */ React101.createElement(Box, { className: GradientPositionClass }, /* @__PURE__ */ React101.createElement(FailedGradientSvg, null)), /* @__PURE__ */ React101.createElement(FailedStatusIcon, null)) : /* @__PURE__ */ React101.createElement(
|
|
9826
9966
|
PendingStatus,
|
|
9827
9967
|
{
|
|
9828
9968
|
checkoutHistoryItem,
|
|
@@ -10243,7 +10383,7 @@ function FunClickOutside({
|
|
|
10243
10383
|
import React108 from "react";
|
|
10244
10384
|
|
|
10245
10385
|
// src/components/Icons/CaretDownIcon.tsx
|
|
10246
|
-
import
|
|
10386
|
+
import clsx9 from "clsx";
|
|
10247
10387
|
import React107 from "react";
|
|
10248
10388
|
|
|
10249
10389
|
// src/components/Icons/CaretDownIcon.css.ts
|
|
@@ -10283,7 +10423,7 @@ var AnimatedCaretDownIcon = ({
|
|
|
10283
10423
|
display: "flex",
|
|
10284
10424
|
alignItems: "center",
|
|
10285
10425
|
justifyContent: "center",
|
|
10286
|
-
className:
|
|
10426
|
+
className: clsx9(
|
|
10287
10427
|
expanded !== void 0 && (expanded ? caretOpened : caretClosed)
|
|
10288
10428
|
)
|
|
10289
10429
|
},
|
|
@@ -10317,8 +10457,10 @@ function BaseActiveDropdownItem({
|
|
|
10317
10457
|
horizontalIconGap = HORIZONTAL_ICON_GAP,
|
|
10318
10458
|
alwaysVisibleLabel,
|
|
10319
10459
|
tagComponent,
|
|
10460
|
+
tagPosition = "start",
|
|
10320
10461
|
size = "regular",
|
|
10321
10462
|
color = "primaryText",
|
|
10463
|
+
arrowColor = "secondaryText",
|
|
10322
10464
|
background
|
|
10323
10465
|
}) {
|
|
10324
10466
|
return /* @__PURE__ */ React108.createElement(
|
|
@@ -10370,10 +10512,10 @@ function BaseActiveDropdownItem({
|
|
|
10370
10512
|
gap: horizontalIconGap,
|
|
10371
10513
|
...alwaysVisibleLabel ? { style: { flexDirection: "row-reverse" } } : {}
|
|
10372
10514
|
},
|
|
10373
|
-
tagComponent,
|
|
10374
|
-
/* @__PURE__ */ React108.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, iconComponent && /* @__PURE__ */ React108.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, iconComponent), /* @__PURE__ */ React108.createElement(Text, { color, size: "
|
|
10515
|
+
tagPosition === "start" && tagComponent,
|
|
10516
|
+
/* @__PURE__ */ React108.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, iconComponent && /* @__PURE__ */ React108.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, iconComponent), /* @__PURE__ */ React108.createElement(Text, { color, size: "12", weight: "medium" }, label))
|
|
10375
10517
|
),
|
|
10376
|
-
/* @__PURE__ */ React108.createElement(AnimatedCaretDownIcon, { expanded: isOpened, color })
|
|
10518
|
+
/* @__PURE__ */ React108.createElement(Box, { display: "flex", alignItems: "center", gap: "5" }, tagPosition === "end" && tagComponent, /* @__PURE__ */ React108.createElement(AnimatedCaretDownIcon, { expanded: isOpened, color: arrowColor }))
|
|
10377
10519
|
)
|
|
10378
10520
|
)
|
|
10379
10521
|
);
|
|
@@ -10383,11 +10525,17 @@ var BaseActiveDropdownItem_default = BaseActiveDropdownItem;
|
|
|
10383
10525
|
// src/components/Dropdown/BaseDropdown.tsx
|
|
10384
10526
|
var HORIZONTAL_ICON_GAP = "4";
|
|
10385
10527
|
var HORIZONTAL_OUTER_PADDING_X = "12";
|
|
10528
|
+
var activeDropdownItemSize = {
|
|
10529
|
+
compact: "18",
|
|
10530
|
+
regular: "36",
|
|
10531
|
+
large: "40"
|
|
10532
|
+
};
|
|
10386
10533
|
function BaseDropdown({
|
|
10387
10534
|
activeItemProps,
|
|
10388
10535
|
value,
|
|
10389
10536
|
options,
|
|
10390
10537
|
onOptionSelected,
|
|
10538
|
+
onOpen,
|
|
10391
10539
|
renderDropdownOption,
|
|
10392
10540
|
searchableOptions = false,
|
|
10393
10541
|
searchPlaceholder,
|
|
@@ -10396,6 +10544,7 @@ function BaseDropdown({
|
|
|
10396
10544
|
openToTopOnMobile = true,
|
|
10397
10545
|
alwaysOpenToTop = false,
|
|
10398
10546
|
openDropdownFullWidth = true,
|
|
10547
|
+
isLoading = false,
|
|
10399
10548
|
preloadIconUrls,
|
|
10400
10549
|
horizontalIconGap = HORIZONTAL_ICON_GAP,
|
|
10401
10550
|
openDropdownBackgroundColor = "modalBackground",
|
|
@@ -10424,6 +10573,7 @@ function BaseDropdown({
|
|
|
10424
10573
|
}, [resetSearchOnClose]);
|
|
10425
10574
|
const openDrodpown = () => {
|
|
10426
10575
|
setIsOpened(true);
|
|
10576
|
+
onOpen?.();
|
|
10427
10577
|
};
|
|
10428
10578
|
return /* @__PURE__ */ React109.createElement(FunClickOutside, { onClick: isOpened ? closeDropdown : noop3 }, /* @__PURE__ */ React109.createElement(
|
|
10429
10579
|
Box,
|
|
@@ -10431,19 +10581,15 @@ function BaseDropdown({
|
|
|
10431
10581
|
position: "relative",
|
|
10432
10582
|
display: size === "compact" ? "flex" : void 0
|
|
10433
10583
|
},
|
|
10434
|
-
/* @__PURE__ */ React109.createElement(
|
|
10584
|
+
isLoading ? /* @__PURE__ */ React109.createElement(FunSkeletonBlock, { height: activeDropdownItemSize[size] }) : /* @__PURE__ */ React109.createElement(
|
|
10435
10585
|
BaseActiveDropdownItem_default,
|
|
10436
10586
|
{
|
|
10587
|
+
...activeItemProps,
|
|
10437
10588
|
size,
|
|
10438
10589
|
horizontalIconGap,
|
|
10439
10590
|
onClick: isOpened ? closeDropdown : openDrodpown,
|
|
10440
10591
|
isOpened,
|
|
10441
|
-
|
|
10442
|
-
label: activeItemProps?.label ?? selectedOption?.label ?? placeholder ?? "",
|
|
10443
|
-
iconComponent: activeItemProps?.iconComponent,
|
|
10444
|
-
alwaysVisibleLabel: activeItemProps?.alwaysVisibleLabel,
|
|
10445
|
-
tagComponent: activeItemProps?.tagComponent,
|
|
10446
|
-
background: activeItemProps?.background
|
|
10592
|
+
label: activeItemProps?.label ?? selectedOption?.label ?? placeholder ?? ""
|
|
10447
10593
|
}
|
|
10448
10594
|
),
|
|
10449
10595
|
/* @__PURE__ */ React109.createElement(AnimatePresence2, null, isOpened && /* @__PURE__ */ React109.createElement(
|
|
@@ -10551,7 +10697,7 @@ var BaseDropdown_default = BaseDropdown;
|
|
|
10551
10697
|
// src/components/Dropdown/BaseDropdownItem.tsx
|
|
10552
10698
|
import { noop as noop4 } from "@funkit/utils";
|
|
10553
10699
|
import React110 from "react";
|
|
10554
|
-
import
|
|
10700
|
+
import clsx10 from "clsx";
|
|
10555
10701
|
|
|
10556
10702
|
// src/components/Dropdown/BaseDropdownItem.css.ts
|
|
10557
10703
|
var disabledDropdownItemStyles = "_18hhw3k3 _18hhw3k2";
|
|
@@ -10587,7 +10733,7 @@ function BaseDropdownItem({
|
|
|
10587
10733
|
},
|
|
10588
10734
|
paddingY: verticalPadding,
|
|
10589
10735
|
paddingX: horizontalPadding,
|
|
10590
|
-
className:
|
|
10736
|
+
className: clsx10(
|
|
10591
10737
|
isDisabled ? disabledDropdownItemStyles : enabledDropdownItemStyles
|
|
10592
10738
|
),
|
|
10593
10739
|
"aria-disabled": isDisabled
|
|
@@ -10601,7 +10747,7 @@ function BaseDropdownItem({
|
|
|
10601
10747
|
gap: horizontalIconGap
|
|
10602
10748
|
},
|
|
10603
10749
|
iconComponent && /* @__PURE__ */ React110.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center" }, iconComponent),
|
|
10604
|
-
/* @__PURE__ */ React110.createElement(Text, { size: "
|
|
10750
|
+
/* @__PURE__ */ React110.createElement(Text, { size: "12", weight: "medium" }, label)
|
|
10605
10751
|
),
|
|
10606
10752
|
/* @__PURE__ */ React110.createElement(Box, { display: "flex", alignItems: "center", justifyContent: "center", gap: "16" }, tagComponent, /* @__PURE__ */ React110.createElement(
|
|
10607
10753
|
Box,
|
|
@@ -10620,7 +10766,7 @@ var BaseDropdownItem_default = BaseDropdownItem;
|
|
|
10620
10766
|
|
|
10621
10767
|
// src/components/FunNotification/FunNotification.tsx
|
|
10622
10768
|
import React111 from "react";
|
|
10623
|
-
import
|
|
10769
|
+
import clsx11 from "clsx";
|
|
10624
10770
|
|
|
10625
10771
|
// src/components/FunNotification/FunNotification.css.ts
|
|
10626
10772
|
var collapsedStyles = "_18qi87i1";
|
|
@@ -10644,7 +10790,7 @@ function FunNotification({
|
|
|
10644
10790
|
display: "flex",
|
|
10645
10791
|
flexDirection: "row",
|
|
10646
10792
|
alignItems: "center",
|
|
10647
|
-
className:
|
|
10793
|
+
className: clsx11(isVisible ? expandedStyles : collapsedStyles),
|
|
10648
10794
|
marginBottom: isPermanent ? void 0 : isVisible ? "8" : "0",
|
|
10649
10795
|
...containerProps
|
|
10650
10796
|
},
|
|
@@ -11116,7 +11262,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
|
|
|
11116
11262
|
|
|
11117
11263
|
// src/modals/ProfileDetails/FunProfileViews/Home/index.tsx
|
|
11118
11264
|
import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
|
|
11119
|
-
import
|
|
11265
|
+
import clsx14 from "clsx";
|
|
11120
11266
|
import React126, { useEffect as useEffect24, useMemo as useMemo16, useRef as useRef12, useState as useState29 } from "react";
|
|
11121
11267
|
import { Virtuoso } from "react-virtuoso";
|
|
11122
11268
|
import { useAccount as useAccount6 } from "wagmi";
|
|
@@ -11168,16 +11314,16 @@ import {
|
|
|
11168
11314
|
isMobile as isMobile6,
|
|
11169
11315
|
isNotNullish as isNotNullish7
|
|
11170
11316
|
} from "@funkit/utils";
|
|
11171
|
-
import
|
|
11317
|
+
import clsx13 from "clsx";
|
|
11172
11318
|
import React121 from "react";
|
|
11173
11319
|
|
|
11174
11320
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
11175
11321
|
import { isNotNullish as isNotNullish6 } from "@funkit/utils";
|
|
11176
|
-
import
|
|
11322
|
+
import clsx12 from "clsx";
|
|
11177
11323
|
import React119, { useMemo as useMemo15 } from "react";
|
|
11178
11324
|
|
|
11179
11325
|
// src/components/FunAssetAvatar/FunAssetAvatar.css.ts
|
|
11180
|
-
var chainContainerStyle = "uwrdc22
|
|
11326
|
+
var chainContainerStyle = "uwrdc22 _1rsrm2f10 _1rsrm2fa _1rsrm2f4 _1rsrm2f3r";
|
|
11181
11327
|
var containerStyle = "uwrdc20";
|
|
11182
11328
|
|
|
11183
11329
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
@@ -11250,7 +11396,7 @@ function FunAssetAvatar({
|
|
|
11250
11396
|
right: `-${chainIconSize / 2}px`,
|
|
11251
11397
|
backgroundColor: "transparent"
|
|
11252
11398
|
},
|
|
11253
|
-
className:
|
|
11399
|
+
className: clsx12(chainContainerStyle)
|
|
11254
11400
|
},
|
|
11255
11401
|
/* @__PURE__ */ React119.createElement(
|
|
11256
11402
|
AsyncImage,
|
|
@@ -11292,7 +11438,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
|
|
|
11292
11438
|
|
|
11293
11439
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
|
|
11294
11440
|
var baseStyles3 = "ukct4t4";
|
|
11295
|
-
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1
|
|
11441
|
+
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f11n _1rsrm2fyg", defaultBackground: "_1rsrm2fnn _1rsrm2fk1", hoverBackground: "_1rsrm2fji" };
|
|
11296
11442
|
|
|
11297
11443
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
11298
11444
|
var TEXT_SIZE_MEDIUM = "13";
|
|
@@ -11365,7 +11511,7 @@ var HomeCheckoutDisplayRow = ({
|
|
|
11365
11511
|
return /* @__PURE__ */ React121.createElement(
|
|
11366
11512
|
Box,
|
|
11367
11513
|
{
|
|
11368
|
-
className:
|
|
11514
|
+
className: clsx13(
|
|
11369
11515
|
baseStyles3,
|
|
11370
11516
|
homeCheckoutDisplayRowStyle.defaultBorder,
|
|
11371
11517
|
homeCheckoutDisplayRowStyle.defaultBackground,
|
|
@@ -11777,7 +11923,7 @@ function Home({
|
|
|
11777
11923
|
return /* @__PURE__ */ React126.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React126.createElement(
|
|
11778
11924
|
Virtuoso,
|
|
11779
11925
|
{
|
|
11780
|
-
className:
|
|
11926
|
+
className: clsx14(hideScrollBar, scrollContent),
|
|
11781
11927
|
data: assets,
|
|
11782
11928
|
defaultItemHeight: itemHeight + itemMargin,
|
|
11783
11929
|
id: "token-list",
|
|
@@ -11858,7 +12004,7 @@ function Home({
|
|
|
11858
12004
|
return /* @__PURE__ */ React126.createElement(Box, { ref: virtuosoParentRef }, /* @__PURE__ */ React126.createElement(
|
|
11859
12005
|
Virtuoso,
|
|
11860
12006
|
{
|
|
11861
|
-
className:
|
|
12007
|
+
className: clsx14(hideScrollBar, scrollContent),
|
|
11862
12008
|
data: items,
|
|
11863
12009
|
defaultItemHeight: itemHeight + itemMargin,
|
|
11864
12010
|
id: "checkouts-list",
|
|
@@ -12701,8 +12847,8 @@ function useFunkitUserIp() {
|
|
|
12701
12847
|
}
|
|
12702
12848
|
|
|
12703
12849
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
12704
|
-
import
|
|
12705
|
-
import
|
|
12850
|
+
import clsx17 from "clsx";
|
|
12851
|
+
import React143, { useEffect as useEffect27, useMemo as useMemo18, useState as useState33 } from "react";
|
|
12706
12852
|
|
|
12707
12853
|
// src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
|
|
12708
12854
|
import React139 from "react";
|
|
@@ -12790,19 +12936,19 @@ var useRecentCheckouts = ({
|
|
|
12790
12936
|
};
|
|
12791
12937
|
|
|
12792
12938
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotification.tsx
|
|
12793
|
-
import
|
|
12939
|
+
import React142 from "react";
|
|
12794
12940
|
|
|
12795
12941
|
// src/components/FunNotificationBanner/FunNotificationBanner.tsx
|
|
12796
12942
|
import { AnimatePresence as AnimatePresence3, motion as motion5 } from "motion/react";
|
|
12797
12943
|
import React141, { useState as useState32 } from "react";
|
|
12798
|
-
import
|
|
12944
|
+
import clsx16 from "clsx";
|
|
12799
12945
|
|
|
12800
12946
|
// src/components/FunNotificationBanner/FunNotificationBanner.css.ts
|
|
12801
|
-
var notificationBannerStyle = "
|
|
12802
|
-
var showMoreButtonStyle = "_4yitd93
|
|
12947
|
+
var notificationBannerStyle = "_1rsrm2fel _1rsrm2fp _1rsrm2fj5 _1rsrm2f18n";
|
|
12948
|
+
var showMoreButtonStyle = "_4yitd93 _1rsrm2fvn _1rsrm2f14 _1rsrm2f11 _1rsrm2fj5 _1rsrm2fji _1rsrm2ffq";
|
|
12803
12949
|
|
|
12804
12950
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
12805
|
-
import
|
|
12951
|
+
import clsx15 from "clsx";
|
|
12806
12952
|
import { motion as motion4, useAnimate } from "motion/react";
|
|
12807
12953
|
import React140, { useCallback as useCallback24, useEffect as useEffect26, useRef as useRef13 } from "react";
|
|
12808
12954
|
|
|
@@ -12810,7 +12956,7 @@ import React140, { useCallback as useCallback24, useEffect as useEffect26, useRe
|
|
|
12810
12956
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
12811
12957
|
var shadowStyle = "_1i8t3xj0";
|
|
12812
12958
|
var statusIcon = "_1i8t3xj3 _1i8t3xj0";
|
|
12813
|
-
var statusIconWrapper = "_1i8t3xj2
|
|
12959
|
+
var statusIconWrapper = "_1i8t3xj2 _1rsrm2fj5 _1rsrm2f10";
|
|
12814
12960
|
var statusSpinner = "_1i8t3xj4 qe221a3";
|
|
12815
12961
|
|
|
12816
12962
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
@@ -13007,7 +13153,7 @@ var SpinnerBase = ({ variant }) => {
|
|
|
13007
13153
|
return /* @__PURE__ */ React140.createElement(motion4.div, null, /* @__PURE__ */ React140.createElement(
|
|
13008
13154
|
Box,
|
|
13009
13155
|
{
|
|
13010
|
-
className:
|
|
13156
|
+
className: clsx15(
|
|
13011
13157
|
statusSpinner,
|
|
13012
13158
|
generateAnimationPrefixClassName("spinner")
|
|
13013
13159
|
),
|
|
@@ -13283,14 +13429,14 @@ var FunNotificationBannerIcon = ({
|
|
|
13283
13429
|
)), statusRef.current && /* @__PURE__ */ React140.createElement(
|
|
13284
13430
|
Box,
|
|
13285
13431
|
{
|
|
13286
|
-
className:
|
|
13432
|
+
className: clsx15(
|
|
13287
13433
|
statusIconWrapper,
|
|
13288
13434
|
generateAnimationPrefixClassName("icon-wrapper")
|
|
13289
13435
|
),
|
|
13290
13436
|
width: "20",
|
|
13291
13437
|
height: "20"
|
|
13292
13438
|
},
|
|
13293
|
-
/* @__PURE__ */ React140.createElement(Box, { className:
|
|
13439
|
+
/* @__PURE__ */ React140.createElement(Box, { className: clsx15(statusIcon) }, Object.entries(statusIconMap).map(([key, value]) => /* @__PURE__ */ React140.createElement(
|
|
13294
13440
|
"div",
|
|
13295
13441
|
{
|
|
13296
13442
|
key,
|
|
@@ -13377,7 +13523,7 @@ var FunNotificationBanner = ({
|
|
|
13377
13523
|
}
|
|
13378
13524
|
}
|
|
13379
13525
|
},
|
|
13380
|
-
/* @__PURE__ */ React141.createElement(Box, { className:
|
|
13526
|
+
/* @__PURE__ */ React141.createElement(Box, { className: clsx16(notificationBannerStyle) }, /* @__PURE__ */ React141.createElement(
|
|
13381
13527
|
FunIconButton,
|
|
13382
13528
|
{
|
|
13383
13529
|
borderRadius: "full",
|
|
@@ -13481,19 +13627,6 @@ var FunNotificationBanner = ({
|
|
|
13481
13627
|
) : null);
|
|
13482
13628
|
};
|
|
13483
13629
|
|
|
13484
|
-
// src/components/FunNotificationBanner/FunNotificationBannerSummary.tsx
|
|
13485
|
-
import React142 from "react";
|
|
13486
|
-
|
|
13487
|
-
// src/components/FunNotificationBanner/FunNotificationBannerSummary.css.ts
|
|
13488
|
-
var wrapperStyles = "_1rsrm2fcj _1rsrm2fda _1rsrm2fdz _1rsrm2fbq _1rsrm2fj4 _1rsrm2fl _1rsrm2fx4 _1rsrm2f14 _1rsrm2f10 _1rsrm2fa _1rsrm2f1e _1rsrm2f23";
|
|
13489
|
-
|
|
13490
|
-
// src/components/FunNotificationBanner/FunNotificationBannerSummary.tsx
|
|
13491
|
-
var FunNotificationBannerSummary = ({
|
|
13492
|
-
checkout
|
|
13493
|
-
}) => {
|
|
13494
|
-
return /* @__PURE__ */ React142.createElement(Box, { className: wrapperStyles }, /* @__PURE__ */ React142.createElement(OrderDetailSection, { checkoutHistoryItem: checkout }));
|
|
13495
|
-
};
|
|
13496
|
-
|
|
13497
13630
|
// src/hooks/queries/useCheckout.tsx
|
|
13498
13631
|
import {
|
|
13499
13632
|
getCheckoutByDepositAddress as getCheckoutByDepositAddress2
|
|
@@ -13528,7 +13661,7 @@ var CheckoutNotification = ({
|
|
|
13528
13661
|
const { status } = getCheckoutStateBooleans(checkout.state);
|
|
13529
13662
|
const notificationStatus = isDelayed(checkout) ? "delayed" : status;
|
|
13530
13663
|
const normalizedTicker = initSettings.config.targetAssetTicker?.toUpperCase();
|
|
13531
|
-
return /* @__PURE__ */
|
|
13664
|
+
return /* @__PURE__ */ React142.createElement(
|
|
13532
13665
|
FunNotificationBanner,
|
|
13533
13666
|
{
|
|
13534
13667
|
description: parseDescription(checkout),
|
|
@@ -13538,7 +13671,19 @@ var CheckoutNotification = ({
|
|
|
13538
13671
|
status: notificationStatus,
|
|
13539
13672
|
onClosed: () => onClose(id)
|
|
13540
13673
|
},
|
|
13541
|
-
/* @__PURE__ */
|
|
13674
|
+
/* @__PURE__ */ React142.createElement(
|
|
13675
|
+
Box,
|
|
13676
|
+
{
|
|
13677
|
+
paddingY: "8",
|
|
13678
|
+
paddingX: "10",
|
|
13679
|
+
background: "modalBackground",
|
|
13680
|
+
borderRadius: "8",
|
|
13681
|
+
borderColor: "mediumStroke",
|
|
13682
|
+
borderWidth: "1",
|
|
13683
|
+
borderStyle: "solid"
|
|
13684
|
+
},
|
|
13685
|
+
/* @__PURE__ */ React142.createElement(OrderDetailSection, { checkoutHistoryItem: checkout })
|
|
13686
|
+
)
|
|
13542
13687
|
);
|
|
13543
13688
|
};
|
|
13544
13689
|
var notificationTitleMap = {
|
|
@@ -13574,22 +13719,22 @@ var parseDescription = (checkout) => {
|
|
|
13574
13719
|
};
|
|
13575
13720
|
var parseDisclaimer = (checkout, onHelp) => {
|
|
13576
13721
|
const { isError } = getCheckoutStateBooleans(checkout.state);
|
|
13577
|
-
const contactLink = /* @__PURE__ */
|
|
13722
|
+
const contactLink = /* @__PURE__ */ React142.createElement(
|
|
13578
13723
|
FunLinkButton,
|
|
13579
13724
|
{
|
|
13580
13725
|
text: "Contact us",
|
|
13581
13726
|
onClick: onHelp,
|
|
13582
13727
|
inline: true,
|
|
13583
|
-
|
|
13584
|
-
|
|
13728
|
+
size: "12",
|
|
13729
|
+
weight: "regular"
|
|
13585
13730
|
}
|
|
13586
13731
|
);
|
|
13587
13732
|
if (isError) {
|
|
13588
|
-
return /* @__PURE__ */
|
|
13733
|
+
return /* @__PURE__ */ React142.createElement(React142.Fragment, null, "Your deposit is being processed. ", contactLink, " for more info.");
|
|
13589
13734
|
}
|
|
13590
13735
|
if (checkout.refundState === "REFUNDED") return "Your order was refunded.";
|
|
13591
13736
|
if (checkout.refundState === "PROCEEDED" || isDelayed(checkout)) {
|
|
13592
|
-
return /* @__PURE__ */
|
|
13737
|
+
return /* @__PURE__ */ React142.createElement(React142.Fragment, null, "Transaction was delayed but your funds are safe. ", contactLink, " for more info.");
|
|
13593
13738
|
}
|
|
13594
13739
|
};
|
|
13595
13740
|
|
|
@@ -13619,15 +13764,15 @@ var CheckoutNotifications = ({
|
|
|
13619
13764
|
const displayedNotifications = isExpanded ? displayedCheckouts : displayedCheckouts.slice(0, COLLAPSED_COUNT);
|
|
13620
13765
|
const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
|
|
13621
13766
|
if (!isVisible) return null;
|
|
13622
|
-
return /* @__PURE__ */
|
|
13767
|
+
return /* @__PURE__ */ React143.createElement(
|
|
13623
13768
|
Box,
|
|
13624
13769
|
{
|
|
13625
13770
|
position: "absolute",
|
|
13626
|
-
className:
|
|
13771
|
+
className: clsx17(hideScrollBar, scrollContent),
|
|
13627
13772
|
maxHeight: "full",
|
|
13628
13773
|
style: { bottom: 0, left: 0, right: 0, zIndex: OVERLAY_Z_INDEX }
|
|
13629
13774
|
},
|
|
13630
|
-
/* @__PURE__ */
|
|
13775
|
+
/* @__PURE__ */ React143.createElement(Box, { display: "flex", flexDirection: "column", gap: "8", padding: "8" }, displayedNotifications.map((checkout) => /* @__PURE__ */ React143.createElement(
|
|
13631
13776
|
CheckoutNotification,
|
|
13632
13777
|
{
|
|
13633
13778
|
key: checkout.clientMetadata.id,
|
|
@@ -13635,7 +13780,7 @@ var CheckoutNotifications = ({
|
|
|
13635
13780
|
onClose: handleNotificationClose,
|
|
13636
13781
|
onHelp
|
|
13637
13782
|
}
|
|
13638
|
-
)), displayedCheckouts.length > COLLAPSED_COUNT && /* @__PURE__ */
|
|
13783
|
+
)), displayedCheckouts.length > COLLAPSED_COUNT && /* @__PURE__ */ React143.createElement(
|
|
13639
13784
|
FunNotificationShowMoreButton,
|
|
13640
13785
|
{
|
|
13641
13786
|
isExpanded,
|
|
@@ -13666,7 +13811,7 @@ import { useMemo as useMemo19 } from "react";
|
|
|
13666
13811
|
|
|
13667
13812
|
// src/providers/FunkitQuoteContext.tsx
|
|
13668
13813
|
import { FlagKey as FlagKey9, isNotNullish as isNotNullish8 } from "@funkit/utils";
|
|
13669
|
-
import
|
|
13814
|
+
import React144, {
|
|
13670
13815
|
createContext as createContext15,
|
|
13671
13816
|
useCallback as useCallback25,
|
|
13672
13817
|
useContext as useContext15,
|
|
@@ -13958,7 +14103,6 @@ async function getCheckoutBaseQuote(checkoutItem, userId, walletAddress, apiKey,
|
|
|
13958
14103
|
getTokenDecimals(wagmiConfig, fromChainId, fromTokenAddress)
|
|
13959
14104
|
]);
|
|
13960
14105
|
const toTokenAmount = checkoutItem.initSettings.config.targetAssetAmount ?? 0;
|
|
13961
|
-
const inputCustomRecipient = checkoutItem.initSettings.config.customRecipient;
|
|
13962
14106
|
const isDirectExecution = isDirectExecutionFlow({ checkoutItem, apiKey });
|
|
13963
14107
|
const baseQuote = isDirectExecution ? await getDirectExecutionBaseQuote({
|
|
13964
14108
|
toChainId,
|
|
@@ -13976,13 +14120,15 @@ async function getCheckoutBaseQuote(checkoutItem, userId, walletAddress, apiKey,
|
|
|
13976
14120
|
toTokenAddress,
|
|
13977
14121
|
toTokenAmount,
|
|
13978
14122
|
toTokenDecimals,
|
|
13979
|
-
recipientAddr: (
|
|
13980
|
-
|
|
13981
|
-
|
|
13982
|
-
),
|
|
14123
|
+
recipientAddr: getCheckoutRecipient({
|
|
14124
|
+
config: checkoutItem.initSettings.config,
|
|
14125
|
+
walletAddress
|
|
14126
|
+
}),
|
|
13983
14127
|
// Ensure we are sending in a number
|
|
13984
14128
|
expirationTimestampMs: Number.parseInt(
|
|
13985
|
-
|
|
14129
|
+
String(
|
|
14130
|
+
checkoutItem.initSettings.config.expirationTimestampMs || 15 * 60 * 1e3
|
|
14131
|
+
)
|
|
13986
14132
|
),
|
|
13987
14133
|
sponsorInitialTransferGasLimit: sponsorInitialTransferGasLimit.toString(),
|
|
13988
14134
|
apiKey,
|
|
@@ -14281,7 +14427,7 @@ function FunkitQuoteProvider({ children }) {
|
|
|
14281
14427
|
setCheckoutQuote: setLatestQuote,
|
|
14282
14428
|
setQuoteProgress
|
|
14283
14429
|
};
|
|
14284
|
-
return /* @__PURE__ */
|
|
14430
|
+
return /* @__PURE__ */ React144.createElement(FunkitQuoteContext.Provider, { value: contextValue }, children);
|
|
14285
14431
|
}
|
|
14286
14432
|
function useQuoteContext() {
|
|
14287
14433
|
return useContext15(FunkitQuoteContext);
|
|
@@ -14316,7 +14462,7 @@ function useCheckoutQuoteNotification() {
|
|
|
14316
14462
|
}
|
|
14317
14463
|
|
|
14318
14464
|
// src/modals/CheckoutModal/CheckoutComplete/CheckoutComplete.tsx
|
|
14319
|
-
import
|
|
14465
|
+
import React145 from "react";
|
|
14320
14466
|
import { noop as noop5 } from "@funkit/utils";
|
|
14321
14467
|
|
|
14322
14468
|
// src/modals/CheckoutModal/CheckoutComplete/useLogCheckoutCompletion.ts
|
|
@@ -14373,7 +14519,7 @@ function CheckoutComplete({
|
|
|
14373
14519
|
setCompletedTimestamp(Date.now());
|
|
14374
14520
|
logCheckoutCompletion(depositAddress);
|
|
14375
14521
|
}, []);
|
|
14376
|
-
return /* @__PURE__ */
|
|
14522
|
+
return /* @__PURE__ */ React145.createElement(
|
|
14377
14523
|
FunCheckoutHistoryContent,
|
|
14378
14524
|
{
|
|
14379
14525
|
depositAddress,
|
|
@@ -14389,7 +14535,7 @@ function CheckoutComplete({
|
|
|
14389
14535
|
|
|
14390
14536
|
// src/modals/CheckoutModal/CheckoutHelp/CheckoutHelp.tsx
|
|
14391
14537
|
import { noop as noop6 } from "@funkit/utils";
|
|
14392
|
-
import
|
|
14538
|
+
import React146 from "react";
|
|
14393
14539
|
var CheckoutHelpInfo = {
|
|
14394
14540
|
Component: CheckoutHelp,
|
|
14395
14541
|
onNext: () => {
|
|
@@ -14403,7 +14549,7 @@ function CheckoutHelp({
|
|
|
14403
14549
|
onBack
|
|
14404
14550
|
}) {
|
|
14405
14551
|
const { depositAddress } = modalState;
|
|
14406
|
-
return /* @__PURE__ */
|
|
14552
|
+
return /* @__PURE__ */ React146.createElement(
|
|
14407
14553
|
FunCheckoutHistoryContent,
|
|
14408
14554
|
{
|
|
14409
14555
|
depositAddress,
|
|
@@ -14421,7 +14567,7 @@ import React163, { useEffect as useEffect34, useMemo as useMemo26, useState as u
|
|
|
14421
14567
|
import { createPortal as createPortal5 } from "react-dom";
|
|
14422
14568
|
|
|
14423
14569
|
// src/providers/UserPresenceContext.tsx
|
|
14424
|
-
import
|
|
14570
|
+
import React147, { useEffect as useEffect29 } from "react";
|
|
14425
14571
|
import {
|
|
14426
14572
|
createContext as createContext16,
|
|
14427
14573
|
useContext as useContext16,
|
|
@@ -14449,7 +14595,7 @@ var UserPresenceProvider = ({ children }) => {
|
|
|
14449
14595
|
clearTimeout(timeoutId);
|
|
14450
14596
|
};
|
|
14451
14597
|
}, []);
|
|
14452
|
-
return /* @__PURE__ */
|
|
14598
|
+
return /* @__PURE__ */ React147.createElement(UserPresenceContext.Provider, { value: { isAway } }, children);
|
|
14453
14599
|
};
|
|
14454
14600
|
var useUserPresence = () => useContext16(UserPresenceContext);
|
|
14455
14601
|
|
|
@@ -14457,22 +14603,22 @@ var useUserPresence = () => useContext16(UserPresenceContext);
|
|
|
14457
14603
|
import { FlagKey as FlagKey14 } from "@funkit/utils";
|
|
14458
14604
|
|
|
14459
14605
|
// src/components/FunInfoBanner/FunInfoBanner.tsx
|
|
14460
|
-
import
|
|
14606
|
+
import React150 from "react";
|
|
14461
14607
|
import { FlagKey as FlagKey10, safeParseJson as safeParseJson2 } from "@funkit/utils";
|
|
14462
14608
|
|
|
14463
14609
|
// src/components/FunInfoBanner/EphemeralInfoBanner.tsx
|
|
14464
|
-
import
|
|
14610
|
+
import React149, { useState as useState36 } from "react";
|
|
14465
14611
|
|
|
14466
14612
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
14467
|
-
import
|
|
14613
|
+
import React148 from "react";
|
|
14468
14614
|
|
|
14469
14615
|
// src/components/FunInfoBanner/InfoBanner.css.ts
|
|
14470
14616
|
var anchorStyle = "vyedix0";
|
|
14471
|
-
var iconWrapperStyle = "vyedix2
|
|
14617
|
+
var iconWrapperStyle = "vyedix2 _1rsrm2ff2 _1rsrm2f2z";
|
|
14472
14618
|
|
|
14473
14619
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
14474
14620
|
var InfoBanner = ({ message, type }) => {
|
|
14475
|
-
return /* @__PURE__ */
|
|
14621
|
+
return /* @__PURE__ */ React148.createElement(
|
|
14476
14622
|
Box,
|
|
14477
14623
|
{
|
|
14478
14624
|
padding: "8",
|
|
@@ -14483,8 +14629,8 @@ var InfoBanner = ({ message, type }) => {
|
|
|
14483
14629
|
borderRadius: "connectButton",
|
|
14484
14630
|
width: "full"
|
|
14485
14631
|
},
|
|
14486
|
-
/* @__PURE__ */
|
|
14487
|
-
/* @__PURE__ */
|
|
14632
|
+
/* @__PURE__ */ React148.createElement(Box, { className: iconWrapperStyle }, /* @__PURE__ */ React148.createElement(InfoBannerIcon, { type })),
|
|
14633
|
+
/* @__PURE__ */ React148.createElement(
|
|
14488
14634
|
Box,
|
|
14489
14635
|
{
|
|
14490
14636
|
className: anchorStyle,
|
|
@@ -14501,18 +14647,18 @@ var InfoBannerIcon = ({
|
|
|
14501
14647
|
}) => {
|
|
14502
14648
|
switch (bannerType) {
|
|
14503
14649
|
case "warning":
|
|
14504
|
-
return /* @__PURE__ */
|
|
14650
|
+
return /* @__PURE__ */ React148.createElement(WarningIcon, null);
|
|
14505
14651
|
case "alert":
|
|
14506
|
-
return /* @__PURE__ */
|
|
14652
|
+
return /* @__PURE__ */ React148.createElement(AlertIcon, null);
|
|
14507
14653
|
case "announcement":
|
|
14508
|
-
return /* @__PURE__ */
|
|
14654
|
+
return /* @__PURE__ */ React148.createElement(AnnouncementIcon, null);
|
|
14509
14655
|
default: {
|
|
14510
14656
|
bannerType;
|
|
14511
|
-
return /* @__PURE__ */
|
|
14657
|
+
return /* @__PURE__ */ React148.createElement(AnnouncementIcon, null);
|
|
14512
14658
|
}
|
|
14513
14659
|
}
|
|
14514
14660
|
};
|
|
14515
|
-
var WarningIcon = () => /* @__PURE__ */
|
|
14661
|
+
var WarningIcon = () => /* @__PURE__ */ React148.createElement(
|
|
14516
14662
|
"svg",
|
|
14517
14663
|
{
|
|
14518
14664
|
width: "20",
|
|
@@ -14521,8 +14667,8 @@ var WarningIcon = () => /* @__PURE__ */ React149.createElement(
|
|
|
14521
14667
|
fill: "none",
|
|
14522
14668
|
xmlns: "http://www.w3.org/2000/svg"
|
|
14523
14669
|
},
|
|
14524
|
-
/* @__PURE__ */
|
|
14525
|
-
/* @__PURE__ */
|
|
14670
|
+
/* @__PURE__ */ React148.createElement("rect", { width: "20", height: "20", rx: "10", fill: "#F34126", fillOpacity: "0.15" }),
|
|
14671
|
+
/* @__PURE__ */ React148.createElement("g", { clipPath: "url(#clip0_22106_35060)" }, /* @__PURE__ */ React148.createElement(
|
|
14526
14672
|
"path",
|
|
14527
14673
|
{
|
|
14528
14674
|
fillRule: "evenodd",
|
|
@@ -14531,7 +14677,7 @@ var WarningIcon = () => /* @__PURE__ */ React149.createElement(
|
|
|
14531
14677
|
fill: "url(#paint0_linear_22106_35060)"
|
|
14532
14678
|
}
|
|
14533
14679
|
)),
|
|
14534
|
-
/* @__PURE__ */
|
|
14680
|
+
/* @__PURE__ */ React148.createElement("defs", null, /* @__PURE__ */ React148.createElement(
|
|
14535
14681
|
"linearGradient",
|
|
14536
14682
|
{
|
|
14537
14683
|
id: "paint0_linear_22106_35060",
|
|
@@ -14541,11 +14687,11 @@ var WarningIcon = () => /* @__PURE__ */ React149.createElement(
|
|
|
14541
14687
|
y2: "16",
|
|
14542
14688
|
gradientUnits: "userSpaceOnUse"
|
|
14543
14689
|
},
|
|
14544
|
-
/* @__PURE__ */
|
|
14545
|
-
/* @__PURE__ */
|
|
14546
|
-
), /* @__PURE__ */
|
|
14690
|
+
/* @__PURE__ */ React148.createElement("stop", { stopColor: "#F34126" }),
|
|
14691
|
+
/* @__PURE__ */ React148.createElement("stop", { offset: "1", stopColor: "#FF6F59" })
|
|
14692
|
+
), /* @__PURE__ */ React148.createElement("clipPath", { id: "clip0_22106_35060" }, /* @__PURE__ */ React148.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(4 4)" })))
|
|
14547
14693
|
);
|
|
14548
|
-
var AlertIcon = () => /* @__PURE__ */
|
|
14694
|
+
var AlertIcon = () => /* @__PURE__ */ React148.createElement(
|
|
14549
14695
|
"svg",
|
|
14550
14696
|
{
|
|
14551
14697
|
width: "20",
|
|
@@ -14554,8 +14700,8 @@ var AlertIcon = () => /* @__PURE__ */ React149.createElement(
|
|
|
14554
14700
|
fill: "none",
|
|
14555
14701
|
xmlns: "http://www.w3.org/2000/svg"
|
|
14556
14702
|
},
|
|
14557
|
-
/* @__PURE__ */
|
|
14558
|
-
/* @__PURE__ */
|
|
14703
|
+
/* @__PURE__ */ React148.createElement("rect", { width: "20", height: "20", rx: "10", fill: "#F6851B", fillOpacity: "0.2" }),
|
|
14704
|
+
/* @__PURE__ */ React148.createElement("g", { clipPath: "url(#clip0_22106_35066)" }, /* @__PURE__ */ React148.createElement(
|
|
14559
14705
|
"path",
|
|
14560
14706
|
{
|
|
14561
14707
|
fillRule: "evenodd",
|
|
@@ -14564,7 +14710,7 @@ var AlertIcon = () => /* @__PURE__ */ React149.createElement(
|
|
|
14564
14710
|
fill: "url(#paint0_linear_22106_35066)"
|
|
14565
14711
|
}
|
|
14566
14712
|
)),
|
|
14567
|
-
/* @__PURE__ */
|
|
14713
|
+
/* @__PURE__ */ React148.createElement("defs", null, /* @__PURE__ */ React148.createElement(
|
|
14568
14714
|
"linearGradient",
|
|
14569
14715
|
{
|
|
14570
14716
|
id: "paint0_linear_22106_35066",
|
|
@@ -14574,13 +14720,13 @@ var AlertIcon = () => /* @__PURE__ */ React149.createElement(
|
|
|
14574
14720
|
y2: "4",
|
|
14575
14721
|
gradientUnits: "userSpaceOnUse"
|
|
14576
14722
|
},
|
|
14577
|
-
/* @__PURE__ */
|
|
14578
|
-
/* @__PURE__ */
|
|
14579
|
-
), /* @__PURE__ */
|
|
14723
|
+
/* @__PURE__ */ React148.createElement("stop", { stopColor: "#FF993A" }),
|
|
14724
|
+
/* @__PURE__ */ React148.createElement("stop", { offset: "1", stopColor: "#FF7B00" })
|
|
14725
|
+
), /* @__PURE__ */ React148.createElement("clipPath", { id: "clip0_22106_35066" }, /* @__PURE__ */ React148.createElement("rect", { width: "12", height: "12", fill: "white", transform: "translate(4 4)" })))
|
|
14580
14726
|
);
|
|
14581
14727
|
var AnnouncementIcon = () => {
|
|
14582
14728
|
const { activeTheme } = useActiveTheme();
|
|
14583
|
-
return /* @__PURE__ */
|
|
14729
|
+
return /* @__PURE__ */ React148.createElement(
|
|
14584
14730
|
"svg",
|
|
14585
14731
|
{
|
|
14586
14732
|
width: "20",
|
|
@@ -14589,7 +14735,7 @@ var AnnouncementIcon = () => {
|
|
|
14589
14735
|
fill: "none",
|
|
14590
14736
|
xmlns: "http://www.w3.org/2000/svg"
|
|
14591
14737
|
},
|
|
14592
|
-
/* @__PURE__ */
|
|
14738
|
+
/* @__PURE__ */ React148.createElement(
|
|
14593
14739
|
"rect",
|
|
14594
14740
|
{
|
|
14595
14741
|
width: "20",
|
|
@@ -14598,7 +14744,7 @@ var AnnouncementIcon = () => {
|
|
|
14598
14744
|
fill: activeTheme.colors.heavyStroke
|
|
14599
14745
|
}
|
|
14600
14746
|
),
|
|
14601
|
-
/* @__PURE__ */
|
|
14747
|
+
/* @__PURE__ */ React148.createElement(
|
|
14602
14748
|
"path",
|
|
14603
14749
|
{
|
|
14604
14750
|
fillRule: "evenodd",
|
|
@@ -14607,7 +14753,7 @@ var AnnouncementIcon = () => {
|
|
|
14607
14753
|
fill: "url(#paint0_linear_22106_35077)"
|
|
14608
14754
|
}
|
|
14609
14755
|
),
|
|
14610
|
-
/* @__PURE__ */
|
|
14756
|
+
/* @__PURE__ */ React148.createElement(
|
|
14611
14757
|
"path",
|
|
14612
14758
|
{
|
|
14613
14759
|
fillRule: "evenodd",
|
|
@@ -14616,7 +14762,7 @@ var AnnouncementIcon = () => {
|
|
|
14616
14762
|
fill: "url(#paint1_linear_22106_35077)"
|
|
14617
14763
|
}
|
|
14618
14764
|
),
|
|
14619
|
-
/* @__PURE__ */
|
|
14765
|
+
/* @__PURE__ */ React148.createElement("defs", null, /* @__PURE__ */ React148.createElement(
|
|
14620
14766
|
"linearGradient",
|
|
14621
14767
|
{
|
|
14622
14768
|
id: "paint0_linear_22106_35077",
|
|
@@ -14626,9 +14772,9 @@ var AnnouncementIcon = () => {
|
|
|
14626
14772
|
y2: "17",
|
|
14627
14773
|
gradientUnits: "userSpaceOnUse"
|
|
14628
14774
|
},
|
|
14629
|
-
/* @__PURE__ */
|
|
14630
|
-
/* @__PURE__ */
|
|
14631
|
-
), /* @__PURE__ */
|
|
14775
|
+
/* @__PURE__ */ React148.createElement("stop", { stopColor: activeTheme.colors.announceGradientFrom }),
|
|
14776
|
+
/* @__PURE__ */ React148.createElement("stop", { offset: "1", stopColor: activeTheme.colors.announceGradientTo })
|
|
14777
|
+
), /* @__PURE__ */ React148.createElement(
|
|
14632
14778
|
"linearGradient",
|
|
14633
14779
|
{
|
|
14634
14780
|
id: "paint1_linear_22106_35077",
|
|
@@ -14638,8 +14784,8 @@ var AnnouncementIcon = () => {
|
|
|
14638
14784
|
y2: "17",
|
|
14639
14785
|
gradientUnits: "userSpaceOnUse"
|
|
14640
14786
|
},
|
|
14641
|
-
/* @__PURE__ */
|
|
14642
|
-
/* @__PURE__ */
|
|
14787
|
+
/* @__PURE__ */ React148.createElement("stop", { stopColor: activeTheme.colors.announceGradientFrom }),
|
|
14788
|
+
/* @__PURE__ */ React148.createElement("stop", { offset: "1", stopColor: activeTheme.colors.announceGradientTo })
|
|
14643
14789
|
))
|
|
14644
14790
|
);
|
|
14645
14791
|
};
|
|
@@ -14653,7 +14799,7 @@ var EphemeralInfoBanner = ({
|
|
|
14653
14799
|
const [isHidden, setIsHidden] = useState36(Date.now() > expireAtMs);
|
|
14654
14800
|
useInterval(() => setIsHidden(Date.now() > expireAtMs), CHECKING_INTERVAL);
|
|
14655
14801
|
if (isHidden) return null;
|
|
14656
|
-
return /* @__PURE__ */
|
|
14802
|
+
return /* @__PURE__ */ React149.createElement(InfoBanner, { ...props });
|
|
14657
14803
|
};
|
|
14658
14804
|
|
|
14659
14805
|
// src/components/FunInfoBanner/FunInfoBanner.tsx
|
|
@@ -14664,16 +14810,16 @@ var FunInfoBanner = () => {
|
|
|
14664
14810
|
const { expireAtMs, ...bannerProps } = bannerData;
|
|
14665
14811
|
if (expireAtMs) {
|
|
14666
14812
|
if (Date.now() > expireAtMs) return null;
|
|
14667
|
-
return /* @__PURE__ */
|
|
14813
|
+
return /* @__PURE__ */ React150.createElement(EphemeralInfoBanner, { ...bannerProps, expireAtMs });
|
|
14668
14814
|
}
|
|
14669
|
-
return /* @__PURE__ */
|
|
14815
|
+
return /* @__PURE__ */ React150.createElement(InfoBanner, { ...bannerProps });
|
|
14670
14816
|
};
|
|
14671
14817
|
|
|
14672
14818
|
// src/components/FunTransactionSummary/PaymentAmountSummary.tsx
|
|
14673
14819
|
import { formatCurrencyAndStringify as formatCurrencyAndStringify5 } from "@funkit/utils";
|
|
14674
14820
|
import NumberFlow from "@number-flow/react";
|
|
14675
14821
|
import { motion as motion6 } from "motion/react";
|
|
14676
|
-
import
|
|
14822
|
+
import React151, { useMemo as useMemo20 } from "react";
|
|
14677
14823
|
|
|
14678
14824
|
// src/consts/design.ts
|
|
14679
14825
|
var mapFontLineHeightToNumberFlowHeight = {
|
|
@@ -14720,14 +14866,14 @@ function PaymentAmountSummary({
|
|
|
14720
14866
|
}
|
|
14721
14867
|
return !areSameChains || sourceTokenAddress.toLowerCase() !== targetTokenAddress.toLowerCase();
|
|
14722
14868
|
};
|
|
14723
|
-
return /* @__PURE__ */
|
|
14869
|
+
return /* @__PURE__ */ React151.createElement(FunTxSummaryBox, null, showYouWillPaySummary() && /* @__PURE__ */ React151.createElement(React151.Fragment, null, /* @__PURE__ */ React151.createElement(
|
|
14724
14870
|
PaymentAmountSummaryItem,
|
|
14725
14871
|
{
|
|
14726
14872
|
label: textCustomizations.payAmountLabel,
|
|
14727
14873
|
paymentTokenAmount: sourceTokenAmount,
|
|
14728
14874
|
valueSymbol: sourceSymbol,
|
|
14729
14875
|
paymentUsdAmount: uiCustomizations?.showPaymentAmountUsd ? paymentTokenUsdAmount : void 0,
|
|
14730
|
-
icon: /* @__PURE__ */
|
|
14876
|
+
icon: /* @__PURE__ */ React151.createElement(
|
|
14731
14877
|
FunAssetAvatar,
|
|
14732
14878
|
{
|
|
14733
14879
|
largeChainIcon: true,
|
|
@@ -14740,13 +14886,13 @@ function PaymentAmountSummary({
|
|
|
14740
14886
|
),
|
|
14741
14887
|
isLoading
|
|
14742
14888
|
}
|
|
14743
|
-
), /* @__PURE__ */
|
|
14889
|
+
), /* @__PURE__ */ React151.createElement(FunDivider, { marginTop: "12", marginBottom: "12" })), /* @__PURE__ */ React151.createElement(
|
|
14744
14890
|
PaymentAmountSummaryItem,
|
|
14745
14891
|
{
|
|
14746
14892
|
label: textCustomizations.receiveAmountLabel,
|
|
14747
14893
|
paymentTokenAmount: targetTokenAmount,
|
|
14748
14894
|
valueSymbol: targetItemName,
|
|
14749
|
-
icon: /* @__PURE__ */
|
|
14895
|
+
icon: /* @__PURE__ */ React151.createElement(
|
|
14750
14896
|
FunAssetAvatar,
|
|
14751
14897
|
{
|
|
14752
14898
|
largeChainIcon: true,
|
|
@@ -14770,7 +14916,7 @@ function PaymentAmountSummaryItem({
|
|
|
14770
14916
|
valueSymbol
|
|
14771
14917
|
}) {
|
|
14772
14918
|
const { activeTheme } = useActiveTheme();
|
|
14773
|
-
return /* @__PURE__ */
|
|
14919
|
+
return /* @__PURE__ */ React151.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React151.createElement(FunTxSummaryLineItemKeyText, { text: label }), isLoading ? /* @__PURE__ */ React151.createElement(
|
|
14774
14920
|
Box,
|
|
14775
14921
|
{
|
|
14776
14922
|
alignItems: "center",
|
|
@@ -14781,9 +14927,9 @@ function PaymentAmountSummaryItem({
|
|
|
14781
14927
|
height: mapFontLineHeightToNumberFlowHeight[activeTheme.fontSize["12"].lineHeight] ?? activeTheme.fontSize["12"].lineHeight
|
|
14782
14928
|
}
|
|
14783
14929
|
},
|
|
14784
|
-
/* @__PURE__ */
|
|
14785
|
-
/* @__PURE__ */
|
|
14786
|
-
) : /* @__PURE__ */
|
|
14930
|
+
/* @__PURE__ */ React151.createElement(FunSkeletonCircle, { size: "15" }),
|
|
14931
|
+
/* @__PURE__ */ React151.createElement(FunSkeletonBlock, { height: "10", width: "93" })
|
|
14932
|
+
) : /* @__PURE__ */ React151.createElement(Box, { display: "flex", justifyContent: "flex-end", flexDirection: "column" }, paymentTokenAmount === void 0 || Number.isNaN(paymentTokenAmount) ? "-" : /* @__PURE__ */ React151.createElement(Box, { display: "flex", alignItems: "center", gap: "5" }, /* @__PURE__ */ React151.createElement(motion6.div, { layout: true }, /* @__PURE__ */ React151.createElement(Box, { display: "flex", alignItems: "center", gap: "5" }, icon, /* @__PURE__ */ React151.createElement(
|
|
14787
14933
|
Box,
|
|
14788
14934
|
{
|
|
14789
14935
|
fontWeight: "medium",
|
|
@@ -14792,7 +14938,7 @@ function PaymentAmountSummaryItem({
|
|
|
14792
14938
|
style: { textAlign: "end" },
|
|
14793
14939
|
color: "primaryText"
|
|
14794
14940
|
},
|
|
14795
|
-
/* @__PURE__ */
|
|
14941
|
+
/* @__PURE__ */ React151.createElement(
|
|
14796
14942
|
NumberFlow,
|
|
14797
14943
|
{
|
|
14798
14944
|
format: {
|
|
@@ -14802,7 +14948,7 @@ function PaymentAmountSummaryItem({
|
|
|
14802
14948
|
value: paymentTokenAmount
|
|
14803
14949
|
}
|
|
14804
14950
|
)
|
|
14805
|
-
))), /* @__PURE__ */
|
|
14951
|
+
))), /* @__PURE__ */ React151.createElement(Text, { size: "12", weight: "medium" }, " ", valueSymbol)), paymentUsdAmount && /* @__PURE__ */ React151.createElement(Text, { size: "10", color: "secondaryText", textAlign: "right" }, paymentUsdAmount)));
|
|
14806
14952
|
}
|
|
14807
14953
|
|
|
14808
14954
|
// src/components/FunTransactionSummary/PaymentFeesSummary.tsx
|
|
@@ -14812,7 +14958,7 @@ import {
|
|
|
14812
14958
|
noop as noop7
|
|
14813
14959
|
} from "@funkit/utils";
|
|
14814
14960
|
import React155, { useMemo as useMemo21, useState as useState38 } from "react";
|
|
14815
|
-
import
|
|
14961
|
+
import clsx19 from "clsx";
|
|
14816
14962
|
import { motion as motion8, useAnimationControls } from "motion/react";
|
|
14817
14963
|
|
|
14818
14964
|
// src/components/FunTooltip/FunTooltip.tsx
|
|
@@ -14822,12 +14968,67 @@ import React153, {
|
|
|
14822
14968
|
useRef as useRef14,
|
|
14823
14969
|
useState as useState37
|
|
14824
14970
|
} from "react";
|
|
14825
|
-
import
|
|
14971
|
+
import clsx18 from "clsx";
|
|
14826
14972
|
import { AnimatePresence as AnimatePresence4, motion as motion7 } from "motion/react";
|
|
14827
14973
|
|
|
14974
|
+
// src/components/Icons/New/InfoIcon.tsx
|
|
14975
|
+
import React152 from "react";
|
|
14976
|
+
var InfoIcon = ({ filled = false }) => {
|
|
14977
|
+
if (filled) {
|
|
14978
|
+
return /* @__PURE__ */ React152.createElement(
|
|
14979
|
+
"svg",
|
|
14980
|
+
{
|
|
14981
|
+
width: "12",
|
|
14982
|
+
height: "12",
|
|
14983
|
+
viewBox: "0 0 12 12",
|
|
14984
|
+
fill: "none",
|
|
14985
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
14986
|
+
},
|
|
14987
|
+
/* @__PURE__ */ React152.createElement(
|
|
14988
|
+
"path",
|
|
14989
|
+
{
|
|
14990
|
+
fillRule: "evenodd",
|
|
14991
|
+
clipRule: "evenodd",
|
|
14992
|
+
d: "M6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5ZM6 3.5C5.72386 3.5 5.5 3.72386 5.5 4C5.5 4.27614 5.72386 4.5 6 4.5H6.005C6.28114 4.5 6.505 4.27614 6.505 4C6.505 3.72386 6.28114 3.5 6.005 3.5H6ZM6.5 6C6.5 5.72386 6.27614 5.5 6 5.5C5.72386 5.5 5.5 5.72386 5.5 6V8C5.5 8.27614 5.72386 8.5 6 8.5C6.27614 8.5 6.5 8.27614 6.5 8V6Z",
|
|
14993
|
+
fill: "currentColor"
|
|
14994
|
+
}
|
|
14995
|
+
)
|
|
14996
|
+
);
|
|
14997
|
+
}
|
|
14998
|
+
return /* @__PURE__ */ React152.createElement(
|
|
14999
|
+
"svg",
|
|
15000
|
+
{
|
|
15001
|
+
width: "13",
|
|
15002
|
+
height: "12",
|
|
15003
|
+
viewBox: "0 0 13 12",
|
|
15004
|
+
fill: "none",
|
|
15005
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
15006
|
+
},
|
|
15007
|
+
/* @__PURE__ */ React152.createElement("g", { clipPath: "url(#clip0_24111_15523)" }, /* @__PURE__ */ React152.createElement(
|
|
15008
|
+
"path",
|
|
15009
|
+
{
|
|
15010
|
+
d: "M6.5 8V6M6.5 4H6.505M11.5 6C11.5 8.76142 9.26142 11 6.5 11C3.73858 11 1.5 8.76142 1.5 6C1.5 3.23858 3.73858 1 6.5 1C9.26142 1 11.5 3.23858 11.5 6Z",
|
|
15011
|
+
stroke: "currentColor",
|
|
15012
|
+
strokeWidth: "1.5",
|
|
15013
|
+
strokeLinecap: "round",
|
|
15014
|
+
strokeLinejoin: "round"
|
|
15015
|
+
}
|
|
15016
|
+
)),
|
|
15017
|
+
/* @__PURE__ */ React152.createElement("defs", null, /* @__PURE__ */ React152.createElement("clipPath", { id: "clip0_24111_15523" }, /* @__PURE__ */ React152.createElement(
|
|
15018
|
+
"rect",
|
|
15019
|
+
{
|
|
15020
|
+
width: "12",
|
|
15021
|
+
height: "12",
|
|
15022
|
+
fill: "white",
|
|
15023
|
+
transform: "translate(0.5)"
|
|
15024
|
+
}
|
|
15025
|
+
)))
|
|
15026
|
+
);
|
|
15027
|
+
};
|
|
15028
|
+
|
|
14828
15029
|
// src/components/FunTooltip/FunTooltip.css.ts
|
|
14829
15030
|
var tooltipContainer = "z1l38i0";
|
|
14830
|
-
var tooltipStyle = "z1l38i2
|
|
15031
|
+
var tooltipStyle = "z1l38i2 _1rsrm2fci _1rsrm2fd9 _1rsrm2fdy _1rsrm2fbp _1rsrm2fj _1rsrm2fj5 _1rsrm2fyb _1rsrm2f11 _1rsrm2f15";
|
|
14831
15032
|
var tooltipStyleCenter = "z1l38i3";
|
|
14832
15033
|
var tooltipStyleLeft = "z1l38i5";
|
|
14833
15034
|
var tooltipStyleRight = "z1l38i4";
|
|
@@ -14836,7 +15037,7 @@ var tooltipStyleRight = "z1l38i4";
|
|
|
14836
15037
|
var HIDE_DELAY = 150;
|
|
14837
15038
|
var FunTooltip = ({
|
|
14838
15039
|
content: content2,
|
|
14839
|
-
children,
|
|
15040
|
+
children = /* @__PURE__ */ React153.createElement(Box, { color: { base: "tertiaryText", hover: "primaryText" } }, /* @__PURE__ */ React153.createElement(InfoIcon, null)),
|
|
14840
15041
|
wrapperElementRef,
|
|
14841
15042
|
tooltipPosition = "center",
|
|
14842
15043
|
enableDynamicPositioning = false,
|
|
@@ -14901,7 +15102,7 @@ var FunTooltip = ({
|
|
|
14901
15102
|
Text,
|
|
14902
15103
|
{
|
|
14903
15104
|
size: "10",
|
|
14904
|
-
className:
|
|
15105
|
+
className: clsx18(
|
|
14905
15106
|
enableDynamicPositioning && !!wrapperElementRef?.current ? [
|
|
14906
15107
|
tooltipStyle,
|
|
14907
15108
|
isSafeToRenderInCenter ? tooltipStyleCenter : isSafeToRenderInRight ? tooltipStyleRight : tooltipStyleLeft
|
|
@@ -14942,7 +15143,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React154.createElement(
|
|
|
14942
15143
|
);
|
|
14943
15144
|
|
|
14944
15145
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
14945
|
-
var baseStyles4 = "
|
|
15146
|
+
var baseStyles4 = "_1rsrm2f1et";
|
|
14946
15147
|
var expandableStyles = "vkwve32";
|
|
14947
15148
|
var feeLineHideStyles = "vkwve34";
|
|
14948
15149
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -15069,7 +15270,7 @@ function PaymentFeesSummary({
|
|
|
15069
15270
|
}
|
|
15070
15271
|
},
|
|
15071
15272
|
style: { cursor: isLoading ? "default" : "pointer" },
|
|
15072
|
-
className:
|
|
15273
|
+
className: clsx19(baseStyles4, isExpandable && expandableStyles)
|
|
15073
15274
|
},
|
|
15074
15275
|
/* @__PURE__ */ React155.createElement(
|
|
15075
15276
|
FeeLineItem,
|
|
@@ -15153,7 +15354,7 @@ function FeeLineItem({
|
|
|
15153
15354
|
display: "flex",
|
|
15154
15355
|
gap: "5",
|
|
15155
15356
|
alignItems: "center",
|
|
15156
|
-
className:
|
|
15357
|
+
className: clsx19(isExpanded ? feeLineHideStyles : feeLineShowStyles)
|
|
15157
15358
|
},
|
|
15158
15359
|
valueIcon,
|
|
15159
15360
|
value !== void 0 && /* @__PURE__ */ React155.createElement(Text, { color: "tertiaryText", size: "12" }, value)
|
|
@@ -15284,14 +15485,14 @@ var DisclaimerText = ({
|
|
|
15284
15485
|
finalConvertedAssetName
|
|
15285
15486
|
);
|
|
15286
15487
|
const showCardDisclaimer = isCardPayment && cardDisclaimer;
|
|
15287
|
-
return showDydxDisclaimer ? /* @__PURE__ */ React159.createElement(
|
|
15488
|
+
return showDydxDisclaimer ? /* @__PURE__ */ React159.createElement(React159.Fragment, null, showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to ", FUN_ORG_NAME, "'s", " ", /* @__PURE__ */ React159.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), " and this site's ", /* @__PURE__ */ React159.createElement(FunLinkButton, { href: "https://dydx.trade/terms", inline: true, text: "terms" }), " and ", /* @__PURE__ */ React159.createElement(
|
|
15288
15489
|
FunLinkButton,
|
|
15289
15490
|
{
|
|
15290
15491
|
href: "https://dydx.trade/privacy",
|
|
15291
15492
|
inline: true,
|
|
15292
15493
|
text: "privacy policy"
|
|
15293
15494
|
}
|
|
15294
|
-
), ".") : /* @__PURE__ */ React159.createElement(
|
|
15495
|
+
), ".") : /* @__PURE__ */ React159.createElement(React159.Fragment, null, isVertex && vertexText ? `${vertexText} ` : showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to our", " ", /* @__PURE__ */ React159.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ".");
|
|
15295
15496
|
};
|
|
15296
15497
|
function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
|
|
15297
15498
|
const cardDisclaimer = useMemo22(() => {
|
|
@@ -16386,6 +16587,7 @@ function useQuoteRefresh({
|
|
|
16386
16587
|
// src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
|
|
16387
16588
|
var ConfirmationStepInfo = {
|
|
16388
16589
|
Component: ConfirmationStep,
|
|
16590
|
+
hideClose: true,
|
|
16389
16591
|
onBack(_, prevState) {
|
|
16390
16592
|
abortCheckoutQuote();
|
|
16391
16593
|
return prevState;
|
|
@@ -16599,7 +16801,7 @@ function ConfirmationStep({
|
|
|
16599
16801
|
/* @__PURE__ */ React163.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React163.createElement(FunInfoBanner, null), /* @__PURE__ */ React163.createElement(
|
|
16600
16802
|
FunAlert,
|
|
16601
16803
|
{
|
|
16602
|
-
description: /* @__PURE__ */ React163.createElement(
|
|
16804
|
+
description: /* @__PURE__ */ React163.createElement(
|
|
16603
16805
|
DisclaimerText,
|
|
16604
16806
|
{
|
|
16605
16807
|
showDydxDisclaimer: showTagline,
|
|
@@ -16608,7 +16810,7 @@ function ConfirmationStep({
|
|
|
16608
16810
|
isCardPayment: paymentMethodInfo.paymentMethod === "card" /* CARD */,
|
|
16609
16811
|
finalConvertedAssetName
|
|
16610
16812
|
}
|
|
16611
|
-
)
|
|
16813
|
+
)
|
|
16612
16814
|
}
|
|
16613
16815
|
))
|
|
16614
16816
|
), titleCountdownRef && createPortal5(countdown, titleCountdownRef), bottomSectionRef && createPortal5(
|
|
@@ -16624,9 +16826,7 @@ function ConfirmationStep({
|
|
|
16624
16826
|
FunLinkButton,
|
|
16625
16827
|
{
|
|
16626
16828
|
text: "Unlink.",
|
|
16627
|
-
|
|
16628
|
-
textProps: { weight: "medium" },
|
|
16629
|
-
hasPadding: false,
|
|
16829
|
+
weight: "medium",
|
|
16630
16830
|
onClick: () => {
|
|
16631
16831
|
unlinkBrokerage(paymentMethodInfo.meta.brokerType);
|
|
16632
16832
|
onNext({
|
|
@@ -16885,7 +17085,8 @@ import {
|
|
|
16885
17085
|
FlagKey as FlagKey15,
|
|
16886
17086
|
formatCryptoAndStringify as formatCryptoAndStringify3,
|
|
16887
17087
|
formatCurrencyAndStringify as formatCurrencyAndStringify7,
|
|
16888
|
-
isTokenEquivalent as isTokenEquivalent5
|
|
17088
|
+
isTokenEquivalent as isTokenEquivalent5,
|
|
17089
|
+
round as round3
|
|
16889
17090
|
} from "@funkit/utils";
|
|
16890
17091
|
import React175, { useMemo as useMemo27 } from "react";
|
|
16891
17092
|
|
|
@@ -17241,7 +17442,7 @@ function initializeState({
|
|
|
17241
17442
|
usdMaxAmount ?? Number.MAX_VALUE
|
|
17242
17443
|
);
|
|
17243
17444
|
const rounding = usdFinalAmount === usdInitialAmount ? "round" : usdFinalAmount === usdMinAmount ? "ceil" : "floor";
|
|
17244
|
-
const assetAmount = targetAssetAmount !== void 0 && usdFinalAmount === usdInitialAmount ? targetAssetAmount :
|
|
17445
|
+
const assetAmount = targetAssetAmount !== void 0 && usdFinalAmount === usdInitialAmount ? targetAssetAmount : usdFinalAmount / unitPrice || 0;
|
|
17245
17446
|
return setInputValueFromAmount({
|
|
17246
17447
|
assetAmount,
|
|
17247
17448
|
inputValue: "",
|
|
@@ -17280,7 +17481,7 @@ function reduceState(state, action) {
|
|
|
17280
17481
|
if (state.isInputInUsd) {
|
|
17281
17482
|
return {
|
|
17282
17483
|
...state,
|
|
17283
|
-
assetAmount:
|
|
17484
|
+
assetAmount: newInputAmount / unitPrice || 0,
|
|
17284
17485
|
inputValue: newInputValue,
|
|
17285
17486
|
usdAmount: newInputAmount
|
|
17286
17487
|
};
|
|
@@ -17296,7 +17497,7 @@ function reduceState(state, action) {
|
|
|
17296
17497
|
const { unitPrice, usdAmount } = action;
|
|
17297
17498
|
return setInputValueFromAmount({
|
|
17298
17499
|
...state,
|
|
17299
|
-
assetAmount:
|
|
17500
|
+
assetAmount: usdAmount / unitPrice || 0,
|
|
17300
17501
|
usdAmount
|
|
17301
17502
|
});
|
|
17302
17503
|
}
|
|
@@ -17539,6 +17740,7 @@ function InputAmountLoaded({
|
|
|
17539
17740
|
event.preventDefault();
|
|
17540
17741
|
handleSubmit();
|
|
17541
17742
|
};
|
|
17743
|
+
const displayAssetAmount = round3(assetAmount, ASSET_DECIMALS);
|
|
17542
17744
|
return /* @__PURE__ */ React175.createElement(
|
|
17543
17745
|
InputAmountLayout,
|
|
17544
17746
|
{
|
|
@@ -17600,7 +17802,10 @@ function InputAmountLoaded({
|
|
|
17600
17802
|
color: { base: "actionColor", hover: "actionColorHover" },
|
|
17601
17803
|
onClick: handleIsAmountInAbsoluteToggle
|
|
17602
17804
|
},
|
|
17603
|
-
/* @__PURE__ */ React175.createElement(Text, { color: "actionColorDisabled", size: "14" }, isInputInUsd ? formatCryptoAndStringify3(
|
|
17805
|
+
/* @__PURE__ */ React175.createElement(Text, { color: "actionColorDisabled", size: "14" }, isInputInUsd ? formatCryptoAndStringify3(
|
|
17806
|
+
displayAssetAmount,
|
|
17807
|
+
targetAssetTicker
|
|
17808
|
+
) : formatCurrencyAndStringify7(usdAmount))
|
|
17604
17809
|
)
|
|
17605
17810
|
)
|
|
17606
17811
|
),
|
|
@@ -17653,9 +17858,7 @@ function InputAmountLoading({
|
|
|
17653
17858
|
FunLinkButton,
|
|
17654
17859
|
{
|
|
17655
17860
|
text: "Unlink.",
|
|
17656
|
-
|
|
17657
|
-
hasPadding: false,
|
|
17658
|
-
textProps: { weight: "medium" },
|
|
17861
|
+
weight: "medium",
|
|
17659
17862
|
onClick: () => {
|
|
17660
17863
|
unlinkBrokerage(paymentMethodInfo.meta.brokerType);
|
|
17661
17864
|
onBack();
|
|
@@ -17891,8 +18094,7 @@ var InputAmountInfo = {
|
|
|
17891
18094
|
return {
|
|
17892
18095
|
...common,
|
|
17893
18096
|
step: "confirmation" /* CONFIRMATION */,
|
|
17894
|
-
paymentMethodInfo: state.paymentMethodInfo
|
|
17895
|
-
isCloseButtonHidden: true
|
|
18097
|
+
paymentMethodInfo: state.paymentMethodInfo
|
|
17896
18098
|
};
|
|
17897
18099
|
},
|
|
17898
18100
|
showFullHeight: !isMobile13()
|
|
@@ -17943,11 +18145,11 @@ function InputAmount(props) {
|
|
|
17943
18145
|
}
|
|
17944
18146
|
|
|
17945
18147
|
// src/modals/CheckoutModal/LoadingAccount.tsx
|
|
17946
|
-
import
|
|
18148
|
+
import React181, { useEffect as useEffect37 } from "react";
|
|
17947
18149
|
import { FlagKey as FlagKey16 } from "@funkit/utils";
|
|
17948
18150
|
|
|
17949
18151
|
// src/components/FunAsset/FunAssetLoading.tsx
|
|
17950
|
-
import
|
|
18152
|
+
import React180 from "react";
|
|
17951
18153
|
|
|
17952
18154
|
// src/components/FunAsset/FunAssetItem.tsx
|
|
17953
18155
|
import {
|
|
@@ -17955,43 +18157,14 @@ import {
|
|
|
17955
18157
|
formatCurrencyAndStringify as formatCurrencyAndStringify8,
|
|
17956
18158
|
isNotNullish as isNotNullish10
|
|
17957
18159
|
} from "@funkit/utils";
|
|
17958
|
-
import
|
|
17959
|
-
|
|
17960
|
-
// src/components/FunAsset/FunAssetBadge.tsx
|
|
17961
|
-
import React178 from "react";
|
|
17962
|
-
var defaultBadgeColors = {
|
|
17963
|
-
background: "offBackground",
|
|
17964
|
-
border: "generalBorder",
|
|
17965
|
-
text: "secondaryText"
|
|
17966
|
-
};
|
|
17967
|
-
function FunAssetBadge({
|
|
17968
|
-
text,
|
|
17969
|
-
background,
|
|
17970
|
-
borderColor,
|
|
17971
|
-
color
|
|
17972
|
-
}) {
|
|
17973
|
-
return /* @__PURE__ */ React178.createElement(
|
|
17974
|
-
Box,
|
|
17975
|
-
{
|
|
17976
|
-
background: background ?? defaultBadgeColors.background,
|
|
17977
|
-
paddingX: "6",
|
|
17978
|
-
paddingY: "2",
|
|
17979
|
-
borderRadius: "10",
|
|
17980
|
-
borderWidth: "1",
|
|
17981
|
-
borderStyle: "solid",
|
|
17982
|
-
borderColor: borderColor ?? defaultBadgeColors.border,
|
|
17983
|
-
style: { width: "fit-content" }
|
|
17984
|
-
},
|
|
17985
|
-
/* @__PURE__ */ React178.createElement(Text, { size: "10", color: color ?? defaultBadgeColors.text, weight: "regular" }, text)
|
|
17986
|
-
);
|
|
17987
|
-
}
|
|
18160
|
+
import React179 from "react";
|
|
17988
18161
|
|
|
17989
18162
|
// src/components/FunOptionBox/FunOptionBox.tsx
|
|
17990
|
-
import
|
|
17991
|
-
import
|
|
18163
|
+
import clsx20 from "clsx";
|
|
18164
|
+
import React178, { useRef as useRef18 } from "react";
|
|
17992
18165
|
|
|
17993
18166
|
// src/components/FunOptionBox/FunOptionBox.css.ts
|
|
17994
|
-
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "
|
|
18167
|
+
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2fyb _1rsrm2fwg", transparentBorder: "_1rsrm2f11n _1rsrm2fwg", activeBorder: "_1rsrm2fwb", disabledOptionBorder: "_1rsrm2fy5", defaultBackground: "_1rsrm2fnn _1rsrm2fji", activeBackground: "_1rsrm2fnn _1rsrm2fno _1rsrm2fnp" };
|
|
17995
18168
|
|
|
17996
18169
|
// src/components/FunOptionBox/FunOptionBox.tsx
|
|
17997
18170
|
function FunOptionBox({
|
|
@@ -18015,7 +18188,7 @@ function FunOptionBox({
|
|
|
18015
18188
|
}) {
|
|
18016
18189
|
const isClickable = !!onClick && !disabled;
|
|
18017
18190
|
const ref = useRef18(null);
|
|
18018
|
-
return /* @__PURE__ */
|
|
18191
|
+
return /* @__PURE__ */ React178.createElement(
|
|
18019
18192
|
Box,
|
|
18020
18193
|
{
|
|
18021
18194
|
ref,
|
|
@@ -18034,7 +18207,7 @@ function FunOptionBox({
|
|
|
18034
18207
|
tabIndex: isClickable ? 0 : void 0,
|
|
18035
18208
|
cursor: isClickable ? "pointer" : disabled ? "not-allowed" : "default",
|
|
18036
18209
|
style: { opacity: disabled ? 0.5 : 1 },
|
|
18037
|
-
className:
|
|
18210
|
+
className: clsx20(
|
|
18038
18211
|
funOptionBoxStyle.baseStyle,
|
|
18039
18212
|
isActive ? funOptionBoxStyle.activeBorder : (
|
|
18040
18213
|
// Render a transparent border when the in DEFAULT mode and is not active, to prevent the pixels from shifting around when a border is applied on selection
|
|
@@ -18068,7 +18241,6 @@ var FunAssetItem = ({
|
|
|
18068
18241
|
asset,
|
|
18069
18242
|
isActive = false,
|
|
18070
18243
|
isDisabled = false,
|
|
18071
|
-
badgeColors,
|
|
18072
18244
|
badgeText,
|
|
18073
18245
|
onClick
|
|
18074
18246
|
}) => {
|
|
@@ -18076,7 +18248,7 @@ var FunAssetItem = ({
|
|
|
18076
18248
|
chainId: asset.pickedChainId,
|
|
18077
18249
|
symbolOrAddress: asset.symbol
|
|
18078
18250
|
});
|
|
18079
|
-
return /* @__PURE__ */
|
|
18251
|
+
return /* @__PURE__ */ React179.createElement(
|
|
18080
18252
|
FunOptionBox,
|
|
18081
18253
|
{
|
|
18082
18254
|
type: "default",
|
|
@@ -18087,7 +18259,7 @@ var FunAssetItem = ({
|
|
|
18087
18259
|
paddingX: "0",
|
|
18088
18260
|
paddingY: "0"
|
|
18089
18261
|
},
|
|
18090
|
-
/* @__PURE__ */
|
|
18262
|
+
/* @__PURE__ */ React179.createElement(
|
|
18091
18263
|
Box,
|
|
18092
18264
|
{
|
|
18093
18265
|
alignItems: "center",
|
|
@@ -18100,7 +18272,7 @@ var FunAssetItem = ({
|
|
|
18100
18272
|
paddingX: FUN_ASSET_ITEM_PADDING_X,
|
|
18101
18273
|
paddingY: FUN_ASSET_ITEM_PADDING_Y
|
|
18102
18274
|
},
|
|
18103
|
-
/* @__PURE__ */
|
|
18275
|
+
/* @__PURE__ */ React179.createElement(
|
|
18104
18276
|
Box,
|
|
18105
18277
|
{
|
|
18106
18278
|
display: "flex",
|
|
@@ -18108,7 +18280,7 @@ var FunAssetItem = ({
|
|
|
18108
18280
|
alignItems: "center",
|
|
18109
18281
|
gap: FUN_ASSET_ITEM_GAP
|
|
18110
18282
|
},
|
|
18111
|
-
/* @__PURE__ */
|
|
18283
|
+
/* @__PURE__ */ React179.createElement(
|
|
18112
18284
|
FunAssetAvatar,
|
|
18113
18285
|
{
|
|
18114
18286
|
assetSrc: asset.iconSrc,
|
|
@@ -18118,7 +18290,7 @@ var FunAssetItem = ({
|
|
|
18118
18290
|
chainId: asset.pickedChainId
|
|
18119
18291
|
}
|
|
18120
18292
|
),
|
|
18121
|
-
/* @__PURE__ */
|
|
18293
|
+
/* @__PURE__ */ React179.createElement(Box, null, /* @__PURE__ */ React179.createElement(
|
|
18122
18294
|
Box,
|
|
18123
18295
|
{
|
|
18124
18296
|
color: "primaryText",
|
|
@@ -18126,17 +18298,17 @@ var FunAssetItem = ({
|
|
|
18126
18298
|
fontWeight: "medium"
|
|
18127
18299
|
},
|
|
18128
18300
|
asset.symbol
|
|
18129
|
-
), /* @__PURE__ */
|
|
18301
|
+
), /* @__PURE__ */ React179.createElement(
|
|
18130
18302
|
Box,
|
|
18131
18303
|
{
|
|
18132
18304
|
color: "secondaryText",
|
|
18133
18305
|
fontSize: TEXT_SIZE_SMALL2,
|
|
18134
18306
|
fontWeight: "regular"
|
|
18135
18307
|
},
|
|
18136
|
-
isNotNullish10(asset.amount) ? /* @__PURE__ */
|
|
18308
|
+
isNotNullish10(asset.amount) ? /* @__PURE__ */ React179.createElement("div", null, formatCryptoAndStringify5(asset.amount), " ", asset.symbol) : null
|
|
18137
18309
|
))
|
|
18138
18310
|
),
|
|
18139
|
-
/* @__PURE__ */
|
|
18311
|
+
/* @__PURE__ */ React179.createElement(
|
|
18140
18312
|
Box,
|
|
18141
18313
|
{
|
|
18142
18314
|
display: "flex",
|
|
@@ -18144,22 +18316,14 @@ var FunAssetItem = ({
|
|
|
18144
18316
|
justifyContent: "flex-end",
|
|
18145
18317
|
gap: "12"
|
|
18146
18318
|
},
|
|
18147
|
-
badgeText && /* @__PURE__ */
|
|
18148
|
-
|
|
18149
|
-
{
|
|
18150
|
-
background: badgeColors?.background,
|
|
18151
|
-
borderColor: badgeColors?.border,
|
|
18152
|
-
color: badgeColors?.text,
|
|
18153
|
-
text: badgeText
|
|
18154
|
-
}
|
|
18155
|
-
),
|
|
18156
|
-
/* @__PURE__ */ React180.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM2, fontWeight: "medium" }, formatCurrencyAndStringify8(asset.usdAmount || 0))
|
|
18319
|
+
badgeText && /* @__PURE__ */ React179.createElement(FunBadge, { borderRadius: "10", borderColor: "generalBorder" }, badgeText),
|
|
18320
|
+
/* @__PURE__ */ React179.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM2, fontWeight: "medium" }, formatCurrencyAndStringify8(asset.usdAmount || 0))
|
|
18157
18321
|
)
|
|
18158
18322
|
)
|
|
18159
18323
|
);
|
|
18160
18324
|
};
|
|
18161
18325
|
function FunAssetItemSkeleton() {
|
|
18162
|
-
return /* @__PURE__ */
|
|
18326
|
+
return /* @__PURE__ */ React179.createElement(
|
|
18163
18327
|
Box,
|
|
18164
18328
|
{
|
|
18165
18329
|
alignItems: "center",
|
|
@@ -18172,8 +18336,8 @@ function FunAssetItemSkeleton() {
|
|
|
18172
18336
|
paddingX: FUN_ASSET_ITEM_PADDING_X,
|
|
18173
18337
|
paddingY: FUN_ASSET_ITEM_PADDING_Y
|
|
18174
18338
|
},
|
|
18175
|
-
/* @__PURE__ */
|
|
18176
|
-
/* @__PURE__ */
|
|
18339
|
+
/* @__PURE__ */ React179.createElement(FunSkeletonCircle, { size: DEFAULT_ICON_SIZE }),
|
|
18340
|
+
/* @__PURE__ */ React179.createElement(Box, { display: "flex", flexDirection: "column", width: "full" }, /* @__PURE__ */ React179.createElement(
|
|
18177
18341
|
FunSkeletonBlock,
|
|
18178
18342
|
{
|
|
18179
18343
|
height: TEXT_SIZE_MEDIUM2,
|
|
@@ -18181,7 +18345,7 @@ function FunAssetItemSkeleton() {
|
|
|
18181
18345
|
marginTop: TEXT_SKELETON_MARGIN_TOP3,
|
|
18182
18346
|
width: TEXT_SKELETON_WIDTH_SHORT3
|
|
18183
18347
|
}
|
|
18184
|
-
), /* @__PURE__ */
|
|
18348
|
+
), /* @__PURE__ */ React179.createElement(
|
|
18185
18349
|
FunSkeletonBlock,
|
|
18186
18350
|
{
|
|
18187
18351
|
height: TEXT_SIZE_SMALL2,
|
|
@@ -18190,7 +18354,7 @@ function FunAssetItemSkeleton() {
|
|
|
18190
18354
|
width: TEXT_SKELETON_WIDTH_LONG3
|
|
18191
18355
|
}
|
|
18192
18356
|
)),
|
|
18193
|
-
/* @__PURE__ */
|
|
18357
|
+
/* @__PURE__ */ React179.createElement(
|
|
18194
18358
|
FunSkeletonBlock,
|
|
18195
18359
|
{
|
|
18196
18360
|
height: TEXT_SIZE_MEDIUM2,
|
|
@@ -18204,9 +18368,9 @@ function FunAssetItemSkeleton() {
|
|
|
18204
18368
|
|
|
18205
18369
|
// src/components/FunAsset/FunAssetLoading.tsx
|
|
18206
18370
|
function FunAssetLoading({ count }) {
|
|
18207
|
-
return /* @__PURE__ */
|
|
18371
|
+
return /* @__PURE__ */ React180.createElement(Box, { display: "flex", flexDirection: "column" }, Array.from({ length: count ?? 3 }, (_, index) => (
|
|
18208
18372
|
// biome-ignore lint/suspicious/noArrayIndexKey: no better index
|
|
18209
|
-
/* @__PURE__ */
|
|
18373
|
+
/* @__PURE__ */ React180.createElement(FunAssetItemSkeleton, { key: index })
|
|
18210
18374
|
)));
|
|
18211
18375
|
}
|
|
18212
18376
|
|
|
@@ -18324,7 +18488,7 @@ function LoadingAccount({
|
|
|
18324
18488
|
updateSelectedPaymentMethodInfo,
|
|
18325
18489
|
connection
|
|
18326
18490
|
]);
|
|
18327
|
-
return /* @__PURE__ */
|
|
18491
|
+
return /* @__PURE__ */ React181.createElement(FunAssetLoading, { count: 5 });
|
|
18328
18492
|
}
|
|
18329
18493
|
|
|
18330
18494
|
// src/modals/CheckoutModal/MeshVerification.tsx
|
|
@@ -18334,20 +18498,20 @@ import {
|
|
|
18334
18498
|
meshExecuteTransferProxy
|
|
18335
18499
|
} from "@funkit/api-base";
|
|
18336
18500
|
import { ClientError as ClientError4, FlagKey as FlagKey17, formatAddress as formatAddress6 } from "@funkit/utils";
|
|
18337
|
-
import
|
|
18501
|
+
import React189, { useMemo as useMemo31, useState as useState49 } from "react";
|
|
18338
18502
|
import { createPortal as createPortal8 } from "react-dom";
|
|
18339
18503
|
|
|
18340
18504
|
// src/components/CopyAddress/CopyAddressButton.tsx
|
|
18341
|
-
import
|
|
18505
|
+
import React184 from "react";
|
|
18342
18506
|
|
|
18343
18507
|
// src/components/CopyAddress/CopyIconButton.tsx
|
|
18344
|
-
import
|
|
18508
|
+
import React183 from "react";
|
|
18345
18509
|
|
|
18346
18510
|
// src/components/Icons/CopyDoubleRoundedSquareIcon.tsx
|
|
18347
|
-
import
|
|
18511
|
+
import React182 from "react";
|
|
18348
18512
|
var CopyDoubleRoundedSquareIcon = ({
|
|
18349
18513
|
size = 16
|
|
18350
|
-
}) => /* @__PURE__ */
|
|
18514
|
+
}) => /* @__PURE__ */ React182.createElement(
|
|
18351
18515
|
"svg",
|
|
18352
18516
|
{
|
|
18353
18517
|
width: size,
|
|
@@ -18356,7 +18520,7 @@ var CopyDoubleRoundedSquareIcon = ({
|
|
|
18356
18520
|
fill: "none",
|
|
18357
18521
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18358
18522
|
},
|
|
18359
|
-
/* @__PURE__ */
|
|
18523
|
+
/* @__PURE__ */ React182.createElement(
|
|
18360
18524
|
"path",
|
|
18361
18525
|
{
|
|
18362
18526
|
d: "M10.2 5.8V4.26C10.2 3.64394 10.2 3.33591 10.0801 3.10061C9.97465 2.89363 9.80637 2.72535 9.59939 2.61989C9.36409 2.5 9.05606 2.5 8.44 2.5H4.26C3.64394 2.5 3.33591 2.5 3.10061 2.61989C2.89363 2.72535 2.72535 2.89363 2.61989 3.10061C2.5 3.33591 2.5 3.64394 2.5 4.26V8.44C2.5 9.05606 2.5 9.36409 2.61989 9.59939C2.72535 9.80637 2.89363 9.97465 3.10061 10.0801C3.33591 10.2 3.64394 10.2 4.26 10.2H5.8M7.56 13.5H11.74C12.3561 13.5 12.6641 13.5 12.8994 13.3801C13.1064 13.2746 13.2746 13.1064 13.3801 12.8994C13.5 12.6641 13.5 12.3561 13.5 11.74V7.56C13.5 6.94394 13.5 6.63591 13.3801 6.40061C13.2746 6.19363 13.1064 6.02535 12.8994 5.91989C12.6641 5.8 12.3561 5.8 11.74 5.8H7.56C6.94394 5.8 6.63591 5.8 6.40061 5.91989C6.19363 6.02535 6.02535 6.19363 5.91989 6.40061C5.8 6.63591 5.8 6.94394 5.8 7.56V11.74C5.8 12.3561 5.8 12.6641 5.91989 12.8994C6.02535 13.1064 6.19363 13.2746 6.40061 13.3801C6.63591 13.5 6.94394 13.5 7.56 13.5Z",
|
|
@@ -18373,7 +18537,7 @@ var CopyIconButton = ({
|
|
|
18373
18537
|
isAddressCopied,
|
|
18374
18538
|
onCopyAddress
|
|
18375
18539
|
}) => {
|
|
18376
|
-
return /* @__PURE__ */
|
|
18540
|
+
return /* @__PURE__ */ React183.createElement(
|
|
18377
18541
|
Box,
|
|
18378
18542
|
{
|
|
18379
18543
|
as: "button",
|
|
@@ -18391,7 +18555,7 @@ var CopyIconButton = ({
|
|
|
18391
18555
|
height: "32",
|
|
18392
18556
|
borderRadius: "8"
|
|
18393
18557
|
},
|
|
18394
|
-
isAddressCopied ? /* @__PURE__ */
|
|
18558
|
+
isAddressCopied ? /* @__PURE__ */ React183.createElement(CheckIcon, { size: "16" }) : /* @__PURE__ */ React183.createElement(CopyDoubleRoundedSquareIcon, { size: 16 })
|
|
18395
18559
|
);
|
|
18396
18560
|
};
|
|
18397
18561
|
|
|
@@ -18400,7 +18564,7 @@ function CopyAddressButton({
|
|
|
18400
18564
|
address
|
|
18401
18565
|
}) {
|
|
18402
18566
|
const { copied: copiedAddress, copy: copyAddressAction } = useCopyToClipboard(address);
|
|
18403
|
-
return /* @__PURE__ */
|
|
18567
|
+
return /* @__PURE__ */ React184.createElement(
|
|
18404
18568
|
CopyIconButton,
|
|
18405
18569
|
{
|
|
18406
18570
|
isAddressCopied: copiedAddress,
|
|
@@ -18423,9 +18587,9 @@ function useMountEffect(effect) {
|
|
|
18423
18587
|
}
|
|
18424
18588
|
|
|
18425
18589
|
// src/components/Icons/DeviceConfirmationIcon.tsx
|
|
18426
|
-
import
|
|
18590
|
+
import React185 from "react";
|
|
18427
18591
|
var DeviceConfirmationIcon = () => {
|
|
18428
|
-
return /* @__PURE__ */
|
|
18592
|
+
return /* @__PURE__ */ React185.createElement(
|
|
18429
18593
|
"svg",
|
|
18430
18594
|
{
|
|
18431
18595
|
width: "68",
|
|
@@ -18434,7 +18598,7 @@ var DeviceConfirmationIcon = () => {
|
|
|
18434
18598
|
fill: "none",
|
|
18435
18599
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18436
18600
|
},
|
|
18437
|
-
/* @__PURE__ */
|
|
18601
|
+
/* @__PURE__ */ React185.createElement(
|
|
18438
18602
|
"path",
|
|
18439
18603
|
{
|
|
18440
18604
|
d: "M3.71875 39.9219C2.89062 39.9219 2.1875 39.625 1.60938 39.0312C1.03125 38.4531 0.742188 37.75 0.742188 36.9219C0.742188 36.1094 1.03125 35.4141 1.60938 34.8359C2.1875 34.2422 2.89062 33.9453 3.71875 33.9453H44.2188C44.2188 34.2891 44.2188 34.6328 44.2188 34.9766C44.2344 35.3203 44.2422 35.6641 44.2422 36.0078C44.2578 37.4766 44.6328 38.7812 45.3672 39.9219H3.71875ZM8.6875 35.9609V6.3125C8.6875 4.48438 9.1875 3.09375 10.1875 2.14062C11.1875 1.1875 12.5625 0.710938 14.3125 0.710938H56.6172C58.1484 0.710938 59.3438 1.10156 60.2031 1.88281C61.0781 2.64844 61.5547 3.78125 61.6328 5.28125H15.4141C14.6953 5.28125 14.1484 5.46875 13.7734 5.84375C13.4141 6.20312 13.2344 6.74219 13.2344 7.46094V35.9609H8.6875ZM51.6719 40.1797C50.2188 40.1797 49.0781 39.7891 48.25 39.0078C47.4375 38.2266 47.0312 37.1328 47.0312 35.7266V12.4062C47.0312 11.0156 47.4375 9.92969 48.25 9.14844C49.0781 8.35156 50.2188 7.95312 51.6719 7.95312H62.6875C64.1094 7.95312 65.2266 8.35156 66.0391 9.14844C66.8516 9.92969 67.2578 11.0156 67.2578 12.4062V35.7266C67.2578 37.1328 66.8516 38.2266 66.0391 39.0078C65.2422 39.7891 64.125 40.1797 62.6875 40.1797H51.6719ZM51.9062 36.6641H62.3594C62.8438 36.6641 63.2031 36.5391 63.4375 36.2891C63.6875 36.0234 63.8125 35.6484 63.8125 35.1641V12.9688C63.8125 12.4844 63.6875 12.1094 63.4375 11.8438C63.2031 11.5781 62.8438 11.4453 62.3594 11.4453H51.9062C51.4375 11.4453 51.0781 11.5781 50.8281 11.8438C50.5938 12.0938 50.4766 12.4688 50.4766 12.9688V35.1875C50.4766 35.6719 50.5938 36.0391 50.8281 36.2891C51.0781 36.5391 51.4375 36.6641 51.9062 36.6641ZM53.9453 35.4219C53.4141 35.4219 53.1484 35.1406 53.1484 34.5781C53.1484 34.3438 53.2188 34.1484 53.3594 33.9922C53.5156 33.8359 53.7109 33.7578 53.9453 33.7578H60.2969C60.5469 33.7578 60.75 33.8359 60.9062 33.9922C61.0625 34.1484 61.1406 34.3438 61.1406 34.5781C61.1406 35.1406 60.8594 35.4219 60.2969 35.4219H53.9453ZM55.2812 14.8906C54.9531 14.8906 54.6797 14.7812 54.4609 14.5625C54.2578 14.3438 54.1562 14.0781 54.1562 13.7656C54.1562 13.4531 54.2656 13.1953 54.4844 12.9922C54.7031 12.7734 54.9688 12.6641 55.2812 12.6641H58.9375C59.25 12.6641 59.5156 12.7734 59.7344 12.9922C59.9531 13.1953 60.0625 13.4531 60.0625 13.7656C60.0625 14.0781 59.9531 14.3438 59.7344 14.5625C59.5156 14.7812 59.25 14.8906 58.9375 14.8906H55.2812Z",
|
|
@@ -18445,9 +18609,9 @@ var DeviceConfirmationIcon = () => {
|
|
|
18445
18609
|
};
|
|
18446
18610
|
|
|
18447
18611
|
// src/components/Icons/EmailConfirmationIcon.tsx
|
|
18448
|
-
import
|
|
18612
|
+
import React186 from "react";
|
|
18449
18613
|
var EmailConfirmationIcon = () => {
|
|
18450
|
-
return /* @__PURE__ */
|
|
18614
|
+
return /* @__PURE__ */ React186.createElement(
|
|
18451
18615
|
"svg",
|
|
18452
18616
|
{
|
|
18453
18617
|
width: "58",
|
|
@@ -18456,7 +18620,7 @@ var EmailConfirmationIcon = () => {
|
|
|
18456
18620
|
fill: "none",
|
|
18457
18621
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18458
18622
|
},
|
|
18459
|
-
/* @__PURE__ */
|
|
18623
|
+
/* @__PURE__ */ React186.createElement(
|
|
18460
18624
|
"path",
|
|
18461
18625
|
{
|
|
18462
18626
|
d: "M8.36719 45.6796C5.83594 45.6796 3.92188 45.0311 2.625 43.7343C1.32812 42.453 0.679688 40.5624 0.679688 38.0624V12.1405C0.679688 9.65613 1.29688 7.77332 2.53125 6.49207C3.78125 5.19519 5.53125 4.54675 7.78125 4.54675H38.5312C38.2656 5.21863 38.0703 5.92957 37.9453 6.67957C37.8203 7.41394 37.7891 8.15613 37.8516 8.90613H8.36719C7.27344 8.90613 6.4375 9.19519 5.85938 9.77332C5.28125 10.3358 4.99219 11.1796 4.99219 12.3046V37.8983C4.99219 39.0389 5.28125 39.8983 5.85938 40.4764C6.4375 41.0389 7.27344 41.3202 8.36719 41.3202H45.5859C46.6641 41.3202 47.4922 41.0389 48.0703 40.4764C48.6641 39.8983 48.9609 39.0468 48.9609 37.9218V19.9686C49.7109 19.9999 50.4453 19.953 51.1641 19.828C51.8984 19.703 52.6016 19.4999 53.2734 19.2186V38.0624C53.2734 40.5624 52.6484 42.453 51.3984 43.7343C50.1641 45.0311 48.4219 45.6796 46.1719 45.6796H8.36719ZM27.0234 31.4999C26.1484 31.4999 25.2891 31.3124 24.4453 30.9374C23.6016 30.5468 22.7656 29.9374 21.9375 29.1093L3.04688 10.5233L5.83594 7.66394L24.3281 25.9452C24.8125 26.4296 25.2656 26.7811 25.6875 26.9999C26.125 27.2186 26.5703 27.328 27.0234 27.328C27.4453 27.328 27.8672 27.2186 28.2891 26.9999C28.7266 26.7811 29.1953 26.4296 29.6953 25.9452L40.2188 15.5624C40.6094 16.0936 41.0469 16.5858 41.5312 17.0389C42.0312 17.4921 42.5625 17.8983 43.125 18.2577L32.0859 29.1093C31.2422 29.9374 30.4062 30.5468 29.5781 30.9374C28.75 31.3124 27.8984 31.4999 27.0234 31.4999ZM48.1172 42.4452L31.8281 26.2968L34.6406 23.4608L50.9531 39.6093L48.1172 42.4452ZM6.1875 42.1639L3.35156 39.3514L18.9609 23.8827L21.7734 26.6952L6.1875 42.1639ZM49.2188 16.7108C47.7188 16.7108 46.3594 16.3436 45.1406 15.6093C43.9219 14.8749 42.9453 13.8905 42.2109 12.6561C41.4766 11.4218 41.1094 10.0702 41.1094 8.60144C41.1094 7.11707 41.4766 5.7655 42.2109 4.54675C42.9453 3.31238 43.9219 2.328 45.1406 1.59363C46.3594 0.859253 47.7188 0.492065 49.2188 0.492065C50.6719 0.492065 52.0078 0.859253 53.2266 1.59363C54.4609 2.328 55.4453 3.31238 56.1797 4.54675C56.9141 5.7655 57.2812 7.11707 57.2812 8.60144C57.2812 10.0702 56.9141 11.4218 56.1797 12.6561C55.4453 13.8905 54.4609 14.8749 53.2266 15.6093C52.0078 16.3436 50.6719 16.7108 49.2188 16.7108Z",
|
|
@@ -18467,8 +18631,8 @@ var EmailConfirmationIcon = () => {
|
|
|
18467
18631
|
};
|
|
18468
18632
|
|
|
18469
18633
|
// src/components/Icons/TwoFactorIcon.tsx
|
|
18470
|
-
import
|
|
18471
|
-
var TwoFactorIcon = () => /* @__PURE__ */
|
|
18634
|
+
import React187 from "react";
|
|
18635
|
+
var TwoFactorIcon = () => /* @__PURE__ */ React187.createElement(
|
|
18472
18636
|
"svg",
|
|
18473
18637
|
{
|
|
18474
18638
|
width: "40",
|
|
@@ -18477,7 +18641,7 @@ var TwoFactorIcon = () => /* @__PURE__ */ React188.createElement(
|
|
|
18477
18641
|
fill: "none",
|
|
18478
18642
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18479
18643
|
},
|
|
18480
|
-
/* @__PURE__ */
|
|
18644
|
+
/* @__PURE__ */ React187.createElement(
|
|
18481
18645
|
"path",
|
|
18482
18646
|
{
|
|
18483
18647
|
d: "M19.8359 48.5233C19.6328 48.5233 19.3828 48.4764 19.0859 48.3827C18.8047 48.3046 18.5078 48.1874 18.1953 48.0311C14.8359 46.1874 11.9922 44.5311 9.66406 43.0624C7.35156 41.6093 5.48438 40.1952 4.0625 38.8202C2.65625 37.4452 1.63281 35.9608 0.992188 34.3671C0.367188 32.7577 0.0546875 30.8827 0.0546875 28.7421V11.0233C0.0546875 9.63269 0.328125 8.61707 0.875 7.97644C1.4375 7.32019 2.29688 6.74988 3.45312 6.2655C3.96875 6.04675 4.69531 5.75769 5.63281 5.39832C6.57031 5.03894 7.60938 4.65613 8.75 4.24988C9.89062 3.828 11.0234 3.41394 12.1484 3.00769C13.2734 2.60144 14.2969 2.24207 15.2188 1.92957C16.1562 1.60144 16.8828 1.36707 17.3984 1.22644C17.7891 1.13269 18.1953 1.04675 18.6172 0.968628C19.0391 0.874878 19.4453 0.828003 19.8359 0.828003C20.2422 0.828003 20.6562 0.867065 21.0781 0.94519C21.5156 1.02332 21.9219 1.11707 22.2969 1.22644C22.8125 1.39832 23.5312 1.64832 24.4531 1.97644C25.3906 2.30457 26.4219 2.67175 27.5469 3.078C28.6875 3.46863 29.8203 3.86707 30.9453 4.27332C32.0859 4.67957 33.125 5.06238 34.0625 5.42175C35 5.7655 35.7266 6.04675 36.2422 6.2655C37.4141 6.7655 38.2734 7.33582 38.8203 7.97644C39.3672 8.61707 39.6406 9.63269 39.6406 11.0233V28.7421C39.6406 30.8827 39.3281 32.7577 38.7031 34.3671C38.0781 35.9608 37.0547 37.453 35.6328 38.8436C34.2266 40.2186 32.3594 41.6327 30.0312 43.0858C27.7188 44.5389 24.875 46.1874 21.5 48.0311C21.1875 48.1874 20.8828 48.3046 20.5859 48.3827C20.3047 48.4764 20.0547 48.5233 19.8359 48.5233ZM19.8359 43.578C20.0078 43.578 20.1953 43.5389 20.3984 43.4608C20.6016 43.3827 20.8672 43.2421 21.1953 43.0389C23.8359 41.4452 26.0547 40.078 27.8516 38.9374C29.6641 37.7811 31.1094 36.6874 32.1875 35.6561C33.2812 34.6249 34.0625 33.5077 34.5312 32.3046C35 31.0858 35.2344 29.6093 35.2344 27.8749V11.7733C35.2344 11.3671 35.1797 11.0624 35.0703 10.8593C34.9609 10.6405 34.75 10.4764 34.4375 10.3671C33.7188 10.1171 32.8984 9.828 31.9766 9.49988C31.0703 9.17175 30.1094 8.828 29.0938 8.46863C28.0938 8.10925 27.1016 7.74988 26.1172 7.3905C25.1328 7.03113 24.2031 6.69519 23.3281 6.38269C22.4531 6.05457 21.7031 5.7655 21.0781 5.5155C20.8125 5.42175 20.5781 5.35144 20.375 5.30457C20.1875 5.25769 20.0078 5.23425 19.8359 5.23425C19.6797 5.23425 19.5 5.25769 19.2969 5.30457C19.1094 5.35144 18.8828 5.42175 18.6172 5.5155C17.9922 5.7655 17.2422 6.04675 16.3672 6.35925C15.4922 6.67175 14.5547 6.99988 13.5547 7.34363C12.5703 7.68738 11.5703 8.03894 10.5547 8.39832C9.55469 8.75769 8.59375 9.10925 7.67188 9.453C6.76562 9.78113 5.96875 10.0858 5.28125 10.3671C4.95312 10.4921 4.73438 10.6561 4.625 10.8593C4.51562 11.0624 4.46094 11.3671 4.46094 11.7733V27.8749C4.46094 29.5936 4.69531 31.0546 5.16406 32.2577C5.63281 33.4608 6.39844 34.578 7.46094 35.6093C8.53906 36.6249 9.97656 37.7108 11.7734 38.8671C13.5859 40.0233 15.8281 41.4139 18.5 43.0389C18.8281 43.2421 19.0938 43.3827 19.2969 43.4608C19.5 43.5389 19.6797 43.578 19.8359 43.578ZM11.4453 32.5155V23.3749C11.4453 21.8124 12.1016 20.9608 13.4141 20.8202V18.1718C13.4141 16.0155 14.0078 14.2811 15.1953 12.9686C16.3828 11.6405 17.9297 10.9764 19.8359 10.9764C21.7578 10.9764 23.3047 11.6405 24.4766 12.9686C25.6641 14.2811 26.2578 16.0155 26.2578 18.1718V20.8202C27.5859 20.9452 28.25 21.7968 28.25 23.3749V32.5155C28.25 34.2655 27.4297 35.1405 25.7891 35.1405H13.8828C12.2578 35.1405 11.4453 34.2655 11.4453 32.5155ZM16.1562 20.7733H23.5391V17.9374C23.5391 16.6405 23.1953 15.6014 22.5078 14.8202C21.8359 14.0233 20.9453 13.6249 19.8359 13.6249C18.7266 13.6249 17.8359 14.0233 17.1641 14.8202C16.4922 15.6014 16.1562 16.6405 16.1562 17.9374V20.7733Z",
|
|
@@ -18487,9 +18651,9 @@ var TwoFactorIcon = () => /* @__PURE__ */ React188.createElement(
|
|
|
18487
18651
|
);
|
|
18488
18652
|
|
|
18489
18653
|
// src/components/Icons/WhitelistIcon.tsx
|
|
18490
|
-
import
|
|
18654
|
+
import React188 from "react";
|
|
18491
18655
|
var WhitelistIcon = () => {
|
|
18492
|
-
return /* @__PURE__ */
|
|
18656
|
+
return /* @__PURE__ */ React188.createElement(
|
|
18493
18657
|
"svg",
|
|
18494
18658
|
{
|
|
18495
18659
|
width: "54",
|
|
@@ -18498,7 +18662,7 @@ var WhitelistIcon = () => {
|
|
|
18498
18662
|
fill: "none",
|
|
18499
18663
|
xmlns: "http://www.w3.org/2000/svg"
|
|
18500
18664
|
},
|
|
18501
|
-
/* @__PURE__ */
|
|
18665
|
+
/* @__PURE__ */ React188.createElement(
|
|
18502
18666
|
"path",
|
|
18503
18667
|
{
|
|
18504
18668
|
d: "M10.4531 20.8905C8.57812 20.8905 6.85156 20.4218 5.27344 19.4843C3.71094 18.5468 2.46094 17.2968 1.52344 15.7343C0.585938 14.1718 0.117188 12.453 0.117188 10.578C0.117188 8.68738 0.585938 6.96082 1.52344 5.39832C2.46094 3.82019 3.71094 2.56238 5.27344 1.62488C6.83594 0.687378 8.5625 0.218628 10.4531 0.218628C12.3438 0.218628 14.0625 0.687378 15.6094 1.62488C17.1719 2.56238 18.4219 3.82019 19.3594 5.39832C20.3125 6.96082 20.7891 8.68738 20.7891 10.578C20.7891 12.453 20.3125 14.1718 19.3594 15.7343C18.4219 17.2968 17.1719 18.5468 15.6094 19.4843C14.0469 20.4218 12.3281 20.8905 10.4531 20.8905ZM9.21094 16.1093C9.75781 16.1093 10.1875 15.8749 10.5 15.4061L15.4922 7.64832C15.7109 7.32019 15.8203 6.99207 15.8203 6.66394C15.8203 6.33582 15.6875 6.05457 15.4219 5.82019C15.1562 5.58582 14.8438 5.46863 14.4844 5.46863C14.0312 5.46863 13.6562 5.703 13.3594 6.17175L9.1875 12.8514L7.38281 10.6014C7.21094 10.3983 7.03906 10.2499 6.86719 10.1561C6.71094 10.0624 6.50781 10.0155 6.25781 10.0155C5.91406 10.0155 5.61719 10.1405 5.36719 10.3905C5.13281 10.6405 5.01562 10.953 5.01562 11.328C5.01562 11.6874 5.125 12.0077 5.34375 12.2889L7.96875 15.4296C8.14062 15.6483 8.32812 15.8202 8.53125 15.9452C8.73438 16.0546 8.96094 16.1093 9.21094 16.1093ZM10.4531 47.9843C8.57812 47.9843 6.85156 47.5155 5.27344 46.578C3.71094 45.6405 2.46094 44.3827 1.52344 42.8046C0.585938 41.2421 0.117188 39.5233 0.117188 37.6483C0.117188 35.7577 0.585938 34.0311 1.52344 32.4686C2.46094 30.9061 3.71094 29.6561 5.27344 28.7186C6.83594 27.7811 8.5625 27.3124 10.4531 27.3124C12.3438 27.3124 14.0625 27.7811 15.6094 28.7186C17.1719 29.6405 18.4219 30.8905 19.3594 32.4686C20.3125 34.0311 20.7891 35.7577 20.7891 37.6483C20.7891 39.5233 20.3125 41.2421 19.3594 42.8046C18.4219 44.3827 17.1719 45.6405 15.6094 46.578C14.0625 47.5155 12.3438 47.9843 10.4531 47.9843ZM10.4531 43.9999C11.5938 43.9999 12.6484 43.7108 13.6172 43.1327C14.5859 42.5546 15.3594 41.7811 15.9375 40.8124C16.5156 39.8436 16.8047 38.7889 16.8047 37.6483C16.8047 36.4921 16.5156 35.4374 15.9375 34.4843C15.3594 33.5155 14.5859 32.7421 13.6172 32.1639C12.6484 31.5858 11.5938 31.2968 10.4531 31.2968C9.3125 31.2968 8.25781 31.5858 7.28906 32.1639C6.32031 32.7421 5.54688 33.5155 4.96875 34.4843C4.39062 35.4374 4.10156 36.4921 4.10156 37.6483C4.10156 38.7889 4.39062 39.8436 4.96875 40.8124C5.54688 41.7811 6.32031 42.5546 7.28906 43.1327C8.25781 43.7108 9.3125 43.9999 10.4531 43.9999ZM28.2188 12.6405C27.6406 12.6405 27.1484 12.4452 26.7422 12.0546C26.3516 11.6483 26.1562 11.1561 26.1562 10.578C26.1562 9.99988 26.3516 9.5155 26.7422 9.12488C27.1484 8.71863 27.6406 8.5155 28.2188 8.5155H51.7969C52.375 8.5155 52.8672 8.71863 53.2734 9.12488C53.6797 9.5155 53.8828 9.99988 53.8828 10.578C53.8828 11.1561 53.6797 11.6483 53.2734 12.0546C52.8672 12.4452 52.375 12.6405 51.7969 12.6405H28.2188ZM28.2188 39.7577C27.6406 39.7577 27.1484 39.5546 26.7422 39.1483C26.3516 38.7421 26.1562 38.2577 26.1562 37.6952C26.1562 37.1171 26.3516 36.6327 26.7422 36.2421C27.1484 35.8358 27.6406 35.6327 28.2188 35.6327H51.7969C52.375 35.6327 52.8672 35.8358 53.2734 36.2421C53.6797 36.6327 53.8828 37.1171 53.8828 37.6952C53.8828 38.2577 53.6797 38.7421 53.2734 39.1483C52.8672 39.5546 52.375 39.7577 51.7969 39.7577H28.2188Z",
|
|
@@ -18691,7 +18855,7 @@ function MeshVerification({
|
|
|
18691
18855
|
}
|
|
18692
18856
|
}, [brokerName, executionStatus, executionContent?.mfaType]);
|
|
18693
18857
|
if (screen === 0 /* INITIAL */) {
|
|
18694
|
-
return /* @__PURE__ */
|
|
18858
|
+
return /* @__PURE__ */ React189.createElement(
|
|
18695
18859
|
Box,
|
|
18696
18860
|
{
|
|
18697
18861
|
width: "full",
|
|
@@ -18702,8 +18866,8 @@ function MeshVerification({
|
|
|
18702
18866
|
justifyContent: "center",
|
|
18703
18867
|
gap: "10"
|
|
18704
18868
|
},
|
|
18705
|
-
/* @__PURE__ */
|
|
18706
|
-
/* @__PURE__ */
|
|
18869
|
+
/* @__PURE__ */ React189.createElement(Text, { size: "14", color: "secondaryText" }, "Executing brokerage transfer"),
|
|
18870
|
+
/* @__PURE__ */ React189.createElement(SpinnerIcon, null)
|
|
18707
18871
|
);
|
|
18708
18872
|
}
|
|
18709
18873
|
const isButtonVisible = executionStatus && screen !== 5 /* FAILED */;
|
|
@@ -18721,14 +18885,14 @@ function MeshVerification({
|
|
|
18721
18885
|
onClick: () => handleCompletion(twoFactorCode),
|
|
18722
18886
|
isDisabled: isButtonDisabled || hasExecutionIssue
|
|
18723
18887
|
};
|
|
18724
|
-
return /* @__PURE__ */
|
|
18888
|
+
return /* @__PURE__ */ React189.createElement(Box, null, screen === 1 /* TWO_FACTOR */ ? /* @__PURE__ */ React189.createElement(
|
|
18725
18889
|
VerificationPopup,
|
|
18726
18890
|
{
|
|
18727
18891
|
title: verificationTitle,
|
|
18728
18892
|
description: verificationDescription,
|
|
18729
|
-
icon: /* @__PURE__ */
|
|
18893
|
+
icon: /* @__PURE__ */ React189.createElement(TwoFactorIcon, null)
|
|
18730
18894
|
},
|
|
18731
|
-
/* @__PURE__ */
|
|
18895
|
+
/* @__PURE__ */ React189.createElement(
|
|
18732
18896
|
FunTwoFaInput,
|
|
18733
18897
|
{
|
|
18734
18898
|
value: twoFactorCode,
|
|
@@ -18743,45 +18907,45 @@ function MeshVerification({
|
|
|
18743
18907
|
onCompleted: handleCompletion
|
|
18744
18908
|
}
|
|
18745
18909
|
)
|
|
18746
|
-
) : screen === 6 /* TWO_FACTOR_SETUP */ ? /* @__PURE__ */
|
|
18910
|
+
) : screen === 6 /* TWO_FACTOR_SETUP */ ? /* @__PURE__ */ React189.createElement(
|
|
18747
18911
|
VerificationPopup,
|
|
18748
18912
|
{
|
|
18749
18913
|
title: verificationTitle,
|
|
18750
18914
|
description: verificationDescription,
|
|
18751
|
-
icon: /* @__PURE__ */
|
|
18915
|
+
icon: /* @__PURE__ */ React189.createElement(TwoFactorIcon, null)
|
|
18752
18916
|
}
|
|
18753
|
-
) : screen === 2 /* DEVICE_CONFIRMATION */ ? /* @__PURE__ */
|
|
18917
|
+
) : screen === 2 /* DEVICE_CONFIRMATION */ ? /* @__PURE__ */ React189.createElement(
|
|
18754
18918
|
VerificationPopup,
|
|
18755
18919
|
{
|
|
18756
18920
|
title: verificationTitle,
|
|
18757
18921
|
description: verificationDescription,
|
|
18758
|
-
icon: /* @__PURE__ */
|
|
18922
|
+
icon: /* @__PURE__ */ React189.createElement(DeviceConfirmationIcon, null)
|
|
18759
18923
|
}
|
|
18760
|
-
) : screen === 3 /* EMAIL_CONFIRMATION */ ? /* @__PURE__ */
|
|
18924
|
+
) : screen === 3 /* EMAIL_CONFIRMATION */ ? /* @__PURE__ */ React189.createElement(
|
|
18761
18925
|
VerificationPopup,
|
|
18762
18926
|
{
|
|
18763
18927
|
title: verificationTitle,
|
|
18764
18928
|
description: verificationDescription,
|
|
18765
|
-
icon: /* @__PURE__ */
|
|
18929
|
+
icon: /* @__PURE__ */ React189.createElement(EmailConfirmationIcon, null)
|
|
18766
18930
|
}
|
|
18767
|
-
) : screen === 4 /* WHITELIST */ ? /* @__PURE__ */
|
|
18931
|
+
) : screen === 4 /* WHITELIST */ ? /* @__PURE__ */ React189.createElement(
|
|
18768
18932
|
VerificationPopup,
|
|
18769
18933
|
{
|
|
18770
18934
|
title: verificationTitle,
|
|
18771
18935
|
description: verificationDescription,
|
|
18772
|
-
icon: /* @__PURE__ */
|
|
18936
|
+
icon: /* @__PURE__ */ React189.createElement(WhitelistIcon, null)
|
|
18773
18937
|
},
|
|
18774
|
-
/* @__PURE__ */
|
|
18775
|
-
/* @__PURE__ */
|
|
18938
|
+
/* @__PURE__ */ React189.createElement(FunDivider, { borderColor: "selectedOptionBorder" }),
|
|
18939
|
+
/* @__PURE__ */ React189.createElement(Box, { width: "full" }, transferToAddress && /* @__PURE__ */ React189.createElement(
|
|
18776
18940
|
LineItem,
|
|
18777
18941
|
{
|
|
18778
18942
|
label: "Address",
|
|
18779
18943
|
value: formatAddress6(transferToAddress),
|
|
18780
|
-
valueSuffix: /* @__PURE__ */
|
|
18944
|
+
valueSuffix: /* @__PURE__ */ React189.createElement(CopyAddressButton, { address: transferToAddress })
|
|
18781
18945
|
}
|
|
18782
18946
|
))
|
|
18783
|
-
) : screen === 5 /* FAILED */ ? /* @__PURE__ */
|
|
18784
|
-
/* @__PURE__ */
|
|
18947
|
+
) : screen === 5 /* FAILED */ ? /* @__PURE__ */ React189.createElement(Box, { paddingTop: "10" }, /* @__PURE__ */ React189.createElement(FunNotification, { type: "error", description: executionError })) : null, bottomSectionRef && isButtonVisible && createPortal8(
|
|
18948
|
+
/* @__PURE__ */ React189.createElement(
|
|
18785
18949
|
Dialog.BottomBar,
|
|
18786
18950
|
{
|
|
18787
18951
|
actionButtonProps: {
|
|
@@ -18799,7 +18963,7 @@ var VerificationPopup = ({
|
|
|
18799
18963
|
icon,
|
|
18800
18964
|
children
|
|
18801
18965
|
}) => {
|
|
18802
|
-
return /* @__PURE__ */
|
|
18966
|
+
return /* @__PURE__ */ React189.createElement(Box, { paddingY: "18", display: "flex", flexDirection: "column", gap: "24" }, /* @__PURE__ */ React189.createElement(Box, { display: "flex", flexDirection: "column", alignItems: "center", gap: "12" }, /* @__PURE__ */ React189.createElement(Box, { color: "primaryText" }, icon), /* @__PURE__ */ React189.createElement(Text, { size: "18" }, title), /* @__PURE__ */ React189.createElement(
|
|
18803
18967
|
Text,
|
|
18804
18968
|
{
|
|
18805
18969
|
textAlign: "center",
|
|
@@ -18812,7 +18976,7 @@ var VerificationPopup = ({
|
|
|
18812
18976
|
};
|
|
18813
18977
|
|
|
18814
18978
|
// src/modals/CheckoutModal/MoonpaySetup.tsx
|
|
18815
|
-
import
|
|
18979
|
+
import React191, { useCallback as useCallback36, useMemo as useMemo33, useState as useState51 } from "react";
|
|
18816
18980
|
|
|
18817
18981
|
// src/components/FunPayments/FunPaymentMoonpayType.css.ts
|
|
18818
18982
|
var mpClass = "_1kmpeyf0";
|
|
@@ -18821,7 +18985,7 @@ var stretchStyle = "_1kmpeyf1";
|
|
|
18821
18985
|
// src/components/FunPayments/FunPaymentMoonpayType.tsx
|
|
18822
18986
|
import { getMoonpayUrlSignature } from "@funkit/api-base";
|
|
18823
18987
|
import { colorToHex } from "@funkit/utils";
|
|
18824
|
-
import
|
|
18988
|
+
import React190, { Fragment as Fragment3, useEffect as useEffect39, useMemo as useMemo32, useState as useState50 } from "react";
|
|
18825
18989
|
var LazyMoonPayBuyWidget = (props) => {
|
|
18826
18990
|
const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState50(null);
|
|
18827
18991
|
useEffect39(() => {
|
|
@@ -18835,9 +18999,9 @@ var LazyMoonPayBuyWidget = (props) => {
|
|
|
18835
18999
|
return () => setMoonPayBuyWidget(null);
|
|
18836
19000
|
}, []);
|
|
18837
19001
|
if (MoonPayBuyWidget) {
|
|
18838
|
-
return /* @__PURE__ */
|
|
19002
|
+
return /* @__PURE__ */ React190.createElement(MoonPayBuyWidget, { ...props });
|
|
18839
19003
|
}
|
|
18840
|
-
return /* @__PURE__ */
|
|
19004
|
+
return /* @__PURE__ */ React190.createElement(Fragment3, null);
|
|
18841
19005
|
};
|
|
18842
19006
|
function FunPaymentMoonpayType({
|
|
18843
19007
|
paymentAddress,
|
|
@@ -18882,7 +19046,7 @@ function FunPaymentMoonpayType({
|
|
|
18882
19046
|
}
|
|
18883
19047
|
return primaryButtonHex;
|
|
18884
19048
|
}, [activeTheme.colors.buttonPrimary]);
|
|
18885
|
-
return /* @__PURE__ */
|
|
19049
|
+
return /* @__PURE__ */ React190.createElement(Box, { className: stretchStyle }, /* @__PURE__ */ React190.createElement(
|
|
18886
19050
|
LazyMoonPayBuyWidget,
|
|
18887
19051
|
{
|
|
18888
19052
|
variant: "embedded",
|
|
@@ -18931,7 +19095,7 @@ function MoonpaySetup({
|
|
|
18931
19095
|
});
|
|
18932
19096
|
}, [onNext, paymentAddress]);
|
|
18933
19097
|
const MoonpayWidget = useMemo33(() => {
|
|
18934
|
-
return /* @__PURE__ */
|
|
19098
|
+
return /* @__PURE__ */ React191.createElement(
|
|
18935
19099
|
FunPaymentMoonpayType,
|
|
18936
19100
|
{
|
|
18937
19101
|
paymentAddress,
|
|
@@ -18944,13 +19108,13 @@ function MoonpaySetup({
|
|
|
18944
19108
|
}
|
|
18945
19109
|
);
|
|
18946
19110
|
}, [depositAmount, handleOnCompleted, paymentAddress, token, tokenChainId]);
|
|
18947
|
-
return /* @__PURE__ */
|
|
19111
|
+
return /* @__PURE__ */ React191.createElement(Box, { className: stretchStyle, flexDirection: "column" }, isSupportedRegion ? MoonpayWidget : /* @__PURE__ */ React191.createElement(Box, { paddingY: "10" }, /* @__PURE__ */ React191.createElement(
|
|
18948
19112
|
FunNotification,
|
|
18949
19113
|
{
|
|
18950
19114
|
type: "error",
|
|
18951
19115
|
description: "You are using moonpay from an unsupported region. Please use a different payment method."
|
|
18952
19116
|
}
|
|
18953
|
-
)), isContinueEnabled && /* @__PURE__ */
|
|
19117
|
+
)), isContinueEnabled && /* @__PURE__ */ React191.createElement(
|
|
18954
19118
|
FunBottomBar,
|
|
18955
19119
|
{
|
|
18956
19120
|
actionButtonProps: { title: "Continue", onClick: handleOnCompleted }
|
|
@@ -18959,13 +19123,16 @@ function MoonpaySetup({
|
|
|
18959
19123
|
}
|
|
18960
19124
|
|
|
18961
19125
|
// src/modals/CheckoutModal/SelectAsset.tsx
|
|
18962
|
-
import {
|
|
19126
|
+
import {
|
|
19127
|
+
FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST,
|
|
19128
|
+
solanaChain
|
|
19129
|
+
} from "@funkit/chains";
|
|
18963
19130
|
import { formatCurrencyAndStringify as formatCurrencyAndStringify9, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
|
|
18964
19131
|
import React198, { useEffect as useEffect40, useMemo as useMemo35, useState as useState53 } from "react";
|
|
18965
19132
|
import { createPortal as createPortal9 } from "react-dom";
|
|
18966
19133
|
|
|
18967
19134
|
// src/components/Dropdown/ChainDropdown.tsx
|
|
18968
|
-
import
|
|
19135
|
+
import React192 from "react";
|
|
18969
19136
|
var CHAIN_ICON_SIZE = 16;
|
|
18970
19137
|
var DEFAULT_VALUE = "";
|
|
18971
19138
|
var ChainDropdown = ({
|
|
@@ -18979,7 +19146,8 @@ var ChainDropdown = ({
|
|
|
18979
19146
|
size = "regular",
|
|
18980
19147
|
openDropdownBackgroundColor,
|
|
18981
19148
|
dropdownItemBackgroundColor,
|
|
18982
|
-
openDropdownBoxShadow
|
|
19149
|
+
openDropdownBoxShadow,
|
|
19150
|
+
isLoading
|
|
18983
19151
|
}) => {
|
|
18984
19152
|
const chainIds = chains ?? Object.keys(assets).map(Number);
|
|
18985
19153
|
const enabledChainIds = selectedToken ? chainIds.filter((chainId) => assets[chainId].includes(selectedToken)) : chainIds;
|
|
@@ -18993,9 +19161,10 @@ var ChainDropdown = ({
|
|
|
18993
19161
|
onChainSelected(chainId);
|
|
18994
19162
|
}
|
|
18995
19163
|
};
|
|
18996
|
-
return /* @__PURE__ */
|
|
19164
|
+
return /* @__PURE__ */ React192.createElement(
|
|
18997
19165
|
BaseDropdown_default,
|
|
18998
19166
|
{
|
|
19167
|
+
isLoading,
|
|
18999
19168
|
openDropdownBoxShadow,
|
|
19000
19169
|
openDropdownBackgroundColor,
|
|
19001
19170
|
dropdownItemBackgroundColor,
|
|
@@ -19004,7 +19173,7 @@ var ChainDropdown = ({
|
|
|
19004
19173
|
openDropdownFullWidth: size === "regular",
|
|
19005
19174
|
placeholder: "All chains",
|
|
19006
19175
|
activeItemProps: {
|
|
19007
|
-
iconComponent: !!selectedChainId && /* @__PURE__ */
|
|
19176
|
+
iconComponent: !!selectedChainId && /* @__PURE__ */ React192.createElement(
|
|
19008
19177
|
AsyncImage,
|
|
19009
19178
|
{
|
|
19010
19179
|
alt: chainMetadataById[selectedChainId].name,
|
|
@@ -19025,10 +19194,10 @@ var ChainDropdown = ({
|
|
|
19025
19194
|
renderDropdownOption: (option, isSelected) => {
|
|
19026
19195
|
const metadata = chainMetadataById[option.value];
|
|
19027
19196
|
const isDisabled = option.value !== DEFAULT_VALUE && !enabledChainIds.includes(Number(option.value));
|
|
19028
|
-
const dropdownItem = /* @__PURE__ */
|
|
19197
|
+
const dropdownItem = /* @__PURE__ */ React192.createElement(
|
|
19029
19198
|
BaseDropdownItem_default,
|
|
19030
19199
|
{
|
|
19031
|
-
iconComponent: metadata && /* @__PURE__ */
|
|
19200
|
+
iconComponent: metadata && /* @__PURE__ */ React192.createElement(
|
|
19032
19201
|
AsyncImage,
|
|
19033
19202
|
{
|
|
19034
19203
|
alt: metadata.name,
|
|
@@ -19046,7 +19215,7 @@ var ChainDropdown = ({
|
|
|
19046
19215
|
isDisabled
|
|
19047
19216
|
}
|
|
19048
19217
|
);
|
|
19049
|
-
return isDisabled ? /* @__PURE__ */
|
|
19218
|
+
return isDisabled ? /* @__PURE__ */ React192.createElement(
|
|
19050
19219
|
FunTooltip,
|
|
19051
19220
|
{
|
|
19052
19221
|
tooltipPosition: "left",
|
|
@@ -19062,25 +19231,27 @@ var ChainDropdown = ({
|
|
|
19062
19231
|
};
|
|
19063
19232
|
|
|
19064
19233
|
// src/components/Dropdown/ReceiveTokenDropdown.tsx
|
|
19065
|
-
import
|
|
19234
|
+
import React193, { useState as useState52 } from "react";
|
|
19066
19235
|
var TOKEN_ICON_SIZE = 16;
|
|
19067
19236
|
var getTokenIconUrl = (symbol) => {
|
|
19068
19237
|
return ASSET_LOGO_SRCS[symbol.toUpperCase()];
|
|
19069
19238
|
};
|
|
19070
|
-
var aprTag = (badgeText) => /* @__PURE__ */
|
|
19071
|
-
|
|
19239
|
+
var aprTag = (badgeText) => /* @__PURE__ */ React193.createElement(
|
|
19240
|
+
FunBadge,
|
|
19072
19241
|
{
|
|
19073
19242
|
background: "badgeBackgroundSuccess",
|
|
19074
19243
|
borderColor: "badgeBorderSuccess",
|
|
19075
|
-
|
|
19076
|
-
|
|
19077
|
-
}
|
|
19244
|
+
borderRadius: "10",
|
|
19245
|
+
color: "badgeTextSuccess"
|
|
19246
|
+
},
|
|
19247
|
+
badgeText
|
|
19078
19248
|
);
|
|
19079
19249
|
var ReceiveTokenDropdown = ({
|
|
19080
19250
|
tokens,
|
|
19081
19251
|
chainId,
|
|
19082
19252
|
defaultSelectedToken,
|
|
19083
|
-
onTokenSelected
|
|
19253
|
+
onTokenSelected,
|
|
19254
|
+
label = "Receive"
|
|
19084
19255
|
}) => {
|
|
19085
19256
|
const allTokens = Array.from(new Set(Object.values(tokens).flat()));
|
|
19086
19257
|
const initialSelectedToken = () => tokens.find((token) => token.tokenSymbol === defaultSelectedToken)?.tokenSymbol ?? tokens[0].tokenSymbol;
|
|
@@ -19096,7 +19267,7 @@ var ReceiveTokenDropdown = ({
|
|
|
19096
19267
|
onTokenSelected(matchingToken);
|
|
19097
19268
|
}
|
|
19098
19269
|
};
|
|
19099
|
-
return /* @__PURE__ */
|
|
19270
|
+
return /* @__PURE__ */ React193.createElement(
|
|
19100
19271
|
BaseDropdown_default,
|
|
19101
19272
|
{
|
|
19102
19273
|
openDropdownBoxShadow: "vertexDropdown",
|
|
@@ -19107,7 +19278,7 @@ var ReceiveTokenDropdown = ({
|
|
|
19107
19278
|
horizontalIconGap: "8",
|
|
19108
19279
|
openToTopOnMobile: false,
|
|
19109
19280
|
activeItemProps: {
|
|
19110
|
-
iconComponent: /* @__PURE__ */
|
|
19281
|
+
iconComponent: /* @__PURE__ */ React193.createElement(
|
|
19111
19282
|
AsyncImage,
|
|
19112
19283
|
{
|
|
19113
19284
|
alt: selectedSymbol,
|
|
@@ -19118,7 +19289,7 @@ var ReceiveTokenDropdown = ({
|
|
|
19118
19289
|
fallbackSrc: FALLBACK_ASSET
|
|
19119
19290
|
}
|
|
19120
19291
|
),
|
|
19121
|
-
alwaysVisibleLabel:
|
|
19292
|
+
alwaysVisibleLabel: label,
|
|
19122
19293
|
tagComponent: tokenBadgeText ? aprTag(tokenBadgeText) : void 0
|
|
19123
19294
|
},
|
|
19124
19295
|
value: selectedSymbol,
|
|
@@ -19133,11 +19304,11 @@ var ReceiveTokenDropdown = ({
|
|
|
19133
19304
|
(token) => token.tokenSymbol === symbol
|
|
19134
19305
|
)?.badgeText;
|
|
19135
19306
|
const tagComponent = tokenBadgeText2 ? aprTag(tokenBadgeText2) : void 0;
|
|
19136
|
-
return /* @__PURE__ */
|
|
19307
|
+
return /* @__PURE__ */ React193.createElement(
|
|
19137
19308
|
BaseDropdownItem_default,
|
|
19138
19309
|
{
|
|
19139
19310
|
horizontalIconGap: "8",
|
|
19140
|
-
iconComponent: /* @__PURE__ */
|
|
19311
|
+
iconComponent: /* @__PURE__ */ React193.createElement(
|
|
19141
19312
|
FunAssetAvatar,
|
|
19142
19313
|
{
|
|
19143
19314
|
assetIconSize: `${TOKEN_ICON_SIZE}`,
|
|
@@ -19163,8 +19334,33 @@ var ReceiveTokenDropdown = ({
|
|
|
19163
19334
|
};
|
|
19164
19335
|
var ReceiveTokenDropdown_default = ReceiveTokenDropdown;
|
|
19165
19336
|
|
|
19337
|
+
// src/components/SolanaDepositAlert/SolanaDepositAlert.tsx
|
|
19338
|
+
import React194 from "react";
|
|
19339
|
+
import { FlagKey as FlagKey18 } from "@funkit/utils";
|
|
19340
|
+
var SolanaDepositAlert = ({ onClick }) => {
|
|
19341
|
+
const displayBanner = useFlag(FlagKey18.DisplaySolanaDepositsBanner);
|
|
19342
|
+
const isTokenTransferEnabled = useFlag(FlagKey18.EnableTokenTransfer);
|
|
19343
|
+
if (!displayBanner || !isTokenTransferEnabled) return null;
|
|
19344
|
+
return /* @__PURE__ */ React194.createElement(
|
|
19345
|
+
FunAlert,
|
|
19346
|
+
{
|
|
19347
|
+
icon: /* @__PURE__ */ React194.createElement(SolanaBadge, null),
|
|
19348
|
+
paddingX: "8",
|
|
19349
|
+
description: /* @__PURE__ */ React194.createElement(React194.Fragment, null, "Solana deposits are live!", " ", /* @__PURE__ */ React194.createElement(
|
|
19350
|
+
FunLinkButton,
|
|
19351
|
+
{
|
|
19352
|
+
text: "Try now",
|
|
19353
|
+
onClick,
|
|
19354
|
+
inline: true,
|
|
19355
|
+
weight: "regular"
|
|
19356
|
+
}
|
|
19357
|
+
))
|
|
19358
|
+
}
|
|
19359
|
+
);
|
|
19360
|
+
};
|
|
19361
|
+
|
|
19166
19362
|
// src/components/SourcePaymentMethodItem/SourcePaymentMethodItem.tsx
|
|
19167
|
-
import
|
|
19363
|
+
import clsx21 from "clsx";
|
|
19168
19364
|
import { useAnimate as useAnimate2 } from "motion/react";
|
|
19169
19365
|
import React197 from "react";
|
|
19170
19366
|
|
|
@@ -19212,6 +19408,7 @@ var FunPaymentMethodItem = ({
|
|
|
19212
19408
|
keyText,
|
|
19213
19409
|
valueIcon,
|
|
19214
19410
|
disclaimerText,
|
|
19411
|
+
badgeText,
|
|
19215
19412
|
onClick,
|
|
19216
19413
|
isError = false,
|
|
19217
19414
|
isDisabled = false,
|
|
@@ -19226,7 +19423,7 @@ var FunPaymentMethodItem = ({
|
|
|
19226
19423
|
paddingY: "11"
|
|
19227
19424
|
},
|
|
19228
19425
|
/* @__PURE__ */ React195.createElement(Box, { display: "flex", alignItems: "center", gap: "12" }, keyIcon ? /* @__PURE__ */ React195.createElement(Box, { flexDirection: "row", display: "flex", alignItems: "center" }, keyIcon) : null, /* @__PURE__ */ React195.createElement(Box, { display: "flex", gap: "4", flexDirection: "column" }, /* @__PURE__ */ React195.createElement(Text, { color: "primaryText", weight: "medium", size: "12" }, keyText), disclaimerText ? /* @__PURE__ */ React195.createElement(Text, { size: "12", color: isError ? "error" : "secondaryText" }, disclaimerText) : null)),
|
|
19229
|
-
/* @__PURE__ */ React195.createElement(ValueIcon, { valueIcon })
|
|
19426
|
+
/* @__PURE__ */ React195.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, badgeText && /* @__PURE__ */ React195.createElement(FunBadge, { borderRadius: "10", borderColor: "generalBorder" }, badgeText), /* @__PURE__ */ React195.createElement(ValueIcon, { valueIcon }))
|
|
19230
19427
|
);
|
|
19231
19428
|
};
|
|
19232
19429
|
|
|
@@ -19788,45 +19985,22 @@ var SourcePaymentMethodItem = ({
|
|
|
19788
19985
|
const { textCustomizations } = useFunkitConfig();
|
|
19789
19986
|
const [animationScope, animate] = useAnimate2();
|
|
19790
19987
|
const handleAnimationLeft = () => {
|
|
19791
|
-
animate(
|
|
19792
|
-
".framer-spmi-animated-logos",
|
|
19793
|
-
{
|
|
19794
|
-
left: -15
|
|
19795
|
-
},
|
|
19796
|
-
{
|
|
19797
|
-
duration: 0.2
|
|
19798
|
-
}
|
|
19799
|
-
);
|
|
19988
|
+
animate(".framer-spmi-animated-logos", { left: -15 }, { duration: 0.2 });
|
|
19800
19989
|
animate(
|
|
19801
19990
|
".framer-spmi-animated-logos-wrapper",
|
|
19802
|
-
{
|
|
19803
|
-
|
|
19804
|
-
},
|
|
19805
|
-
{
|
|
19806
|
-
duration: 0.2
|
|
19807
|
-
}
|
|
19991
|
+
{ background: "rgba(0, 0, 0, 0)" },
|
|
19992
|
+
{ duration: 0.2 }
|
|
19808
19993
|
);
|
|
19809
19994
|
};
|
|
19810
19995
|
const handleAnimationRight = () => {
|
|
19811
|
-
animate(
|
|
19812
|
-
".framer-spmi-animated-logos",
|
|
19813
|
-
{
|
|
19814
|
-
left: 0
|
|
19815
|
-
},
|
|
19816
|
-
{
|
|
19817
|
-
duration: 0.2
|
|
19818
|
-
}
|
|
19819
|
-
);
|
|
19996
|
+
animate(".framer-spmi-animated-logos", { left: 0 }, { duration: 0.2 });
|
|
19820
19997
|
animate(
|
|
19821
19998
|
".framer-spmi-animated-logos-wrapper",
|
|
19822
|
-
{
|
|
19823
|
-
|
|
19824
|
-
},
|
|
19825
|
-
{
|
|
19826
|
-
duration: 0.2
|
|
19827
|
-
}
|
|
19999
|
+
{ background: baseGradientBackground },
|
|
20000
|
+
{ duration: 0.2 }
|
|
19828
20001
|
);
|
|
19829
20002
|
};
|
|
20003
|
+
const backdropColor = themeVars.colors.offBackground;
|
|
19830
20004
|
return /* @__PURE__ */ React197.createElement(
|
|
19831
20005
|
Box,
|
|
19832
20006
|
{
|
|
@@ -19843,7 +20017,7 @@ var SourcePaymentMethodItem = ({
|
|
|
19843
20017
|
onClick,
|
|
19844
20018
|
paddingY: "7"
|
|
19845
20019
|
},
|
|
19846
|
-
/* @__PURE__ */ React197.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React197.createElement(Text, { color: "secondaryText", size: "10" }, textCustomizations.sourceMethodTitle), /* @__PURE__ */ React197.createElement(Box, { display: "flex", gap: "6", alignItems: "center" }, keyIcon ? /* @__PURE__ */ React197.createElement(Box, { flexDirection: "row", display: "flex", alignItems: "center" }, keyIcon) : null, /* @__PURE__ */ React197.createElement(Text, {
|
|
20020
|
+
/* @__PURE__ */ React197.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React197.createElement(Text, { color: "secondaryText", size: "10" }, textCustomizations.sourceMethodTitle), /* @__PURE__ */ React197.createElement(Box, { display: "flex", gap: "6", alignItems: "center" }, keyIcon ? /* @__PURE__ */ React197.createElement(Box, { flexDirection: "row", display: "flex", alignItems: "center" }, keyIcon) : null, /* @__PURE__ */ React197.createElement(Text, { weight: "medium", size: "12" }, keyText), disclaimerText ? /* @__PURE__ */ React197.createElement(Text, { size: "12", color: isError ? "error" : "secondaryText" }, disclaimerText) : null)),
|
|
19847
20021
|
/* @__PURE__ */ React197.createElement(Box, { color: "tertiaryText", display: "flex", alignItems: "center" }, /* @__PURE__ */ React197.createElement(
|
|
19848
20022
|
Box,
|
|
19849
20023
|
{
|
|
@@ -19856,7 +20030,7 @@ var SourcePaymentMethodItem = ({
|
|
|
19856
20030
|
/* @__PURE__ */ React197.createElement(
|
|
19857
20031
|
Box,
|
|
19858
20032
|
{
|
|
19859
|
-
className:
|
|
20033
|
+
className: clsx21(
|
|
19860
20034
|
animatedLogosWrapper,
|
|
19861
20035
|
"framer-spmi-animated-logos-wrapper"
|
|
19862
20036
|
),
|
|
@@ -19881,52 +20055,7 @@ var SourcePaymentMethodItem = ({
|
|
|
19881
20055
|
className: "framer-spmi-animated-logos",
|
|
19882
20056
|
color: "primaryText"
|
|
19883
20057
|
},
|
|
19884
|
-
type === "balance" /* ACCOUNT_BALANCE */ ? /* @__PURE__ */ React197.createElement(React197.Fragment, null, /* @__PURE__ */ React197.createElement(
|
|
19885
|
-
CoinbasePillIcon,
|
|
19886
|
-
{
|
|
19887
|
-
backdropColor: themeVars.colors.offBackground
|
|
19888
|
-
}
|
|
19889
|
-
), /* @__PURE__ */ React197.createElement(
|
|
19890
|
-
BinancePillIcon,
|
|
19891
|
-
{
|
|
19892
|
-
backdropColor: themeVars.colors.offBackground
|
|
19893
|
-
}
|
|
19894
|
-
), /* @__PURE__ */ React197.createElement(
|
|
19895
|
-
VisaPillIcon,
|
|
19896
|
-
{
|
|
19897
|
-
backdropColor: themeVars.colors.offBackground
|
|
19898
|
-
}
|
|
19899
|
-
)) : type === "brokerage" /* BROKERAGE */ ? /* @__PURE__ */ React197.createElement(React197.Fragment, null, /* @__PURE__ */ React197.createElement(
|
|
19900
|
-
MetamaskPillIcon,
|
|
19901
|
-
{
|
|
19902
|
-
backdropColor: themeVars.colors.offBackground
|
|
19903
|
-
}
|
|
19904
|
-
), /* @__PURE__ */ React197.createElement(
|
|
19905
|
-
RainbowPillIcon,
|
|
19906
|
-
{
|
|
19907
|
-
backdropColor: themeVars.colors.offBackground
|
|
19908
|
-
}
|
|
19909
|
-
), /* @__PURE__ */ React197.createElement(
|
|
19910
|
-
VisaPillIcon,
|
|
19911
|
-
{
|
|
19912
|
-
backdropColor: themeVars.colors.offBackground
|
|
19913
|
-
}
|
|
19914
|
-
)) : /* @__PURE__ */ React197.createElement(React197.Fragment, null, /* @__PURE__ */ React197.createElement(
|
|
19915
|
-
BinancePillIcon,
|
|
19916
|
-
{
|
|
19917
|
-
backdropColor: themeVars.colors.offBackground
|
|
19918
|
-
}
|
|
19919
|
-
), /* @__PURE__ */ React197.createElement(
|
|
19920
|
-
CoinbasePillIcon,
|
|
19921
|
-
{
|
|
19922
|
-
backdropColor: themeVars.colors.offBackground
|
|
19923
|
-
}
|
|
19924
|
-
), /* @__PURE__ */ React197.createElement(
|
|
19925
|
-
MasterCardPillIcon,
|
|
19926
|
-
{
|
|
19927
|
-
backdropColor: themeVars.colors.offBackground
|
|
19928
|
-
}
|
|
19929
|
-
))
|
|
20058
|
+
type === "balance" /* ACCOUNT_BALANCE */ ? /* @__PURE__ */ React197.createElement(React197.Fragment, null, /* @__PURE__ */ React197.createElement(CoinbasePillIcon, { backdropColor }), /* @__PURE__ */ React197.createElement(BinancePillIcon, { backdropColor }), /* @__PURE__ */ React197.createElement(VisaPillIcon, { backdropColor })) : type === "brokerage" /* BROKERAGE */ ? /* @__PURE__ */ React197.createElement(React197.Fragment, null, /* @__PURE__ */ React197.createElement(MetamaskPillIcon, { backdropColor }), /* @__PURE__ */ React197.createElement(RainbowPillIcon, { backdropColor }), /* @__PURE__ */ React197.createElement(VisaPillIcon, { backdropColor })) : /* @__PURE__ */ React197.createElement(React197.Fragment, null, /* @__PURE__ */ React197.createElement(BinancePillIcon, { backdropColor }), /* @__PURE__ */ React197.createElement(CoinbasePillIcon, { backdropColor }), /* @__PURE__ */ React197.createElement(MasterCardPillIcon, { backdropColor }))
|
|
19930
20059
|
)
|
|
19931
20060
|
), /* @__PURE__ */ React197.createElement(ArrowIcon, { direction: "right", size: 20 }))
|
|
19932
20061
|
)
|
|
@@ -19986,6 +20115,13 @@ var SelectAssetInfo = {
|
|
|
19986
20115
|
step: "loading_account" /* LOADING_ACCOUNT */
|
|
19987
20116
|
};
|
|
19988
20117
|
}
|
|
20118
|
+
if (payload.transferToken) {
|
|
20119
|
+
return {
|
|
20120
|
+
...common,
|
|
20121
|
+
step: "transfer_token" /* TRANSFER_TOKEN */,
|
|
20122
|
+
transferToken: payload.transferToken
|
|
20123
|
+
};
|
|
20124
|
+
}
|
|
19989
20125
|
if (payload.paymentMethodInfo) {
|
|
19990
20126
|
return {
|
|
19991
20127
|
...common,
|
|
@@ -20007,19 +20143,23 @@ function useEnrichedAccountHoldings({
|
|
|
20007
20143
|
accountHoldings
|
|
20008
20144
|
}) {
|
|
20009
20145
|
const { isAllowed, isLoading: isLoadingAllowed } = useAllowedAssets();
|
|
20010
|
-
const { loginType } = useGeneralWallet();
|
|
20146
|
+
const { loginType, walletAddress } = useGeneralWallet();
|
|
20011
20147
|
const enrichedAccountHoldings = useMemo35(() => {
|
|
20012
20148
|
if (!checkoutConfig) return [];
|
|
20013
20149
|
return Object.values(accountHoldings).map((asset) => {
|
|
20014
|
-
const usableForCheckout = isAssetUsableToPayForCheckout(
|
|
20015
|
-
checkoutConfig,
|
|
20016
|
-
paymentMethodInfo.paymentMethod,
|
|
20017
|
-
|
|
20018
|
-
asset.
|
|
20019
|
-
asset.
|
|
20150
|
+
const usableForCheckout = isAssetUsableToPayForCheckout({
|
|
20151
|
+
config: checkoutConfig,
|
|
20152
|
+
paymentMethod: paymentMethodInfo.paymentMethod,
|
|
20153
|
+
payerAddress: walletAddress,
|
|
20154
|
+
assetChainId: asset.pickedChainId,
|
|
20155
|
+
assetTokenAddress: asset.tokenAddress,
|
|
20156
|
+
assetUsdAmount: asset.usdAmount,
|
|
20020
20157
|
loginType,
|
|
20021
|
-
isAllowed(
|
|
20022
|
-
|
|
20158
|
+
isAllowedForCheckout: isAllowed(
|
|
20159
|
+
asset.pickedChainId,
|
|
20160
|
+
asset.tokenAddress
|
|
20161
|
+
)
|
|
20162
|
+
});
|
|
20023
20163
|
return {
|
|
20024
20164
|
asset,
|
|
20025
20165
|
usableForCheckout
|
|
@@ -20030,13 +20170,15 @@ function useEnrichedAccountHoldings({
|
|
|
20030
20170
|
checkoutConfig,
|
|
20031
20171
|
isAllowed,
|
|
20032
20172
|
loginType,
|
|
20033
|
-
paymentMethodInfo.paymentMethod
|
|
20173
|
+
paymentMethodInfo.paymentMethod,
|
|
20174
|
+
walletAddress
|
|
20034
20175
|
]);
|
|
20035
20176
|
return { enrichedAccountHoldings, isLoadingAllowed };
|
|
20036
20177
|
}
|
|
20037
20178
|
function useAssetOptions({
|
|
20038
20179
|
enrichedAccountHoldings,
|
|
20039
20180
|
defaultTokenSymbols,
|
|
20181
|
+
userSelectedTargetAsset,
|
|
20040
20182
|
chainId
|
|
20041
20183
|
}) {
|
|
20042
20184
|
const assetOptions = useMemo35(() => {
|
|
@@ -20047,28 +20189,36 @@ function useAssetOptions({
|
|
|
20047
20189
|
const isKnown = isKnownAsset2(asset);
|
|
20048
20190
|
const isDisabled = !isUsable || !isKnown;
|
|
20049
20191
|
const isDefault = defaultTokenSymbols.includes(asset.chainSymbolKey);
|
|
20192
|
+
const isUserSelected = userSelectedTargetAsset?.tokenAddress === asset.tokenAddress;
|
|
20050
20193
|
let badgeText = "";
|
|
20051
|
-
const badgeColors = defaultBadgeColors;
|
|
20052
20194
|
if (!isUsable) {
|
|
20053
20195
|
badgeText = reason;
|
|
20054
20196
|
} else if (!isKnown) {
|
|
20055
20197
|
badgeText = "Unknown";
|
|
20198
|
+
} else if (isUserSelected) {
|
|
20199
|
+
badgeText = "Same Asset";
|
|
20056
20200
|
}
|
|
20057
20201
|
return {
|
|
20058
20202
|
asset,
|
|
20059
20203
|
isDefault,
|
|
20060
20204
|
isDisabled,
|
|
20061
|
-
|
|
20205
|
+
isUserSelected,
|
|
20062
20206
|
badgeText
|
|
20063
20207
|
};
|
|
20064
20208
|
}).sort(
|
|
20065
20209
|
(a, b) => (
|
|
20066
20210
|
// Place non disabled tokens first
|
|
20067
|
-
Number(a.isDisabled) - Number(b.isDisabled) || // Place
|
|
20211
|
+
Number(a.isDisabled) - Number(b.isDisabled) || // Place user selected token first
|
|
20212
|
+
Number(b.isUserSelected) - Number(a.isUserSelected) || // Place higher usdAmount assets first
|
|
20068
20213
|
(b.asset.usdAmount || 0) - (a.asset.usdAmount || 0)
|
|
20069
20214
|
)
|
|
20070
20215
|
);
|
|
20071
|
-
}, [
|
|
20216
|
+
}, [
|
|
20217
|
+
defaultTokenSymbols,
|
|
20218
|
+
enrichedAccountHoldings,
|
|
20219
|
+
chainId,
|
|
20220
|
+
userSelectedTargetAsset
|
|
20221
|
+
]);
|
|
20072
20222
|
return { assetOptions };
|
|
20073
20223
|
}
|
|
20074
20224
|
function MeshOrAccountSelectAsset({
|
|
@@ -20078,7 +20228,7 @@ function MeshOrAccountSelectAsset({
|
|
|
20078
20228
|
fetchHoldingsError
|
|
20079
20229
|
}) {
|
|
20080
20230
|
const [selectedChainId, setSelectedChainId] = useState53();
|
|
20081
|
-
const { apiKey } = useFunkitConfig();
|
|
20231
|
+
const { apiKey, textCustomizations } = useFunkitConfig();
|
|
20082
20232
|
const { checkoutItem, updateSourceAsset, updateTargetAsset } = useCheckoutContext();
|
|
20083
20233
|
const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState53("");
|
|
20084
20234
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
@@ -20104,6 +20254,7 @@ function MeshOrAccountSelectAsset({
|
|
|
20104
20254
|
const { assetOptions } = useAssetOptions({
|
|
20105
20255
|
enrichedAccountHoldings,
|
|
20106
20256
|
defaultTokenSymbols,
|
|
20257
|
+
userSelectedTargetAsset: userSelectedTargetAssetVertex,
|
|
20107
20258
|
chainId: selectedChainId
|
|
20108
20259
|
});
|
|
20109
20260
|
const updateTargetAssetForVertex = (tokenItem) => {
|
|
@@ -20204,14 +20355,13 @@ function MeshOrAccountSelectAsset({
|
|
|
20204
20355
|
if (isLoadingAllowed) {
|
|
20205
20356
|
return /* @__PURE__ */ React198.createElement(FunAssetLoading, { count: isVertexCustomer(apiKey) ? 7 : 5 });
|
|
20206
20357
|
}
|
|
20207
|
-
const assetList = isAssetsEmpty ? /* @__PURE__ */ React198.createElement(FunNoResults, { text: "No assets found" }) : /* @__PURE__ */ React198.createElement(Box, { display: "flex", flexDirection: "column" }, assetOptions.map(({ asset, isDisabled: isDisabled2,
|
|
20358
|
+
const assetList = isAssetsEmpty ? /* @__PURE__ */ React198.createElement(FunNoResults, { text: "No assets found" }) : /* @__PURE__ */ React198.createElement(Box, { display: "flex", flexDirection: "column" }, assetOptions.map(({ asset, isDisabled: isDisabled2, badgeText }) => /* @__PURE__ */ React198.createElement(
|
|
20208
20359
|
FunAssetItem,
|
|
20209
20360
|
{
|
|
20210
20361
|
key: asset.chainSymbolKey,
|
|
20211
20362
|
asset,
|
|
20212
20363
|
isActive: selectedChainTokenSymbol === asset.chainSymbolKey,
|
|
20213
20364
|
isDisabled: isDisabled2,
|
|
20214
|
-
badgeColors,
|
|
20215
20365
|
badgeText,
|
|
20216
20366
|
onClick: () => setSelectedChainTokenSymbol(asset.chainSymbolKey)
|
|
20217
20367
|
}
|
|
@@ -20238,6 +20388,7 @@ function MeshOrAccountSelectAsset({
|
|
|
20238
20388
|
/* @__PURE__ */ React198.createElement(
|
|
20239
20389
|
ReceiveTokenDropdown_default,
|
|
20240
20390
|
{
|
|
20391
|
+
label: "Asset to Receive",
|
|
20241
20392
|
tokens: candidates,
|
|
20242
20393
|
chainId: Number(checkoutConfig.targetChain),
|
|
20243
20394
|
defaultSelectedToken: checkoutConfig.targetAssetTicker || void 0,
|
|
@@ -20255,6 +20406,7 @@ function MeshOrAccountSelectAsset({
|
|
|
20255
20406
|
/* @__PURE__ */ React198.createElement(
|
|
20256
20407
|
FilterAssets,
|
|
20257
20408
|
{
|
|
20409
|
+
label: textCustomizations.tokensListTitle,
|
|
20258
20410
|
value: selectedChainId,
|
|
20259
20411
|
onFilterChange: setSelectedChainId
|
|
20260
20412
|
}
|
|
@@ -20284,7 +20436,11 @@ function MeshOrAccountSelectAsset({
|
|
|
20284
20436
|
bottomSectionRef
|
|
20285
20437
|
));
|
|
20286
20438
|
}
|
|
20287
|
-
var FilterAssets = ({
|
|
20439
|
+
var FilterAssets = ({
|
|
20440
|
+
value,
|
|
20441
|
+
onFilterChange,
|
|
20442
|
+
label = "Your tokens"
|
|
20443
|
+
}) => {
|
|
20288
20444
|
const enabledChainIds = FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST.sort(
|
|
20289
20445
|
(a, b) => a.name.localeCompare(b.name)
|
|
20290
20446
|
).map((chain) => chain.id);
|
|
@@ -20296,7 +20452,7 @@ var FilterAssets = ({ value, onFilterChange }) => {
|
|
|
20296
20452
|
alignItems: "center",
|
|
20297
20453
|
color: "secondaryText"
|
|
20298
20454
|
},
|
|
20299
|
-
/* @__PURE__ */ React198.createElement(Text, { size: "12", color: "secondaryText" },
|
|
20455
|
+
/* @__PURE__ */ React198.createElement(Text, { size: "12", color: "secondaryText" }, label),
|
|
20300
20456
|
/* @__PURE__ */ React198.createElement(
|
|
20301
20457
|
ChainDropdown,
|
|
20302
20458
|
{
|
|
@@ -20320,22 +20476,30 @@ function SelectWalletAsset({
|
|
|
20320
20476
|
paymentMethodInfo,
|
|
20321
20477
|
targetChainId,
|
|
20322
20478
|
onFinish,
|
|
20323
|
-
onSelectSource
|
|
20479
|
+
onSelectSource,
|
|
20480
|
+
onTokenTransfer
|
|
20324
20481
|
}) {
|
|
20325
20482
|
const label = usePaymentMethodInfoLabel(paymentMethodInfo, 16);
|
|
20326
|
-
const { apiKey
|
|
20327
|
-
const { walletAddress } = useGeneralWallet();
|
|
20483
|
+
const { apiKey } = useFunkitConfig();
|
|
20328
20484
|
const { data, isLoading, totalBalance } = useWalletAssetHoldings(targetChainId);
|
|
20329
|
-
return /* @__PURE__ */ React198.createElement(React198.Fragment, null, /* @__PURE__ */ React198.createElement(
|
|
20485
|
+
return /* @__PURE__ */ React198.createElement(React198.Fragment, null, /* @__PURE__ */ React198.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, /* @__PURE__ */ React198.createElement(
|
|
20330
20486
|
SourcePaymentMethodItem,
|
|
20331
20487
|
{
|
|
20332
20488
|
type: "balance" /* ACCOUNT_BALANCE */,
|
|
20333
|
-
keyText:
|
|
20489
|
+
keyText: label.text,
|
|
20334
20490
|
disclaimerText: isVertexCustomer(apiKey) ? void 0 : formatCurrencyAndStringify9(totalBalance),
|
|
20335
20491
|
keyIcon: label.icon,
|
|
20336
20492
|
onClick: onSelectSource
|
|
20337
20493
|
}
|
|
20338
|
-
),
|
|
20494
|
+
), /* @__PURE__ */ React198.createElement(
|
|
20495
|
+
SolanaDepositAlert,
|
|
20496
|
+
{
|
|
20497
|
+
onClick: () => onTokenTransfer({
|
|
20498
|
+
token: solanaChain.nativeCurrency.symbol,
|
|
20499
|
+
chainId: solanaChain.id
|
|
20500
|
+
})
|
|
20501
|
+
}
|
|
20502
|
+
)), isLoading ? /* @__PURE__ */ React198.createElement(FunAssetLoading, { count: isVertexCustomer(apiKey) ? 7 : 5 }) : /* @__PURE__ */ React198.createElement(
|
|
20339
20503
|
MeshOrAccountSelectAsset,
|
|
20340
20504
|
{
|
|
20341
20505
|
paymentMethodInfo,
|
|
@@ -20350,6 +20514,7 @@ function SelectMeshAsset({
|
|
|
20350
20514
|
targetChainId,
|
|
20351
20515
|
onFinish,
|
|
20352
20516
|
onSelectSource,
|
|
20517
|
+
onTokenTransfer,
|
|
20353
20518
|
onBrokerageDisconnected
|
|
20354
20519
|
}) {
|
|
20355
20520
|
const label = usePaymentMethodInfoLabel(paymentMethodInfo, 16);
|
|
@@ -20363,9 +20528,7 @@ function SelectMeshAsset({
|
|
|
20363
20528
|
FunLinkButton,
|
|
20364
20529
|
{
|
|
20365
20530
|
text: "Unlink.",
|
|
20366
|
-
|
|
20367
|
-
hasPadding: false,
|
|
20368
|
-
textProps: { weight: "medium" },
|
|
20531
|
+
weight: "medium",
|
|
20369
20532
|
onClick: () => {
|
|
20370
20533
|
unlinkBrokerage(paymentMethodInfo.meta.brokerType);
|
|
20371
20534
|
onBrokerageDisconnected();
|
|
@@ -20374,7 +20537,7 @@ function SelectMeshAsset({
|
|
|
20374
20537
|
)) : null;
|
|
20375
20538
|
const accountHoldings = data ?? {};
|
|
20376
20539
|
const totalBalance = getTotalAssetBalance(accountHoldings);
|
|
20377
|
-
return /* @__PURE__ */ React198.createElement(React198.Fragment, null, /* @__PURE__ */ React198.createElement(
|
|
20540
|
+
return /* @__PURE__ */ React198.createElement(React198.Fragment, null, /* @__PURE__ */ React198.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, /* @__PURE__ */ React198.createElement(
|
|
20378
20541
|
SourcePaymentMethodItem,
|
|
20379
20542
|
{
|
|
20380
20543
|
type: "brokerage" /* BROKERAGE */,
|
|
@@ -20383,7 +20546,15 @@ function SelectMeshAsset({
|
|
|
20383
20546
|
keyIcon: label.icon,
|
|
20384
20547
|
onClick: onSelectSource
|
|
20385
20548
|
}
|
|
20386
|
-
),
|
|
20549
|
+
), /* @__PURE__ */ React198.createElement(
|
|
20550
|
+
SolanaDepositAlert,
|
|
20551
|
+
{
|
|
20552
|
+
onClick: () => onTokenTransfer({
|
|
20553
|
+
token: solanaChain.nativeCurrency.symbol,
|
|
20554
|
+
chainId: solanaChain.id
|
|
20555
|
+
})
|
|
20556
|
+
}
|
|
20557
|
+
)), isLoading ? /* @__PURE__ */ React198.createElement(FunAssetLoading, { count: isVertexCustomer(apiKey) ? 7 : 5 }) : /* @__PURE__ */ React198.createElement(
|
|
20387
20558
|
MeshOrAccountSelectAsset,
|
|
20388
20559
|
{
|
|
20389
20560
|
paymentMethodInfo,
|
|
@@ -20399,9 +20570,8 @@ function SelectAsset({
|
|
|
20399
20570
|
}) {
|
|
20400
20571
|
const { paymentMethodInfo, targetChainId } = modalState;
|
|
20401
20572
|
useAllowedAssets();
|
|
20402
|
-
const handleSelectSource = () => {
|
|
20403
|
-
|
|
20404
|
-
};
|
|
20573
|
+
const handleSelectSource = () => onNext({ paymentMethodInfo });
|
|
20574
|
+
const handleTokenTransfer = (transferToken) => onNext({ transferToken });
|
|
20405
20575
|
const handleFinish = useEffectEvent(() => {
|
|
20406
20576
|
onNext({});
|
|
20407
20577
|
});
|
|
@@ -20415,6 +20585,7 @@ function SelectAsset({
|
|
|
20415
20585
|
targetChainId,
|
|
20416
20586
|
onFinish: handleFinish,
|
|
20417
20587
|
onSelectSource: handleSelectSource,
|
|
20588
|
+
onTokenTransfer: handleTokenTransfer,
|
|
20418
20589
|
onBrokerageDisconnected: handleBrokerageDisconnected
|
|
20419
20590
|
}
|
|
20420
20591
|
) : /* @__PURE__ */ React198.createElement(
|
|
@@ -20423,7 +20594,8 @@ function SelectAsset({
|
|
|
20423
20594
|
paymentMethodInfo,
|
|
20424
20595
|
targetChainId,
|
|
20425
20596
|
onFinish: handleFinish,
|
|
20426
|
-
onSelectSource: handleSelectSource
|
|
20597
|
+
onSelectSource: handleSelectSource,
|
|
20598
|
+
onTokenTransfer: handleTokenTransfer
|
|
20427
20599
|
}
|
|
20428
20600
|
));
|
|
20429
20601
|
}
|
|
@@ -20432,7 +20604,7 @@ function SelectAsset({
|
|
|
20432
20604
|
import React200, { useState as useState54 } from "react";
|
|
20433
20605
|
|
|
20434
20606
|
// src/components/FunSelectBrokerage/FunSelectBrokerage.tsx
|
|
20435
|
-
import
|
|
20607
|
+
import clsx22 from "clsx";
|
|
20436
20608
|
import React199 from "react";
|
|
20437
20609
|
|
|
20438
20610
|
// src/components/FunSelectBrokerage/FunSelectBrokerage.css.ts
|
|
@@ -20447,7 +20619,7 @@ function FunSelectBrokerage({
|
|
|
20447
20619
|
return /* @__PURE__ */ React199.createElement(
|
|
20448
20620
|
Box,
|
|
20449
20621
|
{
|
|
20450
|
-
className:
|
|
20622
|
+
className: clsx22(hideScrollBar, selectBrokerageStyle),
|
|
20451
20623
|
width: "full",
|
|
20452
20624
|
display: "flex",
|
|
20453
20625
|
flexDirection: "column"
|
|
@@ -20552,23 +20724,25 @@ import React202, { useEffect as useEffect42, useState as useState56 } from "reac
|
|
|
20552
20724
|
|
|
20553
20725
|
// src/components/FunPayments/FunPaymentMethods.tsx
|
|
20554
20726
|
import {
|
|
20727
|
+
FlagKey as FlagKey20,
|
|
20555
20728
|
formatCurrencyAndStringify as formatCurrencyAndStringify10,
|
|
20556
20729
|
formatSecondsToReadableForm as formatSecondsToReadableForm3
|
|
20557
20730
|
} from "@funkit/utils";
|
|
20558
20731
|
import React201, { Fragment as Fragment4, useEffect as useEffect41 } from "react";
|
|
20732
|
+
import { solanaChain as solanaChain3 } from "@funkit/chains";
|
|
20559
20733
|
|
|
20560
20734
|
// src/hooks/useEnabledTokenTransferChainTokens.ts
|
|
20561
|
-
import { solanaChain } from "@funkit/chains";
|
|
20562
|
-
import { FlagKey as
|
|
20735
|
+
import { solanaChain as solanaChain2 } from "@funkit/chains";
|
|
20736
|
+
import { FlagKey as FlagKey19 } from "@funkit/utils";
|
|
20563
20737
|
function useEnabledTokenTransferChainTokens(transferInit) {
|
|
20564
|
-
const assetsJsonString = useFlag(
|
|
20738
|
+
const assetsJsonString = useFlag(FlagKey19.TokenTransferSourceChainsAndAssets);
|
|
20565
20739
|
const assets = safeJSONParse(assetsJsonString);
|
|
20566
20740
|
if (!assets) return {};
|
|
20567
20741
|
const hasSolanaAddress = !!transferInit?.solanaAddr;
|
|
20568
20742
|
return Object.keys(assets).reduce(
|
|
20569
20743
|
(acc, curChainIdString) => {
|
|
20570
20744
|
const chainId = Number(curChainIdString);
|
|
20571
|
-
const isSolana = chainId ===
|
|
20745
|
+
const isSolana = chainId === solanaChain2.id;
|
|
20572
20746
|
if (isSolana && transferInit !== void 0 && !hasSolanaAddress) {
|
|
20573
20747
|
return acc;
|
|
20574
20748
|
}
|
|
@@ -21270,28 +21444,32 @@ var getDefaultTransports = () => {
|
|
|
21270
21444
|
import { useMemo as useMemo36 } from "react";
|
|
21271
21445
|
function useUsableWalletAssetsForCheckout() {
|
|
21272
21446
|
const { checkoutItem } = useCheckoutContext();
|
|
21273
|
-
const { loginType } = useGeneralWallet();
|
|
21447
|
+
const { loginType, walletAddress } = useGeneralWallet();
|
|
21274
21448
|
const { walletAssets } = useWalletAssets({ enableRefetchInterval: false });
|
|
21275
21449
|
const { isAllowed } = useAllowedAssets();
|
|
21276
21450
|
return useMemo36(() => {
|
|
21277
21451
|
if (!walletAssets || !checkoutItem) return;
|
|
21278
21452
|
const usableAssets = {};
|
|
21279
21453
|
for (const [assetKey, asset] of Object.entries(walletAssets)) {
|
|
21280
|
-
const { isUsable } = isAssetUsableToPayForCheckout(
|
|
21281
|
-
checkoutItem.initSettings.config,
|
|
21282
|
-
|
|
21283
|
-
|
|
21284
|
-
asset.
|
|
21285
|
-
asset.
|
|
21454
|
+
const { isUsable } = isAssetUsableToPayForCheckout({
|
|
21455
|
+
config: checkoutItem.initSettings.config,
|
|
21456
|
+
payerAddress: walletAddress,
|
|
21457
|
+
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
21458
|
+
assetChainId: asset.chainId,
|
|
21459
|
+
assetTokenAddress: asset.contractAddress,
|
|
21460
|
+
assetUsdAmount: asset.totalUsdValue,
|
|
21286
21461
|
loginType,
|
|
21287
|
-
isAllowed(
|
|
21288
|
-
|
|
21462
|
+
isAllowedForCheckout: isAllowed(
|
|
21463
|
+
asset.chainId,
|
|
21464
|
+
asset.contractAddress
|
|
21465
|
+
)
|
|
21466
|
+
});
|
|
21289
21467
|
if (isUsable) {
|
|
21290
21468
|
usableAssets[assetKey] = asset;
|
|
21291
21469
|
}
|
|
21292
21470
|
}
|
|
21293
21471
|
return usableAssets;
|
|
21294
|
-
}, [checkoutItem, isAllowed, loginType, walletAssets]);
|
|
21472
|
+
}, [checkoutItem, isAllowed, loginType, walletAddress, walletAssets]);
|
|
21295
21473
|
}
|
|
21296
21474
|
|
|
21297
21475
|
// src/components/FunPayments/FunPaymentMethods.tsx
|
|
@@ -21412,7 +21590,6 @@ var ConnectedMeshPaymentMethodItem = ({
|
|
|
21412
21590
|
// Checking for isPending since isLoading is false initially while query is disabled
|
|
21413
21591
|
// isPending is actually recommended for most queries as loading state and was originally named isLoading in v4
|
|
21414
21592
|
isPending,
|
|
21415
|
-
isLoading,
|
|
21416
21593
|
isFetching,
|
|
21417
21594
|
error: balanceError
|
|
21418
21595
|
} = useMeshAccountHoldings(targetChainId, paymentMethodInfo.meta);
|
|
@@ -21420,25 +21597,19 @@ var ConnectedMeshPaymentMethodItem = ({
|
|
|
21420
21597
|
const label = usePaymentMethodInfoLabel(paymentMethodInfo);
|
|
21421
21598
|
const timeEstimate = useCheckoutTimeEstimate(3 * 60, "brokerage" /* BROKERAGE */);
|
|
21422
21599
|
const disclaimerText = isPending ? "Fetching balance..." : balanceError ? "Couldn't fetch balance" : `${formatCurrencyAndStringify10(sourceBalance)} \u2022 ${formatSecondsToReadableForm3(timeEstimate, true)}`;
|
|
21423
|
-
const
|
|
21600
|
+
const hasLowBalance = !isPending && sourceBalance < MIN_CHECKOUT_AMOUNT_USD;
|
|
21601
|
+
const isDisabled = isPending || !!balanceError || hasLowBalance;
|
|
21424
21602
|
useEffect41(() => {
|
|
21425
|
-
if (isPending ||
|
|
21426
|
-
return;
|
|
21427
|
-
}
|
|
21603
|
+
if (isPending || isFetching) return;
|
|
21428
21604
|
if (balanceError) {
|
|
21429
21605
|
onBrokerageError?.();
|
|
21430
21606
|
}
|
|
21431
|
-
}, [
|
|
21432
|
-
balanceError,
|
|
21433
|
-
isPending,
|
|
21434
|
-
isLoading,
|
|
21435
|
-
isFetching,
|
|
21436
|
-
paymentMethodInfo.meta.brokerType
|
|
21437
|
-
]);
|
|
21607
|
+
}, [balanceError, isPending, isFetching, paymentMethodInfo.meta.brokerType]);
|
|
21438
21608
|
return /* @__PURE__ */ React201.createElement(
|
|
21439
21609
|
FunPaymentMethodItem,
|
|
21440
21610
|
{
|
|
21441
21611
|
isDisabled,
|
|
21612
|
+
badgeText: hasLowBalance ? LOW_BALANCE : void 0,
|
|
21442
21613
|
isError: !!balanceError,
|
|
21443
21614
|
isActive: isSelected,
|
|
21444
21615
|
keyIcon: label.icon,
|
|
@@ -21529,9 +21700,11 @@ var TransferPaymentMethodItem = ({
|
|
|
21529
21700
|
keyIconSize
|
|
21530
21701
|
}) => {
|
|
21531
21702
|
const enabledChainTokens = useEnabledTokenTransferChainTokens();
|
|
21703
|
+
const displaySolanaNewBadge = useFlag(FlagKey20.DisplaySolanaNewBadge);
|
|
21532
21704
|
const getTokenTransferIcon = () => {
|
|
21533
|
-
const uniqueChainIds =
|
|
21534
|
-
|
|
21705
|
+
const uniqueChainIds = new Set(Object.keys(enabledChainTokens));
|
|
21706
|
+
const hasSolana = uniqueChainIds.delete(`${solanaChain3.id}`);
|
|
21707
|
+
return /* @__PURE__ */ React201.createElement(Box, { display: "flex", gap: "8" }, /* @__PURE__ */ React201.createElement(SupportedChainList, { chainIdList: Array.from(uniqueChainIds) }), hasSolana && displaySolanaNewBadge && /* @__PURE__ */ React201.createElement(SolanaBadge, null));
|
|
21535
21708
|
};
|
|
21536
21709
|
return /* @__PURE__ */ React201.createElement(
|
|
21537
21710
|
FunPaymentMethodItem,
|
|
@@ -21614,7 +21787,7 @@ function AddPaymentMethodItem({
|
|
|
21614
21787
|
}
|
|
21615
21788
|
|
|
21616
21789
|
// src/hooks/usePaymentSources.ts
|
|
21617
|
-
import { FlagKey as
|
|
21790
|
+
import { FlagKey as FlagKey21, isNotNullish as isNotNullish11 } from "@funkit/utils";
|
|
21618
21791
|
function useRemainingMeshExchangeConnections(selected) {
|
|
21619
21792
|
const { getActiveConnection } = useFunkitMesh();
|
|
21620
21793
|
const supportedExchanges = useSupportedExchanges();
|
|
@@ -21644,7 +21817,7 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
21644
21817
|
const { isUserLoggedIn, walletAddress } = useGeneralWallet();
|
|
21645
21818
|
const { hasUsableBalance } = useWalletAssetHoldings(targetChainId);
|
|
21646
21819
|
const { apiKey, uiCustomizations } = useFunkitConfig();
|
|
21647
|
-
const isTokenTransferEnabled = useFlag(
|
|
21820
|
+
const isTokenTransferEnabled = useFlag(FlagKey21.EnableTokenTransfer);
|
|
21648
21821
|
const accountPaymentMethodInfo = createPaymentMethodInfo({
|
|
21649
21822
|
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
21650
21823
|
walletAddress
|
|
@@ -21926,13 +22099,21 @@ function SourceChange({
|
|
|
21926
22099
|
}
|
|
21927
22100
|
);
|
|
21928
22101
|
}
|
|
21929
|
-
return /* @__PURE__ */ React202.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), preferred.length > 0 && /* @__PURE__ */ React202.createElement(
|
|
22102
|
+
return /* @__PURE__ */ React202.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), preferred.length > 0 && /* @__PURE__ */ React202.createElement(
|
|
22103
|
+
FunDivider,
|
|
22104
|
+
{
|
|
22105
|
+
label: "more",
|
|
22106
|
+
marginTop: "8",
|
|
22107
|
+
marginBottom: "8",
|
|
22108
|
+
borderColor: "selectedOptionBorder"
|
|
22109
|
+
}
|
|
22110
|
+
), moreSources.map(renderSource));
|
|
21930
22111
|
}
|
|
21931
22112
|
|
|
21932
22113
|
// src/modals/CheckoutModal/TransferToken/TransferToken.tsx
|
|
21933
|
-
import { FlagKey as
|
|
22114
|
+
import { FlagKey as FlagKey24 } from "@funkit/utils";
|
|
21934
22115
|
import { motion as motion10, useAnimationControls as useAnimationControls3 } from "motion/react";
|
|
21935
|
-
import React212, { useRef as useRef20, useState as useState59 } from "react";
|
|
22116
|
+
import React212, { useEffect as useEffect43, useRef as useRef20, useState as useState59 } from "react";
|
|
21936
22117
|
import { polygon as polygon6 } from "viem/chains";
|
|
21937
22118
|
|
|
21938
22119
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
@@ -21977,8 +22158,8 @@ var CheckCircleIcon = () => {
|
|
|
21977
22158
|
};
|
|
21978
22159
|
|
|
21979
22160
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
21980
|
-
var copyButton = "_1kbzei93
|
|
21981
|
-
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4
|
|
22161
|
+
var copyButton = "_1kbzei93 _1rsrm2fcm _1rsrm2fdd _1rsrm2fe0 _1rsrm2fbr _1rsrm2fa _1rsrm2f4 _1rsrm2f3r _1rsrm2ffq _1rsrm2f1eh _1rsrm2f20 _1rsrm2fjh _1rsrm2fk0 _1rsrm2fm1";
|
|
22162
|
+
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1f _1rsrm2fyb _1rsrm2f15 _1rsrm2ft _1rsrm2f11";
|
|
21982
22163
|
|
|
21983
22164
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
21984
22165
|
function CopyInputDisplayedAddress({
|
|
@@ -21991,6 +22172,7 @@ function CopyInputDisplayedAddress({
|
|
|
21991
22172
|
}
|
|
21992
22173
|
|
|
21993
22174
|
// src/components/Dropdown/TokenDropdown.tsx
|
|
22175
|
+
import { FlagKey as FlagKey22 } from "@funkit/utils";
|
|
21994
22176
|
import React205, { useState as useState57 } from "react";
|
|
21995
22177
|
var TOKEN_ICON_SIZE2 = 16;
|
|
21996
22178
|
var getTokenIconUrl2 = (symbol) => {
|
|
@@ -22000,14 +22182,16 @@ var TokenDropdown = ({
|
|
|
22000
22182
|
assets,
|
|
22001
22183
|
selectedChainId,
|
|
22002
22184
|
defaultSelectedToken,
|
|
22003
|
-
onTokenSelected
|
|
22185
|
+
onTokenSelected,
|
|
22186
|
+
isLoading
|
|
22004
22187
|
}) => {
|
|
22005
22188
|
const enabledTokens = assets[selectedChainId];
|
|
22006
22189
|
const allTokens = Array.from(new Set(Object.values(assets).flat()));
|
|
22007
|
-
const
|
|
22008
|
-
|
|
22009
|
-
);
|
|
22190
|
+
const defaultToken = defaultSelectedToken ?? enabledTokens[0];
|
|
22191
|
+
const [isTouched, setIsTouched] = useState57(false);
|
|
22192
|
+
const [selectedSymbol, setSelectedSymbol] = useState57(defaultToken);
|
|
22010
22193
|
const activeTokenIconUrl = getTokenIconUrl2(selectedSymbol);
|
|
22194
|
+
const displaySolanaNewBadge = useFlag(FlagKey22.DisplaySolanaNewBadge);
|
|
22011
22195
|
const handleChangeSymbol = (symbol) => {
|
|
22012
22196
|
setSelectedSymbol(symbol);
|
|
22013
22197
|
if (!enabledTokens.includes(symbol)) {
|
|
@@ -22027,7 +22211,9 @@ var TokenDropdown = ({
|
|
|
22027
22211
|
return /* @__PURE__ */ React205.createElement(
|
|
22028
22212
|
BaseDropdown_default,
|
|
22029
22213
|
{
|
|
22214
|
+
isLoading,
|
|
22030
22215
|
openToTopOnMobile: false,
|
|
22216
|
+
onOpen: () => setIsTouched(true),
|
|
22031
22217
|
activeItemProps: {
|
|
22032
22218
|
iconComponent: /* @__PURE__ */ React205.createElement(
|
|
22033
22219
|
AsyncImage,
|
|
@@ -22039,7 +22225,9 @@ var TokenDropdown = ({
|
|
|
22039
22225
|
src: activeTokenIconUrl,
|
|
22040
22226
|
fallbackSrc: FALLBACK_ASSET
|
|
22041
22227
|
}
|
|
22042
|
-
)
|
|
22228
|
+
),
|
|
22229
|
+
tagComponent: displaySolanaNewBadge && !isTouched && /* @__PURE__ */ React205.createElement(SolanaBadge, null),
|
|
22230
|
+
tagPosition: "end"
|
|
22043
22231
|
},
|
|
22044
22232
|
value: selectedSymbol,
|
|
22045
22233
|
options: allTokens.map((symbol) => ({
|
|
@@ -22049,6 +22237,7 @@ var TokenDropdown = ({
|
|
|
22049
22237
|
renderDropdownOption: (option, isSelected) => {
|
|
22050
22238
|
const symbol = option.value;
|
|
22051
22239
|
const iconUrl = getTokenIconUrl2(symbol);
|
|
22240
|
+
const displayNewBadge = displaySolanaNewBadge && symbol === "SOL";
|
|
22052
22241
|
return /* @__PURE__ */ React205.createElement(
|
|
22053
22242
|
BaseDropdownItem_default,
|
|
22054
22243
|
{
|
|
@@ -22064,8 +22253,8 @@ var TokenDropdown = ({
|
|
|
22064
22253
|
}
|
|
22065
22254
|
),
|
|
22066
22255
|
id: option.value,
|
|
22067
|
-
onClick:
|
|
22068
|
-
label: option.label,
|
|
22256
|
+
onClick: handleChangeSymbol,
|
|
22257
|
+
label: displayNewBadge ? /* @__PURE__ */ React205.createElement(Box, { display: "flex", gap: "4", alignItems: "center" }, option.label, /* @__PURE__ */ React205.createElement(SolanaBadge, { withIcon: false })) : option.label,
|
|
22069
22258
|
isSelected
|
|
22070
22259
|
}
|
|
22071
22260
|
);
|
|
@@ -22075,93 +22264,39 @@ var TokenDropdown = ({
|
|
|
22075
22264
|
);
|
|
22076
22265
|
};
|
|
22077
22266
|
|
|
22078
|
-
// src/components/Icons/New/InfoIcon.tsx
|
|
22079
|
-
import React206 from "react";
|
|
22080
|
-
var InfoIcon = ({ filled = false }) => {
|
|
22081
|
-
if (filled) {
|
|
22082
|
-
return /* @__PURE__ */ React206.createElement(
|
|
22083
|
-
"svg",
|
|
22084
|
-
{
|
|
22085
|
-
width: "12",
|
|
22086
|
-
height: "12",
|
|
22087
|
-
viewBox: "0 0 12 12",
|
|
22088
|
-
fill: "none",
|
|
22089
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
22090
|
-
},
|
|
22091
|
-
/* @__PURE__ */ React206.createElement(
|
|
22092
|
-
"path",
|
|
22093
|
-
{
|
|
22094
|
-
fillRule: "evenodd",
|
|
22095
|
-
clipRule: "evenodd",
|
|
22096
|
-
d: "M6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5ZM6 3.5C5.72386 3.5 5.5 3.72386 5.5 4C5.5 4.27614 5.72386 4.5 6 4.5H6.005C6.28114 4.5 6.505 4.27614 6.505 4C6.505 3.72386 6.28114 3.5 6.005 3.5H6ZM6.5 6C6.5 5.72386 6.27614 5.5 6 5.5C5.72386 5.5 5.5 5.72386 5.5 6V8C5.5 8.27614 5.72386 8.5 6 8.5C6.27614 8.5 6.5 8.27614 6.5 8V6Z",
|
|
22097
|
-
fill: "currentColor"
|
|
22098
|
-
}
|
|
22099
|
-
)
|
|
22100
|
-
);
|
|
22101
|
-
}
|
|
22102
|
-
return /* @__PURE__ */ React206.createElement(
|
|
22103
|
-
"svg",
|
|
22104
|
-
{
|
|
22105
|
-
width: "13",
|
|
22106
|
-
height: "12",
|
|
22107
|
-
viewBox: "0 0 13 12",
|
|
22108
|
-
fill: "none",
|
|
22109
|
-
xmlns: "http://www.w3.org/2000/svg"
|
|
22110
|
-
},
|
|
22111
|
-
/* @__PURE__ */ React206.createElement("g", { clipPath: "url(#clip0_24111_15523)" }, /* @__PURE__ */ React206.createElement(
|
|
22112
|
-
"path",
|
|
22113
|
-
{
|
|
22114
|
-
d: "M6.5 8V6M6.5 4H6.505M11.5 6C11.5 8.76142 9.26142 11 6.5 11C3.73858 11 1.5 8.76142 1.5 6C1.5 3.23858 3.73858 1 6.5 1C9.26142 1 11.5 3.23858 11.5 6Z",
|
|
22115
|
-
stroke: "currentColor",
|
|
22116
|
-
strokeWidth: "1.5",
|
|
22117
|
-
strokeLinecap: "round",
|
|
22118
|
-
strokeLinejoin: "round"
|
|
22119
|
-
}
|
|
22120
|
-
)),
|
|
22121
|
-
/* @__PURE__ */ React206.createElement("defs", null, /* @__PURE__ */ React206.createElement("clipPath", { id: "clip0_24111_15523" }, /* @__PURE__ */ React206.createElement(
|
|
22122
|
-
"rect",
|
|
22123
|
-
{
|
|
22124
|
-
width: "12",
|
|
22125
|
-
height: "12",
|
|
22126
|
-
fill: "white",
|
|
22127
|
-
transform: "translate(0.5)"
|
|
22128
|
-
}
|
|
22129
|
-
)))
|
|
22130
|
-
);
|
|
22131
|
-
};
|
|
22132
|
-
|
|
22133
22267
|
// src/components/QRCode/QRCodeSkeletonLoader.tsx
|
|
22134
|
-
import
|
|
22268
|
+
import React206 from "react";
|
|
22269
|
+
var DOT_SIZE = "8";
|
|
22270
|
+
var GAP_SIZE = "4";
|
|
22135
22271
|
var QRCodeSkeletonLoader = ({
|
|
22136
22272
|
diagonalDimension = 12
|
|
22137
22273
|
}) => {
|
|
22138
|
-
const
|
|
22139
|
-
|
|
22140
|
-
return /* @__PURE__ */ React207.createElement(
|
|
22274
|
+
const size = diagonalDimension * Number(DOT_SIZE) + (diagonalDimension - 1) * Number(GAP_SIZE);
|
|
22275
|
+
return /* @__PURE__ */ React206.createElement(Box, { padding: "5" }, /* @__PURE__ */ React206.createElement(
|
|
22141
22276
|
Box,
|
|
22142
22277
|
{
|
|
22143
22278
|
display: "flex",
|
|
22144
22279
|
flexDirection: "column",
|
|
22145
22280
|
alignItems: "center",
|
|
22146
22281
|
justifyContent: "center",
|
|
22147
|
-
gap:
|
|
22282
|
+
gap: GAP_SIZE,
|
|
22148
22283
|
style: { width: `${size}px`, height: `${size}px` }
|
|
22149
22284
|
},
|
|
22150
|
-
Array.from({ length: diagonalDimension }, (_, index) => /* @__PURE__ */
|
|
22285
|
+
Array.from({ length: diagonalDimension }, (_, index) => /* @__PURE__ */ React206.createElement(
|
|
22151
22286
|
Box,
|
|
22152
22287
|
{
|
|
22153
22288
|
display: "flex",
|
|
22154
22289
|
alignItems: "center",
|
|
22155
22290
|
justifyContent: "center",
|
|
22156
|
-
gap:
|
|
22291
|
+
gap: GAP_SIZE,
|
|
22157
22292
|
key: index
|
|
22158
22293
|
},
|
|
22159
22294
|
Array.from({ length: diagonalDimension }, (_2, index2) => (
|
|
22160
22295
|
// biome-ignore lint/suspicious/noArrayIndexKey: no better key
|
|
22161
|
-
/* @__PURE__ */
|
|
22296
|
+
/* @__PURE__ */ React206.createElement(FunSkeletonCircle, { size: DOT_SIZE, key: index2 })
|
|
22162
22297
|
))
|
|
22163
22298
|
))
|
|
22164
|
-
);
|
|
22299
|
+
));
|
|
22165
22300
|
};
|
|
22166
22301
|
var QRCodeSkeletonLoader_default = QRCodeSkeletonLoader;
|
|
22167
22302
|
|
|
@@ -22175,9 +22310,9 @@ import React211 from "react";
|
|
|
22175
22310
|
import { useState as useState58 } from "react";
|
|
22176
22311
|
|
|
22177
22312
|
// src/components/Icons/New/DollarIcon.tsx
|
|
22178
|
-
import
|
|
22313
|
+
import React207 from "react";
|
|
22179
22314
|
var DollarIcon = () => {
|
|
22180
|
-
return /* @__PURE__ */
|
|
22315
|
+
return /* @__PURE__ */ React207.createElement(
|
|
22181
22316
|
"svg",
|
|
22182
22317
|
{
|
|
22183
22318
|
width: "12",
|
|
@@ -22186,7 +22321,7 @@ var DollarIcon = () => {
|
|
|
22186
22321
|
fill: "none",
|
|
22187
22322
|
xmlns: "http://www.w3.org/2000/svg"
|
|
22188
22323
|
},
|
|
22189
|
-
/* @__PURE__ */
|
|
22324
|
+
/* @__PURE__ */ React207.createElement(
|
|
22190
22325
|
"path",
|
|
22191
22326
|
{
|
|
22192
22327
|
fillRule: "evenodd",
|
|
@@ -22199,9 +22334,9 @@ var DollarIcon = () => {
|
|
|
22199
22334
|
};
|
|
22200
22335
|
|
|
22201
22336
|
// src/components/Icons/New/FileIcon.tsx
|
|
22202
|
-
import
|
|
22337
|
+
import React208 from "react";
|
|
22203
22338
|
var FileIcon = () => {
|
|
22204
|
-
return /* @__PURE__ */
|
|
22339
|
+
return /* @__PURE__ */ React208.createElement(
|
|
22205
22340
|
"svg",
|
|
22206
22341
|
{
|
|
22207
22342
|
width: "12",
|
|
@@ -22210,7 +22345,7 @@ var FileIcon = () => {
|
|
|
22210
22345
|
fill: "none",
|
|
22211
22346
|
xmlns: "http://www.w3.org/2000/svg"
|
|
22212
22347
|
},
|
|
22213
|
-
/* @__PURE__ */
|
|
22348
|
+
/* @__PURE__ */ React208.createElement(
|
|
22214
22349
|
"path",
|
|
22215
22350
|
{
|
|
22216
22351
|
fillRule: "evenodd",
|
|
@@ -22223,8 +22358,32 @@ var FileIcon = () => {
|
|
|
22223
22358
|
};
|
|
22224
22359
|
|
|
22225
22360
|
// src/components/Icons/New/SpeedometerIcon.tsx
|
|
22226
|
-
import
|
|
22361
|
+
import React209 from "react";
|
|
22227
22362
|
var SpeedometerIcon = () => {
|
|
22363
|
+
return /* @__PURE__ */ React209.createElement(
|
|
22364
|
+
"svg",
|
|
22365
|
+
{
|
|
22366
|
+
width: "12",
|
|
22367
|
+
height: "12",
|
|
22368
|
+
viewBox: "0 0 12 12",
|
|
22369
|
+
fill: "none",
|
|
22370
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
22371
|
+
},
|
|
22372
|
+
/* @__PURE__ */ React209.createElement(
|
|
22373
|
+
"path",
|
|
22374
|
+
{
|
|
22375
|
+
fillRule: "evenodd",
|
|
22376
|
+
clipRule: "evenodd",
|
|
22377
|
+
d: "M6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5ZM3 6C3 4.34315 4.34315 3 6 3C6.27614 3 6.5 2.77614 6.5 2.5C6.5 2.22386 6.27614 2 6 2C3.79086 2 2 3.79086 2 6C2 6.27614 2.22386 6.5 2.5 6.5C2.77614 6.5 3 6.27614 3 6ZM8.60349 4.10355C8.79875 3.90829 8.79875 3.59171 8.60349 3.39645C8.40823 3.20118 8.09165 3.20118 7.89639 3.39645L6.25897 5.03386C6.17637 5.01177 6.08956 5 6 5C5.44772 5 5 5.44772 5 6C5 6.55228 5.44772 7 6 7C6.55228 7 7 6.55228 7 6C7 5.9104 6.98822 5.82356 6.96612 5.74093L8.60349 4.10355Z",
|
|
22378
|
+
fill: "currentColor"
|
|
22379
|
+
}
|
|
22380
|
+
)
|
|
22381
|
+
);
|
|
22382
|
+
};
|
|
22383
|
+
|
|
22384
|
+
// src/components/Icons/New/PercentageIcon.tsx
|
|
22385
|
+
import React210 from "react";
|
|
22386
|
+
var PercentageIcon = () => {
|
|
22228
22387
|
return /* @__PURE__ */ React210.createElement(
|
|
22229
22388
|
"svg",
|
|
22230
22389
|
{
|
|
@@ -22239,7 +22398,7 @@ var SpeedometerIcon = () => {
|
|
|
22239
22398
|
{
|
|
22240
22399
|
fillRule: "evenodd",
|
|
22241
22400
|
clipRule: "evenodd",
|
|
22242
|
-
d: "M6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.
|
|
22401
|
+
d: "M6 0.5C2.96243 0.5 0.5 2.96243 0.5 6C0.5 9.03757 2.96243 11.5 6 11.5C9.03757 11.5 11.5 9.03757 11.5 6C11.5 2.96243 9.03757 0.5 6 0.5ZM8.35355 4.35355C8.54882 4.15829 8.54882 3.84171 8.35355 3.64645C8.15829 3.45118 7.84171 3.45118 7.64645 3.64645L3.64645 7.64645C3.45118 7.84171 3.45118 8.15829 3.64645 8.35355C3.84171 8.54882 4.15829 8.54882 4.35355 8.35355L8.35355 4.35355ZM3.75 4.5C3.75 4.08579 4.08579 3.75 4.5 3.75C4.91421 3.75 5.25 4.08579 5.25 4.5C5.25 4.91421 4.91421 5.25 4.5 5.25C4.08579 5.25 3.75 4.91421 3.75 4.5ZM6.75 7.5C6.75 7.08579 7.08579 6.75 7.5 6.75C7.91421 6.75 8.25 7.08579 8.25 7.5C8.25 7.91421 7.91421 8.25 7.5 8.25C7.08579 8.25 6.75 7.91421 6.75 7.5Z",
|
|
22243
22402
|
fill: "currentColor"
|
|
22244
22403
|
}
|
|
22245
22404
|
)
|
|
@@ -22247,13 +22406,14 @@ var SpeedometerIcon = () => {
|
|
|
22247
22406
|
};
|
|
22248
22407
|
|
|
22249
22408
|
// src/components/TransferTokenDetails/TransferTokenDetails.css.ts
|
|
22250
|
-
var detailsButton = "_18idq0t1
|
|
22409
|
+
var detailsButton = "_18idq0t1 _1rsrm2fcm _1rsrm2fdd _1rsrm2fe0 _1rsrm2fbr _1rsrm2ffq _1rsrm2fa _1rsrm2f4 _1rsrm2f3s _1rsrm2ft";
|
|
22251
22410
|
|
|
22252
22411
|
// src/components/TransferTokenDetails/TransferTokenDetails.tsx
|
|
22253
22412
|
var TransferTokenDetails = ({
|
|
22254
22413
|
minAmount,
|
|
22255
22414
|
disabled,
|
|
22256
|
-
|
|
22415
|
+
estPriceImpact,
|
|
22416
|
+
maxSlippage
|
|
22257
22417
|
}) => {
|
|
22258
22418
|
const [isExpanded, setIsExpanded] = useState58(false);
|
|
22259
22419
|
const [isDisplayed, setIsDisplayed] = useState58();
|
|
@@ -22317,7 +22477,7 @@ var TransferTokenDetails = ({
|
|
|
22317
22477
|
transition: { duration: 0.25, ease: [0.61, 0, 0.2, 1] },
|
|
22318
22478
|
variants: {
|
|
22319
22479
|
collapsed: { height: 0, opacity: 0, overflow: "hidden" },
|
|
22320
|
-
expanded: { height: "auto", opacity: 1 }
|
|
22480
|
+
expanded: { height: "auto", opacity: 1, overflow: "visible" }
|
|
22321
22481
|
}
|
|
22322
22482
|
},
|
|
22323
22483
|
/* @__PURE__ */ React211.createElement(
|
|
@@ -22334,17 +22494,52 @@ var TransferTokenDetails = ({
|
|
|
22334
22494
|
{
|
|
22335
22495
|
paddingY: "0",
|
|
22336
22496
|
paddingBottom: "2",
|
|
22337
|
-
text: `${
|
|
22338
|
-
|
|
22339
|
-
value: `${formatNumberAndStringify(
|
|
22340
|
-
icon: /* @__PURE__ */ React211.createElement(DollarIcon, null)
|
|
22497
|
+
text: `${estPriceImpact.label}:`,
|
|
22498
|
+
prefix: estPriceImpact.value > 0 ? "~" : "",
|
|
22499
|
+
value: `${formatNumberAndStringify(estPriceImpact.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
|
|
22500
|
+
icon: /* @__PURE__ */ React211.createElement(DollarIcon, null),
|
|
22501
|
+
tooltip: /* @__PURE__ */ React211.createElement(
|
|
22502
|
+
FunTooltip,
|
|
22503
|
+
{
|
|
22504
|
+
content: /* @__PURE__ */ React211.createElement(React211.Fragment, null, "Price impact is the difference between expected and execution price, due to trade size and liquidity.", /* @__PURE__ */ React211.createElement("br", null), /* @__PURE__ */ React211.createElement("br", null), "Final cost may vary based on network conditions.", " ", /* @__PURE__ */ React211.createElement(
|
|
22505
|
+
FunLinkButton,
|
|
22506
|
+
{
|
|
22507
|
+
text: "Learn more",
|
|
22508
|
+
inline: true,
|
|
22509
|
+
href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide"
|
|
22510
|
+
}
|
|
22511
|
+
))
|
|
22512
|
+
}
|
|
22513
|
+
)
|
|
22514
|
+
}
|
|
22515
|
+
),
|
|
22516
|
+
/* @__PURE__ */ React211.createElement(
|
|
22517
|
+
TransferTokenDetail,
|
|
22518
|
+
{
|
|
22519
|
+
text: `${maxSlippage.label}:`,
|
|
22520
|
+
prefix: maxSlippage.value > 0 ? "~" : "",
|
|
22521
|
+
value: `${formatNumberAndStringify(maxSlippage.value, void 0, { minimumFractionDigits: 2, maximumFractionDigits: 2 })}%`,
|
|
22522
|
+
icon: /* @__PURE__ */ React211.createElement(PercentageIcon, null),
|
|
22523
|
+
tooltip: /* @__PURE__ */ React211.createElement(
|
|
22524
|
+
FunTooltip,
|
|
22525
|
+
{
|
|
22526
|
+
content: /* @__PURE__ */ React211.createElement(React211.Fragment, null, "Slippage accounts for price changes during execution. Slippage is adjusted per pair to ensure reliable execution.", /* @__PURE__ */ React211.createElement("br", null), /* @__PURE__ */ React211.createElement("br", null), "Final cost may vary based on network conditions.", " ", /* @__PURE__ */ React211.createElement(
|
|
22527
|
+
FunLinkButton,
|
|
22528
|
+
{
|
|
22529
|
+
text: "Learn more",
|
|
22530
|
+
inline: true,
|
|
22531
|
+
href: "https://intercom.help/funxyz/en/articles/10925883-order-execution-guide"
|
|
22532
|
+
}
|
|
22533
|
+
))
|
|
22534
|
+
}
|
|
22535
|
+
)
|
|
22341
22536
|
}
|
|
22342
22537
|
),
|
|
22343
22538
|
gasFees && /* @__PURE__ */ React211.createElement(
|
|
22344
22539
|
TransferTokenDetail,
|
|
22345
22540
|
{
|
|
22346
22541
|
text: "Estimated gas:",
|
|
22347
|
-
|
|
22542
|
+
prefix: "~",
|
|
22348
22543
|
value: `$${gasFees}`,
|
|
22349
22544
|
icon: /* @__PURE__ */ React211.createElement(DollarIcon, null)
|
|
22350
22545
|
}
|
|
@@ -22352,7 +22547,7 @@ var TransferTokenDetails = ({
|
|
|
22352
22547
|
/* @__PURE__ */ React211.createElement(
|
|
22353
22548
|
TransferTokenDetail,
|
|
22354
22549
|
{
|
|
22355
|
-
text: "
|
|
22550
|
+
text: "Est. processing time:",
|
|
22356
22551
|
value: formatSecondsToReadableForm4(timeEstimation, true),
|
|
22357
22552
|
icon: /* @__PURE__ */ React211.createElement(SpeedometerIcon, null)
|
|
22358
22553
|
}
|
|
@@ -22366,7 +22561,7 @@ var TransferTokenDetails = ({
|
|
|
22366
22561
|
inline: true,
|
|
22367
22562
|
text: "Get help",
|
|
22368
22563
|
href: "https://intercom.help/funxyz/en/articles/10003876-transfer-crypto-guide-faqs",
|
|
22369
|
-
|
|
22564
|
+
size: "12"
|
|
22370
22565
|
}
|
|
22371
22566
|
)),
|
|
22372
22567
|
icon: /* @__PURE__ */ React211.createElement(FileIcon, null)
|
|
@@ -22378,12 +22573,13 @@ var TransferTokenDetails = ({
|
|
|
22378
22573
|
};
|
|
22379
22574
|
var TransferTokenDetail = ({
|
|
22380
22575
|
text,
|
|
22576
|
+
tooltip,
|
|
22381
22577
|
value,
|
|
22382
|
-
|
|
22578
|
+
prefix,
|
|
22383
22579
|
icon,
|
|
22384
22580
|
...boxProps
|
|
22385
22581
|
}) => {
|
|
22386
|
-
const valueLabel = value && (
|
|
22582
|
+
const valueLabel = value && (prefix ? ` ${prefix}${value}` : ` ${value}`);
|
|
22387
22583
|
return /* @__PURE__ */ React211.createElement(Box, { display: "flex", gap: "6", alignItems: "center", paddingY: "2", ...boxProps }, /* @__PURE__ */ React211.createElement(
|
|
22388
22584
|
Box,
|
|
22389
22585
|
{
|
|
@@ -22393,7 +22589,7 @@ var TransferTokenDetail = ({
|
|
|
22393
22589
|
justifyContent: "center"
|
|
22394
22590
|
},
|
|
22395
22591
|
icon
|
|
22396
|
-
), /* @__PURE__ */ React211.createElement(Text, { size: "12" }, text, value && /* @__PURE__ */ React211.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel)));
|
|
22592
|
+
), /* @__PURE__ */ React211.createElement(Text, { size: "12" }, text, value && /* @__PURE__ */ React211.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel)), tooltip);
|
|
22397
22593
|
};
|
|
22398
22594
|
|
|
22399
22595
|
// src/hooks/useCheckoutTransferInit.ts
|
|
@@ -22423,47 +22619,63 @@ var useCheckoutTransferInit = (checkoutConfig) => {
|
|
|
22423
22619
|
};
|
|
22424
22620
|
|
|
22425
22621
|
// src/hooks/useTokenTransfer.ts
|
|
22426
|
-
import { solanaChain as
|
|
22427
|
-
import { FlagKey as
|
|
22622
|
+
import { solanaChain as solanaChain4 } from "@funkit/chains";
|
|
22623
|
+
import { FlagKey as FlagKey23 } from "@funkit/utils";
|
|
22428
22624
|
import { mainnet as mainnet8, polygon as polygon5 } from "viem/chains";
|
|
22429
22625
|
var useTokenTransfer = (selectedChainId, selectedToken) => {
|
|
22430
22626
|
const { checkoutItem } = useCheckoutContext();
|
|
22431
22627
|
const enableUniversal = useFlag(
|
|
22432
|
-
|
|
22628
|
+
FlagKey23.EnableTokenTransferUniversalDepositAddress,
|
|
22433
22629
|
false
|
|
22434
22630
|
);
|
|
22435
|
-
const
|
|
22436
|
-
const
|
|
22437
|
-
|
|
22631
|
+
const estPriceImpact = usePriceImpactEstimation(selectedToken);
|
|
22632
|
+
const minTransferUsd = useMinTransferValue(selectedChainId);
|
|
22633
|
+
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
22634
|
+
const maxSlippage = getMaxSlippage(
|
|
22635
|
+
selectedToken,
|
|
22636
|
+
checkoutConfig?.targetAssetTicker,
|
|
22637
|
+
selectedChainId.toString() === checkoutConfig?.targetChain
|
|
22438
22638
|
);
|
|
22639
|
+
const { transferInit, recipientAddr } = useCheckoutTransferInit(checkoutConfig);
|
|
22439
22640
|
const isPolygon = selectedChainId === polygon5.id;
|
|
22440
22641
|
const isUsdceOnPolygon = isPolygon && selectedToken === "USDC.e";
|
|
22441
22642
|
const isUsdcOnPolygon = isPolygon && selectedToken === "USDC";
|
|
22442
22643
|
const showOriginalRecipient = !enableUniversal && (isUsdceOnPolygon || isUsdcOnPolygon);
|
|
22443
|
-
const
|
|
22444
|
-
const funDepositAddress = selectedChainId === solanaChain2.id ? transferInit?.solanaAddr : transferInit?.depositAddr;
|
|
22644
|
+
const funDepositAddress = selectedChainId === solanaChain4.id ? transferInit?.solanaAddr : transferInit?.depositAddr;
|
|
22445
22645
|
return {
|
|
22446
22646
|
depositAddress: showOriginalRecipient ? recipientAddr : funDepositAddress,
|
|
22447
22647
|
recipientAddr,
|
|
22448
22648
|
minTransferUsd: showOriginalRecipient ? 0 : minTransferUsd,
|
|
22449
22649
|
showOriginalRecipient,
|
|
22450
|
-
|
|
22650
|
+
estPriceImpact,
|
|
22651
|
+
maxSlippage
|
|
22451
22652
|
};
|
|
22452
22653
|
};
|
|
22654
|
+
var useMinTransferValue = (selectedChainId) => {
|
|
22655
|
+
const { userIpInfo } = useFunkitUserIp();
|
|
22656
|
+
const isMainnet = selectedChainId === mainnet8.id;
|
|
22657
|
+
if (userIpInfo?.alpha2 === "CA") return isMainnet ? 80 : 15;
|
|
22658
|
+
if (userIpInfo?.alpha2 === "AU") return isMainnet ? 90 : 20;
|
|
22659
|
+
return isMainnet ? 50 : 10;
|
|
22660
|
+
};
|
|
22453
22661
|
var usePriceImpactEstimation = (selectedToken) => {
|
|
22454
22662
|
const { apiKey } = useFunkitConfig();
|
|
22455
|
-
const
|
|
22456
|
-
const
|
|
22457
|
-
|
|
22458
|
-
|
|
22459
|
-
|
|
22460
|
-
|
|
22461
|
-
|
|
22462
|
-
|
|
22663
|
+
const label = "Est. price impact";
|
|
22664
|
+
const isUsdcePolymarket = selectedToken === "USDC.e" && isPolymarketCustomer(apiKey);
|
|
22665
|
+
if (isUsdcePolymarket) return { label, value: 0.05 };
|
|
22666
|
+
return { label, value: 0.1 };
|
|
22667
|
+
};
|
|
22668
|
+
var getMaxSlippage = (sourceToken, targetToken, isSameChain) => {
|
|
22669
|
+
const label = "Est. slippage";
|
|
22670
|
+
if (sourceToken === targetToken) return { label, value: 0 };
|
|
22671
|
+
const defaultValue = 0.25;
|
|
22672
|
+
if (sourceToken === "USDC.e") return { label, value: 0 };
|
|
22673
|
+
if (sourceToken === "USDC") return { label, value: 0.1 };
|
|
22674
|
+
if (sourceToken === "USDT") {
|
|
22675
|
+
return { label, value: isSameChain ? 0.5 : 0.75 };
|
|
22463
22676
|
}
|
|
22464
|
-
|
|
22465
|
-
|
|
22466
|
-
return { label: defaultLabel, value: 0.15 };
|
|
22677
|
+
if (sourceToken === "DAI") return { label, value: 0.5 };
|
|
22678
|
+
return { label, value: defaultValue };
|
|
22467
22679
|
};
|
|
22468
22680
|
|
|
22469
22681
|
// src/modals/CheckoutModal/TransferToken/TransferToken.tsx
|
|
@@ -22482,8 +22694,10 @@ var TransferTokenInfo = {
|
|
|
22482
22694
|
};
|
|
22483
22695
|
var TRANSFER_TOKEN_LOG_PREFIX = "transferToken";
|
|
22484
22696
|
function TransferToken({
|
|
22485
|
-
onNext
|
|
22697
|
+
onNext,
|
|
22698
|
+
modalState
|
|
22486
22699
|
}) {
|
|
22700
|
+
const defaultValues = modalState.transferToken;
|
|
22487
22701
|
const controls = useAnimationControls3();
|
|
22488
22702
|
const [qrCodeHover, setQrCodeHover] = useState59(false);
|
|
22489
22703
|
const { textCustomizations } = useFunkitConfig();
|
|
@@ -22493,15 +22707,17 @@ function TransferToken({
|
|
|
22493
22707
|
const filteredAssets = useEnabledTokenTransferChainTokens(
|
|
22494
22708
|
transferInit ?? null
|
|
22495
22709
|
);
|
|
22496
|
-
const
|
|
22497
|
-
const
|
|
22710
|
+
const defaultChainIdFlag = useFlag(FlagKey24.TokenTransferDefaultChainId);
|
|
22711
|
+
const defaultChainId = defaultValues?.chainId ?? Number(defaultChainIdFlag);
|
|
22712
|
+
const validDefaultChainId = filteredAssets[defaultChainId] !== void 0 ? defaultChainId : polygon6.id;
|
|
22498
22713
|
const [selectedChainId, setSelectedChainId] = useState59(validDefaultChainId);
|
|
22499
22714
|
const disclaimerTextWrapperRef = useRef20(null);
|
|
22500
|
-
const defaultSelectedToken = filteredAssets?.[selectedChainId]?.[0]
|
|
22715
|
+
const defaultSelectedToken = defaultValues?.token ?? filteredAssets?.[selectedChainId]?.[0] ?? "";
|
|
22501
22716
|
const [selectedToken, setSelectedToken] = useState59(defaultSelectedToken);
|
|
22502
|
-
const { depositAddress, minTransferUsd,
|
|
22503
|
-
|
|
22504
|
-
|
|
22717
|
+
const { depositAddress, minTransferUsd, estPriceImpact, maxSlippage } = useTokenTransfer(selectedChainId, selectedToken);
|
|
22718
|
+
useEffect43(
|
|
22719
|
+
() => setSelectedChainId(validDefaultChainId),
|
|
22720
|
+
[validDefaultChainId]
|
|
22505
22721
|
);
|
|
22506
22722
|
const toggleQrHover = async () => {
|
|
22507
22723
|
if (qrCodeHover) {
|
|
@@ -22536,9 +22752,10 @@ function TransferToken({
|
|
|
22536
22752
|
onClick: () => onNext({})
|
|
22537
22753
|
}
|
|
22538
22754
|
)),
|
|
22539
|
-
/* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", gap: "12" }, /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React212.createElement(Text, { size: "12", weight: "medium" }, "
|
|
22755
|
+
/* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", gap: "12" }, /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React212.createElement(Text, { size: "12", weight: "medium" }, "Select token"), /* @__PURE__ */ React212.createElement(
|
|
22540
22756
|
TokenDropdown,
|
|
22541
22757
|
{
|
|
22758
|
+
isLoading: isLoadingDepositAddress,
|
|
22542
22759
|
defaultSelectedToken,
|
|
22543
22760
|
selectedChainId,
|
|
22544
22761
|
assets: filteredAssets,
|
|
@@ -22560,9 +22777,10 @@ function TransferToken({
|
|
|
22560
22777
|
}
|
|
22561
22778
|
}
|
|
22562
22779
|
}
|
|
22563
|
-
)), /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React212.createElement(Text, { size: "12", weight: "medium" }, "
|
|
22780
|
+
)), /* @__PURE__ */ React212.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React212.createElement(Text, { size: "12", weight: "medium" }, "Select chain"), /* @__PURE__ */ React212.createElement(
|
|
22564
22781
|
ChainDropdown,
|
|
22565
22782
|
{
|
|
22783
|
+
isLoading: isLoadingDepositAddress,
|
|
22566
22784
|
selectedToken,
|
|
22567
22785
|
selectedChainId,
|
|
22568
22786
|
assets: filteredAssets,
|
|
@@ -22586,7 +22804,7 @@ function TransferToken({
|
|
|
22586
22804
|
justifyContent: "center",
|
|
22587
22805
|
padding: "20"
|
|
22588
22806
|
},
|
|
22589
|
-
isLoadingDepositAddress ? /* @__PURE__ */ React212.createElement(QRCodeSkeletonLoader_default,
|
|
22807
|
+
isLoadingDepositAddress ? /* @__PURE__ */ React212.createElement(QRCodeSkeletonLoader_default, null) : /* @__PURE__ */ React212.createElement(
|
|
22590
22808
|
motion10.div,
|
|
22591
22809
|
{
|
|
22592
22810
|
onHoverStart: toggleQrHover,
|
|
@@ -22636,15 +22854,14 @@ function TransferToken({
|
|
|
22636
22854
|
swap to ${checkoutConfig?.targetAssetTicker} in your account.`,
|
|
22637
22855
|
wrapperElementRef: disclaimerTextWrapperRef,
|
|
22638
22856
|
enableDynamicPositioning: true
|
|
22639
|
-
}
|
|
22640
|
-
/* @__PURE__ */ React212.createElement(Box, { color: { base: "tertiaryText", hover: "primaryText" } }, /* @__PURE__ */ React212.createElement(InfoIcon, null))
|
|
22857
|
+
}
|
|
22641
22858
|
)),
|
|
22642
22859
|
/* @__PURE__ */ React212.createElement(
|
|
22643
22860
|
FunLinkButton,
|
|
22644
22861
|
{
|
|
22645
22862
|
text: "Terms apply",
|
|
22646
22863
|
href: FUN_TERMS_URL,
|
|
22647
|
-
|
|
22864
|
+
size: "12"
|
|
22648
22865
|
}
|
|
22649
22866
|
)
|
|
22650
22867
|
), isLoadingDepositAddress ? /* @__PURE__ */ React212.createElement(FunSkeletonBlock, { height: "66", width: "full" }) : /* @__PURE__ */ React212.createElement(CopyInputDisplayedAddress, { address: depositAddress })), /* @__PURE__ */ React212.createElement(FunInfoBanner, null), /* @__PURE__ */ React212.createElement(
|
|
@@ -22652,7 +22869,8 @@ function TransferToken({
|
|
|
22652
22869
|
{
|
|
22653
22870
|
disabled: isLoadingDepositAddress,
|
|
22654
22871
|
minAmount: minTransferUsd,
|
|
22655
|
-
|
|
22872
|
+
estPriceImpact,
|
|
22873
|
+
maxSlippage
|
|
22656
22874
|
}
|
|
22657
22875
|
))
|
|
22658
22876
|
))
|
|
@@ -22778,11 +22996,11 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
|
22778
22996
|
}
|
|
22779
22997
|
function useTitleConfig(checkoutItem, state) {
|
|
22780
22998
|
const { apiKey, textCustomizations } = useFunkitConfig();
|
|
22781
|
-
const { showFullHeight, disableBack, title, fallbackTitle } = CheckoutModalSteps[state.step];
|
|
22782
|
-
const
|
|
22783
|
-
const baseTitle = checkoutItem.initSettings.config.modalTitle ?? fallback2;
|
|
22999
|
+
const { showFullHeight, disableBack, hideClose, title, fallbackTitle } = CheckoutModalSteps[state.step];
|
|
23000
|
+
const baseTitle = checkoutItem.initSettings.config.modalTitle ?? fallbackTitle ?? "Checkout";
|
|
22784
23001
|
return {
|
|
22785
23002
|
disableBack: disableBack ?? false,
|
|
23003
|
+
hideClose: hideClose ?? false,
|
|
22786
23004
|
showFullHeight: showFullHeight ?? (isVertexCustomer(apiKey) && state.step === "select_asset" /* SELECT_ASSET */),
|
|
22787
23005
|
title: title?.(textCustomizations, isDydxCustomer(apiKey)) ?? baseTitle
|
|
22788
23006
|
};
|
|
@@ -22810,7 +23028,7 @@ function FunCheckoutModalInner({
|
|
|
22810
23028
|
setModalState,
|
|
22811
23029
|
hasHistoryEntry
|
|
22812
23030
|
} = useCheckoutModalTransition(checkoutItem, onClose);
|
|
22813
|
-
const { disableBack, showFullHeight, title } = useTitleConfig(
|
|
23031
|
+
const { disableBack, showFullHeight, title, hideClose } = useTitleConfig(
|
|
22814
23032
|
checkoutItem,
|
|
22815
23033
|
modalState
|
|
22816
23034
|
);
|
|
@@ -22843,11 +23061,11 @@ function FunCheckoutModalInner({
|
|
|
22843
23061
|
{
|
|
22844
23062
|
hasBackButton: hasBack && !isBlocked,
|
|
22845
23063
|
onBack,
|
|
23064
|
+
hasCloseButton: !hideClose,
|
|
23065
|
+
onClose: onCloseWrapper,
|
|
22846
23066
|
title,
|
|
22847
23067
|
titleMeta: checkoutConfig.modalTitleMeta,
|
|
22848
|
-
|
|
22849
|
-
dydxHideBack: showDydxSwitch,
|
|
22850
|
-
isCloseButtonHidden: modalState.isCloseButtonHidden
|
|
23068
|
+
dydxHideBack: showDydxSwitch
|
|
22851
23069
|
}
|
|
22852
23070
|
),
|
|
22853
23071
|
withTopDivider: checkoutConfig.modalTitleMeta ? "always" : "scroll",
|
|
@@ -23024,7 +23242,7 @@ function ModalProvider({ children }) {
|
|
|
23024
23242
|
onConnect: () => closeModals(isUnauthenticated),
|
|
23025
23243
|
onDisconnect: closeModals
|
|
23026
23244
|
});
|
|
23027
|
-
|
|
23245
|
+
useEffect44(() => {
|
|
23028
23246
|
if (isUnauthenticated) closeModals();
|
|
23029
23247
|
}, [isUnauthenticated]);
|
|
23030
23248
|
return /* @__PURE__ */ React215.createElement(
|
|
@@ -23428,7 +23646,7 @@ var FunkitWeb2Provider = ({
|
|
|
23428
23646
|
},
|
|
23429
23647
|
[]
|
|
23430
23648
|
);
|
|
23431
|
-
|
|
23649
|
+
useEffect45(() => {
|
|
23432
23650
|
const newPrivy = new PrivyJS({
|
|
23433
23651
|
appId: DEFAULT_PRIVY_APP_ID,
|
|
23434
23652
|
storage: new LocalStorage(),
|
|
@@ -23635,7 +23853,7 @@ var FunkitWeb2Provider = ({
|
|
|
23635
23853
|
}
|
|
23636
23854
|
}
|
|
23637
23855
|
}, [handleFunkitWeb2Login, initChainId, loginMethod]);
|
|
23638
|
-
|
|
23856
|
+
useEffect45(() => {
|
|
23639
23857
|
if (privy && privyIframeUrl && isNotNullish12(initChainId)) {
|
|
23640
23858
|
const iframe = document.getElementById(
|
|
23641
23859
|
PRIVY_IFRAME_ID
|
|
@@ -23871,10 +24089,10 @@ import React218 from "react";
|
|
|
23871
24089
|
import { useAccount as useAccount12, useBalance, useConfig as useConfig7 } from "wagmi";
|
|
23872
24090
|
|
|
23873
24091
|
// src/hooks/useIsMounted.ts
|
|
23874
|
-
import { useCallback as useCallback42, useEffect as
|
|
24092
|
+
import { useCallback as useCallback42, useEffect as useEffect46, useState as useState64 } from "react";
|
|
23875
24093
|
function useIsMounted() {
|
|
23876
24094
|
const [isMounted, setIsMounted] = useState64(false);
|
|
23877
|
-
|
|
24095
|
+
useEffect46(() => {
|
|
23878
24096
|
setIsMounted(true);
|
|
23879
24097
|
return () => {
|
|
23880
24098
|
setIsMounted(false);
|
|
@@ -24157,7 +24375,7 @@ function ConnectButton({
|
|
|
24157
24375
|
const connectionStatus = useConnectionStatus();
|
|
24158
24376
|
const { setShowBalance } = useShowBalance();
|
|
24159
24377
|
const [ready, setReady] = useState65(false);
|
|
24160
|
-
|
|
24378
|
+
useEffect47(() => {
|
|
24161
24379
|
setShowBalance(showBalance);
|
|
24162
24380
|
if (!ready) setReady(true);
|
|
24163
24381
|
}, [showBalance, setShowBalance, ready]);
|
|
@@ -24658,9 +24876,9 @@ function cssStringFromTheme(theme, options = {}) {
|
|
|
24658
24876
|
}
|
|
24659
24877
|
|
|
24660
24878
|
// src/hooks/useIsFunkitCheckoutActivated.ts
|
|
24661
|
-
import { FlagKey as
|
|
24879
|
+
import { FlagKey as FlagKey25 } from "@funkit/utils";
|
|
24662
24880
|
var useIsFunkitCheckoutActivated = () => {
|
|
24663
|
-
const isCheckoutActivated = useFlag(
|
|
24881
|
+
const isCheckoutActivated = useFlag(FlagKey25.IsCheckoutActivated);
|
|
24664
24882
|
return {
|
|
24665
24883
|
isActivated: isCheckoutActivated
|
|
24666
24884
|
};
|
|
@@ -24759,26 +24977,26 @@ function validateFunkitProviderProps(props) {
|
|
|
24759
24977
|
}
|
|
24760
24978
|
|
|
24761
24979
|
// src/providers/useFingerprint.ts
|
|
24762
|
-
import { useCallback as useCallback43, useEffect as
|
|
24980
|
+
import { useCallback as useCallback43, useEffect as useEffect48 } from "react";
|
|
24763
24981
|
var storageKey5 = "funkit-connect-version";
|
|
24764
24982
|
function setFunkitConnectVersion({ version }) {
|
|
24765
24983
|
localStorage.setItem(storageKey5, version);
|
|
24766
24984
|
}
|
|
24767
24985
|
function getCurrentSdkVersion() {
|
|
24768
|
-
return "5.1.
|
|
24986
|
+
return "5.1.3";
|
|
24769
24987
|
}
|
|
24770
24988
|
function useFingerprint() {
|
|
24771
24989
|
const fingerprint = useCallback43(() => {
|
|
24772
24990
|
setFunkitConnectVersion({ version: getCurrentSdkVersion() });
|
|
24773
24991
|
}, []);
|
|
24774
|
-
|
|
24992
|
+
useEffect48(() => {
|
|
24775
24993
|
fingerprint();
|
|
24776
24994
|
}, [fingerprint]);
|
|
24777
24995
|
}
|
|
24778
24996
|
|
|
24779
24997
|
// src/providers/usePreloadImages.ts
|
|
24780
24998
|
import { isNotNullish as isNotNullish13 } from "@funkit/utils";
|
|
24781
|
-
import { useCallback as useCallback44, useEffect as
|
|
24999
|
+
import { useCallback as useCallback44, useEffect as useEffect49 } from "react";
|
|
24782
25000
|
function usePreloadImages() {
|
|
24783
25001
|
const funkitConnectChains = useFunkitConnectChains();
|
|
24784
25002
|
const walletConnectors = useWalletConnectors();
|
|
@@ -24788,7 +25006,7 @@ function usePreloadImages() {
|
|
|
24788
25006
|
...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish13)
|
|
24789
25007
|
);
|
|
24790
25008
|
}, [walletConnectors, funkitConnectChains]);
|
|
24791
|
-
|
|
25009
|
+
useEffect49(() => {
|
|
24792
25010
|
preloadImages();
|
|
24793
25011
|
}, [preloadImages]);
|
|
24794
25012
|
}
|