@funkit/connect 5.3.5 → 5.4.0
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 +37 -0
- package/dist/{chunk-CRTRMZFT.js → chunk-ICCAQZHZ.js} +1 -1
- package/dist/{chunk-CRPOYQ6X.js → chunk-R2UFCJL7.js} +5 -0
- package/dist/{chunk-KCSHTK5R.js → chunk-RN4I4Y57.js} +1 -1
- package/dist/components/Box/Box.d.ts +1 -1
- package/dist/components/Dropdown/ChainDropdown.d.ts +6 -3
- package/dist/components/Dropdown/TokenDropdown.d.ts +7 -3
- package/dist/components/FunFeatureList/FunFeatureList.d.ts +3 -1
- package/dist/config/getDefaultConfig.d.ts +1 -1335
- package/dist/consts/customers.d.ts +2 -0
- package/dist/css/sprinkles.css.d.ts +3 -1
- package/dist/hooks/queries/useRecentCheckouts.d.ts +1 -2
- package/dist/hooks/queries/useRecentDirectExecutions.d.ts +9 -0
- package/dist/hooks/useCheckoutDirectExecutionHistory.d.ts +7 -5
- package/dist/hooks/useDirectExecutionInfoPolling.d.ts +7 -0
- package/dist/index.css +2674 -2664
- package/dist/index.d.ts +1 -1
- package/dist/index.js +745 -493
- package/dist/providers/FunkitHistoryContext.d.ts +9 -5
- package/dist/providers/FunkitThemeProvider.d.ts +3 -0
- package/dist/themes/baseTheme.js +1 -1
- package/dist/themes/darkTheme.js +2 -2
- package/dist/themes/lightTheme.js +2 -2
- package/dist/utils/flags/config.d.ts +42 -4
- package/dist/utils/purifyCheckoutHistoryItem.d.ts +25 -3
- 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 +55 -55
- 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 +7 -7
- package/dist/hooks/useRelayExecutionInfo.d.ts +0 -6
- package/dist/wallets/walletConnectors/chunk-25VW5TZP.js +0 -92
- package/dist/wallets/walletConnectors/chunk-3NC26XLM.js +0 -92
- package/dist/wallets/walletConnectors/chunk-3U3BMEH5.js +0 -94
- package/dist/wallets/walletConnectors/chunk-4UM4GTKZ.js +0 -103
- package/dist/wallets/walletConnectors/chunk-545L7Y4M.js +0 -69
- package/dist/wallets/walletConnectors/chunk-6LPM6LUQ.js +0 -110
- package/dist/wallets/walletConnectors/chunk-7GSNBOD3.js +0 -99
- package/dist/wallets/walletConnectors/chunk-ETTNDQQG.js +0 -100
- package/dist/wallets/walletConnectors/chunk-FRGSRLTS.js +0 -93
- package/dist/wallets/walletConnectors/chunk-HKV7EMYZ.js +0 -96
- package/dist/wallets/walletConnectors/chunk-IPOC2VJX.js +0 -106
- package/dist/wallets/walletConnectors/chunk-JXP2QPW7.js +0 -95
- package/dist/wallets/walletConnectors/chunk-KFFJPS5R.js +0 -96
- package/dist/wallets/walletConnectors/chunk-LEXSM5KI.js +0 -87
- package/dist/wallets/walletConnectors/chunk-MOOBCMMB.js +0 -70
- package/dist/wallets/walletConnectors/chunk-N2NIIUW6.js +0 -146
- package/dist/wallets/walletConnectors/chunk-W5O4YSZN.js +0 -98
- package/dist/wallets/walletConnectors/chunk-XYBEMO3C.js +0 -66
package/dist/index.js
CHANGED
|
@@ -1,28 +1,28 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
darkTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-ICCAQZHZ.js";
|
|
5
5
|
import {
|
|
6
6
|
lightTheme
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-RN4I4Y57.js";
|
|
8
8
|
import {
|
|
9
9
|
systemFontStack
|
|
10
|
-
} from "./chunk-
|
|
10
|
+
} from "./chunk-R2UFCJL7.js";
|
|
11
11
|
|
|
12
12
|
// src/components/Dialog/DialogContent.css.ts
|
|
13
13
|
var BASE_DIALOG_PADDING = "6";
|
|
14
14
|
var SCROLL_BAR_WIDTH = 6;
|
|
15
15
|
var contentCollapsed = "_1pzt423e";
|
|
16
16
|
var contentExpanded = "_1pzt423d";
|
|
17
|
-
var dialog = "_1pzt4231
|
|
18
|
-
var dialogCompact = "_1pzt4232 _1pzt4231
|
|
19
|
-
var dialogMedium = "_1pzt4233 _1pzt4231
|
|
20
|
-
var dialogMobile = "_1pzt4236
|
|
21
|
-
var dialogWithoutInternalPadding = "_1pzt4234 _1pzt4231
|
|
17
|
+
var dialog = "_1pzt4231 _1rsrm2fjf _1rsrm2fzx _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1cx _1rsrm2fa _1rsrm2f1p _1rsrm2fbs _1rsrm2fev _1rsrm2fca _1rsrm2fdh _1rsrm2fcq";
|
|
18
|
+
var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fjf _1rsrm2fzx _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1cx _1rsrm2fa _1rsrm2f1p _1rsrm2fbs _1rsrm2fev _1rsrm2fca _1rsrm2fdh _1rsrm2fcq";
|
|
19
|
+
var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fjf _1rsrm2fzx _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1cx _1rsrm2fa _1rsrm2f1p _1rsrm2fbs _1rsrm2fev _1rsrm2fca _1rsrm2fdh _1rsrm2fcq";
|
|
20
|
+
var dialogMobile = "_1pzt4236 _1rsrm2fx _1rsrm2f1f";
|
|
21
|
+
var dialogWithoutInternalPadding = "_1pzt4234 _1pzt4231 _1rsrm2fjf _1rsrm2fzx _1rsrm2fw _1rsrm2f1b _1rsrm2f1f _1rsrm2f1cx _1rsrm2fa _1rsrm2f1p _1rsrm2fbs _1rsrm2fev _1rsrm2fca _1rsrm2fdh _1rsrm2fcq";
|
|
22
22
|
var dividerTransition = "_1pzt423c";
|
|
23
23
|
var fullHeightContent = "_1pzt423a";
|
|
24
24
|
var noPaddingContent = "_1pzt423b";
|
|
25
|
-
var scrollContent = "_1pzt4238
|
|
25
|
+
var scrollContent = "_1pzt4238 _1rsrm2fg0";
|
|
26
26
|
var scrollbarHidden = "_1pzt4239";
|
|
27
27
|
|
|
28
28
|
// src/modals/DevTest/DevEmbed.tsx
|
|
@@ -45,8 +45,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
|
|
|
45
45
|
import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
|
|
46
46
|
var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
47
47
|
var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
48
|
-
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fg2", hover: "_1rsrm2fg3", active: "_1rsrm2fg4", selection: "_1rsrm2fg5", focused: "_1rsrm2fg6", focusedVisible: "_1rsrm2fg7" }, defaultClass: "_1rsrm2fg2" }, accentColorForeground: { conditions: { base: "_1rsrm2fg8", hover: "_1rsrm2fg9", active: "_1rsrm2fga", selection: "_1rsrm2fgb", focused: "_1rsrm2fgc", focusedVisible: "_1rsrm2fgd" }, defaultClass: "_1rsrm2fg8" }, actionButtonBorder: { conditions: { base: "_1rsrm2fge", hover: "_1rsrm2fgf", active: "_1rsrm2fgg", selection: "_1rsrm2fgh", focused: "_1rsrm2fgi", focusedVisible: "_1rsrm2fgj" }, defaultClass: "_1rsrm2fge" }, connectButtonBackground: { conditions: { base: "_1rsrm2fgk", hover: "_1rsrm2fgl", active: "_1rsrm2fgm", selection: "_1rsrm2fgn", focused: "_1rsrm2fgo", focusedVisible: "_1rsrm2fgp" }, defaultClass: "_1rsrm2fgk" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgq", hover: "_1rsrm2fgr", active: "_1rsrm2fgs", selection: "_1rsrm2fgt", focused: "_1rsrm2fgu", focusedVisible: "_1rsrm2fgv" }, defaultClass: "_1rsrm2fgq" }, connectButtonText: { conditions: { base: "_1rsrm2fgw", hover: "_1rsrm2fgx", active: "_1rsrm2fgy", selection: "_1rsrm2fgz", focused: "_1rsrm2fh0", focusedVisible: "_1rsrm2fh1" }, defaultClass: "_1rsrm2fgw" }, connectButtonTextError: { conditions: { base: "_1rsrm2fh2", hover: "_1rsrm2fh3", active: "_1rsrm2fh4", selection: "_1rsrm2fh5", focused: "_1rsrm2fh6", focusedVisible: "_1rsrm2fh7" }, defaultClass: "_1rsrm2fh2" }, connectionIndicator: { conditions: { base: "_1rsrm2fh8", hover: "_1rsrm2fh9", active: "_1rsrm2fha", selection: "_1rsrm2fhb", focused: "_1rsrm2fhc", focusedVisible: "_1rsrm2fhd" }, defaultClass: "_1rsrm2fh8" }, error: { conditions: { base: "_1rsrm2fhe", hover: "_1rsrm2fhf", active: "_1rsrm2fhg", selection: "_1rsrm2fhh", focused: "_1rsrm2fhi", focusedVisible: "_1rsrm2fhj" }, defaultClass: "_1rsrm2fhe" }, errorBackground: { conditions: { base: "_1rsrm2fhk", hover: "_1rsrm2fhl", active: "_1rsrm2fhm", selection: "_1rsrm2fhn", focused: "_1rsrm2fho", focusedVisible: "_1rsrm2fhp" }, defaultClass: "_1rsrm2fhk" }, errorBorder: { conditions: { base: "_1rsrm2fhq", hover: "_1rsrm2fhr", active: "_1rsrm2fhs", selection: "_1rsrm2fht", focused: "_1rsrm2fhu", focusedVisible: "_1rsrm2fhv" }, defaultClass: "_1rsrm2fhq" }, generalBorder: { conditions: { base: "_1rsrm2fhw", hover: "_1rsrm2fhx", active: "_1rsrm2fhy", selection: "_1rsrm2fhz", focused: "_1rsrm2fi0", focusedVisible: "_1rsrm2fi1" }, defaultClass: "_1rsrm2fhw" }, generalBorderDim: { conditions: { base: "_1rsrm2fi2", hover: "_1rsrm2fi3", active: "_1rsrm2fi4", selection: "_1rsrm2fi5", focused: "_1rsrm2fi6", focusedVisible: "_1rsrm2fi7" }, defaultClass: "_1rsrm2fi2" }, menuItemBackground: { conditions: { base: "_1rsrm2fi8", hover: "_1rsrm2fi9", active: "_1rsrm2fia", selection: "_1rsrm2fib", focused: "_1rsrm2fic", focusedVisible: "_1rsrm2fid" }, defaultClass: "_1rsrm2fi8" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, standby: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, success: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, chainIconBorder: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, modalBackdrop: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, modalBackground: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, modalBorder: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, offBackground: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, hoverState: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, lightStroke: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, mediumStroke: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, heavyStroke: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, strokeColor: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, primaryText: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, secondaryText: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, tertiaryText: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, textSelection: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, inputBackground: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, inputBorderBase: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, inputBorderHover: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, actionColor: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, actionColorHover: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, actionColorDisabled: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, buttonPrimary: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, buttonDisabled: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, buttonWarning: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, buttonSuccess: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, transparent: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, buttonBackground: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, buttonIconStroke: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, newBadgeBackground: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, newBadgeBorder: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, newBadgeText: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, approvedBadgeText: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, failedBadgeBackground: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, failedBadgeText: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, announceGradientFrom: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, announceGradientTo: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, modalFooterDivider: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, accentColorForeground: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, actionButtonBorder: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, connectButtonText: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, connectButtonTextError: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, connectionIndicator: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, error: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, errorBackground: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, errorBorder: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, generalBorder: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, generalBorderDim: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, menuItemBackground: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, standby: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" }, success: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, chainIconBorder: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, modalBackdrop: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, modalBackground: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, modalBorder: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, offBackground: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, hoverState: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, lightStroke: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, mediumStroke: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, heavyStroke: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, strokeColor: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, primaryText: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, secondaryText: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, tertiaryText: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, textSelection: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, inputBackground: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, inputBorderBase: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, inputBorderHover: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, actionColor: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, actionColorHover: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, actionColorDisabled: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, buttonPrimary: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, buttonDisabled: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, buttonWarning: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, buttonSuccess: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, transparent: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, buttonBackground: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, buttonIconStroke: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, newBadgeBackground: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, newBadgeBorder: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, newBadgeText: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, approvedBadgeText: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, failedBadgeText: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, announceGradientTo: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, dialog: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, selectedOption: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, selectedWallet: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, dropdown: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, notification: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, qrCode: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, accentColorForeground: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, connectButtonText: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, connectionIndicator: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, error: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, errorBackground: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, errorBorder: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, generalBorder: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" }, generalBorderDim: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, menuItemBackground: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, standby: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, success: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, chainIconBorder: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, modalBackdrop: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" }, modalBackground: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, modalBorder: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, offBackground: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, hoverState: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, lightStroke: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, mediumStroke: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, heavyStroke: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, strokeColor: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, primaryText: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, secondaryText: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, tertiaryText: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, textSelection: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, inputBackground: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, inputBorderBase: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, inputBorderHover: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, actionColor: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, actionColorHover: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, buttonPrimary: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, buttonDisabled: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, buttonWarning: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, buttonSuccess: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, transparent: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, buttonBackground: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1o2", hover: "_1rsrm2f1o3", active: "_1rsrm2f1o4", selection: "_1rsrm2f1o5", focused: "_1rsrm2f1o6", focusedVisible: "_1rsrm2f1o7" }, defaultClass: "_1rsrm2f1o2" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1o8", hover: "_1rsrm2f1o9", active: "_1rsrm2f1oa", selection: "_1rsrm2f1ob", focused: "_1rsrm2f1oc", focusedVisible: "_1rsrm2f1od" }, defaultClass: "_1rsrm2f1o8" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1oe", hover: "_1rsrm2f1of", active: "_1rsrm2f1og", selection: "_1rsrm2f1oh", focused: "_1rsrm2f1oi", focusedVisible: "_1rsrm2f1oj" }, defaultClass: "_1rsrm2f1oe" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1ok", hover: "_1rsrm2f1ol", active: "_1rsrm2f1om", selection: "_1rsrm2f1on", focused: "_1rsrm2f1oo", focusedVisible: "_1rsrm2f1op" }, defaultClass: "_1rsrm2f1ok" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1oq", hover: "_1rsrm2f1or", active: "_1rsrm2f1os", selection: "_1rsrm2f1ot", focused: "_1rsrm2f1ou", focusedVisible: "_1rsrm2f1ov" }, defaultClass: "_1rsrm2f1oq" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1ow", hover: "_1rsrm2f1ox", active: "_1rsrm2f1oy", selection: "_1rsrm2f1oz", focused: "_1rsrm2f1p0", focusedVisible: "_1rsrm2f1p1" }, defaultClass: "_1rsrm2f1ow" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1p2", hover: "_1rsrm2f1p3", active: "_1rsrm2f1p4", selection: "_1rsrm2f1p5", focused: "_1rsrm2f1p6", focusedVisible: "_1rsrm2f1p7" }, defaultClass: "_1rsrm2f1p2" }, newBadgeText: { conditions: { base: "_1rsrm2f1p8", hover: "_1rsrm2f1p9", active: "_1rsrm2f1pa", selection: "_1rsrm2f1pb", focused: "_1rsrm2f1pc", focusedVisible: "_1rsrm2f1pd" }, defaultClass: "_1rsrm2f1p8" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1pe", hover: "_1rsrm2f1pf", active: "_1rsrm2f1pg", selection: "_1rsrm2f1ph", focused: "_1rsrm2f1pi", focusedVisible: "_1rsrm2f1pj" }, defaultClass: "_1rsrm2f1pe" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1pk", hover: "_1rsrm2f1pl", active: "_1rsrm2f1pm", selection: "_1rsrm2f1pn", focused: "_1rsrm2f1po", focusedVisible: "_1rsrm2f1pp" }, defaultClass: "_1rsrm2f1pk" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1pq", hover: "_1rsrm2f1pr", active: "_1rsrm2f1ps", selection: "_1rsrm2f1pt", focused: "_1rsrm2f1pu", focusedVisible: "_1rsrm2f1pv" }, defaultClass: "_1rsrm2f1pq" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1pw", hover: "_1rsrm2f1px", active: "_1rsrm2f1py", selection: "_1rsrm2f1pz", focused: "_1rsrm2f1q0", focusedVisible: "_1rsrm2f1q1" }, defaultClass: "_1rsrm2f1pw" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1q2", hover: "_1rsrm2f1q3", active: "_1rsrm2f1q4", selection: "_1rsrm2f1q5", focused: "_1rsrm2f1q6", focusedVisible: "_1rsrm2f1q7" }, defaultClass: "_1rsrm2f1q2" }, failedBadgeText: { conditions: { base: "_1rsrm2f1q8", hover: "_1rsrm2f1q9", active: "_1rsrm2f1qa", selection: "_1rsrm2f1qb", focused: "_1rsrm2f1qc", focusedVisible: "_1rsrm2f1qd" }, defaultClass: "_1rsrm2f1q8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1qe", hover: "_1rsrm2f1qf", active: "_1rsrm2f1qg", selection: "_1rsrm2f1qh", focused: "_1rsrm2f1qi", focusedVisible: "_1rsrm2f1qj" }, defaultClass: "_1rsrm2f1qe" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1qk", hover: "_1rsrm2f1ql", active: "_1rsrm2f1qm", selection: "_1rsrm2f1qn", focused: "_1rsrm2f1qo", focusedVisible: "_1rsrm2f1qp" }, defaultClass: "_1rsrm2f1qk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1qq", hover: "_1rsrm2f1qr", active: "_1rsrm2f1qs", selection: "_1rsrm2f1qt", focused: "_1rsrm2f1qu", focusedVisible: "_1rsrm2f1qv" }, defaultClass: "_1rsrm2f1qq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1qw", hover: "_1rsrm2f1qx", active: "_1rsrm2f1qy", selection: "_1rsrm2f1qz", focused: "_1rsrm2f1r0", focusedVisible: "_1rsrm2f1r1" }, defaultClass: "_1rsrm2f1qw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1r2", hover: "_1rsrm2f1r3", active: "_1rsrm2f1r4", selection: "_1rsrm2f1r5", focused: "_1rsrm2f1r6", focusedVisible: "_1rsrm2f1r7" }, defaultClass: "_1rsrm2f1r2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1r8", hover: "_1rsrm2f1r9", active: "_1rsrm2f1ra", selection: "_1rsrm2f1rb", focused: "_1rsrm2f1rc", focusedVisible: "_1rsrm2f1rd" }, defaultClass: "_1rsrm2f1r8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1re", hover: "_1rsrm2f1rf", active: "_1rsrm2f1rg", selection: "_1rsrm2f1rh", focused: "_1rsrm2f1ri", focusedVisible: "_1rsrm2f1rj" }, defaultClass: "_1rsrm2f1re" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1rk", hover: "_1rsrm2f1rl", active: "_1rsrm2f1rm", selection: "_1rsrm2f1rn", focused: "_1rsrm2f1ro", focusedVisible: "_1rsrm2f1rp" }, defaultClass: "_1rsrm2f1rk" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1rq", hover: "_1rsrm2f1rr", active: "_1rsrm2f1rs", selection: "_1rsrm2f1rt", focused: "_1rsrm2f1ru", focusedVisible: "_1rsrm2f1rv" }, defaultClass: "_1rsrm2f1rq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1rw", hover: "_1rsrm2f1rx", active: "_1rsrm2f1ry", selection: "_1rsrm2f1rz", focused: "_1rsrm2f1s0", focusedVisible: "_1rsrm2f1s1" }, defaultClass: "_1rsrm2f1rw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1s2", hover: "_1rsrm2f1s3", active: "_1rsrm2f1s4", selection: "_1rsrm2f1s5", focused: "_1rsrm2f1s6", focusedVisible: "_1rsrm2f1s7" }, defaultClass: "_1rsrm2f1s2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1s8", hover: "_1rsrm2f1s9", active: "_1rsrm2f1sa", selection: "_1rsrm2f1sb", focused: "_1rsrm2f1sc", focusedVisible: "_1rsrm2f1sd" }, defaultClass: "_1rsrm2f1s8" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1se", hover: "_1rsrm2f1sf", active: "_1rsrm2f1sg", selection: "_1rsrm2f1sh", focused: "_1rsrm2f1si", focusedVisible: "_1rsrm2f1sj" }, defaultClass: "_1rsrm2f1se" }, announceGradientTo: { conditions: { base: "_1rsrm2f1sk", hover: "_1rsrm2f1sl", active: "_1rsrm2f1sm", selection: "_1rsrm2f1sn", focused: "_1rsrm2f1so", focusedVisible: "_1rsrm2f1sp" }, defaultClass: "_1rsrm2f1sk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1sq", hover: "_1rsrm2f1sr", active: "_1rsrm2f1ss", selection: "_1rsrm2f1st", focused: "_1rsrm2f1su", focusedVisible: "_1rsrm2f1sv" }, defaultClass: "_1rsrm2f1sq" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1sw", hover: "_1rsrm2f1sx", active: "_1rsrm2f1sy", selection: "_1rsrm2f1sz", focused: "_1rsrm2f1t0", focusedVisible: "_1rsrm2f1t1" }, defaultClass: "_1rsrm2f1sw" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1t2", hover: "_1rsrm2f1t3", active: "_1rsrm2f1t4", selection: "_1rsrm2f1t5", focused: "_1rsrm2f1t6", focusedVisible: "_1rsrm2f1t7" }, defaultClass: "_1rsrm2f1t2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1t8", hover: "_1rsrm2f1t9", active: "_1rsrm2f1ta", selection: "_1rsrm2f1tb", focused: "_1rsrm2f1tc", focusedVisible: "_1rsrm2f1td" }, defaultClass: "_1rsrm2f1t8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1te", hover: "_1rsrm2f1tf", active: "_1rsrm2f1tg", selection: "_1rsrm2f1th", focused: "_1rsrm2f1ti", focusedVisible: "_1rsrm2f1tj" }, defaultClass: "_1rsrm2f1te" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1tk", hover: "_1rsrm2f1tl", active: "_1rsrm2f1tm", selection: "_1rsrm2f1tn", focused: "_1rsrm2f1to", focusedVisible: "_1rsrm2f1tp" }, defaultClass: "_1rsrm2f1tk" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1tq", hover: "_1rsrm2f1tr", active: "_1rsrm2f1ts", selection: "_1rsrm2f1tt", focused: "_1rsrm2f1tu", focusedVisible: "_1rsrm2f1tv" }, defaultClass: "_1rsrm2f1tq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1tw", hover: "_1rsrm2f1tx", active: "_1rsrm2f1ty", selection: "_1rsrm2f1tz", focused: "_1rsrm2f1u0", focusedVisible: "_1rsrm2f1u1" }, defaultClass: "_1rsrm2f1tw" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1u2", hover: "_1rsrm2f1u3", active: "_1rsrm2f1u4", selection: "_1rsrm2f1u5", focused: "_1rsrm2f1u6", focusedVisible: "_1rsrm2f1u7" }, defaultClass: "_1rsrm2f1u2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1u8", hover: "_1rsrm2f1u9", active: "_1rsrm2f1ua", selection: "_1rsrm2f1ub", focused: "_1rsrm2f1uc", focusedVisible: "_1rsrm2f1ud" }, defaultClass: "_1rsrm2f1u8" } } } } }, { 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" }, youPayYouReceive: { defaultClass: "_1rsrm2f10" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f11" }, qrCode: { defaultClass: "_1rsrm2f12" }, skeleton: { defaultClass: "_1rsrm2f13" }, tooltip: { defaultClass: "_1rsrm2f14" }, dropdown: { defaultClass: "_1rsrm2f15" }, dropdownItem: { defaultClass: "_1rsrm2f16" }, full: { defaultClass: "_1rsrm2f17" }, badge: { defaultClass: "_1rsrm2f18" }, smallBadge: { defaultClass: "_1rsrm2f19" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1a" }, dotted: { defaultClass: "_1rsrm2f1b" }, hidden: { defaultClass: "_1rsrm2f1c" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1d" }, "1": { defaultClass: "_1rsrm2f1e" }, "2": { defaultClass: "_1rsrm2f1f" }, "3": { defaultClass: "_1rsrm2f1g" }, "4": { defaultClass: "_1rsrm2f1h" }, "0.5": { defaultClass: "_1rsrm2f1i" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1j" }, pointer: { defaultClass: "_1rsrm2f1k" }, "not-allowed": { defaultClass: "_1rsrm2f1l" }, "default": { defaultClass: "_1rsrm2f1m" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1n" }, column: { defaultClass: "_1rsrm2f1o" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1p" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1q" }, "12": { defaultClass: "_1rsrm2f1r" }, "13": { defaultClass: "_1rsrm2f1s" }, "14": { defaultClass: "_1rsrm2f1t" }, "16": { defaultClass: "_1rsrm2f1u" }, "18": { defaultClass: "_1rsrm2f1v" }, "20": { defaultClass: "_1rsrm2f1w" }, "21": { defaultClass: "_1rsrm2f1x" }, "40": { defaultClass: "_1rsrm2f1y" }, "57": { defaultClass: "_1rsrm2f1z" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f20" }, medium: { defaultClass: "_1rsrm2f21" }, semibold: { defaultClass: "_1rsrm2f22" }, bold: { defaultClass: "_1rsrm2f23" }, heavy: { defaultClass: "_1rsrm2f24" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f25" }, "1": { defaultClass: "_1rsrm2f26" }, "2": { defaultClass: "_1rsrm2f27" }, "3": { defaultClass: "_1rsrm2f28" }, "4": { defaultClass: "_1rsrm2f29" }, "5": { defaultClass: "_1rsrm2f2a" }, "6": { defaultClass: "_1rsrm2f2b" }, "7": { defaultClass: "_1rsrm2f2c" }, "8": { defaultClass: "_1rsrm2f2d" }, "9": { defaultClass: "_1rsrm2f2e" }, "10": { defaultClass: "_1rsrm2f2f" }, "11": { defaultClass: "_1rsrm2f2g" }, "12": { defaultClass: "_1rsrm2f2h" }, "13": { defaultClass: "_1rsrm2f2i" }, "14": { defaultClass: "_1rsrm2f2j" }, "15": { defaultClass: "_1rsrm2f2k" }, "16": { defaultClass: "_1rsrm2f2l" }, "18": { defaultClass: "_1rsrm2f2m" }, "20": { defaultClass: "_1rsrm2f2n" }, "24": { defaultClass: "_1rsrm2f2o" }, "28": { defaultClass: "_1rsrm2f2p" }, "30": { defaultClass: "_1rsrm2f2q" }, "32": { defaultClass: "_1rsrm2f2r" }, "36": { defaultClass: "_1rsrm2f2s" }, "44": { defaultClass: "_1rsrm2f2t" }, "64": { defaultClass: "_1rsrm2f2u" }, "-1": { defaultClass: "_1rsrm2f2v" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f2w" }, "2": { defaultClass: "_1rsrm2f2x" }, "4": { defaultClass: "_1rsrm2f2y" }, "8": { defaultClass: "_1rsrm2f2z" }, "10": { defaultClass: "_1rsrm2f30" }, "11": { defaultClass: "_1rsrm2f31" }, "12": { defaultClass: "_1rsrm2f32" }, "13": { defaultClass: "_1rsrm2f33" }, "14": { defaultClass: "_1rsrm2f34" }, "15": { defaultClass: "_1rsrm2f35" }, "16": { defaultClass: "_1rsrm2f36" }, "18": { defaultClass: "_1rsrm2f37" }, "20": { defaultClass: "_1rsrm2f38" }, "24": { defaultClass: "_1rsrm2f39" }, "28": { defaultClass: "_1rsrm2f3a" }, "30": { defaultClass: "_1rsrm2f3b" }, "32": { defaultClass: "_1rsrm2f3c" }, "34": { defaultClass: "_1rsrm2f3d" }, "36": { defaultClass: "_1rsrm2f3e" }, "40": { defaultClass: "_1rsrm2f3f" }, "44": { defaultClass: "_1rsrm2f3g" }, "48": { defaultClass: "_1rsrm2f3h" }, "50": { defaultClass: "_1rsrm2f3i" }, "54": { defaultClass: "_1rsrm2f3j" }, "57": { defaultClass: "_1rsrm2f3k" }, "60": { defaultClass: "_1rsrm2f3l" }, "72": { defaultClass: "_1rsrm2f3m" }, "93": { defaultClass: "_1rsrm2f3n" }, "96": { defaultClass: "_1rsrm2f3o" }, "100": { defaultClass: "_1rsrm2f3p" }, "108": { defaultClass: "_1rsrm2f3q" }, "120": { defaultClass: "_1rsrm2f3r" }, "180": { defaultClass: "_1rsrm2f3s" }, "200": { defaultClass: "_1rsrm2f3t" }, "240": { defaultClass: "_1rsrm2f3u" }, half: { defaultClass: "_1rsrm2f3v" }, full: { defaultClass: "_1rsrm2f3w" }, max: { defaultClass: "_1rsrm2f3x" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3y" }, "flex-end": { defaultClass: "_1rsrm2f3z" }, center: { defaultClass: "_1rsrm2f40" }, "space-between": { defaultClass: "_1rsrm2f41" }, "space-around": { defaultClass: "_1rsrm2f42" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f43" }, center: { defaultClass: "_1rsrm2f44" }, right: { defaultClass: "_1rsrm2f45" }, inherit: { defaultClass: "_1rsrm2f46" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f47" }, "1": { defaultClass: "_1rsrm2f48" }, "2": { defaultClass: "_1rsrm2f49" }, "3": { defaultClass: "_1rsrm2f4a" }, "4": { defaultClass: "_1rsrm2f4b" }, "5": { defaultClass: "_1rsrm2f4c" }, "6": { defaultClass: "_1rsrm2f4d" }, "7": { defaultClass: "_1rsrm2f4e" }, "8": { defaultClass: "_1rsrm2f4f" }, "9": { defaultClass: "_1rsrm2f4g" }, "10": { defaultClass: "_1rsrm2f4h" }, "11": { defaultClass: "_1rsrm2f4i" }, "12": { defaultClass: "_1rsrm2f4j" }, "13": { defaultClass: "_1rsrm2f4k" }, "14": { defaultClass: "_1rsrm2f4l" }, "15": { defaultClass: "_1rsrm2f4m" }, "16": { defaultClass: "_1rsrm2f4n" }, "18": { defaultClass: "_1rsrm2f4o" }, "20": { defaultClass: "_1rsrm2f4p" }, "24": { defaultClass: "_1rsrm2f4q" }, "28": { defaultClass: "_1rsrm2f4r" }, "30": { defaultClass: "_1rsrm2f4s" }, "32": { defaultClass: "_1rsrm2f4t" }, "36": { defaultClass: "_1rsrm2f4u" }, "44": { defaultClass: "_1rsrm2f4v" }, "64": { defaultClass: "_1rsrm2f4w" }, auto: { defaultClass: "_1rsrm2f4x" }, "-18": { defaultClass: "_1rsrm2f4y" }, "-12": { defaultClass: "_1rsrm2f4z" }, "-1": { defaultClass: "_1rsrm2f50" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f51" }, "1": { defaultClass: "_1rsrm2f52" }, "2": { defaultClass: "_1rsrm2f53" }, "3": { defaultClass: "_1rsrm2f54" }, "4": { defaultClass: "_1rsrm2f55" }, "5": { defaultClass: "_1rsrm2f56" }, "6": { defaultClass: "_1rsrm2f57" }, "7": { defaultClass: "_1rsrm2f58" }, "8": { defaultClass: "_1rsrm2f59" }, "9": { defaultClass: "_1rsrm2f5a" }, "10": { defaultClass: "_1rsrm2f5b" }, "11": { defaultClass: "_1rsrm2f5c" }, "12": { defaultClass: "_1rsrm2f5d" }, "13": { defaultClass: "_1rsrm2f5e" }, "14": { defaultClass: "_1rsrm2f5f" }, "15": { defaultClass: "_1rsrm2f5g" }, "16": { defaultClass: "_1rsrm2f5h" }, "18": { defaultClass: "_1rsrm2f5i" }, "20": { defaultClass: "_1rsrm2f5j" }, "24": { defaultClass: "_1rsrm2f5k" }, "28": { defaultClass: "_1rsrm2f5l" }, "30": { defaultClass: "_1rsrm2f5m" }, "32": { defaultClass: "_1rsrm2f5n" }, "36": { defaultClass: "_1rsrm2f5o" }, "44": { defaultClass: "_1rsrm2f5p" }, "64": { defaultClass: "_1rsrm2f5q" }, auto: { defaultClass: "_1rsrm2f5r" }, "-18": { defaultClass: "_1rsrm2f5s" }, "-12": { defaultClass: "_1rsrm2f5t" }, "-1": { defaultClass: "_1rsrm2f5u" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f5v" }, "1": { defaultClass: "_1rsrm2f5w" }, "2": { defaultClass: "_1rsrm2f5x" }, "3": { defaultClass: "_1rsrm2f5y" }, "4": { defaultClass: "_1rsrm2f5z" }, "5": { defaultClass: "_1rsrm2f60" }, "6": { defaultClass: "_1rsrm2f61" }, "7": { defaultClass: "_1rsrm2f62" }, "8": { defaultClass: "_1rsrm2f63" }, "9": { defaultClass: "_1rsrm2f64" }, "10": { defaultClass: "_1rsrm2f65" }, "11": { defaultClass: "_1rsrm2f66" }, "12": { defaultClass: "_1rsrm2f67" }, "13": { defaultClass: "_1rsrm2f68" }, "14": { defaultClass: "_1rsrm2f69" }, "15": { defaultClass: "_1rsrm2f6a" }, "16": { defaultClass: "_1rsrm2f6b" }, "18": { defaultClass: "_1rsrm2f6c" }, "20": { defaultClass: "_1rsrm2f6d" }, "24": { defaultClass: "_1rsrm2f6e" }, "28": { defaultClass: "_1rsrm2f6f" }, "30": { defaultClass: "_1rsrm2f6g" }, "32": { defaultClass: "_1rsrm2f6h" }, "36": { defaultClass: "_1rsrm2f6i" }, "44": { defaultClass: "_1rsrm2f6j" }, "64": { defaultClass: "_1rsrm2f6k" }, auto: { defaultClass: "_1rsrm2f6l" }, "-18": { defaultClass: "_1rsrm2f6m" }, "-12": { defaultClass: "_1rsrm2f6n" }, "-1": { defaultClass: "_1rsrm2f6o" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f6p" }, "1": { defaultClass: "_1rsrm2f6q" }, "2": { defaultClass: "_1rsrm2f6r" }, "3": { defaultClass: "_1rsrm2f6s" }, "4": { defaultClass: "_1rsrm2f6t" }, "5": { defaultClass: "_1rsrm2f6u" }, "6": { defaultClass: "_1rsrm2f6v" }, "7": { defaultClass: "_1rsrm2f6w" }, "8": { defaultClass: "_1rsrm2f6x" }, "9": { defaultClass: "_1rsrm2f6y" }, "10": { defaultClass: "_1rsrm2f6z" }, "11": { defaultClass: "_1rsrm2f70" }, "12": { defaultClass: "_1rsrm2f71" }, "13": { defaultClass: "_1rsrm2f72" }, "14": { defaultClass: "_1rsrm2f73" }, "15": { defaultClass: "_1rsrm2f74" }, "16": { defaultClass: "_1rsrm2f75" }, "18": { defaultClass: "_1rsrm2f76" }, "20": { defaultClass: "_1rsrm2f77" }, "24": { defaultClass: "_1rsrm2f78" }, "28": { defaultClass: "_1rsrm2f79" }, "30": { defaultClass: "_1rsrm2f7a" }, "32": { defaultClass: "_1rsrm2f7b" }, "36": { defaultClass: "_1rsrm2f7c" }, "44": { defaultClass: "_1rsrm2f7d" }, "64": { defaultClass: "_1rsrm2f7e" }, auto: { defaultClass: "_1rsrm2f7f" }, "-18": { defaultClass: "_1rsrm2f7g" }, "-12": { defaultClass: "_1rsrm2f7h" }, "-1": { defaultClass: "_1rsrm2f7i" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f7j" }, "2": { defaultClass: "_1rsrm2f7k" }, "4": { defaultClass: "_1rsrm2f7l" }, "8": { defaultClass: "_1rsrm2f7m" }, "10": { defaultClass: "_1rsrm2f7n" }, "11": { defaultClass: "_1rsrm2f7o" }, "12": { defaultClass: "_1rsrm2f7p" }, "13": { defaultClass: "_1rsrm2f7q" }, "14": { defaultClass: "_1rsrm2f7r" }, "15": { defaultClass: "_1rsrm2f7s" }, "16": { defaultClass: "_1rsrm2f7t" }, "18": { defaultClass: "_1rsrm2f7u" }, "20": { defaultClass: "_1rsrm2f7v" }, "24": { defaultClass: "_1rsrm2f7w" }, "28": { defaultClass: "_1rsrm2f7x" }, "30": { defaultClass: "_1rsrm2f7y" }, "32": { defaultClass: "_1rsrm2f7z" }, "34": { defaultClass: "_1rsrm2f80" }, "36": { defaultClass: "_1rsrm2f81" }, "40": { defaultClass: "_1rsrm2f82" }, "44": { defaultClass: "_1rsrm2f83" }, "48": { defaultClass: "_1rsrm2f84" }, "50": { defaultClass: "_1rsrm2f85" }, "54": { defaultClass: "_1rsrm2f86" }, "57": { defaultClass: "_1rsrm2f87" }, "60": { defaultClass: "_1rsrm2f88" }, "72": { defaultClass: "_1rsrm2f89" }, "93": { defaultClass: "_1rsrm2f8a" }, "96": { defaultClass: "_1rsrm2f8b" }, "100": { defaultClass: "_1rsrm2f8c" }, "108": { defaultClass: "_1rsrm2f8d" }, "120": { defaultClass: "_1rsrm2f8e" }, "180": { defaultClass: "_1rsrm2f8f" }, "200": { defaultClass: "_1rsrm2f8g" }, "240": { defaultClass: "_1rsrm2f8h" }, half: { defaultClass: "_1rsrm2f8i" }, full: { defaultClass: "_1rsrm2f8j" }, max: { defaultClass: "_1rsrm2f8k" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f8l" }, "2": { defaultClass: "_1rsrm2f8m" }, "4": { defaultClass: "_1rsrm2f8n" }, "8": { defaultClass: "_1rsrm2f8o" }, "10": { defaultClass: "_1rsrm2f8p" }, "11": { defaultClass: "_1rsrm2f8q" }, "12": { defaultClass: "_1rsrm2f8r" }, "13": { defaultClass: "_1rsrm2f8s" }, "14": { defaultClass: "_1rsrm2f8t" }, "15": { defaultClass: "_1rsrm2f8u" }, "16": { defaultClass: "_1rsrm2f8v" }, "18": { defaultClass: "_1rsrm2f8w" }, "20": { defaultClass: "_1rsrm2f8x" }, "24": { defaultClass: "_1rsrm2f8y" }, "28": { defaultClass: "_1rsrm2f8z" }, "30": { defaultClass: "_1rsrm2f90" }, "32": { defaultClass: "_1rsrm2f91" }, "34": { defaultClass: "_1rsrm2f92" }, "36": { defaultClass: "_1rsrm2f93" }, "40": { defaultClass: "_1rsrm2f94" }, "44": { defaultClass: "_1rsrm2f95" }, "48": { defaultClass: "_1rsrm2f96" }, "50": { defaultClass: "_1rsrm2f97" }, "54": { defaultClass: "_1rsrm2f98" }, "57": { defaultClass: "_1rsrm2f99" }, "60": { defaultClass: "_1rsrm2f9a" }, "72": { defaultClass: "_1rsrm2f9b" }, "93": { defaultClass: "_1rsrm2f9c" }, "96": { defaultClass: "_1rsrm2f9d" }, "100": { defaultClass: "_1rsrm2f9e" }, "108": { defaultClass: "_1rsrm2f9f" }, "120": { defaultClass: "_1rsrm2f9g" }, "180": { defaultClass: "_1rsrm2f9h" }, "200": { defaultClass: "_1rsrm2f9i" }, "240": { defaultClass: "_1rsrm2f9j" }, half: { defaultClass: "_1rsrm2f9k" }, full: { defaultClass: "_1rsrm2f9l" }, max: { defaultClass: "_1rsrm2f9m" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f9n" }, "2": { defaultClass: "_1rsrm2f9o" }, "4": { defaultClass: "_1rsrm2f9p" }, "8": { defaultClass: "_1rsrm2f9q" }, "10": { defaultClass: "_1rsrm2f9r" }, "11": { defaultClass: "_1rsrm2f9s" }, "12": { defaultClass: "_1rsrm2f9t" }, "13": { defaultClass: "_1rsrm2f9u" }, "14": { defaultClass: "_1rsrm2f9v" }, "15": { defaultClass: "_1rsrm2f9w" }, "16": { defaultClass: "_1rsrm2f9x" }, "18": { defaultClass: "_1rsrm2f9y" }, "20": { defaultClass: "_1rsrm2f9z" }, "24": { defaultClass: "_1rsrm2fa0" }, "28": { defaultClass: "_1rsrm2fa1" }, "30": { defaultClass: "_1rsrm2fa2" }, "32": { defaultClass: "_1rsrm2fa3" }, "34": { defaultClass: "_1rsrm2fa4" }, "36": { defaultClass: "_1rsrm2fa5" }, "40": { defaultClass: "_1rsrm2fa6" }, "44": { defaultClass: "_1rsrm2fa7" }, "48": { defaultClass: "_1rsrm2fa8" }, "50": { defaultClass: "_1rsrm2fa9" }, "54": { defaultClass: "_1rsrm2faa" }, "57": { defaultClass: "_1rsrm2fab" }, "60": { defaultClass: "_1rsrm2fac" }, "72": { defaultClass: "_1rsrm2fad" }, "93": { defaultClass: "_1rsrm2fae" }, "96": { defaultClass: "_1rsrm2faf" }, "100": { defaultClass: "_1rsrm2fag" }, "108": { defaultClass: "_1rsrm2fah" }, "120": { defaultClass: "_1rsrm2fai" }, "180": { defaultClass: "_1rsrm2faj" }, "200": { defaultClass: "_1rsrm2fak" }, "240": { defaultClass: "_1rsrm2fal" }, half: { defaultClass: "_1rsrm2fam" }, full: { defaultClass: "_1rsrm2fan" }, max: { defaultClass: "_1rsrm2fao" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fap" }, "2": { defaultClass: "_1rsrm2faq" }, "4": { defaultClass: "_1rsrm2far" }, "8": { defaultClass: "_1rsrm2fas" }, "10": { defaultClass: "_1rsrm2fat" }, "11": { defaultClass: "_1rsrm2fau" }, "12": { defaultClass: "_1rsrm2fav" }, "13": { defaultClass: "_1rsrm2faw" }, "14": { defaultClass: "_1rsrm2fax" }, "15": { defaultClass: "_1rsrm2fay" }, "16": { defaultClass: "_1rsrm2faz" }, "18": { defaultClass: "_1rsrm2fb0" }, "20": { defaultClass: "_1rsrm2fb1" }, "24": { defaultClass: "_1rsrm2fb2" }, "28": { defaultClass: "_1rsrm2fb3" }, "30": { defaultClass: "_1rsrm2fb4" }, "32": { defaultClass: "_1rsrm2fb5" }, "34": { defaultClass: "_1rsrm2fb6" }, "36": { defaultClass: "_1rsrm2fb7" }, "40": { defaultClass: "_1rsrm2fb8" }, "44": { defaultClass: "_1rsrm2fb9" }, "48": { defaultClass: "_1rsrm2fba" }, "50": { defaultClass: "_1rsrm2fbb" }, "54": { defaultClass: "_1rsrm2fbc" }, "57": { defaultClass: "_1rsrm2fbd" }, "60": { defaultClass: "_1rsrm2fbe" }, "72": { defaultClass: "_1rsrm2fbf" }, "93": { defaultClass: "_1rsrm2fbg" }, "96": { defaultClass: "_1rsrm2fbh" }, "100": { defaultClass: "_1rsrm2fbi" }, "108": { defaultClass: "_1rsrm2fbj" }, "120": { defaultClass: "_1rsrm2fbk" }, "180": { defaultClass: "_1rsrm2fbl" }, "200": { defaultClass: "_1rsrm2fbm" }, "240": { defaultClass: "_1rsrm2fbn" }, half: { defaultClass: "_1rsrm2fbo" }, full: { defaultClass: "_1rsrm2fbp" }, max: { defaultClass: "_1rsrm2fbq" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fbr" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fbs" }, "1": { defaultClass: "_1rsrm2fbt" }, "2": { defaultClass: "_1rsrm2fbu" }, "3": { defaultClass: "_1rsrm2fbv" }, "4": { defaultClass: "_1rsrm2fbw" }, "5": { defaultClass: "_1rsrm2fbx" }, "6": { defaultClass: "_1rsrm2fby" }, "7": { defaultClass: "_1rsrm2fbz" }, "8": { defaultClass: "_1rsrm2fc0" }, "9": { defaultClass: "_1rsrm2fc1" }, "10": { defaultClass: "_1rsrm2fc2" }, "11": { defaultClass: "_1rsrm2fc3" }, "12": { defaultClass: "_1rsrm2fc4" }, "13": { defaultClass: "_1rsrm2fc5" }, "14": { defaultClass: "_1rsrm2fc6" }, "15": { defaultClass: "_1rsrm2fc7" }, "16": { defaultClass: "_1rsrm2fc8" }, "18": { defaultClass: "_1rsrm2fc9" }, "20": { defaultClass: "_1rsrm2fca" }, "24": { defaultClass: "_1rsrm2fcb" }, "28": { defaultClass: "_1rsrm2fcc" }, "30": { defaultClass: "_1rsrm2fcd" }, "32": { defaultClass: "_1rsrm2fce" }, "36": { defaultClass: "_1rsrm2fcf" }, "44": { defaultClass: "_1rsrm2fcg" }, "64": { defaultClass: "_1rsrm2fch" }, "-1": { defaultClass: "_1rsrm2fci" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fcj" }, "1": { defaultClass: "_1rsrm2fck" }, "2": { defaultClass: "_1rsrm2fcl" }, "3": { defaultClass: "_1rsrm2fcm" }, "4": { defaultClass: "_1rsrm2fcn" }, "5": { defaultClass: "_1rsrm2fco" }, "6": { defaultClass: "_1rsrm2fcp" }, "7": { defaultClass: "_1rsrm2fcq" }, "8": { defaultClass: "_1rsrm2fcr" }, "9": { defaultClass: "_1rsrm2fcs" }, "10": { defaultClass: "_1rsrm2fct" }, "11": { defaultClass: "_1rsrm2fcu" }, "12": { defaultClass: "_1rsrm2fcv" }, "13": { defaultClass: "_1rsrm2fcw" }, "14": { defaultClass: "_1rsrm2fcx" }, "15": { defaultClass: "_1rsrm2fcy" }, "16": { defaultClass: "_1rsrm2fcz" }, "18": { defaultClass: "_1rsrm2fd0" }, "20": { defaultClass: "_1rsrm2fd1" }, "24": { defaultClass: "_1rsrm2fd2" }, "28": { defaultClass: "_1rsrm2fd3" }, "30": { defaultClass: "_1rsrm2fd4" }, "32": { defaultClass: "_1rsrm2fd5" }, "36": { defaultClass: "_1rsrm2fd6" }, "44": { defaultClass: "_1rsrm2fd7" }, "64": { defaultClass: "_1rsrm2fd8" }, "-1": { defaultClass: "_1rsrm2fd9" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fda" }, "1": { defaultClass: "_1rsrm2fdb" }, "2": { defaultClass: "_1rsrm2fdc" }, "3": { defaultClass: "_1rsrm2fdd" }, "4": { defaultClass: "_1rsrm2fde" }, "5": { defaultClass: "_1rsrm2fdf" }, "6": { defaultClass: "_1rsrm2fdg" }, "7": { defaultClass: "_1rsrm2fdh" }, "8": { defaultClass: "_1rsrm2fdi" }, "9": { defaultClass: "_1rsrm2fdj" }, "10": { defaultClass: "_1rsrm2fdk" }, "11": { defaultClass: "_1rsrm2fdl" }, "12": { defaultClass: "_1rsrm2fdm" }, "13": { defaultClass: "_1rsrm2fdn" }, "14": { defaultClass: "_1rsrm2fdo" }, "15": { defaultClass: "_1rsrm2fdp" }, "16": { defaultClass: "_1rsrm2fdq" }, "18": { defaultClass: "_1rsrm2fdr" }, "20": { defaultClass: "_1rsrm2fds" }, "24": { defaultClass: "_1rsrm2fdt" }, "28": { defaultClass: "_1rsrm2fdu" }, "30": { defaultClass: "_1rsrm2fdv" }, "32": { defaultClass: "_1rsrm2fdw" }, "36": { defaultClass: "_1rsrm2fdx" }, "44": { defaultClass: "_1rsrm2fdy" }, "64": { defaultClass: "_1rsrm2fdz" }, "-1": { defaultClass: "_1rsrm2fe0" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fe1" }, "1": { defaultClass: "_1rsrm2fe2" }, "2": { defaultClass: "_1rsrm2fe3" }, "3": { defaultClass: "_1rsrm2fe4" }, "4": { defaultClass: "_1rsrm2fe5" }, "5": { defaultClass: "_1rsrm2fe6" }, "6": { defaultClass: "_1rsrm2fe7" }, "7": { defaultClass: "_1rsrm2fe8" }, "8": { defaultClass: "_1rsrm2fe9" }, "9": { defaultClass: "_1rsrm2fea" }, "10": { defaultClass: "_1rsrm2feb" }, "11": { defaultClass: "_1rsrm2fec" }, "12": { defaultClass: "_1rsrm2fed" }, "13": { defaultClass: "_1rsrm2fee" }, "14": { defaultClass: "_1rsrm2fef" }, "15": { defaultClass: "_1rsrm2feg" }, "16": { defaultClass: "_1rsrm2feh" }, "18": { defaultClass: "_1rsrm2fei" }, "20": { defaultClass: "_1rsrm2fej" }, "24": { defaultClass: "_1rsrm2fek" }, "28": { defaultClass: "_1rsrm2fel" }, "30": { defaultClass: "_1rsrm2fem" }, "32": { defaultClass: "_1rsrm2fen" }, "36": { defaultClass: "_1rsrm2feo" }, "44": { defaultClass: "_1rsrm2fep" }, "64": { defaultClass: "_1rsrm2feq" }, "-1": { defaultClass: "_1rsrm2fer" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fes" }, fixed: { defaultClass: "_1rsrm2fet" }, relative: { defaultClass: "_1rsrm2feu" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fev" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2few" }, transform: { defaultClass: "_1rsrm2fex" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fey" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fez" }, "2": { defaultClass: "_1rsrm2ff0" }, "4": { defaultClass: "_1rsrm2ff1" }, "8": { defaultClass: "_1rsrm2ff2" }, "10": { defaultClass: "_1rsrm2ff3" }, "11": { defaultClass: "_1rsrm2ff4" }, "12": { defaultClass: "_1rsrm2ff5" }, "13": { defaultClass: "_1rsrm2ff6" }, "14": { defaultClass: "_1rsrm2ff7" }, "15": { defaultClass: "_1rsrm2ff8" }, "16": { defaultClass: "_1rsrm2ff9" }, "18": { defaultClass: "_1rsrm2ffa" }, "20": { defaultClass: "_1rsrm2ffb" }, "24": { defaultClass: "_1rsrm2ffc" }, "28": { defaultClass: "_1rsrm2ffd" }, "30": { defaultClass: "_1rsrm2ffe" }, "32": { defaultClass: "_1rsrm2fff" }, "34": { defaultClass: "_1rsrm2ffg" }, "36": { defaultClass: "_1rsrm2ffh" }, "40": { defaultClass: "_1rsrm2ffi" }, "44": { defaultClass: "_1rsrm2ffj" }, "48": { defaultClass: "_1rsrm2ffk" }, "50": { defaultClass: "_1rsrm2ffl" }, "54": { defaultClass: "_1rsrm2ffm" }, "57": { defaultClass: "_1rsrm2ffn" }, "60": { defaultClass: "_1rsrm2ffo" }, "72": { defaultClass: "_1rsrm2ffp" }, "93": { defaultClass: "_1rsrm2ffq" }, "96": { defaultClass: "_1rsrm2ffr" }, "100": { defaultClass: "_1rsrm2ffs" }, "108": { defaultClass: "_1rsrm2fft" }, "120": { defaultClass: "_1rsrm2ffu" }, "180": { defaultClass: "_1rsrm2ffv" }, "200": { defaultClass: "_1rsrm2ffw" }, "240": { defaultClass: "_1rsrm2ffx" }, half: { defaultClass: "_1rsrm2ffy" }, full: { defaultClass: "_1rsrm2ffz" }, max: { defaultClass: "_1rsrm2fg0" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fg1" } } } } });
|
|
49
|
-
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)", 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)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", 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)", newBadgeBackground: "var(--rk-colors-newBadgeBackground)", newBadgeBorder: "var(--rk-colors-newBadgeBorder)", newBadgeText: "var(--rk-colors-newBadgeText)", approvedBadgeBackground: "var(--rk-colors-approvedBadgeBackground)", approvedBadgeBorder: "var(--rk-colors-approvedBadgeBorder)", approvedBadgeText: "var(--rk-colors-approvedBadgeText)", failedBadgeBackground: "var(--rk-colors-failedBadgeBackground)", failedBadgeBorder: "var(--rk-colors-failedBadgeBorder)", failedBadgeText: "var(--rk-colors-failedBadgeText)", 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)", fiatPendingGradientFrom: "var(--rk-colors-fiatPendingGradientFrom)", fiatPendingGradientTo: "var(--rk-colors-fiatPendingGradientTo)", fiatSuccessBackgroundFill: "var(--rk-colors-fiatSuccessBackgroundFill)", fiatFailedBackgroundFill: "var(--rk-colors-fiatFailedBackgroundFill)", fiatStatusIconBorder: "var(--rk-colors-fiatStatusIconBorder)", fiatAccountIconFill: "var(--rk-colors-fiatAccountIconFill)", fiatAccountGradientFrom: "var(--rk-colors-fiatAccountGradientFrom)", fiatAccountGradientTo: "var(--rk-colors-fiatAccountGradientTo)" }, 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)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)", skeleton: "var(--rk-radii-skeleton)", tooltip: "var(--rk-radii-tooltip)", dropdown: "var(--rk-radii-dropdown)", dropdownItem: "var(--rk-radii-dropdownItem)" }, 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)", qrCode: "var(--rk-shadows-qrCode)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
|
|
48
|
+
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fg3", hover: "_1rsrm2fg4", active: "_1rsrm2fg5", selection: "_1rsrm2fg6", focused: "_1rsrm2fg7", focusedVisible: "_1rsrm2fg8" }, defaultClass: "_1rsrm2fg3" }, accentColorForeground: { conditions: { base: "_1rsrm2fg9", hover: "_1rsrm2fga", active: "_1rsrm2fgb", selection: "_1rsrm2fgc", focused: "_1rsrm2fgd", focusedVisible: "_1rsrm2fge" }, defaultClass: "_1rsrm2fg9" }, actionButtonBorder: { conditions: { base: "_1rsrm2fgf", hover: "_1rsrm2fgg", active: "_1rsrm2fgh", selection: "_1rsrm2fgi", focused: "_1rsrm2fgj", focusedVisible: "_1rsrm2fgk" }, defaultClass: "_1rsrm2fgf" }, connectButtonBackground: { conditions: { base: "_1rsrm2fgl", hover: "_1rsrm2fgm", active: "_1rsrm2fgn", selection: "_1rsrm2fgo", focused: "_1rsrm2fgp", focusedVisible: "_1rsrm2fgq" }, defaultClass: "_1rsrm2fgl" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgr", hover: "_1rsrm2fgs", active: "_1rsrm2fgt", selection: "_1rsrm2fgu", focused: "_1rsrm2fgv", focusedVisible: "_1rsrm2fgw" }, defaultClass: "_1rsrm2fgr" }, connectButtonText: { conditions: { base: "_1rsrm2fgx", hover: "_1rsrm2fgy", active: "_1rsrm2fgz", selection: "_1rsrm2fh0", focused: "_1rsrm2fh1", focusedVisible: "_1rsrm2fh2" }, defaultClass: "_1rsrm2fgx" }, connectButtonTextError: { conditions: { base: "_1rsrm2fh3", hover: "_1rsrm2fh4", active: "_1rsrm2fh5", selection: "_1rsrm2fh6", focused: "_1rsrm2fh7", focusedVisible: "_1rsrm2fh8" }, defaultClass: "_1rsrm2fh3" }, connectionIndicator: { conditions: { base: "_1rsrm2fh9", hover: "_1rsrm2fha", active: "_1rsrm2fhb", selection: "_1rsrm2fhc", focused: "_1rsrm2fhd", focusedVisible: "_1rsrm2fhe" }, defaultClass: "_1rsrm2fh9" }, error: { conditions: { base: "_1rsrm2fhf", hover: "_1rsrm2fhg", active: "_1rsrm2fhh", selection: "_1rsrm2fhi", focused: "_1rsrm2fhj", focusedVisible: "_1rsrm2fhk" }, defaultClass: "_1rsrm2fhf" }, errorBackground: { conditions: { base: "_1rsrm2fhl", hover: "_1rsrm2fhm", active: "_1rsrm2fhn", selection: "_1rsrm2fho", focused: "_1rsrm2fhp", focusedVisible: "_1rsrm2fhq" }, defaultClass: "_1rsrm2fhl" }, errorBorder: { conditions: { base: "_1rsrm2fhr", hover: "_1rsrm2fhs", active: "_1rsrm2fht", selection: "_1rsrm2fhu", focused: "_1rsrm2fhv", focusedVisible: "_1rsrm2fhw" }, defaultClass: "_1rsrm2fhr" }, generalBorder: { conditions: { base: "_1rsrm2fhx", hover: "_1rsrm2fhy", active: "_1rsrm2fhz", selection: "_1rsrm2fi0", focused: "_1rsrm2fi1", focusedVisible: "_1rsrm2fi2" }, defaultClass: "_1rsrm2fhx" }, generalBorderDim: { conditions: { base: "_1rsrm2fi3", hover: "_1rsrm2fi4", active: "_1rsrm2fi5", selection: "_1rsrm2fi6", focused: "_1rsrm2fi7", focusedVisible: "_1rsrm2fi8" }, defaultClass: "_1rsrm2fi3" }, menuItemBackground: { conditions: { base: "_1rsrm2fi9", hover: "_1rsrm2fia", active: "_1rsrm2fib", selection: "_1rsrm2fic", focused: "_1rsrm2fid", focusedVisible: "_1rsrm2fie" }, defaultClass: "_1rsrm2fi9" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fif", hover: "_1rsrm2fig", active: "_1rsrm2fih", selection: "_1rsrm2fii", focused: "_1rsrm2fij", focusedVisible: "_1rsrm2fik" }, defaultClass: "_1rsrm2fif" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fil", hover: "_1rsrm2fim", active: "_1rsrm2fin", selection: "_1rsrm2fio", focused: "_1rsrm2fip", focusedVisible: "_1rsrm2fiq" }, defaultClass: "_1rsrm2fil" }, standby: { conditions: { base: "_1rsrm2fir", hover: "_1rsrm2fis", active: "_1rsrm2fit", selection: "_1rsrm2fiu", focused: "_1rsrm2fiv", focusedVisible: "_1rsrm2fiw" }, defaultClass: "_1rsrm2fir" }, success: { conditions: { base: "_1rsrm2fix", hover: "_1rsrm2fiy", active: "_1rsrm2fiz", selection: "_1rsrm2fj0", focused: "_1rsrm2fj1", focusedVisible: "_1rsrm2fj2" }, defaultClass: "_1rsrm2fix" }, chainIconBorder: { conditions: { base: "_1rsrm2fj3", hover: "_1rsrm2fj4", active: "_1rsrm2fj5", selection: "_1rsrm2fj6", focused: "_1rsrm2fj7", focusedVisible: "_1rsrm2fj8" }, defaultClass: "_1rsrm2fj3" }, modalBackdrop: { conditions: { base: "_1rsrm2fj9", hover: "_1rsrm2fja", active: "_1rsrm2fjb", selection: "_1rsrm2fjc", focused: "_1rsrm2fjd", focusedVisible: "_1rsrm2fje" }, defaultClass: "_1rsrm2fj9" }, modalBackground: { conditions: { base: "_1rsrm2fjf", hover: "_1rsrm2fjg", active: "_1rsrm2fjh", selection: "_1rsrm2fji", focused: "_1rsrm2fjj", focusedVisible: "_1rsrm2fjk" }, defaultClass: "_1rsrm2fjf" }, modalBorder: { conditions: { base: "_1rsrm2fjl", hover: "_1rsrm2fjm", active: "_1rsrm2fjn", selection: "_1rsrm2fjo", focused: "_1rsrm2fjp", focusedVisible: "_1rsrm2fjq" }, defaultClass: "_1rsrm2fjl" }, offBackground: { conditions: { base: "_1rsrm2fjr", hover: "_1rsrm2fjs", active: "_1rsrm2fjt", selection: "_1rsrm2fju", focused: "_1rsrm2fjv", focusedVisible: "_1rsrm2fjw" }, defaultClass: "_1rsrm2fjr" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fjx", hover: "_1rsrm2fjy", active: "_1rsrm2fjz", selection: "_1rsrm2fk0", focused: "_1rsrm2fk1", focusedVisible: "_1rsrm2fk2" }, defaultClass: "_1rsrm2fjx" }, hoverState: { conditions: { base: "_1rsrm2fk3", hover: "_1rsrm2fk4", active: "_1rsrm2fk5", selection: "_1rsrm2fk6", focused: "_1rsrm2fk7", focusedVisible: "_1rsrm2fk8" }, defaultClass: "_1rsrm2fk3" }, lightStroke: { conditions: { base: "_1rsrm2fk9", hover: "_1rsrm2fka", active: "_1rsrm2fkb", selection: "_1rsrm2fkc", focused: "_1rsrm2fkd", focusedVisible: "_1rsrm2fke" }, defaultClass: "_1rsrm2fk9" }, mediumStroke: { conditions: { base: "_1rsrm2fkf", hover: "_1rsrm2fkg", active: "_1rsrm2fkh", selection: "_1rsrm2fki", focused: "_1rsrm2fkj", focusedVisible: "_1rsrm2fkk" }, defaultClass: "_1rsrm2fkf" }, heavyStroke: { conditions: { base: "_1rsrm2fkl", hover: "_1rsrm2fkm", active: "_1rsrm2fkn", selection: "_1rsrm2fko", focused: "_1rsrm2fkp", focusedVisible: "_1rsrm2fkq" }, defaultClass: "_1rsrm2fkl" }, strokeColor: { conditions: { base: "_1rsrm2fkr", hover: "_1rsrm2fks", active: "_1rsrm2fkt", selection: "_1rsrm2fku", focused: "_1rsrm2fkv", focusedVisible: "_1rsrm2fkw" }, defaultClass: "_1rsrm2fkr" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fkx", hover: "_1rsrm2fky", active: "_1rsrm2fkz", selection: "_1rsrm2fl0", focused: "_1rsrm2fl1", focusedVisible: "_1rsrm2fl2" }, defaultClass: "_1rsrm2fkx" }, primaryText: { conditions: { base: "_1rsrm2fl3", hover: "_1rsrm2fl4", active: "_1rsrm2fl5", selection: "_1rsrm2fl6", focused: "_1rsrm2fl7", focusedVisible: "_1rsrm2fl8" }, defaultClass: "_1rsrm2fl3" }, secondaryText: { conditions: { base: "_1rsrm2fl9", hover: "_1rsrm2fla", active: "_1rsrm2flb", selection: "_1rsrm2flc", focused: "_1rsrm2fld", focusedVisible: "_1rsrm2fle" }, defaultClass: "_1rsrm2fl9" }, tertiaryText: { conditions: { base: "_1rsrm2flf", hover: "_1rsrm2flg", active: "_1rsrm2flh", selection: "_1rsrm2fli", focused: "_1rsrm2flj", focusedVisible: "_1rsrm2flk" }, defaultClass: "_1rsrm2flf" }, textSelection: { conditions: { base: "_1rsrm2fll", hover: "_1rsrm2flm", active: "_1rsrm2fln", selection: "_1rsrm2flo", focused: "_1rsrm2flp", focusedVisible: "_1rsrm2flq" }, defaultClass: "_1rsrm2fll" }, inputBackground: { conditions: { base: "_1rsrm2flr", hover: "_1rsrm2fls", active: "_1rsrm2flt", selection: "_1rsrm2flu", focused: "_1rsrm2flv", focusedVisible: "_1rsrm2flw" }, defaultClass: "_1rsrm2flr" }, inputBorderBase: { conditions: { base: "_1rsrm2flx", hover: "_1rsrm2fly", active: "_1rsrm2flz", selection: "_1rsrm2fm0", focused: "_1rsrm2fm1", focusedVisible: "_1rsrm2fm2" }, defaultClass: "_1rsrm2flx" }, inputBorderHover: { conditions: { base: "_1rsrm2fm3", hover: "_1rsrm2fm4", active: "_1rsrm2fm5", selection: "_1rsrm2fm6", focused: "_1rsrm2fm7", focusedVisible: "_1rsrm2fm8" }, defaultClass: "_1rsrm2fm3" }, actionColor: { conditions: { base: "_1rsrm2fm9", hover: "_1rsrm2fma", active: "_1rsrm2fmb", selection: "_1rsrm2fmc", focused: "_1rsrm2fmd", focusedVisible: "_1rsrm2fme" }, defaultClass: "_1rsrm2fm9" }, actionColorHover: { conditions: { base: "_1rsrm2fmf", hover: "_1rsrm2fmg", active: "_1rsrm2fmh", selection: "_1rsrm2fmi", focused: "_1rsrm2fmj", focusedVisible: "_1rsrm2fmk" }, defaultClass: "_1rsrm2fmf" }, actionColorDisabled: { conditions: { base: "_1rsrm2fml", hover: "_1rsrm2fmm", active: "_1rsrm2fmn", selection: "_1rsrm2fmo", focused: "_1rsrm2fmp", focusedVisible: "_1rsrm2fmq" }, defaultClass: "_1rsrm2fml" }, buttonPrimary: { conditions: { base: "_1rsrm2fmr", hover: "_1rsrm2fms", active: "_1rsrm2fmt", selection: "_1rsrm2fmu", focused: "_1rsrm2fmv", focusedVisible: "_1rsrm2fmw" }, defaultClass: "_1rsrm2fmr" }, buttonDisabled: { conditions: { base: "_1rsrm2fmx", hover: "_1rsrm2fmy", active: "_1rsrm2fmz", selection: "_1rsrm2fn0", focused: "_1rsrm2fn1", focusedVisible: "_1rsrm2fn2" }, defaultClass: "_1rsrm2fmx" }, buttonWarning: { conditions: { base: "_1rsrm2fn3", hover: "_1rsrm2fn4", active: "_1rsrm2fn5", selection: "_1rsrm2fn6", focused: "_1rsrm2fn7", focusedVisible: "_1rsrm2fn8" }, defaultClass: "_1rsrm2fn3" }, buttonSuccess: { conditions: { base: "_1rsrm2fn9", hover: "_1rsrm2fna", active: "_1rsrm2fnb", selection: "_1rsrm2fnc", focused: "_1rsrm2fnd", focusedVisible: "_1rsrm2fne" }, defaultClass: "_1rsrm2fn9" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fnf", hover: "_1rsrm2fng", active: "_1rsrm2fnh", selection: "_1rsrm2fni", focused: "_1rsrm2fnj", focusedVisible: "_1rsrm2fnk" }, defaultClass: "_1rsrm2fnf" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fnl", hover: "_1rsrm2fnm", active: "_1rsrm2fnn", selection: "_1rsrm2fno", focused: "_1rsrm2fnp", focusedVisible: "_1rsrm2fnq" }, defaultClass: "_1rsrm2fnl" }, transparent: { conditions: { base: "_1rsrm2fnr", hover: "_1rsrm2fns", active: "_1rsrm2fnt", selection: "_1rsrm2fnu", focused: "_1rsrm2fnv", focusedVisible: "_1rsrm2fnw" }, defaultClass: "_1rsrm2fnr" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fnx", hover: "_1rsrm2fny", active: "_1rsrm2fnz", selection: "_1rsrm2fo0", focused: "_1rsrm2fo1", focusedVisible: "_1rsrm2fo2" }, defaultClass: "_1rsrm2fnx" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fo3", hover: "_1rsrm2fo4", active: "_1rsrm2fo5", selection: "_1rsrm2fo6", focused: "_1rsrm2fo7", focusedVisible: "_1rsrm2fo8" }, defaultClass: "_1rsrm2fo3" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fo9", hover: "_1rsrm2foa", active: "_1rsrm2fob", selection: "_1rsrm2foc", focused: "_1rsrm2fod", focusedVisible: "_1rsrm2foe" }, defaultClass: "_1rsrm2fo9" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fof", hover: "_1rsrm2fog", active: "_1rsrm2foh", selection: "_1rsrm2foi", focused: "_1rsrm2foj", focusedVisible: "_1rsrm2fok" }, defaultClass: "_1rsrm2fof" }, buttonBackground: { conditions: { base: "_1rsrm2fol", hover: "_1rsrm2fom", active: "_1rsrm2fon", selection: "_1rsrm2foo", focused: "_1rsrm2fop", focusedVisible: "_1rsrm2foq" }, defaultClass: "_1rsrm2fol" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2for", hover: "_1rsrm2fos", active: "_1rsrm2fot", selection: "_1rsrm2fou", focused: "_1rsrm2fov", focusedVisible: "_1rsrm2fow" }, defaultClass: "_1rsrm2for" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2fox", hover: "_1rsrm2foy", active: "_1rsrm2foz", selection: "_1rsrm2fp0", focused: "_1rsrm2fp1", focusedVisible: "_1rsrm2fp2" }, defaultClass: "_1rsrm2fox" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fp3", hover: "_1rsrm2fp4", active: "_1rsrm2fp5", selection: "_1rsrm2fp6", focused: "_1rsrm2fp7", focusedVisible: "_1rsrm2fp8" }, defaultClass: "_1rsrm2fp3" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fp9", hover: "_1rsrm2fpa", active: "_1rsrm2fpb", selection: "_1rsrm2fpc", focused: "_1rsrm2fpd", focusedVisible: "_1rsrm2fpe" }, defaultClass: "_1rsrm2fp9" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fpf", hover: "_1rsrm2fpg", active: "_1rsrm2fph", selection: "_1rsrm2fpi", focused: "_1rsrm2fpj", focusedVisible: "_1rsrm2fpk" }, defaultClass: "_1rsrm2fpf" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fpl", hover: "_1rsrm2fpm", active: "_1rsrm2fpn", selection: "_1rsrm2fpo", focused: "_1rsrm2fpp", focusedVisible: "_1rsrm2fpq" }, defaultClass: "_1rsrm2fpl" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fpr", hover: "_1rsrm2fps", active: "_1rsrm2fpt", selection: "_1rsrm2fpu", focused: "_1rsrm2fpv", focusedVisible: "_1rsrm2fpw" }, defaultClass: "_1rsrm2fpr" }, buttonIconStroke: { conditions: { base: "_1rsrm2fpx", hover: "_1rsrm2fpy", active: "_1rsrm2fpz", selection: "_1rsrm2fq0", focused: "_1rsrm2fq1", focusedVisible: "_1rsrm2fq2" }, defaultClass: "_1rsrm2fpx" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fq3", hover: "_1rsrm2fq4", active: "_1rsrm2fq5", selection: "_1rsrm2fq6", focused: "_1rsrm2fq7", focusedVisible: "_1rsrm2fq8" }, defaultClass: "_1rsrm2fq3" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fq9", hover: "_1rsrm2fqa", active: "_1rsrm2fqb", selection: "_1rsrm2fqc", focused: "_1rsrm2fqd", focusedVisible: "_1rsrm2fqe" }, defaultClass: "_1rsrm2fq9" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fqf", hover: "_1rsrm2fqg", active: "_1rsrm2fqh", selection: "_1rsrm2fqi", focused: "_1rsrm2fqj", focusedVisible: "_1rsrm2fqk" }, defaultClass: "_1rsrm2fqf" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fql", hover: "_1rsrm2fqm", active: "_1rsrm2fqn", selection: "_1rsrm2fqo", focused: "_1rsrm2fqp", focusedVisible: "_1rsrm2fqq" }, defaultClass: "_1rsrm2fql" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fqr", hover: "_1rsrm2fqs", active: "_1rsrm2fqt", selection: "_1rsrm2fqu", focused: "_1rsrm2fqv", focusedVisible: "_1rsrm2fqw" }, defaultClass: "_1rsrm2fqr" }, newBadgeBackground: { conditions: { base: "_1rsrm2fqx", hover: "_1rsrm2fqy", active: "_1rsrm2fqz", selection: "_1rsrm2fr0", focused: "_1rsrm2fr1", focusedVisible: "_1rsrm2fr2" }, defaultClass: "_1rsrm2fqx" }, newBadgeBorder: { conditions: { base: "_1rsrm2fr3", hover: "_1rsrm2fr4", active: "_1rsrm2fr5", selection: "_1rsrm2fr6", focused: "_1rsrm2fr7", focusedVisible: "_1rsrm2fr8" }, defaultClass: "_1rsrm2fr3" }, newBadgeText: { conditions: { base: "_1rsrm2fr9", hover: "_1rsrm2fra", active: "_1rsrm2frb", selection: "_1rsrm2frc", focused: "_1rsrm2frd", focusedVisible: "_1rsrm2fre" }, defaultClass: "_1rsrm2fr9" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2frf", hover: "_1rsrm2frg", active: "_1rsrm2frh", selection: "_1rsrm2fri", focused: "_1rsrm2frj", focusedVisible: "_1rsrm2frk" }, defaultClass: "_1rsrm2frf" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2frl", hover: "_1rsrm2frm", active: "_1rsrm2frn", selection: "_1rsrm2fro", focused: "_1rsrm2frp", focusedVisible: "_1rsrm2frq" }, defaultClass: "_1rsrm2frl" }, approvedBadgeText: { conditions: { base: "_1rsrm2frr", hover: "_1rsrm2frs", active: "_1rsrm2frt", selection: "_1rsrm2fru", focused: "_1rsrm2frv", focusedVisible: "_1rsrm2frw" }, defaultClass: "_1rsrm2frr" }, failedBadgeBackground: { conditions: { base: "_1rsrm2frx", hover: "_1rsrm2fry", active: "_1rsrm2frz", selection: "_1rsrm2fs0", focused: "_1rsrm2fs1", focusedVisible: "_1rsrm2fs2" }, defaultClass: "_1rsrm2frx" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fs3", hover: "_1rsrm2fs4", active: "_1rsrm2fs5", selection: "_1rsrm2fs6", focused: "_1rsrm2fs7", focusedVisible: "_1rsrm2fs8" }, defaultClass: "_1rsrm2fs3" }, failedBadgeText: { conditions: { base: "_1rsrm2fs9", hover: "_1rsrm2fsa", active: "_1rsrm2fsb", selection: "_1rsrm2fsc", focused: "_1rsrm2fsd", focusedVisible: "_1rsrm2fse" }, defaultClass: "_1rsrm2fs9" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fsf", hover: "_1rsrm2fsg", active: "_1rsrm2fsh", selection: "_1rsrm2fsi", focused: "_1rsrm2fsj", focusedVisible: "_1rsrm2fsk" }, defaultClass: "_1rsrm2fsf" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fsl", hover: "_1rsrm2fsm", active: "_1rsrm2fsn", selection: "_1rsrm2fso", focused: "_1rsrm2fsp", focusedVisible: "_1rsrm2fsq" }, defaultClass: "_1rsrm2fsl" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fsr", hover: "_1rsrm2fss", active: "_1rsrm2fst", selection: "_1rsrm2fsu", focused: "_1rsrm2fsv", focusedVisible: "_1rsrm2fsw" }, defaultClass: "_1rsrm2fsr" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fsx", hover: "_1rsrm2fsy", active: "_1rsrm2fsz", selection: "_1rsrm2ft0", focused: "_1rsrm2ft1", focusedVisible: "_1rsrm2ft2" }, defaultClass: "_1rsrm2fsx" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2ft3", hover: "_1rsrm2ft4", active: "_1rsrm2ft5", selection: "_1rsrm2ft6", focused: "_1rsrm2ft7", focusedVisible: "_1rsrm2ft8" }, defaultClass: "_1rsrm2ft3" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2ft9", hover: "_1rsrm2fta", active: "_1rsrm2ftb", selection: "_1rsrm2ftc", focused: "_1rsrm2ftd", focusedVisible: "_1rsrm2fte" }, defaultClass: "_1rsrm2ft9" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2ftf", hover: "_1rsrm2ftg", active: "_1rsrm2fth", selection: "_1rsrm2fti", focused: "_1rsrm2ftj", focusedVisible: "_1rsrm2ftk" }, defaultClass: "_1rsrm2ftf" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2ftl", hover: "_1rsrm2ftm", active: "_1rsrm2ftn", selection: "_1rsrm2fto", focused: "_1rsrm2ftp", focusedVisible: "_1rsrm2ftq" }, defaultClass: "_1rsrm2ftl" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2ftr", hover: "_1rsrm2fts", active: "_1rsrm2ftt", selection: "_1rsrm2ftu", focused: "_1rsrm2ftv", focusedVisible: "_1rsrm2ftw" }, defaultClass: "_1rsrm2ftr" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2ftx", hover: "_1rsrm2fty", active: "_1rsrm2ftz", selection: "_1rsrm2fu0", focused: "_1rsrm2fu1", focusedVisible: "_1rsrm2fu2" }, defaultClass: "_1rsrm2ftx" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fu3", hover: "_1rsrm2fu4", active: "_1rsrm2fu5", selection: "_1rsrm2fu6", focused: "_1rsrm2fu7", focusedVisible: "_1rsrm2fu8" }, defaultClass: "_1rsrm2fu3" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fu9", hover: "_1rsrm2fua", active: "_1rsrm2fub", selection: "_1rsrm2fuc", focused: "_1rsrm2fud", focusedVisible: "_1rsrm2fue" }, defaultClass: "_1rsrm2fu9" }, announceGradientFrom: { conditions: { base: "_1rsrm2fuf", hover: "_1rsrm2fug", active: "_1rsrm2fuh", selection: "_1rsrm2fui", focused: "_1rsrm2fuj", focusedVisible: "_1rsrm2fuk" }, defaultClass: "_1rsrm2fuf" }, announceGradientTo: { conditions: { base: "_1rsrm2ful", hover: "_1rsrm2fum", active: "_1rsrm2fun", selection: "_1rsrm2fuo", focused: "_1rsrm2fup", focusedVisible: "_1rsrm2fuq" }, defaultClass: "_1rsrm2ful" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fur", hover: "_1rsrm2fus", active: "_1rsrm2fut", selection: "_1rsrm2fuu", focused: "_1rsrm2fuv", focusedVisible: "_1rsrm2fuw" }, defaultClass: "_1rsrm2fur" }, modalFooterDivider: { conditions: { base: "_1rsrm2fux", hover: "_1rsrm2fuy", active: "_1rsrm2fuz", selection: "_1rsrm2fv0", focused: "_1rsrm2fv1", focusedVisible: "_1rsrm2fv2" }, defaultClass: "_1rsrm2fux" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fv3", hover: "_1rsrm2fv4", active: "_1rsrm2fv5", selection: "_1rsrm2fv6", focused: "_1rsrm2fv7", focusedVisible: "_1rsrm2fv8" }, defaultClass: "_1rsrm2fv3" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fv9", hover: "_1rsrm2fva", active: "_1rsrm2fvb", selection: "_1rsrm2fvc", focused: "_1rsrm2fvd", focusedVisible: "_1rsrm2fve" }, defaultClass: "_1rsrm2fv9" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fvf", hover: "_1rsrm2fvg", active: "_1rsrm2fvh", selection: "_1rsrm2fvi", focused: "_1rsrm2fvj", focusedVisible: "_1rsrm2fvk" }, defaultClass: "_1rsrm2fvf" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fvl", hover: "_1rsrm2fvm", active: "_1rsrm2fvn", selection: "_1rsrm2fvo", focused: "_1rsrm2fvp", focusedVisible: "_1rsrm2fvq" }, defaultClass: "_1rsrm2fvl" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fvr", hover: "_1rsrm2fvs", active: "_1rsrm2fvt", selection: "_1rsrm2fvu", focused: "_1rsrm2fvv", focusedVisible: "_1rsrm2fvw" }, defaultClass: "_1rsrm2fvr" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fvx", hover: "_1rsrm2fvy", active: "_1rsrm2fvz", selection: "_1rsrm2fw0", focused: "_1rsrm2fw1", focusedVisible: "_1rsrm2fw2" }, defaultClass: "_1rsrm2fvx" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fw3", hover: "_1rsrm2fw4", active: "_1rsrm2fw5", selection: "_1rsrm2fw6", focused: "_1rsrm2fw7", focusedVisible: "_1rsrm2fw8" }, defaultClass: "_1rsrm2fw3" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fw9", hover: "_1rsrm2fwa", active: "_1rsrm2fwb", selection: "_1rsrm2fwc", focused: "_1rsrm2fwd", focusedVisible: "_1rsrm2fwe" }, defaultClass: "_1rsrm2fw9" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fwf", hover: "_1rsrm2fwg", active: "_1rsrm2fwh", selection: "_1rsrm2fwi", focused: "_1rsrm2fwj", focusedVisible: "_1rsrm2fwk" }, defaultClass: "_1rsrm2fwf" }, accentColorForeground: { conditions: { base: "_1rsrm2fwl", hover: "_1rsrm2fwm", active: "_1rsrm2fwn", selection: "_1rsrm2fwo", focused: "_1rsrm2fwp", focusedVisible: "_1rsrm2fwq" }, defaultClass: "_1rsrm2fwl" }, actionButtonBorder: { conditions: { base: "_1rsrm2fwr", hover: "_1rsrm2fws", active: "_1rsrm2fwt", selection: "_1rsrm2fwu", focused: "_1rsrm2fwv", focusedVisible: "_1rsrm2fww" }, defaultClass: "_1rsrm2fwr" }, connectButtonBackground: { conditions: { base: "_1rsrm2fwx", hover: "_1rsrm2fwy", active: "_1rsrm2fwz", selection: "_1rsrm2fx0", focused: "_1rsrm2fx1", focusedVisible: "_1rsrm2fx2" }, defaultClass: "_1rsrm2fwx" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fx3", hover: "_1rsrm2fx4", active: "_1rsrm2fx5", selection: "_1rsrm2fx6", focused: "_1rsrm2fx7", focusedVisible: "_1rsrm2fx8" }, defaultClass: "_1rsrm2fx3" }, connectButtonText: { conditions: { base: "_1rsrm2fx9", hover: "_1rsrm2fxa", active: "_1rsrm2fxb", selection: "_1rsrm2fxc", focused: "_1rsrm2fxd", focusedVisible: "_1rsrm2fxe" }, defaultClass: "_1rsrm2fx9" }, connectButtonTextError: { conditions: { base: "_1rsrm2fxf", hover: "_1rsrm2fxg", active: "_1rsrm2fxh", selection: "_1rsrm2fxi", focused: "_1rsrm2fxj", focusedVisible: "_1rsrm2fxk" }, defaultClass: "_1rsrm2fxf" }, connectionIndicator: { conditions: { base: "_1rsrm2fxl", hover: "_1rsrm2fxm", active: "_1rsrm2fxn", selection: "_1rsrm2fxo", focused: "_1rsrm2fxp", focusedVisible: "_1rsrm2fxq" }, defaultClass: "_1rsrm2fxl" }, error: { conditions: { base: "_1rsrm2fxr", hover: "_1rsrm2fxs", active: "_1rsrm2fxt", selection: "_1rsrm2fxu", focused: "_1rsrm2fxv", focusedVisible: "_1rsrm2fxw" }, defaultClass: "_1rsrm2fxr" }, errorBackground: { conditions: { base: "_1rsrm2fxx", hover: "_1rsrm2fxy", active: "_1rsrm2fxz", selection: "_1rsrm2fy0", focused: "_1rsrm2fy1", focusedVisible: "_1rsrm2fy2" }, defaultClass: "_1rsrm2fxx" }, errorBorder: { conditions: { base: "_1rsrm2fy3", hover: "_1rsrm2fy4", active: "_1rsrm2fy5", selection: "_1rsrm2fy6", focused: "_1rsrm2fy7", focusedVisible: "_1rsrm2fy8" }, defaultClass: "_1rsrm2fy3" }, generalBorder: { conditions: { base: "_1rsrm2fy9", hover: "_1rsrm2fya", active: "_1rsrm2fyb", selection: "_1rsrm2fyc", focused: "_1rsrm2fyd", focusedVisible: "_1rsrm2fye" }, defaultClass: "_1rsrm2fy9" }, generalBorderDim: { conditions: { base: "_1rsrm2fyf", hover: "_1rsrm2fyg", active: "_1rsrm2fyh", selection: "_1rsrm2fyi", focused: "_1rsrm2fyj", focusedVisible: "_1rsrm2fyk" }, defaultClass: "_1rsrm2fyf" }, menuItemBackground: { conditions: { base: "_1rsrm2fyl", hover: "_1rsrm2fym", active: "_1rsrm2fyn", selection: "_1rsrm2fyo", focused: "_1rsrm2fyp", focusedVisible: "_1rsrm2fyq" }, defaultClass: "_1rsrm2fyl" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fyr", hover: "_1rsrm2fys", active: "_1rsrm2fyt", selection: "_1rsrm2fyu", focused: "_1rsrm2fyv", focusedVisible: "_1rsrm2fyw" }, defaultClass: "_1rsrm2fyr" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fyx", hover: "_1rsrm2fyy", active: "_1rsrm2fyz", selection: "_1rsrm2fz0", focused: "_1rsrm2fz1", focusedVisible: "_1rsrm2fz2" }, defaultClass: "_1rsrm2fyx" }, standby: { conditions: { base: "_1rsrm2fz3", hover: "_1rsrm2fz4", active: "_1rsrm2fz5", selection: "_1rsrm2fz6", focused: "_1rsrm2fz7", focusedVisible: "_1rsrm2fz8" }, defaultClass: "_1rsrm2fz3" }, success: { conditions: { base: "_1rsrm2fz9", hover: "_1rsrm2fza", active: "_1rsrm2fzb", selection: "_1rsrm2fzc", focused: "_1rsrm2fzd", focusedVisible: "_1rsrm2fze" }, defaultClass: "_1rsrm2fz9" }, chainIconBorder: { conditions: { base: "_1rsrm2fzf", hover: "_1rsrm2fzg", active: "_1rsrm2fzh", selection: "_1rsrm2fzi", focused: "_1rsrm2fzj", focusedVisible: "_1rsrm2fzk" }, defaultClass: "_1rsrm2fzf" }, modalBackdrop: { conditions: { base: "_1rsrm2fzl", hover: "_1rsrm2fzm", active: "_1rsrm2fzn", selection: "_1rsrm2fzo", focused: "_1rsrm2fzp", focusedVisible: "_1rsrm2fzq" }, defaultClass: "_1rsrm2fzl" }, modalBackground: { conditions: { base: "_1rsrm2fzr", hover: "_1rsrm2fzs", active: "_1rsrm2fzt", selection: "_1rsrm2fzu", focused: "_1rsrm2fzv", focusedVisible: "_1rsrm2fzw" }, defaultClass: "_1rsrm2fzr" }, modalBorder: { conditions: { base: "_1rsrm2fzx", hover: "_1rsrm2fzy", active: "_1rsrm2fzz", selection: "_1rsrm2f100", focused: "_1rsrm2f101", focusedVisible: "_1rsrm2f102" }, defaultClass: "_1rsrm2fzx" }, offBackground: { conditions: { base: "_1rsrm2f103", hover: "_1rsrm2f104", active: "_1rsrm2f105", selection: "_1rsrm2f106", focused: "_1rsrm2f107", focusedVisible: "_1rsrm2f108" }, defaultClass: "_1rsrm2f103" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f109", hover: "_1rsrm2f10a", active: "_1rsrm2f10b", selection: "_1rsrm2f10c", focused: "_1rsrm2f10d", focusedVisible: "_1rsrm2f10e" }, defaultClass: "_1rsrm2f109" }, hoverState: { conditions: { base: "_1rsrm2f10f", hover: "_1rsrm2f10g", active: "_1rsrm2f10h", selection: "_1rsrm2f10i", focused: "_1rsrm2f10j", focusedVisible: "_1rsrm2f10k" }, defaultClass: "_1rsrm2f10f" }, lightStroke: { conditions: { base: "_1rsrm2f10l", hover: "_1rsrm2f10m", active: "_1rsrm2f10n", selection: "_1rsrm2f10o", focused: "_1rsrm2f10p", focusedVisible: "_1rsrm2f10q" }, defaultClass: "_1rsrm2f10l" }, mediumStroke: { conditions: { base: "_1rsrm2f10r", hover: "_1rsrm2f10s", active: "_1rsrm2f10t", selection: "_1rsrm2f10u", focused: "_1rsrm2f10v", focusedVisible: "_1rsrm2f10w" }, defaultClass: "_1rsrm2f10r" }, heavyStroke: { conditions: { base: "_1rsrm2f10x", hover: "_1rsrm2f10y", active: "_1rsrm2f10z", selection: "_1rsrm2f110", focused: "_1rsrm2f111", focusedVisible: "_1rsrm2f112" }, defaultClass: "_1rsrm2f10x" }, strokeColor: { conditions: { base: "_1rsrm2f113", hover: "_1rsrm2f114", active: "_1rsrm2f115", selection: "_1rsrm2f116", focused: "_1rsrm2f117", focusedVisible: "_1rsrm2f118" }, defaultClass: "_1rsrm2f113" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f119", hover: "_1rsrm2f11a", active: "_1rsrm2f11b", selection: "_1rsrm2f11c", focused: "_1rsrm2f11d", focusedVisible: "_1rsrm2f11e" }, defaultClass: "_1rsrm2f119" }, primaryText: { conditions: { base: "_1rsrm2f11f", hover: "_1rsrm2f11g", active: "_1rsrm2f11h", selection: "_1rsrm2f11i", focused: "_1rsrm2f11j", focusedVisible: "_1rsrm2f11k" }, defaultClass: "_1rsrm2f11f" }, secondaryText: { conditions: { base: "_1rsrm2f11l", hover: "_1rsrm2f11m", active: "_1rsrm2f11n", selection: "_1rsrm2f11o", focused: "_1rsrm2f11p", focusedVisible: "_1rsrm2f11q" }, defaultClass: "_1rsrm2f11l" }, tertiaryText: { conditions: { base: "_1rsrm2f11r", hover: "_1rsrm2f11s", active: "_1rsrm2f11t", selection: "_1rsrm2f11u", focused: "_1rsrm2f11v", focusedVisible: "_1rsrm2f11w" }, defaultClass: "_1rsrm2f11r" }, textSelection: { conditions: { base: "_1rsrm2f11x", hover: "_1rsrm2f11y", active: "_1rsrm2f11z", selection: "_1rsrm2f120", focused: "_1rsrm2f121", focusedVisible: "_1rsrm2f122" }, defaultClass: "_1rsrm2f11x" }, inputBackground: { conditions: { base: "_1rsrm2f123", hover: "_1rsrm2f124", active: "_1rsrm2f125", selection: "_1rsrm2f126", focused: "_1rsrm2f127", focusedVisible: "_1rsrm2f128" }, defaultClass: "_1rsrm2f123" }, inputBorderBase: { conditions: { base: "_1rsrm2f129", hover: "_1rsrm2f12a", active: "_1rsrm2f12b", selection: "_1rsrm2f12c", focused: "_1rsrm2f12d", focusedVisible: "_1rsrm2f12e" }, defaultClass: "_1rsrm2f129" }, inputBorderHover: { conditions: { base: "_1rsrm2f12f", hover: "_1rsrm2f12g", active: "_1rsrm2f12h", selection: "_1rsrm2f12i", focused: "_1rsrm2f12j", focusedVisible: "_1rsrm2f12k" }, defaultClass: "_1rsrm2f12f" }, actionColor: { conditions: { base: "_1rsrm2f12l", hover: "_1rsrm2f12m", active: "_1rsrm2f12n", selection: "_1rsrm2f12o", focused: "_1rsrm2f12p", focusedVisible: "_1rsrm2f12q" }, defaultClass: "_1rsrm2f12l" }, actionColorHover: { conditions: { base: "_1rsrm2f12r", hover: "_1rsrm2f12s", active: "_1rsrm2f12t", selection: "_1rsrm2f12u", focused: "_1rsrm2f12v", focusedVisible: "_1rsrm2f12w" }, defaultClass: "_1rsrm2f12r" }, actionColorDisabled: { conditions: { base: "_1rsrm2f12x", hover: "_1rsrm2f12y", active: "_1rsrm2f12z", selection: "_1rsrm2f130", focused: "_1rsrm2f131", focusedVisible: "_1rsrm2f132" }, defaultClass: "_1rsrm2f12x" }, buttonPrimary: { conditions: { base: "_1rsrm2f133", hover: "_1rsrm2f134", active: "_1rsrm2f135", selection: "_1rsrm2f136", focused: "_1rsrm2f137", focusedVisible: "_1rsrm2f138" }, defaultClass: "_1rsrm2f133" }, buttonDisabled: { conditions: { base: "_1rsrm2f139", hover: "_1rsrm2f13a", active: "_1rsrm2f13b", selection: "_1rsrm2f13c", focused: "_1rsrm2f13d", focusedVisible: "_1rsrm2f13e" }, defaultClass: "_1rsrm2f139" }, buttonWarning: { conditions: { base: "_1rsrm2f13f", hover: "_1rsrm2f13g", active: "_1rsrm2f13h", selection: "_1rsrm2f13i", focused: "_1rsrm2f13j", focusedVisible: "_1rsrm2f13k" }, defaultClass: "_1rsrm2f13f" }, buttonSuccess: { conditions: { base: "_1rsrm2f13l", hover: "_1rsrm2f13m", active: "_1rsrm2f13n", selection: "_1rsrm2f13o", focused: "_1rsrm2f13p", focusedVisible: "_1rsrm2f13q" }, defaultClass: "_1rsrm2f13l" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f13r", hover: "_1rsrm2f13s", active: "_1rsrm2f13t", selection: "_1rsrm2f13u", focused: "_1rsrm2f13v", focusedVisible: "_1rsrm2f13w" }, defaultClass: "_1rsrm2f13r" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f13x", hover: "_1rsrm2f13y", active: "_1rsrm2f13z", selection: "_1rsrm2f140", focused: "_1rsrm2f141", focusedVisible: "_1rsrm2f142" }, defaultClass: "_1rsrm2f13x" }, transparent: { conditions: { base: "_1rsrm2f143", hover: "_1rsrm2f144", active: "_1rsrm2f145", selection: "_1rsrm2f146", focused: "_1rsrm2f147", focusedVisible: "_1rsrm2f148" }, defaultClass: "_1rsrm2f143" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f149", hover: "_1rsrm2f14a", active: "_1rsrm2f14b", selection: "_1rsrm2f14c", focused: "_1rsrm2f14d", focusedVisible: "_1rsrm2f14e" }, defaultClass: "_1rsrm2f149" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f14f", hover: "_1rsrm2f14g", active: "_1rsrm2f14h", selection: "_1rsrm2f14i", focused: "_1rsrm2f14j", focusedVisible: "_1rsrm2f14k" }, defaultClass: "_1rsrm2f14f" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f14l", hover: "_1rsrm2f14m", active: "_1rsrm2f14n", selection: "_1rsrm2f14o", focused: "_1rsrm2f14p", focusedVisible: "_1rsrm2f14q" }, defaultClass: "_1rsrm2f14l" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f14r", hover: "_1rsrm2f14s", active: "_1rsrm2f14t", selection: "_1rsrm2f14u", focused: "_1rsrm2f14v", focusedVisible: "_1rsrm2f14w" }, defaultClass: "_1rsrm2f14r" }, buttonBackground: { conditions: { base: "_1rsrm2f14x", hover: "_1rsrm2f14y", active: "_1rsrm2f14z", selection: "_1rsrm2f150", focused: "_1rsrm2f151", focusedVisible: "_1rsrm2f152" }, defaultClass: "_1rsrm2f14x" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f153", hover: "_1rsrm2f154", active: "_1rsrm2f155", selection: "_1rsrm2f156", focused: "_1rsrm2f157", focusedVisible: "_1rsrm2f158" }, defaultClass: "_1rsrm2f153" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f159", hover: "_1rsrm2f15a", active: "_1rsrm2f15b", selection: "_1rsrm2f15c", focused: "_1rsrm2f15d", focusedVisible: "_1rsrm2f15e" }, defaultClass: "_1rsrm2f159" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f15f", hover: "_1rsrm2f15g", active: "_1rsrm2f15h", selection: "_1rsrm2f15i", focused: "_1rsrm2f15j", focusedVisible: "_1rsrm2f15k" }, defaultClass: "_1rsrm2f15f" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f15l", hover: "_1rsrm2f15m", active: "_1rsrm2f15n", selection: "_1rsrm2f15o", focused: "_1rsrm2f15p", focusedVisible: "_1rsrm2f15q" }, defaultClass: "_1rsrm2f15l" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f15r", hover: "_1rsrm2f15s", active: "_1rsrm2f15t", selection: "_1rsrm2f15u", focused: "_1rsrm2f15v", focusedVisible: "_1rsrm2f15w" }, defaultClass: "_1rsrm2f15r" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f15x", hover: "_1rsrm2f15y", active: "_1rsrm2f15z", selection: "_1rsrm2f160", focused: "_1rsrm2f161", focusedVisible: "_1rsrm2f162" }, defaultClass: "_1rsrm2f15x" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f163", hover: "_1rsrm2f164", active: "_1rsrm2f165", selection: "_1rsrm2f166", focused: "_1rsrm2f167", focusedVisible: "_1rsrm2f168" }, defaultClass: "_1rsrm2f163" }, buttonIconStroke: { conditions: { base: "_1rsrm2f169", hover: "_1rsrm2f16a", active: "_1rsrm2f16b", selection: "_1rsrm2f16c", focused: "_1rsrm2f16d", focusedVisible: "_1rsrm2f16e" }, defaultClass: "_1rsrm2f169" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f16f", hover: "_1rsrm2f16g", active: "_1rsrm2f16h", selection: "_1rsrm2f16i", focused: "_1rsrm2f16j", focusedVisible: "_1rsrm2f16k" }, defaultClass: "_1rsrm2f16f" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f16l", hover: "_1rsrm2f16m", active: "_1rsrm2f16n", selection: "_1rsrm2f16o", focused: "_1rsrm2f16p", focusedVisible: "_1rsrm2f16q" }, defaultClass: "_1rsrm2f16l" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f16r", hover: "_1rsrm2f16s", active: "_1rsrm2f16t", selection: "_1rsrm2f16u", focused: "_1rsrm2f16v", focusedVisible: "_1rsrm2f16w" }, defaultClass: "_1rsrm2f16r" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f16x", hover: "_1rsrm2f16y", active: "_1rsrm2f16z", selection: "_1rsrm2f170", focused: "_1rsrm2f171", focusedVisible: "_1rsrm2f172" }, defaultClass: "_1rsrm2f16x" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f173", hover: "_1rsrm2f174", active: "_1rsrm2f175", selection: "_1rsrm2f176", focused: "_1rsrm2f177", focusedVisible: "_1rsrm2f178" }, defaultClass: "_1rsrm2f173" }, newBadgeBackground: { conditions: { base: "_1rsrm2f179", hover: "_1rsrm2f17a", active: "_1rsrm2f17b", selection: "_1rsrm2f17c", focused: "_1rsrm2f17d", focusedVisible: "_1rsrm2f17e" }, defaultClass: "_1rsrm2f179" }, newBadgeBorder: { conditions: { base: "_1rsrm2f17f", hover: "_1rsrm2f17g", active: "_1rsrm2f17h", selection: "_1rsrm2f17i", focused: "_1rsrm2f17j", focusedVisible: "_1rsrm2f17k" }, defaultClass: "_1rsrm2f17f" }, newBadgeText: { conditions: { base: "_1rsrm2f17l", hover: "_1rsrm2f17m", active: "_1rsrm2f17n", selection: "_1rsrm2f17o", focused: "_1rsrm2f17p", focusedVisible: "_1rsrm2f17q" }, defaultClass: "_1rsrm2f17l" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f17r", hover: "_1rsrm2f17s", active: "_1rsrm2f17t", selection: "_1rsrm2f17u", focused: "_1rsrm2f17v", focusedVisible: "_1rsrm2f17w" }, defaultClass: "_1rsrm2f17r" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f17x", hover: "_1rsrm2f17y", active: "_1rsrm2f17z", selection: "_1rsrm2f180", focused: "_1rsrm2f181", focusedVisible: "_1rsrm2f182" }, defaultClass: "_1rsrm2f17x" }, approvedBadgeText: { conditions: { base: "_1rsrm2f183", hover: "_1rsrm2f184", active: "_1rsrm2f185", selection: "_1rsrm2f186", focused: "_1rsrm2f187", focusedVisible: "_1rsrm2f188" }, defaultClass: "_1rsrm2f183" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f189", hover: "_1rsrm2f18a", active: "_1rsrm2f18b", selection: "_1rsrm2f18c", focused: "_1rsrm2f18d", focusedVisible: "_1rsrm2f18e" }, defaultClass: "_1rsrm2f189" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f18f", hover: "_1rsrm2f18g", active: "_1rsrm2f18h", selection: "_1rsrm2f18i", focused: "_1rsrm2f18j", focusedVisible: "_1rsrm2f18k" }, defaultClass: "_1rsrm2f18f" }, failedBadgeText: { conditions: { base: "_1rsrm2f18l", hover: "_1rsrm2f18m", active: "_1rsrm2f18n", selection: "_1rsrm2f18o", focused: "_1rsrm2f18p", focusedVisible: "_1rsrm2f18q" }, defaultClass: "_1rsrm2f18l" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f18r", hover: "_1rsrm2f18s", active: "_1rsrm2f18t", selection: "_1rsrm2f18u", focused: "_1rsrm2f18v", focusedVisible: "_1rsrm2f18w" }, defaultClass: "_1rsrm2f18r" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f18x", hover: "_1rsrm2f18y", active: "_1rsrm2f18z", selection: "_1rsrm2f190", focused: "_1rsrm2f191", focusedVisible: "_1rsrm2f192" }, defaultClass: "_1rsrm2f18x" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f193", hover: "_1rsrm2f194", active: "_1rsrm2f195", selection: "_1rsrm2f196", focused: "_1rsrm2f197", focusedVisible: "_1rsrm2f198" }, defaultClass: "_1rsrm2f193" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f199", hover: "_1rsrm2f19a", active: "_1rsrm2f19b", selection: "_1rsrm2f19c", focused: "_1rsrm2f19d", focusedVisible: "_1rsrm2f19e" }, defaultClass: "_1rsrm2f199" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f19f", hover: "_1rsrm2f19g", active: "_1rsrm2f19h", selection: "_1rsrm2f19i", focused: "_1rsrm2f19j", focusedVisible: "_1rsrm2f19k" }, defaultClass: "_1rsrm2f19f" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f19l", hover: "_1rsrm2f19m", active: "_1rsrm2f19n", selection: "_1rsrm2f19o", focused: "_1rsrm2f19p", focusedVisible: "_1rsrm2f19q" }, defaultClass: "_1rsrm2f19l" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f19r", hover: "_1rsrm2f19s", active: "_1rsrm2f19t", selection: "_1rsrm2f19u", focused: "_1rsrm2f19v", focusedVisible: "_1rsrm2f19w" }, defaultClass: "_1rsrm2f19r" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f19x", hover: "_1rsrm2f19y", active: "_1rsrm2f19z", selection: "_1rsrm2f1a0", focused: "_1rsrm2f1a1", focusedVisible: "_1rsrm2f1a2" }, defaultClass: "_1rsrm2f19x" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1a3", hover: "_1rsrm2f1a4", active: "_1rsrm2f1a5", selection: "_1rsrm2f1a6", focused: "_1rsrm2f1a7", focusedVisible: "_1rsrm2f1a8" }, defaultClass: "_1rsrm2f1a3" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1a9", hover: "_1rsrm2f1aa", active: "_1rsrm2f1ab", selection: "_1rsrm2f1ac", focused: "_1rsrm2f1ad", focusedVisible: "_1rsrm2f1ae" }, defaultClass: "_1rsrm2f1a9" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1af", hover: "_1rsrm2f1ag", active: "_1rsrm2f1ah", selection: "_1rsrm2f1ai", focused: "_1rsrm2f1aj", focusedVisible: "_1rsrm2f1ak" }, defaultClass: "_1rsrm2f1af" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1al", hover: "_1rsrm2f1am", active: "_1rsrm2f1an", selection: "_1rsrm2f1ao", focused: "_1rsrm2f1ap", focusedVisible: "_1rsrm2f1aq" }, defaultClass: "_1rsrm2f1al" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1ar", hover: "_1rsrm2f1as", active: "_1rsrm2f1at", selection: "_1rsrm2f1au", focused: "_1rsrm2f1av", focusedVisible: "_1rsrm2f1aw" }, defaultClass: "_1rsrm2f1ar" }, announceGradientTo: { conditions: { base: "_1rsrm2f1ax", hover: "_1rsrm2f1ay", active: "_1rsrm2f1az", selection: "_1rsrm2f1b0", focused: "_1rsrm2f1b1", focusedVisible: "_1rsrm2f1b2" }, defaultClass: "_1rsrm2f1ax" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1b3", hover: "_1rsrm2f1b4", active: "_1rsrm2f1b5", selection: "_1rsrm2f1b6", focused: "_1rsrm2f1b7", focusedVisible: "_1rsrm2f1b8" }, defaultClass: "_1rsrm2f1b3" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1b9", hover: "_1rsrm2f1ba", active: "_1rsrm2f1bb", selection: "_1rsrm2f1bc", focused: "_1rsrm2f1bd", focusedVisible: "_1rsrm2f1be" }, defaultClass: "_1rsrm2f1b9" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1bf", hover: "_1rsrm2f1bg", active: "_1rsrm2f1bh", selection: "_1rsrm2f1bi", focused: "_1rsrm2f1bj", focusedVisible: "_1rsrm2f1bk" }, defaultClass: "_1rsrm2f1bf" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1bl", hover: "_1rsrm2f1bm", active: "_1rsrm2f1bn", selection: "_1rsrm2f1bo", focused: "_1rsrm2f1bp", focusedVisible: "_1rsrm2f1bq" }, defaultClass: "_1rsrm2f1bl" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1br", hover: "_1rsrm2f1bs", active: "_1rsrm2f1bt", selection: "_1rsrm2f1bu", focused: "_1rsrm2f1bv", focusedVisible: "_1rsrm2f1bw" }, defaultClass: "_1rsrm2f1br" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1bx", hover: "_1rsrm2f1by", active: "_1rsrm2f1bz", selection: "_1rsrm2f1c0", focused: "_1rsrm2f1c1", focusedVisible: "_1rsrm2f1c2" }, defaultClass: "_1rsrm2f1bx" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1c3", hover: "_1rsrm2f1c4", active: "_1rsrm2f1c5", selection: "_1rsrm2f1c6", focused: "_1rsrm2f1c7", focusedVisible: "_1rsrm2f1c8" }, defaultClass: "_1rsrm2f1c3" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1c9", hover: "_1rsrm2f1ca", active: "_1rsrm2f1cb", selection: "_1rsrm2f1cc", focused: "_1rsrm2f1cd", focusedVisible: "_1rsrm2f1ce" }, defaultClass: "_1rsrm2f1c9" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1cf", hover: "_1rsrm2f1cg", active: "_1rsrm2f1ch", selection: "_1rsrm2f1ci", focused: "_1rsrm2f1cj", focusedVisible: "_1rsrm2f1ck" }, defaultClass: "_1rsrm2f1cf" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1cl", hover: "_1rsrm2f1cm", active: "_1rsrm2f1cn", selection: "_1rsrm2f1co", focused: "_1rsrm2f1cp", focusedVisible: "_1rsrm2f1cq" }, defaultClass: "_1rsrm2f1cl" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1cr", hover: "_1rsrm2f1cs", active: "_1rsrm2f1ct", selection: "_1rsrm2f1cu", focused: "_1rsrm2f1cv", focusedVisible: "_1rsrm2f1cw" }, defaultClass: "_1rsrm2f1cr" }, dialog: { conditions: { base: "_1rsrm2f1cx", hover: "_1rsrm2f1cy", active: "_1rsrm2f1cz", selection: "_1rsrm2f1d0", focused: "_1rsrm2f1d1", focusedVisible: "_1rsrm2f1d2" }, defaultClass: "_1rsrm2f1cx" }, selectedOption: { conditions: { base: "_1rsrm2f1d3", hover: "_1rsrm2f1d4", active: "_1rsrm2f1d5", selection: "_1rsrm2f1d6", focused: "_1rsrm2f1d7", focusedVisible: "_1rsrm2f1d8" }, defaultClass: "_1rsrm2f1d3" }, selectedWallet: { conditions: { base: "_1rsrm2f1d9", hover: "_1rsrm2f1da", active: "_1rsrm2f1db", selection: "_1rsrm2f1dc", focused: "_1rsrm2f1dd", focusedVisible: "_1rsrm2f1de" }, defaultClass: "_1rsrm2f1d9" }, dropdown: { conditions: { base: "_1rsrm2f1df", hover: "_1rsrm2f1dg", active: "_1rsrm2f1dh", selection: "_1rsrm2f1di", focused: "_1rsrm2f1dj", focusedVisible: "_1rsrm2f1dk" }, defaultClass: "_1rsrm2f1df" }, notification: { conditions: { base: "_1rsrm2f1dl", hover: "_1rsrm2f1dm", active: "_1rsrm2f1dn", selection: "_1rsrm2f1do", focused: "_1rsrm2f1dp", focusedVisible: "_1rsrm2f1dq" }, defaultClass: "_1rsrm2f1dl" }, qrCode: { conditions: { base: "_1rsrm2f1dr", hover: "_1rsrm2f1ds", active: "_1rsrm2f1dt", selection: "_1rsrm2f1du", focused: "_1rsrm2f1dv", focusedVisible: "_1rsrm2f1dw" }, defaultClass: "_1rsrm2f1dr" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1dx", hover: "_1rsrm2f1dy", active: "_1rsrm2f1dz", selection: "_1rsrm2f1e0", focused: "_1rsrm2f1e1", focusedVisible: "_1rsrm2f1e2" }, defaultClass: "_1rsrm2f1dx" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1e3", hover: "_1rsrm2f1e4", active: "_1rsrm2f1e5", selection: "_1rsrm2f1e6", focused: "_1rsrm2f1e7", focusedVisible: "_1rsrm2f1e8" }, defaultClass: "_1rsrm2f1e3" }, accentColorForeground: { conditions: { base: "_1rsrm2f1e9", hover: "_1rsrm2f1ea", active: "_1rsrm2f1eb", selection: "_1rsrm2f1ec", focused: "_1rsrm2f1ed", focusedVisible: "_1rsrm2f1ee" }, defaultClass: "_1rsrm2f1e9" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1ef", hover: "_1rsrm2f1eg", active: "_1rsrm2f1eh", selection: "_1rsrm2f1ei", focused: "_1rsrm2f1ej", focusedVisible: "_1rsrm2f1ek" }, defaultClass: "_1rsrm2f1ef" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1el", hover: "_1rsrm2f1em", active: "_1rsrm2f1en", selection: "_1rsrm2f1eo", focused: "_1rsrm2f1ep", focusedVisible: "_1rsrm2f1eq" }, defaultClass: "_1rsrm2f1el" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1er", hover: "_1rsrm2f1es", active: "_1rsrm2f1et", selection: "_1rsrm2f1eu", focused: "_1rsrm2f1ev", focusedVisible: "_1rsrm2f1ew" }, defaultClass: "_1rsrm2f1er" }, connectButtonText: { conditions: { base: "_1rsrm2f1ex", hover: "_1rsrm2f1ey", active: "_1rsrm2f1ez", selection: "_1rsrm2f1f0", focused: "_1rsrm2f1f1", focusedVisible: "_1rsrm2f1f2" }, defaultClass: "_1rsrm2f1ex" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1f3", hover: "_1rsrm2f1f4", active: "_1rsrm2f1f5", selection: "_1rsrm2f1f6", focused: "_1rsrm2f1f7", focusedVisible: "_1rsrm2f1f8" }, defaultClass: "_1rsrm2f1f3" }, connectionIndicator: { conditions: { base: "_1rsrm2f1f9", hover: "_1rsrm2f1fa", active: "_1rsrm2f1fb", selection: "_1rsrm2f1fc", focused: "_1rsrm2f1fd", focusedVisible: "_1rsrm2f1fe" }, defaultClass: "_1rsrm2f1f9" }, error: { conditions: { base: "_1rsrm2f1ff", hover: "_1rsrm2f1fg", active: "_1rsrm2f1fh", selection: "_1rsrm2f1fi", focused: "_1rsrm2f1fj", focusedVisible: "_1rsrm2f1fk" }, defaultClass: "_1rsrm2f1ff" }, errorBackground: { conditions: { base: "_1rsrm2f1fl", hover: "_1rsrm2f1fm", active: "_1rsrm2f1fn", selection: "_1rsrm2f1fo", focused: "_1rsrm2f1fp", focusedVisible: "_1rsrm2f1fq" }, defaultClass: "_1rsrm2f1fl" }, errorBorder: { conditions: { base: "_1rsrm2f1fr", hover: "_1rsrm2f1fs", active: "_1rsrm2f1ft", selection: "_1rsrm2f1fu", focused: "_1rsrm2f1fv", focusedVisible: "_1rsrm2f1fw" }, defaultClass: "_1rsrm2f1fr" }, generalBorder: { conditions: { base: "_1rsrm2f1fx", hover: "_1rsrm2f1fy", active: "_1rsrm2f1fz", selection: "_1rsrm2f1g0", focused: "_1rsrm2f1g1", focusedVisible: "_1rsrm2f1g2" }, defaultClass: "_1rsrm2f1fx" }, generalBorderDim: { conditions: { base: "_1rsrm2f1g3", hover: "_1rsrm2f1g4", active: "_1rsrm2f1g5", selection: "_1rsrm2f1g6", focused: "_1rsrm2f1g7", focusedVisible: "_1rsrm2f1g8" }, defaultClass: "_1rsrm2f1g3" }, menuItemBackground: { conditions: { base: "_1rsrm2f1g9", hover: "_1rsrm2f1ga", active: "_1rsrm2f1gb", selection: "_1rsrm2f1gc", focused: "_1rsrm2f1gd", focusedVisible: "_1rsrm2f1ge" }, defaultClass: "_1rsrm2f1g9" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1gf", hover: "_1rsrm2f1gg", active: "_1rsrm2f1gh", selection: "_1rsrm2f1gi", focused: "_1rsrm2f1gj", focusedVisible: "_1rsrm2f1gk" }, defaultClass: "_1rsrm2f1gf" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1gl", hover: "_1rsrm2f1gm", active: "_1rsrm2f1gn", selection: "_1rsrm2f1go", focused: "_1rsrm2f1gp", focusedVisible: "_1rsrm2f1gq" }, defaultClass: "_1rsrm2f1gl" }, standby: { conditions: { base: "_1rsrm2f1gr", hover: "_1rsrm2f1gs", active: "_1rsrm2f1gt", selection: "_1rsrm2f1gu", focused: "_1rsrm2f1gv", focusedVisible: "_1rsrm2f1gw" }, defaultClass: "_1rsrm2f1gr" }, success: { conditions: { base: "_1rsrm2f1gx", hover: "_1rsrm2f1gy", active: "_1rsrm2f1gz", selection: "_1rsrm2f1h0", focused: "_1rsrm2f1h1", focusedVisible: "_1rsrm2f1h2" }, defaultClass: "_1rsrm2f1gx" }, chainIconBorder: { conditions: { base: "_1rsrm2f1h3", hover: "_1rsrm2f1h4", active: "_1rsrm2f1h5", selection: "_1rsrm2f1h6", focused: "_1rsrm2f1h7", focusedVisible: "_1rsrm2f1h8" }, defaultClass: "_1rsrm2f1h3" }, modalBackdrop: { conditions: { base: "_1rsrm2f1h9", hover: "_1rsrm2f1ha", active: "_1rsrm2f1hb", selection: "_1rsrm2f1hc", focused: "_1rsrm2f1hd", focusedVisible: "_1rsrm2f1he" }, defaultClass: "_1rsrm2f1h9" }, modalBackground: { conditions: { base: "_1rsrm2f1hf", hover: "_1rsrm2f1hg", active: "_1rsrm2f1hh", selection: "_1rsrm2f1hi", focused: "_1rsrm2f1hj", focusedVisible: "_1rsrm2f1hk" }, defaultClass: "_1rsrm2f1hf" }, modalBorder: { conditions: { base: "_1rsrm2f1hl", hover: "_1rsrm2f1hm", active: "_1rsrm2f1hn", selection: "_1rsrm2f1ho", focused: "_1rsrm2f1hp", focusedVisible: "_1rsrm2f1hq" }, defaultClass: "_1rsrm2f1hl" }, offBackground: { conditions: { base: "_1rsrm2f1hr", hover: "_1rsrm2f1hs", active: "_1rsrm2f1ht", selection: "_1rsrm2f1hu", focused: "_1rsrm2f1hv", focusedVisible: "_1rsrm2f1hw" }, defaultClass: "_1rsrm2f1hr" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1hx", hover: "_1rsrm2f1hy", active: "_1rsrm2f1hz", selection: "_1rsrm2f1i0", focused: "_1rsrm2f1i1", focusedVisible: "_1rsrm2f1i2" }, defaultClass: "_1rsrm2f1hx" }, hoverState: { conditions: { base: "_1rsrm2f1i3", hover: "_1rsrm2f1i4", active: "_1rsrm2f1i5", selection: "_1rsrm2f1i6", focused: "_1rsrm2f1i7", focusedVisible: "_1rsrm2f1i8" }, defaultClass: "_1rsrm2f1i3" }, lightStroke: { conditions: { base: "_1rsrm2f1i9", hover: "_1rsrm2f1ia", active: "_1rsrm2f1ib", selection: "_1rsrm2f1ic", focused: "_1rsrm2f1id", focusedVisible: "_1rsrm2f1ie" }, defaultClass: "_1rsrm2f1i9" }, mediumStroke: { conditions: { base: "_1rsrm2f1if", hover: "_1rsrm2f1ig", active: "_1rsrm2f1ih", selection: "_1rsrm2f1ii", focused: "_1rsrm2f1ij", focusedVisible: "_1rsrm2f1ik" }, defaultClass: "_1rsrm2f1if" }, heavyStroke: { conditions: { base: "_1rsrm2f1il", hover: "_1rsrm2f1im", active: "_1rsrm2f1in", selection: "_1rsrm2f1io", focused: "_1rsrm2f1ip", focusedVisible: "_1rsrm2f1iq" }, defaultClass: "_1rsrm2f1il" }, strokeColor: { conditions: { base: "_1rsrm2f1ir", hover: "_1rsrm2f1is", active: "_1rsrm2f1it", selection: "_1rsrm2f1iu", focused: "_1rsrm2f1iv", focusedVisible: "_1rsrm2f1iw" }, defaultClass: "_1rsrm2f1ir" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f1ix", hover: "_1rsrm2f1iy", active: "_1rsrm2f1iz", selection: "_1rsrm2f1j0", focused: "_1rsrm2f1j1", focusedVisible: "_1rsrm2f1j2" }, defaultClass: "_1rsrm2f1ix" }, primaryText: { conditions: { base: "_1rsrm2f1j3", hover: "_1rsrm2f1j4", active: "_1rsrm2f1j5", selection: "_1rsrm2f1j6", focused: "_1rsrm2f1j7", focusedVisible: "_1rsrm2f1j8" }, defaultClass: "_1rsrm2f1j3" }, secondaryText: { conditions: { base: "_1rsrm2f1j9", hover: "_1rsrm2f1ja", active: "_1rsrm2f1jb", selection: "_1rsrm2f1jc", focused: "_1rsrm2f1jd", focusedVisible: "_1rsrm2f1je" }, defaultClass: "_1rsrm2f1j9" }, tertiaryText: { conditions: { base: "_1rsrm2f1jf", hover: "_1rsrm2f1jg", active: "_1rsrm2f1jh", selection: "_1rsrm2f1ji", focused: "_1rsrm2f1jj", focusedVisible: "_1rsrm2f1jk" }, defaultClass: "_1rsrm2f1jf" }, textSelection: { conditions: { base: "_1rsrm2f1jl", hover: "_1rsrm2f1jm", active: "_1rsrm2f1jn", selection: "_1rsrm2f1jo", focused: "_1rsrm2f1jp", focusedVisible: "_1rsrm2f1jq" }, defaultClass: "_1rsrm2f1jl" }, inputBackground: { conditions: { base: "_1rsrm2f1jr", hover: "_1rsrm2f1js", active: "_1rsrm2f1jt", selection: "_1rsrm2f1ju", focused: "_1rsrm2f1jv", focusedVisible: "_1rsrm2f1jw" }, defaultClass: "_1rsrm2f1jr" }, inputBorderBase: { conditions: { base: "_1rsrm2f1jx", hover: "_1rsrm2f1jy", active: "_1rsrm2f1jz", selection: "_1rsrm2f1k0", focused: "_1rsrm2f1k1", focusedVisible: "_1rsrm2f1k2" }, defaultClass: "_1rsrm2f1jx" }, inputBorderHover: { conditions: { base: "_1rsrm2f1k3", hover: "_1rsrm2f1k4", active: "_1rsrm2f1k5", selection: "_1rsrm2f1k6", focused: "_1rsrm2f1k7", focusedVisible: "_1rsrm2f1k8" }, defaultClass: "_1rsrm2f1k3" }, actionColor: { conditions: { base: "_1rsrm2f1k9", hover: "_1rsrm2f1ka", active: "_1rsrm2f1kb", selection: "_1rsrm2f1kc", focused: "_1rsrm2f1kd", focusedVisible: "_1rsrm2f1ke" }, defaultClass: "_1rsrm2f1k9" }, actionColorHover: { conditions: { base: "_1rsrm2f1kf", hover: "_1rsrm2f1kg", active: "_1rsrm2f1kh", selection: "_1rsrm2f1ki", focused: "_1rsrm2f1kj", focusedVisible: "_1rsrm2f1kk" }, defaultClass: "_1rsrm2f1kf" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1kl", hover: "_1rsrm2f1km", active: "_1rsrm2f1kn", selection: "_1rsrm2f1ko", focused: "_1rsrm2f1kp", focusedVisible: "_1rsrm2f1kq" }, defaultClass: "_1rsrm2f1kl" }, buttonPrimary: { conditions: { base: "_1rsrm2f1kr", hover: "_1rsrm2f1ks", active: "_1rsrm2f1kt", selection: "_1rsrm2f1ku", focused: "_1rsrm2f1kv", focusedVisible: "_1rsrm2f1kw" }, defaultClass: "_1rsrm2f1kr" }, buttonDisabled: { conditions: { base: "_1rsrm2f1kx", hover: "_1rsrm2f1ky", active: "_1rsrm2f1kz", selection: "_1rsrm2f1l0", focused: "_1rsrm2f1l1", focusedVisible: "_1rsrm2f1l2" }, defaultClass: "_1rsrm2f1kx" }, buttonWarning: { conditions: { base: "_1rsrm2f1l3", hover: "_1rsrm2f1l4", active: "_1rsrm2f1l5", selection: "_1rsrm2f1l6", focused: "_1rsrm2f1l7", focusedVisible: "_1rsrm2f1l8" }, defaultClass: "_1rsrm2f1l3" }, buttonSuccess: { conditions: { base: "_1rsrm2f1l9", hover: "_1rsrm2f1la", active: "_1rsrm2f1lb", selection: "_1rsrm2f1lc", focused: "_1rsrm2f1ld", focusedVisible: "_1rsrm2f1le" }, defaultClass: "_1rsrm2f1l9" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1lf", hover: "_1rsrm2f1lg", active: "_1rsrm2f1lh", selection: "_1rsrm2f1li", focused: "_1rsrm2f1lj", focusedVisible: "_1rsrm2f1lk" }, defaultClass: "_1rsrm2f1lf" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1ll", hover: "_1rsrm2f1lm", active: "_1rsrm2f1ln", selection: "_1rsrm2f1lo", focused: "_1rsrm2f1lp", focusedVisible: "_1rsrm2f1lq" }, defaultClass: "_1rsrm2f1ll" }, transparent: { conditions: { base: "_1rsrm2f1lr", hover: "_1rsrm2f1ls", active: "_1rsrm2f1lt", selection: "_1rsrm2f1lu", focused: "_1rsrm2f1lv", focusedVisible: "_1rsrm2f1lw" }, defaultClass: "_1rsrm2f1lr" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1lx", hover: "_1rsrm2f1ly", active: "_1rsrm2f1lz", selection: "_1rsrm2f1m0", focused: "_1rsrm2f1m1", focusedVisible: "_1rsrm2f1m2" }, defaultClass: "_1rsrm2f1lx" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1m3", hover: "_1rsrm2f1m4", active: "_1rsrm2f1m5", selection: "_1rsrm2f1m6", focused: "_1rsrm2f1m7", focusedVisible: "_1rsrm2f1m8" }, defaultClass: "_1rsrm2f1m3" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1m9", hover: "_1rsrm2f1ma", active: "_1rsrm2f1mb", selection: "_1rsrm2f1mc", focused: "_1rsrm2f1md", focusedVisible: "_1rsrm2f1me" }, defaultClass: "_1rsrm2f1m9" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1mf", hover: "_1rsrm2f1mg", active: "_1rsrm2f1mh", selection: "_1rsrm2f1mi", focused: "_1rsrm2f1mj", focusedVisible: "_1rsrm2f1mk" }, defaultClass: "_1rsrm2f1mf" }, buttonBackground: { conditions: { base: "_1rsrm2f1ml", hover: "_1rsrm2f1mm", active: "_1rsrm2f1mn", selection: "_1rsrm2f1mo", focused: "_1rsrm2f1mp", focusedVisible: "_1rsrm2f1mq" }, defaultClass: "_1rsrm2f1ml" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1mr", hover: "_1rsrm2f1ms", active: "_1rsrm2f1mt", selection: "_1rsrm2f1mu", focused: "_1rsrm2f1mv", focusedVisible: "_1rsrm2f1mw" }, defaultClass: "_1rsrm2f1mr" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1mx", hover: "_1rsrm2f1my", active: "_1rsrm2f1mz", selection: "_1rsrm2f1n0", focused: "_1rsrm2f1n1", focusedVisible: "_1rsrm2f1n2" }, defaultClass: "_1rsrm2f1mx" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1n3", hover: "_1rsrm2f1n4", active: "_1rsrm2f1n5", selection: "_1rsrm2f1n6", focused: "_1rsrm2f1n7", focusedVisible: "_1rsrm2f1n8" }, defaultClass: "_1rsrm2f1n3" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1n9", hover: "_1rsrm2f1na", active: "_1rsrm2f1nb", selection: "_1rsrm2f1nc", focused: "_1rsrm2f1nd", focusedVisible: "_1rsrm2f1ne" }, defaultClass: "_1rsrm2f1n9" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1nf", hover: "_1rsrm2f1ng", active: "_1rsrm2f1nh", selection: "_1rsrm2f1ni", focused: "_1rsrm2f1nj", focusedVisible: "_1rsrm2f1nk" }, defaultClass: "_1rsrm2f1nf" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1nl", hover: "_1rsrm2f1nm", active: "_1rsrm2f1nn", selection: "_1rsrm2f1no", focused: "_1rsrm2f1np", focusedVisible: "_1rsrm2f1nq" }, defaultClass: "_1rsrm2f1nl" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1nr", hover: "_1rsrm2f1ns", active: "_1rsrm2f1nt", selection: "_1rsrm2f1nu", focused: "_1rsrm2f1nv", focusedVisible: "_1rsrm2f1nw" }, defaultClass: "_1rsrm2f1nr" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1nx", hover: "_1rsrm2f1ny", active: "_1rsrm2f1nz", selection: "_1rsrm2f1o0", focused: "_1rsrm2f1o1", focusedVisible: "_1rsrm2f1o2" }, defaultClass: "_1rsrm2f1nx" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1o3", hover: "_1rsrm2f1o4", active: "_1rsrm2f1o5", selection: "_1rsrm2f1o6", focused: "_1rsrm2f1o7", focusedVisible: "_1rsrm2f1o8" }, defaultClass: "_1rsrm2f1o3" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1o9", hover: "_1rsrm2f1oa", active: "_1rsrm2f1ob", selection: "_1rsrm2f1oc", focused: "_1rsrm2f1od", focusedVisible: "_1rsrm2f1oe" }, defaultClass: "_1rsrm2f1o9" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1of", hover: "_1rsrm2f1og", active: "_1rsrm2f1oh", selection: "_1rsrm2f1oi", focused: "_1rsrm2f1oj", focusedVisible: "_1rsrm2f1ok" }, defaultClass: "_1rsrm2f1of" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1ol", hover: "_1rsrm2f1om", active: "_1rsrm2f1on", selection: "_1rsrm2f1oo", focused: "_1rsrm2f1op", focusedVisible: "_1rsrm2f1oq" }, defaultClass: "_1rsrm2f1ol" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1or", hover: "_1rsrm2f1os", active: "_1rsrm2f1ot", selection: "_1rsrm2f1ou", focused: "_1rsrm2f1ov", focusedVisible: "_1rsrm2f1ow" }, defaultClass: "_1rsrm2f1or" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1ox", hover: "_1rsrm2f1oy", active: "_1rsrm2f1oz", selection: "_1rsrm2f1p0", focused: "_1rsrm2f1p1", focusedVisible: "_1rsrm2f1p2" }, defaultClass: "_1rsrm2f1ox" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1p3", hover: "_1rsrm2f1p4", active: "_1rsrm2f1p5", selection: "_1rsrm2f1p6", focused: "_1rsrm2f1p7", focusedVisible: "_1rsrm2f1p8" }, defaultClass: "_1rsrm2f1p3" }, newBadgeText: { conditions: { base: "_1rsrm2f1p9", hover: "_1rsrm2f1pa", active: "_1rsrm2f1pb", selection: "_1rsrm2f1pc", focused: "_1rsrm2f1pd", focusedVisible: "_1rsrm2f1pe" }, defaultClass: "_1rsrm2f1p9" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1pf", hover: "_1rsrm2f1pg", active: "_1rsrm2f1ph", selection: "_1rsrm2f1pi", focused: "_1rsrm2f1pj", focusedVisible: "_1rsrm2f1pk" }, defaultClass: "_1rsrm2f1pf" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1pl", hover: "_1rsrm2f1pm", active: "_1rsrm2f1pn", selection: "_1rsrm2f1po", focused: "_1rsrm2f1pp", focusedVisible: "_1rsrm2f1pq" }, defaultClass: "_1rsrm2f1pl" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1pr", hover: "_1rsrm2f1ps", active: "_1rsrm2f1pt", selection: "_1rsrm2f1pu", focused: "_1rsrm2f1pv", focusedVisible: "_1rsrm2f1pw" }, defaultClass: "_1rsrm2f1pr" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1px", hover: "_1rsrm2f1py", active: "_1rsrm2f1pz", selection: "_1rsrm2f1q0", focused: "_1rsrm2f1q1", focusedVisible: "_1rsrm2f1q2" }, defaultClass: "_1rsrm2f1px" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1q3", hover: "_1rsrm2f1q4", active: "_1rsrm2f1q5", selection: "_1rsrm2f1q6", focused: "_1rsrm2f1q7", focusedVisible: "_1rsrm2f1q8" }, defaultClass: "_1rsrm2f1q3" }, failedBadgeText: { conditions: { base: "_1rsrm2f1q9", hover: "_1rsrm2f1qa", active: "_1rsrm2f1qb", selection: "_1rsrm2f1qc", focused: "_1rsrm2f1qd", focusedVisible: "_1rsrm2f1qe" }, defaultClass: "_1rsrm2f1q9" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1qf", hover: "_1rsrm2f1qg", active: "_1rsrm2f1qh", selection: "_1rsrm2f1qi", focused: "_1rsrm2f1qj", focusedVisible: "_1rsrm2f1qk" }, defaultClass: "_1rsrm2f1qf" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1ql", hover: "_1rsrm2f1qm", active: "_1rsrm2f1qn", selection: "_1rsrm2f1qo", focused: "_1rsrm2f1qp", focusedVisible: "_1rsrm2f1qq" }, defaultClass: "_1rsrm2f1ql" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1qr", hover: "_1rsrm2f1qs", active: "_1rsrm2f1qt", selection: "_1rsrm2f1qu", focused: "_1rsrm2f1qv", focusedVisible: "_1rsrm2f1qw" }, defaultClass: "_1rsrm2f1qr" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1qx", hover: "_1rsrm2f1qy", active: "_1rsrm2f1qz", selection: "_1rsrm2f1r0", focused: "_1rsrm2f1r1", focusedVisible: "_1rsrm2f1r2" }, defaultClass: "_1rsrm2f1qx" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1r3", hover: "_1rsrm2f1r4", active: "_1rsrm2f1r5", selection: "_1rsrm2f1r6", focused: "_1rsrm2f1r7", focusedVisible: "_1rsrm2f1r8" }, defaultClass: "_1rsrm2f1r3" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1r9", hover: "_1rsrm2f1ra", active: "_1rsrm2f1rb", selection: "_1rsrm2f1rc", focused: "_1rsrm2f1rd", focusedVisible: "_1rsrm2f1re" }, defaultClass: "_1rsrm2f1r9" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1rf", hover: "_1rsrm2f1rg", active: "_1rsrm2f1rh", selection: "_1rsrm2f1ri", focused: "_1rsrm2f1rj", focusedVisible: "_1rsrm2f1rk" }, defaultClass: "_1rsrm2f1rf" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1rl", hover: "_1rsrm2f1rm", active: "_1rsrm2f1rn", selection: "_1rsrm2f1ro", focused: "_1rsrm2f1rp", focusedVisible: "_1rsrm2f1rq" }, defaultClass: "_1rsrm2f1rl" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1rr", hover: "_1rsrm2f1rs", active: "_1rsrm2f1rt", selection: "_1rsrm2f1ru", focused: "_1rsrm2f1rv", focusedVisible: "_1rsrm2f1rw" }, defaultClass: "_1rsrm2f1rr" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1rx", hover: "_1rsrm2f1ry", active: "_1rsrm2f1rz", selection: "_1rsrm2f1s0", focused: "_1rsrm2f1s1", focusedVisible: "_1rsrm2f1s2" }, defaultClass: "_1rsrm2f1rx" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1s3", hover: "_1rsrm2f1s4", active: "_1rsrm2f1s5", selection: "_1rsrm2f1s6", focused: "_1rsrm2f1s7", focusedVisible: "_1rsrm2f1s8" }, defaultClass: "_1rsrm2f1s3" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1s9", hover: "_1rsrm2f1sa", active: "_1rsrm2f1sb", selection: "_1rsrm2f1sc", focused: "_1rsrm2f1sd", focusedVisible: "_1rsrm2f1se" }, defaultClass: "_1rsrm2f1s9" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1sf", hover: "_1rsrm2f1sg", active: "_1rsrm2f1sh", selection: "_1rsrm2f1si", focused: "_1rsrm2f1sj", focusedVisible: "_1rsrm2f1sk" }, defaultClass: "_1rsrm2f1sf" }, announceGradientTo: { conditions: { base: "_1rsrm2f1sl", hover: "_1rsrm2f1sm", active: "_1rsrm2f1sn", selection: "_1rsrm2f1so", focused: "_1rsrm2f1sp", focusedVisible: "_1rsrm2f1sq" }, defaultClass: "_1rsrm2f1sl" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1sr", hover: "_1rsrm2f1ss", active: "_1rsrm2f1st", selection: "_1rsrm2f1su", focused: "_1rsrm2f1sv", focusedVisible: "_1rsrm2f1sw" }, defaultClass: "_1rsrm2f1sr" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1sx", hover: "_1rsrm2f1sy", active: "_1rsrm2f1sz", selection: "_1rsrm2f1t0", focused: "_1rsrm2f1t1", focusedVisible: "_1rsrm2f1t2" }, defaultClass: "_1rsrm2f1sx" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1t3", hover: "_1rsrm2f1t4", active: "_1rsrm2f1t5", selection: "_1rsrm2f1t6", focused: "_1rsrm2f1t7", focusedVisible: "_1rsrm2f1t8" }, defaultClass: "_1rsrm2f1t3" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1t9", hover: "_1rsrm2f1ta", active: "_1rsrm2f1tb", selection: "_1rsrm2f1tc", focused: "_1rsrm2f1td", focusedVisible: "_1rsrm2f1te" }, defaultClass: "_1rsrm2f1t9" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1tf", hover: "_1rsrm2f1tg", active: "_1rsrm2f1th", selection: "_1rsrm2f1ti", focused: "_1rsrm2f1tj", focusedVisible: "_1rsrm2f1tk" }, defaultClass: "_1rsrm2f1tf" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1tl", hover: "_1rsrm2f1tm", active: "_1rsrm2f1tn", selection: "_1rsrm2f1to", focused: "_1rsrm2f1tp", focusedVisible: "_1rsrm2f1tq" }, defaultClass: "_1rsrm2f1tl" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1tr", hover: "_1rsrm2f1ts", active: "_1rsrm2f1tt", selection: "_1rsrm2f1tu", focused: "_1rsrm2f1tv", focusedVisible: "_1rsrm2f1tw" }, defaultClass: "_1rsrm2f1tr" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1tx", hover: "_1rsrm2f1ty", active: "_1rsrm2f1tz", selection: "_1rsrm2f1u0", focused: "_1rsrm2f1u1", focusedVisible: "_1rsrm2f1u2" }, defaultClass: "_1rsrm2f1tx" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1u3", hover: "_1rsrm2f1u4", active: "_1rsrm2f1u5", selection: "_1rsrm2f1u6", focused: "_1rsrm2f1u7", focusedVisible: "_1rsrm2f1u8" }, defaultClass: "_1rsrm2f1u3" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1u9", hover: "_1rsrm2f1ua", active: "_1rsrm2f1ub", selection: "_1rsrm2f1uc", focused: "_1rsrm2f1ud", focusedVisible: "_1rsrm2f1ue" }, defaultClass: "_1rsrm2f1u9" } } } } }, { 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" }, actionButtonInner: { defaultClass: "_1rsrm2ft" }, connectButton: { defaultClass: "_1rsrm2fu" }, menuButton: { defaultClass: "_1rsrm2fv" }, modal: { defaultClass: "_1rsrm2fw" }, modalMobile: { defaultClass: "_1rsrm2fx" }, modalActionButton: { defaultClass: "_1rsrm2fy" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fz" }, summaryBox: { defaultClass: "_1rsrm2f10" }, youPayYouReceive: { defaultClass: "_1rsrm2f11" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f12" }, qrCode: { defaultClass: "_1rsrm2f13" }, skeleton: { defaultClass: "_1rsrm2f14" }, tooltip: { defaultClass: "_1rsrm2f15" }, dropdown: { defaultClass: "_1rsrm2f16" }, dropdownItem: { defaultClass: "_1rsrm2f17" }, full: { defaultClass: "_1rsrm2f18" }, badge: { defaultClass: "_1rsrm2f19" }, smallBadge: { defaultClass: "_1rsrm2f1a" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1b" }, dotted: { defaultClass: "_1rsrm2f1c" }, hidden: { defaultClass: "_1rsrm2f1d" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1e" }, "1": { defaultClass: "_1rsrm2f1f" }, "2": { defaultClass: "_1rsrm2f1g" }, "3": { defaultClass: "_1rsrm2f1h" }, "4": { defaultClass: "_1rsrm2f1i" }, "0.5": { defaultClass: "_1rsrm2f1j" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1k" }, pointer: { defaultClass: "_1rsrm2f1l" }, "not-allowed": { defaultClass: "_1rsrm2f1m" }, "default": { defaultClass: "_1rsrm2f1n" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1o" }, column: { defaultClass: "_1rsrm2f1p" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1q" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1r" }, "12": { defaultClass: "_1rsrm2f1s" }, "13": { defaultClass: "_1rsrm2f1t" }, "14": { defaultClass: "_1rsrm2f1u" }, "16": { defaultClass: "_1rsrm2f1v" }, "18": { defaultClass: "_1rsrm2f1w" }, "20": { defaultClass: "_1rsrm2f1x" }, "21": { defaultClass: "_1rsrm2f1y" }, "40": { defaultClass: "_1rsrm2f1z" }, "57": { defaultClass: "_1rsrm2f20" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f21" }, medium: { defaultClass: "_1rsrm2f22" }, semibold: { defaultClass: "_1rsrm2f23" }, bold: { defaultClass: "_1rsrm2f24" }, heavy: { defaultClass: "_1rsrm2f25" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f26" }, "1": { defaultClass: "_1rsrm2f27" }, "2": { defaultClass: "_1rsrm2f28" }, "3": { defaultClass: "_1rsrm2f29" }, "4": { defaultClass: "_1rsrm2f2a" }, "5": { defaultClass: "_1rsrm2f2b" }, "6": { defaultClass: "_1rsrm2f2c" }, "7": { defaultClass: "_1rsrm2f2d" }, "8": { defaultClass: "_1rsrm2f2e" }, "9": { defaultClass: "_1rsrm2f2f" }, "10": { defaultClass: "_1rsrm2f2g" }, "11": { defaultClass: "_1rsrm2f2h" }, "12": { defaultClass: "_1rsrm2f2i" }, "13": { defaultClass: "_1rsrm2f2j" }, "14": { defaultClass: "_1rsrm2f2k" }, "15": { defaultClass: "_1rsrm2f2l" }, "16": { defaultClass: "_1rsrm2f2m" }, "18": { defaultClass: "_1rsrm2f2n" }, "20": { defaultClass: "_1rsrm2f2o" }, "24": { defaultClass: "_1rsrm2f2p" }, "28": { defaultClass: "_1rsrm2f2q" }, "30": { defaultClass: "_1rsrm2f2r" }, "32": { defaultClass: "_1rsrm2f2s" }, "36": { defaultClass: "_1rsrm2f2t" }, "44": { defaultClass: "_1rsrm2f2u" }, "64": { defaultClass: "_1rsrm2f2v" }, "-1": { defaultClass: "_1rsrm2f2w" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f2x" }, "2": { defaultClass: "_1rsrm2f2y" }, "4": { defaultClass: "_1rsrm2f2z" }, "8": { defaultClass: "_1rsrm2f30" }, "10": { defaultClass: "_1rsrm2f31" }, "11": { defaultClass: "_1rsrm2f32" }, "12": { defaultClass: "_1rsrm2f33" }, "13": { defaultClass: "_1rsrm2f34" }, "14": { defaultClass: "_1rsrm2f35" }, "15": { defaultClass: "_1rsrm2f36" }, "16": { defaultClass: "_1rsrm2f37" }, "18": { defaultClass: "_1rsrm2f38" }, "20": { defaultClass: "_1rsrm2f39" }, "24": { defaultClass: "_1rsrm2f3a" }, "28": { defaultClass: "_1rsrm2f3b" }, "30": { defaultClass: "_1rsrm2f3c" }, "32": { defaultClass: "_1rsrm2f3d" }, "34": { defaultClass: "_1rsrm2f3e" }, "36": { defaultClass: "_1rsrm2f3f" }, "40": { defaultClass: "_1rsrm2f3g" }, "44": { defaultClass: "_1rsrm2f3h" }, "48": { defaultClass: "_1rsrm2f3i" }, "50": { defaultClass: "_1rsrm2f3j" }, "54": { defaultClass: "_1rsrm2f3k" }, "57": { defaultClass: "_1rsrm2f3l" }, "60": { defaultClass: "_1rsrm2f3m" }, "72": { defaultClass: "_1rsrm2f3n" }, "93": { defaultClass: "_1rsrm2f3o" }, "96": { defaultClass: "_1rsrm2f3p" }, "100": { defaultClass: "_1rsrm2f3q" }, "108": { defaultClass: "_1rsrm2f3r" }, "120": { defaultClass: "_1rsrm2f3s" }, "180": { defaultClass: "_1rsrm2f3t" }, "200": { defaultClass: "_1rsrm2f3u" }, "240": { defaultClass: "_1rsrm2f3v" }, half: { defaultClass: "_1rsrm2f3w" }, full: { defaultClass: "_1rsrm2f3x" }, max: { defaultClass: "_1rsrm2f3y" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3z" }, "flex-end": { defaultClass: "_1rsrm2f40" }, center: { defaultClass: "_1rsrm2f41" }, "space-between": { defaultClass: "_1rsrm2f42" }, "space-around": { defaultClass: "_1rsrm2f43" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f44" }, center: { defaultClass: "_1rsrm2f45" }, right: { defaultClass: "_1rsrm2f46" }, inherit: { defaultClass: "_1rsrm2f47" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f48" }, "1": { defaultClass: "_1rsrm2f49" }, "2": { defaultClass: "_1rsrm2f4a" }, "3": { defaultClass: "_1rsrm2f4b" }, "4": { defaultClass: "_1rsrm2f4c" }, "5": { defaultClass: "_1rsrm2f4d" }, "6": { defaultClass: "_1rsrm2f4e" }, "7": { defaultClass: "_1rsrm2f4f" }, "8": { defaultClass: "_1rsrm2f4g" }, "9": { defaultClass: "_1rsrm2f4h" }, "10": { defaultClass: "_1rsrm2f4i" }, "11": { defaultClass: "_1rsrm2f4j" }, "12": { defaultClass: "_1rsrm2f4k" }, "13": { defaultClass: "_1rsrm2f4l" }, "14": { defaultClass: "_1rsrm2f4m" }, "15": { defaultClass: "_1rsrm2f4n" }, "16": { defaultClass: "_1rsrm2f4o" }, "18": { defaultClass: "_1rsrm2f4p" }, "20": { defaultClass: "_1rsrm2f4q" }, "24": { defaultClass: "_1rsrm2f4r" }, "28": { defaultClass: "_1rsrm2f4s" }, "30": { defaultClass: "_1rsrm2f4t" }, "32": { defaultClass: "_1rsrm2f4u" }, "36": { defaultClass: "_1rsrm2f4v" }, "44": { defaultClass: "_1rsrm2f4w" }, "64": { defaultClass: "_1rsrm2f4x" }, auto: { defaultClass: "_1rsrm2f4y" }, "-18": { defaultClass: "_1rsrm2f4z" }, "-12": { defaultClass: "_1rsrm2f50" }, "-1": { defaultClass: "_1rsrm2f51" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f52" }, "1": { defaultClass: "_1rsrm2f53" }, "2": { defaultClass: "_1rsrm2f54" }, "3": { defaultClass: "_1rsrm2f55" }, "4": { defaultClass: "_1rsrm2f56" }, "5": { defaultClass: "_1rsrm2f57" }, "6": { defaultClass: "_1rsrm2f58" }, "7": { defaultClass: "_1rsrm2f59" }, "8": { defaultClass: "_1rsrm2f5a" }, "9": { defaultClass: "_1rsrm2f5b" }, "10": { defaultClass: "_1rsrm2f5c" }, "11": { defaultClass: "_1rsrm2f5d" }, "12": { defaultClass: "_1rsrm2f5e" }, "13": { defaultClass: "_1rsrm2f5f" }, "14": { defaultClass: "_1rsrm2f5g" }, "15": { defaultClass: "_1rsrm2f5h" }, "16": { defaultClass: "_1rsrm2f5i" }, "18": { defaultClass: "_1rsrm2f5j" }, "20": { defaultClass: "_1rsrm2f5k" }, "24": { defaultClass: "_1rsrm2f5l" }, "28": { defaultClass: "_1rsrm2f5m" }, "30": { defaultClass: "_1rsrm2f5n" }, "32": { defaultClass: "_1rsrm2f5o" }, "36": { defaultClass: "_1rsrm2f5p" }, "44": { defaultClass: "_1rsrm2f5q" }, "64": { defaultClass: "_1rsrm2f5r" }, auto: { defaultClass: "_1rsrm2f5s" }, "-18": { defaultClass: "_1rsrm2f5t" }, "-12": { defaultClass: "_1rsrm2f5u" }, "-1": { defaultClass: "_1rsrm2f5v" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f5w" }, "1": { defaultClass: "_1rsrm2f5x" }, "2": { defaultClass: "_1rsrm2f5y" }, "3": { defaultClass: "_1rsrm2f5z" }, "4": { defaultClass: "_1rsrm2f60" }, "5": { defaultClass: "_1rsrm2f61" }, "6": { defaultClass: "_1rsrm2f62" }, "7": { defaultClass: "_1rsrm2f63" }, "8": { defaultClass: "_1rsrm2f64" }, "9": { defaultClass: "_1rsrm2f65" }, "10": { defaultClass: "_1rsrm2f66" }, "11": { defaultClass: "_1rsrm2f67" }, "12": { defaultClass: "_1rsrm2f68" }, "13": { defaultClass: "_1rsrm2f69" }, "14": { defaultClass: "_1rsrm2f6a" }, "15": { defaultClass: "_1rsrm2f6b" }, "16": { defaultClass: "_1rsrm2f6c" }, "18": { defaultClass: "_1rsrm2f6d" }, "20": { defaultClass: "_1rsrm2f6e" }, "24": { defaultClass: "_1rsrm2f6f" }, "28": { defaultClass: "_1rsrm2f6g" }, "30": { defaultClass: "_1rsrm2f6h" }, "32": { defaultClass: "_1rsrm2f6i" }, "36": { defaultClass: "_1rsrm2f6j" }, "44": { defaultClass: "_1rsrm2f6k" }, "64": { defaultClass: "_1rsrm2f6l" }, auto: { defaultClass: "_1rsrm2f6m" }, "-18": { defaultClass: "_1rsrm2f6n" }, "-12": { defaultClass: "_1rsrm2f6o" }, "-1": { defaultClass: "_1rsrm2f6p" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f6q" }, "1": { defaultClass: "_1rsrm2f6r" }, "2": { defaultClass: "_1rsrm2f6s" }, "3": { defaultClass: "_1rsrm2f6t" }, "4": { defaultClass: "_1rsrm2f6u" }, "5": { defaultClass: "_1rsrm2f6v" }, "6": { defaultClass: "_1rsrm2f6w" }, "7": { defaultClass: "_1rsrm2f6x" }, "8": { defaultClass: "_1rsrm2f6y" }, "9": { defaultClass: "_1rsrm2f6z" }, "10": { defaultClass: "_1rsrm2f70" }, "11": { defaultClass: "_1rsrm2f71" }, "12": { defaultClass: "_1rsrm2f72" }, "13": { defaultClass: "_1rsrm2f73" }, "14": { defaultClass: "_1rsrm2f74" }, "15": { defaultClass: "_1rsrm2f75" }, "16": { defaultClass: "_1rsrm2f76" }, "18": { defaultClass: "_1rsrm2f77" }, "20": { defaultClass: "_1rsrm2f78" }, "24": { defaultClass: "_1rsrm2f79" }, "28": { defaultClass: "_1rsrm2f7a" }, "30": { defaultClass: "_1rsrm2f7b" }, "32": { defaultClass: "_1rsrm2f7c" }, "36": { defaultClass: "_1rsrm2f7d" }, "44": { defaultClass: "_1rsrm2f7e" }, "64": { defaultClass: "_1rsrm2f7f" }, auto: { defaultClass: "_1rsrm2f7g" }, "-18": { defaultClass: "_1rsrm2f7h" }, "-12": { defaultClass: "_1rsrm2f7i" }, "-1": { defaultClass: "_1rsrm2f7j" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f7k" }, "2": { defaultClass: "_1rsrm2f7l" }, "4": { defaultClass: "_1rsrm2f7m" }, "8": { defaultClass: "_1rsrm2f7n" }, "10": { defaultClass: "_1rsrm2f7o" }, "11": { defaultClass: "_1rsrm2f7p" }, "12": { defaultClass: "_1rsrm2f7q" }, "13": { defaultClass: "_1rsrm2f7r" }, "14": { defaultClass: "_1rsrm2f7s" }, "15": { defaultClass: "_1rsrm2f7t" }, "16": { defaultClass: "_1rsrm2f7u" }, "18": { defaultClass: "_1rsrm2f7v" }, "20": { defaultClass: "_1rsrm2f7w" }, "24": { defaultClass: "_1rsrm2f7x" }, "28": { defaultClass: "_1rsrm2f7y" }, "30": { defaultClass: "_1rsrm2f7z" }, "32": { defaultClass: "_1rsrm2f80" }, "34": { defaultClass: "_1rsrm2f81" }, "36": { defaultClass: "_1rsrm2f82" }, "40": { defaultClass: "_1rsrm2f83" }, "44": { defaultClass: "_1rsrm2f84" }, "48": { defaultClass: "_1rsrm2f85" }, "50": { defaultClass: "_1rsrm2f86" }, "54": { defaultClass: "_1rsrm2f87" }, "57": { defaultClass: "_1rsrm2f88" }, "60": { defaultClass: "_1rsrm2f89" }, "72": { defaultClass: "_1rsrm2f8a" }, "93": { defaultClass: "_1rsrm2f8b" }, "96": { defaultClass: "_1rsrm2f8c" }, "100": { defaultClass: "_1rsrm2f8d" }, "108": { defaultClass: "_1rsrm2f8e" }, "120": { defaultClass: "_1rsrm2f8f" }, "180": { defaultClass: "_1rsrm2f8g" }, "200": { defaultClass: "_1rsrm2f8h" }, "240": { defaultClass: "_1rsrm2f8i" }, half: { defaultClass: "_1rsrm2f8j" }, full: { defaultClass: "_1rsrm2f8k" }, max: { defaultClass: "_1rsrm2f8l" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f8m" }, "2": { defaultClass: "_1rsrm2f8n" }, "4": { defaultClass: "_1rsrm2f8o" }, "8": { defaultClass: "_1rsrm2f8p" }, "10": { defaultClass: "_1rsrm2f8q" }, "11": { defaultClass: "_1rsrm2f8r" }, "12": { defaultClass: "_1rsrm2f8s" }, "13": { defaultClass: "_1rsrm2f8t" }, "14": { defaultClass: "_1rsrm2f8u" }, "15": { defaultClass: "_1rsrm2f8v" }, "16": { defaultClass: "_1rsrm2f8w" }, "18": { defaultClass: "_1rsrm2f8x" }, "20": { defaultClass: "_1rsrm2f8y" }, "24": { defaultClass: "_1rsrm2f8z" }, "28": { defaultClass: "_1rsrm2f90" }, "30": { defaultClass: "_1rsrm2f91" }, "32": { defaultClass: "_1rsrm2f92" }, "34": { defaultClass: "_1rsrm2f93" }, "36": { defaultClass: "_1rsrm2f94" }, "40": { defaultClass: "_1rsrm2f95" }, "44": { defaultClass: "_1rsrm2f96" }, "48": { defaultClass: "_1rsrm2f97" }, "50": { defaultClass: "_1rsrm2f98" }, "54": { defaultClass: "_1rsrm2f99" }, "57": { defaultClass: "_1rsrm2f9a" }, "60": { defaultClass: "_1rsrm2f9b" }, "72": { defaultClass: "_1rsrm2f9c" }, "93": { defaultClass: "_1rsrm2f9d" }, "96": { defaultClass: "_1rsrm2f9e" }, "100": { defaultClass: "_1rsrm2f9f" }, "108": { defaultClass: "_1rsrm2f9g" }, "120": { defaultClass: "_1rsrm2f9h" }, "180": { defaultClass: "_1rsrm2f9i" }, "200": { defaultClass: "_1rsrm2f9j" }, "240": { defaultClass: "_1rsrm2f9k" }, half: { defaultClass: "_1rsrm2f9l" }, full: { defaultClass: "_1rsrm2f9m" }, max: { defaultClass: "_1rsrm2f9n" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f9o" }, "2": { defaultClass: "_1rsrm2f9p" }, "4": { defaultClass: "_1rsrm2f9q" }, "8": { defaultClass: "_1rsrm2f9r" }, "10": { defaultClass: "_1rsrm2f9s" }, "11": { defaultClass: "_1rsrm2f9t" }, "12": { defaultClass: "_1rsrm2f9u" }, "13": { defaultClass: "_1rsrm2f9v" }, "14": { defaultClass: "_1rsrm2f9w" }, "15": { defaultClass: "_1rsrm2f9x" }, "16": { defaultClass: "_1rsrm2f9y" }, "18": { defaultClass: "_1rsrm2f9z" }, "20": { defaultClass: "_1rsrm2fa0" }, "24": { defaultClass: "_1rsrm2fa1" }, "28": { defaultClass: "_1rsrm2fa2" }, "30": { defaultClass: "_1rsrm2fa3" }, "32": { defaultClass: "_1rsrm2fa4" }, "34": { defaultClass: "_1rsrm2fa5" }, "36": { defaultClass: "_1rsrm2fa6" }, "40": { defaultClass: "_1rsrm2fa7" }, "44": { defaultClass: "_1rsrm2fa8" }, "48": { defaultClass: "_1rsrm2fa9" }, "50": { defaultClass: "_1rsrm2faa" }, "54": { defaultClass: "_1rsrm2fab" }, "57": { defaultClass: "_1rsrm2fac" }, "60": { defaultClass: "_1rsrm2fad" }, "72": { defaultClass: "_1rsrm2fae" }, "93": { defaultClass: "_1rsrm2faf" }, "96": { defaultClass: "_1rsrm2fag" }, "100": { defaultClass: "_1rsrm2fah" }, "108": { defaultClass: "_1rsrm2fai" }, "120": { defaultClass: "_1rsrm2faj" }, "180": { defaultClass: "_1rsrm2fak" }, "200": { defaultClass: "_1rsrm2fal" }, "240": { defaultClass: "_1rsrm2fam" }, half: { defaultClass: "_1rsrm2fan" }, full: { defaultClass: "_1rsrm2fao" }, max: { defaultClass: "_1rsrm2fap" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2faq" }, "2": { defaultClass: "_1rsrm2far" }, "4": { defaultClass: "_1rsrm2fas" }, "8": { defaultClass: "_1rsrm2fat" }, "10": { defaultClass: "_1rsrm2fau" }, "11": { defaultClass: "_1rsrm2fav" }, "12": { defaultClass: "_1rsrm2faw" }, "13": { defaultClass: "_1rsrm2fax" }, "14": { defaultClass: "_1rsrm2fay" }, "15": { defaultClass: "_1rsrm2faz" }, "16": { defaultClass: "_1rsrm2fb0" }, "18": { defaultClass: "_1rsrm2fb1" }, "20": { defaultClass: "_1rsrm2fb2" }, "24": { defaultClass: "_1rsrm2fb3" }, "28": { defaultClass: "_1rsrm2fb4" }, "30": { defaultClass: "_1rsrm2fb5" }, "32": { defaultClass: "_1rsrm2fb6" }, "34": { defaultClass: "_1rsrm2fb7" }, "36": { defaultClass: "_1rsrm2fb8" }, "40": { defaultClass: "_1rsrm2fb9" }, "44": { defaultClass: "_1rsrm2fba" }, "48": { defaultClass: "_1rsrm2fbb" }, "50": { defaultClass: "_1rsrm2fbc" }, "54": { defaultClass: "_1rsrm2fbd" }, "57": { defaultClass: "_1rsrm2fbe" }, "60": { defaultClass: "_1rsrm2fbf" }, "72": { defaultClass: "_1rsrm2fbg" }, "93": { defaultClass: "_1rsrm2fbh" }, "96": { defaultClass: "_1rsrm2fbi" }, "100": { defaultClass: "_1rsrm2fbj" }, "108": { defaultClass: "_1rsrm2fbk" }, "120": { defaultClass: "_1rsrm2fbl" }, "180": { defaultClass: "_1rsrm2fbm" }, "200": { defaultClass: "_1rsrm2fbn" }, "240": { defaultClass: "_1rsrm2fbo" }, half: { defaultClass: "_1rsrm2fbp" }, full: { defaultClass: "_1rsrm2fbq" }, max: { defaultClass: "_1rsrm2fbr" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fbs" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fbt" }, "1": { defaultClass: "_1rsrm2fbu" }, "2": { defaultClass: "_1rsrm2fbv" }, "3": { defaultClass: "_1rsrm2fbw" }, "4": { defaultClass: "_1rsrm2fbx" }, "5": { defaultClass: "_1rsrm2fby" }, "6": { defaultClass: "_1rsrm2fbz" }, "7": { defaultClass: "_1rsrm2fc0" }, "8": { defaultClass: "_1rsrm2fc1" }, "9": { defaultClass: "_1rsrm2fc2" }, "10": { defaultClass: "_1rsrm2fc3" }, "11": { defaultClass: "_1rsrm2fc4" }, "12": { defaultClass: "_1rsrm2fc5" }, "13": { defaultClass: "_1rsrm2fc6" }, "14": { defaultClass: "_1rsrm2fc7" }, "15": { defaultClass: "_1rsrm2fc8" }, "16": { defaultClass: "_1rsrm2fc9" }, "18": { defaultClass: "_1rsrm2fca" }, "20": { defaultClass: "_1rsrm2fcb" }, "24": { defaultClass: "_1rsrm2fcc" }, "28": { defaultClass: "_1rsrm2fcd" }, "30": { defaultClass: "_1rsrm2fce" }, "32": { defaultClass: "_1rsrm2fcf" }, "36": { defaultClass: "_1rsrm2fcg" }, "44": { defaultClass: "_1rsrm2fch" }, "64": { defaultClass: "_1rsrm2fci" }, "-1": { defaultClass: "_1rsrm2fcj" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fck" }, "1": { defaultClass: "_1rsrm2fcl" }, "2": { defaultClass: "_1rsrm2fcm" }, "3": { defaultClass: "_1rsrm2fcn" }, "4": { defaultClass: "_1rsrm2fco" }, "5": { defaultClass: "_1rsrm2fcp" }, "6": { defaultClass: "_1rsrm2fcq" }, "7": { defaultClass: "_1rsrm2fcr" }, "8": { defaultClass: "_1rsrm2fcs" }, "9": { defaultClass: "_1rsrm2fct" }, "10": { defaultClass: "_1rsrm2fcu" }, "11": { defaultClass: "_1rsrm2fcv" }, "12": { defaultClass: "_1rsrm2fcw" }, "13": { defaultClass: "_1rsrm2fcx" }, "14": { defaultClass: "_1rsrm2fcy" }, "15": { defaultClass: "_1rsrm2fcz" }, "16": { defaultClass: "_1rsrm2fd0" }, "18": { defaultClass: "_1rsrm2fd1" }, "20": { defaultClass: "_1rsrm2fd2" }, "24": { defaultClass: "_1rsrm2fd3" }, "28": { defaultClass: "_1rsrm2fd4" }, "30": { defaultClass: "_1rsrm2fd5" }, "32": { defaultClass: "_1rsrm2fd6" }, "36": { defaultClass: "_1rsrm2fd7" }, "44": { defaultClass: "_1rsrm2fd8" }, "64": { defaultClass: "_1rsrm2fd9" }, "-1": { defaultClass: "_1rsrm2fda" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fdb" }, "1": { defaultClass: "_1rsrm2fdc" }, "2": { defaultClass: "_1rsrm2fdd" }, "3": { defaultClass: "_1rsrm2fde" }, "4": { defaultClass: "_1rsrm2fdf" }, "5": { defaultClass: "_1rsrm2fdg" }, "6": { defaultClass: "_1rsrm2fdh" }, "7": { defaultClass: "_1rsrm2fdi" }, "8": { defaultClass: "_1rsrm2fdj" }, "9": { defaultClass: "_1rsrm2fdk" }, "10": { defaultClass: "_1rsrm2fdl" }, "11": { defaultClass: "_1rsrm2fdm" }, "12": { defaultClass: "_1rsrm2fdn" }, "13": { defaultClass: "_1rsrm2fdo" }, "14": { defaultClass: "_1rsrm2fdp" }, "15": { defaultClass: "_1rsrm2fdq" }, "16": { defaultClass: "_1rsrm2fdr" }, "18": { defaultClass: "_1rsrm2fds" }, "20": { defaultClass: "_1rsrm2fdt" }, "24": { defaultClass: "_1rsrm2fdu" }, "28": { defaultClass: "_1rsrm2fdv" }, "30": { defaultClass: "_1rsrm2fdw" }, "32": { defaultClass: "_1rsrm2fdx" }, "36": { defaultClass: "_1rsrm2fdy" }, "44": { defaultClass: "_1rsrm2fdz" }, "64": { defaultClass: "_1rsrm2fe0" }, "-1": { defaultClass: "_1rsrm2fe1" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fe2" }, "1": { defaultClass: "_1rsrm2fe3" }, "2": { defaultClass: "_1rsrm2fe4" }, "3": { defaultClass: "_1rsrm2fe5" }, "4": { defaultClass: "_1rsrm2fe6" }, "5": { defaultClass: "_1rsrm2fe7" }, "6": { defaultClass: "_1rsrm2fe8" }, "7": { defaultClass: "_1rsrm2fe9" }, "8": { defaultClass: "_1rsrm2fea" }, "9": { defaultClass: "_1rsrm2feb" }, "10": { defaultClass: "_1rsrm2fec" }, "11": { defaultClass: "_1rsrm2fed" }, "12": { defaultClass: "_1rsrm2fee" }, "13": { defaultClass: "_1rsrm2fef" }, "14": { defaultClass: "_1rsrm2feg" }, "15": { defaultClass: "_1rsrm2feh" }, "16": { defaultClass: "_1rsrm2fei" }, "18": { defaultClass: "_1rsrm2fej" }, "20": { defaultClass: "_1rsrm2fek" }, "24": { defaultClass: "_1rsrm2fel" }, "28": { defaultClass: "_1rsrm2fem" }, "30": { defaultClass: "_1rsrm2fen" }, "32": { defaultClass: "_1rsrm2feo" }, "36": { defaultClass: "_1rsrm2fep" }, "44": { defaultClass: "_1rsrm2feq" }, "64": { defaultClass: "_1rsrm2fer" }, "-1": { defaultClass: "_1rsrm2fes" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fet" }, fixed: { defaultClass: "_1rsrm2feu" }, relative: { defaultClass: "_1rsrm2fev" } } }, right: { values: { "0": { defaultClass: "_1rsrm2few" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fex" }, transform: { defaultClass: "_1rsrm2fey" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fez" } } }, width: { values: { "1": { defaultClass: "_1rsrm2ff0" }, "2": { defaultClass: "_1rsrm2ff1" }, "4": { defaultClass: "_1rsrm2ff2" }, "8": { defaultClass: "_1rsrm2ff3" }, "10": { defaultClass: "_1rsrm2ff4" }, "11": { defaultClass: "_1rsrm2ff5" }, "12": { defaultClass: "_1rsrm2ff6" }, "13": { defaultClass: "_1rsrm2ff7" }, "14": { defaultClass: "_1rsrm2ff8" }, "15": { defaultClass: "_1rsrm2ff9" }, "16": { defaultClass: "_1rsrm2ffa" }, "18": { defaultClass: "_1rsrm2ffb" }, "20": { defaultClass: "_1rsrm2ffc" }, "24": { defaultClass: "_1rsrm2ffd" }, "28": { defaultClass: "_1rsrm2ffe" }, "30": { defaultClass: "_1rsrm2fff" }, "32": { defaultClass: "_1rsrm2ffg" }, "34": { defaultClass: "_1rsrm2ffh" }, "36": { defaultClass: "_1rsrm2ffi" }, "40": { defaultClass: "_1rsrm2ffj" }, "44": { defaultClass: "_1rsrm2ffk" }, "48": { defaultClass: "_1rsrm2ffl" }, "50": { defaultClass: "_1rsrm2ffm" }, "54": { defaultClass: "_1rsrm2ffn" }, "57": { defaultClass: "_1rsrm2ffo" }, "60": { defaultClass: "_1rsrm2ffp" }, "72": { defaultClass: "_1rsrm2ffq" }, "93": { defaultClass: "_1rsrm2ffr" }, "96": { defaultClass: "_1rsrm2ffs" }, "100": { defaultClass: "_1rsrm2fft" }, "108": { defaultClass: "_1rsrm2ffu" }, "120": { defaultClass: "_1rsrm2ffv" }, "180": { defaultClass: "_1rsrm2ffw" }, "200": { defaultClass: "_1rsrm2ffx" }, "240": { defaultClass: "_1rsrm2ffy" }, half: { defaultClass: "_1rsrm2ffz" }, full: { defaultClass: "_1rsrm2fg0" }, max: { defaultClass: "_1rsrm2fg1" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fg2" } } } } });
|
|
49
|
+
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)", 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)", buttonBackgroundPressed: "var(--rk-colors-buttonBackgroundPressed)", 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)", newBadgeBackground: "var(--rk-colors-newBadgeBackground)", newBadgeBorder: "var(--rk-colors-newBadgeBorder)", newBadgeText: "var(--rk-colors-newBadgeText)", approvedBadgeBackground: "var(--rk-colors-approvedBadgeBackground)", approvedBadgeBorder: "var(--rk-colors-approvedBadgeBorder)", approvedBadgeText: "var(--rk-colors-approvedBadgeText)", failedBadgeBackground: "var(--rk-colors-failedBadgeBackground)", failedBadgeBorder: "var(--rk-colors-failedBadgeBorder)", failedBadgeText: "var(--rk-colors-failedBadgeText)", 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)", fiatPendingGradientFrom: "var(--rk-colors-fiatPendingGradientFrom)", fiatPendingGradientTo: "var(--rk-colors-fiatPendingGradientTo)", fiatSuccessBackgroundFill: "var(--rk-colors-fiatSuccessBackgroundFill)", fiatFailedBackgroundFill: "var(--rk-colors-fiatFailedBackgroundFill)", fiatStatusIconBorder: "var(--rk-colors-fiatStatusIconBorder)", fiatAccountIconFill: "var(--rk-colors-fiatAccountIconFill)", fiatAccountGradientFrom: "var(--rk-colors-fiatAccountGradientFrom)", fiatAccountGradientTo: "var(--rk-colors-fiatAccountGradientTo)" }, 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)", actionButtonInner: "var(--rk-radii-actionButtonInner)", 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)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)", skeleton: "var(--rk-radii-skeleton)", tooltip: "var(--rk-radii-tooltip)", dropdown: "var(--rk-radii-dropdown)", dropdownItem: "var(--rk-radii-dropdownItem)" }, 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)", qrCode: "var(--rk-shadows-qrCode)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
|
|
50
50
|
|
|
51
51
|
// src/css/atoms.ts
|
|
52
52
|
var atoms = ({ reset, ...rest }) => {
|
|
@@ -404,9 +404,9 @@ import React251, { useEffect as useEffect49, useState as useState69 } from "reac
|
|
|
404
404
|
|
|
405
405
|
// src/css/touchableStyles.css.ts
|
|
406
406
|
var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
|
|
407
|
-
var base2 = "_7rkubb3
|
|
407
|
+
var base2 = "_7rkubb3 _1rsrm2fev";
|
|
408
408
|
var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
|
|
409
|
-
var primaryBase = "_7rkubb5
|
|
409
|
+
var primaryBase = "_7rkubb5 _1rsrm2fev";
|
|
410
410
|
|
|
411
411
|
// src/css/touchableStyles.ts
|
|
412
412
|
function touchableStyles({ active: active2, hover: hover2 }) {
|
|
@@ -509,7 +509,7 @@ import React248, {
|
|
|
509
509
|
useCallback as useCallback47,
|
|
510
510
|
useContext as useContext18,
|
|
511
511
|
useEffect as useEffect47,
|
|
512
|
-
useMemo as
|
|
512
|
+
useMemo as useMemo43,
|
|
513
513
|
useState as useState66
|
|
514
514
|
} from "react";
|
|
515
515
|
import { useConfig as useConfig5, useConnect as useConnect2, useDisconnect as useDisconnect2 } from "wagmi";
|
|
@@ -792,7 +792,11 @@ function useFunkitConfig() {
|
|
|
792
792
|
}
|
|
793
793
|
|
|
794
794
|
// src/providers/provideFunkitConnectChains.ts
|
|
795
|
-
import {
|
|
795
|
+
import {
|
|
796
|
+
DYDX_MAINNET_CHAIN_ID,
|
|
797
|
+
KATANA_CHAIN_ID,
|
|
798
|
+
SOLANA_MAINNET_CHAIN_ID
|
|
799
|
+
} from "@funkit/chains";
|
|
796
800
|
import { isNotNullish } from "@funkit/utils";
|
|
797
801
|
var arbitrumIcon = {
|
|
798
802
|
iconBackground: "#96bedc",
|
|
@@ -834,6 +838,10 @@ var hardhatIcon = {
|
|
|
834
838
|
iconBackground: "#f9f7ec",
|
|
835
839
|
iconUrl: "https://sdk-cdn.fun.xyz/images/hardhat.svg"
|
|
836
840
|
};
|
|
841
|
+
var katanaIcon = {
|
|
842
|
+
iconBackground: "#2C2C3D",
|
|
843
|
+
iconUrl: "https://sdk-cdn.fun.xyz/images/katana.svg"
|
|
844
|
+
};
|
|
837
845
|
var klaytnIcon = {
|
|
838
846
|
iconBackground: "transparent",
|
|
839
847
|
iconUrl: "https://sdk-cdn.fun.xyz/images/klaytn.svg"
|
|
@@ -907,6 +915,7 @@ var chainMetadataByName = {
|
|
|
907
915
|
hardhat: { chainId: 31337, name: "Hardhat", ...hardhatIcon },
|
|
908
916
|
holesky: { chainId: 17e3, name: "Holesky", ...ethereumIcon },
|
|
909
917
|
kovan: { chainId: 42, name: "Kovan", ...ethereumIcon },
|
|
918
|
+
katana: { chainId: KATANA_CHAIN_ID, name: "Katana", ...katanaIcon },
|
|
910
919
|
klaytn: { chainId: 8217, name: "Klaytn", ...klaytnIcon },
|
|
911
920
|
klaytnBaobab: { chainId: 1001, name: "Klaytn Baobab", ...klaytnIcon },
|
|
912
921
|
localhost: { chainId: 1337, name: "Localhost", ...ethereumIcon },
|
|
@@ -1019,24 +1028,24 @@ import React247, {
|
|
|
1019
1028
|
useCallback as useCallback46,
|
|
1020
1029
|
useContext as useContext17,
|
|
1021
1030
|
useEffect as useEffect46,
|
|
1022
|
-
useMemo as
|
|
1031
|
+
useMemo as useMemo42,
|
|
1023
1032
|
useState as useState65
|
|
1024
1033
|
} from "react";
|
|
1025
1034
|
import { useAccount as useAccount9, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
|
|
1026
1035
|
|
|
1027
1036
|
// src/components/Dialog/Dialog.css.ts
|
|
1028
1037
|
var DialogAnimationTimeOut = 120;
|
|
1029
|
-
var content = "_1r8f579 _1rsrm2fa
|
|
1038
|
+
var content = "_1r8f579 _1rsrm2fa _1rsrm2f1p _1rsrm2fev";
|
|
1030
1039
|
var contentSlideOutAnimation = "_1r8f57b";
|
|
1031
1040
|
var contentSlideUpAnimation = "_1r8f57a";
|
|
1032
1041
|
var dydxTitle = "_1r8f57c";
|
|
1033
|
-
var overlay = "_1r8f575
|
|
1042
|
+
var overlay = "_1r8f575 _1rsrm2fg2 _1rsrm2fj9 _1rsrm2fa _1rsrm2f41 _1rsrm2feu";
|
|
1034
1043
|
var overlayInAnimation = "_1r8f576";
|
|
1035
1044
|
var overlayOutAnimation = "_1r8f577";
|
|
1036
1045
|
var titleContainer = "_1r8f57d";
|
|
1037
|
-
var topbarFadeBackground = "_1r8f57i
|
|
1046
|
+
var topbarFadeBackground = "_1r8f57i _1rsrm2fjf _1rsrm2fet";
|
|
1038
1047
|
var topbarFadeWrapper = "_1r8f57g";
|
|
1039
|
-
var topbarOverflowContent = "_1r8f57f
|
|
1048
|
+
var topbarOverflowContent = "_1r8f57f _1rsrm2fd1 _1rsrm2fds";
|
|
1040
1049
|
|
|
1041
1050
|
// src/modals/AccountModal/AccountModal.tsx
|
|
1042
1051
|
import React232 from "react";
|
|
@@ -1059,6 +1068,8 @@ import {
|
|
|
1059
1068
|
BANKR_API_KEY,
|
|
1060
1069
|
BSX_API_KEY,
|
|
1061
1070
|
DYDX_API_KEY,
|
|
1071
|
+
ETHEREAL_API_KEY,
|
|
1072
|
+
KATANA_API_KEY,
|
|
1062
1073
|
OSTIUM_API_KEY,
|
|
1063
1074
|
POLYMARKET_API_KEY,
|
|
1064
1075
|
VERTEX_API_KEY
|
|
@@ -1081,6 +1092,12 @@ function isBankrCustomer(apiKey) {
|
|
|
1081
1092
|
function isBsxCustomer(apiKey) {
|
|
1082
1093
|
return apiKey === BSX_API_KEY;
|
|
1083
1094
|
}
|
|
1095
|
+
function isEtherealCustomer(apiKey) {
|
|
1096
|
+
return apiKey === ETHEREAL_API_KEY;
|
|
1097
|
+
}
|
|
1098
|
+
function isKatanaCustomer(apiKey) {
|
|
1099
|
+
return apiKey === KATANA_API_KEY;
|
|
1100
|
+
}
|
|
1084
1101
|
|
|
1085
1102
|
// src/hooks/useScrollDivider.ts
|
|
1086
1103
|
import { useEffect as useEffect4, useRef, useState as useState3 } from "react";
|
|
@@ -1299,13 +1316,13 @@ import clsx3 from "clsx";
|
|
|
1299
1316
|
import React12 from "react";
|
|
1300
1317
|
|
|
1301
1318
|
// src/components/FunButton/FunButton.css.ts
|
|
1302
|
-
var accentLinkStyle = "_1tyx5nu3
|
|
1319
|
+
var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1kr";
|
|
1303
1320
|
var funButtonClickableStyle = "_1tyx5nu6";
|
|
1304
1321
|
var funButtonDisabledStyle = "_1tyx5nu8";
|
|
1305
1322
|
var funButtonNonClickableStyle = "_1tyx5nu7";
|
|
1306
1323
|
var pressedStyles = "_1tyx5nu1";
|
|
1307
1324
|
var transitionStyles = "_1tyx5nu0";
|
|
1308
|
-
var underlineLinkStyle = "_1tyx5nu5
|
|
1325
|
+
var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1j3";
|
|
1309
1326
|
|
|
1310
1327
|
// src/components/FunButton/FunIconButton.tsx
|
|
1311
1328
|
var getTranslateStyle = (iconVisualWeightCenter) => {
|
|
@@ -2964,6 +2981,8 @@ import {
|
|
|
2964
2981
|
DEGEN_API_KEY,
|
|
2965
2982
|
DEV_API_KEY as DEV_API_KEY2,
|
|
2966
2983
|
DYDX_API_KEY as DYDX_API_KEY2,
|
|
2984
|
+
ETHEREAL_API_KEY as ETHEREAL_API_KEY2,
|
|
2985
|
+
KATANA_API_KEY as KATANA_API_KEY2,
|
|
2967
2986
|
OSTIUM_API_KEY as OSTIUM_API_KEY2,
|
|
2968
2987
|
POLYMARKET_API_KEY as POLYMARKET_API_KEY2,
|
|
2969
2988
|
VERTEX_API_KEY as VERTEX_API_KEY2
|
|
@@ -3012,7 +3031,7 @@ function createPaymentMethodInfo(params) {
|
|
|
3012
3031
|
case "virtual_bank" /* VIRTUAL_BANK */:
|
|
3013
3032
|
return {
|
|
3014
3033
|
paymentMethod: "virtual_bank" /* VIRTUAL_BANK */,
|
|
3015
|
-
title: "
|
|
3034
|
+
title: "Fiat Account",
|
|
3016
3035
|
description: "",
|
|
3017
3036
|
matchingFiatAccount: params.matchingFiatAccount,
|
|
3018
3037
|
bridgeCustomer: params.bridgeCustomer
|
|
@@ -3359,8 +3378,15 @@ var flagConfig = {
|
|
|
3359
3378
|
default_value: false,
|
|
3360
3379
|
overrides: [
|
|
3361
3380
|
{
|
|
3362
|
-
|
|
3363
|
-
|
|
3381
|
+
value: true,
|
|
3382
|
+
if_any: [
|
|
3383
|
+
// Full rollout to Katana and Ethereal users
|
|
3384
|
+
{
|
|
3385
|
+
key: "apiKey",
|
|
3386
|
+
type: "isAnyOf",
|
|
3387
|
+
values: [ETHEREAL_API_KEY2, KATANA_API_KEY2]
|
|
3388
|
+
},
|
|
3389
|
+
// Rollout to specific users across all customers
|
|
3364
3390
|
{
|
|
3365
3391
|
key: "userId",
|
|
3366
3392
|
type: "isAnyOf",
|
|
@@ -3379,6 +3405,17 @@ var flagConfig = {
|
|
|
3379
3405
|
"0x21b94a3E67c4a72d3D15f478A696c5175f036092"
|
|
3380
3406
|
// Jianhe
|
|
3381
3407
|
]
|
|
3408
|
+
}
|
|
3409
|
+
]
|
|
3410
|
+
},
|
|
3411
|
+
// 1% rollout to Polymarket and Ostium users
|
|
3412
|
+
{
|
|
3413
|
+
value: true,
|
|
3414
|
+
if_all: [
|
|
3415
|
+
{
|
|
3416
|
+
key: "userId",
|
|
3417
|
+
type: "pctRollout",
|
|
3418
|
+
pct: 5
|
|
3382
3419
|
},
|
|
3383
3420
|
{
|
|
3384
3421
|
key: "apiKey",
|
|
@@ -3392,8 +3429,7 @@ var flagConfig = {
|
|
|
3392
3429
|
type: "isAnyOf",
|
|
3393
3430
|
values: ["0x6ec0c2f25d323e7779925Cc20c3740101f990d9F"]
|
|
3394
3431
|
}
|
|
3395
|
-
]
|
|
3396
|
-
value: true
|
|
3432
|
+
]
|
|
3397
3433
|
}
|
|
3398
3434
|
]
|
|
3399
3435
|
},
|
|
@@ -3414,7 +3450,38 @@ var flagConfig = {
|
|
|
3414
3450
|
// USDC.e on Polygon (PM)
|
|
3415
3451
|
137: ["0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174"],
|
|
3416
3452
|
// USDC on Arbitrum (OSTIUM)
|
|
3417
|
-
42161: ["0xaf88d065e77c8cC2239327C5EDb3A432268e5831"]
|
|
3453
|
+
42161: ["0xaf88d065e77c8cC2239327C5EDb3A432268e5831"],
|
|
3454
|
+
// Katana
|
|
3455
|
+
747474: [
|
|
3456
|
+
NATIVE_TOKEN,
|
|
3457
|
+
// ETH
|
|
3458
|
+
"0x7f1f4b4b29f5058fa32cc7a97141b8d7e5abdc2d",
|
|
3459
|
+
// KAT
|
|
3460
|
+
"0xEE7D8BCFb72bC1880D0Cf19822eB0A2e6577aB62",
|
|
3461
|
+
// vbETH
|
|
3462
|
+
"0x203A662b0BD271A6ed5a60EdFbd04bFce608FD36",
|
|
3463
|
+
// vbUSDC
|
|
3464
|
+
"0x2DCa96907fde857dd3D816880A0df407eeB2D2F2",
|
|
3465
|
+
// vbUSDT
|
|
3466
|
+
"0x0913DA6Da4b42f538B445599b46Bb4622342Cf52",
|
|
3467
|
+
// vbWBTC
|
|
3468
|
+
"0x62D6A123E8D19d06d68cf0d2294F9A3A0362c6b3",
|
|
3469
|
+
// vbUSDS
|
|
3470
|
+
"0x00000000eFE302BEAA2b3e6e1b18d08D69a9012a",
|
|
3471
|
+
// AUSD
|
|
3472
|
+
"0x9B8Df6E244526ab5F6e6400d331DB28C8fdDdb55",
|
|
3473
|
+
// uSOL
|
|
3474
|
+
"0xb0505e5a99abd03d94a1169e638B78EDfEd26ea4",
|
|
3475
|
+
// uSUI
|
|
3476
|
+
"0x2615a94df961278DcbC41Fb0a54fEc5f10a693aE",
|
|
3477
|
+
// uXRP
|
|
3478
|
+
"0x1e5eFCA3D0dB2c6d5C67a4491845c43253eB9e4e",
|
|
3479
|
+
// MORPHO
|
|
3480
|
+
"0x17BFF452dae47e07CeA877Ff0E1aba17eB62b0aB",
|
|
3481
|
+
// SUSHI
|
|
3482
|
+
"0x476eaCd417cD65421bD34fca054377658BB5E02b"
|
|
3483
|
+
// YFI
|
|
3484
|
+
]
|
|
3418
3485
|
})
|
|
3419
3486
|
},
|
|
3420
3487
|
[FlagKey.HelpTutorialUrl]: {
|
|
@@ -3432,6 +3499,38 @@ var flagConfig = {
|
|
|
3432
3499
|
value: "https://docs.vertexprotocol.com/tutorials/deposits-powered-by-fun.xyz"
|
|
3433
3500
|
}
|
|
3434
3501
|
]
|
|
3502
|
+
},
|
|
3503
|
+
[FlagKey.EnableCard]: {
|
|
3504
|
+
type: "boolean",
|
|
3505
|
+
default_value: true,
|
|
3506
|
+
overrides: [
|
|
3507
|
+
{
|
|
3508
|
+
if_any: [
|
|
3509
|
+
{
|
|
3510
|
+
key: "apiKey",
|
|
3511
|
+
type: "isAnyOf",
|
|
3512
|
+
values: [KATANA_API_KEY2]
|
|
3513
|
+
}
|
|
3514
|
+
],
|
|
3515
|
+
value: false
|
|
3516
|
+
}
|
|
3517
|
+
]
|
|
3518
|
+
},
|
|
3519
|
+
[FlagKey.EnableBrokerage]: {
|
|
3520
|
+
type: "boolean",
|
|
3521
|
+
default_value: true,
|
|
3522
|
+
overrides: [
|
|
3523
|
+
{
|
|
3524
|
+
if_any: [
|
|
3525
|
+
{
|
|
3526
|
+
key: "apiKey",
|
|
3527
|
+
type: "isAnyOf",
|
|
3528
|
+
values: [KATANA_API_KEY2]
|
|
3529
|
+
}
|
|
3530
|
+
],
|
|
3531
|
+
value: false
|
|
3532
|
+
}
|
|
3533
|
+
]
|
|
3435
3534
|
}
|
|
3436
3535
|
};
|
|
3437
3536
|
|
|
@@ -3534,7 +3633,7 @@ function evalCondition(flagKey, condition, context) {
|
|
|
3534
3633
|
}
|
|
3535
3634
|
|
|
3536
3635
|
// src/providers/GeneralWalletProvider.tsx
|
|
3537
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
3636
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/chains";
|
|
3538
3637
|
import { Auth, Chain, FunWallet, configureEnvironment as configureEnvironment2 } from "@funkit/core";
|
|
3539
3638
|
import { formatAddress as formatAddress2 } from "@funkit/utils";
|
|
3540
3639
|
import React46, {
|
|
@@ -3662,7 +3761,7 @@ import {
|
|
|
3662
3761
|
meshGetLinkToken,
|
|
3663
3762
|
meshGetTransferIntegrations
|
|
3664
3763
|
} from "@funkit/api-base";
|
|
3665
|
-
import {
|
|
3764
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4 } from "@funkit/chains";
|
|
3666
3765
|
import { isNotNullish as isNotNullish2 } from "@funkit/utils";
|
|
3667
3766
|
|
|
3668
3767
|
// src/utils/checkout.ts
|
|
@@ -3846,6 +3945,7 @@ function useCheckoutDirectExecution() {
|
|
|
3846
3945
|
fromTokenAddress,
|
|
3847
3946
|
recipientAddress
|
|
3848
3947
|
}) => {
|
|
3948
|
+
const multiplier = 10 ** toTokenDecimals;
|
|
3849
3949
|
return await getRelayQuote({
|
|
3850
3950
|
actionParams,
|
|
3851
3951
|
fromChainId,
|
|
@@ -3854,8 +3954,8 @@ function useCheckoutDirectExecution() {
|
|
|
3854
3954
|
recipientAddress,
|
|
3855
3955
|
toChainId,
|
|
3856
3956
|
toTokenAddress,
|
|
3857
|
-
toTokenAmount,
|
|
3858
|
-
|
|
3957
|
+
toTokenAmountBaseUnit: BigInt(Math.floor(toTokenAmount * multiplier)),
|
|
3958
|
+
tradeType: "EXACT_OUTPUT",
|
|
3859
3959
|
userAddress: address
|
|
3860
3960
|
});
|
|
3861
3961
|
},
|
|
@@ -3915,9 +4015,11 @@ function useCheckoutDirectExecution() {
|
|
|
3915
4015
|
logger.error("executeRelayQuote:error", error);
|
|
3916
4016
|
reject(error);
|
|
3917
4017
|
},
|
|
4018
|
+
onProgress: (step) => {
|
|
4019
|
+
stepMessageSetter(step?.action ?? "");
|
|
4020
|
+
},
|
|
3918
4021
|
logger,
|
|
3919
4022
|
relayQuote,
|
|
3920
|
-
stepMessageSetter,
|
|
3921
4023
|
walletClient
|
|
3922
4024
|
});
|
|
3923
4025
|
});
|
|
@@ -4131,10 +4233,10 @@ var isAssetUsableToPayForCheckout = ({
|
|
|
4131
4233
|
if (usableAmountEstimation !== null && usableAmountEstimation < getUsdMinAmount(paymentMethod)) {
|
|
4132
4234
|
return { isUsable: false, reason: LOW_BALANCE };
|
|
4133
4235
|
}
|
|
4134
|
-
const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ || FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]
|
|
4135
|
-
const isSupported = isAllowedForCheckout && isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]
|
|
4236
|
+
const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ || FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]?.isFunWalletSupported;
|
|
4237
|
+
const isSupported = isAllowedForCheckout && isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]?.isCheckoutSupported;
|
|
4136
4238
|
return {
|
|
4137
|
-
isUsable: isSupported,
|
|
4239
|
+
isUsable: !!isSupported,
|
|
4138
4240
|
reason: !isSupported ? "Unsupported" : ""
|
|
4139
4241
|
};
|
|
4140
4242
|
};
|
|
@@ -4322,7 +4424,7 @@ async function validateCheckoutConfig(config) {
|
|
|
4322
4424
|
message: `Invalid targetChain configuration: Unsupported chain id ${config.targetChain} for checkout.`
|
|
4323
4425
|
};
|
|
4324
4426
|
}
|
|
4325
|
-
const chainCheckoutAssetWhitelist = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[config.targetChain]
|
|
4427
|
+
const chainCheckoutAssetWhitelist = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[config.targetChain]?.checkoutAssetWhitelist || [];
|
|
4326
4428
|
if (chainCheckoutAssetWhitelist?.[0] !== "*" && !chainCheckoutAssetWhitelist.some(
|
|
4327
4429
|
(asset) => isTokenAddressEquivalent3({
|
|
4328
4430
|
firstTokenAddress: asset,
|
|
@@ -4423,7 +4525,7 @@ async function decorateTokenList(tokensChainMap, targetChainId, apiKey) {
|
|
|
4423
4525
|
pickedChainId = firstChainId;
|
|
4424
4526
|
const priorityIndex = Number.MAX_SAFE_INTEGER;
|
|
4425
4527
|
for (const curChainId of chainSet) {
|
|
4426
|
-
const pickPriority = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[curChainId].
|
|
4528
|
+
const pickPriority = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[curChainId]?.pickPriority || Number.MAX_SAFE_INTEGER;
|
|
4427
4529
|
if (pickPriority < priorityIndex) {
|
|
4428
4530
|
pickedChainId = curChainId;
|
|
4429
4531
|
}
|
|
@@ -4517,9 +4619,9 @@ function getMaxTargetAssetAmountEstimate(sourceAssetBalance, config, quoteResult
|
|
|
4517
4619
|
}
|
|
4518
4620
|
async function getTokenDecimals(wagmiConfig, chainId, tokenAddress) {
|
|
4519
4621
|
if (isNativeTokenAddress(tokenAddress)) {
|
|
4520
|
-
return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]
|
|
4622
|
+
return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]?.nativeCurrency?.decimals || 18;
|
|
4521
4623
|
}
|
|
4522
|
-
if (chainId === dydxChain.id.toString() && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]
|
|
4624
|
+
if (chainId === dydxChain.id.toString() && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]?.checkoutAssetWhitelist?.[0] === tokenAddress.toLowerCase()) {
|
|
4523
4625
|
return 6;
|
|
4524
4626
|
}
|
|
4525
4627
|
const decimals = await readContract(wagmiConfig, {
|
|
@@ -4617,9 +4719,7 @@ function findSupportedNetworks({
|
|
|
4617
4719
|
const integration = integrations.find((item) => item.type === brokerType);
|
|
4618
4720
|
const allNetworks = integration?.networks ?? [];
|
|
4619
4721
|
const filteredNetworks = allNetworks.filter((networkItem) => {
|
|
4620
|
-
return networkItem?.chainId &&
|
|
4621
|
-
networkItem.chainId.toString()
|
|
4622
|
-
);
|
|
4722
|
+
return networkItem?.chainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[networkItem.chainId];
|
|
4623
4723
|
});
|
|
4624
4724
|
return filteredNetworks;
|
|
4625
4725
|
}
|
|
@@ -5113,7 +5213,7 @@ var useFunkitDisconnect = () => {
|
|
|
5113
5213
|
return {
|
|
5114
5214
|
...disconnectReturn,
|
|
5115
5215
|
disconnect: handleLogout,
|
|
5116
|
-
disconnectAsync: async () =>
|
|
5216
|
+
disconnectAsync: async () => handleLogout()
|
|
5117
5217
|
};
|
|
5118
5218
|
};
|
|
5119
5219
|
var useFunkitReconnect = () => {
|
|
@@ -5146,7 +5246,7 @@ var useFunkitSwitchChains = ({
|
|
|
5146
5246
|
});
|
|
5147
5247
|
const canSwitchChain = useCallback6(
|
|
5148
5248
|
(params) => {
|
|
5149
|
-
if (loginType === "web2" /* Web2 */ && !
|
|
5249
|
+
if (loginType === "web2" /* Web2 */ && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[params.chainId]?.isFunWalletSupported) {
|
|
5150
5250
|
logger.warn(
|
|
5151
5251
|
`Unsupported chainId ${params.chainId} for funkit social logins`
|
|
5152
5252
|
);
|
|
@@ -5692,7 +5792,7 @@ var InfoIcon = ({ filled = false }) => {
|
|
|
5692
5792
|
|
|
5693
5793
|
// src/components/FunTooltip/FunTooltip.css.ts
|
|
5694
5794
|
var tooltipContainer = "z1l38i0";
|
|
5695
|
-
var tooltipStyle = "z1l38i2
|
|
5795
|
+
var tooltipStyle = "z1l38i2 _1rsrm2fcs _1rsrm2fdj _1rsrm2fe8 _1rsrm2fbz _1rsrm2f15 _1rsrm2fjf _1rsrm2f10r _1rsrm2f1b _1rsrm2f1f";
|
|
5696
5796
|
var tooltipStyleBottom = "z1l38i3";
|
|
5697
5797
|
var tooltipStyleCenter = "z1l38i4";
|
|
5698
5798
|
var tooltipStyleLeft = "z1l38i6";
|
|
@@ -6115,7 +6215,7 @@ var DialogTitle = ({
|
|
|
6115
6215
|
};
|
|
6116
6216
|
const isDyDx = useDydxHideBack(hasBackButton, !!dydxHideBack);
|
|
6117
6217
|
const isVertex = isVertexCustomer(apiKey);
|
|
6118
|
-
const alignTitleToLeftSide = isVertex || isOstiumCustomer(apiKey);
|
|
6218
|
+
const alignTitleToLeftSide = isVertex || isOstiumCustomer(apiKey) || isEtherealCustomer(apiKey);
|
|
6119
6219
|
const iconButtonBorderRadius = isVertex ? "actionButton" : "full";
|
|
6120
6220
|
return /* @__PURE__ */ React59.createElement(
|
|
6121
6221
|
Box,
|
|
@@ -6301,7 +6401,7 @@ import React220 from "react";
|
|
|
6301
6401
|
import {
|
|
6302
6402
|
getCheckoutByDepositAddress,
|
|
6303
6403
|
getCheckoutsByUserId,
|
|
6304
|
-
getDirectExecutionByTxHash,
|
|
6404
|
+
getDirectExecutionByTxHash as getDirectExecutionByTxHash2,
|
|
6305
6405
|
getDirectExecutionsByUserId
|
|
6306
6406
|
} from "@funkit/api-base";
|
|
6307
6407
|
import { isAddress as isAddress2 } from "@funkit/core";
|
|
@@ -6314,17 +6414,137 @@ import React61, {
|
|
|
6314
6414
|
useRef as useRef5,
|
|
6315
6415
|
useState as useState12
|
|
6316
6416
|
} from "react";
|
|
6417
|
+
import { useQuery as useQuery3 } from "@tanstack/react-query";
|
|
6418
|
+
|
|
6419
|
+
// src/utils/purifyCheckoutHistoryItem.ts
|
|
6420
|
+
import {
|
|
6421
|
+
RelayExecutionStatus as RelayExecutionStatus2
|
|
6422
|
+
} from "@funkit/api-base";
|
|
6423
|
+
|
|
6424
|
+
// src/hooks/useCheckoutDirectExecutionHistory.ts
|
|
6425
|
+
import {
|
|
6426
|
+
CheckoutRefundState,
|
|
6427
|
+
CheckoutState as CheckoutState2,
|
|
6428
|
+
RelayExecutionStatus
|
|
6429
|
+
} from "@funkit/api-base";
|
|
6430
|
+
import { useMemo as useMemo7 } from "react";
|
|
6431
|
+
|
|
6432
|
+
// src/hooks/useDirectExecutionInfoPolling.ts
|
|
6433
|
+
import { getDirectExecutionByTxHash } from "@funkit/api-base";
|
|
6434
|
+
import { RELAY_TERMINAL_STATUSES } from "@funkit/fun-relay";
|
|
6435
|
+
import { useQuery as useQuery2 } from "@tanstack/react-query";
|
|
6436
|
+
var RELAY_FETCH_INTERVAL = 1500;
|
|
6437
|
+
var logPrefix = "useDirectExecutionInfoPolling";
|
|
6438
|
+
function useDirectExecutionInfoPolling({
|
|
6439
|
+
txHash
|
|
6440
|
+
}) {
|
|
6441
|
+
const { apiKey } = useFunkitConfig();
|
|
6442
|
+
const { data: directExecution, isLoading } = useQuery2({
|
|
6443
|
+
queryKey: [logPrefix, txHash],
|
|
6444
|
+
queryFn: async () => {
|
|
6445
|
+
try {
|
|
6446
|
+
const data = await getDirectExecutionByTxHash({
|
|
6447
|
+
apiKey,
|
|
6448
|
+
logger,
|
|
6449
|
+
txHash
|
|
6450
|
+
// query is disabled if txHash not present
|
|
6451
|
+
});
|
|
6452
|
+
logger.log(`${logPrefix}:response`, data);
|
|
6453
|
+
return data;
|
|
6454
|
+
} catch (error) {
|
|
6455
|
+
logger.error(`${logPrefix}:error`, error);
|
|
6456
|
+
throw error;
|
|
6457
|
+
}
|
|
6458
|
+
},
|
|
6459
|
+
refetchOnWindowFocus: false,
|
|
6460
|
+
refetchInterval: (query) => {
|
|
6461
|
+
const latestData = query.state.data;
|
|
6462
|
+
if (latestData) {
|
|
6463
|
+
const status = latestData.listenerInfo?.status || null;
|
|
6464
|
+
if (status && RELAY_TERMINAL_STATUSES.includes(status)) {
|
|
6465
|
+
return 0;
|
|
6466
|
+
}
|
|
6467
|
+
}
|
|
6468
|
+
return RELAY_FETCH_INTERVAL;
|
|
6469
|
+
},
|
|
6470
|
+
enabled: !!txHash
|
|
6471
|
+
});
|
|
6472
|
+
return {
|
|
6473
|
+
directExecution,
|
|
6474
|
+
isLoading
|
|
6475
|
+
};
|
|
6476
|
+
}
|
|
6477
|
+
|
|
6478
|
+
// src/hooks/useCheckoutDirectExecutionHistory.ts
|
|
6479
|
+
function mapRelayExecutionStatusToCheckoutState(status) {
|
|
6480
|
+
switch (status) {
|
|
6481
|
+
case RelayExecutionStatus.SUCCESS:
|
|
6482
|
+
return CheckoutState2.COMPLETED;
|
|
6483
|
+
case RelayExecutionStatus.FAILURE:
|
|
6484
|
+
case RelayExecutionStatus.REFUND:
|
|
6485
|
+
return CheckoutState2.CHECKOUT_ERROR;
|
|
6486
|
+
default:
|
|
6487
|
+
return CheckoutState2.PENDING_RECEIVAL;
|
|
6488
|
+
}
|
|
6489
|
+
}
|
|
6490
|
+
function useCheckoutDirectExecutionHistory({
|
|
6491
|
+
txHash
|
|
6492
|
+
}) {
|
|
6493
|
+
const { directExecution } = useDirectExecutionInfoPolling({ txHash });
|
|
6494
|
+
const status = directExecution?.listenerInfo?.status ?? RelayExecutionStatus.PENDING;
|
|
6495
|
+
const state = useMemo7(() => {
|
|
6496
|
+
return mapRelayExecutionStatusToCheckoutState(status);
|
|
6497
|
+
}, [status]);
|
|
6498
|
+
const refundState = useMemo7(() => {
|
|
6499
|
+
switch (status) {
|
|
6500
|
+
case RelayExecutionStatus.REFUND:
|
|
6501
|
+
return CheckoutRefundState.REFUNDED;
|
|
6502
|
+
default:
|
|
6503
|
+
return void 0;
|
|
6504
|
+
}
|
|
6505
|
+
}, [status]);
|
|
6506
|
+
const isDelayed2 = status === RelayExecutionStatus.DELAYED;
|
|
6507
|
+
return {
|
|
6508
|
+
state,
|
|
6509
|
+
refundState,
|
|
6510
|
+
isRefunded: refundState === CheckoutRefundState.REFUNDED,
|
|
6511
|
+
isCompleted: state === CheckoutState2.COMPLETED,
|
|
6512
|
+
isFailed: state === CheckoutState2.CHECKOUT_ERROR,
|
|
6513
|
+
isDelayed: isDelayed2
|
|
6514
|
+
};
|
|
6515
|
+
}
|
|
6317
6516
|
|
|
6318
6517
|
// src/utils/purifyCheckoutHistoryItem.ts
|
|
6319
6518
|
var purifyCheckoutHistoryItem = (item) => {
|
|
6519
|
+
if ("depositAddr" in item) {
|
|
6520
|
+
return {
|
|
6521
|
+
depositAddr: item.depositAddr,
|
|
6522
|
+
directExecution: false,
|
|
6523
|
+
id: item.depositAddr,
|
|
6524
|
+
fromAmountBaseUnit: item.fromAmountBaseUnit,
|
|
6525
|
+
fromChainId: item.fromChainId,
|
|
6526
|
+
fromTokenAddress: item.fromTokenAddress,
|
|
6527
|
+
state: item.state,
|
|
6528
|
+
toChainId: item.toChainId,
|
|
6529
|
+
toTokenAddress: item.toTokenAddress,
|
|
6530
|
+
toAmountBaseUnit: item.toAmountBaseUnit,
|
|
6531
|
+
createdTimeMs: item.createdTimeMs
|
|
6532
|
+
};
|
|
6533
|
+
}
|
|
6320
6534
|
return {
|
|
6321
|
-
|
|
6322
|
-
|
|
6535
|
+
directExecution: true,
|
|
6536
|
+
id: item.txHash,
|
|
6537
|
+
fromAmountBaseUnit: item.fromAmountBaseUnit,
|
|
6323
6538
|
fromChainId: item.fromChainId,
|
|
6324
6539
|
fromTokenAddress: item.fromTokenAddress,
|
|
6540
|
+
state: mapRelayExecutionStatusToCheckoutState(
|
|
6541
|
+
item?.listenerInfo?.status ?? RelayExecutionStatus2.SUCCESS
|
|
6542
|
+
),
|
|
6325
6543
|
toChainId: item.toChainId,
|
|
6326
6544
|
toTokenAddress: item.toTokenAddress,
|
|
6327
|
-
toAmountBaseUnit: item.toAmountBaseUnit
|
|
6545
|
+
toAmountBaseUnit: item.toAmountBaseUnit,
|
|
6546
|
+
txHash: item.txHash,
|
|
6547
|
+
createdTimeMs: item.createdTimeMs
|
|
6328
6548
|
};
|
|
6329
6549
|
};
|
|
6330
6550
|
|
|
@@ -6455,48 +6675,50 @@ function useCheckoutHistoryContext() {
|
|
|
6455
6675
|
}
|
|
6456
6676
|
function useCheckoutsListenerByUserId(userId) {
|
|
6457
6677
|
const { apiKey } = useFunkitConfig();
|
|
6458
|
-
const
|
|
6459
|
-
|
|
6460
|
-
|
|
6461
|
-
|
|
6462
|
-
userId
|
|
6463
|
-
|
|
6464
|
-
|
|
6465
|
-
|
|
6466
|
-
|
|
6467
|
-
|
|
6468
|
-
|
|
6469
|
-
|
|
6470
|
-
|
|
6471
|
-
|
|
6472
|
-
|
|
6473
|
-
|
|
6474
|
-
|
|
6475
|
-
|
|
6678
|
+
const { data, isLoading } = useQuery3({
|
|
6679
|
+
enabled: !!userId,
|
|
6680
|
+
queryKey: ["getPurifiedCheckoutsByUserId", userId],
|
|
6681
|
+
queryFn: async () => {
|
|
6682
|
+
if (!userId) return void 0;
|
|
6683
|
+
const results = await Promise.all([
|
|
6684
|
+
getCheckoutsByUserId({
|
|
6685
|
+
apiKey,
|
|
6686
|
+
logger,
|
|
6687
|
+
userId
|
|
6688
|
+
}),
|
|
6689
|
+
getDirectExecutionsByUserId({
|
|
6690
|
+
apiKey,
|
|
6691
|
+
logger,
|
|
6692
|
+
userId
|
|
6693
|
+
})
|
|
6694
|
+
]);
|
|
6695
|
+
return results.flat().map(purifyCheckoutHistoryItem);
|
|
6696
|
+
},
|
|
6697
|
+
refetchInterval: CHECKOUT_HISTORY_REFETCH_INTERVAL_MS
|
|
6698
|
+
});
|
|
6699
|
+
return { data, isLoading };
|
|
6476
6700
|
}
|
|
6477
6701
|
function useCheckoutListenerByCheckoutId(checkoutId) {
|
|
6478
6702
|
const { apiKey } = useFunkitConfig();
|
|
6479
|
-
const
|
|
6480
|
-
|
|
6481
|
-
|
|
6482
|
-
|
|
6483
|
-
|
|
6484
|
-
|
|
6485
|
-
|
|
6486
|
-
|
|
6487
|
-
|
|
6488
|
-
|
|
6489
|
-
|
|
6490
|
-
|
|
6491
|
-
|
|
6492
|
-
|
|
6493
|
-
|
|
6494
|
-
|
|
6495
|
-
|
|
6496
|
-
|
|
6497
|
-
|
|
6498
|
-
}, [fetchData]);
|
|
6499
|
-
return data;
|
|
6703
|
+
const { data, isLoading } = useQuery3({
|
|
6704
|
+
enabled: !!checkoutId,
|
|
6705
|
+
queryKey: ["getPurifiedCheckoutById", checkoutId],
|
|
6706
|
+
queryFn: async () => {
|
|
6707
|
+
if (!checkoutId) return void 0;
|
|
6708
|
+
const result = isCheckoutHistoryDirectExecution(checkoutId) ? await getDirectExecutionByTxHash2({
|
|
6709
|
+
apiKey,
|
|
6710
|
+
logger,
|
|
6711
|
+
txHash: checkoutId
|
|
6712
|
+
}) : await getCheckoutByDepositAddress({
|
|
6713
|
+
apiKey,
|
|
6714
|
+
depositAddress: checkoutId,
|
|
6715
|
+
logger
|
|
6716
|
+
});
|
|
6717
|
+
return result && purifyCheckoutHistoryItem(result);
|
|
6718
|
+
},
|
|
6719
|
+
refetchInterval: CHECKOUT_HISTORY_REFETCH_INTERVAL_MS
|
|
6720
|
+
});
|
|
6721
|
+
return { data, isLoading };
|
|
6500
6722
|
}
|
|
6501
6723
|
var useFunkitPostCheckoutInternal = (checkoutId) => {
|
|
6502
6724
|
const funkitConfig = useFunkitConfig();
|
|
@@ -6523,7 +6745,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
|
|
|
6523
6745
|
logger.log("setupCheckoutHistory:getDirectExecutionByTxHash", {
|
|
6524
6746
|
txHash: checkoutId
|
|
6525
6747
|
});
|
|
6526
|
-
directExecution = await
|
|
6748
|
+
directExecution = await getDirectExecutionByTxHash2({
|
|
6527
6749
|
txHash: checkoutId,
|
|
6528
6750
|
apiKey: funkitConfig.apiKey,
|
|
6529
6751
|
logger
|
|
@@ -6586,7 +6808,7 @@ function getCheckoutCompletionTime(checkout) {
|
|
|
6586
6808
|
}
|
|
6587
6809
|
|
|
6588
6810
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
|
|
6589
|
-
import React214, { useCallback as useCallback40, useMemo as
|
|
6811
|
+
import React214, { useCallback as useCallback40, useMemo as useMemo36, useState as useState57 } from "react";
|
|
6590
6812
|
import { createPortal as createPortal11 } from "react-dom";
|
|
6591
6813
|
|
|
6592
6814
|
// src/components/HelpAlert/HelpAlert.tsx
|
|
@@ -6708,7 +6930,7 @@ import {
|
|
|
6708
6930
|
TERMINAL_CHECKOUT_STATES,
|
|
6709
6931
|
getRiskAssessmentForAddress
|
|
6710
6932
|
} from "@funkit/api-base";
|
|
6711
|
-
import { CheckoutRefundState, CheckoutState as
|
|
6933
|
+
import { CheckoutRefundState as CheckoutRefundState2, CheckoutState as CheckoutState3 } from "@funkit/api-base";
|
|
6712
6934
|
var BLOCKED_RISK_LEVELS = ["Severe", "High"];
|
|
6713
6935
|
var hasRisk = async (apiKey, walletAddress, customRecipient) => {
|
|
6714
6936
|
const getUserWalletRisk = walletAddress ? getRiskAssessmentForAddress({
|
|
@@ -6738,12 +6960,12 @@ var hasRisk = async (apiKey, walletAddress, customRecipient) => {
|
|
|
6738
6960
|
};
|
|
6739
6961
|
function getCheckoutStateBooleans(checkoutState, refundState) {
|
|
6740
6962
|
const isProcessing = IN_PROGRESS_CHECKOUT_STATES.includes(checkoutState);
|
|
6741
|
-
const isCompleted = checkoutState ===
|
|
6742
|
-
const isError = checkoutState ===
|
|
6743
|
-
const isExpired = checkoutState ===
|
|
6963
|
+
const isCompleted = checkoutState === CheckoutState3.COMPLETED;
|
|
6964
|
+
const isError = checkoutState === CheckoutState3.CHECKOUT_ERROR;
|
|
6965
|
+
const isExpired = checkoutState === CheckoutState3.EXPIRED;
|
|
6744
6966
|
const isFailed = isError || isExpired;
|
|
6745
6967
|
const isTerminal = TERMINAL_CHECKOUT_STATES.includes(checkoutState);
|
|
6746
|
-
const isRefundProceeded = refundState ===
|
|
6968
|
+
const isRefundProceeded = refundState === CheckoutRefundState2.PROCEEDED || refundState === CheckoutRefundState2.FULFILLED;
|
|
6747
6969
|
return {
|
|
6748
6970
|
isProcessing,
|
|
6749
6971
|
isCompleted,
|
|
@@ -6762,7 +6984,7 @@ import {
|
|
|
6762
6984
|
deactivateCheckout as postApiDeactivateCheckout,
|
|
6763
6985
|
initializeCheckout as postApiInitializeCheckout
|
|
6764
6986
|
} from "@funkit/api-base";
|
|
6765
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
6987
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
|
|
6766
6988
|
import { FlagKey as FlagKey5, isNotNullish as isNotNullish4 } from "@funkit/utils";
|
|
6767
6989
|
import React65, {
|
|
6768
6990
|
createContext as createContext12,
|
|
@@ -7222,7 +7444,7 @@ function useFunkitCheckout(props) {
|
|
|
7222
7444
|
const newId = initNewCheckout({ ...props, config: finalConfig });
|
|
7223
7445
|
if (isUserLoggedIn || !!finalConfig.customRecipient) {
|
|
7224
7446
|
setPendingCheckoutConfig(void 0);
|
|
7225
|
-
if (isUserLoggedIn && !
|
|
7447
|
+
if (isUserLoggedIn && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6?.[finalConfig.targetChain]?.isMainnet) {
|
|
7226
7448
|
onErrorWrapper?.({
|
|
7227
7449
|
type: "error",
|
|
7228
7450
|
message: "Unable to begin a new checkout: Insufficient funds on testnet account",
|
|
@@ -7338,7 +7560,7 @@ function useSIWFarcasterListener(channelToken) {
|
|
|
7338
7560
|
import {
|
|
7339
7561
|
getAllWalletTokens
|
|
7340
7562
|
} from "@funkit/api-base";
|
|
7341
|
-
import { keepPreviousData, useQuery as
|
|
7563
|
+
import { keepPreviousData, useQuery as useQuery4 } from "@tanstack/react-query";
|
|
7342
7564
|
import { arbitrum as arbitrum2, polygon as polygon3 } from "viem/chains";
|
|
7343
7565
|
import { useAccount as useAccount3 } from "wagmi";
|
|
7344
7566
|
|
|
@@ -7440,7 +7662,7 @@ var useWalletAssets = ({
|
|
|
7440
7662
|
} = {}) => {
|
|
7441
7663
|
const { address, isConnected } = useAccount3();
|
|
7442
7664
|
const { apiKey } = useFunkitConfig();
|
|
7443
|
-
const { data, isLoading, isFetching } =
|
|
7665
|
+
const { data, isLoading, isFetching } = useQuery4({
|
|
7444
7666
|
queryKey: ["getWalletAssets", address, apiKey],
|
|
7445
7667
|
queryFn: ({ queryKey: [_, addr, key] }) => fetchAssets(addr, key),
|
|
7446
7668
|
placeholderData: keepPreviousData,
|
|
@@ -7469,7 +7691,7 @@ import React212, { useState as useState56, useRef as useRef18 } from "react";
|
|
|
7469
7691
|
import React66 from "react";
|
|
7470
7692
|
|
|
7471
7693
|
// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
|
|
7472
|
-
var animateSkeletonClass = "dj0x602
|
|
7694
|
+
var animateSkeletonClass = "dj0x602 _1rsrm2fm3";
|
|
7473
7695
|
var circleSkeletonClass = "dj0x603";
|
|
7474
7696
|
|
|
7475
7697
|
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
@@ -7637,7 +7859,7 @@ function useCheckoutItemDisplay({
|
|
|
7637
7859
|
}
|
|
7638
7860
|
|
|
7639
7861
|
// src/components/AsyncImage/AsyncImage.tsx
|
|
7640
|
-
import React69, { useMemo as
|
|
7862
|
+
import React69, { useMemo as useMemo8, useReducer as useReducer2, useState as useState14 } from "react";
|
|
7641
7863
|
|
|
7642
7864
|
// src/components/AsyncImage/useAsyncImage.ts
|
|
7643
7865
|
import { useEffect as useEffect15, useReducer } from "react";
|
|
@@ -7705,7 +7927,7 @@ function AsyncImage({
|
|
|
7705
7927
|
const [hasError, setHasError] = useState14(
|
|
7706
7928
|
srcProp === void 0 && fallbackSrc === void 0
|
|
7707
7929
|
);
|
|
7708
|
-
const { asyncStyle, imgProps } =
|
|
7930
|
+
const { asyncStyle, imgProps } = useMemo8(() => {
|
|
7709
7931
|
const asyncStyle2 = !useAsImage ? getRemoteImageStyles(isRemoteImage, isRemoteImageLoaded, src) : {};
|
|
7710
7932
|
if (useAsImage || isRemoteImage) {
|
|
7711
7933
|
const imgProps2 = {
|
|
@@ -7805,7 +8027,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
|
|
|
7805
8027
|
|
|
7806
8028
|
// src/components/FunButton/FunRedirectButton.tsx
|
|
7807
8029
|
import React71 from "react";
|
|
7808
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8030
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
|
|
7809
8031
|
|
|
7810
8032
|
// src/components/Icons/RedirectIcon.tsx
|
|
7811
8033
|
import React70 from "react";
|
|
@@ -7864,12 +8086,12 @@ var AddressRedirectButton = ({
|
|
|
7864
8086
|
address,
|
|
7865
8087
|
customRedirectUrl
|
|
7866
8088
|
}) => {
|
|
7867
|
-
const explorerInfo =
|
|
8089
|
+
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.explorerInfo;
|
|
7868
8090
|
return /* @__PURE__ */ React71.createElement(
|
|
7869
8091
|
FunRedirectButton,
|
|
7870
8092
|
{
|
|
7871
8093
|
color: "tertiaryText",
|
|
7872
|
-
to: customRedirectUrl ?? `${explorerInfo
|
|
8094
|
+
to: customRedirectUrl ?? `${explorerInfo?.url}/address/${address}`
|
|
7873
8095
|
}
|
|
7874
8096
|
);
|
|
7875
8097
|
};
|
|
@@ -7878,12 +8100,12 @@ var TransactionRedirectButton = ({
|
|
|
7878
8100
|
txHash,
|
|
7879
8101
|
customRedirectUrl
|
|
7880
8102
|
}) => {
|
|
7881
|
-
const explorerInfo =
|
|
8103
|
+
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.explorerInfo;
|
|
7882
8104
|
return /* @__PURE__ */ React71.createElement(
|
|
7883
8105
|
FunRedirectButton,
|
|
7884
8106
|
{
|
|
7885
8107
|
color: "tertiaryText",
|
|
7886
|
-
to: customRedirectUrl ?? `${explorerInfo
|
|
8108
|
+
to: customRedirectUrl ?? `${explorerInfo?.url}/tx/${txHash}`
|
|
7887
8109
|
}
|
|
7888
8110
|
);
|
|
7889
8111
|
};
|
|
@@ -7915,7 +8137,7 @@ import {
|
|
|
7915
8137
|
getBridgeCustomer,
|
|
7916
8138
|
getFrogAccount
|
|
7917
8139
|
} from "@funkit/api-base";
|
|
7918
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8140
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
|
|
7919
8141
|
import { ResourceNotFoundError } from "@funkit/utils";
|
|
7920
8142
|
async function fetchFrogAccounts(walletAddress, params) {
|
|
7921
8143
|
const { logger: logger2 } = params;
|
|
@@ -7959,7 +8181,7 @@ async function fetchAllFiatAccounts(bridgeSubAccount, params) {
|
|
|
7959
8181
|
}
|
|
7960
8182
|
function getMatchingBankAccount(accounts, targetChain, targetAddress) {
|
|
7961
8183
|
const { bankAccounts } = accounts;
|
|
7962
|
-
const chainInfo =
|
|
8184
|
+
const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[targetChain];
|
|
7963
8185
|
if (!bankAccounts || !chainInfo) return void 0;
|
|
7964
8186
|
const matchingAccount = bankAccounts.find(
|
|
7965
8187
|
({ destination, status }) => status === BridgeVirtualBankAccountStatus.ACTIVATED && destination.address.toLowerCase() === targetAddress.toLowerCase() && destination.payment_rail === chainInfo.name.toLowerCase()
|
|
@@ -7972,7 +8194,7 @@ var getFiatAccountLabel = (defaultLabel, account) => {
|
|
|
7972
8194
|
const instruction = account.source_deposit_instructions;
|
|
7973
8195
|
const accountNumber = instruction.iban || instruction.bank_account_number || "";
|
|
7974
8196
|
const accountEnd = accountNumber.slice(-4);
|
|
7975
|
-
const acountNumberPeek = `\u2022\u2022\u2022\u2022
|
|
8197
|
+
const acountNumberPeek = `\u2022\u2022\u2022\u2022${accountEnd}`;
|
|
7976
8198
|
return `${isSepa ? "SEPA " : ""}${defaultLabel} ${acountNumberPeek}`;
|
|
7977
8199
|
};
|
|
7978
8200
|
function isKycUninitialized(customerStatus) {
|
|
@@ -7982,7 +8204,7 @@ var isSoftRejected = (customer) => customer && isKycUninitialized(customer.statu
|
|
|
7982
8204
|
var FIAT_PROCESSING_TIME = "1-2 business days";
|
|
7983
8205
|
|
|
7984
8206
|
// src/domains/wallet.ts
|
|
7985
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8207
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9, dydxChain as dydxChain2 } from "@funkit/chains";
|
|
7986
8208
|
import { STABLECOIN_SYMBOLS } from "@funkit/core";
|
|
7987
8209
|
import { isNotNullish as isNotNullish5 } from "@funkit/utils";
|
|
7988
8210
|
import { mainnet as mainnet5, polygon as polygon4 } from "viem/chains";
|
|
@@ -8014,12 +8236,12 @@ import { FlagKey as FlagKey8 } from "@funkit/utils";
|
|
|
8014
8236
|
import { base as base5 } from "viem/chains";
|
|
8015
8237
|
|
|
8016
8238
|
// src/providers/FunkitMoonpayProvider.tsx
|
|
8017
|
-
import { useQuery as
|
|
8239
|
+
import { useQuery as useQuery5 } from "@tanstack/react-query";
|
|
8018
8240
|
import React72, {
|
|
8019
8241
|
createContext as createContext14,
|
|
8020
8242
|
useContext as useContext14,
|
|
8021
8243
|
useEffect as useEffect16,
|
|
8022
|
-
useMemo as
|
|
8244
|
+
useMemo as useMemo9,
|
|
8023
8245
|
useState as useState15
|
|
8024
8246
|
} from "react";
|
|
8025
8247
|
import { FlagKey as FlagKey7 } from "@funkit/utils";
|
|
@@ -8076,7 +8298,7 @@ var isCountryBlocked = (blockedList, userIpInfo) => {
|
|
|
8076
8298
|
function useFunkitUserIp() {
|
|
8077
8299
|
const { moonpayApiKey } = useContext14(FunkitMoonpayContext);
|
|
8078
8300
|
const { getFlag, isLoading: isLoadingFlags } = useFlags();
|
|
8079
|
-
const { data: userIpInfo, isLoading: isLoadingGeoCheck } =
|
|
8301
|
+
const { data: userIpInfo, isLoading: isLoadingGeoCheck } = useQuery5({
|
|
8080
8302
|
queryKey: ["getUserIpInfo"],
|
|
8081
8303
|
queryFn: async () => {
|
|
8082
8304
|
try {
|
|
@@ -8097,7 +8319,7 @@ function useFunkitUserIp() {
|
|
|
8097
8319
|
refetchOnReconnect: true,
|
|
8098
8320
|
refetchOnWindowFocus: false
|
|
8099
8321
|
});
|
|
8100
|
-
const isUserGeoblocked =
|
|
8322
|
+
const isUserGeoblocked = useMemo9(() => {
|
|
8101
8323
|
if (isLoadingFlags || isLoadingGeoCheck) {
|
|
8102
8324
|
return false;
|
|
8103
8325
|
}
|
|
@@ -8152,9 +8374,9 @@ import {
|
|
|
8152
8374
|
createBridgeBankAccount,
|
|
8153
8375
|
getBridgeKycLink
|
|
8154
8376
|
} from "@funkit/api-base";
|
|
8155
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8377
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
|
|
8156
8378
|
import { FlagKey as FlagKey10 } from "@funkit/utils";
|
|
8157
|
-
import { useQuery as
|
|
8379
|
+
import { useQuery as useQuery7, useQueryClient } from "@tanstack/react-query";
|
|
8158
8380
|
import { useCallback as useCallback14 } from "react";
|
|
8159
8381
|
|
|
8160
8382
|
// src/hooks/useCheckoutTransferInit.ts
|
|
@@ -8162,7 +8384,7 @@ import {
|
|
|
8162
8384
|
initializeCheckoutTokenTransferAddress
|
|
8163
8385
|
} from "@funkit/api-base";
|
|
8164
8386
|
import { FlagKey as FlagKey9 } from "@funkit/utils";
|
|
8165
|
-
import { useQuery as
|
|
8387
|
+
import { useQuery as useQuery6 } from "@tanstack/react-query";
|
|
8166
8388
|
var useCheckoutTransferInit = (checkoutConfig) => {
|
|
8167
8389
|
const { walletAddress, userInfo } = useGeneralWallet();
|
|
8168
8390
|
const { apiKey } = useFunkitConfig();
|
|
@@ -8180,7 +8402,7 @@ var useCheckoutTransferInit = (checkoutConfig) => {
|
|
|
8180
8402
|
logger,
|
|
8181
8403
|
clientMetadata: generateClientMetadataForTokenTransfer()
|
|
8182
8404
|
};
|
|
8183
|
-
const { data, isFetching } =
|
|
8405
|
+
const { data, isFetching } = useQuery6({
|
|
8184
8406
|
queryKey: ["initializeCheckoutTokenTransferAddress", queryKey],
|
|
8185
8407
|
queryFn: ({ queryKey: [_, params] }) => initializeCheckoutTokenTransferAddress(params),
|
|
8186
8408
|
refetchOnWindowFocus: false,
|
|
@@ -8278,7 +8500,7 @@ function useFiatEnabled() {
|
|
|
8278
8500
|
function useFrogAccounts() {
|
|
8279
8501
|
const { apiKey } = useFunkitConfig();
|
|
8280
8502
|
const { walletAddress } = useGeneralWallet();
|
|
8281
|
-
const query =
|
|
8503
|
+
const query = useQuery7({
|
|
8282
8504
|
queryKey: ["frogSubAccounts", walletAddress],
|
|
8283
8505
|
queryFn: () => fetchFrogAccounts(walletAddress, { apiKey, logger }),
|
|
8284
8506
|
enabled: !!walletAddress,
|
|
@@ -8314,7 +8536,7 @@ function useVirtualFiatAccounts() {
|
|
|
8314
8536
|
const bridgeSubAccount = frogSubAccounts?.find(
|
|
8315
8537
|
(subAccount) => subAccount.subAccountType === "bridge"
|
|
8316
8538
|
);
|
|
8317
|
-
const query =
|
|
8539
|
+
const query = useQuery7({
|
|
8318
8540
|
queryKey: ["useVirtualFiatAccounts", bridgeSubAccount?.guid],
|
|
8319
8541
|
queryFn: () => fetchAllFiatAccounts(bridgeSubAccount, { apiKey, logger }),
|
|
8320
8542
|
enabled: !!bridgeSubAccount,
|
|
@@ -8342,7 +8564,7 @@ function useMatchingVirtualFiatAccount(accounts) {
|
|
|
8342
8564
|
}
|
|
8343
8565
|
function useLoadKycLink(linkLoad) {
|
|
8344
8566
|
const { apiKey } = useFunkitConfig();
|
|
8345
|
-
const query =
|
|
8567
|
+
const query = useQuery7({
|
|
8346
8568
|
queryKey: ["kycLink", linkLoad.guid],
|
|
8347
8569
|
queryFn: async () => {
|
|
8348
8570
|
if (linkLoad.kycLink) {
|
|
@@ -8371,7 +8593,7 @@ function useCreateVirtualBankAccount() {
|
|
|
8371
8593
|
const targetChainId = checkoutConfig?.targetChain;
|
|
8372
8594
|
const { transferInit, recipientAddr } = useCheckoutTransferInit(checkoutConfig);
|
|
8373
8595
|
const destinationAddress = transferInit?.depositAddr || recipientAddr;
|
|
8374
|
-
const chainName = targetChainId &&
|
|
8596
|
+
const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[targetChainId]?.name?.toLowerCase();
|
|
8375
8597
|
const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
|
|
8376
8598
|
const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
|
|
8377
8599
|
const handleCreateVirtualFiatAccount = useCallback14(async () => {
|
|
@@ -8422,22 +8644,22 @@ var useWalletLabel = () => {
|
|
|
8422
8644
|
// src/modals/CheckoutModal/useWalletAssetHoldings.ts
|
|
8423
8645
|
import {
|
|
8424
8646
|
FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
|
|
8425
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8647
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11
|
|
8426
8648
|
} from "@funkit/chains";
|
|
8427
|
-
import { useMemo as
|
|
8649
|
+
import { useMemo as useMemo10 } from "react";
|
|
8428
8650
|
var processWalletAssets = (walletAssets, targetChain) => {
|
|
8429
8651
|
if (!walletAssets) {
|
|
8430
8652
|
return;
|
|
8431
8653
|
}
|
|
8432
|
-
const targetChainInfo =
|
|
8433
|
-
const isCheckoutOnMainnet = targetChainInfo
|
|
8654
|
+
const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChain];
|
|
8655
|
+
const isCheckoutOnMainnet = targetChainInfo?.isMainnet;
|
|
8434
8656
|
return Object.values(walletAssets).reduce(
|
|
8435
8657
|
(result, asset) => {
|
|
8436
8658
|
if (!asset.symbol || !asset.contractAddress) {
|
|
8437
8659
|
return result;
|
|
8438
8660
|
}
|
|
8439
|
-
const assetChainInfo =
|
|
8440
|
-
const isAssetOnMainnet = assetChainInfo
|
|
8661
|
+
const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[asset.chainId];
|
|
8662
|
+
const isAssetOnMainnet = assetChainInfo?.isMainnet;
|
|
8441
8663
|
if (isCheckoutOnMainnet && !isAssetOnMainnet) {
|
|
8442
8664
|
return result;
|
|
8443
8665
|
}
|
|
@@ -8448,7 +8670,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
|
|
|
8448
8670
|
chainId: asset.chainId,
|
|
8449
8671
|
symbolOrAddress: asset.symbol
|
|
8450
8672
|
});
|
|
8451
|
-
const normalizedTokenAddress = assetChainInfo
|
|
8673
|
+
const normalizedTokenAddress = assetChainInfo?.nativeCurrency.symbol.toUpperCase() === asset.symbol.toUpperCase() ? FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3 : asset.contractAddress;
|
|
8452
8674
|
const normalizeAmount = getNormalizedTokenBalance(
|
|
8453
8675
|
BigInt(asset.tokenBalance),
|
|
8454
8676
|
asset.decimals
|
|
@@ -8469,7 +8691,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
|
|
|
8469
8691
|
};
|
|
8470
8692
|
function useWalletAssetHoldings(targetChain) {
|
|
8471
8693
|
const { walletAssets, isLoading, totalWalletAssetsUsd } = useWalletAssets();
|
|
8472
|
-
const processedAssets =
|
|
8694
|
+
const processedAssets = useMemo10(
|
|
8473
8695
|
() => processWalletAssets(walletAssets, targetChain),
|
|
8474
8696
|
[targetChain, walletAssets]
|
|
8475
8697
|
);
|
|
@@ -8483,7 +8705,7 @@ function useWalletAssetHoldings(targetChain) {
|
|
|
8483
8705
|
|
|
8484
8706
|
// src/config/getDefaultConfig.ts
|
|
8485
8707
|
import {
|
|
8486
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8708
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12,
|
|
8487
8709
|
FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
|
|
8488
8710
|
} from "@funkit/chains";
|
|
8489
8711
|
import { fallback } from "viem";
|
|
@@ -9094,8 +9316,8 @@ var createDefaultTransports = (chains) => {
|
|
|
9094
9316
|
const transportsObject = {};
|
|
9095
9317
|
for (const chain of chains) {
|
|
9096
9318
|
const key = chain.id;
|
|
9097
|
-
const fallbackRpcs =
|
|
9098
|
-
if (fallbackRpcs
|
|
9319
|
+
const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[key]?.fallbackRpcUrls;
|
|
9320
|
+
if (fallbackRpcs && fallbackRpcs.length > 0) {
|
|
9099
9321
|
transportsObject[key] = fallback([
|
|
9100
9322
|
http(),
|
|
9101
9323
|
...fallbackRpcs.map((url) => http(url))
|
|
@@ -9167,8 +9389,8 @@ var getDefaultTransports = () => {
|
|
|
9167
9389
|
};
|
|
9168
9390
|
|
|
9169
9391
|
// src/hooks/useMesh.tsx
|
|
9170
|
-
import { useQuery as
|
|
9171
|
-
import React75, { useMemo as
|
|
9392
|
+
import { useQuery as useQuery8 } from "@tanstack/react-query";
|
|
9393
|
+
import React75, { useMemo as useMemo11 } from "react";
|
|
9172
9394
|
import { FlagKey as FlagKey11 } from "@funkit/utils";
|
|
9173
9395
|
|
|
9174
9396
|
// src/components/FunSelectBrokerage/FunBrokerageItem.tsx
|
|
@@ -9243,7 +9465,7 @@ var useSupportedExchanges = () => {
|
|
|
9243
9465
|
FlagKey11.SupportedExchangesV2,
|
|
9244
9466
|
FALLBACK_EXCHANGES_STRING
|
|
9245
9467
|
);
|
|
9246
|
-
return
|
|
9468
|
+
return useMemo11(() => {
|
|
9247
9469
|
return supportedExchangesFlag.split(",").flatMap((value) => {
|
|
9248
9470
|
const brokerNameOrType = value.trim();
|
|
9249
9471
|
if (!brokerNameOrType) {
|
|
@@ -9267,7 +9489,7 @@ var useMeshExchanges = ({
|
|
|
9267
9489
|
}) => {
|
|
9268
9490
|
const { getActiveConnection } = useFunkitMesh();
|
|
9269
9491
|
const supportedExchanges = useSupportedExchanges();
|
|
9270
|
-
const options =
|
|
9492
|
+
const options = useMemo11(() => {
|
|
9271
9493
|
return supportedExchanges.map((brokerType) => {
|
|
9272
9494
|
const hasActiveConnection = !!getActiveConnection(brokerType);
|
|
9273
9495
|
return createFunSelectOption(
|
|
@@ -9295,7 +9517,7 @@ var useMeshActiveNetworkInfo = (chainId, brokerType) => {
|
|
|
9295
9517
|
};
|
|
9296
9518
|
function useMeshIntegrations() {
|
|
9297
9519
|
const { apiKey } = useFunkitConfig();
|
|
9298
|
-
const { data, isLoading } =
|
|
9520
|
+
const { data, isLoading } = useQuery8({
|
|
9299
9521
|
queryKey: ["funkit-mesh-integrations", apiKey],
|
|
9300
9522
|
queryFn: async () => {
|
|
9301
9523
|
return await fetchMeshTransferIntegrations(apiKey);
|
|
@@ -9337,7 +9559,7 @@ function useMeshAccountHoldings(targetChain, connection) {
|
|
|
9337
9559
|
const { integrations } = useMeshIntegrations();
|
|
9338
9560
|
const meshDeviceId = getMeshDeviceIdFromLocalStorage();
|
|
9339
9561
|
const enableFrogProxyServer = useFlag(FlagKey11.EnableFrogProxyServer);
|
|
9340
|
-
const query =
|
|
9562
|
+
const query = useQuery8({
|
|
9341
9563
|
queryKey: [
|
|
9342
9564
|
{
|
|
9343
9565
|
apiKey,
|
|
@@ -9357,16 +9579,16 @@ function useMeshAccountHoldings(targetChain, connection) {
|
|
|
9357
9579
|
}
|
|
9358
9580
|
|
|
9359
9581
|
// src/hooks/useUsableWalletAssetsForCheckout.ts
|
|
9360
|
-
import { useMemo as
|
|
9582
|
+
import { useMemo as useMemo13 } from "react";
|
|
9361
9583
|
|
|
9362
9584
|
// src/hooks/useAllowedAssets.ts
|
|
9363
9585
|
import { getAllowedAssets } from "@funkit/api-base";
|
|
9364
|
-
import { useQuery as
|
|
9365
|
-
import { useCallback as useCallback15, useMemo as
|
|
9586
|
+
import { useQuery as useQuery9 } from "@tanstack/react-query";
|
|
9587
|
+
import { useCallback as useCallback15, useMemo as useMemo12 } from "react";
|
|
9366
9588
|
function useAllowedAssets() {
|
|
9367
9589
|
const { apiKey } = useFunkitConfig();
|
|
9368
9590
|
const isRelayEnabled = useSourceTokenRelayEnabled();
|
|
9369
|
-
const { data: allowedAssets, isLoading } =
|
|
9591
|
+
const { data: allowedAssets, isLoading } = useQuery9({
|
|
9370
9592
|
queryKey: ["getAllowedAssets", apiKey],
|
|
9371
9593
|
queryFn: () => getAllowedAssets({ apiKey, logger }),
|
|
9372
9594
|
refetchOnMount: false,
|
|
@@ -9375,7 +9597,7 @@ function useAllowedAssets() {
|
|
|
9375
9597
|
staleTime: 5 * 60 * 1e3,
|
|
9376
9598
|
gcTime: Number.POSITIVE_INFINITY
|
|
9377
9599
|
});
|
|
9378
|
-
const tokens =
|
|
9600
|
+
const tokens = useMemo12(() => {
|
|
9379
9601
|
if (!allowedAssets) return {};
|
|
9380
9602
|
const ret = {};
|
|
9381
9603
|
for (const chainId of Object.keys(allowedAssets)) {
|
|
@@ -9404,7 +9626,7 @@ function useUsableWalletAssetsForCheckout() {
|
|
|
9404
9626
|
const { loginType, walletAddress } = useGeneralWallet();
|
|
9405
9627
|
const { walletAssets } = useWalletAssets({ enableRefetchInterval: false });
|
|
9406
9628
|
const { isAllowed } = useAllowedAssets();
|
|
9407
|
-
return
|
|
9629
|
+
return useMemo13(() => {
|
|
9408
9630
|
if (!walletAssets || !checkoutItem) return;
|
|
9409
9631
|
const usableAssets = {};
|
|
9410
9632
|
for (const [assetKey, asset] of Object.entries(walletAssets)) {
|
|
@@ -9582,7 +9804,7 @@ import clsx9 from "clsx";
|
|
|
9582
9804
|
import React78, { useRef as useRef7 } from "react";
|
|
9583
9805
|
|
|
9584
9806
|
// src/components/FunOptionBox/FunOptionBox.css.ts
|
|
9585
|
-
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "
|
|
9807
|
+
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2f10r _1rsrm2fz2", transparentBorder: "_1rsrm2f143 _1rsrm2fz2", activeBorder: "_1rsrm2fyx", disabledOptionBorder: "_1rsrm2f10l", defaultBackground: "_1rsrm2fnr _1rsrm2fjs", activeBackground: "_1rsrm2fnr _1rsrm2fns _1rsrm2fnt" };
|
|
9586
9808
|
|
|
9587
9809
|
// src/components/FunOptionBox/FunOptionBox.tsx
|
|
9588
9810
|
function FunOptionBox({
|
|
@@ -10229,7 +10451,7 @@ var BankIconActive = ({ size = 20 }) => {
|
|
|
10229
10451
|
|
|
10230
10452
|
// src/components/FunConnectOptions/FunSignInStep.tsx
|
|
10231
10453
|
import { groupBy, isMobile as isMobile8, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
|
|
10232
|
-
import React206, { Fragment as Fragment3, useCallback as useCallback39, useMemo as
|
|
10454
|
+
import React206, { Fragment as Fragment3, useCallback as useCallback39, useMemo as useMemo34, useState as useState55 } from "react";
|
|
10233
10455
|
|
|
10234
10456
|
// src/providers/walletConnectDeepLink.ts
|
|
10235
10457
|
var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
|
|
@@ -10334,9 +10556,9 @@ var SearchIcon = () => {
|
|
|
10334
10556
|
|
|
10335
10557
|
// src/components/FunInput/FunInput.css.ts
|
|
10336
10558
|
var baseWrapperStyles = "zue0i60";
|
|
10337
|
-
var inputClass = "zue0i63
|
|
10338
|
-
var inputClassDisabled = "zue0i65
|
|
10339
|
-
var inputClassError = "zue0i67
|
|
10559
|
+
var inputClass = "zue0i63 _1rsrm2fee _1rsrm2fc5 _1rsrm2fcw _1rsrm2fdn _1rsrm2f1j3";
|
|
10560
|
+
var inputClassDisabled = "zue0i65 _1rsrm2fee _1rsrm2fc5 _1rsrm2fcw _1rsrm2fdn _1rsrm2f1kl";
|
|
10561
|
+
var inputClassError = "zue0i67 _1rsrm2fee _1rsrm2fc5 _1rsrm2fcw _1rsrm2fdn _1rsrm2f1ff";
|
|
10340
10562
|
var numberInputResetStyle = "zue0i61";
|
|
10341
10563
|
|
|
10342
10564
|
// src/components/FunInput/FunInput.tsx
|
|
@@ -10826,7 +11048,7 @@ var SocialsIcon = () => {
|
|
|
10826
11048
|
};
|
|
10827
11049
|
|
|
10828
11050
|
// src/components/FunConnectOptions/FunConnectOptions.tsx
|
|
10829
|
-
import React205, { useCallback as useCallback38, useMemo as
|
|
11051
|
+
import React205, { useCallback as useCallback38, useMemo as useMemo33, useState as useState54 } from "react";
|
|
10830
11052
|
|
|
10831
11053
|
// src/hooks/useAnimatedNavigation.ts
|
|
10832
11054
|
import { useCallback as useCallback16, useState as useState18 } from "react";
|
|
@@ -10898,7 +11120,7 @@ import {
|
|
|
10898
11120
|
} from "react";
|
|
10899
11121
|
|
|
10900
11122
|
// src/hooks/useCheckoutQuoteNotification.ts
|
|
10901
|
-
import { useMemo as
|
|
11123
|
+
import { useMemo as useMemo14 } from "react";
|
|
10902
11124
|
|
|
10903
11125
|
// src/providers/FunkitQuoteContext.tsx
|
|
10904
11126
|
import { FlagKey as FlagKey13, isNotNullish as isNotNullish6 } from "@funkit/utils";
|
|
@@ -10929,6 +11151,10 @@ var QUOTE_API_ERROR_STRING_INFO = {
|
|
|
10929
11151
|
check: "Error estimating checkout cost and time",
|
|
10930
11152
|
display: DEFAULT_QUOTE_ERROR
|
|
10931
11153
|
},
|
|
11154
|
+
[6 /* NO_ROUTE_FOUND_RELAY */]: {
|
|
11155
|
+
check: "No routes found",
|
|
11156
|
+
display: "No routes found."
|
|
11157
|
+
},
|
|
10932
11158
|
[2 /* INSUFFICIENT_AMOUNT_GENERAL_1 */]: {
|
|
10933
11159
|
check: "try to increase the amount",
|
|
10934
11160
|
display: "Checkout amount is too low. Please retry."
|
|
@@ -10992,7 +11218,7 @@ import {
|
|
|
10992
11218
|
meshConfigureTransfer,
|
|
10993
11219
|
meshConfigureTransferProxy
|
|
10994
11220
|
} from "@funkit/api-base";
|
|
10995
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
11221
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13 } from "@funkit/chains";
|
|
10996
11222
|
import { roundUpToXDecimalPlaces as roundUpToXDecimalPlaces2 } from "@funkit/utils";
|
|
10997
11223
|
import { estimateGas, getGasPrice } from "@wagmi/core";
|
|
10998
11224
|
import { encodeFunctionData, erc20Abi as erc20Abi2, formatEther } from "viem";
|
|
@@ -11037,7 +11263,7 @@ async function evaluateAccountWalletFees({
|
|
|
11037
11263
|
loginType,
|
|
11038
11264
|
apiKey
|
|
11039
11265
|
}) {
|
|
11040
|
-
const nativeCurrencySymbol =
|
|
11266
|
+
const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
|
|
11041
11267
|
const walletCheckoutFees = {
|
|
11042
11268
|
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
11043
11269
|
...getFunFeeBreakdown(baseQuote),
|
|
@@ -11626,7 +11852,7 @@ function useQuoteContext() {
|
|
|
11626
11852
|
function useCheckoutQuoteNotification() {
|
|
11627
11853
|
const { clearCheckoutQuoteMessages } = useQuoteContext();
|
|
11628
11854
|
const { quoteErrorMessage, quoteStepMessage } = useQuoteContext();
|
|
11629
|
-
const quoteNotification =
|
|
11855
|
+
const quoteNotification = useMemo14(() => {
|
|
11630
11856
|
if (quoteErrorMessage !== "") {
|
|
11631
11857
|
return {
|
|
11632
11858
|
messageType: "error",
|
|
@@ -13111,7 +13337,7 @@ function CheckoutHelp({
|
|
|
13111
13337
|
}
|
|
13112
13338
|
|
|
13113
13339
|
// src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
|
|
13114
|
-
import React132, { useEffect as useEffect25, useMemo as
|
|
13340
|
+
import React132, { useEffect as useEffect25, useMemo as useMemo22, useState as useState33 } from "react";
|
|
13115
13341
|
import { createPortal as createPortal5 } from "react-dom";
|
|
13116
13342
|
|
|
13117
13343
|
// src/providers/UserPresenceContext.tsx
|
|
@@ -13180,7 +13406,7 @@ import React117 from "react";
|
|
|
13180
13406
|
|
|
13181
13407
|
// src/components/FunInfoBanner/InfoBanner.css.ts
|
|
13182
13408
|
var anchorStyle = "vyedix0";
|
|
13183
|
-
var iconWrapperStyle = "vyedix2
|
|
13409
|
+
var iconWrapperStyle = "vyedix2 _1rsrm2ffc _1rsrm2f39";
|
|
13184
13410
|
|
|
13185
13411
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
13186
13412
|
var InfoBanner = ({ message, type }) => {
|
|
@@ -13443,7 +13669,7 @@ import {
|
|
|
13443
13669
|
} from "@funkit/utils";
|
|
13444
13670
|
import NumberFlow from "@number-flow/react";
|
|
13445
13671
|
import { motion as motion3 } from "motion/react";
|
|
13446
|
-
import React122, { useMemo as
|
|
13672
|
+
import React122, { useMemo as useMemo17 } from "react";
|
|
13447
13673
|
|
|
13448
13674
|
// src/consts/design.ts
|
|
13449
13675
|
var mapFontLineHeightToNumberFlowHeight = {
|
|
@@ -13454,13 +13680,13 @@ var mapFontLineHeightToNumberFlowHeight = {
|
|
|
13454
13680
|
|
|
13455
13681
|
// src/hooks/useReceiveAmountLabel.ts
|
|
13456
13682
|
import { DirectExecutionType as DirectExecutionType2 } from "@funkit/api-base";
|
|
13457
|
-
import { useMemo as
|
|
13683
|
+
import { useMemo as useMemo15 } from "react";
|
|
13458
13684
|
function useReceiveAmountLabel({
|
|
13459
13685
|
directExecutionType,
|
|
13460
13686
|
isSameToken
|
|
13461
13687
|
}) {
|
|
13462
13688
|
const { textCustomizations } = useFunkitConfig();
|
|
13463
|
-
return
|
|
13689
|
+
return useMemo15(() => {
|
|
13464
13690
|
const showAtLeast = directExecutionType === DirectExecutionType2.RELAY && !isSameToken;
|
|
13465
13691
|
return `${textCustomizations.confirmationScreen.receiveAmountLabel}${showAtLeast ? " at least" : ""}`;
|
|
13466
13692
|
}, [textCustomizations, directExecutionType, isSameToken]);
|
|
@@ -13469,10 +13695,10 @@ function useReceiveAmountLabel({
|
|
|
13469
13695
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
13470
13696
|
import { isNotNullish as isNotNullish7 } from "@funkit/utils";
|
|
13471
13697
|
import clsx12 from "clsx";
|
|
13472
|
-
import React121, { useMemo as
|
|
13698
|
+
import React121, { useMemo as useMemo16 } from "react";
|
|
13473
13699
|
|
|
13474
13700
|
// src/components/FunAssetAvatar/FunAssetAvatar.css.ts
|
|
13475
|
-
var chainContainerStyle = "uwrdc22
|
|
13701
|
+
var chainContainerStyle = "uwrdc22 _1rsrm2f18 _1rsrm2fa _1rsrm2f4 _1rsrm2f41";
|
|
13476
13702
|
var containerStyle = "uwrdc20";
|
|
13477
13703
|
|
|
13478
13704
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
@@ -13489,7 +13715,7 @@ function FunAssetAvatar({
|
|
|
13489
13715
|
largeChainIcon = false
|
|
13490
13716
|
}) {
|
|
13491
13717
|
const chainMetadata = chainMetadataById[Number.parseInt((chainId || "").toString())] || null;
|
|
13492
|
-
const finalAssetSrc =
|
|
13718
|
+
const finalAssetSrc = useMemo16(() => {
|
|
13493
13719
|
const normalizedTicker = assetTicker?.toUpperCase() || "";
|
|
13494
13720
|
const defaultSrc = ASSET_LOGO_SRCS[normalizedTicker];
|
|
13495
13721
|
if (prioritizeDefaults) {
|
|
@@ -13587,7 +13813,7 @@ function PaymentAmountSummary({
|
|
|
13587
13813
|
})
|
|
13588
13814
|
});
|
|
13589
13815
|
const sourceTokenAmount = quote?.finalPaymentTokenAmount ? Number.parseFloat(quote.finalPaymentTokenAmount) : void 0;
|
|
13590
|
-
const paymentTokenUsdAmount =
|
|
13816
|
+
const paymentTokenUsdAmount = useMemo17(() => {
|
|
13591
13817
|
if (!quote) return void 0;
|
|
13592
13818
|
return formatCurrencyAndStringify2(
|
|
13593
13819
|
quote.baseQuote.estSubtotalUsd + Number.parseFloat(quote.finalPaymentFeeUsd) - Number.parseFloat(quote.finalSpreadUsd)
|
|
@@ -13708,7 +13934,7 @@ import {
|
|
|
13708
13934
|
formatDynamicFeeUsd,
|
|
13709
13935
|
noop as noop4
|
|
13710
13936
|
} from "@funkit/utils";
|
|
13711
|
-
import React124, { useMemo as
|
|
13937
|
+
import React124, { useMemo as useMemo18, useState as useState24 } from "react";
|
|
13712
13938
|
import clsx13 from "clsx";
|
|
13713
13939
|
import { motion as motion4, useAnimationControls } from "motion/react";
|
|
13714
13940
|
|
|
@@ -13735,7 +13961,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React123.createElement(
|
|
|
13735
13961
|
);
|
|
13736
13962
|
|
|
13737
13963
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
13738
|
-
var baseStyles = "
|
|
13964
|
+
var baseStyles = "_1rsrm2f1jf";
|
|
13739
13965
|
var expandableStyles = "vkwve32";
|
|
13740
13966
|
var feeLineHideStyles = "vkwve34";
|
|
13741
13967
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -13843,7 +14069,7 @@ function PaymentFeesSummary({
|
|
|
13843
14069
|
}
|
|
13844
14070
|
};
|
|
13845
14071
|
const isDydx = isDydxCustomer(apiKey);
|
|
13846
|
-
const { collapsed: collapsedItem, expanded: expandedItems } =
|
|
14072
|
+
const { collapsed: collapsedItem, expanded: expandedItems } = useMemo18(() => {
|
|
13847
14073
|
if (!quote) return NO_DATA;
|
|
13848
14074
|
const fees = quote.finalFeesBreakdown;
|
|
13849
14075
|
const totalUsd = Number(quote.finalTotalUsd);
|
|
@@ -14060,7 +14286,7 @@ function CheckoutPrimaryInfo({
|
|
|
14060
14286
|
}
|
|
14061
14287
|
|
|
14062
14288
|
// src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
|
|
14063
|
-
import React128, { useMemo as
|
|
14289
|
+
import React128, { useMemo as useMemo19 } from "react";
|
|
14064
14290
|
var DisclaimerText = ({
|
|
14065
14291
|
showDydxDisclaimer,
|
|
14066
14292
|
continueText,
|
|
@@ -14086,7 +14312,7 @@ var DisclaimerText = ({
|
|
|
14086
14312
|
), ".") : /* @__PURE__ */ React128.createElement(React128.Fragment, null, isVertex && vertexText ? `${vertexText} ` : showCardDisclaimer && `${cardDisclaimer} `, "By clicking on ", continueText, ", you agree to our", " ", /* @__PURE__ */ React128.createElement(FunLinkButton, { href: FUN_TERMS_URL, inline: true, text: "terms" }), ".");
|
|
14087
14313
|
};
|
|
14088
14314
|
function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
|
|
14089
|
-
const cardDisclaimer =
|
|
14315
|
+
const cardDisclaimer = useMemo19(() => {
|
|
14090
14316
|
if (!checkoutItem || !finalConvertedAssetName) {
|
|
14091
14317
|
return null;
|
|
14092
14318
|
}
|
|
@@ -14168,10 +14394,10 @@ function useAutoClearState(initialValue = null) {
|
|
|
14168
14394
|
|
|
14169
14395
|
// src/hooks/useIsBlacklisted.ts
|
|
14170
14396
|
import { FlagKey as FlagKey15 } from "@funkit/utils";
|
|
14171
|
-
import { useMemo as
|
|
14397
|
+
import { useMemo as useMemo20 } from "react";
|
|
14172
14398
|
var useIsBlacklisted = (walletAddress, customRecipient) => {
|
|
14173
14399
|
const flagStr = useFlag(FlagKey15.AddressBlacklist);
|
|
14174
|
-
const blacklist =
|
|
14400
|
+
const blacklist = useMemo20(
|
|
14175
14401
|
() => safeJSONParse(flagStr)?.map((addr) => addr.toLowerCase()) || [],
|
|
14176
14402
|
[flagStr]
|
|
14177
14403
|
);
|
|
@@ -14991,7 +15217,7 @@ function usePostCheckout({
|
|
|
14991
15217
|
}
|
|
14992
15218
|
|
|
14993
15219
|
// src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
|
|
14994
|
-
import { useCallback as useCallback25, useEffect as useEffect24, useMemo as
|
|
15220
|
+
import { useCallback as useCallback25, useEffect as useEffect24, useMemo as useMemo21, useRef as useRef10, useState as useState32 } from "react";
|
|
14995
15221
|
|
|
14996
15222
|
// src/hooks/useCountdown.tsx
|
|
14997
15223
|
import React131 from "react";
|
|
@@ -15003,8 +15229,8 @@ import { AnimatePresence as AnimatePresence3, motion as motion5 } from "motion/r
|
|
|
15003
15229
|
import React130, { useCallback as useCallback23, useEffect as useEffect23, useState as useState30 } from "react";
|
|
15004
15230
|
|
|
15005
15231
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
15006
|
-
var backgroundRing = "_1t0bc111
|
|
15007
|
-
var counterRing = "_1t0bc113
|
|
15232
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f1fx";
|
|
15233
|
+
var counterRing = "_1t0bc113 _1rsrm2f1e3";
|
|
15008
15234
|
|
|
15009
15235
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
15010
15236
|
var FunCountdown = ({
|
|
@@ -15258,7 +15484,7 @@ function useQuoteRefresh({
|
|
|
15258
15484
|
},
|
|
15259
15485
|
[isOnHold, restartCountdown, setCheckoutQuote, triggerAssetConfirm]
|
|
15260
15486
|
);
|
|
15261
|
-
const quoteError =
|
|
15487
|
+
const quoteError = useMemo21(() => {
|
|
15262
15488
|
if (quoteErrorMessage && !isQuoting) {
|
|
15263
15489
|
return {
|
|
15264
15490
|
message: quoteErrorMessage,
|
|
@@ -15394,7 +15620,7 @@ function ConfirmationStep({
|
|
|
15394
15620
|
refreshIntervalSeconds: directExecutionType === DirectExecutionType3.RELAY ? RELAY_ESTIMATE_REFRESH_INTERVAL_SEC : DEFAULT_ESTIMATE_REFRESH_INTERVAL_SEC
|
|
15395
15621
|
})
|
|
15396
15622
|
);
|
|
15397
|
-
const error =
|
|
15623
|
+
const error = useMemo22(() => {
|
|
15398
15624
|
if (!isInitialQuoting && moonpayAmountCheck?.isInvalid) {
|
|
15399
15625
|
return {
|
|
15400
15626
|
message: moonpayAmountCheck.message,
|
|
@@ -15409,7 +15635,7 @@ function ConfirmationStep({
|
|
|
15409
15635
|
quoteError,
|
|
15410
15636
|
isInitialQuoting
|
|
15411
15637
|
]);
|
|
15412
|
-
const stepMessage =
|
|
15638
|
+
const stepMessage = useMemo22(() => {
|
|
15413
15639
|
if (initialQuoteStep) return initialQuoteStep;
|
|
15414
15640
|
if (postCheckoutStepMessage) return postCheckoutStepMessage;
|
|
15415
15641
|
if (confirmationStepMessage) return confirmationStepMessage;
|
|
@@ -15793,7 +16019,7 @@ import {
|
|
|
15793
16019
|
isTokenEquivalent as isTokenEquivalent6,
|
|
15794
16020
|
round as round3
|
|
15795
16021
|
} from "@funkit/utils";
|
|
15796
|
-
import React144, { useMemo as
|
|
16022
|
+
import React144, { useMemo as useMemo23 } from "react";
|
|
15797
16023
|
|
|
15798
16024
|
// src/components/YouPayYouReceive/YouPayYouReceive.tsx
|
|
15799
16025
|
import { isMobile as isMobile3 } from "@funkit/utils";
|
|
@@ -16373,7 +16599,7 @@ function InputAmountLoaded({
|
|
|
16373
16599
|
maxUsd: Number.parseFloat(maxCheckoutUsdString),
|
|
16374
16600
|
minUsd
|
|
16375
16601
|
});
|
|
16376
|
-
const error =
|
|
16602
|
+
const error = useMemo23(() => {
|
|
16377
16603
|
if (usdAvailableAmount === 0) {
|
|
16378
16604
|
return {
|
|
16379
16605
|
message: "Insufficient balance, please select another asset instead.",
|
|
@@ -16406,7 +16632,7 @@ function InputAmountLoaded({
|
|
|
16406
16632
|
}
|
|
16407
16633
|
}
|
|
16408
16634
|
}, [inputError, usdAvailableAmount]);
|
|
16409
|
-
const suggestion =
|
|
16635
|
+
const suggestion = useMemo23(() => {
|
|
16410
16636
|
if (!inputError) return void 0;
|
|
16411
16637
|
switch (inputError.type) {
|
|
16412
16638
|
case "aboveAvailable": {
|
|
@@ -16557,7 +16783,7 @@ function InputAmountLoaded({
|
|
|
16557
16783
|
|
|
16558
16784
|
// src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
|
|
16559
16785
|
import { formatCryptoAndStringify as formatCryptoAndStringify3 } from "@funkit/utils";
|
|
16560
|
-
import React145, { useMemo as
|
|
16786
|
+
import React145, { useMemo as useMemo24 } from "react";
|
|
16561
16787
|
function InputAmountLoading({
|
|
16562
16788
|
isCardCheckout,
|
|
16563
16789
|
modalState,
|
|
@@ -16570,7 +16796,7 @@ function InputAmountLoading({
|
|
|
16570
16796
|
const { unlinkBrokerage } = useFunkitMesh();
|
|
16571
16797
|
const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
|
|
16572
16798
|
const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
|
|
16573
|
-
const error =
|
|
16799
|
+
const error = useMemo24(() => {
|
|
16574
16800
|
if (sourceHoldingError) {
|
|
16575
16801
|
return {
|
|
16576
16802
|
message: /* @__PURE__ */ React145.createElement("div", null, "Unable to retrieve your account balance. Please try re-linking your account.", " ", paymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */ && /* @__PURE__ */ React145.createElement(
|
|
@@ -16656,25 +16882,65 @@ function InputAmountLoading({
|
|
|
16656
16882
|
|
|
16657
16883
|
// src/modals/CheckoutModal/InputAmount/useAssetPrice.ts
|
|
16658
16884
|
import { getAssetPriceInfo as getAssetPriceInfo3 } from "@funkit/api-base";
|
|
16659
|
-
import {
|
|
16885
|
+
import { KATANA_CHAIN_ID as KATANA_CHAIN_ID2 } from "@funkit/chains";
|
|
16886
|
+
import {
|
|
16887
|
+
convertFunToRelayTokenAddress,
|
|
16888
|
+
getRelayAssetPriceInfo
|
|
16889
|
+
} from "@funkit/fun-relay";
|
|
16890
|
+
import { skipToken, useQuery as useQuery10 } from "@tanstack/react-query";
|
|
16891
|
+
async function getFormattedRelayAssetPriceInfo({
|
|
16892
|
+
chainId,
|
|
16893
|
+
assetTokenAddress
|
|
16894
|
+
}) {
|
|
16895
|
+
try {
|
|
16896
|
+
const relayResponse = await getRelayAssetPriceInfo({
|
|
16897
|
+
chainId,
|
|
16898
|
+
address: convertFunToRelayTokenAddress(assetTokenAddress)
|
|
16899
|
+
});
|
|
16900
|
+
return {
|
|
16901
|
+
unitPrice: relayResponse.price,
|
|
16902
|
+
amount: 1,
|
|
16903
|
+
total: 1
|
|
16904
|
+
};
|
|
16905
|
+
} catch (error) {
|
|
16906
|
+
logger.error("Unable to fetch token price from Relay", error);
|
|
16907
|
+
throw error;
|
|
16908
|
+
}
|
|
16909
|
+
}
|
|
16910
|
+
var RELAY_SHORT_CIRCUIT_CHAIN_IDS = [KATANA_CHAIN_ID2.toString()];
|
|
16660
16911
|
function useAssetPrice({
|
|
16661
16912
|
chainId,
|
|
16662
16913
|
assetTokenAddress
|
|
16663
16914
|
}) {
|
|
16664
16915
|
const { apiKey } = useFunkitConfig();
|
|
16665
|
-
const { data, error, isLoading } =
|
|
16916
|
+
const { data, error, isLoading } = useQuery10({
|
|
16666
16917
|
queryKey: ["getAssetPriceInfo", chainId, assetTokenAddress],
|
|
16667
16918
|
queryFn: chainId && assetTokenAddress ? async () => {
|
|
16919
|
+
const isRelayPrimary = RELAY_SHORT_CIRCUIT_CHAIN_IDS.includes(chainId);
|
|
16668
16920
|
try {
|
|
16669
|
-
return await
|
|
16921
|
+
return isRelayPrimary ? await getFormattedRelayAssetPriceInfo({
|
|
16922
|
+
chainId,
|
|
16923
|
+
assetTokenAddress
|
|
16924
|
+
}) : await getAssetPriceInfo3({
|
|
16670
16925
|
apiKey,
|
|
16671
16926
|
assetTokenAddress,
|
|
16672
16927
|
chainId,
|
|
16673
16928
|
logger
|
|
16674
16929
|
});
|
|
16675
|
-
} catch (
|
|
16676
|
-
logger.
|
|
16677
|
-
|
|
16930
|
+
} catch (primaryError) {
|
|
16931
|
+
logger.warn(
|
|
16932
|
+
"Unable to fetch token price from Primary provider, trying fallback",
|
|
16933
|
+
{ isRelayPrimary, primaryError }
|
|
16934
|
+
);
|
|
16935
|
+
return isRelayPrimary ? await getAssetPriceInfo3({
|
|
16936
|
+
apiKey,
|
|
16937
|
+
assetTokenAddress,
|
|
16938
|
+
chainId,
|
|
16939
|
+
logger
|
|
16940
|
+
}) : await getFormattedRelayAssetPriceInfo({
|
|
16941
|
+
chainId,
|
|
16942
|
+
assetTokenAddress
|
|
16943
|
+
});
|
|
16678
16944
|
}
|
|
16679
16945
|
} : skipToken,
|
|
16680
16946
|
refetchInterval: 1e4
|
|
@@ -16687,7 +16953,7 @@ function useAssetPrice({
|
|
|
16687
16953
|
}
|
|
16688
16954
|
|
|
16689
16955
|
// src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
|
|
16690
|
-
import { useMemo as
|
|
16956
|
+
import { useMemo as useMemo25 } from "react";
|
|
16691
16957
|
function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
|
|
16692
16958
|
const {
|
|
16693
16959
|
data: meshAssetHoldings,
|
|
@@ -16705,7 +16971,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
|
|
|
16705
16971
|
["token_transfer" /* TOKEN_TRANSFER */]: null,
|
|
16706
16972
|
["virtual_bank" /* VIRTUAL_BANK */]: null
|
|
16707
16973
|
}[paymentMethodInfo.paymentMethod];
|
|
16708
|
-
const holdingItem =
|
|
16974
|
+
const holdingItem = useMemo25(() => {
|
|
16709
16975
|
if (!assetSymbol || !holdings) {
|
|
16710
16976
|
return;
|
|
16711
16977
|
}
|
|
@@ -17083,7 +17349,7 @@ import {
|
|
|
17083
17349
|
meshExecuteTransferProxy
|
|
17084
17350
|
} from "@funkit/api-base";
|
|
17085
17351
|
import { ClientError as ClientError4, FlagKey as FlagKey20, formatAddress as formatAddress4 } from "@funkit/utils";
|
|
17086
|
-
import React161, { useMemo as
|
|
17352
|
+
import React161, { useMemo as useMemo26, useState as useState38 } from "react";
|
|
17087
17353
|
import { createPortal as createPortal8 } from "react-dom";
|
|
17088
17354
|
|
|
17089
17355
|
// src/components/CopyAddress/CopyAddressButton.tsx
|
|
@@ -17663,7 +17929,7 @@ function MeshVerification({
|
|
|
17663
17929
|
return () => setScreen(0 /* INITIAL */);
|
|
17664
17930
|
});
|
|
17665
17931
|
const brokerName = getExchangeName(brokerType);
|
|
17666
|
-
const verificationTitle =
|
|
17932
|
+
const verificationTitle = useMemo26(() => {
|
|
17667
17933
|
switch (executionStatus) {
|
|
17668
17934
|
case MeshExecuteTransferStatus.secondMfaRequired:
|
|
17669
17935
|
return `Additional ${brokerName} 2FA required`;
|
|
@@ -17690,7 +17956,7 @@ function MeshVerification({
|
|
|
17690
17956
|
executionContent?.verificationSteps?.length,
|
|
17691
17957
|
isSecond2fa
|
|
17692
17958
|
]);
|
|
17693
|
-
const verificationDescription =
|
|
17959
|
+
const verificationDescription = useMemo26(() => {
|
|
17694
17960
|
switch (executionStatus) {
|
|
17695
17961
|
case MeshExecuteTransferStatus.secondMfaRequired:
|
|
17696
17962
|
return `Please enable at least two 2FA methods on your ${brokerName} account. Once enabled, you will have to reconnect your account.`;
|
|
@@ -17835,7 +18101,7 @@ var VerificationPopup = ({
|
|
|
17835
18101
|
};
|
|
17836
18102
|
|
|
17837
18103
|
// src/modals/CheckoutModal/MoonpaySetup.tsx
|
|
17838
|
-
import React163, { useCallback as useCallback31, useMemo as
|
|
18104
|
+
import React163, { useCallback as useCallback31, useMemo as useMemo28, useState as useState40 } from "react";
|
|
17839
18105
|
|
|
17840
18106
|
// src/components/FunPayments/FunPaymentMoonpayType.css.ts
|
|
17841
18107
|
var mpClass = "_1kmpeyf0";
|
|
@@ -17844,7 +18110,7 @@ var stretchStyle = "_1kmpeyf1";
|
|
|
17844
18110
|
// src/components/FunPayments/FunPaymentMoonpayType.tsx
|
|
17845
18111
|
import { getMoonpayUrlSignature } from "@funkit/api-base";
|
|
17846
18112
|
import { colorToHex } from "@funkit/utils";
|
|
17847
|
-
import React162, { Fragment as Fragment2, useEffect as useEffect32, useMemo as
|
|
18113
|
+
import React162, { Fragment as Fragment2, useEffect as useEffect32, useMemo as useMemo27, useState as useState39 } from "react";
|
|
17848
18114
|
var LazyMoonPayBuyWidget = (props) => {
|
|
17849
18115
|
const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState39(null);
|
|
17850
18116
|
useEffect32(() => {
|
|
@@ -17875,7 +18141,7 @@ function FunPaymentMoonpayType({
|
|
|
17875
18141
|
const isSandboxMode = useIsFunkitSandboxMode();
|
|
17876
18142
|
const funkitConfig = useFunkitConfig();
|
|
17877
18143
|
const { userInfo } = useGeneralWallet();
|
|
17878
|
-
const currencyCode =
|
|
18144
|
+
const currencyCode = useMemo27(() => {
|
|
17879
18145
|
return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
|
|
17880
18146
|
}, [depositToken, depositTokenChainId]);
|
|
17881
18147
|
const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
|
|
@@ -17898,7 +18164,7 @@ function FunPaymentMoonpayType({
|
|
|
17898
18164
|
});
|
|
17899
18165
|
return signature || "";
|
|
17900
18166
|
};
|
|
17901
|
-
const moonpayButtonColor =
|
|
18167
|
+
const moonpayButtonColor = useMemo27(() => {
|
|
17902
18168
|
const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
|
|
17903
18169
|
if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
|
|
17904
18170
|
return void 0;
|
|
@@ -17953,7 +18219,7 @@ function MoonpaySetup({
|
|
|
17953
18219
|
depositAddress: paymentAddress
|
|
17954
18220
|
});
|
|
17955
18221
|
}, [onNext, paymentAddress]);
|
|
17956
|
-
const MoonpayWidget =
|
|
18222
|
+
const MoonpayWidget = useMemo28(() => {
|
|
17957
18223
|
return /* @__PURE__ */ React163.createElement(
|
|
17958
18224
|
FunPaymentMoonpayType,
|
|
17959
18225
|
{
|
|
@@ -17984,7 +18250,7 @@ function MoonpaySetup({
|
|
|
17984
18250
|
// src/modals/CheckoutModal/SelectAsset.tsx
|
|
17985
18251
|
import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
|
|
17986
18252
|
import { formatCurrencyAndStringify as formatCurrencyAndStringify6, isTokenEquivalent as isTokenEquivalent7 } from "@funkit/utils";
|
|
17987
|
-
import React176, { useEffect as useEffect34, useMemo as
|
|
18253
|
+
import React176, { useEffect as useEffect34, useMemo as useMemo30, useState as useState42 } from "react";
|
|
17988
18254
|
import { createPortal as createPortal9 } from "react-dom";
|
|
17989
18255
|
|
|
17990
18256
|
// src/components/Dropdown/ChainDropdown.tsx
|
|
@@ -17993,7 +18259,7 @@ import React171 from "react";
|
|
|
17993
18259
|
// src/components/Dropdown/BaseDropdown.tsx
|
|
17994
18260
|
import { isMobile as isMobile6, noop as noop6 } from "@funkit/utils";
|
|
17995
18261
|
import { AnimatePresence as AnimatePresence4, motion as motion6 } from "motion/react";
|
|
17996
|
-
import React169, { useCallback as useCallback32, useMemo as
|
|
18262
|
+
import React169, { useCallback as useCallback32, useMemo as useMemo29, useState as useState41 } from "react";
|
|
17997
18263
|
|
|
17998
18264
|
// src/components/FunNoResults/FunNoResults.tsx
|
|
17999
18265
|
import React165 from "react";
|
|
@@ -18159,7 +18425,7 @@ var baseStyles2 = "_1dewiqw0";
|
|
|
18159
18425
|
|
|
18160
18426
|
// src/components/Dropdown/BaseDropdown.css.ts
|
|
18161
18427
|
var BORDER_RADIUS = "dropdown";
|
|
18162
|
-
var baseDropdownItemWrapperStyles = "_1nns6ys1
|
|
18428
|
+
var baseDropdownItemWrapperStyles = "_1nns6ys1 _1rsrm2f17";
|
|
18163
18429
|
|
|
18164
18430
|
// src/components/Dropdown/BaseActiveDropdownItem.tsx
|
|
18165
18431
|
function BaseActiveDropdownItem({
|
|
@@ -18271,7 +18537,7 @@ function BaseDropdown({
|
|
|
18271
18537
|
const handleSearch = (event) => {
|
|
18272
18538
|
setSearchInput(event.target.value);
|
|
18273
18539
|
};
|
|
18274
|
-
const filteredOptions =
|
|
18540
|
+
const filteredOptions = useMemo29(
|
|
18275
18541
|
() => options.filter(
|
|
18276
18542
|
(singleOption) => singleOption.label.toLowerCase().includes(searchInput?.toLowerCase())
|
|
18277
18543
|
),
|
|
@@ -18480,8 +18746,7 @@ var DEFAULT_VALUE = "";
|
|
|
18480
18746
|
var ChainDropdown = ({
|
|
18481
18747
|
assets,
|
|
18482
18748
|
chainIds: chains,
|
|
18483
|
-
selectedChainId,
|
|
18484
|
-
selectedToken,
|
|
18749
|
+
selectedChainId: propSelectedChainId,
|
|
18485
18750
|
allowUnselect,
|
|
18486
18751
|
onChainSelected,
|
|
18487
18752
|
activeItemProps,
|
|
@@ -18490,15 +18755,26 @@ var ChainDropdown = ({
|
|
|
18490
18755
|
isLoading
|
|
18491
18756
|
}) => {
|
|
18492
18757
|
const chainIds = chains ?? Object.keys(assets).map(Number);
|
|
18493
|
-
const enabledChainIds = selectedToken ? chainIds.filter((chainId) => assets[chainId].includes(selectedToken)) : chainIds;
|
|
18494
18758
|
const options = allowUnselect ? [DEFAULT_VALUE, ...chainIds] : chainIds;
|
|
18495
|
-
const
|
|
18759
|
+
const [selectedChainId, setSelectedChainId] = React171.useState(propSelectedChainId);
|
|
18760
|
+
useIsomorphicLayoutEffect(() => {
|
|
18761
|
+
if (propSelectedChainId === void 0) {
|
|
18762
|
+
setSelectedChainId(void 0);
|
|
18763
|
+
return;
|
|
18764
|
+
}
|
|
18765
|
+
if (propSelectedChainId && propSelectedChainId !== selectedChainId) {
|
|
18766
|
+
handleOptionSelect(propSelectedChainId.toString(), false);
|
|
18767
|
+
}
|
|
18768
|
+
}, [propSelectedChainId, selectedChainId]);
|
|
18769
|
+
const handleOptionSelect = (value, autoUpdate = true) => {
|
|
18496
18770
|
if (!value) return onChainSelected(void 0);
|
|
18497
18771
|
const chainId = Number(value);
|
|
18498
18772
|
if (allowUnselect && chainId === selectedChainId) {
|
|
18499
|
-
|
|
18773
|
+
setSelectedChainId(void 0);
|
|
18774
|
+
onChainSelected(void 0, autoUpdate);
|
|
18500
18775
|
} else {
|
|
18501
|
-
|
|
18776
|
+
setSelectedChainId(chainId);
|
|
18777
|
+
onChainSelected(chainId, autoUpdate);
|
|
18502
18778
|
}
|
|
18503
18779
|
};
|
|
18504
18780
|
return /* @__PURE__ */ React171.createElement(
|
|
@@ -18531,7 +18807,6 @@ var ChainDropdown = ({
|
|
|
18531
18807
|
})),
|
|
18532
18808
|
renderDropdownOption: (option, isSelected) => {
|
|
18533
18809
|
const metadata = chainMetadataById[option.value];
|
|
18534
|
-
const isDisabled = option.value !== DEFAULT_VALUE && !enabledChainIds.includes(Number(option.value));
|
|
18535
18810
|
const dropdownItem = /* @__PURE__ */ React171.createElement(
|
|
18536
18811
|
BaseDropdownItem_default,
|
|
18537
18812
|
{
|
|
@@ -18549,19 +18824,10 @@ var ChainDropdown = ({
|
|
|
18549
18824
|
id: option.value,
|
|
18550
18825
|
onClick: handleOptionSelect,
|
|
18551
18826
|
label: option.label,
|
|
18552
|
-
isSelected
|
|
18553
|
-
isDisabled
|
|
18827
|
+
isSelected
|
|
18554
18828
|
}
|
|
18555
18829
|
);
|
|
18556
|
-
return
|
|
18557
|
-
FunTooltip,
|
|
18558
|
-
{
|
|
18559
|
-
tooltipPosition: "left",
|
|
18560
|
-
maxWidth: 132,
|
|
18561
|
-
content: "Chain isn't available for the selected token"
|
|
18562
|
-
},
|
|
18563
|
-
dropdownItem
|
|
18564
|
-
) : dropdownItem;
|
|
18830
|
+
return dropdownItem;
|
|
18565
18831
|
},
|
|
18566
18832
|
preloadIconUrls: chainIds.map((id) => chainMetadataById[id].iconUrl)
|
|
18567
18833
|
}
|
|
@@ -19392,7 +19658,7 @@ function useEnrichedAccountHoldings({
|
|
|
19392
19658
|
const { apiKey } = useFunkitConfig();
|
|
19393
19659
|
const { isAllowed, isLoading } = useAllowedAssets();
|
|
19394
19660
|
const { loginType, walletAddress } = useGeneralWallet();
|
|
19395
|
-
const enrichedAccountHoldings =
|
|
19661
|
+
const enrichedAccountHoldings = useMemo30(() => {
|
|
19396
19662
|
if (!checkoutConfig) return [];
|
|
19397
19663
|
return Object.values(accountHoldings).map((asset) => {
|
|
19398
19664
|
const usableForCheckout = isAssetUsableToPayForCheckout({
|
|
@@ -19431,7 +19697,7 @@ function useAssetOptions({
|
|
|
19431
19697
|
userSelectedTargetAsset,
|
|
19432
19698
|
chainId
|
|
19433
19699
|
}) {
|
|
19434
|
-
const assetOptions =
|
|
19700
|
+
const assetOptions = useMemo30(() => {
|
|
19435
19701
|
return enrichedAccountHoldings.filter(
|
|
19436
19702
|
({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
|
|
19437
19703
|
).map(({ asset, usableForCheckout }) => {
|
|
@@ -19439,7 +19705,12 @@ function useAssetOptions({
|
|
|
19439
19705
|
const isKnown = isKnownAsset2(asset);
|
|
19440
19706
|
const isDisabled = !isUsable || !isKnown;
|
|
19441
19707
|
const isDefault = defaultTokenSymbols.includes(asset.chainSymbolKey);
|
|
19442
|
-
const isUserSelected =
|
|
19708
|
+
const isUserSelected = isTokenEquivalent7({
|
|
19709
|
+
firstTokenChainId: asset.pickedChainId,
|
|
19710
|
+
firstTokenAddress: asset.tokenAddress,
|
|
19711
|
+
secondTokenChainId: userSelectedTargetAsset?.tokenChainId || "",
|
|
19712
|
+
secondTokenAddress: userSelectedTargetAsset?.tokenAddress || ""
|
|
19713
|
+
});
|
|
19443
19714
|
let badgeText = "";
|
|
19444
19715
|
if (!isUsable) {
|
|
19445
19716
|
badgeText = reason;
|
|
@@ -19484,13 +19755,13 @@ function MeshOrAccountSelectAsset({
|
|
|
19484
19755
|
const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState42("");
|
|
19485
19756
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
19486
19757
|
const candidates = checkoutConfig?.dynamicTargetAssetCandidates;
|
|
19487
|
-
const withTargetAssetSection = isVertexCustomer(apiKey) || isBsxCustomer(apiKey);
|
|
19758
|
+
const withTargetAssetSection = isVertexCustomer(apiKey) || isBsxCustomer(apiKey) || isKatanaCustomer(apiKey);
|
|
19488
19759
|
const isTargetAssetSelectable = withTargetAssetSection && candidates;
|
|
19489
19760
|
const defaultTargetAsset = isTargetAssetSelectable ? candidates.find(
|
|
19490
19761
|
(token) => token.tokenSymbol === checkoutConfig?.targetAssetTicker
|
|
19491
19762
|
) ?? candidates.find((token) => token.isDefault) ?? candidates[0] : void 0;
|
|
19492
19763
|
const [selectedTargetAsset, setSelectedTargetAsset] = useState42(defaultTargetAsset);
|
|
19493
|
-
const defaultTokenSymbols =
|
|
19764
|
+
const defaultTokenSymbols = useMemo30(() => {
|
|
19494
19765
|
if (!checkoutConfig) {
|
|
19495
19766
|
return [];
|
|
19496
19767
|
}
|
|
@@ -19553,7 +19824,7 @@ function MeshOrAccountSelectAsset({
|
|
|
19553
19824
|
handleTargetAssetUpdate(tokenItem);
|
|
19554
19825
|
onFinish();
|
|
19555
19826
|
});
|
|
19556
|
-
const selectedChainTokenSymbol =
|
|
19827
|
+
const selectedChainTokenSymbol = useMemo30(() => {
|
|
19557
19828
|
if (explicitlySelectedChainTokenSymbol) {
|
|
19558
19829
|
const assetExists = assetOptions.find(
|
|
19559
19830
|
({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
|
|
@@ -19985,6 +20256,8 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
19985
20256
|
const { apiKey, uiCustomizations } = useFunkitConfig();
|
|
19986
20257
|
const isTokenTransferEnabled = useFlag(FlagKey22.EnableTokenTransfer);
|
|
19987
20258
|
const isFiatEnabled = useFiatEnabled();
|
|
20259
|
+
const isCardFlagEnabled = useFlag(FlagKey22.EnableCard);
|
|
20260
|
+
const isBrokerageEnabled = useFlag(FlagKey22.EnableBrokerage);
|
|
19988
20261
|
const accountPaymentMethodInfo = createPaymentMethodInfo({
|
|
19989
20262
|
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
19990
20263
|
walletAddress
|
|
@@ -19998,10 +20271,10 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
19998
20271
|
const connected = [
|
|
19999
20272
|
paymentMethodInfo,
|
|
20000
20273
|
connectedAccountInfo,
|
|
20001
|
-
...activeConnections,
|
|
20274
|
+
...isBrokerageEnabled ? activeConnections : [],
|
|
20002
20275
|
virtualBankPaymentMethodInfo
|
|
20003
20276
|
].filter(isNotNullish9);
|
|
20004
|
-
const isCardEnabled = uiCustomizations?.paymentMethods?.isCardEnabled ?? true;
|
|
20277
|
+
const isCardEnabled = isCardFlagEnabled && (uiCustomizations?.paymentMethods?.isCardEnabled ?? true);
|
|
20005
20278
|
const ignoreFallback = isUserLoggedIn && !hasUsableBalance;
|
|
20006
20279
|
const fallback2 = connected.length === 0 && !ignoreFallback ? isTokenTransferEnabled ? ["token_transfer" /* TOKEN_TRANSFER */] : isCardEnabled ? ["card" /* CARD */] : isDydxCustomer(apiKey) ? [] : ["balance" /* ACCOUNT_BALANCE */] : [];
|
|
20007
20280
|
const isTokenInNewSources = !fallback2.includes("token_transfer" /* TOKEN_TRANSFER */) && isTokenTransferEnabled;
|
|
@@ -20009,7 +20282,7 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20009
20282
|
const isBankInNewSources = !matchingFiatAccount && isUserLoggedIn && isFiatEnabled;
|
|
20010
20283
|
const newSources = [
|
|
20011
20284
|
isTokenInNewSources && "token_transfer" /* TOKEN_TRANSFER */,
|
|
20012
|
-
"brokerage" /* BROKERAGE */,
|
|
20285
|
+
isBrokerageEnabled && "brokerage" /* BROKERAGE */,
|
|
20013
20286
|
isBankInNewSources && "virtual_bank" /* VIRTUAL_BANK */,
|
|
20014
20287
|
isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */,
|
|
20015
20288
|
!fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */
|
|
@@ -20021,7 +20294,11 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20021
20294
|
};
|
|
20022
20295
|
|
|
20023
20296
|
// src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
|
|
20024
|
-
import {
|
|
20297
|
+
import {
|
|
20298
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14,
|
|
20299
|
+
dydxChain as dydxChain3,
|
|
20300
|
+
katanaChain
|
|
20301
|
+
} from "@funkit/chains";
|
|
20025
20302
|
import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
|
|
20026
20303
|
import { useCallback as useCallback33, useState as useState44 } from "react";
|
|
20027
20304
|
import { mainnet as mainnet7, mantle, zkSync as zkSync2 } from "viem/chains";
|
|
@@ -20034,12 +20311,17 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
|
|
|
20034
20311
|
const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
|
|
20035
20312
|
const moonpayChainId = getMockedTargetChainId(
|
|
20036
20313
|
checkoutItem.initSettings.config,
|
|
20037
|
-
[
|
|
20314
|
+
[
|
|
20315
|
+
zkSync2.id.toString(),
|
|
20316
|
+
mantle.id.toString(),
|
|
20317
|
+
dydxChain3.id.toString(),
|
|
20318
|
+
katanaChain.id.toString()
|
|
20319
|
+
]
|
|
20038
20320
|
);
|
|
20039
20321
|
const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
|
|
20040
20322
|
const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
|
|
20041
20323
|
checkoutItem.initSettings.config.targetAsset
|
|
20042
|
-
) &&
|
|
20324
|
+
) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
|
|
20043
20325
|
let sourceTokenAddress;
|
|
20044
20326
|
let sourceTokenTicker;
|
|
20045
20327
|
let sourceTokenChainId;
|
|
@@ -20364,7 +20646,7 @@ function SourceChange({
|
|
|
20364
20646
|
);
|
|
20365
20647
|
}
|
|
20366
20648
|
const bottomSectionRef = useBottomSectionRef();
|
|
20367
|
-
return /* @__PURE__ */ React179.createElement(React179.Fragment, null, /* @__PURE__ */ React179.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), preferred.length > 0 && /* @__PURE__ */ React179.createElement(
|
|
20649
|
+
return /* @__PURE__ */ React179.createElement(React179.Fragment, null, /* @__PURE__ */ React179.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, preferred.map(renderSource), preferred.length > 0 && moreSources.length > 0 && /* @__PURE__ */ React179.createElement(
|
|
20368
20650
|
FunDivider,
|
|
20369
20651
|
{
|
|
20370
20652
|
label: "more",
|
|
@@ -20441,8 +20723,8 @@ var CheckCircleIcon = () => {
|
|
|
20441
20723
|
};
|
|
20442
20724
|
|
|
20443
20725
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
20444
|
-
var copyButton = "_1kbzei93
|
|
20445
|
-
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4
|
|
20726
|
+
var copyButton = "_1kbzei93 _1rsrm2fcw _1rsrm2fdn _1rsrm2fea _1rsrm2fc1 _1rsrm2fa _1rsrm2f4 _1rsrm2f41 _1rsrm2fg0 _1rsrm2f1j3 _1rsrm2f2a _1rsrm2fjr _1rsrm2fk4 _1rsrm2fm5";
|
|
20727
|
+
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1p _1rsrm2f10r _1rsrm2f1f _1rsrm2fu _1rsrm2f1b";
|
|
20446
20728
|
|
|
20447
20729
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
20448
20730
|
function CopyInputDisplayedAddress({
|
|
@@ -20471,7 +20753,7 @@ var useNewTokens = () => {
|
|
|
20471
20753
|
var TokenDropdown = ({
|
|
20472
20754
|
assets,
|
|
20473
20755
|
selectedChainId,
|
|
20474
|
-
|
|
20756
|
+
selectedToken,
|
|
20475
20757
|
onTokenSelected,
|
|
20476
20758
|
isLoading
|
|
20477
20759
|
}) => {
|
|
@@ -20479,26 +20761,26 @@ var TokenDropdown = ({
|
|
|
20479
20761
|
const allTokens = Array.from(
|
|
20480
20762
|
new Set(Object.values(assets).flat())
|
|
20481
20763
|
);
|
|
20482
|
-
const defaultToken =
|
|
20764
|
+
const defaultToken = selectedToken ?? enabledTokens[0];
|
|
20483
20765
|
const [isTouched, setIsTouched] = useState46(false);
|
|
20484
20766
|
const [selectedSymbol, setSelectedSymbol] = useState46(defaultToken);
|
|
20485
20767
|
const { newTokens, newSymbol } = useNewTokens();
|
|
20486
|
-
|
|
20768
|
+
useIsomorphicLayoutEffect(() => {
|
|
20769
|
+
if (selectedToken && selectedToken !== selectedSymbol && allTokens.includes(selectedToken)) {
|
|
20770
|
+
handleChangeSymbol(selectedToken, false);
|
|
20771
|
+
}
|
|
20772
|
+
}, [selectedToken, allTokens, selectedSymbol, enabledTokens]);
|
|
20773
|
+
const handleChangeSymbol = (symbol, autoUpdate = true) => {
|
|
20487
20774
|
setSelectedSymbol(symbol);
|
|
20488
20775
|
if (!enabledTokens.includes(symbol)) {
|
|
20489
20776
|
const matchingChainIdForToken = Object.entries(assets).find(
|
|
20490
20777
|
([, tokens]) => tokens.includes(symbol)
|
|
20491
20778
|
)?.[0];
|
|
20492
|
-
onTokenSelected(symbol, Number(matchingChainIdForToken));
|
|
20779
|
+
onTokenSelected(symbol, Number(matchingChainIdForToken), autoUpdate);
|
|
20493
20780
|
} else {
|
|
20494
|
-
onTokenSelected(symbol);
|
|
20781
|
+
onTokenSelected(symbol, void 0, autoUpdate);
|
|
20495
20782
|
}
|
|
20496
20783
|
};
|
|
20497
|
-
useIsomorphicLayoutEffect(() => {
|
|
20498
|
-
if (!enabledTokens.includes(selectedSymbol)) {
|
|
20499
|
-
handleChangeSymbol(enabledTokens[0]);
|
|
20500
|
-
}
|
|
20501
|
-
}, [selectedSymbol, enabledTokens]);
|
|
20502
20784
|
return /* @__PURE__ */ React182.createElement(
|
|
20503
20785
|
BaseDropdown_default,
|
|
20504
20786
|
{
|
|
@@ -20577,7 +20859,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React183.createElemen
|
|
|
20577
20859
|
|
|
20578
20860
|
// src/components/QRCode/QRCode.tsx
|
|
20579
20861
|
import QRCodeUtil from "qrcode";
|
|
20580
|
-
import React184, { useMemo as
|
|
20862
|
+
import React184, { useMemo as useMemo31 } from "react";
|
|
20581
20863
|
var generateMatrix = (value, errorCorrectionLevel) => {
|
|
20582
20864
|
const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
|
|
20583
20865
|
const sqrt = Math.sqrt(data.length);
|
|
@@ -20605,7 +20887,7 @@ function QRCode({
|
|
|
20605
20887
|
}) {
|
|
20606
20888
|
const { activeTheme } = useActiveTheme();
|
|
20607
20889
|
const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
|
|
20608
|
-
const dots =
|
|
20890
|
+
const dots = useMemo31(() => {
|
|
20609
20891
|
const dots2 = [];
|
|
20610
20892
|
const matrix = generateMatrix(uri, ecl);
|
|
20611
20893
|
const cellSize = size / matrix.length;
|
|
@@ -20848,7 +21130,7 @@ import { motion as motion7, useAnimationControls as useAnimationControls2 } from
|
|
|
20848
21130
|
import React190, { useState as useState47 } from "react";
|
|
20849
21131
|
|
|
20850
21132
|
// src/components/FunFeatureList/FunFeatureList.css.ts
|
|
20851
|
-
var detailsButton = "_1045qr71
|
|
21133
|
+
var detailsButton = "_1045qr71 _1rsrm2fcw _1rsrm2fdn _1rsrm2fea _1rsrm2fc1 _1rsrm2fg0 _1rsrm2fa _1rsrm2f4 _1rsrm2f42 _1rsrm2fu";
|
|
20852
21134
|
|
|
20853
21135
|
// src/components/FunFeatureList/FunFeatureListItem.tsx
|
|
20854
21136
|
import React189 from "react";
|
|
@@ -20909,8 +21191,11 @@ var FunFeatureListItem = ({
|
|
|
20909
21191
|
gap: "6"
|
|
20910
21192
|
}
|
|
20911
21193
|
},
|
|
20912
|
-
isMultiline ? /* @__PURE__ */ React189.createElement(Box, { display: "flex" }, /* @__PURE__ */ React189.createElement(Text, { size: "12", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React189.createElement(Text, { size: "12"
|
|
20913
|
-
isMultiline ? /* @__PURE__ */ React189.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) =>
|
|
21194
|
+
isMultiline ? /* @__PURE__ */ React189.createElement(Box, { display: "flex" }, /* @__PURE__ */ React189.createElement(Text, { size: "12", weight: "medium" }, text), tooltip && TooltipWrapperElement) : /* @__PURE__ */ React189.createElement(Text, { size: "12" }, text, /* @__PURE__ */ React189.createElement(React189.Fragment, null, "\xA0")),
|
|
21195
|
+
isMultiline ? /* @__PURE__ */ React189.createElement(Box, { display: "flex", flexDirection: "column", gap: "6" }, value.map((v, index) => (
|
|
21196
|
+
// biome-ignore lint/suspicious/noArrayIndexKey: this is completely fine
|
|
21197
|
+
/* @__PURE__ */ React189.createElement(Text, { size: "12", display: "inline", key: index }, v)
|
|
21198
|
+
))) : /* @__PURE__ */ React189.createElement(Text, { size: "12", weight: "medium", display: "inline" }, valueLabel),
|
|
20914
21199
|
!isMultiline && tooltip && TooltipWrapperElement
|
|
20915
21200
|
)
|
|
20916
21201
|
);
|
|
@@ -20922,6 +21207,7 @@ var FunFeatureList = ({
|
|
|
20922
21207
|
isExpandable = false,
|
|
20923
21208
|
disabled = false,
|
|
20924
21209
|
withBackgroundContainer = true,
|
|
21210
|
+
withBackgroundItem = false,
|
|
20925
21211
|
gapBetweenItems = "6"
|
|
20926
21212
|
}) => {
|
|
20927
21213
|
const [isExpanded, setIsExpanded] = useState47(false);
|
|
@@ -21009,7 +21295,19 @@ var FunFeatureList = ({
|
|
|
21009
21295
|
paddingY: "8"
|
|
21010
21296
|
}
|
|
21011
21297
|
},
|
|
21012
|
-
items.map((item, index) => /* @__PURE__ */ React190.createElement(
|
|
21298
|
+
items.map((item, index) => /* @__PURE__ */ React190.createElement(
|
|
21299
|
+
Box,
|
|
21300
|
+
{
|
|
21301
|
+
key: index,
|
|
21302
|
+
...withBackgroundItem && {
|
|
21303
|
+
paddingX: "12",
|
|
21304
|
+
paddingY: "8",
|
|
21305
|
+
borderRadius: "connectButton",
|
|
21306
|
+
background: "offBackground"
|
|
21307
|
+
}
|
|
21308
|
+
},
|
|
21309
|
+
/* @__PURE__ */ React190.createElement(FunFeatureListItem, { ...item })
|
|
21310
|
+
))
|
|
21013
21311
|
)
|
|
21014
21312
|
);
|
|
21015
21313
|
};
|
|
@@ -21282,10 +21580,10 @@ function TransferToken({
|
|
|
21282
21580
|
TokenDropdown,
|
|
21283
21581
|
{
|
|
21284
21582
|
isLoading: isLoadingDepositAddress,
|
|
21285
|
-
|
|
21583
|
+
selectedToken,
|
|
21286
21584
|
selectedChainId,
|
|
21287
21585
|
assets: filteredAssets,
|
|
21288
|
-
onTokenSelected: (token, chainId) => {
|
|
21586
|
+
onTokenSelected: (token, chainId, autoUpdate) => {
|
|
21289
21587
|
logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeToken`, {
|
|
21290
21588
|
previousToken: selectedToken,
|
|
21291
21589
|
newToken: token,
|
|
@@ -21301,16 +21599,30 @@ function TransferToken({
|
|
|
21301
21599
|
if (chainId !== void 0 && chainId !== selectedChainId) {
|
|
21302
21600
|
setSelectedChainId(chainId);
|
|
21303
21601
|
}
|
|
21602
|
+
if (autoUpdate) {
|
|
21603
|
+
const isSupportedOnDefaultChain = filteredAssets[defaultChainId]?.includes(token);
|
|
21604
|
+
if (isSupportedOnDefaultChain) {
|
|
21605
|
+
setSelectedChainId(defaultChainId);
|
|
21606
|
+
} else {
|
|
21607
|
+
const matchingDefaultChainId = Object.keys(
|
|
21608
|
+
filteredAssets
|
|
21609
|
+
).find(
|
|
21610
|
+
(chainId2) => filteredAssets[Number(chainId2)]?.includes(token)
|
|
21611
|
+
);
|
|
21612
|
+
if (matchingDefaultChainId) {
|
|
21613
|
+
setSelectedChainId(Number(matchingDefaultChainId));
|
|
21614
|
+
}
|
|
21615
|
+
}
|
|
21616
|
+
}
|
|
21304
21617
|
}
|
|
21305
21618
|
}
|
|
21306
21619
|
)), /* @__PURE__ */ React193.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React193.createElement(Text, { size: "12", weight: "medium" }, "Supported chain"), /* @__PURE__ */ React193.createElement(
|
|
21307
21620
|
ChainDropdown,
|
|
21308
21621
|
{
|
|
21309
21622
|
isLoading: isLoadingDepositAddress,
|
|
21310
|
-
selectedToken,
|
|
21311
21623
|
selectedChainId,
|
|
21312
21624
|
assets: filteredAssets,
|
|
21313
|
-
onChainSelected: (chainId) => {
|
|
21625
|
+
onChainSelected: (chainId, autoUpdate) => {
|
|
21314
21626
|
if (chainId === void 0) return;
|
|
21315
21627
|
logger.log(`${TRANSFER_TOKEN_LOG_PREFIX}_changeChain`, {
|
|
21316
21628
|
previousChainId: selectedChainId,
|
|
@@ -21319,6 +21631,12 @@ function TransferToken({
|
|
|
21319
21631
|
depositAddress
|
|
21320
21632
|
});
|
|
21321
21633
|
setSelectedChainId(chainId);
|
|
21634
|
+
if (autoUpdate) {
|
|
21635
|
+
const matchingDefaultToken = filteredAssets[chainId][0];
|
|
21636
|
+
if (matchingDefaultToken && matchingDefaultToken !== selectedToken) {
|
|
21637
|
+
setSelectedToken(matchingDefaultToken);
|
|
21638
|
+
}
|
|
21639
|
+
}
|
|
21322
21640
|
}
|
|
21323
21641
|
}
|
|
21324
21642
|
))),
|
|
@@ -21481,7 +21799,7 @@ var Tabs = ({ tabs: tabs3, activeTab, onTabChange }) => {
|
|
|
21481
21799
|
{
|
|
21482
21800
|
display: "flex",
|
|
21483
21801
|
background: "offBackground",
|
|
21484
|
-
borderRadius: "
|
|
21802
|
+
borderRadius: "actionButton",
|
|
21485
21803
|
gap: "2",
|
|
21486
21804
|
padding: "2"
|
|
21487
21805
|
},
|
|
@@ -21494,7 +21812,7 @@ var Tabs = ({ tabs: tabs3, activeTab, onTabChange }) => {
|
|
|
21494
21812
|
background: activeTab === tab.value ? "modalBackground" : "offBackground",
|
|
21495
21813
|
paddingX: "12",
|
|
21496
21814
|
paddingY: "6",
|
|
21497
|
-
borderRadius: "
|
|
21815
|
+
borderRadius: "actionButtonInner",
|
|
21498
21816
|
onClick: () => onTabChange(tab.value),
|
|
21499
21817
|
style: { flex: 1, textAlign: "center" },
|
|
21500
21818
|
color: activeTab === tab.value ? "primaryText" : {
|
|
@@ -21527,140 +21845,150 @@ var AccountDetailsScreen = ({
|
|
|
21527
21845
|
setDetailsExpanded((prev) => !prev);
|
|
21528
21846
|
};
|
|
21529
21847
|
const { source_deposit_instructions: sourceDeposit } = matchingFiatAccount;
|
|
21530
|
-
return /* @__PURE__ */ React196.createElement(
|
|
21531
|
-
SourcePaymentMethodItem,
|
|
21532
|
-
{
|
|
21533
|
-
onClick: () => onNext({}),
|
|
21534
|
-
type: "virtual_bank" /* VIRTUAL_BANK */,
|
|
21535
|
-
keyText: label.text,
|
|
21536
|
-
keyIcon: label.icon
|
|
21537
|
-
}
|
|
21538
|
-
), /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "18" }, /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React196.createElement(Text, null, "Your virtual fiat account details"), /* @__PURE__ */ React196.createElement(Text, { size: "12" }, "Use these details to transfer EUR. Funds arrive in 1\u20132 days to your", " ", appName, " account.")), /* @__PURE__ */ React196.createElement(
|
|
21539
|
-
Tabs,
|
|
21540
|
-
{
|
|
21541
|
-
tabs,
|
|
21542
|
-
activeTab,
|
|
21543
|
-
onTabChange: (tab) => setActiveTab(tab)
|
|
21544
|
-
}
|
|
21545
|
-
), activeTab === "details" ? /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, sourceDeposit.bank_account_number ? /* @__PURE__ */ React196.createElement(
|
|
21546
|
-
FunInputButton,
|
|
21547
|
-
{
|
|
21548
|
-
label: "Account number",
|
|
21549
|
-
text: sourceDeposit.bank_account_number
|
|
21550
|
-
}
|
|
21551
|
-
) : null, sourceDeposit.bank_routing_number ? /* @__PURE__ */ React196.createElement(
|
|
21552
|
-
FunInputButton,
|
|
21553
|
-
{
|
|
21554
|
-
label: "Routing number",
|
|
21555
|
-
text: sourceDeposit.bank_routing_number
|
|
21556
|
-
}
|
|
21557
|
-
) : null, sourceDeposit.iban ? /* @__PURE__ */ React196.createElement(FunInputButton, { label: "IBAN", text: sourceDeposit.iban }) : null, sourceDeposit.bic ? /* @__PURE__ */ React196.createElement(FunInputButton, { label: "SWIFT / BIC", text: sourceDeposit.bic }) : null, sourceDeposit.account_holder_name ? /* @__PURE__ */ React196.createElement(
|
|
21558
|
-
FunInputButton,
|
|
21559
|
-
{
|
|
21560
|
-
label: "Account holder name",
|
|
21561
|
-
text: sourceDeposit.account_holder_name
|
|
21562
|
-
}
|
|
21563
|
-
) : null, sourceDeposit.bank_beneficiary_name ? /* @__PURE__ */ React196.createElement(
|
|
21564
|
-
FunInputButton,
|
|
21565
|
-
{
|
|
21566
|
-
label: "Beneficiary name",
|
|
21567
|
-
text: sourceDeposit.bank_beneficiary_name
|
|
21568
|
-
}
|
|
21569
|
-
) : null, detailsExpanded && /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(
|
|
21570
|
-
FunInputButton,
|
|
21571
|
-
{
|
|
21572
|
-
label: "Bank name",
|
|
21573
|
-
text: sourceDeposit.bank_name
|
|
21574
|
-
}
|
|
21575
|
-
), /* @__PURE__ */ React196.createElement(
|
|
21576
|
-
FunInputButton,
|
|
21577
|
-
{
|
|
21578
|
-
label: "Bank address",
|
|
21579
|
-
text: sourceDeposit.bank_address
|
|
21580
|
-
}
|
|
21581
|
-
), /* @__PURE__ */ React196.createElement(
|
|
21582
|
-
FunInputButton,
|
|
21583
|
-
{
|
|
21584
|
-
label: "Currency",
|
|
21585
|
-
text: String(sourceDeposit.currency).toUpperCase(),
|
|
21586
|
-
isCopyable: false
|
|
21587
|
-
}
|
|
21588
|
-
)), /* @__PURE__ */ React196.createElement(
|
|
21848
|
+
return /* @__PURE__ */ React196.createElement(
|
|
21589
21849
|
Box,
|
|
21590
21850
|
{
|
|
21591
|
-
|
|
21592
|
-
as: "button",
|
|
21851
|
+
id: "fiat-detail-page",
|
|
21593
21852
|
display: "flex",
|
|
21594
|
-
|
|
21595
|
-
|
|
21596
|
-
justifyContent: "center",
|
|
21597
|
-
paddingY: "8",
|
|
21598
|
-
paddingX: "24",
|
|
21599
|
-
onClick: handleToggleDetails,
|
|
21600
|
-
borderRadius: "connectButton",
|
|
21601
|
-
borderStyle: "solid",
|
|
21602
|
-
borderWidth: "1",
|
|
21603
|
-
borderColor: {
|
|
21604
|
-
base: "mediumStroke",
|
|
21605
|
-
hover: "heavyStroke"
|
|
21606
|
-
}
|
|
21853
|
+
flexDirection: "column",
|
|
21854
|
+
gap: "16"
|
|
21607
21855
|
},
|
|
21608
|
-
/* @__PURE__ */ React196.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
|
|
21609
21856
|
/* @__PURE__ */ React196.createElement(
|
|
21857
|
+
SourcePaymentMethodItem,
|
|
21858
|
+
{
|
|
21859
|
+
onClick: () => onNext({}),
|
|
21860
|
+
type: "virtual_bank" /* VIRTUAL_BANK */,
|
|
21861
|
+
keyText: label.text,
|
|
21862
|
+
keyIcon: label.icon
|
|
21863
|
+
}
|
|
21864
|
+
),
|
|
21865
|
+
/* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, /* @__PURE__ */ React196.createElement(Text, null, "Your virtual fiat account details"), /* @__PURE__ */ React196.createElement(Text, { size: "12" }, "Use these details to transfer EUR. Funds arrive in 1\u20132 days to your ", appName, " account.")), /* @__PURE__ */ React196.createElement(
|
|
21866
|
+
Tabs,
|
|
21867
|
+
{
|
|
21868
|
+
tabs,
|
|
21869
|
+
activeTab,
|
|
21870
|
+
onTabChange: (tab) => setActiveTab(tab)
|
|
21871
|
+
}
|
|
21872
|
+
)), activeTab === "details" ? /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, sourceDeposit.bank_account_number ? /* @__PURE__ */ React196.createElement(
|
|
21873
|
+
FunInputButton,
|
|
21874
|
+
{
|
|
21875
|
+
label: "Account number",
|
|
21876
|
+
text: sourceDeposit.bank_account_number
|
|
21877
|
+
}
|
|
21878
|
+
) : null, sourceDeposit.bank_routing_number ? /* @__PURE__ */ React196.createElement(
|
|
21879
|
+
FunInputButton,
|
|
21880
|
+
{
|
|
21881
|
+
label: "Routing number",
|
|
21882
|
+
text: sourceDeposit.bank_routing_number
|
|
21883
|
+
}
|
|
21884
|
+
) : null, sourceDeposit.iban ? /* @__PURE__ */ React196.createElement(FunInputButton, { label: "IBAN", text: sourceDeposit.iban }) : null, sourceDeposit.bic ? /* @__PURE__ */ React196.createElement(FunInputButton, { label: "SWIFT / BIC", text: sourceDeposit.bic }) : null, sourceDeposit.account_holder_name ? /* @__PURE__ */ React196.createElement(
|
|
21885
|
+
FunInputButton,
|
|
21886
|
+
{
|
|
21887
|
+
label: "Account holder name",
|
|
21888
|
+
text: sourceDeposit.account_holder_name
|
|
21889
|
+
}
|
|
21890
|
+
) : null, sourceDeposit.bank_beneficiary_name ? /* @__PURE__ */ React196.createElement(
|
|
21891
|
+
FunInputButton,
|
|
21892
|
+
{
|
|
21893
|
+
label: "Beneficiary name",
|
|
21894
|
+
text: sourceDeposit.bank_beneficiary_name
|
|
21895
|
+
}
|
|
21896
|
+
) : null, detailsExpanded && /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(
|
|
21897
|
+
FunInputButton,
|
|
21898
|
+
{
|
|
21899
|
+
label: "Bank name",
|
|
21900
|
+
text: sourceDeposit.bank_name
|
|
21901
|
+
}
|
|
21902
|
+
), /* @__PURE__ */ React196.createElement(
|
|
21903
|
+
FunInputButton,
|
|
21904
|
+
{
|
|
21905
|
+
label: "Bank address",
|
|
21906
|
+
text: sourceDeposit.bank_address
|
|
21907
|
+
}
|
|
21908
|
+
), /* @__PURE__ */ React196.createElement(
|
|
21909
|
+
FunInputButton,
|
|
21910
|
+
{
|
|
21911
|
+
label: "Currency",
|
|
21912
|
+
text: String(sourceDeposit.currency).toUpperCase(),
|
|
21913
|
+
isCopyable: false
|
|
21914
|
+
}
|
|
21915
|
+
)), /* @__PURE__ */ React196.createElement(
|
|
21610
21916
|
Box,
|
|
21611
21917
|
{
|
|
21612
|
-
width: "
|
|
21613
|
-
|
|
21918
|
+
width: "full",
|
|
21919
|
+
as: "button",
|
|
21614
21920
|
display: "flex",
|
|
21921
|
+
gap: "4",
|
|
21615
21922
|
alignItems: "center",
|
|
21616
|
-
justifyContent: "center"
|
|
21923
|
+
justifyContent: "center",
|
|
21924
|
+
paddingY: "8",
|
|
21925
|
+
paddingX: "24",
|
|
21926
|
+
onClick: handleToggleDetails,
|
|
21927
|
+
borderRadius: "connectButton",
|
|
21928
|
+
borderStyle: "solid",
|
|
21929
|
+
borderWidth: "1",
|
|
21930
|
+
borderColor: {
|
|
21931
|
+
base: "mediumStroke",
|
|
21932
|
+
hover: "heavyStroke"
|
|
21933
|
+
}
|
|
21617
21934
|
},
|
|
21935
|
+
/* @__PURE__ */ React196.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
|
|
21618
21936
|
/* @__PURE__ */ React196.createElement(
|
|
21619
21937
|
Box,
|
|
21620
21938
|
{
|
|
21621
|
-
|
|
21622
|
-
|
|
21623
|
-
height: "8",
|
|
21939
|
+
width: "16",
|
|
21940
|
+
height: "16",
|
|
21624
21941
|
display: "flex",
|
|
21625
21942
|
alignItems: "center",
|
|
21626
|
-
justifyContent: "center"
|
|
21627
|
-
style: detailsExpanded ? { transform: "rotate(180deg)" } : void 0
|
|
21943
|
+
justifyContent: "center"
|
|
21628
21944
|
},
|
|
21629
|
-
/* @__PURE__ */ React196.createElement(
|
|
21945
|
+
/* @__PURE__ */ React196.createElement(
|
|
21946
|
+
Box,
|
|
21947
|
+
{
|
|
21948
|
+
color: "secondaryText",
|
|
21949
|
+
width: "8",
|
|
21950
|
+
height: "8",
|
|
21951
|
+
display: "flex",
|
|
21952
|
+
alignItems: "center",
|
|
21953
|
+
justifyContent: "center",
|
|
21954
|
+
style: detailsExpanded ? { transform: "rotate(180deg)" } : void 0
|
|
21955
|
+
},
|
|
21956
|
+
/* @__PURE__ */ React196.createElement(CaretDownIcon, null)
|
|
21957
|
+
)
|
|
21630
21958
|
)
|
|
21631
|
-
)
|
|
21632
|
-
|
|
21633
|
-
|
|
21634
|
-
|
|
21635
|
-
|
|
21636
|
-
|
|
21637
|
-
|
|
21638
|
-
|
|
21639
|
-
|
|
21640
|
-
|
|
21641
|
-
|
|
21642
|
-
|
|
21643
|
-
|
|
21644
|
-
|
|
21645
|
-
|
|
21646
|
-
|
|
21647
|
-
|
|
21648
|
-
|
|
21649
|
-
|
|
21650
|
-
|
|
21651
|
-
|
|
21652
|
-
|
|
21653
|
-
|
|
21654
|
-
|
|
21655
|
-
|
|
21656
|
-
|
|
21657
|
-
|
|
21658
|
-
|
|
21659
|
-
|
|
21660
|
-
|
|
21661
|
-
|
|
21662
|
-
|
|
21663
|
-
)
|
|
21959
|
+
)) : /* @__PURE__ */ React196.createElement(
|
|
21960
|
+
FunFeatureList,
|
|
21961
|
+
{
|
|
21962
|
+
gapBetweenItems: "8",
|
|
21963
|
+
withBackgroundContainer: false,
|
|
21964
|
+
withBackgroundItem: true,
|
|
21965
|
+
items: [
|
|
21966
|
+
{
|
|
21967
|
+
text: "Fees",
|
|
21968
|
+
value: [
|
|
21969
|
+
"Processing fee: 0.50 - 1.00%",
|
|
21970
|
+
"Gas fee: < $5.00",
|
|
21971
|
+
"Banks fees may also apply"
|
|
21972
|
+
],
|
|
21973
|
+
icon: /* @__PURE__ */ React196.createElement(DollarIcon, null)
|
|
21974
|
+
},
|
|
21975
|
+
{
|
|
21976
|
+
text: "Limits",
|
|
21977
|
+
value: [
|
|
21978
|
+
"Minimum amount: 25 EUR",
|
|
21979
|
+
"Maximum amount: 20,000,000 EUR"
|
|
21980
|
+
],
|
|
21981
|
+
icon: /* @__PURE__ */ React196.createElement(DollarIcon, null)
|
|
21982
|
+
},
|
|
21983
|
+
{
|
|
21984
|
+
text: "Processing time",
|
|
21985
|
+
value: [FIAT_PROCESSING_TIME],
|
|
21986
|
+
icon: /* @__PURE__ */ React196.createElement(SpeedometerIcon, null)
|
|
21987
|
+
}
|
|
21988
|
+
]
|
|
21989
|
+
}
|
|
21990
|
+
))
|
|
21991
|
+
);
|
|
21664
21992
|
};
|
|
21665
21993
|
var FiatAccountDetail = {
|
|
21666
21994
|
Component: AccountDetailsScreen,
|
|
@@ -21678,7 +22006,7 @@ var FiatAccountDetail = {
|
|
|
21678
22006
|
|
|
21679
22007
|
// src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
|
|
21680
22008
|
import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
|
|
21681
|
-
import React197, { useCallback as useCallback34, useEffect as useEffect37, useMemo as
|
|
22009
|
+
import React197, { useCallback as useCallback34, useEffect as useEffect37, useMemo as useMemo32, useState as useState50 } from "react";
|
|
21682
22010
|
function useIframeListener(listeners) {
|
|
21683
22011
|
const handleMessage = useCallback34(
|
|
21684
22012
|
(event) => {
|
|
@@ -21731,7 +22059,7 @@ function KycIframe({
|
|
|
21731
22059
|
const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
|
|
21732
22060
|
const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
|
|
21733
22061
|
const [iframeLoading, setIframeLoading] = useState50(true);
|
|
21734
|
-
const listeners =
|
|
22062
|
+
const listeners = useMemo32(
|
|
21735
22063
|
() => ({
|
|
21736
22064
|
load: () => {
|
|
21737
22065
|
logger.info("KYC iframe loaded");
|
|
@@ -21972,7 +22300,8 @@ function useTitleConfig(checkoutItem, state) {
|
|
|
21972
22300
|
// src/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.tsx
|
|
21973
22301
|
var DEFAULT_HEIGHT = 525;
|
|
21974
22302
|
var mapHeightToCheckoutStep = {
|
|
21975
|
-
["transfer_token" /* TRANSFER_TOKEN */]: 825
|
|
22303
|
+
["transfer_token" /* TRANSFER_TOKEN */]: 825,
|
|
22304
|
+
["fiat_account_detail" /* FIAT_ACCOUNT_DETAIL */]: 825
|
|
21976
22305
|
};
|
|
21977
22306
|
function FunCheckoutModalHeightAnimationWrapper({
|
|
21978
22307
|
children,
|
|
@@ -22436,7 +22765,7 @@ function FunConnectOptions({
|
|
|
22436
22765
|
}
|
|
22437
22766
|
}
|
|
22438
22767
|
};
|
|
22439
|
-
const stepComponent =
|
|
22768
|
+
const stepComponent = useMemo33(() => {
|
|
22440
22769
|
switch (step) {
|
|
22441
22770
|
case 0 /* SIGNIN_PRIMARY */:
|
|
22442
22771
|
case 1 /* SIGNIN_SECONDARY */:
|
|
@@ -22545,7 +22874,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
|
|
|
22545
22874
|
function useEnabledSocialLogins() {
|
|
22546
22875
|
const funkitConfig = useFunkitConfig();
|
|
22547
22876
|
const { web2SocialLogins } = funkitConfig.loginConfig;
|
|
22548
|
-
const enabledSocialItems =
|
|
22877
|
+
const enabledSocialItems = useMemo34(() => {
|
|
22549
22878
|
return FULL_SOCIAL_LOGIN_OPTIONS.filter(
|
|
22550
22879
|
(oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
|
|
22551
22880
|
);
|
|
@@ -22574,7 +22903,7 @@ function FunSignInStep({
|
|
|
22574
22903
|
handleOauthRedirect,
|
|
22575
22904
|
handleGenerateFcUri
|
|
22576
22905
|
} = useFunkitWeb2Login();
|
|
22577
|
-
const isEmailInputValid =
|
|
22906
|
+
const isEmailInputValid = useMemo34(() => {
|
|
22578
22907
|
return validateEmailString(emailInput);
|
|
22579
22908
|
}, [emailInput]);
|
|
22580
22909
|
const [emailError, setEmailError] = useState55();
|
|
@@ -23142,7 +23471,7 @@ var getTimestamp = (timestampMs) => formatTimestamp(new Date(timestampMs), {
|
|
|
23142
23471
|
// src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
|
|
23143
23472
|
import { formatSecondsToCountdownForm } from "@funkit/utils";
|
|
23144
23473
|
import { motion as motion10 } from "motion/react";
|
|
23145
|
-
import React213, { useMemo as
|
|
23474
|
+
import React213, { useMemo as useMemo35 } from "react";
|
|
23146
23475
|
|
|
23147
23476
|
// src/components/FunCheckoutHistory/FunCheckoutStatus.css.ts
|
|
23148
23477
|
var GradientLoadingBox = "_101aujm0";
|
|
@@ -23203,7 +23532,7 @@ function PendingCheckoutStatus({
|
|
|
23203
23532
|
checkoutItem.latestQuote?.finalTimeEstimationMs,
|
|
23204
23533
|
checkoutItem.selectedPaymentMethodInfo?.paymentMethod
|
|
23205
23534
|
);
|
|
23206
|
-
const estimatedRemainingSeconds =
|
|
23535
|
+
const estimatedRemainingSeconds = useMemo35(() => {
|
|
23207
23536
|
const startTimeMs = extractStartTimeMs(
|
|
23208
23537
|
checkoutItem.id,
|
|
23209
23538
|
activeCheckoutItem,
|
|
@@ -23327,7 +23656,7 @@ function FunCheckoutHistoryDetail({
|
|
|
23327
23656
|
includeGenerateActionsParams
|
|
23328
23657
|
]
|
|
23329
23658
|
);
|
|
23330
|
-
const buttonProps =
|
|
23659
|
+
const buttonProps = useMemo36(() => {
|
|
23331
23660
|
if (!isCheckoutLoaded) {
|
|
23332
23661
|
return { title: "", isDisabled: true, isLoading: true };
|
|
23333
23662
|
}
|
|
@@ -23409,7 +23738,7 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
|
|
|
23409
23738
|
|
|
23410
23739
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
|
|
23411
23740
|
import { sendSupportMessage } from "@funkit/api-base";
|
|
23412
|
-
import React217, { useEffect as useEffect42, useMemo as
|
|
23741
|
+
import React217, { useEffect as useEffect42, useMemo as useMemo37, useRef as useRef19, useState as useState58 } from "react";
|
|
23413
23742
|
import { createPortal as createPortal12 } from "react-dom";
|
|
23414
23743
|
|
|
23415
23744
|
// src/components/FunInput/FunTextAreaInput.tsx
|
|
@@ -23556,7 +23885,7 @@ function FunCheckoutHistoryHelp({
|
|
|
23556
23885
|
);
|
|
23557
23886
|
const [descriptionInput, setDescriptionInput] = useState58("");
|
|
23558
23887
|
const [errorMessage, setErrorMessage] = useState58();
|
|
23559
|
-
const isEmailInputValid =
|
|
23888
|
+
const isEmailInputValid = useMemo37(() => {
|
|
23560
23889
|
return validateEmailString(emailInput);
|
|
23561
23890
|
}, [emailInput]);
|
|
23562
23891
|
const [processStage, setProcessStage] = useState58(
|
|
@@ -23738,96 +24067,21 @@ function FunCheckoutHistoryHelp({
|
|
|
23738
24067
|
}
|
|
23739
24068
|
|
|
23740
24069
|
// src/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.tsx
|
|
23741
|
-
import { DirectExecutionType as
|
|
24070
|
+
import { DirectExecutionType as DirectExecutionType4 } from "@funkit/api-base";
|
|
23742
24071
|
import {
|
|
23743
24072
|
formatAddress as formatAddress7,
|
|
23744
24073
|
formatCryptoAndStringify as formatCryptoAndStringify5,
|
|
23745
24074
|
isTokenEquivalent as isTokenEquivalent8
|
|
23746
24075
|
} from "@funkit/utils";
|
|
23747
|
-
import React219, { useCallback as useCallback41, useMemo as
|
|
24076
|
+
import React219, { useCallback as useCallback41, useMemo as useMemo39 } from "react";
|
|
23748
24077
|
import { createPortal as createPortal13 } from "react-dom";
|
|
23749
24078
|
|
|
23750
|
-
// src/hooks/useCheckoutDirectExecutionHistory.ts
|
|
23751
|
-
import {
|
|
23752
|
-
CheckoutRefundState as CheckoutRefundState2,
|
|
23753
|
-
CheckoutState as CheckoutState3,
|
|
23754
|
-
DirectExecutionType as DirectExecutionType4
|
|
23755
|
-
} from "@funkit/api-base";
|
|
23756
|
-
import {
|
|
23757
|
-
getRelayExecutionRefundState,
|
|
23758
|
-
getRelayExecutionState
|
|
23759
|
-
} from "@funkit/fun-relay";
|
|
23760
|
-
|
|
23761
|
-
// src/hooks/useRelayExecutionInfo.ts
|
|
23762
|
-
import {
|
|
23763
|
-
getRelayExecutionInfo,
|
|
23764
|
-
isRelayExecutionTerminalStatus
|
|
23765
|
-
} from "@funkit/fun-relay";
|
|
23766
|
-
import { useQuery as useQuery9 } from "@tanstack/react-query";
|
|
23767
|
-
var RELAY_FETCH_INTERVAL = 2e3;
|
|
23768
|
-
var logPrefix = "useRelayExecutionInfo";
|
|
23769
|
-
function useRelayExecutionInfo({
|
|
23770
|
-
relayRequestId
|
|
23771
|
-
}) {
|
|
23772
|
-
const { data: relayExecutionInfo, isLoading: isLoadingRelayExecutionInfo } = useQuery9({
|
|
23773
|
-
queryKey: [logPrefix, relayRequestId],
|
|
23774
|
-
queryFn: async () => {
|
|
23775
|
-
try {
|
|
23776
|
-
const data = await getRelayExecutionInfo(relayRequestId);
|
|
23777
|
-
logger.log(`${logPrefix}:response`, data);
|
|
23778
|
-
return data;
|
|
23779
|
-
} catch (error) {
|
|
23780
|
-
logger.error(`${logPrefix}:error`, error);
|
|
23781
|
-
throw error;
|
|
23782
|
-
}
|
|
23783
|
-
},
|
|
23784
|
-
refetchOnWindowFocus: false,
|
|
23785
|
-
refetchInterval: (query) => {
|
|
23786
|
-
const latestData = query.state.data;
|
|
23787
|
-
return latestData && isRelayExecutionTerminalStatus(latestData) ? 0 : RELAY_FETCH_INTERVAL;
|
|
23788
|
-
},
|
|
23789
|
-
enabled: !!relayRequestId
|
|
23790
|
-
});
|
|
23791
|
-
return {
|
|
23792
|
-
relayExecutionInfo,
|
|
23793
|
-
isLoadingRelayExecutionInfo
|
|
23794
|
-
};
|
|
23795
|
-
}
|
|
23796
|
-
|
|
23797
|
-
// src/hooks/useCheckoutDirectExecutionHistory.ts
|
|
23798
|
-
function useCheckoutDirectExecutionHistory({
|
|
23799
|
-
directExecution
|
|
23800
|
-
}) {
|
|
23801
|
-
const type = directExecution?.type;
|
|
23802
|
-
const quoteId = directExecution?.clientMetadata.latestQuote?.baseQuote.quoteId;
|
|
23803
|
-
const { relayExecutionInfo } = useRelayExecutionInfo({
|
|
23804
|
-
relayRequestId: type === DirectExecutionType4.RELAY ? quoteId : void 0
|
|
23805
|
-
});
|
|
23806
|
-
const state = relayExecutionInfo && type === DirectExecutionType4.RELAY ? (
|
|
23807
|
-
// For RELAY type executions, map the relay status to CheckoutState
|
|
23808
|
-
getRelayExecutionState(relayExecutionInfo)
|
|
23809
|
-
) : (
|
|
23810
|
-
// For all other cases, direct execution is considered completed
|
|
23811
|
-
CheckoutState3.COMPLETED
|
|
23812
|
-
);
|
|
23813
|
-
const refundState = relayExecutionInfo && type === DirectExecutionType4.RELAY ? getRelayExecutionRefundState(relayExecutionInfo) : void 0;
|
|
23814
|
-
const isDelayed2 = type === DirectExecutionType4.RELAY && relayExecutionInfo?.status === "delayed";
|
|
23815
|
-
return {
|
|
23816
|
-
state,
|
|
23817
|
-
refundState,
|
|
23818
|
-
isRefunded: refundState === CheckoutRefundState2.REFUNDED,
|
|
23819
|
-
isCompleted: state === CheckoutState3.COMPLETED,
|
|
23820
|
-
isFailed: state === CheckoutState3.CHECKOUT_ERROR,
|
|
23821
|
-
isDelayed: isDelayed2
|
|
23822
|
-
};
|
|
23823
|
-
}
|
|
23824
|
-
|
|
23825
24079
|
// src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
|
|
23826
|
-
import React218, { useMemo as
|
|
24080
|
+
import React218, { useMemo as useMemo38 } from "react";
|
|
23827
24081
|
function FunDirectExecutionStatus({
|
|
23828
24082
|
directExecution
|
|
23829
24083
|
}) {
|
|
23830
|
-
const { isCompleted, isDelayed: isDelayed2, isFailed, isRefunded } = useCheckoutDirectExecutionHistory({ directExecution });
|
|
24084
|
+
const { isCompleted, isDelayed: isDelayed2, isFailed, isRefunded } = useCheckoutDirectExecutionHistory({ txHash: directExecution?.txHash });
|
|
23831
24085
|
if (directExecution === void 0) {
|
|
23832
24086
|
return /* @__PURE__ */ React218.createElement(Box, { className: GradientLoadingBox }, /* @__PURE__ */ React218.createElement(FunSkeletonCircle, { size: "40" }));
|
|
23833
24087
|
}
|
|
@@ -23845,11 +24099,11 @@ function FunDirectExecutionStatus({
|
|
|
23845
24099
|
function PendingDirectExecutionStatus({
|
|
23846
24100
|
directExecution
|
|
23847
24101
|
}) {
|
|
23848
|
-
const totalSeconds =
|
|
24102
|
+
const totalSeconds = useMemo38(() => {
|
|
23849
24103
|
const timeEstimation = directExecution.clientMetadata.latestQuote?.finalTimeEstimationMs || 0;
|
|
23850
24104
|
return Math.ceil(timeEstimation / 1e3);
|
|
23851
24105
|
}, [directExecution]);
|
|
23852
|
-
const estimatedRemainingSeconds =
|
|
24106
|
+
const estimatedRemainingSeconds = useMemo38(() => {
|
|
23853
24107
|
const startTimeMs = directExecution.createdTimeMs;
|
|
23854
24108
|
return getTimeFromNowSeconds(startTimeMs, totalSeconds * 1e3);
|
|
23855
24109
|
}, [totalSeconds, directExecution]);
|
|
@@ -23868,7 +24122,7 @@ function FunDirectExecutionStatusTagLoaded({
|
|
|
23868
24122
|
directExecution
|
|
23869
24123
|
}) {
|
|
23870
24124
|
const { state, refundState, isDelayed: isDelayed2 } = useCheckoutDirectExecutionHistory({
|
|
23871
|
-
directExecution
|
|
24125
|
+
txHash: directExecution.txHash
|
|
23872
24126
|
});
|
|
23873
24127
|
return /* @__PURE__ */ React219.createElement(StatusTag, { state, refundState, isDelayed: isDelayed2 });
|
|
23874
24128
|
}
|
|
@@ -23908,7 +24162,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
23908
24162
|
includeGenerateActionsParams
|
|
23909
24163
|
]
|
|
23910
24164
|
);
|
|
23911
|
-
const buttonProps =
|
|
24165
|
+
const buttonProps = useMemo39(() => {
|
|
23912
24166
|
if (!isLoaded) {
|
|
23913
24167
|
return void 0;
|
|
23914
24168
|
}
|
|
@@ -23958,7 +24212,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
23958
24212
|
{
|
|
23959
24213
|
chainId: directExecution.fromChainId,
|
|
23960
24214
|
txHash: directExecution.txHash,
|
|
23961
|
-
customRedirectUrl: directExecution.type ===
|
|
24215
|
+
customRedirectUrl: directExecution.type === DirectExecutionType4.RELAY ? `${RELAY_TRANSACTION_PAGE_URL}${directExecution.txHash}` : void 0
|
|
23962
24216
|
}
|
|
23963
24217
|
)
|
|
23964
24218
|
) : /* @__PURE__ */ React219.createElement(Box, { display: "flex", gap: "5", alignItems: "center" }, /* @__PURE__ */ React219.createElement(FunSkeletonBlock, { height: "10", width: "93" })))), /* @__PURE__ */ React219.createElement(
|
|
@@ -24107,7 +24361,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
|
|
|
24107
24361
|
import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
|
|
24108
24362
|
import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
|
|
24109
24363
|
import clsx19 from "clsx";
|
|
24110
|
-
import React230, { useEffect as useEffect43, useMemo as
|
|
24364
|
+
import React230, { useEffect as useEffect43, useMemo as useMemo40, useRef as useRef21, useState as useState61 } from "react";
|
|
24111
24365
|
import { Virtuoso } from "react-virtuoso";
|
|
24112
24366
|
import { useAccount as useAccount6 } from "wagmi";
|
|
24113
24367
|
|
|
@@ -24183,7 +24437,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
|
|
|
24183
24437
|
|
|
24184
24438
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
|
|
24185
24439
|
var baseStyles4 = "ukct4t4";
|
|
24186
|
-
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1
|
|
24440
|
+
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f143 _1rsrm2f10w", defaultBackground: "_1rsrm2fnr _1rsrm2fk5", hoverBackground: "_1rsrm2fjs" };
|
|
24187
24441
|
|
|
24188
24442
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
24189
24443
|
var TEXT_SIZE_MEDIUM2 = "13";
|
|
@@ -24655,7 +24909,7 @@ function Home({
|
|
|
24655
24909
|
const virtuosoDiv = virtuosoParentRef.current?.firstChild;
|
|
24656
24910
|
virtuosoDiv?.classList.add(animateVirtuosoInClass);
|
|
24657
24911
|
}, []);
|
|
24658
|
-
const AssetsList =
|
|
24912
|
+
const AssetsList = useMemo40(() => {
|
|
24659
24913
|
if (walletAssets && !Object.keys(walletAssets).length) {
|
|
24660
24914
|
return /* @__PURE__ */ React230.createElement(EmptyTabAlert, null);
|
|
24661
24915
|
}
|
|
@@ -24682,7 +24936,7 @@ function Home({
|
|
|
24682
24936
|
}
|
|
24683
24937
|
));
|
|
24684
24938
|
}, [walletAssets]);
|
|
24685
|
-
const CheckoutsList =
|
|
24939
|
+
const CheckoutsList = useMemo40(() => {
|
|
24686
24940
|
if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
|
|
24687
24941
|
return /* @__PURE__ */ React230.createElement(EmptyTabAlert, null);
|
|
24688
24942
|
}
|
|
@@ -25435,7 +25689,7 @@ var FunCheckoutBlocked = ({ reason }) => {
|
|
|
25435
25689
|
|
|
25436
25690
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
25437
25691
|
import clsx22 from "clsx";
|
|
25438
|
-
import React244, { useEffect as useEffect45, useMemo as
|
|
25692
|
+
import React244, { useEffect as useEffect45, useMemo as useMemo41, useState as useState64 } from "react";
|
|
25439
25693
|
|
|
25440
25694
|
// src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
|
|
25441
25695
|
import React240 from "react";
|
|
@@ -25479,12 +25733,12 @@ var FunNotificationShowMoreButton = ({
|
|
|
25479
25733
|
);
|
|
25480
25734
|
};
|
|
25481
25735
|
|
|
25482
|
-
// src/hooks/queries/useRecentCheckouts.
|
|
25736
|
+
// src/hooks/queries/useRecentCheckouts.ts
|
|
25483
25737
|
import {
|
|
25484
25738
|
getCheckoutsByUserId as getCheckoutsByUserId2
|
|
25485
25739
|
} from "@funkit/api-base";
|
|
25486
25740
|
import { FlagKey as FlagKey27 } from "@funkit/utils";
|
|
25487
|
-
import { useQuery as
|
|
25741
|
+
import { useQuery as useQuery11 } from "@tanstack/react-query";
|
|
25488
25742
|
var hasCorrectPaymentMethod = (checkout, paymentMethod) => !paymentMethod || checkout.clientMetadata.selectedPaymentMethodInfo?.paymentMethod === paymentMethod;
|
|
25489
25743
|
var isRecent = (checkout, timestampCutoff) => checkout.createdTimeMs > timestampCutoff;
|
|
25490
25744
|
var DEFAULT_CUTOFF = 7 * 24 * 60 * 60 * 1e3;
|
|
@@ -25494,23 +25748,21 @@ function useCheckoutRefreshInterval() {
|
|
|
25494
25748
|
}
|
|
25495
25749
|
var useRecentCheckouts = ({
|
|
25496
25750
|
paymentMethod = "token_transfer" /* TOKEN_TRANSFER */,
|
|
25497
|
-
newerThanMs,
|
|
25498
25751
|
isVisible
|
|
25499
25752
|
}) => {
|
|
25500
25753
|
const { isUserLoggedIn, userInfo } = useGeneralWallet();
|
|
25501
25754
|
const { apiKey } = useFunkitConfig();
|
|
25502
25755
|
const { listRefresh } = useCheckoutRefreshInterval();
|
|
25503
|
-
const
|
|
25504
|
-
const timestampCutoff = newerThanMs ?? defaultTimestampCutoff;
|
|
25505
|
-
const query = useQuery10({
|
|
25756
|
+
const query = useQuery11({
|
|
25506
25757
|
queryKey: ["checkouts", userInfo.id],
|
|
25507
25758
|
queryFn: async () => {
|
|
25508
25759
|
const checkouts = await getCheckoutsByUserId2({
|
|
25509
25760
|
userId: userInfo.id,
|
|
25510
25761
|
apiKey
|
|
25511
25762
|
});
|
|
25763
|
+
const defaultTimestampCutoff = Date.now() - DEFAULT_CUTOFF;
|
|
25512
25764
|
return checkouts.filter(
|
|
25513
|
-
(checkout) => isCheckoutValid(checkout) && isRecent(checkout,
|
|
25765
|
+
(checkout) => isCheckoutValid(checkout) && isRecent(checkout, defaultTimestampCutoff) && hasCorrectPaymentMethod(checkout, paymentMethod)
|
|
25514
25766
|
).sort((a, b) => b.createdTimeMs - a.createdTimeMs);
|
|
25515
25767
|
},
|
|
25516
25768
|
refetchInterval: listRefresh,
|
|
@@ -25528,8 +25780,8 @@ import React242, { useState as useState63 } from "react";
|
|
|
25528
25780
|
import clsx21 from "clsx";
|
|
25529
25781
|
|
|
25530
25782
|
// src/components/FunNotificationBanner/FunNotificationBanner.css.ts
|
|
25531
|
-
var notificationBannerStyle = "
|
|
25532
|
-
var showMoreButtonStyle = "_4yitd93
|
|
25783
|
+
var notificationBannerStyle = "_1rsrm2fev _1rsrm2fp _1rsrm2fjf _1rsrm2f1dl";
|
|
25784
|
+
var showMoreButtonStyle = "_4yitd93 _1rsrm2fy9 _1rsrm2f1e _1rsrm2f1b _1rsrm2fjf _1rsrm2fjs _1rsrm2fg0";
|
|
25533
25785
|
|
|
25534
25786
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
25535
25787
|
import clsx20 from "clsx";
|
|
@@ -25540,7 +25792,7 @@ import React241, { useCallback as useCallback45, useEffect as useEffect44, useRe
|
|
|
25540
25792
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
25541
25793
|
var shadowStyle = "_1i8t3xj0";
|
|
25542
25794
|
var statusIcon = "_1i8t3xj3 _1i8t3xj0";
|
|
25543
|
-
var statusIconWrapper = "_1i8t3xj2
|
|
25795
|
+
var statusIconWrapper = "_1i8t3xj2 _1rsrm2fjf _1rsrm2f18";
|
|
25544
25796
|
var statusSpinner = "_1i8t3xj4 qe221a3";
|
|
25545
25797
|
|
|
25546
25798
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
@@ -26215,11 +26467,11 @@ var FunNotificationBanner = ({
|
|
|
26215
26467
|
import {
|
|
26216
26468
|
getCheckoutByDepositAddress as getCheckoutByDepositAddress2
|
|
26217
26469
|
} from "@funkit/api-base";
|
|
26218
|
-
import { useQuery as
|
|
26470
|
+
import { useQuery as useQuery12 } from "@tanstack/react-query";
|
|
26219
26471
|
var useCheckout = (depositAddress, initial) => {
|
|
26220
26472
|
const { apiKey } = useFunkitConfig();
|
|
26221
26473
|
const { itemRefresh } = useCheckoutRefreshInterval();
|
|
26222
|
-
const query =
|
|
26474
|
+
const query = useQuery12({
|
|
26223
26475
|
queryKey: ["checkouts", "checkout", depositAddress],
|
|
26224
26476
|
queryFn: () => (
|
|
26225
26477
|
// biome-ignore lint/style/noNonNullAssertion: already checked for null
|
|
@@ -26337,7 +26589,7 @@ var CheckoutNotifications = ({
|
|
|
26337
26589
|
if (initialCheckouts || !checkouts) return;
|
|
26338
26590
|
setInitialCheckouts(checkouts);
|
|
26339
26591
|
}, [initialCheckouts, checkouts]);
|
|
26340
|
-
const displayedCheckouts =
|
|
26592
|
+
const displayedCheckouts = useMemo41(() => {
|
|
26341
26593
|
if (!checkouts) return [];
|
|
26342
26594
|
return getUpdatedCheckouts(checkouts, initialCheckouts).filter(
|
|
26343
26595
|
({ clientMetadata }) => !closedNotifications.includes(
|
|
@@ -26630,7 +26882,7 @@ function ModalProvider({ children }) {
|
|
|
26630
26882
|
return /* @__PURE__ */ React247.createElement(
|
|
26631
26883
|
ModalContext.Provider,
|
|
26632
26884
|
{
|
|
26633
|
-
value:
|
|
26885
|
+
value: useMemo42(
|
|
26634
26886
|
() => ({
|
|
26635
26887
|
accountModalOpen,
|
|
26636
26888
|
accountModalTab,
|
|
@@ -27356,7 +27608,7 @@ var FunkitWeb2Provider = ({
|
|
|
27356
27608
|
},
|
|
27357
27609
|
[privy]
|
|
27358
27610
|
);
|
|
27359
|
-
const web2UserInfo =
|
|
27611
|
+
const web2UserInfo = useMemo43(() => {
|
|
27360
27612
|
if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
|
|
27361
27613
|
return PLACEHOLDER_FUNKIT_USER_INFO;
|
|
27362
27614
|
}
|
|
@@ -28371,7 +28623,7 @@ function setFunkitConnectVersion({ version }) {
|
|
|
28371
28623
|
localStorage.setItem(storageKey5, version);
|
|
28372
28624
|
}
|
|
28373
28625
|
function getCurrentSdkVersion() {
|
|
28374
|
-
return "5.
|
|
28626
|
+
return "5.4.0";
|
|
28375
28627
|
}
|
|
28376
28628
|
function useFingerprint() {
|
|
28377
28629
|
const fingerprint = useCallback49(() => {
|