@funkit/connect 5.3.6 → 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 +26 -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/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 +596 -412
- 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 +2 -1
- package/dist/wallets/walletConnectors/index.js +37 -37
- 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
|
|
@@ -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
|
|
@@ -4134,10 +4233,10 @@ var isAssetUsableToPayForCheckout = ({
|
|
|
4134
4233
|
if (usableAmountEstimation !== null && usableAmountEstimation < getUsdMinAmount(paymentMethod)) {
|
|
4135
4234
|
return { isUsable: false, reason: LOW_BALANCE };
|
|
4136
4235
|
}
|
|
4137
|
-
const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ || FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]
|
|
4138
|
-
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;
|
|
4139
4238
|
return {
|
|
4140
|
-
isUsable: isSupported,
|
|
4239
|
+
isUsable: !!isSupported,
|
|
4141
4240
|
reason: !isSupported ? "Unsupported" : ""
|
|
4142
4241
|
};
|
|
4143
4242
|
};
|
|
@@ -4325,7 +4424,7 @@ async function validateCheckoutConfig(config) {
|
|
|
4325
4424
|
message: `Invalid targetChain configuration: Unsupported chain id ${config.targetChain} for checkout.`
|
|
4326
4425
|
};
|
|
4327
4426
|
}
|
|
4328
|
-
const chainCheckoutAssetWhitelist = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[config.targetChain]
|
|
4427
|
+
const chainCheckoutAssetWhitelist = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[config.targetChain]?.checkoutAssetWhitelist || [];
|
|
4329
4428
|
if (chainCheckoutAssetWhitelist?.[0] !== "*" && !chainCheckoutAssetWhitelist.some(
|
|
4330
4429
|
(asset) => isTokenAddressEquivalent3({
|
|
4331
4430
|
firstTokenAddress: asset,
|
|
@@ -4426,7 +4525,7 @@ async function decorateTokenList(tokensChainMap, targetChainId, apiKey) {
|
|
|
4426
4525
|
pickedChainId = firstChainId;
|
|
4427
4526
|
const priorityIndex = Number.MAX_SAFE_INTEGER;
|
|
4428
4527
|
for (const curChainId of chainSet) {
|
|
4429
|
-
const pickPriority = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[curChainId].
|
|
4528
|
+
const pickPriority = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[curChainId]?.pickPriority || Number.MAX_SAFE_INTEGER;
|
|
4430
4529
|
if (pickPriority < priorityIndex) {
|
|
4431
4530
|
pickedChainId = curChainId;
|
|
4432
4531
|
}
|
|
@@ -4520,9 +4619,9 @@ function getMaxTargetAssetAmountEstimate(sourceAssetBalance, config, quoteResult
|
|
|
4520
4619
|
}
|
|
4521
4620
|
async function getTokenDecimals(wagmiConfig, chainId, tokenAddress) {
|
|
4522
4621
|
if (isNativeTokenAddress(tokenAddress)) {
|
|
4523
|
-
return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]
|
|
4622
|
+
return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]?.nativeCurrency?.decimals || 18;
|
|
4524
4623
|
}
|
|
4525
|
-
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()) {
|
|
4526
4625
|
return 6;
|
|
4527
4626
|
}
|
|
4528
4627
|
const decimals = await readContract(wagmiConfig, {
|
|
@@ -4620,9 +4719,7 @@ function findSupportedNetworks({
|
|
|
4620
4719
|
const integration = integrations.find((item) => item.type === brokerType);
|
|
4621
4720
|
const allNetworks = integration?.networks ?? [];
|
|
4622
4721
|
const filteredNetworks = allNetworks.filter((networkItem) => {
|
|
4623
|
-
return networkItem?.chainId &&
|
|
4624
|
-
networkItem.chainId.toString()
|
|
4625
|
-
);
|
|
4722
|
+
return networkItem?.chainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[networkItem.chainId];
|
|
4626
4723
|
});
|
|
4627
4724
|
return filteredNetworks;
|
|
4628
4725
|
}
|
|
@@ -5116,7 +5213,7 @@ var useFunkitDisconnect = () => {
|
|
|
5116
5213
|
return {
|
|
5117
5214
|
...disconnectReturn,
|
|
5118
5215
|
disconnect: handleLogout,
|
|
5119
|
-
disconnectAsync: async () =>
|
|
5216
|
+
disconnectAsync: async () => handleLogout()
|
|
5120
5217
|
};
|
|
5121
5218
|
};
|
|
5122
5219
|
var useFunkitReconnect = () => {
|
|
@@ -5149,7 +5246,7 @@ var useFunkitSwitchChains = ({
|
|
|
5149
5246
|
});
|
|
5150
5247
|
const canSwitchChain = useCallback6(
|
|
5151
5248
|
(params) => {
|
|
5152
|
-
if (loginType === "web2" /* Web2 */ && !
|
|
5249
|
+
if (loginType === "web2" /* Web2 */ && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[params.chainId]?.isFunWalletSupported) {
|
|
5153
5250
|
logger.warn(
|
|
5154
5251
|
`Unsupported chainId ${params.chainId} for funkit social logins`
|
|
5155
5252
|
);
|
|
@@ -5695,7 +5792,7 @@ var InfoIcon = ({ filled = false }) => {
|
|
|
5695
5792
|
|
|
5696
5793
|
// src/components/FunTooltip/FunTooltip.css.ts
|
|
5697
5794
|
var tooltipContainer = "z1l38i0";
|
|
5698
|
-
var tooltipStyle = "z1l38i2
|
|
5795
|
+
var tooltipStyle = "z1l38i2 _1rsrm2fcs _1rsrm2fdj _1rsrm2fe8 _1rsrm2fbz _1rsrm2f15 _1rsrm2fjf _1rsrm2f10r _1rsrm2f1b _1rsrm2f1f";
|
|
5699
5796
|
var tooltipStyleBottom = "z1l38i3";
|
|
5700
5797
|
var tooltipStyleCenter = "z1l38i4";
|
|
5701
5798
|
var tooltipStyleLeft = "z1l38i6";
|
|
@@ -6118,7 +6215,7 @@ var DialogTitle = ({
|
|
|
6118
6215
|
};
|
|
6119
6216
|
const isDyDx = useDydxHideBack(hasBackButton, !!dydxHideBack);
|
|
6120
6217
|
const isVertex = isVertexCustomer(apiKey);
|
|
6121
|
-
const alignTitleToLeftSide = isVertex || isOstiumCustomer(apiKey);
|
|
6218
|
+
const alignTitleToLeftSide = isVertex || isOstiumCustomer(apiKey) || isEtherealCustomer(apiKey);
|
|
6122
6219
|
const iconButtonBorderRadius = isVertex ? "actionButton" : "full";
|
|
6123
6220
|
return /* @__PURE__ */ React59.createElement(
|
|
6124
6221
|
Box,
|
|
@@ -6304,7 +6401,7 @@ import React220 from "react";
|
|
|
6304
6401
|
import {
|
|
6305
6402
|
getCheckoutByDepositAddress,
|
|
6306
6403
|
getCheckoutsByUserId,
|
|
6307
|
-
getDirectExecutionByTxHash,
|
|
6404
|
+
getDirectExecutionByTxHash as getDirectExecutionByTxHash2,
|
|
6308
6405
|
getDirectExecutionsByUserId
|
|
6309
6406
|
} from "@funkit/api-base";
|
|
6310
6407
|
import { isAddress as isAddress2 } from "@funkit/core";
|
|
@@ -6317,12 +6414,107 @@ import React61, {
|
|
|
6317
6414
|
useRef as useRef5,
|
|
6318
6415
|
useState as useState12
|
|
6319
6416
|
} from "react";
|
|
6320
|
-
import { useQuery as
|
|
6417
|
+
import { useQuery as useQuery3 } from "@tanstack/react-query";
|
|
6321
6418
|
|
|
6322
6419
|
// src/utils/purifyCheckoutHistoryItem.ts
|
|
6323
6420
|
import {
|
|
6324
|
-
|
|
6421
|
+
RelayExecutionStatus as RelayExecutionStatus2
|
|
6325
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
|
+
}
|
|
6516
|
+
|
|
6517
|
+
// src/utils/purifyCheckoutHistoryItem.ts
|
|
6326
6518
|
var purifyCheckoutHistoryItem = (item) => {
|
|
6327
6519
|
if ("depositAddr" in item) {
|
|
6328
6520
|
return {
|
|
@@ -6335,7 +6527,8 @@ var purifyCheckoutHistoryItem = (item) => {
|
|
|
6335
6527
|
state: item.state,
|
|
6336
6528
|
toChainId: item.toChainId,
|
|
6337
6529
|
toTokenAddress: item.toTokenAddress,
|
|
6338
|
-
toAmountBaseUnit: item.toAmountBaseUnit
|
|
6530
|
+
toAmountBaseUnit: item.toAmountBaseUnit,
|
|
6531
|
+
createdTimeMs: item.createdTimeMs
|
|
6339
6532
|
};
|
|
6340
6533
|
}
|
|
6341
6534
|
return {
|
|
@@ -6344,12 +6537,14 @@ var purifyCheckoutHistoryItem = (item) => {
|
|
|
6344
6537
|
fromAmountBaseUnit: item.fromAmountBaseUnit,
|
|
6345
6538
|
fromChainId: item.fromChainId,
|
|
6346
6539
|
fromTokenAddress: item.fromTokenAddress,
|
|
6347
|
-
state:
|
|
6348
|
-
|
|
6540
|
+
state: mapRelayExecutionStatusToCheckoutState(
|
|
6541
|
+
item?.listenerInfo?.status ?? RelayExecutionStatus2.SUCCESS
|
|
6542
|
+
),
|
|
6349
6543
|
toChainId: item.toChainId,
|
|
6350
6544
|
toTokenAddress: item.toTokenAddress,
|
|
6351
6545
|
toAmountBaseUnit: item.toAmountBaseUnit,
|
|
6352
|
-
txHash: item.txHash
|
|
6546
|
+
txHash: item.txHash,
|
|
6547
|
+
createdTimeMs: item.createdTimeMs
|
|
6353
6548
|
};
|
|
6354
6549
|
};
|
|
6355
6550
|
|
|
@@ -6480,7 +6675,7 @@ function useCheckoutHistoryContext() {
|
|
|
6480
6675
|
}
|
|
6481
6676
|
function useCheckoutsListenerByUserId(userId) {
|
|
6482
6677
|
const { apiKey } = useFunkitConfig();
|
|
6483
|
-
const { data, isLoading } =
|
|
6678
|
+
const { data, isLoading } = useQuery3({
|
|
6484
6679
|
enabled: !!userId,
|
|
6485
6680
|
queryKey: ["getPurifiedCheckoutsByUserId", userId],
|
|
6486
6681
|
queryFn: async () => {
|
|
@@ -6505,12 +6700,12 @@ function useCheckoutsListenerByUserId(userId) {
|
|
|
6505
6700
|
}
|
|
6506
6701
|
function useCheckoutListenerByCheckoutId(checkoutId) {
|
|
6507
6702
|
const { apiKey } = useFunkitConfig();
|
|
6508
|
-
const { data, isLoading } =
|
|
6703
|
+
const { data, isLoading } = useQuery3({
|
|
6509
6704
|
enabled: !!checkoutId,
|
|
6510
6705
|
queryKey: ["getPurifiedCheckoutById", checkoutId],
|
|
6511
6706
|
queryFn: async () => {
|
|
6512
6707
|
if (!checkoutId) return void 0;
|
|
6513
|
-
const result = isCheckoutHistoryDirectExecution(checkoutId) ? await
|
|
6708
|
+
const result = isCheckoutHistoryDirectExecution(checkoutId) ? await getDirectExecutionByTxHash2({
|
|
6514
6709
|
apiKey,
|
|
6515
6710
|
logger,
|
|
6516
6711
|
txHash: checkoutId
|
|
@@ -6550,7 +6745,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
|
|
|
6550
6745
|
logger.log("setupCheckoutHistory:getDirectExecutionByTxHash", {
|
|
6551
6746
|
txHash: checkoutId
|
|
6552
6747
|
});
|
|
6553
|
-
directExecution = await
|
|
6748
|
+
directExecution = await getDirectExecutionByTxHash2({
|
|
6554
6749
|
txHash: checkoutId,
|
|
6555
6750
|
apiKey: funkitConfig.apiKey,
|
|
6556
6751
|
logger
|
|
@@ -6613,7 +6808,7 @@ function getCheckoutCompletionTime(checkout) {
|
|
|
6613
6808
|
}
|
|
6614
6809
|
|
|
6615
6810
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
|
|
6616
|
-
import React214, { useCallback as useCallback40, useMemo as
|
|
6811
|
+
import React214, { useCallback as useCallback40, useMemo as useMemo36, useState as useState57 } from "react";
|
|
6617
6812
|
import { createPortal as createPortal11 } from "react-dom";
|
|
6618
6813
|
|
|
6619
6814
|
// src/components/HelpAlert/HelpAlert.tsx
|
|
@@ -6735,7 +6930,7 @@ import {
|
|
|
6735
6930
|
TERMINAL_CHECKOUT_STATES,
|
|
6736
6931
|
getRiskAssessmentForAddress
|
|
6737
6932
|
} from "@funkit/api-base";
|
|
6738
|
-
import { CheckoutRefundState, CheckoutState as CheckoutState3 } from "@funkit/api-base";
|
|
6933
|
+
import { CheckoutRefundState as CheckoutRefundState2, CheckoutState as CheckoutState3 } from "@funkit/api-base";
|
|
6739
6934
|
var BLOCKED_RISK_LEVELS = ["Severe", "High"];
|
|
6740
6935
|
var hasRisk = async (apiKey, walletAddress, customRecipient) => {
|
|
6741
6936
|
const getUserWalletRisk = walletAddress ? getRiskAssessmentForAddress({
|
|
@@ -6770,7 +6965,7 @@ function getCheckoutStateBooleans(checkoutState, refundState) {
|
|
|
6770
6965
|
const isExpired = checkoutState === CheckoutState3.EXPIRED;
|
|
6771
6966
|
const isFailed = isError || isExpired;
|
|
6772
6967
|
const isTerminal = TERMINAL_CHECKOUT_STATES.includes(checkoutState);
|
|
6773
|
-
const isRefundProceeded = refundState ===
|
|
6968
|
+
const isRefundProceeded = refundState === CheckoutRefundState2.PROCEEDED || refundState === CheckoutRefundState2.FULFILLED;
|
|
6774
6969
|
return {
|
|
6775
6970
|
isProcessing,
|
|
6776
6971
|
isCompleted,
|
|
@@ -6789,7 +6984,7 @@ import {
|
|
|
6789
6984
|
deactivateCheckout as postApiDeactivateCheckout,
|
|
6790
6985
|
initializeCheckout as postApiInitializeCheckout
|
|
6791
6986
|
} from "@funkit/api-base";
|
|
6792
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
6987
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
|
|
6793
6988
|
import { FlagKey as FlagKey5, isNotNullish as isNotNullish4 } from "@funkit/utils";
|
|
6794
6989
|
import React65, {
|
|
6795
6990
|
createContext as createContext12,
|
|
@@ -7249,7 +7444,7 @@ function useFunkitCheckout(props) {
|
|
|
7249
7444
|
const newId = initNewCheckout({ ...props, config: finalConfig });
|
|
7250
7445
|
if (isUserLoggedIn || !!finalConfig.customRecipient) {
|
|
7251
7446
|
setPendingCheckoutConfig(void 0);
|
|
7252
|
-
if (isUserLoggedIn && !
|
|
7447
|
+
if (isUserLoggedIn && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6?.[finalConfig.targetChain]?.isMainnet) {
|
|
7253
7448
|
onErrorWrapper?.({
|
|
7254
7449
|
type: "error",
|
|
7255
7450
|
message: "Unable to begin a new checkout: Insufficient funds on testnet account",
|
|
@@ -7365,7 +7560,7 @@ function useSIWFarcasterListener(channelToken) {
|
|
|
7365
7560
|
import {
|
|
7366
7561
|
getAllWalletTokens
|
|
7367
7562
|
} from "@funkit/api-base";
|
|
7368
|
-
import { keepPreviousData, useQuery as
|
|
7563
|
+
import { keepPreviousData, useQuery as useQuery4 } from "@tanstack/react-query";
|
|
7369
7564
|
import { arbitrum as arbitrum2, polygon as polygon3 } from "viem/chains";
|
|
7370
7565
|
import { useAccount as useAccount3 } from "wagmi";
|
|
7371
7566
|
|
|
@@ -7467,7 +7662,7 @@ var useWalletAssets = ({
|
|
|
7467
7662
|
} = {}) => {
|
|
7468
7663
|
const { address, isConnected } = useAccount3();
|
|
7469
7664
|
const { apiKey } = useFunkitConfig();
|
|
7470
|
-
const { data, isLoading, isFetching } =
|
|
7665
|
+
const { data, isLoading, isFetching } = useQuery4({
|
|
7471
7666
|
queryKey: ["getWalletAssets", address, apiKey],
|
|
7472
7667
|
queryFn: ({ queryKey: [_, addr, key] }) => fetchAssets(addr, key),
|
|
7473
7668
|
placeholderData: keepPreviousData,
|
|
@@ -7496,7 +7691,7 @@ import React212, { useState as useState56, useRef as useRef18 } from "react";
|
|
|
7496
7691
|
import React66 from "react";
|
|
7497
7692
|
|
|
7498
7693
|
// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
|
|
7499
|
-
var animateSkeletonClass = "dj0x602
|
|
7694
|
+
var animateSkeletonClass = "dj0x602 _1rsrm2fm3";
|
|
7500
7695
|
var circleSkeletonClass = "dj0x603";
|
|
7501
7696
|
|
|
7502
7697
|
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
@@ -7664,7 +7859,7 @@ function useCheckoutItemDisplay({
|
|
|
7664
7859
|
}
|
|
7665
7860
|
|
|
7666
7861
|
// src/components/AsyncImage/AsyncImage.tsx
|
|
7667
|
-
import React69, { useMemo as
|
|
7862
|
+
import React69, { useMemo as useMemo8, useReducer as useReducer2, useState as useState14 } from "react";
|
|
7668
7863
|
|
|
7669
7864
|
// src/components/AsyncImage/useAsyncImage.ts
|
|
7670
7865
|
import { useEffect as useEffect15, useReducer } from "react";
|
|
@@ -7732,7 +7927,7 @@ function AsyncImage({
|
|
|
7732
7927
|
const [hasError, setHasError] = useState14(
|
|
7733
7928
|
srcProp === void 0 && fallbackSrc === void 0
|
|
7734
7929
|
);
|
|
7735
|
-
const { asyncStyle, imgProps } =
|
|
7930
|
+
const { asyncStyle, imgProps } = useMemo8(() => {
|
|
7736
7931
|
const asyncStyle2 = !useAsImage ? getRemoteImageStyles(isRemoteImage, isRemoteImageLoaded, src) : {};
|
|
7737
7932
|
if (useAsImage || isRemoteImage) {
|
|
7738
7933
|
const imgProps2 = {
|
|
@@ -7832,7 +8027,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
|
|
|
7832
8027
|
|
|
7833
8028
|
// src/components/FunButton/FunRedirectButton.tsx
|
|
7834
8029
|
import React71 from "react";
|
|
7835
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8030
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
|
|
7836
8031
|
|
|
7837
8032
|
// src/components/Icons/RedirectIcon.tsx
|
|
7838
8033
|
import React70 from "react";
|
|
@@ -7891,12 +8086,12 @@ var AddressRedirectButton = ({
|
|
|
7891
8086
|
address,
|
|
7892
8087
|
customRedirectUrl
|
|
7893
8088
|
}) => {
|
|
7894
|
-
const explorerInfo =
|
|
8089
|
+
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.explorerInfo;
|
|
7895
8090
|
return /* @__PURE__ */ React71.createElement(
|
|
7896
8091
|
FunRedirectButton,
|
|
7897
8092
|
{
|
|
7898
8093
|
color: "tertiaryText",
|
|
7899
|
-
to: customRedirectUrl ?? `${explorerInfo
|
|
8094
|
+
to: customRedirectUrl ?? `${explorerInfo?.url}/address/${address}`
|
|
7900
8095
|
}
|
|
7901
8096
|
);
|
|
7902
8097
|
};
|
|
@@ -7905,12 +8100,12 @@ var TransactionRedirectButton = ({
|
|
|
7905
8100
|
txHash,
|
|
7906
8101
|
customRedirectUrl
|
|
7907
8102
|
}) => {
|
|
7908
|
-
const explorerInfo =
|
|
8103
|
+
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.explorerInfo;
|
|
7909
8104
|
return /* @__PURE__ */ React71.createElement(
|
|
7910
8105
|
FunRedirectButton,
|
|
7911
8106
|
{
|
|
7912
8107
|
color: "tertiaryText",
|
|
7913
|
-
to: customRedirectUrl ?? `${explorerInfo
|
|
8108
|
+
to: customRedirectUrl ?? `${explorerInfo?.url}/tx/${txHash}`
|
|
7914
8109
|
}
|
|
7915
8110
|
);
|
|
7916
8111
|
};
|
|
@@ -7942,7 +8137,7 @@ import {
|
|
|
7942
8137
|
getBridgeCustomer,
|
|
7943
8138
|
getFrogAccount
|
|
7944
8139
|
} from "@funkit/api-base";
|
|
7945
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8140
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
|
|
7946
8141
|
import { ResourceNotFoundError } from "@funkit/utils";
|
|
7947
8142
|
async function fetchFrogAccounts(walletAddress, params) {
|
|
7948
8143
|
const { logger: logger2 } = params;
|
|
@@ -7986,7 +8181,7 @@ async function fetchAllFiatAccounts(bridgeSubAccount, params) {
|
|
|
7986
8181
|
}
|
|
7987
8182
|
function getMatchingBankAccount(accounts, targetChain, targetAddress) {
|
|
7988
8183
|
const { bankAccounts } = accounts;
|
|
7989
|
-
const chainInfo =
|
|
8184
|
+
const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[targetChain];
|
|
7990
8185
|
if (!bankAccounts || !chainInfo) return void 0;
|
|
7991
8186
|
const matchingAccount = bankAccounts.find(
|
|
7992
8187
|
({ destination, status }) => status === BridgeVirtualBankAccountStatus.ACTIVATED && destination.address.toLowerCase() === targetAddress.toLowerCase() && destination.payment_rail === chainInfo.name.toLowerCase()
|
|
@@ -8009,7 +8204,7 @@ var isSoftRejected = (customer) => customer && isKycUninitialized(customer.statu
|
|
|
8009
8204
|
var FIAT_PROCESSING_TIME = "1-2 business days";
|
|
8010
8205
|
|
|
8011
8206
|
// src/domains/wallet.ts
|
|
8012
|
-
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";
|
|
8013
8208
|
import { STABLECOIN_SYMBOLS } from "@funkit/core";
|
|
8014
8209
|
import { isNotNullish as isNotNullish5 } from "@funkit/utils";
|
|
8015
8210
|
import { mainnet as mainnet5, polygon as polygon4 } from "viem/chains";
|
|
@@ -8041,12 +8236,12 @@ import { FlagKey as FlagKey8 } from "@funkit/utils";
|
|
|
8041
8236
|
import { base as base5 } from "viem/chains";
|
|
8042
8237
|
|
|
8043
8238
|
// src/providers/FunkitMoonpayProvider.tsx
|
|
8044
|
-
import { useQuery as
|
|
8239
|
+
import { useQuery as useQuery5 } from "@tanstack/react-query";
|
|
8045
8240
|
import React72, {
|
|
8046
8241
|
createContext as createContext14,
|
|
8047
8242
|
useContext as useContext14,
|
|
8048
8243
|
useEffect as useEffect16,
|
|
8049
|
-
useMemo as
|
|
8244
|
+
useMemo as useMemo9,
|
|
8050
8245
|
useState as useState15
|
|
8051
8246
|
} from "react";
|
|
8052
8247
|
import { FlagKey as FlagKey7 } from "@funkit/utils";
|
|
@@ -8103,7 +8298,7 @@ var isCountryBlocked = (blockedList, userIpInfo) => {
|
|
|
8103
8298
|
function useFunkitUserIp() {
|
|
8104
8299
|
const { moonpayApiKey } = useContext14(FunkitMoonpayContext);
|
|
8105
8300
|
const { getFlag, isLoading: isLoadingFlags } = useFlags();
|
|
8106
|
-
const { data: userIpInfo, isLoading: isLoadingGeoCheck } =
|
|
8301
|
+
const { data: userIpInfo, isLoading: isLoadingGeoCheck } = useQuery5({
|
|
8107
8302
|
queryKey: ["getUserIpInfo"],
|
|
8108
8303
|
queryFn: async () => {
|
|
8109
8304
|
try {
|
|
@@ -8124,7 +8319,7 @@ function useFunkitUserIp() {
|
|
|
8124
8319
|
refetchOnReconnect: true,
|
|
8125
8320
|
refetchOnWindowFocus: false
|
|
8126
8321
|
});
|
|
8127
|
-
const isUserGeoblocked =
|
|
8322
|
+
const isUserGeoblocked = useMemo9(() => {
|
|
8128
8323
|
if (isLoadingFlags || isLoadingGeoCheck) {
|
|
8129
8324
|
return false;
|
|
8130
8325
|
}
|
|
@@ -8179,9 +8374,9 @@ import {
|
|
|
8179
8374
|
createBridgeBankAccount,
|
|
8180
8375
|
getBridgeKycLink
|
|
8181
8376
|
} from "@funkit/api-base";
|
|
8182
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8377
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
|
|
8183
8378
|
import { FlagKey as FlagKey10 } from "@funkit/utils";
|
|
8184
|
-
import { useQuery as
|
|
8379
|
+
import { useQuery as useQuery7, useQueryClient } from "@tanstack/react-query";
|
|
8185
8380
|
import { useCallback as useCallback14 } from "react";
|
|
8186
8381
|
|
|
8187
8382
|
// src/hooks/useCheckoutTransferInit.ts
|
|
@@ -8189,7 +8384,7 @@ import {
|
|
|
8189
8384
|
initializeCheckoutTokenTransferAddress
|
|
8190
8385
|
} from "@funkit/api-base";
|
|
8191
8386
|
import { FlagKey as FlagKey9 } from "@funkit/utils";
|
|
8192
|
-
import { useQuery as
|
|
8387
|
+
import { useQuery as useQuery6 } from "@tanstack/react-query";
|
|
8193
8388
|
var useCheckoutTransferInit = (checkoutConfig) => {
|
|
8194
8389
|
const { walletAddress, userInfo } = useGeneralWallet();
|
|
8195
8390
|
const { apiKey } = useFunkitConfig();
|
|
@@ -8207,7 +8402,7 @@ var useCheckoutTransferInit = (checkoutConfig) => {
|
|
|
8207
8402
|
logger,
|
|
8208
8403
|
clientMetadata: generateClientMetadataForTokenTransfer()
|
|
8209
8404
|
};
|
|
8210
|
-
const { data, isFetching } =
|
|
8405
|
+
const { data, isFetching } = useQuery6({
|
|
8211
8406
|
queryKey: ["initializeCheckoutTokenTransferAddress", queryKey],
|
|
8212
8407
|
queryFn: ({ queryKey: [_, params] }) => initializeCheckoutTokenTransferAddress(params),
|
|
8213
8408
|
refetchOnWindowFocus: false,
|
|
@@ -8305,7 +8500,7 @@ function useFiatEnabled() {
|
|
|
8305
8500
|
function useFrogAccounts() {
|
|
8306
8501
|
const { apiKey } = useFunkitConfig();
|
|
8307
8502
|
const { walletAddress } = useGeneralWallet();
|
|
8308
|
-
const query =
|
|
8503
|
+
const query = useQuery7({
|
|
8309
8504
|
queryKey: ["frogSubAccounts", walletAddress],
|
|
8310
8505
|
queryFn: () => fetchFrogAccounts(walletAddress, { apiKey, logger }),
|
|
8311
8506
|
enabled: !!walletAddress,
|
|
@@ -8341,7 +8536,7 @@ function useVirtualFiatAccounts() {
|
|
|
8341
8536
|
const bridgeSubAccount = frogSubAccounts?.find(
|
|
8342
8537
|
(subAccount) => subAccount.subAccountType === "bridge"
|
|
8343
8538
|
);
|
|
8344
|
-
const query =
|
|
8539
|
+
const query = useQuery7({
|
|
8345
8540
|
queryKey: ["useVirtualFiatAccounts", bridgeSubAccount?.guid],
|
|
8346
8541
|
queryFn: () => fetchAllFiatAccounts(bridgeSubAccount, { apiKey, logger }),
|
|
8347
8542
|
enabled: !!bridgeSubAccount,
|
|
@@ -8369,7 +8564,7 @@ function useMatchingVirtualFiatAccount(accounts) {
|
|
|
8369
8564
|
}
|
|
8370
8565
|
function useLoadKycLink(linkLoad) {
|
|
8371
8566
|
const { apiKey } = useFunkitConfig();
|
|
8372
|
-
const query =
|
|
8567
|
+
const query = useQuery7({
|
|
8373
8568
|
queryKey: ["kycLink", linkLoad.guid],
|
|
8374
8569
|
queryFn: async () => {
|
|
8375
8570
|
if (linkLoad.kycLink) {
|
|
@@ -8398,7 +8593,7 @@ function useCreateVirtualBankAccount() {
|
|
|
8398
8593
|
const targetChainId = checkoutConfig?.targetChain;
|
|
8399
8594
|
const { transferInit, recipientAddr } = useCheckoutTransferInit(checkoutConfig);
|
|
8400
8595
|
const destinationAddress = transferInit?.depositAddr || recipientAddr;
|
|
8401
|
-
const chainName = targetChainId &&
|
|
8596
|
+
const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[targetChainId]?.name?.toLowerCase();
|
|
8402
8597
|
const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
|
|
8403
8598
|
const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
|
|
8404
8599
|
const handleCreateVirtualFiatAccount = useCallback14(async () => {
|
|
@@ -8449,22 +8644,22 @@ var useWalletLabel = () => {
|
|
|
8449
8644
|
// src/modals/CheckoutModal/useWalletAssetHoldings.ts
|
|
8450
8645
|
import {
|
|
8451
8646
|
FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
|
|
8452
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8647
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11
|
|
8453
8648
|
} from "@funkit/chains";
|
|
8454
|
-
import { useMemo as
|
|
8649
|
+
import { useMemo as useMemo10 } from "react";
|
|
8455
8650
|
var processWalletAssets = (walletAssets, targetChain) => {
|
|
8456
8651
|
if (!walletAssets) {
|
|
8457
8652
|
return;
|
|
8458
8653
|
}
|
|
8459
|
-
const targetChainInfo =
|
|
8460
|
-
const isCheckoutOnMainnet = targetChainInfo
|
|
8654
|
+
const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChain];
|
|
8655
|
+
const isCheckoutOnMainnet = targetChainInfo?.isMainnet;
|
|
8461
8656
|
return Object.values(walletAssets).reduce(
|
|
8462
8657
|
(result, asset) => {
|
|
8463
8658
|
if (!asset.symbol || !asset.contractAddress) {
|
|
8464
8659
|
return result;
|
|
8465
8660
|
}
|
|
8466
|
-
const assetChainInfo =
|
|
8467
|
-
const isAssetOnMainnet = assetChainInfo
|
|
8661
|
+
const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[asset.chainId];
|
|
8662
|
+
const isAssetOnMainnet = assetChainInfo?.isMainnet;
|
|
8468
8663
|
if (isCheckoutOnMainnet && !isAssetOnMainnet) {
|
|
8469
8664
|
return result;
|
|
8470
8665
|
}
|
|
@@ -8475,7 +8670,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
|
|
|
8475
8670
|
chainId: asset.chainId,
|
|
8476
8671
|
symbolOrAddress: asset.symbol
|
|
8477
8672
|
});
|
|
8478
|
-
const normalizedTokenAddress = assetChainInfo
|
|
8673
|
+
const normalizedTokenAddress = assetChainInfo?.nativeCurrency.symbol.toUpperCase() === asset.symbol.toUpperCase() ? FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3 : asset.contractAddress;
|
|
8479
8674
|
const normalizeAmount = getNormalizedTokenBalance(
|
|
8480
8675
|
BigInt(asset.tokenBalance),
|
|
8481
8676
|
asset.decimals
|
|
@@ -8496,7 +8691,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
|
|
|
8496
8691
|
};
|
|
8497
8692
|
function useWalletAssetHoldings(targetChain) {
|
|
8498
8693
|
const { walletAssets, isLoading, totalWalletAssetsUsd } = useWalletAssets();
|
|
8499
|
-
const processedAssets =
|
|
8694
|
+
const processedAssets = useMemo10(
|
|
8500
8695
|
() => processWalletAssets(walletAssets, targetChain),
|
|
8501
8696
|
[targetChain, walletAssets]
|
|
8502
8697
|
);
|
|
@@ -8510,7 +8705,7 @@ function useWalletAssetHoldings(targetChain) {
|
|
|
8510
8705
|
|
|
8511
8706
|
// src/config/getDefaultConfig.ts
|
|
8512
8707
|
import {
|
|
8513
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8708
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12,
|
|
8514
8709
|
FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
|
|
8515
8710
|
} from "@funkit/chains";
|
|
8516
8711
|
import { fallback } from "viem";
|
|
@@ -9121,8 +9316,8 @@ var createDefaultTransports = (chains) => {
|
|
|
9121
9316
|
const transportsObject = {};
|
|
9122
9317
|
for (const chain of chains) {
|
|
9123
9318
|
const key = chain.id;
|
|
9124
|
-
const fallbackRpcs =
|
|
9125
|
-
if (fallbackRpcs
|
|
9319
|
+
const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[key]?.fallbackRpcUrls;
|
|
9320
|
+
if (fallbackRpcs && fallbackRpcs.length > 0) {
|
|
9126
9321
|
transportsObject[key] = fallback([
|
|
9127
9322
|
http(),
|
|
9128
9323
|
...fallbackRpcs.map((url) => http(url))
|
|
@@ -9194,8 +9389,8 @@ var getDefaultTransports = () => {
|
|
|
9194
9389
|
};
|
|
9195
9390
|
|
|
9196
9391
|
// src/hooks/useMesh.tsx
|
|
9197
|
-
import { useQuery as
|
|
9198
|
-
import React75, { useMemo as
|
|
9392
|
+
import { useQuery as useQuery8 } from "@tanstack/react-query";
|
|
9393
|
+
import React75, { useMemo as useMemo11 } from "react";
|
|
9199
9394
|
import { FlagKey as FlagKey11 } from "@funkit/utils";
|
|
9200
9395
|
|
|
9201
9396
|
// src/components/FunSelectBrokerage/FunBrokerageItem.tsx
|
|
@@ -9270,7 +9465,7 @@ var useSupportedExchanges = () => {
|
|
|
9270
9465
|
FlagKey11.SupportedExchangesV2,
|
|
9271
9466
|
FALLBACK_EXCHANGES_STRING
|
|
9272
9467
|
);
|
|
9273
|
-
return
|
|
9468
|
+
return useMemo11(() => {
|
|
9274
9469
|
return supportedExchangesFlag.split(",").flatMap((value) => {
|
|
9275
9470
|
const brokerNameOrType = value.trim();
|
|
9276
9471
|
if (!brokerNameOrType) {
|
|
@@ -9294,7 +9489,7 @@ var useMeshExchanges = ({
|
|
|
9294
9489
|
}) => {
|
|
9295
9490
|
const { getActiveConnection } = useFunkitMesh();
|
|
9296
9491
|
const supportedExchanges = useSupportedExchanges();
|
|
9297
|
-
const options =
|
|
9492
|
+
const options = useMemo11(() => {
|
|
9298
9493
|
return supportedExchanges.map((brokerType) => {
|
|
9299
9494
|
const hasActiveConnection = !!getActiveConnection(brokerType);
|
|
9300
9495
|
return createFunSelectOption(
|
|
@@ -9322,7 +9517,7 @@ var useMeshActiveNetworkInfo = (chainId, brokerType) => {
|
|
|
9322
9517
|
};
|
|
9323
9518
|
function useMeshIntegrations() {
|
|
9324
9519
|
const { apiKey } = useFunkitConfig();
|
|
9325
|
-
const { data, isLoading } =
|
|
9520
|
+
const { data, isLoading } = useQuery8({
|
|
9326
9521
|
queryKey: ["funkit-mesh-integrations", apiKey],
|
|
9327
9522
|
queryFn: async () => {
|
|
9328
9523
|
return await fetchMeshTransferIntegrations(apiKey);
|
|
@@ -9364,7 +9559,7 @@ function useMeshAccountHoldings(targetChain, connection) {
|
|
|
9364
9559
|
const { integrations } = useMeshIntegrations();
|
|
9365
9560
|
const meshDeviceId = getMeshDeviceIdFromLocalStorage();
|
|
9366
9561
|
const enableFrogProxyServer = useFlag(FlagKey11.EnableFrogProxyServer);
|
|
9367
|
-
const query =
|
|
9562
|
+
const query = useQuery8({
|
|
9368
9563
|
queryKey: [
|
|
9369
9564
|
{
|
|
9370
9565
|
apiKey,
|
|
@@ -9384,16 +9579,16 @@ function useMeshAccountHoldings(targetChain, connection) {
|
|
|
9384
9579
|
}
|
|
9385
9580
|
|
|
9386
9581
|
// src/hooks/useUsableWalletAssetsForCheckout.ts
|
|
9387
|
-
import { useMemo as
|
|
9582
|
+
import { useMemo as useMemo13 } from "react";
|
|
9388
9583
|
|
|
9389
9584
|
// src/hooks/useAllowedAssets.ts
|
|
9390
9585
|
import { getAllowedAssets } from "@funkit/api-base";
|
|
9391
|
-
import { useQuery as
|
|
9392
|
-
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";
|
|
9393
9588
|
function useAllowedAssets() {
|
|
9394
9589
|
const { apiKey } = useFunkitConfig();
|
|
9395
9590
|
const isRelayEnabled = useSourceTokenRelayEnabled();
|
|
9396
|
-
const { data: allowedAssets, isLoading } =
|
|
9591
|
+
const { data: allowedAssets, isLoading } = useQuery9({
|
|
9397
9592
|
queryKey: ["getAllowedAssets", apiKey],
|
|
9398
9593
|
queryFn: () => getAllowedAssets({ apiKey, logger }),
|
|
9399
9594
|
refetchOnMount: false,
|
|
@@ -9402,7 +9597,7 @@ function useAllowedAssets() {
|
|
|
9402
9597
|
staleTime: 5 * 60 * 1e3,
|
|
9403
9598
|
gcTime: Number.POSITIVE_INFINITY
|
|
9404
9599
|
});
|
|
9405
|
-
const tokens =
|
|
9600
|
+
const tokens = useMemo12(() => {
|
|
9406
9601
|
if (!allowedAssets) return {};
|
|
9407
9602
|
const ret = {};
|
|
9408
9603
|
for (const chainId of Object.keys(allowedAssets)) {
|
|
@@ -9431,7 +9626,7 @@ function useUsableWalletAssetsForCheckout() {
|
|
|
9431
9626
|
const { loginType, walletAddress } = useGeneralWallet();
|
|
9432
9627
|
const { walletAssets } = useWalletAssets({ enableRefetchInterval: false });
|
|
9433
9628
|
const { isAllowed } = useAllowedAssets();
|
|
9434
|
-
return
|
|
9629
|
+
return useMemo13(() => {
|
|
9435
9630
|
if (!walletAssets || !checkoutItem) return;
|
|
9436
9631
|
const usableAssets = {};
|
|
9437
9632
|
for (const [assetKey, asset] of Object.entries(walletAssets)) {
|
|
@@ -9609,7 +9804,7 @@ import clsx9 from "clsx";
|
|
|
9609
9804
|
import React78, { useRef as useRef7 } from "react";
|
|
9610
9805
|
|
|
9611
9806
|
// src/components/FunOptionBox/FunOptionBox.css.ts
|
|
9612
|
-
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" };
|
|
9613
9808
|
|
|
9614
9809
|
// src/components/FunOptionBox/FunOptionBox.tsx
|
|
9615
9810
|
function FunOptionBox({
|
|
@@ -10256,7 +10451,7 @@ var BankIconActive = ({ size = 20 }) => {
|
|
|
10256
10451
|
|
|
10257
10452
|
// src/components/FunConnectOptions/FunSignInStep.tsx
|
|
10258
10453
|
import { groupBy, isMobile as isMobile8, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
|
|
10259
|
-
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";
|
|
10260
10455
|
|
|
10261
10456
|
// src/providers/walletConnectDeepLink.ts
|
|
10262
10457
|
var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
|
|
@@ -10361,9 +10556,9 @@ var SearchIcon = () => {
|
|
|
10361
10556
|
|
|
10362
10557
|
// src/components/FunInput/FunInput.css.ts
|
|
10363
10558
|
var baseWrapperStyles = "zue0i60";
|
|
10364
|
-
var inputClass = "zue0i63
|
|
10365
|
-
var inputClassDisabled = "zue0i65
|
|
10366
|
-
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";
|
|
10367
10562
|
var numberInputResetStyle = "zue0i61";
|
|
10368
10563
|
|
|
10369
10564
|
// src/components/FunInput/FunInput.tsx
|
|
@@ -10853,7 +11048,7 @@ var SocialsIcon = () => {
|
|
|
10853
11048
|
};
|
|
10854
11049
|
|
|
10855
11050
|
// src/components/FunConnectOptions/FunConnectOptions.tsx
|
|
10856
|
-
import React205, { useCallback as useCallback38, useMemo as
|
|
11051
|
+
import React205, { useCallback as useCallback38, useMemo as useMemo33, useState as useState54 } from "react";
|
|
10857
11052
|
|
|
10858
11053
|
// src/hooks/useAnimatedNavigation.ts
|
|
10859
11054
|
import { useCallback as useCallback16, useState as useState18 } from "react";
|
|
@@ -10925,7 +11120,7 @@ import {
|
|
|
10925
11120
|
} from "react";
|
|
10926
11121
|
|
|
10927
11122
|
// src/hooks/useCheckoutQuoteNotification.ts
|
|
10928
|
-
import { useMemo as
|
|
11123
|
+
import { useMemo as useMemo14 } from "react";
|
|
10929
11124
|
|
|
10930
11125
|
// src/providers/FunkitQuoteContext.tsx
|
|
10931
11126
|
import { FlagKey as FlagKey13, isNotNullish as isNotNullish6 } from "@funkit/utils";
|
|
@@ -11023,7 +11218,7 @@ import {
|
|
|
11023
11218
|
meshConfigureTransfer,
|
|
11024
11219
|
meshConfigureTransferProxy
|
|
11025
11220
|
} from "@funkit/api-base";
|
|
11026
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
11221
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13 } from "@funkit/chains";
|
|
11027
11222
|
import { roundUpToXDecimalPlaces as roundUpToXDecimalPlaces2 } from "@funkit/utils";
|
|
11028
11223
|
import { estimateGas, getGasPrice } from "@wagmi/core";
|
|
11029
11224
|
import { encodeFunctionData, erc20Abi as erc20Abi2, formatEther } from "viem";
|
|
@@ -11068,7 +11263,7 @@ async function evaluateAccountWalletFees({
|
|
|
11068
11263
|
loginType,
|
|
11069
11264
|
apiKey
|
|
11070
11265
|
}) {
|
|
11071
|
-
const nativeCurrencySymbol =
|
|
11266
|
+
const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
|
|
11072
11267
|
const walletCheckoutFees = {
|
|
11073
11268
|
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
11074
11269
|
...getFunFeeBreakdown(baseQuote),
|
|
@@ -11657,7 +11852,7 @@ function useQuoteContext() {
|
|
|
11657
11852
|
function useCheckoutQuoteNotification() {
|
|
11658
11853
|
const { clearCheckoutQuoteMessages } = useQuoteContext();
|
|
11659
11854
|
const { quoteErrorMessage, quoteStepMessage } = useQuoteContext();
|
|
11660
|
-
const quoteNotification =
|
|
11855
|
+
const quoteNotification = useMemo14(() => {
|
|
11661
11856
|
if (quoteErrorMessage !== "") {
|
|
11662
11857
|
return {
|
|
11663
11858
|
messageType: "error",
|
|
@@ -13142,7 +13337,7 @@ function CheckoutHelp({
|
|
|
13142
13337
|
}
|
|
13143
13338
|
|
|
13144
13339
|
// src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
|
|
13145
|
-
import React132, { useEffect as useEffect25, useMemo as
|
|
13340
|
+
import React132, { useEffect as useEffect25, useMemo as useMemo22, useState as useState33 } from "react";
|
|
13146
13341
|
import { createPortal as createPortal5 } from "react-dom";
|
|
13147
13342
|
|
|
13148
13343
|
// src/providers/UserPresenceContext.tsx
|
|
@@ -13211,7 +13406,7 @@ import React117 from "react";
|
|
|
13211
13406
|
|
|
13212
13407
|
// src/components/FunInfoBanner/InfoBanner.css.ts
|
|
13213
13408
|
var anchorStyle = "vyedix0";
|
|
13214
|
-
var iconWrapperStyle = "vyedix2
|
|
13409
|
+
var iconWrapperStyle = "vyedix2 _1rsrm2ffc _1rsrm2f39";
|
|
13215
13410
|
|
|
13216
13411
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
13217
13412
|
var InfoBanner = ({ message, type }) => {
|
|
@@ -13474,7 +13669,7 @@ import {
|
|
|
13474
13669
|
} from "@funkit/utils";
|
|
13475
13670
|
import NumberFlow from "@number-flow/react";
|
|
13476
13671
|
import { motion as motion3 } from "motion/react";
|
|
13477
|
-
import React122, { useMemo as
|
|
13672
|
+
import React122, { useMemo as useMemo17 } from "react";
|
|
13478
13673
|
|
|
13479
13674
|
// src/consts/design.ts
|
|
13480
13675
|
var mapFontLineHeightToNumberFlowHeight = {
|
|
@@ -13485,13 +13680,13 @@ var mapFontLineHeightToNumberFlowHeight = {
|
|
|
13485
13680
|
|
|
13486
13681
|
// src/hooks/useReceiveAmountLabel.ts
|
|
13487
13682
|
import { DirectExecutionType as DirectExecutionType2 } from "@funkit/api-base";
|
|
13488
|
-
import { useMemo as
|
|
13683
|
+
import { useMemo as useMemo15 } from "react";
|
|
13489
13684
|
function useReceiveAmountLabel({
|
|
13490
13685
|
directExecutionType,
|
|
13491
13686
|
isSameToken
|
|
13492
13687
|
}) {
|
|
13493
13688
|
const { textCustomizations } = useFunkitConfig();
|
|
13494
|
-
return
|
|
13689
|
+
return useMemo15(() => {
|
|
13495
13690
|
const showAtLeast = directExecutionType === DirectExecutionType2.RELAY && !isSameToken;
|
|
13496
13691
|
return `${textCustomizations.confirmationScreen.receiveAmountLabel}${showAtLeast ? " at least" : ""}`;
|
|
13497
13692
|
}, [textCustomizations, directExecutionType, isSameToken]);
|
|
@@ -13500,10 +13695,10 @@ function useReceiveAmountLabel({
|
|
|
13500
13695
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
13501
13696
|
import { isNotNullish as isNotNullish7 } from "@funkit/utils";
|
|
13502
13697
|
import clsx12 from "clsx";
|
|
13503
|
-
import React121, { useMemo as
|
|
13698
|
+
import React121, { useMemo as useMemo16 } from "react";
|
|
13504
13699
|
|
|
13505
13700
|
// src/components/FunAssetAvatar/FunAssetAvatar.css.ts
|
|
13506
|
-
var chainContainerStyle = "uwrdc22
|
|
13701
|
+
var chainContainerStyle = "uwrdc22 _1rsrm2f18 _1rsrm2fa _1rsrm2f4 _1rsrm2f41";
|
|
13507
13702
|
var containerStyle = "uwrdc20";
|
|
13508
13703
|
|
|
13509
13704
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
@@ -13520,7 +13715,7 @@ function FunAssetAvatar({
|
|
|
13520
13715
|
largeChainIcon = false
|
|
13521
13716
|
}) {
|
|
13522
13717
|
const chainMetadata = chainMetadataById[Number.parseInt((chainId || "").toString())] || null;
|
|
13523
|
-
const finalAssetSrc =
|
|
13718
|
+
const finalAssetSrc = useMemo16(() => {
|
|
13524
13719
|
const normalizedTicker = assetTicker?.toUpperCase() || "";
|
|
13525
13720
|
const defaultSrc = ASSET_LOGO_SRCS[normalizedTicker];
|
|
13526
13721
|
if (prioritizeDefaults) {
|
|
@@ -13618,7 +13813,7 @@ function PaymentAmountSummary({
|
|
|
13618
13813
|
})
|
|
13619
13814
|
});
|
|
13620
13815
|
const sourceTokenAmount = quote?.finalPaymentTokenAmount ? Number.parseFloat(quote.finalPaymentTokenAmount) : void 0;
|
|
13621
|
-
const paymentTokenUsdAmount =
|
|
13816
|
+
const paymentTokenUsdAmount = useMemo17(() => {
|
|
13622
13817
|
if (!quote) return void 0;
|
|
13623
13818
|
return formatCurrencyAndStringify2(
|
|
13624
13819
|
quote.baseQuote.estSubtotalUsd + Number.parseFloat(quote.finalPaymentFeeUsd) - Number.parseFloat(quote.finalSpreadUsd)
|
|
@@ -13739,7 +13934,7 @@ import {
|
|
|
13739
13934
|
formatDynamicFeeUsd,
|
|
13740
13935
|
noop as noop4
|
|
13741
13936
|
} from "@funkit/utils";
|
|
13742
|
-
import React124, { useMemo as
|
|
13937
|
+
import React124, { useMemo as useMemo18, useState as useState24 } from "react";
|
|
13743
13938
|
import clsx13 from "clsx";
|
|
13744
13939
|
import { motion as motion4, useAnimationControls } from "motion/react";
|
|
13745
13940
|
|
|
@@ -13766,7 +13961,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React123.createElement(
|
|
|
13766
13961
|
);
|
|
13767
13962
|
|
|
13768
13963
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
13769
|
-
var baseStyles = "
|
|
13964
|
+
var baseStyles = "_1rsrm2f1jf";
|
|
13770
13965
|
var expandableStyles = "vkwve32";
|
|
13771
13966
|
var feeLineHideStyles = "vkwve34";
|
|
13772
13967
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -13874,7 +14069,7 @@ function PaymentFeesSummary({
|
|
|
13874
14069
|
}
|
|
13875
14070
|
};
|
|
13876
14071
|
const isDydx = isDydxCustomer(apiKey);
|
|
13877
|
-
const { collapsed: collapsedItem, expanded: expandedItems } =
|
|
14072
|
+
const { collapsed: collapsedItem, expanded: expandedItems } = useMemo18(() => {
|
|
13878
14073
|
if (!quote) return NO_DATA;
|
|
13879
14074
|
const fees = quote.finalFeesBreakdown;
|
|
13880
14075
|
const totalUsd = Number(quote.finalTotalUsd);
|
|
@@ -14091,7 +14286,7 @@ function CheckoutPrimaryInfo({
|
|
|
14091
14286
|
}
|
|
14092
14287
|
|
|
14093
14288
|
// src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
|
|
14094
|
-
import React128, { useMemo as
|
|
14289
|
+
import React128, { useMemo as useMemo19 } from "react";
|
|
14095
14290
|
var DisclaimerText = ({
|
|
14096
14291
|
showDydxDisclaimer,
|
|
14097
14292
|
continueText,
|
|
@@ -14117,7 +14312,7 @@ var DisclaimerText = ({
|
|
|
14117
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" }), ".");
|
|
14118
14313
|
};
|
|
14119
14314
|
function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
|
|
14120
|
-
const cardDisclaimer =
|
|
14315
|
+
const cardDisclaimer = useMemo19(() => {
|
|
14121
14316
|
if (!checkoutItem || !finalConvertedAssetName) {
|
|
14122
14317
|
return null;
|
|
14123
14318
|
}
|
|
@@ -14199,10 +14394,10 @@ function useAutoClearState(initialValue = null) {
|
|
|
14199
14394
|
|
|
14200
14395
|
// src/hooks/useIsBlacklisted.ts
|
|
14201
14396
|
import { FlagKey as FlagKey15 } from "@funkit/utils";
|
|
14202
|
-
import { useMemo as
|
|
14397
|
+
import { useMemo as useMemo20 } from "react";
|
|
14203
14398
|
var useIsBlacklisted = (walletAddress, customRecipient) => {
|
|
14204
14399
|
const flagStr = useFlag(FlagKey15.AddressBlacklist);
|
|
14205
|
-
const blacklist =
|
|
14400
|
+
const blacklist = useMemo20(
|
|
14206
14401
|
() => safeJSONParse(flagStr)?.map((addr) => addr.toLowerCase()) || [],
|
|
14207
14402
|
[flagStr]
|
|
14208
14403
|
);
|
|
@@ -15022,7 +15217,7 @@ function usePostCheckout({
|
|
|
15022
15217
|
}
|
|
15023
15218
|
|
|
15024
15219
|
// src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
|
|
15025
|
-
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";
|
|
15026
15221
|
|
|
15027
15222
|
// src/hooks/useCountdown.tsx
|
|
15028
15223
|
import React131 from "react";
|
|
@@ -15034,8 +15229,8 @@ import { AnimatePresence as AnimatePresence3, motion as motion5 } from "motion/r
|
|
|
15034
15229
|
import React130, { useCallback as useCallback23, useEffect as useEffect23, useState as useState30 } from "react";
|
|
15035
15230
|
|
|
15036
15231
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
15037
|
-
var backgroundRing = "_1t0bc111
|
|
15038
|
-
var counterRing = "_1t0bc113
|
|
15232
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f1fx";
|
|
15233
|
+
var counterRing = "_1t0bc113 _1rsrm2f1e3";
|
|
15039
15234
|
|
|
15040
15235
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
15041
15236
|
var FunCountdown = ({
|
|
@@ -15289,7 +15484,7 @@ function useQuoteRefresh({
|
|
|
15289
15484
|
},
|
|
15290
15485
|
[isOnHold, restartCountdown, setCheckoutQuote, triggerAssetConfirm]
|
|
15291
15486
|
);
|
|
15292
|
-
const quoteError =
|
|
15487
|
+
const quoteError = useMemo21(() => {
|
|
15293
15488
|
if (quoteErrorMessage && !isQuoting) {
|
|
15294
15489
|
return {
|
|
15295
15490
|
message: quoteErrorMessage,
|
|
@@ -15425,7 +15620,7 @@ function ConfirmationStep({
|
|
|
15425
15620
|
refreshIntervalSeconds: directExecutionType === DirectExecutionType3.RELAY ? RELAY_ESTIMATE_REFRESH_INTERVAL_SEC : DEFAULT_ESTIMATE_REFRESH_INTERVAL_SEC
|
|
15426
15621
|
})
|
|
15427
15622
|
);
|
|
15428
|
-
const error =
|
|
15623
|
+
const error = useMemo22(() => {
|
|
15429
15624
|
if (!isInitialQuoting && moonpayAmountCheck?.isInvalid) {
|
|
15430
15625
|
return {
|
|
15431
15626
|
message: moonpayAmountCheck.message,
|
|
@@ -15440,7 +15635,7 @@ function ConfirmationStep({
|
|
|
15440
15635
|
quoteError,
|
|
15441
15636
|
isInitialQuoting
|
|
15442
15637
|
]);
|
|
15443
|
-
const stepMessage =
|
|
15638
|
+
const stepMessage = useMemo22(() => {
|
|
15444
15639
|
if (initialQuoteStep) return initialQuoteStep;
|
|
15445
15640
|
if (postCheckoutStepMessage) return postCheckoutStepMessage;
|
|
15446
15641
|
if (confirmationStepMessage) return confirmationStepMessage;
|
|
@@ -15824,7 +16019,7 @@ import {
|
|
|
15824
16019
|
isTokenEquivalent as isTokenEquivalent6,
|
|
15825
16020
|
round as round3
|
|
15826
16021
|
} from "@funkit/utils";
|
|
15827
|
-
import React144, { useMemo as
|
|
16022
|
+
import React144, { useMemo as useMemo23 } from "react";
|
|
15828
16023
|
|
|
15829
16024
|
// src/components/YouPayYouReceive/YouPayYouReceive.tsx
|
|
15830
16025
|
import { isMobile as isMobile3 } from "@funkit/utils";
|
|
@@ -16404,7 +16599,7 @@ function InputAmountLoaded({
|
|
|
16404
16599
|
maxUsd: Number.parseFloat(maxCheckoutUsdString),
|
|
16405
16600
|
minUsd
|
|
16406
16601
|
});
|
|
16407
|
-
const error =
|
|
16602
|
+
const error = useMemo23(() => {
|
|
16408
16603
|
if (usdAvailableAmount === 0) {
|
|
16409
16604
|
return {
|
|
16410
16605
|
message: "Insufficient balance, please select another asset instead.",
|
|
@@ -16437,7 +16632,7 @@ function InputAmountLoaded({
|
|
|
16437
16632
|
}
|
|
16438
16633
|
}
|
|
16439
16634
|
}, [inputError, usdAvailableAmount]);
|
|
16440
|
-
const suggestion =
|
|
16635
|
+
const suggestion = useMemo23(() => {
|
|
16441
16636
|
if (!inputError) return void 0;
|
|
16442
16637
|
switch (inputError.type) {
|
|
16443
16638
|
case "aboveAvailable": {
|
|
@@ -16588,7 +16783,7 @@ function InputAmountLoaded({
|
|
|
16588
16783
|
|
|
16589
16784
|
// src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
|
|
16590
16785
|
import { formatCryptoAndStringify as formatCryptoAndStringify3 } from "@funkit/utils";
|
|
16591
|
-
import React145, { useMemo as
|
|
16786
|
+
import React145, { useMemo as useMemo24 } from "react";
|
|
16592
16787
|
function InputAmountLoading({
|
|
16593
16788
|
isCardCheckout,
|
|
16594
16789
|
modalState,
|
|
@@ -16601,7 +16796,7 @@ function InputAmountLoading({
|
|
|
16601
16796
|
const { unlinkBrokerage } = useFunkitMesh();
|
|
16602
16797
|
const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
|
|
16603
16798
|
const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
|
|
16604
|
-
const error =
|
|
16799
|
+
const error = useMemo24(() => {
|
|
16605
16800
|
if (sourceHoldingError) {
|
|
16606
16801
|
return {
|
|
16607
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(
|
|
@@ -16687,25 +16882,65 @@ function InputAmountLoading({
|
|
|
16687
16882
|
|
|
16688
16883
|
// src/modals/CheckoutModal/InputAmount/useAssetPrice.ts
|
|
16689
16884
|
import { getAssetPriceInfo as getAssetPriceInfo3 } from "@funkit/api-base";
|
|
16690
|
-
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()];
|
|
16691
16911
|
function useAssetPrice({
|
|
16692
16912
|
chainId,
|
|
16693
16913
|
assetTokenAddress
|
|
16694
16914
|
}) {
|
|
16695
16915
|
const { apiKey } = useFunkitConfig();
|
|
16696
|
-
const { data, error, isLoading } =
|
|
16916
|
+
const { data, error, isLoading } = useQuery10({
|
|
16697
16917
|
queryKey: ["getAssetPriceInfo", chainId, assetTokenAddress],
|
|
16698
16918
|
queryFn: chainId && assetTokenAddress ? async () => {
|
|
16919
|
+
const isRelayPrimary = RELAY_SHORT_CIRCUIT_CHAIN_IDS.includes(chainId);
|
|
16699
16920
|
try {
|
|
16700
|
-
return await
|
|
16921
|
+
return isRelayPrimary ? await getFormattedRelayAssetPriceInfo({
|
|
16922
|
+
chainId,
|
|
16923
|
+
assetTokenAddress
|
|
16924
|
+
}) : await getAssetPriceInfo3({
|
|
16701
16925
|
apiKey,
|
|
16702
16926
|
assetTokenAddress,
|
|
16703
16927
|
chainId,
|
|
16704
16928
|
logger
|
|
16705
16929
|
});
|
|
16706
|
-
} catch (
|
|
16707
|
-
logger.
|
|
16708
|
-
|
|
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
|
+
});
|
|
16709
16944
|
}
|
|
16710
16945
|
} : skipToken,
|
|
16711
16946
|
refetchInterval: 1e4
|
|
@@ -16718,7 +16953,7 @@ function useAssetPrice({
|
|
|
16718
16953
|
}
|
|
16719
16954
|
|
|
16720
16955
|
// src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
|
|
16721
|
-
import { useMemo as
|
|
16956
|
+
import { useMemo as useMemo25 } from "react";
|
|
16722
16957
|
function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
|
|
16723
16958
|
const {
|
|
16724
16959
|
data: meshAssetHoldings,
|
|
@@ -16736,7 +16971,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
|
|
|
16736
16971
|
["token_transfer" /* TOKEN_TRANSFER */]: null,
|
|
16737
16972
|
["virtual_bank" /* VIRTUAL_BANK */]: null
|
|
16738
16973
|
}[paymentMethodInfo.paymentMethod];
|
|
16739
|
-
const holdingItem =
|
|
16974
|
+
const holdingItem = useMemo25(() => {
|
|
16740
16975
|
if (!assetSymbol || !holdings) {
|
|
16741
16976
|
return;
|
|
16742
16977
|
}
|
|
@@ -17114,7 +17349,7 @@ import {
|
|
|
17114
17349
|
meshExecuteTransferProxy
|
|
17115
17350
|
} from "@funkit/api-base";
|
|
17116
17351
|
import { ClientError as ClientError4, FlagKey as FlagKey20, formatAddress as formatAddress4 } from "@funkit/utils";
|
|
17117
|
-
import React161, { useMemo as
|
|
17352
|
+
import React161, { useMemo as useMemo26, useState as useState38 } from "react";
|
|
17118
17353
|
import { createPortal as createPortal8 } from "react-dom";
|
|
17119
17354
|
|
|
17120
17355
|
// src/components/CopyAddress/CopyAddressButton.tsx
|
|
@@ -17694,7 +17929,7 @@ function MeshVerification({
|
|
|
17694
17929
|
return () => setScreen(0 /* INITIAL */);
|
|
17695
17930
|
});
|
|
17696
17931
|
const brokerName = getExchangeName(brokerType);
|
|
17697
|
-
const verificationTitle =
|
|
17932
|
+
const verificationTitle = useMemo26(() => {
|
|
17698
17933
|
switch (executionStatus) {
|
|
17699
17934
|
case MeshExecuteTransferStatus.secondMfaRequired:
|
|
17700
17935
|
return `Additional ${brokerName} 2FA required`;
|
|
@@ -17721,7 +17956,7 @@ function MeshVerification({
|
|
|
17721
17956
|
executionContent?.verificationSteps?.length,
|
|
17722
17957
|
isSecond2fa
|
|
17723
17958
|
]);
|
|
17724
|
-
const verificationDescription =
|
|
17959
|
+
const verificationDescription = useMemo26(() => {
|
|
17725
17960
|
switch (executionStatus) {
|
|
17726
17961
|
case MeshExecuteTransferStatus.secondMfaRequired:
|
|
17727
17962
|
return `Please enable at least two 2FA methods on your ${brokerName} account. Once enabled, you will have to reconnect your account.`;
|
|
@@ -17866,7 +18101,7 @@ var VerificationPopup = ({
|
|
|
17866
18101
|
};
|
|
17867
18102
|
|
|
17868
18103
|
// src/modals/CheckoutModal/MoonpaySetup.tsx
|
|
17869
|
-
import React163, { useCallback as useCallback31, useMemo as
|
|
18104
|
+
import React163, { useCallback as useCallback31, useMemo as useMemo28, useState as useState40 } from "react";
|
|
17870
18105
|
|
|
17871
18106
|
// src/components/FunPayments/FunPaymentMoonpayType.css.ts
|
|
17872
18107
|
var mpClass = "_1kmpeyf0";
|
|
@@ -17875,7 +18110,7 @@ var stretchStyle = "_1kmpeyf1";
|
|
|
17875
18110
|
// src/components/FunPayments/FunPaymentMoonpayType.tsx
|
|
17876
18111
|
import { getMoonpayUrlSignature } from "@funkit/api-base";
|
|
17877
18112
|
import { colorToHex } from "@funkit/utils";
|
|
17878
|
-
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";
|
|
17879
18114
|
var LazyMoonPayBuyWidget = (props) => {
|
|
17880
18115
|
const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState39(null);
|
|
17881
18116
|
useEffect32(() => {
|
|
@@ -17906,7 +18141,7 @@ function FunPaymentMoonpayType({
|
|
|
17906
18141
|
const isSandboxMode = useIsFunkitSandboxMode();
|
|
17907
18142
|
const funkitConfig = useFunkitConfig();
|
|
17908
18143
|
const { userInfo } = useGeneralWallet();
|
|
17909
|
-
const currencyCode =
|
|
18144
|
+
const currencyCode = useMemo27(() => {
|
|
17910
18145
|
return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
|
|
17911
18146
|
}, [depositToken, depositTokenChainId]);
|
|
17912
18147
|
const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
|
|
@@ -17929,7 +18164,7 @@ function FunPaymentMoonpayType({
|
|
|
17929
18164
|
});
|
|
17930
18165
|
return signature || "";
|
|
17931
18166
|
};
|
|
17932
|
-
const moonpayButtonColor =
|
|
18167
|
+
const moonpayButtonColor = useMemo27(() => {
|
|
17933
18168
|
const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
|
|
17934
18169
|
if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
|
|
17935
18170
|
return void 0;
|
|
@@ -17984,7 +18219,7 @@ function MoonpaySetup({
|
|
|
17984
18219
|
depositAddress: paymentAddress
|
|
17985
18220
|
});
|
|
17986
18221
|
}, [onNext, paymentAddress]);
|
|
17987
|
-
const MoonpayWidget =
|
|
18222
|
+
const MoonpayWidget = useMemo28(() => {
|
|
17988
18223
|
return /* @__PURE__ */ React163.createElement(
|
|
17989
18224
|
FunPaymentMoonpayType,
|
|
17990
18225
|
{
|
|
@@ -18015,7 +18250,7 @@ function MoonpaySetup({
|
|
|
18015
18250
|
// src/modals/CheckoutModal/SelectAsset.tsx
|
|
18016
18251
|
import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
|
|
18017
18252
|
import { formatCurrencyAndStringify as formatCurrencyAndStringify6, isTokenEquivalent as isTokenEquivalent7 } from "@funkit/utils";
|
|
18018
|
-
import React176, { useEffect as useEffect34, useMemo as
|
|
18253
|
+
import React176, { useEffect as useEffect34, useMemo as useMemo30, useState as useState42 } from "react";
|
|
18019
18254
|
import { createPortal as createPortal9 } from "react-dom";
|
|
18020
18255
|
|
|
18021
18256
|
// src/components/Dropdown/ChainDropdown.tsx
|
|
@@ -18024,7 +18259,7 @@ import React171 from "react";
|
|
|
18024
18259
|
// src/components/Dropdown/BaseDropdown.tsx
|
|
18025
18260
|
import { isMobile as isMobile6, noop as noop6 } from "@funkit/utils";
|
|
18026
18261
|
import { AnimatePresence as AnimatePresence4, motion as motion6 } from "motion/react";
|
|
18027
|
-
import React169, { useCallback as useCallback32, useMemo as
|
|
18262
|
+
import React169, { useCallback as useCallback32, useMemo as useMemo29, useState as useState41 } from "react";
|
|
18028
18263
|
|
|
18029
18264
|
// src/components/FunNoResults/FunNoResults.tsx
|
|
18030
18265
|
import React165 from "react";
|
|
@@ -18190,7 +18425,7 @@ var baseStyles2 = "_1dewiqw0";
|
|
|
18190
18425
|
|
|
18191
18426
|
// src/components/Dropdown/BaseDropdown.css.ts
|
|
18192
18427
|
var BORDER_RADIUS = "dropdown";
|
|
18193
|
-
var baseDropdownItemWrapperStyles = "_1nns6ys1
|
|
18428
|
+
var baseDropdownItemWrapperStyles = "_1nns6ys1 _1rsrm2f17";
|
|
18194
18429
|
|
|
18195
18430
|
// src/components/Dropdown/BaseActiveDropdownItem.tsx
|
|
18196
18431
|
function BaseActiveDropdownItem({
|
|
@@ -18302,7 +18537,7 @@ function BaseDropdown({
|
|
|
18302
18537
|
const handleSearch = (event) => {
|
|
18303
18538
|
setSearchInput(event.target.value);
|
|
18304
18539
|
};
|
|
18305
|
-
const filteredOptions =
|
|
18540
|
+
const filteredOptions = useMemo29(
|
|
18306
18541
|
() => options.filter(
|
|
18307
18542
|
(singleOption) => singleOption.label.toLowerCase().includes(searchInput?.toLowerCase())
|
|
18308
18543
|
),
|
|
@@ -19423,7 +19658,7 @@ function useEnrichedAccountHoldings({
|
|
|
19423
19658
|
const { apiKey } = useFunkitConfig();
|
|
19424
19659
|
const { isAllowed, isLoading } = useAllowedAssets();
|
|
19425
19660
|
const { loginType, walletAddress } = useGeneralWallet();
|
|
19426
|
-
const enrichedAccountHoldings =
|
|
19661
|
+
const enrichedAccountHoldings = useMemo30(() => {
|
|
19427
19662
|
if (!checkoutConfig) return [];
|
|
19428
19663
|
return Object.values(accountHoldings).map((asset) => {
|
|
19429
19664
|
const usableForCheckout = isAssetUsableToPayForCheckout({
|
|
@@ -19462,7 +19697,7 @@ function useAssetOptions({
|
|
|
19462
19697
|
userSelectedTargetAsset,
|
|
19463
19698
|
chainId
|
|
19464
19699
|
}) {
|
|
19465
|
-
const assetOptions =
|
|
19700
|
+
const assetOptions = useMemo30(() => {
|
|
19466
19701
|
return enrichedAccountHoldings.filter(
|
|
19467
19702
|
({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
|
|
19468
19703
|
).map(({ asset, usableForCheckout }) => {
|
|
@@ -19470,7 +19705,12 @@ function useAssetOptions({
|
|
|
19470
19705
|
const isKnown = isKnownAsset2(asset);
|
|
19471
19706
|
const isDisabled = !isUsable || !isKnown;
|
|
19472
19707
|
const isDefault = defaultTokenSymbols.includes(asset.chainSymbolKey);
|
|
19473
|
-
const isUserSelected =
|
|
19708
|
+
const isUserSelected = isTokenEquivalent7({
|
|
19709
|
+
firstTokenChainId: asset.pickedChainId,
|
|
19710
|
+
firstTokenAddress: asset.tokenAddress,
|
|
19711
|
+
secondTokenChainId: userSelectedTargetAsset?.tokenChainId || "",
|
|
19712
|
+
secondTokenAddress: userSelectedTargetAsset?.tokenAddress || ""
|
|
19713
|
+
});
|
|
19474
19714
|
let badgeText = "";
|
|
19475
19715
|
if (!isUsable) {
|
|
19476
19716
|
badgeText = reason;
|
|
@@ -19515,13 +19755,13 @@ function MeshOrAccountSelectAsset({
|
|
|
19515
19755
|
const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState42("");
|
|
19516
19756
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
19517
19757
|
const candidates = checkoutConfig?.dynamicTargetAssetCandidates;
|
|
19518
|
-
const withTargetAssetSection = isVertexCustomer(apiKey) || isBsxCustomer(apiKey);
|
|
19758
|
+
const withTargetAssetSection = isVertexCustomer(apiKey) || isBsxCustomer(apiKey) || isKatanaCustomer(apiKey);
|
|
19519
19759
|
const isTargetAssetSelectable = withTargetAssetSection && candidates;
|
|
19520
19760
|
const defaultTargetAsset = isTargetAssetSelectable ? candidates.find(
|
|
19521
19761
|
(token) => token.tokenSymbol === checkoutConfig?.targetAssetTicker
|
|
19522
19762
|
) ?? candidates.find((token) => token.isDefault) ?? candidates[0] : void 0;
|
|
19523
19763
|
const [selectedTargetAsset, setSelectedTargetAsset] = useState42(defaultTargetAsset);
|
|
19524
|
-
const defaultTokenSymbols =
|
|
19764
|
+
const defaultTokenSymbols = useMemo30(() => {
|
|
19525
19765
|
if (!checkoutConfig) {
|
|
19526
19766
|
return [];
|
|
19527
19767
|
}
|
|
@@ -19584,7 +19824,7 @@ function MeshOrAccountSelectAsset({
|
|
|
19584
19824
|
handleTargetAssetUpdate(tokenItem);
|
|
19585
19825
|
onFinish();
|
|
19586
19826
|
});
|
|
19587
|
-
const selectedChainTokenSymbol =
|
|
19827
|
+
const selectedChainTokenSymbol = useMemo30(() => {
|
|
19588
19828
|
if (explicitlySelectedChainTokenSymbol) {
|
|
19589
19829
|
const assetExists = assetOptions.find(
|
|
19590
19830
|
({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
|
|
@@ -20016,6 +20256,8 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20016
20256
|
const { apiKey, uiCustomizations } = useFunkitConfig();
|
|
20017
20257
|
const isTokenTransferEnabled = useFlag(FlagKey22.EnableTokenTransfer);
|
|
20018
20258
|
const isFiatEnabled = useFiatEnabled();
|
|
20259
|
+
const isCardFlagEnabled = useFlag(FlagKey22.EnableCard);
|
|
20260
|
+
const isBrokerageEnabled = useFlag(FlagKey22.EnableBrokerage);
|
|
20019
20261
|
const accountPaymentMethodInfo = createPaymentMethodInfo({
|
|
20020
20262
|
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
20021
20263
|
walletAddress
|
|
@@ -20029,10 +20271,10 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20029
20271
|
const connected = [
|
|
20030
20272
|
paymentMethodInfo,
|
|
20031
20273
|
connectedAccountInfo,
|
|
20032
|
-
...activeConnections,
|
|
20274
|
+
...isBrokerageEnabled ? activeConnections : [],
|
|
20033
20275
|
virtualBankPaymentMethodInfo
|
|
20034
20276
|
].filter(isNotNullish9);
|
|
20035
|
-
const isCardEnabled = uiCustomizations?.paymentMethods?.isCardEnabled ?? true;
|
|
20277
|
+
const isCardEnabled = isCardFlagEnabled && (uiCustomizations?.paymentMethods?.isCardEnabled ?? true);
|
|
20036
20278
|
const ignoreFallback = isUserLoggedIn && !hasUsableBalance;
|
|
20037
20279
|
const fallback2 = connected.length === 0 && !ignoreFallback ? isTokenTransferEnabled ? ["token_transfer" /* TOKEN_TRANSFER */] : isCardEnabled ? ["card" /* CARD */] : isDydxCustomer(apiKey) ? [] : ["balance" /* ACCOUNT_BALANCE */] : [];
|
|
20038
20280
|
const isTokenInNewSources = !fallback2.includes("token_transfer" /* TOKEN_TRANSFER */) && isTokenTransferEnabled;
|
|
@@ -20040,7 +20282,7 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20040
20282
|
const isBankInNewSources = !matchingFiatAccount && isUserLoggedIn && isFiatEnabled;
|
|
20041
20283
|
const newSources = [
|
|
20042
20284
|
isTokenInNewSources && "token_transfer" /* TOKEN_TRANSFER */,
|
|
20043
|
-
"brokerage" /* BROKERAGE */,
|
|
20285
|
+
isBrokerageEnabled && "brokerage" /* BROKERAGE */,
|
|
20044
20286
|
isBankInNewSources && "virtual_bank" /* VIRTUAL_BANK */,
|
|
20045
20287
|
isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */,
|
|
20046
20288
|
!fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */
|
|
@@ -20052,7 +20294,11 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20052
20294
|
};
|
|
20053
20295
|
|
|
20054
20296
|
// src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
|
|
20055
|
-
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";
|
|
20056
20302
|
import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
|
|
20057
20303
|
import { useCallback as useCallback33, useState as useState44 } from "react";
|
|
20058
20304
|
import { mainnet as mainnet7, mantle, zkSync as zkSync2 } from "viem/chains";
|
|
@@ -20065,12 +20311,17 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
|
|
|
20065
20311
|
const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
|
|
20066
20312
|
const moonpayChainId = getMockedTargetChainId(
|
|
20067
20313
|
checkoutItem.initSettings.config,
|
|
20068
|
-
[
|
|
20314
|
+
[
|
|
20315
|
+
zkSync2.id.toString(),
|
|
20316
|
+
mantle.id.toString(),
|
|
20317
|
+
dydxChain3.id.toString(),
|
|
20318
|
+
katanaChain.id.toString()
|
|
20319
|
+
]
|
|
20069
20320
|
);
|
|
20070
20321
|
const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
|
|
20071
20322
|
const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
|
|
20072
20323
|
checkoutItem.initSettings.config.targetAsset
|
|
20073
|
-
) &&
|
|
20324
|
+
) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
|
|
20074
20325
|
let sourceTokenAddress;
|
|
20075
20326
|
let sourceTokenTicker;
|
|
20076
20327
|
let sourceTokenChainId;
|
|
@@ -20395,7 +20646,7 @@ function SourceChange({
|
|
|
20395
20646
|
);
|
|
20396
20647
|
}
|
|
20397
20648
|
const bottomSectionRef = useBottomSectionRef();
|
|
20398
|
-
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(
|
|
20399
20650
|
FunDivider,
|
|
20400
20651
|
{
|
|
20401
20652
|
label: "more",
|
|
@@ -20472,8 +20723,8 @@ var CheckCircleIcon = () => {
|
|
|
20472
20723
|
};
|
|
20473
20724
|
|
|
20474
20725
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
20475
|
-
var copyButton = "_1kbzei93
|
|
20476
|
-
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";
|
|
20477
20728
|
|
|
20478
20729
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
20479
20730
|
function CopyInputDisplayedAddress({
|
|
@@ -20608,7 +20859,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React183.createElemen
|
|
|
20608
20859
|
|
|
20609
20860
|
// src/components/QRCode/QRCode.tsx
|
|
20610
20861
|
import QRCodeUtil from "qrcode";
|
|
20611
|
-
import React184, { useMemo as
|
|
20862
|
+
import React184, { useMemo as useMemo31 } from "react";
|
|
20612
20863
|
var generateMatrix = (value, errorCorrectionLevel) => {
|
|
20613
20864
|
const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
|
|
20614
20865
|
const sqrt = Math.sqrt(data.length);
|
|
@@ -20636,7 +20887,7 @@ function QRCode({
|
|
|
20636
20887
|
}) {
|
|
20637
20888
|
const { activeTheme } = useActiveTheme();
|
|
20638
20889
|
const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
|
|
20639
|
-
const dots =
|
|
20890
|
+
const dots = useMemo31(() => {
|
|
20640
20891
|
const dots2 = [];
|
|
20641
20892
|
const matrix = generateMatrix(uri, ecl);
|
|
20642
20893
|
const cellSize = size / matrix.length;
|
|
@@ -20879,7 +21130,7 @@ import { motion as motion7, useAnimationControls as useAnimationControls2 } from
|
|
|
20879
21130
|
import React190, { useState as useState47 } from "react";
|
|
20880
21131
|
|
|
20881
21132
|
// src/components/FunFeatureList/FunFeatureList.css.ts
|
|
20882
|
-
var detailsButton = "_1045qr71
|
|
21133
|
+
var detailsButton = "_1045qr71 _1rsrm2fcw _1rsrm2fdn _1rsrm2fea _1rsrm2fc1 _1rsrm2fg0 _1rsrm2fa _1rsrm2f4 _1rsrm2f42 _1rsrm2fu";
|
|
20883
21134
|
|
|
20884
21135
|
// src/components/FunFeatureList/FunFeatureListItem.tsx
|
|
20885
21136
|
import React189 from "react";
|
|
@@ -21548,7 +21799,7 @@ var Tabs = ({ tabs: tabs3, activeTab, onTabChange }) => {
|
|
|
21548
21799
|
{
|
|
21549
21800
|
display: "flex",
|
|
21550
21801
|
background: "offBackground",
|
|
21551
|
-
borderRadius: "
|
|
21802
|
+
borderRadius: "actionButton",
|
|
21552
21803
|
gap: "2",
|
|
21553
21804
|
padding: "2"
|
|
21554
21805
|
},
|
|
@@ -21561,7 +21812,7 @@ var Tabs = ({ tabs: tabs3, activeTab, onTabChange }) => {
|
|
|
21561
21812
|
background: activeTab === tab.value ? "modalBackground" : "offBackground",
|
|
21562
21813
|
paddingX: "12",
|
|
21563
21814
|
paddingY: "6",
|
|
21564
|
-
borderRadius: "
|
|
21815
|
+
borderRadius: "actionButtonInner",
|
|
21565
21816
|
onClick: () => onTabChange(tab.value),
|
|
21566
21817
|
style: { flex: 1, textAlign: "center" },
|
|
21567
21818
|
color: activeTab === tab.value ? "primaryText" : {
|
|
@@ -21594,140 +21845,150 @@ var AccountDetailsScreen = ({
|
|
|
21594
21845
|
setDetailsExpanded((prev) => !prev);
|
|
21595
21846
|
};
|
|
21596
21847
|
const { source_deposit_instructions: sourceDeposit } = matchingFiatAccount;
|
|
21597
|
-
return /* @__PURE__ */ React196.createElement(
|
|
21598
|
-
SourcePaymentMethodItem,
|
|
21599
|
-
{
|
|
21600
|
-
onClick: () => onNext({}),
|
|
21601
|
-
type: "virtual_bank" /* VIRTUAL_BANK */,
|
|
21602
|
-
keyText: label.text,
|
|
21603
|
-
keyIcon: label.icon
|
|
21604
|
-
}
|
|
21605
|
-
), /* @__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(
|
|
21606
|
-
Tabs,
|
|
21607
|
-
{
|
|
21608
|
-
tabs,
|
|
21609
|
-
activeTab,
|
|
21610
|
-
onTabChange: (tab) => setActiveTab(tab)
|
|
21611
|
-
}
|
|
21612
|
-
)), activeTab === "details" ? /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, sourceDeposit.bank_account_number ? /* @__PURE__ */ React196.createElement(
|
|
21613
|
-
FunInputButton,
|
|
21614
|
-
{
|
|
21615
|
-
label: "Account number",
|
|
21616
|
-
text: sourceDeposit.bank_account_number
|
|
21617
|
-
}
|
|
21618
|
-
) : null, sourceDeposit.bank_routing_number ? /* @__PURE__ */ React196.createElement(
|
|
21619
|
-
FunInputButton,
|
|
21620
|
-
{
|
|
21621
|
-
label: "Routing number",
|
|
21622
|
-
text: sourceDeposit.bank_routing_number
|
|
21623
|
-
}
|
|
21624
|
-
) : 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(
|
|
21625
|
-
FunInputButton,
|
|
21626
|
-
{
|
|
21627
|
-
label: "Account holder name",
|
|
21628
|
-
text: sourceDeposit.account_holder_name
|
|
21629
|
-
}
|
|
21630
|
-
) : null, sourceDeposit.bank_beneficiary_name ? /* @__PURE__ */ React196.createElement(
|
|
21631
|
-
FunInputButton,
|
|
21632
|
-
{
|
|
21633
|
-
label: "Beneficiary name",
|
|
21634
|
-
text: sourceDeposit.bank_beneficiary_name
|
|
21635
|
-
}
|
|
21636
|
-
) : null, detailsExpanded && /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(
|
|
21637
|
-
FunInputButton,
|
|
21638
|
-
{
|
|
21639
|
-
label: "Bank name",
|
|
21640
|
-
text: sourceDeposit.bank_name
|
|
21641
|
-
}
|
|
21642
|
-
), /* @__PURE__ */ React196.createElement(
|
|
21643
|
-
FunInputButton,
|
|
21644
|
-
{
|
|
21645
|
-
label: "Bank address",
|
|
21646
|
-
text: sourceDeposit.bank_address
|
|
21647
|
-
}
|
|
21648
|
-
), /* @__PURE__ */ React196.createElement(
|
|
21649
|
-
FunInputButton,
|
|
21650
|
-
{
|
|
21651
|
-
label: "Currency",
|
|
21652
|
-
text: String(sourceDeposit.currency).toUpperCase(),
|
|
21653
|
-
isCopyable: false
|
|
21654
|
-
}
|
|
21655
|
-
)), /* @__PURE__ */ React196.createElement(
|
|
21848
|
+
return /* @__PURE__ */ React196.createElement(
|
|
21656
21849
|
Box,
|
|
21657
21850
|
{
|
|
21658
|
-
|
|
21659
|
-
as: "button",
|
|
21851
|
+
id: "fiat-detail-page",
|
|
21660
21852
|
display: "flex",
|
|
21661
|
-
|
|
21662
|
-
|
|
21663
|
-
justifyContent: "center",
|
|
21664
|
-
paddingY: "8",
|
|
21665
|
-
paddingX: "24",
|
|
21666
|
-
onClick: handleToggleDetails,
|
|
21667
|
-
borderRadius: "connectButton",
|
|
21668
|
-
borderStyle: "solid",
|
|
21669
|
-
borderWidth: "1",
|
|
21670
|
-
borderColor: {
|
|
21671
|
-
base: "mediumStroke",
|
|
21672
|
-
hover: "heavyStroke"
|
|
21673
|
-
}
|
|
21853
|
+
flexDirection: "column",
|
|
21854
|
+
gap: "16"
|
|
21674
21855
|
},
|
|
21675
|
-
/* @__PURE__ */ React196.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
|
|
21676
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(
|
|
21677
21916
|
Box,
|
|
21678
21917
|
{
|
|
21679
|
-
width: "
|
|
21680
|
-
|
|
21918
|
+
width: "full",
|
|
21919
|
+
as: "button",
|
|
21681
21920
|
display: "flex",
|
|
21921
|
+
gap: "4",
|
|
21682
21922
|
alignItems: "center",
|
|
21683
|
-
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
|
+
}
|
|
21684
21934
|
},
|
|
21935
|
+
/* @__PURE__ */ React196.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
|
|
21685
21936
|
/* @__PURE__ */ React196.createElement(
|
|
21686
21937
|
Box,
|
|
21687
21938
|
{
|
|
21688
|
-
|
|
21689
|
-
|
|
21690
|
-
height: "8",
|
|
21939
|
+
width: "16",
|
|
21940
|
+
height: "16",
|
|
21691
21941
|
display: "flex",
|
|
21692
21942
|
alignItems: "center",
|
|
21693
|
-
justifyContent: "center"
|
|
21694
|
-
style: detailsExpanded ? { transform: "rotate(180deg)" } : void 0
|
|
21943
|
+
justifyContent: "center"
|
|
21695
21944
|
},
|
|
21696
|
-
/* @__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
|
+
)
|
|
21697
21958
|
)
|
|
21698
|
-
)
|
|
21699
|
-
|
|
21700
|
-
|
|
21701
|
-
|
|
21702
|
-
|
|
21703
|
-
|
|
21704
|
-
|
|
21705
|
-
|
|
21706
|
-
|
|
21707
|
-
|
|
21708
|
-
|
|
21709
|
-
|
|
21710
|
-
|
|
21711
|
-
|
|
21712
|
-
|
|
21713
|
-
|
|
21714
|
-
|
|
21715
|
-
|
|
21716
|
-
|
|
21717
|
-
|
|
21718
|
-
|
|
21719
|
-
|
|
21720
|
-
|
|
21721
|
-
|
|
21722
|
-
|
|
21723
|
-
|
|
21724
|
-
|
|
21725
|
-
|
|
21726
|
-
|
|
21727
|
-
|
|
21728
|
-
|
|
21729
|
-
|
|
21730
|
-
)
|
|
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
|
+
);
|
|
21731
21992
|
};
|
|
21732
21993
|
var FiatAccountDetail = {
|
|
21733
21994
|
Component: AccountDetailsScreen,
|
|
@@ -21745,7 +22006,7 @@ var FiatAccountDetail = {
|
|
|
21745
22006
|
|
|
21746
22007
|
// src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
|
|
21747
22008
|
import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
|
|
21748
|
-
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";
|
|
21749
22010
|
function useIframeListener(listeners) {
|
|
21750
22011
|
const handleMessage = useCallback34(
|
|
21751
22012
|
(event) => {
|
|
@@ -21798,7 +22059,7 @@ function KycIframe({
|
|
|
21798
22059
|
const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
|
|
21799
22060
|
const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
|
|
21800
22061
|
const [iframeLoading, setIframeLoading] = useState50(true);
|
|
21801
|
-
const listeners =
|
|
22062
|
+
const listeners = useMemo32(
|
|
21802
22063
|
() => ({
|
|
21803
22064
|
load: () => {
|
|
21804
22065
|
logger.info("KYC iframe loaded");
|
|
@@ -22504,7 +22765,7 @@ function FunConnectOptions({
|
|
|
22504
22765
|
}
|
|
22505
22766
|
}
|
|
22506
22767
|
};
|
|
22507
|
-
const stepComponent =
|
|
22768
|
+
const stepComponent = useMemo33(() => {
|
|
22508
22769
|
switch (step) {
|
|
22509
22770
|
case 0 /* SIGNIN_PRIMARY */:
|
|
22510
22771
|
case 1 /* SIGNIN_SECONDARY */:
|
|
@@ -22613,7 +22874,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
|
|
|
22613
22874
|
function useEnabledSocialLogins() {
|
|
22614
22875
|
const funkitConfig = useFunkitConfig();
|
|
22615
22876
|
const { web2SocialLogins } = funkitConfig.loginConfig;
|
|
22616
|
-
const enabledSocialItems =
|
|
22877
|
+
const enabledSocialItems = useMemo34(() => {
|
|
22617
22878
|
return FULL_SOCIAL_LOGIN_OPTIONS.filter(
|
|
22618
22879
|
(oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
|
|
22619
22880
|
);
|
|
@@ -22642,7 +22903,7 @@ function FunSignInStep({
|
|
|
22642
22903
|
handleOauthRedirect,
|
|
22643
22904
|
handleGenerateFcUri
|
|
22644
22905
|
} = useFunkitWeb2Login();
|
|
22645
|
-
const isEmailInputValid =
|
|
22906
|
+
const isEmailInputValid = useMemo34(() => {
|
|
22646
22907
|
return validateEmailString(emailInput);
|
|
22647
22908
|
}, [emailInput]);
|
|
22648
22909
|
const [emailError, setEmailError] = useState55();
|
|
@@ -23210,7 +23471,7 @@ var getTimestamp = (timestampMs) => formatTimestamp(new Date(timestampMs), {
|
|
|
23210
23471
|
// src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
|
|
23211
23472
|
import { formatSecondsToCountdownForm } from "@funkit/utils";
|
|
23212
23473
|
import { motion as motion10 } from "motion/react";
|
|
23213
|
-
import React213, { useMemo as
|
|
23474
|
+
import React213, { useMemo as useMemo35 } from "react";
|
|
23214
23475
|
|
|
23215
23476
|
// src/components/FunCheckoutHistory/FunCheckoutStatus.css.ts
|
|
23216
23477
|
var GradientLoadingBox = "_101aujm0";
|
|
@@ -23271,7 +23532,7 @@ function PendingCheckoutStatus({
|
|
|
23271
23532
|
checkoutItem.latestQuote?.finalTimeEstimationMs,
|
|
23272
23533
|
checkoutItem.selectedPaymentMethodInfo?.paymentMethod
|
|
23273
23534
|
);
|
|
23274
|
-
const estimatedRemainingSeconds =
|
|
23535
|
+
const estimatedRemainingSeconds = useMemo35(() => {
|
|
23275
23536
|
const startTimeMs = extractStartTimeMs(
|
|
23276
23537
|
checkoutItem.id,
|
|
23277
23538
|
activeCheckoutItem,
|
|
@@ -23395,7 +23656,7 @@ function FunCheckoutHistoryDetail({
|
|
|
23395
23656
|
includeGenerateActionsParams
|
|
23396
23657
|
]
|
|
23397
23658
|
);
|
|
23398
|
-
const buttonProps =
|
|
23659
|
+
const buttonProps = useMemo36(() => {
|
|
23399
23660
|
if (!isCheckoutLoaded) {
|
|
23400
23661
|
return { title: "", isDisabled: true, isLoading: true };
|
|
23401
23662
|
}
|
|
@@ -23477,7 +23738,7 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
|
|
|
23477
23738
|
|
|
23478
23739
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
|
|
23479
23740
|
import { sendSupportMessage } from "@funkit/api-base";
|
|
23480
|
-
import React217, { useEffect as useEffect42, useMemo as
|
|
23741
|
+
import React217, { useEffect as useEffect42, useMemo as useMemo37, useRef as useRef19, useState as useState58 } from "react";
|
|
23481
23742
|
import { createPortal as createPortal12 } from "react-dom";
|
|
23482
23743
|
|
|
23483
23744
|
// src/components/FunInput/FunTextAreaInput.tsx
|
|
@@ -23624,7 +23885,7 @@ function FunCheckoutHistoryHelp({
|
|
|
23624
23885
|
);
|
|
23625
23886
|
const [descriptionInput, setDescriptionInput] = useState58("");
|
|
23626
23887
|
const [errorMessage, setErrorMessage] = useState58();
|
|
23627
|
-
const isEmailInputValid =
|
|
23888
|
+
const isEmailInputValid = useMemo37(() => {
|
|
23628
23889
|
return validateEmailString(emailInput);
|
|
23629
23890
|
}, [emailInput]);
|
|
23630
23891
|
const [processStage, setProcessStage] = useState58(
|
|
@@ -23806,96 +24067,21 @@ function FunCheckoutHistoryHelp({
|
|
|
23806
24067
|
}
|
|
23807
24068
|
|
|
23808
24069
|
// src/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.tsx
|
|
23809
|
-
import { DirectExecutionType as
|
|
24070
|
+
import { DirectExecutionType as DirectExecutionType4 } from "@funkit/api-base";
|
|
23810
24071
|
import {
|
|
23811
24072
|
formatAddress as formatAddress7,
|
|
23812
24073
|
formatCryptoAndStringify as formatCryptoAndStringify5,
|
|
23813
24074
|
isTokenEquivalent as isTokenEquivalent8
|
|
23814
24075
|
} from "@funkit/utils";
|
|
23815
|
-
import React219, { useCallback as useCallback41, useMemo as
|
|
24076
|
+
import React219, { useCallback as useCallback41, useMemo as useMemo39 } from "react";
|
|
23816
24077
|
import { createPortal as createPortal13 } from "react-dom";
|
|
23817
24078
|
|
|
23818
|
-
// src/hooks/useCheckoutDirectExecutionHistory.ts
|
|
23819
|
-
import {
|
|
23820
|
-
CheckoutRefundState as CheckoutRefundState2,
|
|
23821
|
-
CheckoutState as CheckoutState4,
|
|
23822
|
-
DirectExecutionType as DirectExecutionType4
|
|
23823
|
-
} from "@funkit/api-base";
|
|
23824
|
-
import {
|
|
23825
|
-
getRelayExecutionRefundState,
|
|
23826
|
-
getRelayExecutionState
|
|
23827
|
-
} from "@funkit/fun-relay";
|
|
23828
|
-
|
|
23829
|
-
// src/hooks/useRelayExecutionInfo.ts
|
|
23830
|
-
import {
|
|
23831
|
-
getRelayExecutionInfo,
|
|
23832
|
-
isRelayExecutionTerminalStatus
|
|
23833
|
-
} from "@funkit/fun-relay";
|
|
23834
|
-
import { useQuery as useQuery10 } from "@tanstack/react-query";
|
|
23835
|
-
var RELAY_FETCH_INTERVAL = 2e3;
|
|
23836
|
-
var logPrefix = "useRelayExecutionInfo";
|
|
23837
|
-
function useRelayExecutionInfo({
|
|
23838
|
-
relayRequestId
|
|
23839
|
-
}) {
|
|
23840
|
-
const { data: relayExecutionInfo, isLoading: isLoadingRelayExecutionInfo } = useQuery10({
|
|
23841
|
-
queryKey: [logPrefix, relayRequestId],
|
|
23842
|
-
queryFn: async () => {
|
|
23843
|
-
try {
|
|
23844
|
-
const data = await getRelayExecutionInfo(relayRequestId);
|
|
23845
|
-
logger.log(`${logPrefix}:response`, data);
|
|
23846
|
-
return data;
|
|
23847
|
-
} catch (error) {
|
|
23848
|
-
logger.error(`${logPrefix}:error`, error);
|
|
23849
|
-
throw error;
|
|
23850
|
-
}
|
|
23851
|
-
},
|
|
23852
|
-
refetchOnWindowFocus: false,
|
|
23853
|
-
refetchInterval: (query) => {
|
|
23854
|
-
const latestData = query.state.data;
|
|
23855
|
-
return latestData && isRelayExecutionTerminalStatus(latestData) ? 0 : RELAY_FETCH_INTERVAL;
|
|
23856
|
-
},
|
|
23857
|
-
enabled: !!relayRequestId
|
|
23858
|
-
});
|
|
23859
|
-
return {
|
|
23860
|
-
relayExecutionInfo,
|
|
23861
|
-
isLoadingRelayExecutionInfo
|
|
23862
|
-
};
|
|
23863
|
-
}
|
|
23864
|
-
|
|
23865
|
-
// src/hooks/useCheckoutDirectExecutionHistory.ts
|
|
23866
|
-
function useCheckoutDirectExecutionHistory({
|
|
23867
|
-
directExecution
|
|
23868
|
-
}) {
|
|
23869
|
-
const type = directExecution?.type;
|
|
23870
|
-
const quoteId = directExecution?.clientMetadata.latestQuote?.baseQuote.quoteId;
|
|
23871
|
-
const { relayExecutionInfo } = useRelayExecutionInfo({
|
|
23872
|
-
relayRequestId: type === DirectExecutionType4.RELAY ? quoteId : void 0
|
|
23873
|
-
});
|
|
23874
|
-
const state = relayExecutionInfo && type === DirectExecutionType4.RELAY ? (
|
|
23875
|
-
// For RELAY type executions, map the relay status to CheckoutState
|
|
23876
|
-
getRelayExecutionState(relayExecutionInfo)
|
|
23877
|
-
) : (
|
|
23878
|
-
// For all other cases, direct execution is considered completed
|
|
23879
|
-
CheckoutState4.COMPLETED
|
|
23880
|
-
);
|
|
23881
|
-
const refundState = relayExecutionInfo && type === DirectExecutionType4.RELAY ? getRelayExecutionRefundState(relayExecutionInfo) : void 0;
|
|
23882
|
-
const isDelayed2 = type === DirectExecutionType4.RELAY && relayExecutionInfo?.status === "delayed";
|
|
23883
|
-
return {
|
|
23884
|
-
state,
|
|
23885
|
-
refundState,
|
|
23886
|
-
isRefunded: refundState === CheckoutRefundState2.REFUNDED,
|
|
23887
|
-
isCompleted: state === CheckoutState4.COMPLETED,
|
|
23888
|
-
isFailed: state === CheckoutState4.CHECKOUT_ERROR,
|
|
23889
|
-
isDelayed: isDelayed2
|
|
23890
|
-
};
|
|
23891
|
-
}
|
|
23892
|
-
|
|
23893
24079
|
// src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
|
|
23894
|
-
import React218, { useMemo as
|
|
24080
|
+
import React218, { useMemo as useMemo38 } from "react";
|
|
23895
24081
|
function FunDirectExecutionStatus({
|
|
23896
24082
|
directExecution
|
|
23897
24083
|
}) {
|
|
23898
|
-
const { isCompleted, isDelayed: isDelayed2, isFailed, isRefunded } = useCheckoutDirectExecutionHistory({ directExecution });
|
|
24084
|
+
const { isCompleted, isDelayed: isDelayed2, isFailed, isRefunded } = useCheckoutDirectExecutionHistory({ txHash: directExecution?.txHash });
|
|
23899
24085
|
if (directExecution === void 0) {
|
|
23900
24086
|
return /* @__PURE__ */ React218.createElement(Box, { className: GradientLoadingBox }, /* @__PURE__ */ React218.createElement(FunSkeletonCircle, { size: "40" }));
|
|
23901
24087
|
}
|
|
@@ -23913,11 +24099,11 @@ function FunDirectExecutionStatus({
|
|
|
23913
24099
|
function PendingDirectExecutionStatus({
|
|
23914
24100
|
directExecution
|
|
23915
24101
|
}) {
|
|
23916
|
-
const totalSeconds =
|
|
24102
|
+
const totalSeconds = useMemo38(() => {
|
|
23917
24103
|
const timeEstimation = directExecution.clientMetadata.latestQuote?.finalTimeEstimationMs || 0;
|
|
23918
24104
|
return Math.ceil(timeEstimation / 1e3);
|
|
23919
24105
|
}, [directExecution]);
|
|
23920
|
-
const estimatedRemainingSeconds =
|
|
24106
|
+
const estimatedRemainingSeconds = useMemo38(() => {
|
|
23921
24107
|
const startTimeMs = directExecution.createdTimeMs;
|
|
23922
24108
|
return getTimeFromNowSeconds(startTimeMs, totalSeconds * 1e3);
|
|
23923
24109
|
}, [totalSeconds, directExecution]);
|
|
@@ -23936,7 +24122,7 @@ function FunDirectExecutionStatusTagLoaded({
|
|
|
23936
24122
|
directExecution
|
|
23937
24123
|
}) {
|
|
23938
24124
|
const { state, refundState, isDelayed: isDelayed2 } = useCheckoutDirectExecutionHistory({
|
|
23939
|
-
directExecution
|
|
24125
|
+
txHash: directExecution.txHash
|
|
23940
24126
|
});
|
|
23941
24127
|
return /* @__PURE__ */ React219.createElement(StatusTag, { state, refundState, isDelayed: isDelayed2 });
|
|
23942
24128
|
}
|
|
@@ -23976,7 +24162,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
23976
24162
|
includeGenerateActionsParams
|
|
23977
24163
|
]
|
|
23978
24164
|
);
|
|
23979
|
-
const buttonProps =
|
|
24165
|
+
const buttonProps = useMemo39(() => {
|
|
23980
24166
|
if (!isLoaded) {
|
|
23981
24167
|
return void 0;
|
|
23982
24168
|
}
|
|
@@ -24026,7 +24212,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
24026
24212
|
{
|
|
24027
24213
|
chainId: directExecution.fromChainId,
|
|
24028
24214
|
txHash: directExecution.txHash,
|
|
24029
|
-
customRedirectUrl: directExecution.type ===
|
|
24215
|
+
customRedirectUrl: directExecution.type === DirectExecutionType4.RELAY ? `${RELAY_TRANSACTION_PAGE_URL}${directExecution.txHash}` : void 0
|
|
24030
24216
|
}
|
|
24031
24217
|
)
|
|
24032
24218
|
) : /* @__PURE__ */ React219.createElement(Box, { display: "flex", gap: "5", alignItems: "center" }, /* @__PURE__ */ React219.createElement(FunSkeletonBlock, { height: "10", width: "93" })))), /* @__PURE__ */ React219.createElement(
|
|
@@ -24175,7 +24361,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
|
|
|
24175
24361
|
import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
|
|
24176
24362
|
import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
|
|
24177
24363
|
import clsx19 from "clsx";
|
|
24178
|
-
import React230, { useEffect as useEffect43, useMemo as
|
|
24364
|
+
import React230, { useEffect as useEffect43, useMemo as useMemo40, useRef as useRef21, useState as useState61 } from "react";
|
|
24179
24365
|
import { Virtuoso } from "react-virtuoso";
|
|
24180
24366
|
import { useAccount as useAccount6 } from "wagmi";
|
|
24181
24367
|
|
|
@@ -24251,7 +24437,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
|
|
|
24251
24437
|
|
|
24252
24438
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
|
|
24253
24439
|
var baseStyles4 = "ukct4t4";
|
|
24254
|
-
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1
|
|
24440
|
+
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f143 _1rsrm2f10w", defaultBackground: "_1rsrm2fnr _1rsrm2fk5", hoverBackground: "_1rsrm2fjs" };
|
|
24255
24441
|
|
|
24256
24442
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
24257
24443
|
var TEXT_SIZE_MEDIUM2 = "13";
|
|
@@ -24723,7 +24909,7 @@ function Home({
|
|
|
24723
24909
|
const virtuosoDiv = virtuosoParentRef.current?.firstChild;
|
|
24724
24910
|
virtuosoDiv?.classList.add(animateVirtuosoInClass);
|
|
24725
24911
|
}, []);
|
|
24726
|
-
const AssetsList =
|
|
24912
|
+
const AssetsList = useMemo40(() => {
|
|
24727
24913
|
if (walletAssets && !Object.keys(walletAssets).length) {
|
|
24728
24914
|
return /* @__PURE__ */ React230.createElement(EmptyTabAlert, null);
|
|
24729
24915
|
}
|
|
@@ -24750,7 +24936,7 @@ function Home({
|
|
|
24750
24936
|
}
|
|
24751
24937
|
));
|
|
24752
24938
|
}, [walletAssets]);
|
|
24753
|
-
const CheckoutsList =
|
|
24939
|
+
const CheckoutsList = useMemo40(() => {
|
|
24754
24940
|
if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
|
|
24755
24941
|
return /* @__PURE__ */ React230.createElement(EmptyTabAlert, null);
|
|
24756
24942
|
}
|
|
@@ -25503,7 +25689,7 @@ var FunCheckoutBlocked = ({ reason }) => {
|
|
|
25503
25689
|
|
|
25504
25690
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
25505
25691
|
import clsx22 from "clsx";
|
|
25506
|
-
import React244, { useEffect as useEffect45, useMemo as
|
|
25692
|
+
import React244, { useEffect as useEffect45, useMemo as useMemo41, useState as useState64 } from "react";
|
|
25507
25693
|
|
|
25508
25694
|
// src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
|
|
25509
25695
|
import React240 from "react";
|
|
@@ -25547,7 +25733,7 @@ var FunNotificationShowMoreButton = ({
|
|
|
25547
25733
|
);
|
|
25548
25734
|
};
|
|
25549
25735
|
|
|
25550
|
-
// src/hooks/queries/useRecentCheckouts.
|
|
25736
|
+
// src/hooks/queries/useRecentCheckouts.ts
|
|
25551
25737
|
import {
|
|
25552
25738
|
getCheckoutsByUserId as getCheckoutsByUserId2
|
|
25553
25739
|
} from "@funkit/api-base";
|
|
@@ -25562,14 +25748,11 @@ function useCheckoutRefreshInterval() {
|
|
|
25562
25748
|
}
|
|
25563
25749
|
var useRecentCheckouts = ({
|
|
25564
25750
|
paymentMethod = "token_transfer" /* TOKEN_TRANSFER */,
|
|
25565
|
-
newerThanMs,
|
|
25566
25751
|
isVisible
|
|
25567
25752
|
}) => {
|
|
25568
25753
|
const { isUserLoggedIn, userInfo } = useGeneralWallet();
|
|
25569
25754
|
const { apiKey } = useFunkitConfig();
|
|
25570
25755
|
const { listRefresh } = useCheckoutRefreshInterval();
|
|
25571
|
-
const defaultTimestampCutoff = Date.now() - DEFAULT_CUTOFF;
|
|
25572
|
-
const timestampCutoff = newerThanMs ?? defaultTimestampCutoff;
|
|
25573
25756
|
const query = useQuery11({
|
|
25574
25757
|
queryKey: ["checkouts", userInfo.id],
|
|
25575
25758
|
queryFn: async () => {
|
|
@@ -25577,8 +25760,9 @@ var useRecentCheckouts = ({
|
|
|
25577
25760
|
userId: userInfo.id,
|
|
25578
25761
|
apiKey
|
|
25579
25762
|
});
|
|
25763
|
+
const defaultTimestampCutoff = Date.now() - DEFAULT_CUTOFF;
|
|
25580
25764
|
return checkouts.filter(
|
|
25581
|
-
(checkout) => isCheckoutValid(checkout) && isRecent(checkout,
|
|
25765
|
+
(checkout) => isCheckoutValid(checkout) && isRecent(checkout, defaultTimestampCutoff) && hasCorrectPaymentMethod(checkout, paymentMethod)
|
|
25582
25766
|
).sort((a, b) => b.createdTimeMs - a.createdTimeMs);
|
|
25583
25767
|
},
|
|
25584
25768
|
refetchInterval: listRefresh,
|
|
@@ -25596,8 +25780,8 @@ import React242, { useState as useState63 } from "react";
|
|
|
25596
25780
|
import clsx21 from "clsx";
|
|
25597
25781
|
|
|
25598
25782
|
// src/components/FunNotificationBanner/FunNotificationBanner.css.ts
|
|
25599
|
-
var notificationBannerStyle = "
|
|
25600
|
-
var showMoreButtonStyle = "_4yitd93
|
|
25783
|
+
var notificationBannerStyle = "_1rsrm2fev _1rsrm2fp _1rsrm2fjf _1rsrm2f1dl";
|
|
25784
|
+
var showMoreButtonStyle = "_4yitd93 _1rsrm2fy9 _1rsrm2f1e _1rsrm2f1b _1rsrm2fjf _1rsrm2fjs _1rsrm2fg0";
|
|
25601
25785
|
|
|
25602
25786
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
25603
25787
|
import clsx20 from "clsx";
|
|
@@ -25608,7 +25792,7 @@ import React241, { useCallback as useCallback45, useEffect as useEffect44, useRe
|
|
|
25608
25792
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
25609
25793
|
var shadowStyle = "_1i8t3xj0";
|
|
25610
25794
|
var statusIcon = "_1i8t3xj3 _1i8t3xj0";
|
|
25611
|
-
var statusIconWrapper = "_1i8t3xj2
|
|
25795
|
+
var statusIconWrapper = "_1i8t3xj2 _1rsrm2fjf _1rsrm2f18";
|
|
25612
25796
|
var statusSpinner = "_1i8t3xj4 qe221a3";
|
|
25613
25797
|
|
|
25614
25798
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
@@ -26405,7 +26589,7 @@ var CheckoutNotifications = ({
|
|
|
26405
26589
|
if (initialCheckouts || !checkouts) return;
|
|
26406
26590
|
setInitialCheckouts(checkouts);
|
|
26407
26591
|
}, [initialCheckouts, checkouts]);
|
|
26408
|
-
const displayedCheckouts =
|
|
26592
|
+
const displayedCheckouts = useMemo41(() => {
|
|
26409
26593
|
if (!checkouts) return [];
|
|
26410
26594
|
return getUpdatedCheckouts(checkouts, initialCheckouts).filter(
|
|
26411
26595
|
({ clientMetadata }) => !closedNotifications.includes(
|
|
@@ -26698,7 +26882,7 @@ function ModalProvider({ children }) {
|
|
|
26698
26882
|
return /* @__PURE__ */ React247.createElement(
|
|
26699
26883
|
ModalContext.Provider,
|
|
26700
26884
|
{
|
|
26701
|
-
value:
|
|
26885
|
+
value: useMemo42(
|
|
26702
26886
|
() => ({
|
|
26703
26887
|
accountModalOpen,
|
|
26704
26888
|
accountModalTab,
|
|
@@ -27424,7 +27608,7 @@ var FunkitWeb2Provider = ({
|
|
|
27424
27608
|
},
|
|
27425
27609
|
[privy]
|
|
27426
27610
|
);
|
|
27427
|
-
const web2UserInfo =
|
|
27611
|
+
const web2UserInfo = useMemo43(() => {
|
|
27428
27612
|
if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
|
|
27429
27613
|
return PLACEHOLDER_FUNKIT_USER_INFO;
|
|
27430
27614
|
}
|
|
@@ -28439,7 +28623,7 @@ function setFunkitConnectVersion({ version }) {
|
|
|
28439
28623
|
localStorage.setItem(storageKey5, version);
|
|
28440
28624
|
}
|
|
28441
28625
|
function getCurrentSdkVersion() {
|
|
28442
|
-
return "5.
|
|
28626
|
+
return "5.4.0";
|
|
28443
28627
|
}
|
|
28444
28628
|
function useFingerprint() {
|
|
28445
28629
|
const fingerprint = useCallback49(() => {
|