@funkit/connect 5.3.6 → 5.4.1
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 +44 -0
- package/dist/{chunk-CRTRMZFT.js → chunk-ICCAQZHZ.js} +1 -1
- package/dist/{chunk-CRPOYQ6X.js → chunk-R2UFCJL7.js} +5 -0
- package/dist/{chunk-KCSHTK5R.js → chunk-RN4I4Y57.js} +1 -1
- package/dist/components/Box/Box.d.ts +1 -1
- package/dist/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.d.ts +4 -0
- 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/useClientId.d.ts +3 -0
- package/dist/hooks/queries/useRecentCheckouts.d.ts +2 -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/hooks/usePaymentSources.d.ts +2 -2
- package/dist/index.css +2674 -2664
- package/dist/index.d.ts +1 -1
- package/dist/index.js +1023 -548
- package/dist/modals/CheckoutModal/TransferToken/DirectExecutionNotification.d.ts +10 -0
- package/dist/providers/FunkitConfigContext.d.ts +2 -0
- 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/customer.d.ts +6 -0
- package/dist/utils/directExecution.d.ts +4 -0
- package/dist/utils/flags/config.d.ts +42 -4
- package/dist/utils/purifyCheckoutHistoryItem.d.ts +4 -1
- package/dist/wallets/walletConnectors/bifrostWallet/bifrostWallet.js +2 -2
- package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
- package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
- package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
- package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
- package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
- package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
- package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
- package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
- package/dist/wallets/walletConnectors/index.js +65 -65
- package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
- package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
- package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
- package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
- package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
- package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
- package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
- package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
- package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
- package/package.json +7 -7
- package/dist/hooks/useRelayExecutionInfo.d.ts +0 -6
package/dist/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 }) => {
|
|
@@ -400,13 +400,13 @@ function Avatar({ address, imageUrl, loading, size }) {
|
|
|
400
400
|
}
|
|
401
401
|
|
|
402
402
|
// src/components/ConnectButton/ConnectButton.tsx
|
|
403
|
-
import
|
|
403
|
+
import React252, { useEffect as useEffect49, useState as useState69 } from "react";
|
|
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 }) {
|
|
@@ -504,12 +504,12 @@ import PrivyJS, {
|
|
|
504
504
|
getUserEmbeddedWallet,
|
|
505
505
|
LocalStorage
|
|
506
506
|
} from "@privy-io/js-sdk-core";
|
|
507
|
-
import
|
|
507
|
+
import React249, {
|
|
508
508
|
createContext as createContext18,
|
|
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 },
|
|
@@ -1014,29 +1023,29 @@ var useFunkitConnectChainsById = () => groupChainsById(useFunkitConnectChains())
|
|
|
1014
1023
|
var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChainId;
|
|
1015
1024
|
|
|
1016
1025
|
// src/providers/ModalContext.tsx
|
|
1017
|
-
import
|
|
1026
|
+
import React248, {
|
|
1018
1027
|
createContext as createContext17,
|
|
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
|
|
@@ -3122,10 +3141,10 @@ var flagConfig = {
|
|
|
3122
3141
|
{
|
|
3123
3142
|
key: "apiKey",
|
|
3124
3143
|
type: "isAnyOf",
|
|
3125
|
-
values: [POLYMARKET_API_KEY2]
|
|
3144
|
+
values: [POLYMARKET_API_KEY2, KATANA_API_KEY2]
|
|
3126
3145
|
}
|
|
3127
3146
|
],
|
|
3128
|
-
// Turn off geoblock for PM on our end. PM will handle the conditional display of the Deposit button.
|
|
3147
|
+
// Turn off geoblock for PM & Katana on our end. PM & Katana will handle the conditional display of the Deposit button.
|
|
3129
3148
|
value: ""
|
|
3130
3149
|
}
|
|
3131
3150
|
]
|
|
@@ -3148,7 +3167,7 @@ var flagConfig = {
|
|
|
3148
3167
|
{
|
|
3149
3168
|
key: "apiKey",
|
|
3150
3169
|
type: "isAnyOf",
|
|
3151
|
-
values: [DYDX_API_KEY2]
|
|
3170
|
+
values: [DYDX_API_KEY2, KATANA_API_KEY2]
|
|
3152
3171
|
}
|
|
3153
3172
|
],
|
|
3154
3173
|
value: true
|
|
@@ -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
|
},
|
|
@@ -3405,7 +3441,8 @@ var flagConfig = {
|
|
|
3405
3441
|
8453: ["*"],
|
|
3406
3442
|
42161: ["*"],
|
|
3407
3443
|
10: ["*"],
|
|
3408
|
-
56: ["*"]
|
|
3444
|
+
56: ["*"],
|
|
3445
|
+
747474: ["*"]
|
|
3409
3446
|
})
|
|
3410
3447
|
},
|
|
3411
3448
|
[FlagKey.RelayBypassTargetChainsAndAssets]: {
|
|
@@ -3414,7 +3451,38 @@ var flagConfig = {
|
|
|
3414
3451
|
// USDC.e on Polygon (PM)
|
|
3415
3452
|
137: ["0x2791Bca1f2de4661ED88A30C99A7a9449Aa84174"],
|
|
3416
3453
|
// USDC on Arbitrum (OSTIUM)
|
|
3417
|
-
42161: ["0xaf88d065e77c8cC2239327C5EDb3A432268e5831"]
|
|
3454
|
+
42161: ["0xaf88d065e77c8cC2239327C5EDb3A432268e5831"],
|
|
3455
|
+
// Katana
|
|
3456
|
+
747474: [
|
|
3457
|
+
NATIVE_TOKEN,
|
|
3458
|
+
// ETH
|
|
3459
|
+
"0x7f1f4b4b29f5058fa32cc7a97141b8d7e5abdc2d",
|
|
3460
|
+
// KAT
|
|
3461
|
+
"0xEE7D8BCFb72bC1880D0Cf19822eB0A2e6577aB62",
|
|
3462
|
+
// vbETH
|
|
3463
|
+
"0x203A662b0BD271A6ed5a60EdFbd04bFce608FD36",
|
|
3464
|
+
// vbUSDC
|
|
3465
|
+
"0x2DCa96907fde857dd3D816880A0df407eeB2D2F2",
|
|
3466
|
+
// vbUSDT
|
|
3467
|
+
"0x0913DA6Da4b42f538B445599b46Bb4622342Cf52",
|
|
3468
|
+
// vbWBTC
|
|
3469
|
+
"0x62D6A123E8D19d06d68cf0d2294F9A3A0362c6b3",
|
|
3470
|
+
// vbUSDS
|
|
3471
|
+
"0x00000000eFE302BEAA2b3e6e1b18d08D69a9012a",
|
|
3472
|
+
// AUSD
|
|
3473
|
+
"0x9B8Df6E244526ab5F6e6400d331DB28C8fdDdb55",
|
|
3474
|
+
// uSOL
|
|
3475
|
+
"0xb0505e5a99abd03d94a1169e638B78EDfEd26ea4",
|
|
3476
|
+
// uSUI
|
|
3477
|
+
"0x2615a94df961278DcbC41Fb0a54fEc5f10a693aE",
|
|
3478
|
+
// uXRP
|
|
3479
|
+
"0x1e5eFCA3D0dB2c6d5C67a4491845c43253eB9e4e",
|
|
3480
|
+
// MORPHO
|
|
3481
|
+
"0x17BFF452dae47e07CeA877Ff0E1aba17eB62b0aB",
|
|
3482
|
+
// SUSHI
|
|
3483
|
+
"0x476eaCd417cD65421bD34fca054377658BB5E02b"
|
|
3484
|
+
// YFI
|
|
3485
|
+
]
|
|
3418
3486
|
})
|
|
3419
3487
|
},
|
|
3420
3488
|
[FlagKey.HelpTutorialUrl]: {
|
|
@@ -3432,6 +3500,38 @@ var flagConfig = {
|
|
|
3432
3500
|
value: "https://docs.vertexprotocol.com/tutorials/deposits-powered-by-fun.xyz"
|
|
3433
3501
|
}
|
|
3434
3502
|
]
|
|
3503
|
+
},
|
|
3504
|
+
[FlagKey.EnableCard]: {
|
|
3505
|
+
type: "boolean",
|
|
3506
|
+
default_value: true,
|
|
3507
|
+
overrides: [
|
|
3508
|
+
{
|
|
3509
|
+
if_any: [
|
|
3510
|
+
{
|
|
3511
|
+
key: "apiKey",
|
|
3512
|
+
type: "isAnyOf",
|
|
3513
|
+
values: [KATANA_API_KEY2]
|
|
3514
|
+
}
|
|
3515
|
+
],
|
|
3516
|
+
value: false
|
|
3517
|
+
}
|
|
3518
|
+
]
|
|
3519
|
+
},
|
|
3520
|
+
[FlagKey.EnableBrokerage]: {
|
|
3521
|
+
type: "boolean",
|
|
3522
|
+
default_value: true,
|
|
3523
|
+
overrides: [
|
|
3524
|
+
{
|
|
3525
|
+
if_any: [
|
|
3526
|
+
{
|
|
3527
|
+
key: "apiKey",
|
|
3528
|
+
type: "isAnyOf",
|
|
3529
|
+
values: [KATANA_API_KEY2]
|
|
3530
|
+
}
|
|
3531
|
+
],
|
|
3532
|
+
value: false
|
|
3533
|
+
}
|
|
3534
|
+
]
|
|
3435
3535
|
}
|
|
3436
3536
|
};
|
|
3437
3537
|
|
|
@@ -3534,7 +3634,7 @@ function evalCondition(flagKey, condition, context) {
|
|
|
3534
3634
|
}
|
|
3535
3635
|
|
|
3536
3636
|
// src/providers/GeneralWalletProvider.tsx
|
|
3537
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
3637
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/chains";
|
|
3538
3638
|
import { Auth, Chain, FunWallet, configureEnvironment as configureEnvironment2 } from "@funkit/core";
|
|
3539
3639
|
import { formatAddress as formatAddress2 } from "@funkit/utils";
|
|
3540
3640
|
import React46, {
|
|
@@ -3662,7 +3762,7 @@ import {
|
|
|
3662
3762
|
meshGetLinkToken,
|
|
3663
3763
|
meshGetTransferIntegrations
|
|
3664
3764
|
} from "@funkit/api-base";
|
|
3665
|
-
import {
|
|
3765
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4 } from "@funkit/chains";
|
|
3666
3766
|
import { isNotNullish as isNotNullish2 } from "@funkit/utils";
|
|
3667
3767
|
|
|
3668
3768
|
// src/utils/checkout.ts
|
|
@@ -4134,10 +4234,10 @@ var isAssetUsableToPayForCheckout = ({
|
|
|
4134
4234
|
if (usableAmountEstimation !== null && usableAmountEstimation < getUsdMinAmount(paymentMethod)) {
|
|
4135
4235
|
return { isUsable: false, reason: LOW_BALANCE };
|
|
4136
4236
|
}
|
|
4137
|
-
const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ || FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]
|
|
4138
|
-
const isSupported = isAllowedForCheckout && isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]
|
|
4237
|
+
const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ || FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]?.isFunWalletSupported;
|
|
4238
|
+
const isSupported = isAllowedForCheckout && isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2[assetChainId]?.isCheckoutSupported;
|
|
4139
4239
|
return {
|
|
4140
|
-
isUsable: isSupported,
|
|
4240
|
+
isUsable: !!isSupported,
|
|
4141
4241
|
reason: !isSupported ? "Unsupported" : ""
|
|
4142
4242
|
};
|
|
4143
4243
|
};
|
|
@@ -4325,7 +4425,7 @@ async function validateCheckoutConfig(config) {
|
|
|
4325
4425
|
message: `Invalid targetChain configuration: Unsupported chain id ${config.targetChain} for checkout.`
|
|
4326
4426
|
};
|
|
4327
4427
|
}
|
|
4328
|
-
const chainCheckoutAssetWhitelist = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[config.targetChain]
|
|
4428
|
+
const chainCheckoutAssetWhitelist = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[config.targetChain]?.checkoutAssetWhitelist || [];
|
|
4329
4429
|
if (chainCheckoutAssetWhitelist?.[0] !== "*" && !chainCheckoutAssetWhitelist.some(
|
|
4330
4430
|
(asset) => isTokenAddressEquivalent3({
|
|
4331
4431
|
firstTokenAddress: asset,
|
|
@@ -4426,7 +4526,7 @@ async function decorateTokenList(tokensChainMap, targetChainId, apiKey) {
|
|
|
4426
4526
|
pickedChainId = firstChainId;
|
|
4427
4527
|
const priorityIndex = Number.MAX_SAFE_INTEGER;
|
|
4428
4528
|
for (const curChainId of chainSet) {
|
|
4429
|
-
const pickPriority = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[curChainId].
|
|
4529
|
+
const pickPriority = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[curChainId]?.pickPriority || Number.MAX_SAFE_INTEGER;
|
|
4430
4530
|
if (pickPriority < priorityIndex) {
|
|
4431
4531
|
pickedChainId = curChainId;
|
|
4432
4532
|
}
|
|
@@ -4520,9 +4620,9 @@ function getMaxTargetAssetAmountEstimate(sourceAssetBalance, config, quoteResult
|
|
|
4520
4620
|
}
|
|
4521
4621
|
async function getTokenDecimals(wagmiConfig, chainId, tokenAddress) {
|
|
4522
4622
|
if (isNativeTokenAddress(tokenAddress)) {
|
|
4523
|
-
return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]
|
|
4623
|
+
return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]?.nativeCurrency?.decimals || 18;
|
|
4524
4624
|
}
|
|
4525
|
-
if (chainId === dydxChain.id.toString() && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]
|
|
4625
|
+
if (chainId === dydxChain.id.toString() && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]?.checkoutAssetWhitelist?.[0] === tokenAddress.toLowerCase()) {
|
|
4526
4626
|
return 6;
|
|
4527
4627
|
}
|
|
4528
4628
|
const decimals = await readContract(wagmiConfig, {
|
|
@@ -4620,9 +4720,7 @@ function findSupportedNetworks({
|
|
|
4620
4720
|
const integration = integrations.find((item) => item.type === brokerType);
|
|
4621
4721
|
const allNetworks = integration?.networks ?? [];
|
|
4622
4722
|
const filteredNetworks = allNetworks.filter((networkItem) => {
|
|
4623
|
-
return networkItem?.chainId &&
|
|
4624
|
-
networkItem.chainId.toString()
|
|
4625
|
-
);
|
|
4723
|
+
return networkItem?.chainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[networkItem.chainId];
|
|
4626
4724
|
});
|
|
4627
4725
|
return filteredNetworks;
|
|
4628
4726
|
}
|
|
@@ -5116,7 +5214,7 @@ var useFunkitDisconnect = () => {
|
|
|
5116
5214
|
return {
|
|
5117
5215
|
...disconnectReturn,
|
|
5118
5216
|
disconnect: handleLogout,
|
|
5119
|
-
disconnectAsync: async () =>
|
|
5217
|
+
disconnectAsync: async () => handleLogout()
|
|
5120
5218
|
};
|
|
5121
5219
|
};
|
|
5122
5220
|
var useFunkitReconnect = () => {
|
|
@@ -5149,7 +5247,7 @@ var useFunkitSwitchChains = ({
|
|
|
5149
5247
|
});
|
|
5150
5248
|
const canSwitchChain = useCallback6(
|
|
5151
5249
|
(params) => {
|
|
5152
|
-
if (loginType === "web2" /* Web2 */ && !
|
|
5250
|
+
if (loginType === "web2" /* Web2 */ && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[params.chainId]?.isFunWalletSupported) {
|
|
5153
5251
|
logger.warn(
|
|
5154
5252
|
`Unsupported chainId ${params.chainId} for funkit social logins`
|
|
5155
5253
|
);
|
|
@@ -5695,7 +5793,7 @@ var InfoIcon = ({ filled = false }) => {
|
|
|
5695
5793
|
|
|
5696
5794
|
// src/components/FunTooltip/FunTooltip.css.ts
|
|
5697
5795
|
var tooltipContainer = "z1l38i0";
|
|
5698
|
-
var tooltipStyle = "z1l38i2
|
|
5796
|
+
var tooltipStyle = "z1l38i2 _1rsrm2fcs _1rsrm2fdj _1rsrm2fe8 _1rsrm2fbz _1rsrm2f15 _1rsrm2fjf _1rsrm2f10r _1rsrm2f1b _1rsrm2f1f";
|
|
5699
5797
|
var tooltipStyleBottom = "z1l38i3";
|
|
5700
5798
|
var tooltipStyleCenter = "z1l38i4";
|
|
5701
5799
|
var tooltipStyleLeft = "z1l38i6";
|
|
@@ -6118,7 +6216,7 @@ var DialogTitle = ({
|
|
|
6118
6216
|
};
|
|
6119
6217
|
const isDyDx = useDydxHideBack(hasBackButton, !!dydxHideBack);
|
|
6120
6218
|
const isVertex = isVertexCustomer(apiKey);
|
|
6121
|
-
const alignTitleToLeftSide = isVertex || isOstiumCustomer(apiKey);
|
|
6219
|
+
const alignTitleToLeftSide = isVertex || isOstiumCustomer(apiKey) || isEtherealCustomer(apiKey);
|
|
6122
6220
|
const iconButtonBorderRadius = isVertex ? "actionButton" : "full";
|
|
6123
6221
|
return /* @__PURE__ */ React59.createElement(
|
|
6124
6222
|
Box,
|
|
@@ -6304,7 +6402,7 @@ import React220 from "react";
|
|
|
6304
6402
|
import {
|
|
6305
6403
|
getCheckoutByDepositAddress,
|
|
6306
6404
|
getCheckoutsByUserId,
|
|
6307
|
-
getDirectExecutionByTxHash,
|
|
6405
|
+
getDirectExecutionByTxHash as getDirectExecutionByTxHash2,
|
|
6308
6406
|
getDirectExecutionsByUserId
|
|
6309
6407
|
} from "@funkit/api-base";
|
|
6310
6408
|
import { isAddress as isAddress2 } from "@funkit/core";
|
|
@@ -6317,25 +6415,138 @@ import React61, {
|
|
|
6317
6415
|
useRef as useRef5,
|
|
6318
6416
|
useState as useState12
|
|
6319
6417
|
} from "react";
|
|
6320
|
-
import { useQuery as
|
|
6418
|
+
import { useQuery as useQuery3 } from "@tanstack/react-query";
|
|
6321
6419
|
|
|
6322
6420
|
// src/utils/purifyCheckoutHistoryItem.ts
|
|
6323
6421
|
import {
|
|
6324
|
-
|
|
6422
|
+
RelayExecutionStatus as RelayExecutionStatus2
|
|
6423
|
+
} from "@funkit/api-base";
|
|
6424
|
+
|
|
6425
|
+
// src/hooks/useCheckoutDirectExecutionHistory.ts
|
|
6426
|
+
import {
|
|
6427
|
+
CheckoutRefundState,
|
|
6428
|
+
CheckoutState as CheckoutState2,
|
|
6429
|
+
RelayExecutionStatus
|
|
6430
|
+
} from "@funkit/api-base";
|
|
6431
|
+
import { useMemo as useMemo7 } from "react";
|
|
6432
|
+
|
|
6433
|
+
// src/hooks/useDirectExecutionInfoPolling.ts
|
|
6434
|
+
import {
|
|
6435
|
+
getDirectExecutionByTxHash
|
|
6325
6436
|
} from "@funkit/api-base";
|
|
6437
|
+
import { RELAY_TERMINAL_STATUSES } from "@funkit/fun-relay";
|
|
6438
|
+
import { useQuery as useQuery2 } from "@tanstack/react-query";
|
|
6439
|
+
var RELAY_FETCH_INTERVAL = 1500;
|
|
6440
|
+
var logPrefix = "useDirectExecutionInfoPolling";
|
|
6441
|
+
function useDirectExecutionInfoPolling({
|
|
6442
|
+
initDirectExecution
|
|
6443
|
+
}) {
|
|
6444
|
+
const { apiKey } = useFunkitConfig();
|
|
6445
|
+
const { data: directExecution, isLoading } = useQuery2({
|
|
6446
|
+
queryKey: [logPrefix, initDirectExecution?.txHash],
|
|
6447
|
+
queryFn: async () => {
|
|
6448
|
+
try {
|
|
6449
|
+
const data = await getDirectExecutionByTxHash({
|
|
6450
|
+
apiKey,
|
|
6451
|
+
logger,
|
|
6452
|
+
txHash: initDirectExecution?.txHash
|
|
6453
|
+
// query is disabled if txHash not present
|
|
6454
|
+
});
|
|
6455
|
+
logger.log(`${logPrefix}:response`, data);
|
|
6456
|
+
return data;
|
|
6457
|
+
} catch (error) {
|
|
6458
|
+
logger.error(`${logPrefix}:error`, error);
|
|
6459
|
+
throw error;
|
|
6460
|
+
}
|
|
6461
|
+
},
|
|
6462
|
+
refetchOnWindowFocus: false,
|
|
6463
|
+
refetchInterval: (query) => {
|
|
6464
|
+
const latestData = query.state.data;
|
|
6465
|
+
if (latestData) {
|
|
6466
|
+
const status = latestData.listenerInfo?.status || null;
|
|
6467
|
+
if (status && RELAY_TERMINAL_STATUSES.includes(status)) {
|
|
6468
|
+
return 0;
|
|
6469
|
+
}
|
|
6470
|
+
}
|
|
6471
|
+
return RELAY_FETCH_INTERVAL;
|
|
6472
|
+
},
|
|
6473
|
+
initialData: initDirectExecution,
|
|
6474
|
+
enabled: !!initDirectExecution?.txHash
|
|
6475
|
+
});
|
|
6476
|
+
return {
|
|
6477
|
+
directExecution,
|
|
6478
|
+
isLoading
|
|
6479
|
+
};
|
|
6480
|
+
}
|
|
6481
|
+
|
|
6482
|
+
// src/hooks/useCheckoutDirectExecutionHistory.ts
|
|
6483
|
+
function mapRelayExecutionStatusToCheckoutState(status) {
|
|
6484
|
+
switch (status) {
|
|
6485
|
+
case RelayExecutionStatus.SUCCESS:
|
|
6486
|
+
return CheckoutState2.COMPLETED;
|
|
6487
|
+
case RelayExecutionStatus.FAILURE:
|
|
6488
|
+
case RelayExecutionStatus.REFUND:
|
|
6489
|
+
return CheckoutState2.CHECKOUT_ERROR;
|
|
6490
|
+
default:
|
|
6491
|
+
return CheckoutState2.PENDING_RECEIVAL;
|
|
6492
|
+
}
|
|
6493
|
+
}
|
|
6494
|
+
function useCheckoutDirectExecutionHistory({
|
|
6495
|
+
initDirectExecution
|
|
6496
|
+
}) {
|
|
6497
|
+
const { directExecution } = useDirectExecutionInfoPolling({
|
|
6498
|
+
initDirectExecution
|
|
6499
|
+
});
|
|
6500
|
+
const status = directExecution?.listenerInfo?.status ?? RelayExecutionStatus.PENDING;
|
|
6501
|
+
const state = useMemo7(() => {
|
|
6502
|
+
return mapRelayExecutionStatusToCheckoutState(status);
|
|
6503
|
+
}, [status]);
|
|
6504
|
+
const refundState = useMemo7(() => {
|
|
6505
|
+
switch (status) {
|
|
6506
|
+
case RelayExecutionStatus.REFUND:
|
|
6507
|
+
return CheckoutRefundState.REFUNDED;
|
|
6508
|
+
default:
|
|
6509
|
+
return void 0;
|
|
6510
|
+
}
|
|
6511
|
+
}, [status]);
|
|
6512
|
+
const isDelayed2 = status === RelayExecutionStatus.DELAYED;
|
|
6513
|
+
return {
|
|
6514
|
+
state,
|
|
6515
|
+
refundState,
|
|
6516
|
+
isRefunded: refundState === CheckoutRefundState.REFUNDED,
|
|
6517
|
+
isCompleted: state === CheckoutState2.COMPLETED,
|
|
6518
|
+
isFailed: state === CheckoutState2.CHECKOUT_ERROR,
|
|
6519
|
+
isDelayed: isDelayed2,
|
|
6520
|
+
isProcessing: state === CheckoutState2.PENDING_RECEIVAL
|
|
6521
|
+
};
|
|
6522
|
+
}
|
|
6523
|
+
|
|
6524
|
+
// src/utils/directExecution.ts
|
|
6525
|
+
function getDirectExecutionUpdatedTimeMs({
|
|
6526
|
+
directExecution
|
|
6527
|
+
}) {
|
|
6528
|
+
const updatedAt = directExecution?.listenerInfo?.relayExecutionRequestDetails?.updatedAt || directExecution?.listenerInfo?.time || // Fallback to 0 if updatedAt is not defined. Not ideal but should really not happen unless its a really old test direct execution record
|
|
6529
|
+
directExecution?.updatedTimeMs || 0;
|
|
6530
|
+
return new Date(updatedAt).getTime();
|
|
6531
|
+
}
|
|
6532
|
+
|
|
6533
|
+
// src/utils/purifyCheckoutHistoryItem.ts
|
|
6326
6534
|
var purifyCheckoutHistoryItem = (item) => {
|
|
6327
6535
|
if ("depositAddr" in item) {
|
|
6328
6536
|
return {
|
|
6329
|
-
depositAddr: item.depositAddr,
|
|
6330
6537
|
directExecution: false,
|
|
6331
6538
|
id: item.depositAddr,
|
|
6539
|
+
depositAddr: item.depositAddr,
|
|
6332
6540
|
fromAmountBaseUnit: item.fromAmountBaseUnit,
|
|
6333
6541
|
fromChainId: item.fromChainId,
|
|
6334
6542
|
fromTokenAddress: item.fromTokenAddress,
|
|
6335
6543
|
state: item.state,
|
|
6336
6544
|
toChainId: item.toChainId,
|
|
6337
6545
|
toTokenAddress: item.toTokenAddress,
|
|
6338
|
-
toAmountBaseUnit: item.toAmountBaseUnit
|
|
6546
|
+
toAmountBaseUnit: item.toAmountBaseUnit,
|
|
6547
|
+
createdTimeMs: item.createdTimeMs,
|
|
6548
|
+
updatedTimeMs: item.lastUpdatedTimeMs,
|
|
6549
|
+
additionalActions: item?.clientMetadata?.evaluatedActionsParams ?? []
|
|
6339
6550
|
};
|
|
6340
6551
|
}
|
|
6341
6552
|
return {
|
|
@@ -6344,12 +6555,16 @@ var purifyCheckoutHistoryItem = (item) => {
|
|
|
6344
6555
|
fromAmountBaseUnit: item.fromAmountBaseUnit,
|
|
6345
6556
|
fromChainId: item.fromChainId,
|
|
6346
6557
|
fromTokenAddress: item.fromTokenAddress,
|
|
6347
|
-
state:
|
|
6348
|
-
|
|
6558
|
+
state: mapRelayExecutionStatusToCheckoutState(
|
|
6559
|
+
item?.listenerInfo?.status ?? RelayExecutionStatus2.SUCCESS
|
|
6560
|
+
),
|
|
6349
6561
|
toChainId: item.toChainId,
|
|
6350
6562
|
toTokenAddress: item.toTokenAddress,
|
|
6351
6563
|
toAmountBaseUnit: item.toAmountBaseUnit,
|
|
6352
|
-
txHash: item.txHash
|
|
6564
|
+
txHash: item.txHash,
|
|
6565
|
+
createdTimeMs: item.createdTimeMs,
|
|
6566
|
+
updatedTimeMs: getDirectExecutionUpdatedTimeMs({ directExecution: item }),
|
|
6567
|
+
additionalActions: item?.clientMetadata?.evaluatedActionsParams ?? []
|
|
6353
6568
|
};
|
|
6354
6569
|
};
|
|
6355
6570
|
|
|
@@ -6480,7 +6695,7 @@ function useCheckoutHistoryContext() {
|
|
|
6480
6695
|
}
|
|
6481
6696
|
function useCheckoutsListenerByUserId(userId) {
|
|
6482
6697
|
const { apiKey } = useFunkitConfig();
|
|
6483
|
-
const { data, isLoading } =
|
|
6698
|
+
const { data, isLoading } = useQuery3({
|
|
6484
6699
|
enabled: !!userId,
|
|
6485
6700
|
queryKey: ["getPurifiedCheckoutsByUserId", userId],
|
|
6486
6701
|
queryFn: async () => {
|
|
@@ -6505,12 +6720,12 @@ function useCheckoutsListenerByUserId(userId) {
|
|
|
6505
6720
|
}
|
|
6506
6721
|
function useCheckoutListenerByCheckoutId(checkoutId) {
|
|
6507
6722
|
const { apiKey } = useFunkitConfig();
|
|
6508
|
-
const { data, isLoading } =
|
|
6723
|
+
const { data, isLoading } = useQuery3({
|
|
6509
6724
|
enabled: !!checkoutId,
|
|
6510
6725
|
queryKey: ["getPurifiedCheckoutById", checkoutId],
|
|
6511
6726
|
queryFn: async () => {
|
|
6512
6727
|
if (!checkoutId) return void 0;
|
|
6513
|
-
const result = isCheckoutHistoryDirectExecution(checkoutId) ? await
|
|
6728
|
+
const result = isCheckoutHistoryDirectExecution(checkoutId) ? await getDirectExecutionByTxHash2({
|
|
6514
6729
|
apiKey,
|
|
6515
6730
|
logger,
|
|
6516
6731
|
txHash: checkoutId
|
|
@@ -6550,7 +6765,7 @@ var useFunkitPostCheckoutInternal = (checkoutId) => {
|
|
|
6550
6765
|
logger.log("setupCheckoutHistory:getDirectExecutionByTxHash", {
|
|
6551
6766
|
txHash: checkoutId
|
|
6552
6767
|
});
|
|
6553
|
-
directExecution = await
|
|
6768
|
+
directExecution = await getDirectExecutionByTxHash2({
|
|
6554
6769
|
txHash: checkoutId,
|
|
6555
6770
|
apiKey: funkitConfig.apiKey,
|
|
6556
6771
|
logger
|
|
@@ -6613,8 +6828,8 @@ function getCheckoutCompletionTime(checkout) {
|
|
|
6613
6828
|
}
|
|
6614
6829
|
|
|
6615
6830
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
|
|
6616
|
-
import React214, { useCallback as useCallback40, useMemo as
|
|
6617
|
-
import { createPortal as
|
|
6831
|
+
import React214, { useCallback as useCallback40, useMemo as useMemo36, useState as useState57 } from "react";
|
|
6832
|
+
import { createPortal as createPortal13 } from "react-dom";
|
|
6618
6833
|
|
|
6619
6834
|
// src/components/HelpAlert/HelpAlert.tsx
|
|
6620
6835
|
import React64 from "react";
|
|
@@ -6735,7 +6950,7 @@ import {
|
|
|
6735
6950
|
TERMINAL_CHECKOUT_STATES,
|
|
6736
6951
|
getRiskAssessmentForAddress
|
|
6737
6952
|
} from "@funkit/api-base";
|
|
6738
|
-
import { CheckoutRefundState, CheckoutState as CheckoutState3 } from "@funkit/api-base";
|
|
6953
|
+
import { CheckoutRefundState as CheckoutRefundState2, CheckoutState as CheckoutState3 } from "@funkit/api-base";
|
|
6739
6954
|
var BLOCKED_RISK_LEVELS = ["Severe", "High"];
|
|
6740
6955
|
var hasRisk = async (apiKey, walletAddress, customRecipient) => {
|
|
6741
6956
|
const getUserWalletRisk = walletAddress ? getRiskAssessmentForAddress({
|
|
@@ -6770,7 +6985,7 @@ function getCheckoutStateBooleans(checkoutState, refundState) {
|
|
|
6770
6985
|
const isExpired = checkoutState === CheckoutState3.EXPIRED;
|
|
6771
6986
|
const isFailed = isError || isExpired;
|
|
6772
6987
|
const isTerminal = TERMINAL_CHECKOUT_STATES.includes(checkoutState);
|
|
6773
|
-
const isRefundProceeded = refundState ===
|
|
6988
|
+
const isRefundProceeded = refundState === CheckoutRefundState2.PROCEEDED || refundState === CheckoutRefundState2.FULFILLED;
|
|
6774
6989
|
return {
|
|
6775
6990
|
isProcessing,
|
|
6776
6991
|
isCompleted,
|
|
@@ -6789,7 +7004,7 @@ import {
|
|
|
6789
7004
|
deactivateCheckout as postApiDeactivateCheckout,
|
|
6790
7005
|
initializeCheckout as postApiInitializeCheckout
|
|
6791
7006
|
} from "@funkit/api-base";
|
|
6792
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
7007
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6 } from "@funkit/chains";
|
|
6793
7008
|
import { FlagKey as FlagKey5, isNotNullish as isNotNullish4 } from "@funkit/utils";
|
|
6794
7009
|
import React65, {
|
|
6795
7010
|
createContext as createContext12,
|
|
@@ -7249,7 +7464,7 @@ function useFunkitCheckout(props) {
|
|
|
7249
7464
|
const newId = initNewCheckout({ ...props, config: finalConfig });
|
|
7250
7465
|
if (isUserLoggedIn || !!finalConfig.customRecipient) {
|
|
7251
7466
|
setPendingCheckoutConfig(void 0);
|
|
7252
|
-
if (isUserLoggedIn && !
|
|
7467
|
+
if (isUserLoggedIn && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6?.[finalConfig.targetChain]?.isMainnet) {
|
|
7253
7468
|
onErrorWrapper?.({
|
|
7254
7469
|
type: "error",
|
|
7255
7470
|
message: "Unable to begin a new checkout: Insufficient funds on testnet account",
|
|
@@ -7365,7 +7580,7 @@ function useSIWFarcasterListener(channelToken) {
|
|
|
7365
7580
|
import {
|
|
7366
7581
|
getAllWalletTokens
|
|
7367
7582
|
} from "@funkit/api-base";
|
|
7368
|
-
import { keepPreviousData, useQuery as
|
|
7583
|
+
import { keepPreviousData, useQuery as useQuery4 } from "@tanstack/react-query";
|
|
7369
7584
|
import { arbitrum as arbitrum2, polygon as polygon3 } from "viem/chains";
|
|
7370
7585
|
import { useAccount as useAccount3 } from "wagmi";
|
|
7371
7586
|
|
|
@@ -7467,7 +7682,7 @@ var useWalletAssets = ({
|
|
|
7467
7682
|
} = {}) => {
|
|
7468
7683
|
const { address, isConnected } = useAccount3();
|
|
7469
7684
|
const { apiKey } = useFunkitConfig();
|
|
7470
|
-
const { data, isLoading, isFetching } =
|
|
7685
|
+
const { data, isLoading, isFetching } = useQuery4({
|
|
7471
7686
|
queryKey: ["getWalletAssets", address, apiKey],
|
|
7472
7687
|
queryFn: ({ queryKey: [_, addr, key] }) => fetchAssets(addr, key),
|
|
7473
7688
|
placeholderData: keepPreviousData,
|
|
@@ -7496,7 +7711,7 @@ import React212, { useState as useState56, useRef as useRef18 } from "react";
|
|
|
7496
7711
|
import React66 from "react";
|
|
7497
7712
|
|
|
7498
7713
|
// src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
|
|
7499
|
-
var animateSkeletonClass = "dj0x602
|
|
7714
|
+
var animateSkeletonClass = "dj0x602 _1rsrm2fm3";
|
|
7500
7715
|
var circleSkeletonClass = "dj0x603";
|
|
7501
7716
|
|
|
7502
7717
|
// src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
|
|
@@ -7664,7 +7879,7 @@ function useCheckoutItemDisplay({
|
|
|
7664
7879
|
}
|
|
7665
7880
|
|
|
7666
7881
|
// src/components/AsyncImage/AsyncImage.tsx
|
|
7667
|
-
import React69, { useMemo as
|
|
7882
|
+
import React69, { useMemo as useMemo8, useReducer as useReducer2, useState as useState14 } from "react";
|
|
7668
7883
|
|
|
7669
7884
|
// src/components/AsyncImage/useAsyncImage.ts
|
|
7670
7885
|
import { useEffect as useEffect15, useReducer } from "react";
|
|
@@ -7732,7 +7947,7 @@ function AsyncImage({
|
|
|
7732
7947
|
const [hasError, setHasError] = useState14(
|
|
7733
7948
|
srcProp === void 0 && fallbackSrc === void 0
|
|
7734
7949
|
);
|
|
7735
|
-
const { asyncStyle, imgProps } =
|
|
7950
|
+
const { asyncStyle, imgProps } = useMemo8(() => {
|
|
7736
7951
|
const asyncStyle2 = !useAsImage ? getRemoteImageStyles(isRemoteImage, isRemoteImageLoaded, src) : {};
|
|
7737
7952
|
if (useAsImage || isRemoteImage) {
|
|
7738
7953
|
const imgProps2 = {
|
|
@@ -7832,7 +8047,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
|
|
|
7832
8047
|
|
|
7833
8048
|
// src/components/FunButton/FunRedirectButton.tsx
|
|
7834
8049
|
import React71 from "react";
|
|
7835
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8050
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
|
|
7836
8051
|
|
|
7837
8052
|
// src/components/Icons/RedirectIcon.tsx
|
|
7838
8053
|
import React70 from "react";
|
|
@@ -7891,12 +8106,12 @@ var AddressRedirectButton = ({
|
|
|
7891
8106
|
address,
|
|
7892
8107
|
customRedirectUrl
|
|
7893
8108
|
}) => {
|
|
7894
|
-
const explorerInfo =
|
|
8109
|
+
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.explorerInfo;
|
|
7895
8110
|
return /* @__PURE__ */ React71.createElement(
|
|
7896
8111
|
FunRedirectButton,
|
|
7897
8112
|
{
|
|
7898
8113
|
color: "tertiaryText",
|
|
7899
|
-
to: customRedirectUrl ?? `${explorerInfo
|
|
8114
|
+
to: customRedirectUrl ?? `${explorerInfo?.url}/address/${address}`
|
|
7900
8115
|
}
|
|
7901
8116
|
);
|
|
7902
8117
|
};
|
|
@@ -7905,12 +8120,12 @@ var TransactionRedirectButton = ({
|
|
|
7905
8120
|
txHash,
|
|
7906
8121
|
customRedirectUrl
|
|
7907
8122
|
}) => {
|
|
7908
|
-
const explorerInfo =
|
|
8123
|
+
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId]?.explorerInfo;
|
|
7909
8124
|
return /* @__PURE__ */ React71.createElement(
|
|
7910
8125
|
FunRedirectButton,
|
|
7911
8126
|
{
|
|
7912
8127
|
color: "tertiaryText",
|
|
7913
|
-
to: customRedirectUrl ?? `${explorerInfo
|
|
8128
|
+
to: customRedirectUrl ?? `${explorerInfo?.url}/tx/${txHash}`
|
|
7914
8129
|
}
|
|
7915
8130
|
);
|
|
7916
8131
|
};
|
|
@@ -7942,7 +8157,7 @@ import {
|
|
|
7942
8157
|
getBridgeCustomer,
|
|
7943
8158
|
getFrogAccount
|
|
7944
8159
|
} from "@funkit/api-base";
|
|
7945
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8160
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
|
|
7946
8161
|
import { ResourceNotFoundError } from "@funkit/utils";
|
|
7947
8162
|
async function fetchFrogAccounts(walletAddress, params) {
|
|
7948
8163
|
const { logger: logger2 } = params;
|
|
@@ -7986,7 +8201,7 @@ async function fetchAllFiatAccounts(bridgeSubAccount, params) {
|
|
|
7986
8201
|
}
|
|
7987
8202
|
function getMatchingBankAccount(accounts, targetChain, targetAddress) {
|
|
7988
8203
|
const { bankAccounts } = accounts;
|
|
7989
|
-
const chainInfo =
|
|
8204
|
+
const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[targetChain];
|
|
7990
8205
|
if (!bankAccounts || !chainInfo) return void 0;
|
|
7991
8206
|
const matchingAccount = bankAccounts.find(
|
|
7992
8207
|
({ destination, status }) => status === BridgeVirtualBankAccountStatus.ACTIVATED && destination.address.toLowerCase() === targetAddress.toLowerCase() && destination.payment_rail === chainInfo.name.toLowerCase()
|
|
@@ -8009,7 +8224,7 @@ var isSoftRejected = (customer) => customer && isKycUninitialized(customer.statu
|
|
|
8009
8224
|
var FIAT_PROCESSING_TIME = "1-2 business days";
|
|
8010
8225
|
|
|
8011
8226
|
// src/domains/wallet.ts
|
|
8012
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8227
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9, dydxChain as dydxChain2 } from "@funkit/chains";
|
|
8013
8228
|
import { STABLECOIN_SYMBOLS } from "@funkit/core";
|
|
8014
8229
|
import { isNotNullish as isNotNullish5 } from "@funkit/utils";
|
|
8015
8230
|
import { mainnet as mainnet5, polygon as polygon4 } from "viem/chains";
|
|
@@ -8041,12 +8256,12 @@ import { FlagKey as FlagKey8 } from "@funkit/utils";
|
|
|
8041
8256
|
import { base as base5 } from "viem/chains";
|
|
8042
8257
|
|
|
8043
8258
|
// src/providers/FunkitMoonpayProvider.tsx
|
|
8044
|
-
import { useQuery as
|
|
8259
|
+
import { useQuery as useQuery5 } from "@tanstack/react-query";
|
|
8045
8260
|
import React72, {
|
|
8046
8261
|
createContext as createContext14,
|
|
8047
8262
|
useContext as useContext14,
|
|
8048
8263
|
useEffect as useEffect16,
|
|
8049
|
-
useMemo as
|
|
8264
|
+
useMemo as useMemo9,
|
|
8050
8265
|
useState as useState15
|
|
8051
8266
|
} from "react";
|
|
8052
8267
|
import { FlagKey as FlagKey7 } from "@funkit/utils";
|
|
@@ -8103,7 +8318,7 @@ var isCountryBlocked = (blockedList, userIpInfo) => {
|
|
|
8103
8318
|
function useFunkitUserIp() {
|
|
8104
8319
|
const { moonpayApiKey } = useContext14(FunkitMoonpayContext);
|
|
8105
8320
|
const { getFlag, isLoading: isLoadingFlags } = useFlags();
|
|
8106
|
-
const { data: userIpInfo, isLoading: isLoadingGeoCheck } =
|
|
8321
|
+
const { data: userIpInfo, isLoading: isLoadingGeoCheck } = useQuery5({
|
|
8107
8322
|
queryKey: ["getUserIpInfo"],
|
|
8108
8323
|
queryFn: async () => {
|
|
8109
8324
|
try {
|
|
@@ -8124,7 +8339,7 @@ function useFunkitUserIp() {
|
|
|
8124
8339
|
refetchOnReconnect: true,
|
|
8125
8340
|
refetchOnWindowFocus: false
|
|
8126
8341
|
});
|
|
8127
|
-
const isUserGeoblocked =
|
|
8342
|
+
const isUserGeoblocked = useMemo9(() => {
|
|
8128
8343
|
if (isLoadingFlags || isLoadingGeoCheck) {
|
|
8129
8344
|
return false;
|
|
8130
8345
|
}
|
|
@@ -8179,9 +8394,9 @@ import {
|
|
|
8179
8394
|
createBridgeBankAccount,
|
|
8180
8395
|
getBridgeKycLink
|
|
8181
8396
|
} from "@funkit/api-base";
|
|
8182
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8397
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10 } from "@funkit/chains";
|
|
8183
8398
|
import { FlagKey as FlagKey10 } from "@funkit/utils";
|
|
8184
|
-
import { useQuery as
|
|
8399
|
+
import { useQuery as useQuery7, useQueryClient } from "@tanstack/react-query";
|
|
8185
8400
|
import { useCallback as useCallback14 } from "react";
|
|
8186
8401
|
|
|
8187
8402
|
// src/hooks/useCheckoutTransferInit.ts
|
|
@@ -8189,7 +8404,7 @@ import {
|
|
|
8189
8404
|
initializeCheckoutTokenTransferAddress
|
|
8190
8405
|
} from "@funkit/api-base";
|
|
8191
8406
|
import { FlagKey as FlagKey9 } from "@funkit/utils";
|
|
8192
|
-
import { useQuery as
|
|
8407
|
+
import { useQuery as useQuery6 } from "@tanstack/react-query";
|
|
8193
8408
|
var useCheckoutTransferInit = (checkoutConfig) => {
|
|
8194
8409
|
const { walletAddress, userInfo } = useGeneralWallet();
|
|
8195
8410
|
const { apiKey } = useFunkitConfig();
|
|
@@ -8207,7 +8422,7 @@ var useCheckoutTransferInit = (checkoutConfig) => {
|
|
|
8207
8422
|
logger,
|
|
8208
8423
|
clientMetadata: generateClientMetadataForTokenTransfer()
|
|
8209
8424
|
};
|
|
8210
|
-
const { data, isFetching } =
|
|
8425
|
+
const { data, isFetching } = useQuery6({
|
|
8211
8426
|
queryKey: ["initializeCheckoutTokenTransferAddress", queryKey],
|
|
8212
8427
|
queryFn: ({ queryKey: [_, params] }) => initializeCheckoutTokenTransferAddress(params),
|
|
8213
8428
|
refetchOnWindowFocus: false,
|
|
@@ -8305,7 +8520,7 @@ function useFiatEnabled() {
|
|
|
8305
8520
|
function useFrogAccounts() {
|
|
8306
8521
|
const { apiKey } = useFunkitConfig();
|
|
8307
8522
|
const { walletAddress } = useGeneralWallet();
|
|
8308
|
-
const query =
|
|
8523
|
+
const query = useQuery7({
|
|
8309
8524
|
queryKey: ["frogSubAccounts", walletAddress],
|
|
8310
8525
|
queryFn: () => fetchFrogAccounts(walletAddress, { apiKey, logger }),
|
|
8311
8526
|
enabled: !!walletAddress,
|
|
@@ -8341,7 +8556,7 @@ function useVirtualFiatAccounts() {
|
|
|
8341
8556
|
const bridgeSubAccount = frogSubAccounts?.find(
|
|
8342
8557
|
(subAccount) => subAccount.subAccountType === "bridge"
|
|
8343
8558
|
);
|
|
8344
|
-
const query =
|
|
8559
|
+
const query = useQuery7({
|
|
8345
8560
|
queryKey: ["useVirtualFiatAccounts", bridgeSubAccount?.guid],
|
|
8346
8561
|
queryFn: () => fetchAllFiatAccounts(bridgeSubAccount, { apiKey, logger }),
|
|
8347
8562
|
enabled: !!bridgeSubAccount,
|
|
@@ -8369,7 +8584,7 @@ function useMatchingVirtualFiatAccount(accounts) {
|
|
|
8369
8584
|
}
|
|
8370
8585
|
function useLoadKycLink(linkLoad) {
|
|
8371
8586
|
const { apiKey } = useFunkitConfig();
|
|
8372
|
-
const query =
|
|
8587
|
+
const query = useQuery7({
|
|
8373
8588
|
queryKey: ["kycLink", linkLoad.guid],
|
|
8374
8589
|
queryFn: async () => {
|
|
8375
8590
|
if (linkLoad.kycLink) {
|
|
@@ -8398,7 +8613,7 @@ function useCreateVirtualBankAccount() {
|
|
|
8398
8613
|
const targetChainId = checkoutConfig?.targetChain;
|
|
8399
8614
|
const { transferInit, recipientAddr } = useCheckoutTransferInit(checkoutConfig);
|
|
8400
8615
|
const destinationAddress = transferInit?.depositAddr || recipientAddr;
|
|
8401
|
-
const chainName = targetChainId &&
|
|
8616
|
+
const chainName = targetChainId && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[targetChainId]?.name?.toLowerCase();
|
|
8402
8617
|
const subAccountId = allFiatAccounts?.bridgeCustomer?.id;
|
|
8403
8618
|
const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
|
|
8404
8619
|
const handleCreateVirtualFiatAccount = useCallback14(async () => {
|
|
@@ -8449,22 +8664,22 @@ var useWalletLabel = () => {
|
|
|
8449
8664
|
// src/modals/CheckoutModal/useWalletAssetHoldings.ts
|
|
8450
8665
|
import {
|
|
8451
8666
|
FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
|
|
8452
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8667
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11
|
|
8453
8668
|
} from "@funkit/chains";
|
|
8454
|
-
import { useMemo as
|
|
8669
|
+
import { useMemo as useMemo10 } from "react";
|
|
8455
8670
|
var processWalletAssets = (walletAssets, targetChain) => {
|
|
8456
8671
|
if (!walletAssets) {
|
|
8457
8672
|
return;
|
|
8458
8673
|
}
|
|
8459
|
-
const targetChainInfo =
|
|
8460
|
-
const isCheckoutOnMainnet = targetChainInfo
|
|
8674
|
+
const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[targetChain];
|
|
8675
|
+
const isCheckoutOnMainnet = targetChainInfo?.isMainnet;
|
|
8461
8676
|
return Object.values(walletAssets).reduce(
|
|
8462
8677
|
(result, asset) => {
|
|
8463
8678
|
if (!asset.symbol || !asset.contractAddress) {
|
|
8464
8679
|
return result;
|
|
8465
8680
|
}
|
|
8466
|
-
const assetChainInfo =
|
|
8467
|
-
const isAssetOnMainnet = assetChainInfo
|
|
8681
|
+
const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[asset.chainId];
|
|
8682
|
+
const isAssetOnMainnet = assetChainInfo?.isMainnet;
|
|
8468
8683
|
if (isCheckoutOnMainnet && !isAssetOnMainnet) {
|
|
8469
8684
|
return result;
|
|
8470
8685
|
}
|
|
@@ -8475,7 +8690,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
|
|
|
8475
8690
|
chainId: asset.chainId,
|
|
8476
8691
|
symbolOrAddress: asset.symbol
|
|
8477
8692
|
});
|
|
8478
|
-
const normalizedTokenAddress = assetChainInfo
|
|
8693
|
+
const normalizedTokenAddress = assetChainInfo?.nativeCurrency.symbol.toUpperCase() === asset.symbol.toUpperCase() ? FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3 : asset.contractAddress;
|
|
8479
8694
|
const normalizeAmount = getNormalizedTokenBalance(
|
|
8480
8695
|
BigInt(asset.tokenBalance),
|
|
8481
8696
|
asset.decimals
|
|
@@ -8496,7 +8711,7 @@ var processWalletAssets = (walletAssets, targetChain) => {
|
|
|
8496
8711
|
};
|
|
8497
8712
|
function useWalletAssetHoldings(targetChain) {
|
|
8498
8713
|
const { walletAssets, isLoading, totalWalletAssetsUsd } = useWalletAssets();
|
|
8499
|
-
const processedAssets =
|
|
8714
|
+
const processedAssets = useMemo10(
|
|
8500
8715
|
() => processWalletAssets(walletAssets, targetChain),
|
|
8501
8716
|
[targetChain, walletAssets]
|
|
8502
8717
|
);
|
|
@@ -8510,7 +8725,7 @@ function useWalletAssetHoldings(targetChain) {
|
|
|
8510
8725
|
|
|
8511
8726
|
// src/config/getDefaultConfig.ts
|
|
8512
8727
|
import {
|
|
8513
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8728
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12,
|
|
8514
8729
|
FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
|
|
8515
8730
|
} from "@funkit/chains";
|
|
8516
8731
|
import { fallback } from "viem";
|
|
@@ -9121,8 +9336,8 @@ var createDefaultTransports = (chains) => {
|
|
|
9121
9336
|
const transportsObject = {};
|
|
9122
9337
|
for (const chain of chains) {
|
|
9123
9338
|
const key = chain.id;
|
|
9124
|
-
const fallbackRpcs =
|
|
9125
|
-
if (fallbackRpcs
|
|
9339
|
+
const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[key]?.fallbackRpcUrls;
|
|
9340
|
+
if (fallbackRpcs && fallbackRpcs.length > 0) {
|
|
9126
9341
|
transportsObject[key] = fallback([
|
|
9127
9342
|
http(),
|
|
9128
9343
|
...fallbackRpcs.map((url) => http(url))
|
|
@@ -9194,8 +9409,8 @@ var getDefaultTransports = () => {
|
|
|
9194
9409
|
};
|
|
9195
9410
|
|
|
9196
9411
|
// src/hooks/useMesh.tsx
|
|
9197
|
-
import { useQuery as
|
|
9198
|
-
import React75, { useMemo as
|
|
9412
|
+
import { useQuery as useQuery8 } from "@tanstack/react-query";
|
|
9413
|
+
import React75, { useMemo as useMemo11 } from "react";
|
|
9199
9414
|
import { FlagKey as FlagKey11 } from "@funkit/utils";
|
|
9200
9415
|
|
|
9201
9416
|
// src/components/FunSelectBrokerage/FunBrokerageItem.tsx
|
|
@@ -9270,7 +9485,7 @@ var useSupportedExchanges = () => {
|
|
|
9270
9485
|
FlagKey11.SupportedExchangesV2,
|
|
9271
9486
|
FALLBACK_EXCHANGES_STRING
|
|
9272
9487
|
);
|
|
9273
|
-
return
|
|
9488
|
+
return useMemo11(() => {
|
|
9274
9489
|
return supportedExchangesFlag.split(",").flatMap((value) => {
|
|
9275
9490
|
const brokerNameOrType = value.trim();
|
|
9276
9491
|
if (!brokerNameOrType) {
|
|
@@ -9294,7 +9509,7 @@ var useMeshExchanges = ({
|
|
|
9294
9509
|
}) => {
|
|
9295
9510
|
const { getActiveConnection } = useFunkitMesh();
|
|
9296
9511
|
const supportedExchanges = useSupportedExchanges();
|
|
9297
|
-
const options =
|
|
9512
|
+
const options = useMemo11(() => {
|
|
9298
9513
|
return supportedExchanges.map((brokerType) => {
|
|
9299
9514
|
const hasActiveConnection = !!getActiveConnection(brokerType);
|
|
9300
9515
|
return createFunSelectOption(
|
|
@@ -9322,7 +9537,7 @@ var useMeshActiveNetworkInfo = (chainId, brokerType) => {
|
|
|
9322
9537
|
};
|
|
9323
9538
|
function useMeshIntegrations() {
|
|
9324
9539
|
const { apiKey } = useFunkitConfig();
|
|
9325
|
-
const { data, isLoading } =
|
|
9540
|
+
const { data, isLoading } = useQuery8({
|
|
9326
9541
|
queryKey: ["funkit-mesh-integrations", apiKey],
|
|
9327
9542
|
queryFn: async () => {
|
|
9328
9543
|
return await fetchMeshTransferIntegrations(apiKey);
|
|
@@ -9364,7 +9579,7 @@ function useMeshAccountHoldings(targetChain, connection) {
|
|
|
9364
9579
|
const { integrations } = useMeshIntegrations();
|
|
9365
9580
|
const meshDeviceId = getMeshDeviceIdFromLocalStorage();
|
|
9366
9581
|
const enableFrogProxyServer = useFlag(FlagKey11.EnableFrogProxyServer);
|
|
9367
|
-
const query =
|
|
9582
|
+
const query = useQuery8({
|
|
9368
9583
|
queryKey: [
|
|
9369
9584
|
{
|
|
9370
9585
|
apiKey,
|
|
@@ -9384,16 +9599,16 @@ function useMeshAccountHoldings(targetChain, connection) {
|
|
|
9384
9599
|
}
|
|
9385
9600
|
|
|
9386
9601
|
// src/hooks/useUsableWalletAssetsForCheckout.ts
|
|
9387
|
-
import { useMemo as
|
|
9602
|
+
import { useMemo as useMemo13 } from "react";
|
|
9388
9603
|
|
|
9389
9604
|
// src/hooks/useAllowedAssets.ts
|
|
9390
9605
|
import { getAllowedAssets } from "@funkit/api-base";
|
|
9391
|
-
import { useQuery as
|
|
9392
|
-
import { useCallback as useCallback15, useMemo as
|
|
9606
|
+
import { useQuery as useQuery9 } from "@tanstack/react-query";
|
|
9607
|
+
import { useCallback as useCallback15, useMemo as useMemo12 } from "react";
|
|
9393
9608
|
function useAllowedAssets() {
|
|
9394
9609
|
const { apiKey } = useFunkitConfig();
|
|
9395
9610
|
const isRelayEnabled = useSourceTokenRelayEnabled();
|
|
9396
|
-
const { data: allowedAssets, isLoading } =
|
|
9611
|
+
const { data: allowedAssets, isLoading } = useQuery9({
|
|
9397
9612
|
queryKey: ["getAllowedAssets", apiKey],
|
|
9398
9613
|
queryFn: () => getAllowedAssets({ apiKey, logger }),
|
|
9399
9614
|
refetchOnMount: false,
|
|
@@ -9402,7 +9617,7 @@ function useAllowedAssets() {
|
|
|
9402
9617
|
staleTime: 5 * 60 * 1e3,
|
|
9403
9618
|
gcTime: Number.POSITIVE_INFINITY
|
|
9404
9619
|
});
|
|
9405
|
-
const tokens =
|
|
9620
|
+
const tokens = useMemo12(() => {
|
|
9406
9621
|
if (!allowedAssets) return {};
|
|
9407
9622
|
const ret = {};
|
|
9408
9623
|
for (const chainId of Object.keys(allowedAssets)) {
|
|
@@ -9431,7 +9646,7 @@ function useUsableWalletAssetsForCheckout() {
|
|
|
9431
9646
|
const { loginType, walletAddress } = useGeneralWallet();
|
|
9432
9647
|
const { walletAssets } = useWalletAssets({ enableRefetchInterval: false });
|
|
9433
9648
|
const { isAllowed } = useAllowedAssets();
|
|
9434
|
-
return
|
|
9649
|
+
return useMemo13(() => {
|
|
9435
9650
|
if (!walletAssets || !checkoutItem) return;
|
|
9436
9651
|
const usableAssets = {};
|
|
9437
9652
|
for (const [assetKey, asset] of Object.entries(walletAssets)) {
|
|
@@ -9609,7 +9824,7 @@ import clsx9 from "clsx";
|
|
|
9609
9824
|
import React78, { useRef as useRef7 } from "react";
|
|
9610
9825
|
|
|
9611
9826
|
// src/components/FunOptionBox/FunOptionBox.css.ts
|
|
9612
|
-
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "
|
|
9827
|
+
var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2f10r _1rsrm2fz2", transparentBorder: "_1rsrm2f143 _1rsrm2fz2", activeBorder: "_1rsrm2fyx", disabledOptionBorder: "_1rsrm2f10l", defaultBackground: "_1rsrm2fnr _1rsrm2fjs", activeBackground: "_1rsrm2fnr _1rsrm2fns _1rsrm2fnt" };
|
|
9613
9828
|
|
|
9614
9829
|
// src/components/FunOptionBox/FunOptionBox.tsx
|
|
9615
9830
|
function FunOptionBox({
|
|
@@ -10256,7 +10471,7 @@ var BankIconActive = ({ size = 20 }) => {
|
|
|
10256
10471
|
|
|
10257
10472
|
// src/components/FunConnectOptions/FunSignInStep.tsx
|
|
10258
10473
|
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
|
|
10474
|
+
import React206, { Fragment as Fragment3, useCallback as useCallback39, useMemo as useMemo34, useState as useState55 } from "react";
|
|
10260
10475
|
|
|
10261
10476
|
// src/providers/walletConnectDeepLink.ts
|
|
10262
10477
|
var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
|
|
@@ -10361,9 +10576,9 @@ var SearchIcon = () => {
|
|
|
10361
10576
|
|
|
10362
10577
|
// src/components/FunInput/FunInput.css.ts
|
|
10363
10578
|
var baseWrapperStyles = "zue0i60";
|
|
10364
|
-
var inputClass = "zue0i63
|
|
10365
|
-
var inputClassDisabled = "zue0i65
|
|
10366
|
-
var inputClassError = "zue0i67
|
|
10579
|
+
var inputClass = "zue0i63 _1rsrm2fee _1rsrm2fc5 _1rsrm2fcw _1rsrm2fdn _1rsrm2f1j3";
|
|
10580
|
+
var inputClassDisabled = "zue0i65 _1rsrm2fee _1rsrm2fc5 _1rsrm2fcw _1rsrm2fdn _1rsrm2f1kl";
|
|
10581
|
+
var inputClassError = "zue0i67 _1rsrm2fee _1rsrm2fc5 _1rsrm2fcw _1rsrm2fdn _1rsrm2f1ff";
|
|
10367
10582
|
var numberInputResetStyle = "zue0i61";
|
|
10368
10583
|
|
|
10369
10584
|
// src/components/FunInput/FunInput.tsx
|
|
@@ -10853,7 +11068,7 @@ var SocialsIcon = () => {
|
|
|
10853
11068
|
};
|
|
10854
11069
|
|
|
10855
11070
|
// src/components/FunConnectOptions/FunConnectOptions.tsx
|
|
10856
|
-
import React205, { useCallback as useCallback38, useMemo as
|
|
11071
|
+
import React205, { useCallback as useCallback38, useMemo as useMemo33, useState as useState54 } from "react";
|
|
10857
11072
|
|
|
10858
11073
|
// src/hooks/useAnimatedNavigation.ts
|
|
10859
11074
|
import { useCallback as useCallback16, useState as useState18 } from "react";
|
|
@@ -10925,7 +11140,7 @@ import {
|
|
|
10925
11140
|
} from "react";
|
|
10926
11141
|
|
|
10927
11142
|
// src/hooks/useCheckoutQuoteNotification.ts
|
|
10928
|
-
import { useMemo as
|
|
11143
|
+
import { useMemo as useMemo14 } from "react";
|
|
10929
11144
|
|
|
10930
11145
|
// src/providers/FunkitQuoteContext.tsx
|
|
10931
11146
|
import { FlagKey as FlagKey13, isNotNullish as isNotNullish6 } from "@funkit/utils";
|
|
@@ -11023,7 +11238,7 @@ import {
|
|
|
11023
11238
|
meshConfigureTransfer,
|
|
11024
11239
|
meshConfigureTransferProxy
|
|
11025
11240
|
} from "@funkit/api-base";
|
|
11026
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
11241
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13 } from "@funkit/chains";
|
|
11027
11242
|
import { roundUpToXDecimalPlaces as roundUpToXDecimalPlaces2 } from "@funkit/utils";
|
|
11028
11243
|
import { estimateGas, getGasPrice } from "@wagmi/core";
|
|
11029
11244
|
import { encodeFunctionData, erc20Abi as erc20Abi2, formatEther } from "viem";
|
|
@@ -11068,7 +11283,7 @@ async function evaluateAccountWalletFees({
|
|
|
11068
11283
|
loginType,
|
|
11069
11284
|
apiKey
|
|
11070
11285
|
}) {
|
|
11071
|
-
const nativeCurrencySymbol =
|
|
11286
|
+
const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
|
|
11072
11287
|
const walletCheckoutFees = {
|
|
11073
11288
|
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
11074
11289
|
...getFunFeeBreakdown(baseQuote),
|
|
@@ -11657,7 +11872,7 @@ function useQuoteContext() {
|
|
|
11657
11872
|
function useCheckoutQuoteNotification() {
|
|
11658
11873
|
const { clearCheckoutQuoteMessages } = useQuoteContext();
|
|
11659
11874
|
const { quoteErrorMessage, quoteStepMessage } = useQuoteContext();
|
|
11660
|
-
const quoteNotification =
|
|
11875
|
+
const quoteNotification = useMemo14(() => {
|
|
11661
11876
|
if (quoteErrorMessage !== "") {
|
|
11662
11877
|
return {
|
|
11663
11878
|
messageType: "error",
|
|
@@ -13142,7 +13357,7 @@ function CheckoutHelp({
|
|
|
13142
13357
|
}
|
|
13143
13358
|
|
|
13144
13359
|
// src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
|
|
13145
|
-
import React132, { useEffect as useEffect25, useMemo as
|
|
13360
|
+
import React132, { useEffect as useEffect25, useMemo as useMemo22, useState as useState33 } from "react";
|
|
13146
13361
|
import { createPortal as createPortal5 } from "react-dom";
|
|
13147
13362
|
|
|
13148
13363
|
// src/providers/UserPresenceContext.tsx
|
|
@@ -13211,7 +13426,7 @@ import React117 from "react";
|
|
|
13211
13426
|
|
|
13212
13427
|
// src/components/FunInfoBanner/InfoBanner.css.ts
|
|
13213
13428
|
var anchorStyle = "vyedix0";
|
|
13214
|
-
var iconWrapperStyle = "vyedix2
|
|
13429
|
+
var iconWrapperStyle = "vyedix2 _1rsrm2ffc _1rsrm2f39";
|
|
13215
13430
|
|
|
13216
13431
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
13217
13432
|
var InfoBanner = ({ message, type }) => {
|
|
@@ -13474,7 +13689,7 @@ import {
|
|
|
13474
13689
|
} from "@funkit/utils";
|
|
13475
13690
|
import NumberFlow from "@number-flow/react";
|
|
13476
13691
|
import { motion as motion3 } from "motion/react";
|
|
13477
|
-
import React122, { useMemo as
|
|
13692
|
+
import React122, { useMemo as useMemo17 } from "react";
|
|
13478
13693
|
|
|
13479
13694
|
// src/consts/design.ts
|
|
13480
13695
|
var mapFontLineHeightToNumberFlowHeight = {
|
|
@@ -13485,13 +13700,13 @@ var mapFontLineHeightToNumberFlowHeight = {
|
|
|
13485
13700
|
|
|
13486
13701
|
// src/hooks/useReceiveAmountLabel.ts
|
|
13487
13702
|
import { DirectExecutionType as DirectExecutionType2 } from "@funkit/api-base";
|
|
13488
|
-
import { useMemo as
|
|
13703
|
+
import { useMemo as useMemo15 } from "react";
|
|
13489
13704
|
function useReceiveAmountLabel({
|
|
13490
13705
|
directExecutionType,
|
|
13491
13706
|
isSameToken
|
|
13492
13707
|
}) {
|
|
13493
13708
|
const { textCustomizations } = useFunkitConfig();
|
|
13494
|
-
return
|
|
13709
|
+
return useMemo15(() => {
|
|
13495
13710
|
const showAtLeast = directExecutionType === DirectExecutionType2.RELAY && !isSameToken;
|
|
13496
13711
|
return `${textCustomizations.confirmationScreen.receiveAmountLabel}${showAtLeast ? " at least" : ""}`;
|
|
13497
13712
|
}, [textCustomizations, directExecutionType, isSameToken]);
|
|
@@ -13500,10 +13715,10 @@ function useReceiveAmountLabel({
|
|
|
13500
13715
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
13501
13716
|
import { isNotNullish as isNotNullish7 } from "@funkit/utils";
|
|
13502
13717
|
import clsx12 from "clsx";
|
|
13503
|
-
import React121, { useMemo as
|
|
13718
|
+
import React121, { useMemo as useMemo16 } from "react";
|
|
13504
13719
|
|
|
13505
13720
|
// src/components/FunAssetAvatar/FunAssetAvatar.css.ts
|
|
13506
|
-
var chainContainerStyle = "uwrdc22
|
|
13721
|
+
var chainContainerStyle = "uwrdc22 _1rsrm2f18 _1rsrm2fa _1rsrm2f4 _1rsrm2f41";
|
|
13507
13722
|
var containerStyle = "uwrdc20";
|
|
13508
13723
|
|
|
13509
13724
|
// src/components/FunAssetAvatar/FunAssetAvatar.tsx
|
|
@@ -13520,7 +13735,7 @@ function FunAssetAvatar({
|
|
|
13520
13735
|
largeChainIcon = false
|
|
13521
13736
|
}) {
|
|
13522
13737
|
const chainMetadata = chainMetadataById[Number.parseInt((chainId || "").toString())] || null;
|
|
13523
|
-
const finalAssetSrc =
|
|
13738
|
+
const finalAssetSrc = useMemo16(() => {
|
|
13524
13739
|
const normalizedTicker = assetTicker?.toUpperCase() || "";
|
|
13525
13740
|
const defaultSrc = ASSET_LOGO_SRCS[normalizedTicker];
|
|
13526
13741
|
if (prioritizeDefaults) {
|
|
@@ -13618,12 +13833,18 @@ function PaymentAmountSummary({
|
|
|
13618
13833
|
})
|
|
13619
13834
|
});
|
|
13620
13835
|
const sourceTokenAmount = quote?.finalPaymentTokenAmount ? Number.parseFloat(quote.finalPaymentTokenAmount) : void 0;
|
|
13621
|
-
const paymentTokenUsdAmount =
|
|
13836
|
+
const paymentTokenUsdAmount = useMemo17(() => {
|
|
13622
13837
|
if (!quote) return void 0;
|
|
13623
13838
|
return formatCurrencyAndStringify2(
|
|
13624
13839
|
quote.baseQuote.estSubtotalUsd + Number.parseFloat(quote.finalPaymentFeeUsd) - Number.parseFloat(quote.finalSpreadUsd)
|
|
13625
13840
|
);
|
|
13626
13841
|
}, [quote]);
|
|
13842
|
+
const receiveTokenUsdAmount = useMemo17(() => {
|
|
13843
|
+
if (!quote) return void 0;
|
|
13844
|
+
return formatCurrencyAndStringify2(
|
|
13845
|
+
Number.parseFloat(quote.finalTotalUsd) - Number.parseFloat(quote.finalPaymentFeeUsd) - Number.parseFloat(quote.finalSpreadUsd)
|
|
13846
|
+
);
|
|
13847
|
+
}, [quote]);
|
|
13627
13848
|
const targetAssetTicker = checkoutConfig?.targetAssetTicker;
|
|
13628
13849
|
const targetTokenAmount = checkoutConfig?.targetAssetAmount ?? 0;
|
|
13629
13850
|
const targetItemName = (targetAssetTicker || checkoutConfig?.checkoutItemTitle) ?? "";
|
|
@@ -13674,6 +13895,7 @@ function PaymentAmountSummary({
|
|
|
13674
13895
|
label: receiveAmountLabel,
|
|
13675
13896
|
paymentTokenAmount: targetTokenAmount,
|
|
13676
13897
|
valueSymbol: targetItemName,
|
|
13898
|
+
paymentUsdAmount: uiCustomizations?.confirmationScreen?.showReceiveAmountUsd ? receiveTokenUsdAmount : void 0,
|
|
13677
13899
|
icon: /* @__PURE__ */ React122.createElement(
|
|
13678
13900
|
FunAssetAvatar,
|
|
13679
13901
|
{
|
|
@@ -13685,7 +13907,7 @@ function PaymentAmountSummary({
|
|
|
13685
13907
|
assetName: "checkout-asset"
|
|
13686
13908
|
}
|
|
13687
13909
|
),
|
|
13688
|
-
isLoading: false
|
|
13910
|
+
isLoading: uiCustomizations?.confirmationScreen?.showReceiveAmountUsd ? isLoading : false
|
|
13689
13911
|
}
|
|
13690
13912
|
));
|
|
13691
13913
|
}
|
|
@@ -13739,7 +13961,7 @@ import {
|
|
|
13739
13961
|
formatDynamicFeeUsd,
|
|
13740
13962
|
noop as noop4
|
|
13741
13963
|
} from "@funkit/utils";
|
|
13742
|
-
import React124, { useMemo as
|
|
13964
|
+
import React124, { useMemo as useMemo18, useState as useState24 } from "react";
|
|
13743
13965
|
import clsx13 from "clsx";
|
|
13744
13966
|
import { motion as motion4, useAnimationControls } from "motion/react";
|
|
13745
13967
|
|
|
@@ -13766,7 +13988,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React123.createElement(
|
|
|
13766
13988
|
);
|
|
13767
13989
|
|
|
13768
13990
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
13769
|
-
var baseStyles = "
|
|
13991
|
+
var baseStyles = "_1rsrm2f1jf";
|
|
13770
13992
|
var expandableStyles = "vkwve32";
|
|
13771
13993
|
var feeLineHideStyles = "vkwve34";
|
|
13772
13994
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -13874,7 +14096,7 @@ function PaymentFeesSummary({
|
|
|
13874
14096
|
}
|
|
13875
14097
|
};
|
|
13876
14098
|
const isDydx = isDydxCustomer(apiKey);
|
|
13877
|
-
const { collapsed: collapsedItem, expanded: expandedItems } =
|
|
14099
|
+
const { collapsed: collapsedItem, expanded: expandedItems } = useMemo18(() => {
|
|
13878
14100
|
if (!quote) return NO_DATA;
|
|
13879
14101
|
const fees = quote.finalFeesBreakdown;
|
|
13880
14102
|
const totalUsd = Number(quote.finalTotalUsd);
|
|
@@ -14091,7 +14313,7 @@ function CheckoutPrimaryInfo({
|
|
|
14091
14313
|
}
|
|
14092
14314
|
|
|
14093
14315
|
// src/modals/CheckoutModal/ConfirmationStep/DisclaimerText.tsx
|
|
14094
|
-
import React128, { useMemo as
|
|
14316
|
+
import React128, { useMemo as useMemo19 } from "react";
|
|
14095
14317
|
var DisclaimerText = ({
|
|
14096
14318
|
showDydxDisclaimer,
|
|
14097
14319
|
continueText,
|
|
@@ -14117,7 +14339,7 @@ var DisclaimerText = ({
|
|
|
14117
14339
|
), ".") : /* @__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
14340
|
};
|
|
14119
14341
|
function useCardDisclaimer(checkoutItem, finalConvertedAssetName) {
|
|
14120
|
-
const cardDisclaimer =
|
|
14342
|
+
const cardDisclaimer = useMemo19(() => {
|
|
14121
14343
|
if (!checkoutItem || !finalConvertedAssetName) {
|
|
14122
14344
|
return null;
|
|
14123
14345
|
}
|
|
@@ -14199,10 +14421,10 @@ function useAutoClearState(initialValue = null) {
|
|
|
14199
14421
|
|
|
14200
14422
|
// src/hooks/useIsBlacklisted.ts
|
|
14201
14423
|
import { FlagKey as FlagKey15 } from "@funkit/utils";
|
|
14202
|
-
import { useMemo as
|
|
14424
|
+
import { useMemo as useMemo20 } from "react";
|
|
14203
14425
|
var useIsBlacklisted = (walletAddress, customRecipient) => {
|
|
14204
14426
|
const flagStr = useFlag(FlagKey15.AddressBlacklist);
|
|
14205
|
-
const blacklist =
|
|
14427
|
+
const blacklist = useMemo20(
|
|
14206
14428
|
() => safeJSONParse(flagStr)?.map((addr) => addr.toLowerCase()) || [],
|
|
14207
14429
|
[flagStr]
|
|
14208
14430
|
);
|
|
@@ -15022,7 +15244,7 @@ function usePostCheckout({
|
|
|
15022
15244
|
}
|
|
15023
15245
|
|
|
15024
15246
|
// src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
|
|
15025
|
-
import { useCallback as useCallback25, useEffect as useEffect24, useMemo as
|
|
15247
|
+
import { useCallback as useCallback25, useEffect as useEffect24, useMemo as useMemo21, useRef as useRef10, useState as useState32 } from "react";
|
|
15026
15248
|
|
|
15027
15249
|
// src/hooks/useCountdown.tsx
|
|
15028
15250
|
import React131 from "react";
|
|
@@ -15034,8 +15256,8 @@ import { AnimatePresence as AnimatePresence3, motion as motion5 } from "motion/r
|
|
|
15034
15256
|
import React130, { useCallback as useCallback23, useEffect as useEffect23, useState as useState30 } from "react";
|
|
15035
15257
|
|
|
15036
15258
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
15037
|
-
var backgroundRing = "_1t0bc111
|
|
15038
|
-
var counterRing = "_1t0bc113
|
|
15259
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f1fx";
|
|
15260
|
+
var counterRing = "_1t0bc113 _1rsrm2f1e3";
|
|
15039
15261
|
|
|
15040
15262
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
15041
15263
|
var FunCountdown = ({
|
|
@@ -15289,7 +15511,7 @@ function useQuoteRefresh({
|
|
|
15289
15511
|
},
|
|
15290
15512
|
[isOnHold, restartCountdown, setCheckoutQuote, triggerAssetConfirm]
|
|
15291
15513
|
);
|
|
15292
|
-
const quoteError =
|
|
15514
|
+
const quoteError = useMemo21(() => {
|
|
15293
15515
|
if (quoteErrorMessage && !isQuoting) {
|
|
15294
15516
|
return {
|
|
15295
15517
|
message: quoteErrorMessage,
|
|
@@ -15425,7 +15647,7 @@ function ConfirmationStep({
|
|
|
15425
15647
|
refreshIntervalSeconds: directExecutionType === DirectExecutionType3.RELAY ? RELAY_ESTIMATE_REFRESH_INTERVAL_SEC : DEFAULT_ESTIMATE_REFRESH_INTERVAL_SEC
|
|
15426
15648
|
})
|
|
15427
15649
|
);
|
|
15428
|
-
const error =
|
|
15650
|
+
const error = useMemo22(() => {
|
|
15429
15651
|
if (!isInitialQuoting && moonpayAmountCheck?.isInvalid) {
|
|
15430
15652
|
return {
|
|
15431
15653
|
message: moonpayAmountCheck.message,
|
|
@@ -15440,7 +15662,7 @@ function ConfirmationStep({
|
|
|
15440
15662
|
quoteError,
|
|
15441
15663
|
isInitialQuoting
|
|
15442
15664
|
]);
|
|
15443
|
-
const stepMessage =
|
|
15665
|
+
const stepMessage = useMemo22(() => {
|
|
15444
15666
|
if (initialQuoteStep) return initialQuoteStep;
|
|
15445
15667
|
if (postCheckoutStepMessage) return postCheckoutStepMessage;
|
|
15446
15668
|
if (confirmationStepMessage) return confirmationStepMessage;
|
|
@@ -15824,7 +16046,7 @@ import {
|
|
|
15824
16046
|
isTokenEquivalent as isTokenEquivalent6,
|
|
15825
16047
|
round as round3
|
|
15826
16048
|
} from "@funkit/utils";
|
|
15827
|
-
import React144, { useMemo as
|
|
16049
|
+
import React144, { useMemo as useMemo23 } from "react";
|
|
15828
16050
|
|
|
15829
16051
|
// src/components/YouPayYouReceive/YouPayYouReceive.tsx
|
|
15830
16052
|
import { isMobile as isMobile3 } from "@funkit/utils";
|
|
@@ -16404,7 +16626,7 @@ function InputAmountLoaded({
|
|
|
16404
16626
|
maxUsd: Number.parseFloat(maxCheckoutUsdString),
|
|
16405
16627
|
minUsd
|
|
16406
16628
|
});
|
|
16407
|
-
const error =
|
|
16629
|
+
const error = useMemo23(() => {
|
|
16408
16630
|
if (usdAvailableAmount === 0) {
|
|
16409
16631
|
return {
|
|
16410
16632
|
message: "Insufficient balance, please select another asset instead.",
|
|
@@ -16437,7 +16659,7 @@ function InputAmountLoaded({
|
|
|
16437
16659
|
}
|
|
16438
16660
|
}
|
|
16439
16661
|
}, [inputError, usdAvailableAmount]);
|
|
16440
|
-
const suggestion =
|
|
16662
|
+
const suggestion = useMemo23(() => {
|
|
16441
16663
|
if (!inputError) return void 0;
|
|
16442
16664
|
switch (inputError.type) {
|
|
16443
16665
|
case "aboveAvailable": {
|
|
@@ -16588,7 +16810,7 @@ function InputAmountLoaded({
|
|
|
16588
16810
|
|
|
16589
16811
|
// src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
|
|
16590
16812
|
import { formatCryptoAndStringify as formatCryptoAndStringify3 } from "@funkit/utils";
|
|
16591
|
-
import React145, { useMemo as
|
|
16813
|
+
import React145, { useMemo as useMemo24 } from "react";
|
|
16592
16814
|
function InputAmountLoading({
|
|
16593
16815
|
isCardCheckout,
|
|
16594
16816
|
modalState,
|
|
@@ -16601,7 +16823,7 @@ function InputAmountLoading({
|
|
|
16601
16823
|
const { unlinkBrokerage } = useFunkitMesh();
|
|
16602
16824
|
const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
|
|
16603
16825
|
const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
|
|
16604
|
-
const error =
|
|
16826
|
+
const error = useMemo24(() => {
|
|
16605
16827
|
if (sourceHoldingError) {
|
|
16606
16828
|
return {
|
|
16607
16829
|
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 +16909,65 @@ function InputAmountLoading({
|
|
|
16687
16909
|
|
|
16688
16910
|
// src/modals/CheckoutModal/InputAmount/useAssetPrice.ts
|
|
16689
16911
|
import { getAssetPriceInfo as getAssetPriceInfo3 } from "@funkit/api-base";
|
|
16690
|
-
import {
|
|
16912
|
+
import { KATANA_CHAIN_ID as KATANA_CHAIN_ID2 } from "@funkit/chains";
|
|
16913
|
+
import {
|
|
16914
|
+
convertFunToRelayTokenAddress,
|
|
16915
|
+
getRelayAssetPriceInfo
|
|
16916
|
+
} from "@funkit/fun-relay";
|
|
16917
|
+
import { skipToken, useQuery as useQuery10 } from "@tanstack/react-query";
|
|
16918
|
+
async function getFormattedRelayAssetPriceInfo({
|
|
16919
|
+
chainId,
|
|
16920
|
+
assetTokenAddress
|
|
16921
|
+
}) {
|
|
16922
|
+
try {
|
|
16923
|
+
const relayResponse = await getRelayAssetPriceInfo({
|
|
16924
|
+
chainId,
|
|
16925
|
+
address: convertFunToRelayTokenAddress(assetTokenAddress)
|
|
16926
|
+
});
|
|
16927
|
+
return {
|
|
16928
|
+
unitPrice: relayResponse.price,
|
|
16929
|
+
amount: 1,
|
|
16930
|
+
total: 1
|
|
16931
|
+
};
|
|
16932
|
+
} catch (error) {
|
|
16933
|
+
logger.error("Unable to fetch token price from Relay", error);
|
|
16934
|
+
throw error;
|
|
16935
|
+
}
|
|
16936
|
+
}
|
|
16937
|
+
var RELAY_SHORT_CIRCUIT_CHAIN_IDS = [KATANA_CHAIN_ID2.toString()];
|
|
16691
16938
|
function useAssetPrice({
|
|
16692
16939
|
chainId,
|
|
16693
16940
|
assetTokenAddress
|
|
16694
16941
|
}) {
|
|
16695
16942
|
const { apiKey } = useFunkitConfig();
|
|
16696
|
-
const { data, error, isLoading } =
|
|
16943
|
+
const { data, error, isLoading } = useQuery10({
|
|
16697
16944
|
queryKey: ["getAssetPriceInfo", chainId, assetTokenAddress],
|
|
16698
16945
|
queryFn: chainId && assetTokenAddress ? async () => {
|
|
16946
|
+
const isRelayPrimary = RELAY_SHORT_CIRCUIT_CHAIN_IDS.includes(chainId);
|
|
16699
16947
|
try {
|
|
16700
|
-
return await
|
|
16948
|
+
return isRelayPrimary ? await getFormattedRelayAssetPriceInfo({
|
|
16949
|
+
chainId,
|
|
16950
|
+
assetTokenAddress
|
|
16951
|
+
}) : await getAssetPriceInfo3({
|
|
16701
16952
|
apiKey,
|
|
16702
16953
|
assetTokenAddress,
|
|
16703
16954
|
chainId,
|
|
16704
16955
|
logger
|
|
16705
16956
|
});
|
|
16706
|
-
} catch (
|
|
16707
|
-
logger.
|
|
16708
|
-
|
|
16957
|
+
} catch (primaryError) {
|
|
16958
|
+
logger.warn(
|
|
16959
|
+
"Unable to fetch token price from Primary provider, trying fallback",
|
|
16960
|
+
{ isRelayPrimary, primaryError }
|
|
16961
|
+
);
|
|
16962
|
+
return isRelayPrimary ? await getAssetPriceInfo3({
|
|
16963
|
+
apiKey,
|
|
16964
|
+
assetTokenAddress,
|
|
16965
|
+
chainId,
|
|
16966
|
+
logger
|
|
16967
|
+
}) : await getFormattedRelayAssetPriceInfo({
|
|
16968
|
+
chainId,
|
|
16969
|
+
assetTokenAddress
|
|
16970
|
+
});
|
|
16709
16971
|
}
|
|
16710
16972
|
} : skipToken,
|
|
16711
16973
|
refetchInterval: 1e4
|
|
@@ -16718,7 +16980,7 @@ function useAssetPrice({
|
|
|
16718
16980
|
}
|
|
16719
16981
|
|
|
16720
16982
|
// src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
|
|
16721
|
-
import { useMemo as
|
|
16983
|
+
import { useMemo as useMemo25 } from "react";
|
|
16722
16984
|
function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
|
|
16723
16985
|
const {
|
|
16724
16986
|
data: meshAssetHoldings,
|
|
@@ -16736,7 +16998,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
|
|
|
16736
16998
|
["token_transfer" /* TOKEN_TRANSFER */]: null,
|
|
16737
16999
|
["virtual_bank" /* VIRTUAL_BANK */]: null
|
|
16738
17000
|
}[paymentMethodInfo.paymentMethod];
|
|
16739
|
-
const holdingItem =
|
|
17001
|
+
const holdingItem = useMemo25(() => {
|
|
16740
17002
|
if (!assetSymbol || !holdings) {
|
|
16741
17003
|
return;
|
|
16742
17004
|
}
|
|
@@ -17114,7 +17376,7 @@ import {
|
|
|
17114
17376
|
meshExecuteTransferProxy
|
|
17115
17377
|
} from "@funkit/api-base";
|
|
17116
17378
|
import { ClientError as ClientError4, FlagKey as FlagKey20, formatAddress as formatAddress4 } from "@funkit/utils";
|
|
17117
|
-
import React161, { useMemo as
|
|
17379
|
+
import React161, { useMemo as useMemo26, useState as useState38 } from "react";
|
|
17118
17380
|
import { createPortal as createPortal8 } from "react-dom";
|
|
17119
17381
|
|
|
17120
17382
|
// src/components/CopyAddress/CopyAddressButton.tsx
|
|
@@ -17694,7 +17956,7 @@ function MeshVerification({
|
|
|
17694
17956
|
return () => setScreen(0 /* INITIAL */);
|
|
17695
17957
|
});
|
|
17696
17958
|
const brokerName = getExchangeName(brokerType);
|
|
17697
|
-
const verificationTitle =
|
|
17959
|
+
const verificationTitle = useMemo26(() => {
|
|
17698
17960
|
switch (executionStatus) {
|
|
17699
17961
|
case MeshExecuteTransferStatus.secondMfaRequired:
|
|
17700
17962
|
return `Additional ${brokerName} 2FA required`;
|
|
@@ -17721,7 +17983,7 @@ function MeshVerification({
|
|
|
17721
17983
|
executionContent?.verificationSteps?.length,
|
|
17722
17984
|
isSecond2fa
|
|
17723
17985
|
]);
|
|
17724
|
-
const verificationDescription =
|
|
17986
|
+
const verificationDescription = useMemo26(() => {
|
|
17725
17987
|
switch (executionStatus) {
|
|
17726
17988
|
case MeshExecuteTransferStatus.secondMfaRequired:
|
|
17727
17989
|
return `Please enable at least two 2FA methods on your ${brokerName} account. Once enabled, you will have to reconnect your account.`;
|
|
@@ -17866,7 +18128,7 @@ var VerificationPopup = ({
|
|
|
17866
18128
|
};
|
|
17867
18129
|
|
|
17868
18130
|
// src/modals/CheckoutModal/MoonpaySetup.tsx
|
|
17869
|
-
import React163, { useCallback as useCallback31, useMemo as
|
|
18131
|
+
import React163, { useCallback as useCallback31, useMemo as useMemo28, useState as useState40 } from "react";
|
|
17870
18132
|
|
|
17871
18133
|
// src/components/FunPayments/FunPaymentMoonpayType.css.ts
|
|
17872
18134
|
var mpClass = "_1kmpeyf0";
|
|
@@ -17875,7 +18137,7 @@ var stretchStyle = "_1kmpeyf1";
|
|
|
17875
18137
|
// src/components/FunPayments/FunPaymentMoonpayType.tsx
|
|
17876
18138
|
import { getMoonpayUrlSignature } from "@funkit/api-base";
|
|
17877
18139
|
import { colorToHex } from "@funkit/utils";
|
|
17878
|
-
import React162, { Fragment as Fragment2, useEffect as useEffect32, useMemo as
|
|
18140
|
+
import React162, { Fragment as Fragment2, useEffect as useEffect32, useMemo as useMemo27, useState as useState39 } from "react";
|
|
17879
18141
|
var LazyMoonPayBuyWidget = (props) => {
|
|
17880
18142
|
const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState39(null);
|
|
17881
18143
|
useEffect32(() => {
|
|
@@ -17906,7 +18168,7 @@ function FunPaymentMoonpayType({
|
|
|
17906
18168
|
const isSandboxMode = useIsFunkitSandboxMode();
|
|
17907
18169
|
const funkitConfig = useFunkitConfig();
|
|
17908
18170
|
const { userInfo } = useGeneralWallet();
|
|
17909
|
-
const currencyCode =
|
|
18171
|
+
const currencyCode = useMemo27(() => {
|
|
17910
18172
|
return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
|
|
17911
18173
|
}, [depositToken, depositTokenChainId]);
|
|
17912
18174
|
const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
|
|
@@ -17929,7 +18191,7 @@ function FunPaymentMoonpayType({
|
|
|
17929
18191
|
});
|
|
17930
18192
|
return signature || "";
|
|
17931
18193
|
};
|
|
17932
|
-
const moonpayButtonColor =
|
|
18194
|
+
const moonpayButtonColor = useMemo27(() => {
|
|
17933
18195
|
const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
|
|
17934
18196
|
if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
|
|
17935
18197
|
return void 0;
|
|
@@ -17984,7 +18246,7 @@ function MoonpaySetup({
|
|
|
17984
18246
|
depositAddress: paymentAddress
|
|
17985
18247
|
});
|
|
17986
18248
|
}, [onNext, paymentAddress]);
|
|
17987
|
-
const MoonpayWidget =
|
|
18249
|
+
const MoonpayWidget = useMemo28(() => {
|
|
17988
18250
|
return /* @__PURE__ */ React163.createElement(
|
|
17989
18251
|
FunPaymentMoonpayType,
|
|
17990
18252
|
{
|
|
@@ -18015,7 +18277,7 @@ function MoonpaySetup({
|
|
|
18015
18277
|
// src/modals/CheckoutModal/SelectAsset.tsx
|
|
18016
18278
|
import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
|
|
18017
18279
|
import { formatCurrencyAndStringify as formatCurrencyAndStringify6, isTokenEquivalent as isTokenEquivalent7 } from "@funkit/utils";
|
|
18018
|
-
import React176, { useEffect as useEffect34, useMemo as
|
|
18280
|
+
import React176, { useEffect as useEffect34, useMemo as useMemo30, useState as useState42 } from "react";
|
|
18019
18281
|
import { createPortal as createPortal9 } from "react-dom";
|
|
18020
18282
|
|
|
18021
18283
|
// src/components/Dropdown/ChainDropdown.tsx
|
|
@@ -18024,7 +18286,7 @@ import React171 from "react";
|
|
|
18024
18286
|
// src/components/Dropdown/BaseDropdown.tsx
|
|
18025
18287
|
import { isMobile as isMobile6, noop as noop6 } from "@funkit/utils";
|
|
18026
18288
|
import { AnimatePresence as AnimatePresence4, motion as motion6 } from "motion/react";
|
|
18027
|
-
import React169, { useCallback as useCallback32, useMemo as
|
|
18289
|
+
import React169, { useCallback as useCallback32, useMemo as useMemo29, useState as useState41 } from "react";
|
|
18028
18290
|
|
|
18029
18291
|
// src/components/FunNoResults/FunNoResults.tsx
|
|
18030
18292
|
import React165 from "react";
|
|
@@ -18190,7 +18452,7 @@ var baseStyles2 = "_1dewiqw0";
|
|
|
18190
18452
|
|
|
18191
18453
|
// src/components/Dropdown/BaseDropdown.css.ts
|
|
18192
18454
|
var BORDER_RADIUS = "dropdown";
|
|
18193
|
-
var baseDropdownItemWrapperStyles = "_1nns6ys1
|
|
18455
|
+
var baseDropdownItemWrapperStyles = "_1nns6ys1 _1rsrm2f17";
|
|
18194
18456
|
|
|
18195
18457
|
// src/components/Dropdown/BaseActiveDropdownItem.tsx
|
|
18196
18458
|
function BaseActiveDropdownItem({
|
|
@@ -18302,7 +18564,7 @@ function BaseDropdown({
|
|
|
18302
18564
|
const handleSearch = (event) => {
|
|
18303
18565
|
setSearchInput(event.target.value);
|
|
18304
18566
|
};
|
|
18305
|
-
const filteredOptions =
|
|
18567
|
+
const filteredOptions = useMemo29(
|
|
18306
18568
|
() => options.filter(
|
|
18307
18569
|
(singleOption) => singleOption.label.toLowerCase().includes(searchInput?.toLowerCase())
|
|
18308
18570
|
),
|
|
@@ -19423,7 +19685,7 @@ function useEnrichedAccountHoldings({
|
|
|
19423
19685
|
const { apiKey } = useFunkitConfig();
|
|
19424
19686
|
const { isAllowed, isLoading } = useAllowedAssets();
|
|
19425
19687
|
const { loginType, walletAddress } = useGeneralWallet();
|
|
19426
|
-
const enrichedAccountHoldings =
|
|
19688
|
+
const enrichedAccountHoldings = useMemo30(() => {
|
|
19427
19689
|
if (!checkoutConfig) return [];
|
|
19428
19690
|
return Object.values(accountHoldings).map((asset) => {
|
|
19429
19691
|
const usableForCheckout = isAssetUsableToPayForCheckout({
|
|
@@ -19462,7 +19724,7 @@ function useAssetOptions({
|
|
|
19462
19724
|
userSelectedTargetAsset,
|
|
19463
19725
|
chainId
|
|
19464
19726
|
}) {
|
|
19465
|
-
const assetOptions =
|
|
19727
|
+
const assetOptions = useMemo30(() => {
|
|
19466
19728
|
return enrichedAccountHoldings.filter(
|
|
19467
19729
|
({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
|
|
19468
19730
|
).map(({ asset, usableForCheckout }) => {
|
|
@@ -19470,7 +19732,12 @@ function useAssetOptions({
|
|
|
19470
19732
|
const isKnown = isKnownAsset2(asset);
|
|
19471
19733
|
const isDisabled = !isUsable || !isKnown;
|
|
19472
19734
|
const isDefault = defaultTokenSymbols.includes(asset.chainSymbolKey);
|
|
19473
|
-
const isUserSelected =
|
|
19735
|
+
const isUserSelected = isTokenEquivalent7({
|
|
19736
|
+
firstTokenChainId: asset.pickedChainId,
|
|
19737
|
+
firstTokenAddress: asset.tokenAddress,
|
|
19738
|
+
secondTokenChainId: userSelectedTargetAsset?.tokenChainId || "",
|
|
19739
|
+
secondTokenAddress: userSelectedTargetAsset?.tokenAddress || ""
|
|
19740
|
+
});
|
|
19474
19741
|
let badgeText = "";
|
|
19475
19742
|
if (!isUsable) {
|
|
19476
19743
|
badgeText = reason;
|
|
@@ -19515,13 +19782,13 @@ function MeshOrAccountSelectAsset({
|
|
|
19515
19782
|
const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState42("");
|
|
19516
19783
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
19517
19784
|
const candidates = checkoutConfig?.dynamicTargetAssetCandidates;
|
|
19518
|
-
const withTargetAssetSection = isVertexCustomer(apiKey) || isBsxCustomer(apiKey);
|
|
19785
|
+
const withTargetAssetSection = isVertexCustomer(apiKey) || isBsxCustomer(apiKey) || isKatanaCustomer(apiKey);
|
|
19519
19786
|
const isTargetAssetSelectable = withTargetAssetSection && candidates;
|
|
19520
19787
|
const defaultTargetAsset = isTargetAssetSelectable ? candidates.find(
|
|
19521
19788
|
(token) => token.tokenSymbol === checkoutConfig?.targetAssetTicker
|
|
19522
19789
|
) ?? candidates.find((token) => token.isDefault) ?? candidates[0] : void 0;
|
|
19523
19790
|
const [selectedTargetAsset, setSelectedTargetAsset] = useState42(defaultTargetAsset);
|
|
19524
|
-
const defaultTokenSymbols =
|
|
19791
|
+
const defaultTokenSymbols = useMemo30(() => {
|
|
19525
19792
|
if (!checkoutConfig) {
|
|
19526
19793
|
return [];
|
|
19527
19794
|
}
|
|
@@ -19584,7 +19851,7 @@ function MeshOrAccountSelectAsset({
|
|
|
19584
19851
|
handleTargetAssetUpdate(tokenItem);
|
|
19585
19852
|
onFinish();
|
|
19586
19853
|
});
|
|
19587
|
-
const selectedChainTokenSymbol =
|
|
19854
|
+
const selectedChainTokenSymbol = useMemo30(() => {
|
|
19588
19855
|
if (explicitlySelectedChainTokenSymbol) {
|
|
19589
19856
|
const assetExists = assetOptions.find(
|
|
19590
19857
|
({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
|
|
@@ -19900,6 +20167,7 @@ function FunSelectBrokerage({
|
|
|
19900
20167
|
}
|
|
19901
20168
|
|
|
19902
20169
|
// src/modals/CheckoutModal/SelectBrokerage.tsx
|
|
20170
|
+
import { createPortal as createPortal10 } from "react-dom";
|
|
19903
20171
|
var SelectBrokerageInfo = {
|
|
19904
20172
|
Component: SelectBrokerage,
|
|
19905
20173
|
onNext(state, payload) {
|
|
@@ -19958,7 +20226,8 @@ function SelectBrokerage({
|
|
|
19958
20226
|
});
|
|
19959
20227
|
}
|
|
19960
20228
|
};
|
|
19961
|
-
|
|
20229
|
+
const bottomSectionRef = useBottomSectionRef();
|
|
20230
|
+
return /* @__PURE__ */ React178.createElement(React178.Fragment, null, /* @__PURE__ */ React178.createElement(Box, { display: "flex", flexDirection: "column", gap: VERTICAL_SECTION_GAP }, /* @__PURE__ */ React178.createElement(
|
|
19962
20231
|
FunInput,
|
|
19963
20232
|
{
|
|
19964
20233
|
placeholder: "Search exchanges",
|
|
@@ -19973,16 +20242,26 @@ function SelectBrokerage({
|
|
|
19973
20242
|
options: filteredOptions,
|
|
19974
20243
|
selectedValue: selectedExchange ?? ""
|
|
19975
20244
|
}
|
|
19976
|
-
)));
|
|
20245
|
+
))), bottomSectionRef && createPortal10(/* @__PURE__ */ React178.createElement(Dialog.BottomBar, null), bottomSectionRef));
|
|
19977
20246
|
}
|
|
19978
20247
|
|
|
19979
20248
|
// src/modals/CheckoutModal/SourceChange/SourceChange.tsx
|
|
19980
20249
|
import { BridgeCustomerStatus as BridgeCustomerStatus6 } from "@funkit/api-base";
|
|
19981
20250
|
import React179, { useEffect as useEffect35, useState as useState45 } from "react";
|
|
19982
|
-
import { createPortal as
|
|
20251
|
+
import { createPortal as createPortal11 } from "react-dom";
|
|
19983
20252
|
|
|
19984
20253
|
// src/hooks/usePaymentSources.ts
|
|
19985
20254
|
import { FlagKey as FlagKey22, isNotNullish as isNotNullish9 } from "@funkit/utils";
|
|
20255
|
+
|
|
20256
|
+
// src/utils/customer.ts
|
|
20257
|
+
function isKatanaEarnFlow({
|
|
20258
|
+
apiKey,
|
|
20259
|
+
checkoutConfig
|
|
20260
|
+
}) {
|
|
20261
|
+
return isKatanaCustomer(apiKey) && !!checkoutConfig && isCheckoutPostActionRequired(checkoutConfig);
|
|
20262
|
+
}
|
|
20263
|
+
|
|
20264
|
+
// src/hooks/usePaymentSources.ts
|
|
19986
20265
|
function useRemainingMeshExchangeConnections(selected) {
|
|
19987
20266
|
const { getActiveConnection } = useFunkitMesh();
|
|
19988
20267
|
const supportedExchanges = useSupportedExchanges();
|
|
@@ -20007,15 +20286,39 @@ function useRemainingMeshExchangeConnections(selected) {
|
|
|
20007
20286
|
)
|
|
20008
20287
|
};
|
|
20009
20288
|
}
|
|
20010
|
-
|
|
20289
|
+
function usePaymentMethodEnablement({
|
|
20290
|
+
checkoutConfig
|
|
20291
|
+
}) {
|
|
20292
|
+
const { apiKey, uiCustomizations } = useFunkitConfig();
|
|
20293
|
+
const isTokenTransferFlagEnabled = useFlag(FlagKey22.EnableTokenTransfer);
|
|
20294
|
+
const isFiatFlagEnabled = useFiatEnabled();
|
|
20295
|
+
const isCardFlagEnabled = useFlag(FlagKey22.EnableCard);
|
|
20296
|
+
const isBrokerageFlagEnabled = useFlag(FlagKey22.EnableBrokerage);
|
|
20297
|
+
const isKatanaEarnFlowAction = isKatanaEarnFlow({ apiKey, checkoutConfig });
|
|
20298
|
+
const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
|
|
20299
|
+
const isTokenTransferEnabled = isTokenTransferFlagEnabled && !isKatanaEarnFlowAction;
|
|
20300
|
+
const isBrokerageEnabled = isBrokerageFlagEnabled && !isKatanaEarnFlowAction;
|
|
20301
|
+
const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction && (uiCustomizations?.paymentMethods?.isCardEnabled ?? true);
|
|
20302
|
+
return {
|
|
20303
|
+
isFiatEnabled,
|
|
20304
|
+
isTokenTransferEnabled,
|
|
20305
|
+
isBrokerageEnabled,
|
|
20306
|
+
isCardEnabled
|
|
20307
|
+
};
|
|
20308
|
+
}
|
|
20309
|
+
var usePaymentSources = (paymentMethodInfo, targetChainId, checkoutConfig) => {
|
|
20011
20310
|
const { activeConnections } = useRemainingMeshExchangeConnections(paymentMethodInfo);
|
|
20012
20311
|
const { isUserLoggedIn, walletAddress } = useGeneralWallet();
|
|
20013
20312
|
const { data: allFiatAccounts } = useVirtualFiatAccounts();
|
|
20014
20313
|
const matchingFiatAccount = useMatchingVirtualFiatAccount(allFiatAccounts);
|
|
20015
20314
|
const { hasUsableBalance } = useWalletAssetHoldings(targetChainId);
|
|
20016
|
-
const { apiKey
|
|
20017
|
-
const
|
|
20018
|
-
|
|
20315
|
+
const { apiKey } = useFunkitConfig();
|
|
20316
|
+
const {
|
|
20317
|
+
isBrokerageEnabled,
|
|
20318
|
+
isFiatEnabled,
|
|
20319
|
+
isTokenTransferEnabled,
|
|
20320
|
+
isCardEnabled
|
|
20321
|
+
} = usePaymentMethodEnablement({ checkoutConfig });
|
|
20019
20322
|
const accountPaymentMethodInfo = createPaymentMethodInfo({
|
|
20020
20323
|
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
20021
20324
|
walletAddress
|
|
@@ -20029,10 +20332,9 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20029
20332
|
const connected = [
|
|
20030
20333
|
paymentMethodInfo,
|
|
20031
20334
|
connectedAccountInfo,
|
|
20032
|
-
...activeConnections,
|
|
20335
|
+
...isBrokerageEnabled ? activeConnections : [],
|
|
20033
20336
|
virtualBankPaymentMethodInfo
|
|
20034
20337
|
].filter(isNotNullish9);
|
|
20035
|
-
const isCardEnabled = uiCustomizations?.paymentMethods?.isCardEnabled ?? true;
|
|
20036
20338
|
const ignoreFallback = isUserLoggedIn && !hasUsableBalance;
|
|
20037
20339
|
const fallback2 = connected.length === 0 && !ignoreFallback ? isTokenTransferEnabled ? ["token_transfer" /* TOKEN_TRANSFER */] : isCardEnabled ? ["card" /* CARD */] : isDydxCustomer(apiKey) ? [] : ["balance" /* ACCOUNT_BALANCE */] : [];
|
|
20038
20340
|
const isTokenInNewSources = !fallback2.includes("token_transfer" /* TOKEN_TRANSFER */) && isTokenTransferEnabled;
|
|
@@ -20040,7 +20342,7 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20040
20342
|
const isBankInNewSources = !matchingFiatAccount && isUserLoggedIn && isFiatEnabled;
|
|
20041
20343
|
const newSources = [
|
|
20042
20344
|
isTokenInNewSources && "token_transfer" /* TOKEN_TRANSFER */,
|
|
20043
|
-
"brokerage" /* BROKERAGE */,
|
|
20345
|
+
isBrokerageEnabled && "brokerage" /* BROKERAGE */,
|
|
20044
20346
|
isBankInNewSources && "virtual_bank" /* VIRTUAL_BANK */,
|
|
20045
20347
|
isWalletInNewSources && "balance" /* ACCOUNT_BALANCE */,
|
|
20046
20348
|
!fallback2.includes("card" /* CARD */) && isCardEnabled && "card" /* CARD */
|
|
@@ -20052,7 +20354,11 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
|
|
|
20052
20354
|
};
|
|
20053
20355
|
|
|
20054
20356
|
// src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
|
|
20055
|
-
import {
|
|
20357
|
+
import {
|
|
20358
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14,
|
|
20359
|
+
dydxChain as dydxChain3,
|
|
20360
|
+
katanaChain
|
|
20361
|
+
} from "@funkit/chains";
|
|
20056
20362
|
import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
|
|
20057
20363
|
import { useCallback as useCallback33, useState as useState44 } from "react";
|
|
20058
20364
|
import { mainnet as mainnet7, mantle, zkSync as zkSync2 } from "viem/chains";
|
|
@@ -20065,12 +20371,17 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
|
|
|
20065
20371
|
const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
|
|
20066
20372
|
const moonpayChainId = getMockedTargetChainId(
|
|
20067
20373
|
checkoutItem.initSettings.config,
|
|
20068
|
-
[
|
|
20374
|
+
[
|
|
20375
|
+
zkSync2.id.toString(),
|
|
20376
|
+
mantle.id.toString(),
|
|
20377
|
+
dydxChain3.id.toString(),
|
|
20378
|
+
katanaChain.id.toString()
|
|
20379
|
+
]
|
|
20069
20380
|
);
|
|
20070
20381
|
const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
|
|
20071
20382
|
const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
|
|
20072
20383
|
checkoutItem.initSettings.config.targetAsset
|
|
20073
|
-
) &&
|
|
20384
|
+
) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
|
|
20074
20385
|
let sourceTokenAddress;
|
|
20075
20386
|
let sourceTokenTicker;
|
|
20076
20387
|
let sourceTokenChainId;
|
|
@@ -20367,7 +20678,8 @@ function SourceChange({
|
|
|
20367
20678
|
};
|
|
20368
20679
|
const { preferred, moreSources } = usePaymentSources(
|
|
20369
20680
|
paymentMethodInfo,
|
|
20370
|
-
targetChainId
|
|
20681
|
+
targetChainId,
|
|
20682
|
+
checkoutItem?.initSettings.config
|
|
20371
20683
|
);
|
|
20372
20684
|
function renderSource(source) {
|
|
20373
20685
|
if (typeof source === "object") {
|
|
@@ -20395,7 +20707,7 @@ function SourceChange({
|
|
|
20395
20707
|
);
|
|
20396
20708
|
}
|
|
20397
20709
|
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(
|
|
20710
|
+
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
20711
|
FunDivider,
|
|
20400
20712
|
{
|
|
20401
20713
|
label: "more",
|
|
@@ -20403,11 +20715,11 @@ function SourceChange({
|
|
|
20403
20715
|
marginBottom: "8",
|
|
20404
20716
|
borderColor: "selectedOptionBorder"
|
|
20405
20717
|
}
|
|
20406
|
-
), moreSources.map(renderSource)), bottomSectionRef &&
|
|
20718
|
+
), moreSources.map(renderSource)), bottomSectionRef && createPortal11(
|
|
20407
20719
|
/* @__PURE__ */ React179.createElement(
|
|
20408
20720
|
Dialog.BottomBar,
|
|
20409
20721
|
{
|
|
20410
|
-
actionButtonProps: {
|
|
20722
|
+
actionButtonProps: hasAutoContinue ? void 0 : {
|
|
20411
20723
|
title: "Continue",
|
|
20412
20724
|
onClick: () => {
|
|
20413
20725
|
if (connectedSource === null && !!newSource) {
|
|
@@ -20428,6 +20740,7 @@ function SourceChange({
|
|
|
20428
20740
|
import { FlagKey as FlagKey25 } from "@funkit/utils";
|
|
20429
20741
|
import { motion as motion8, useAnimationControls as useAnimationControls3 } from "motion/react";
|
|
20430
20742
|
import React193, { useEffect as useEffect36, useRef as useRef15, useState as useState48 } from "react";
|
|
20743
|
+
import { createPortal as createPortal12 } from "react-dom";
|
|
20431
20744
|
import { polygon as polygon6 } from "viem/chains";
|
|
20432
20745
|
|
|
20433
20746
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
@@ -20472,8 +20785,8 @@ var CheckCircleIcon = () => {
|
|
|
20472
20785
|
};
|
|
20473
20786
|
|
|
20474
20787
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
20475
|
-
var copyButton = "_1kbzei93
|
|
20476
|
-
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4
|
|
20788
|
+
var copyButton = "_1kbzei93 _1rsrm2fcw _1rsrm2fdn _1rsrm2fea _1rsrm2fc1 _1rsrm2fa _1rsrm2f4 _1rsrm2f41 _1rsrm2fg0 _1rsrm2f1j3 _1rsrm2f2a _1rsrm2fjr _1rsrm2fk4 _1rsrm2fm5";
|
|
20789
|
+
var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1p _1rsrm2f10r _1rsrm2f1f _1rsrm2fu _1rsrm2f1b";
|
|
20477
20790
|
|
|
20478
20791
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
20479
20792
|
function CopyInputDisplayedAddress({
|
|
@@ -20608,7 +20921,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React183.createElemen
|
|
|
20608
20921
|
|
|
20609
20922
|
// src/components/QRCode/QRCode.tsx
|
|
20610
20923
|
import QRCodeUtil from "qrcode";
|
|
20611
|
-
import React184, { useMemo as
|
|
20924
|
+
import React184, { useMemo as useMemo31 } from "react";
|
|
20612
20925
|
var generateMatrix = (value, errorCorrectionLevel) => {
|
|
20613
20926
|
const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
|
|
20614
20927
|
const sqrt = Math.sqrt(data.length);
|
|
@@ -20636,7 +20949,7 @@ function QRCode({
|
|
|
20636
20949
|
}) {
|
|
20637
20950
|
const { activeTheme } = useActiveTheme();
|
|
20638
20951
|
const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
|
|
20639
|
-
const dots =
|
|
20952
|
+
const dots = useMemo31(() => {
|
|
20640
20953
|
const dots2 = [];
|
|
20641
20954
|
const matrix = generateMatrix(uri, ecl);
|
|
20642
20955
|
const cellSize = size / matrix.length;
|
|
@@ -20879,7 +21192,7 @@ import { motion as motion7, useAnimationControls as useAnimationControls2 } from
|
|
|
20879
21192
|
import React190, { useState as useState47 } from "react";
|
|
20880
21193
|
|
|
20881
21194
|
// src/components/FunFeatureList/FunFeatureList.css.ts
|
|
20882
|
-
var detailsButton = "_1045qr71
|
|
21195
|
+
var detailsButton = "_1045qr71 _1rsrm2fcw _1rsrm2fdn _1rsrm2fea _1rsrm2fc1 _1rsrm2fg0 _1rsrm2fa _1rsrm2f4 _1rsrm2f42 _1rsrm2fu";
|
|
20883
21196
|
|
|
20884
21197
|
// src/components/FunFeatureList/FunFeatureListItem.tsx
|
|
20885
21198
|
import React189 from "react";
|
|
@@ -21304,9 +21617,13 @@ function TransferToken({
|
|
|
21304
21617
|
}
|
|
21305
21618
|
};
|
|
21306
21619
|
const isLoadingDepositAddress = depositAddress === void 0;
|
|
21620
|
+
const defaultCandidate = checkoutConfig?.dynamicTargetAssetCandidates?.find(
|
|
21621
|
+
(candidate) => candidate.isDefault
|
|
21622
|
+
);
|
|
21623
|
+
const bottomSectionRef = useBottomSectionRef();
|
|
21307
21624
|
return (
|
|
21308
21625
|
// This ID is used in the DialogContent css to set the height of the modal
|
|
21309
|
-
/* @__PURE__ */ React193.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React193.createElement(
|
|
21626
|
+
/* @__PURE__ */ React193.createElement(React193.Fragment, null, /* @__PURE__ */ React193.createElement(Box, { id: "token-transfer-page" }, /* @__PURE__ */ React193.createElement(
|
|
21310
21627
|
Box,
|
|
21311
21628
|
{
|
|
21312
21629
|
display: "flex",
|
|
@@ -21325,6 +21642,32 @@ function TransferToken({
|
|
|
21325
21642
|
onClick: () => onNext({})
|
|
21326
21643
|
}
|
|
21327
21644
|
)),
|
|
21645
|
+
defaultCandidate && /* @__PURE__ */ React193.createElement(
|
|
21646
|
+
Box,
|
|
21647
|
+
{
|
|
21648
|
+
display: "flex",
|
|
21649
|
+
alignItems: "center",
|
|
21650
|
+
justifyContent: "space-between",
|
|
21651
|
+
width: "full",
|
|
21652
|
+
borderColor: "mediumStroke",
|
|
21653
|
+
borderWidth: "1",
|
|
21654
|
+
borderRadius: BORDER_RADIUS,
|
|
21655
|
+
borderStyle: "solid",
|
|
21656
|
+
paddingY: "8",
|
|
21657
|
+
paddingX: HORIZONTAL_OUTER_PADDING_X
|
|
21658
|
+
},
|
|
21659
|
+
/* @__PURE__ */ React193.createElement(Text, { size: "12", color: "secondaryText" }, "Receive token"),
|
|
21660
|
+
/* @__PURE__ */ React193.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React193.createElement(
|
|
21661
|
+
FunAssetAvatar,
|
|
21662
|
+
{
|
|
21663
|
+
assetIconSize: "16",
|
|
21664
|
+
assetName: "receive-token-asset",
|
|
21665
|
+
assetSrc: getTokenIconUrl(defaultCandidate.tokenSymbol),
|
|
21666
|
+
chainId: defaultCandidate.tokenChainId,
|
|
21667
|
+
largeChainIcon: true
|
|
21668
|
+
}
|
|
21669
|
+
), /* @__PURE__ */ React193.createElement(Text, { size: "12", weight: "medium" }, defaultCandidate.tokenSymbol))
|
|
21670
|
+
),
|
|
21328
21671
|
/* @__PURE__ */ React193.createElement(Box, { width: "full", display: "flex", gap: "12" }, /* @__PURE__ */ React193.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React193.createElement(Text, { size: "12", weight: "medium" }, "Supported token"), /* @__PURE__ */ React193.createElement(
|
|
21329
21672
|
TokenDropdown,
|
|
21330
21673
|
{
|
|
@@ -21465,7 +21808,7 @@ function TransferToken({
|
|
|
21465
21808
|
maxSlippage
|
|
21466
21809
|
}
|
|
21467
21810
|
))
|
|
21468
|
-
))
|
|
21811
|
+
)), bottomSectionRef && createPortal12(/* @__PURE__ */ React193.createElement(Dialog.BottomBar, null), bottomSectionRef))
|
|
21469
21812
|
);
|
|
21470
21813
|
}
|
|
21471
21814
|
|
|
@@ -21548,7 +21891,7 @@ var Tabs = ({ tabs: tabs3, activeTab, onTabChange }) => {
|
|
|
21548
21891
|
{
|
|
21549
21892
|
display: "flex",
|
|
21550
21893
|
background: "offBackground",
|
|
21551
|
-
borderRadius: "
|
|
21894
|
+
borderRadius: "actionButton",
|
|
21552
21895
|
gap: "2",
|
|
21553
21896
|
padding: "2"
|
|
21554
21897
|
},
|
|
@@ -21561,7 +21904,7 @@ var Tabs = ({ tabs: tabs3, activeTab, onTabChange }) => {
|
|
|
21561
21904
|
background: activeTab === tab.value ? "modalBackground" : "offBackground",
|
|
21562
21905
|
paddingX: "12",
|
|
21563
21906
|
paddingY: "6",
|
|
21564
|
-
borderRadius: "
|
|
21907
|
+
borderRadius: "actionButtonInner",
|
|
21565
21908
|
onClick: () => onTabChange(tab.value),
|
|
21566
21909
|
style: { flex: 1, textAlign: "center" },
|
|
21567
21910
|
color: activeTab === tab.value ? "primaryText" : {
|
|
@@ -21594,140 +21937,150 @@ var AccountDetailsScreen = ({
|
|
|
21594
21937
|
setDetailsExpanded((prev) => !prev);
|
|
21595
21938
|
};
|
|
21596
21939
|
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(
|
|
21940
|
+
return /* @__PURE__ */ React196.createElement(
|
|
21656
21941
|
Box,
|
|
21657
21942
|
{
|
|
21658
|
-
|
|
21659
|
-
as: "button",
|
|
21943
|
+
id: "fiat-detail-page",
|
|
21660
21944
|
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
|
-
}
|
|
21945
|
+
flexDirection: "column",
|
|
21946
|
+
gap: "16"
|
|
21674
21947
|
},
|
|
21675
|
-
/* @__PURE__ */ React196.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
|
|
21676
21948
|
/* @__PURE__ */ React196.createElement(
|
|
21949
|
+
SourcePaymentMethodItem,
|
|
21950
|
+
{
|
|
21951
|
+
onClick: () => onNext({}),
|
|
21952
|
+
type: "virtual_bank" /* VIRTUAL_BANK */,
|
|
21953
|
+
keyText: label.text,
|
|
21954
|
+
keyIcon: label.icon
|
|
21955
|
+
}
|
|
21956
|
+
),
|
|
21957
|
+
/* @__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(
|
|
21958
|
+
Tabs,
|
|
21959
|
+
{
|
|
21960
|
+
tabs,
|
|
21961
|
+
activeTab,
|
|
21962
|
+
onTabChange: (tab) => setActiveTab(tab)
|
|
21963
|
+
}
|
|
21964
|
+
)), activeTab === "details" ? /* @__PURE__ */ React196.createElement(Box, { display: "flex", flexDirection: "column", gap: "8" }, sourceDeposit.bank_account_number ? /* @__PURE__ */ React196.createElement(
|
|
21965
|
+
FunInputButton,
|
|
21966
|
+
{
|
|
21967
|
+
label: "Account number",
|
|
21968
|
+
text: sourceDeposit.bank_account_number
|
|
21969
|
+
}
|
|
21970
|
+
) : null, sourceDeposit.bank_routing_number ? /* @__PURE__ */ React196.createElement(
|
|
21971
|
+
FunInputButton,
|
|
21972
|
+
{
|
|
21973
|
+
label: "Routing number",
|
|
21974
|
+
text: sourceDeposit.bank_routing_number
|
|
21975
|
+
}
|
|
21976
|
+
) : 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(
|
|
21977
|
+
FunInputButton,
|
|
21978
|
+
{
|
|
21979
|
+
label: "Account holder name",
|
|
21980
|
+
text: sourceDeposit.account_holder_name
|
|
21981
|
+
}
|
|
21982
|
+
) : null, sourceDeposit.bank_beneficiary_name ? /* @__PURE__ */ React196.createElement(
|
|
21983
|
+
FunInputButton,
|
|
21984
|
+
{
|
|
21985
|
+
label: "Beneficiary name",
|
|
21986
|
+
text: sourceDeposit.bank_beneficiary_name
|
|
21987
|
+
}
|
|
21988
|
+
) : null, detailsExpanded && /* @__PURE__ */ React196.createElement(React196.Fragment, null, /* @__PURE__ */ React196.createElement(
|
|
21989
|
+
FunInputButton,
|
|
21990
|
+
{
|
|
21991
|
+
label: "Bank name",
|
|
21992
|
+
text: sourceDeposit.bank_name
|
|
21993
|
+
}
|
|
21994
|
+
), /* @__PURE__ */ React196.createElement(
|
|
21995
|
+
FunInputButton,
|
|
21996
|
+
{
|
|
21997
|
+
label: "Bank address",
|
|
21998
|
+
text: sourceDeposit.bank_address
|
|
21999
|
+
}
|
|
22000
|
+
), /* @__PURE__ */ React196.createElement(
|
|
22001
|
+
FunInputButton,
|
|
22002
|
+
{
|
|
22003
|
+
label: "Currency",
|
|
22004
|
+
text: String(sourceDeposit.currency).toUpperCase(),
|
|
22005
|
+
isCopyable: false
|
|
22006
|
+
}
|
|
22007
|
+
)), /* @__PURE__ */ React196.createElement(
|
|
21677
22008
|
Box,
|
|
21678
22009
|
{
|
|
21679
|
-
width: "
|
|
21680
|
-
|
|
22010
|
+
width: "full",
|
|
22011
|
+
as: "button",
|
|
21681
22012
|
display: "flex",
|
|
22013
|
+
gap: "4",
|
|
21682
22014
|
alignItems: "center",
|
|
21683
|
-
justifyContent: "center"
|
|
22015
|
+
justifyContent: "center",
|
|
22016
|
+
paddingY: "8",
|
|
22017
|
+
paddingX: "24",
|
|
22018
|
+
onClick: handleToggleDetails,
|
|
22019
|
+
borderRadius: "connectButton",
|
|
22020
|
+
borderStyle: "solid",
|
|
22021
|
+
borderWidth: "1",
|
|
22022
|
+
borderColor: {
|
|
22023
|
+
base: "mediumStroke",
|
|
22024
|
+
hover: "heavyStroke"
|
|
22025
|
+
}
|
|
21684
22026
|
},
|
|
22027
|
+
/* @__PURE__ */ React196.createElement(Text, { size: "13" }, detailsExpanded ? "See less" : "More details"),
|
|
21685
22028
|
/* @__PURE__ */ React196.createElement(
|
|
21686
22029
|
Box,
|
|
21687
22030
|
{
|
|
21688
|
-
|
|
21689
|
-
|
|
21690
|
-
height: "8",
|
|
22031
|
+
width: "16",
|
|
22032
|
+
height: "16",
|
|
21691
22033
|
display: "flex",
|
|
21692
22034
|
alignItems: "center",
|
|
21693
|
-
justifyContent: "center"
|
|
21694
|
-
style: detailsExpanded ? { transform: "rotate(180deg)" } : void 0
|
|
22035
|
+
justifyContent: "center"
|
|
21695
22036
|
},
|
|
21696
|
-
/* @__PURE__ */ React196.createElement(
|
|
22037
|
+
/* @__PURE__ */ React196.createElement(
|
|
22038
|
+
Box,
|
|
22039
|
+
{
|
|
22040
|
+
color: "secondaryText",
|
|
22041
|
+
width: "8",
|
|
22042
|
+
height: "8",
|
|
22043
|
+
display: "flex",
|
|
22044
|
+
alignItems: "center",
|
|
22045
|
+
justifyContent: "center",
|
|
22046
|
+
style: detailsExpanded ? { transform: "rotate(180deg)" } : void 0
|
|
22047
|
+
},
|
|
22048
|
+
/* @__PURE__ */ React196.createElement(CaretDownIcon, null)
|
|
22049
|
+
)
|
|
21697
22050
|
)
|
|
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
|
-
)
|
|
22051
|
+
)) : /* @__PURE__ */ React196.createElement(
|
|
22052
|
+
FunFeatureList,
|
|
22053
|
+
{
|
|
22054
|
+
gapBetweenItems: "8",
|
|
22055
|
+
withBackgroundContainer: false,
|
|
22056
|
+
withBackgroundItem: true,
|
|
22057
|
+
items: [
|
|
22058
|
+
{
|
|
22059
|
+
text: "Fees",
|
|
22060
|
+
value: [
|
|
22061
|
+
"Processing fee: 0.50 - 1.00%",
|
|
22062
|
+
"Gas fee: < $5.00",
|
|
22063
|
+
"Banks fees may also apply"
|
|
22064
|
+
],
|
|
22065
|
+
icon: /* @__PURE__ */ React196.createElement(DollarIcon, null)
|
|
22066
|
+
},
|
|
22067
|
+
{
|
|
22068
|
+
text: "Limits",
|
|
22069
|
+
value: [
|
|
22070
|
+
"Minimum amount: 25 EUR",
|
|
22071
|
+
"Maximum amount: 20,000,000 EUR"
|
|
22072
|
+
],
|
|
22073
|
+
icon: /* @__PURE__ */ React196.createElement(DollarIcon, null)
|
|
22074
|
+
},
|
|
22075
|
+
{
|
|
22076
|
+
text: "Processing time",
|
|
22077
|
+
value: [FIAT_PROCESSING_TIME],
|
|
22078
|
+
icon: /* @__PURE__ */ React196.createElement(SpeedometerIcon, null)
|
|
22079
|
+
}
|
|
22080
|
+
]
|
|
22081
|
+
}
|
|
22082
|
+
))
|
|
22083
|
+
);
|
|
21731
22084
|
};
|
|
21732
22085
|
var FiatAccountDetail = {
|
|
21733
22086
|
Component: AccountDetailsScreen,
|
|
@@ -21745,7 +22098,7 @@ var FiatAccountDetail = {
|
|
|
21745
22098
|
|
|
21746
22099
|
// src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
|
|
21747
22100
|
import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
|
|
21748
|
-
import React197, { useCallback as useCallback34, useEffect as useEffect37, useMemo as
|
|
22101
|
+
import React197, { useCallback as useCallback34, useEffect as useEffect37, useMemo as useMemo32, useState as useState50 } from "react";
|
|
21749
22102
|
function useIframeListener(listeners) {
|
|
21750
22103
|
const handleMessage = useCallback34(
|
|
21751
22104
|
(event) => {
|
|
@@ -21798,7 +22151,7 @@ function KycIframe({
|
|
|
21798
22151
|
const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
|
|
21799
22152
|
const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
|
|
21800
22153
|
const [iframeLoading, setIframeLoading] = useState50(true);
|
|
21801
|
-
const listeners =
|
|
22154
|
+
const listeners = useMemo32(
|
|
21802
22155
|
() => ({
|
|
21803
22156
|
load: () => {
|
|
21804
22157
|
logger.info("KYC iframe loaded");
|
|
@@ -22504,7 +22857,7 @@ function FunConnectOptions({
|
|
|
22504
22857
|
}
|
|
22505
22858
|
}
|
|
22506
22859
|
};
|
|
22507
|
-
const stepComponent =
|
|
22860
|
+
const stepComponent = useMemo33(() => {
|
|
22508
22861
|
switch (step) {
|
|
22509
22862
|
case 0 /* SIGNIN_PRIMARY */:
|
|
22510
22863
|
case 1 /* SIGNIN_SECONDARY */:
|
|
@@ -22613,7 +22966,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
|
|
|
22613
22966
|
function useEnabledSocialLogins() {
|
|
22614
22967
|
const funkitConfig = useFunkitConfig();
|
|
22615
22968
|
const { web2SocialLogins } = funkitConfig.loginConfig;
|
|
22616
|
-
const enabledSocialItems =
|
|
22969
|
+
const enabledSocialItems = useMemo34(() => {
|
|
22617
22970
|
return FULL_SOCIAL_LOGIN_OPTIONS.filter(
|
|
22618
22971
|
(oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
|
|
22619
22972
|
);
|
|
@@ -22642,7 +22995,7 @@ function FunSignInStep({
|
|
|
22642
22995
|
handleOauthRedirect,
|
|
22643
22996
|
handleGenerateFcUri
|
|
22644
22997
|
} = useFunkitWeb2Login();
|
|
22645
|
-
const isEmailInputValid =
|
|
22998
|
+
const isEmailInputValid = useMemo34(() => {
|
|
22646
22999
|
return validateEmailString(emailInput);
|
|
22647
23000
|
}, [emailInput]);
|
|
22648
23001
|
const [emailError, setEmailError] = useState55();
|
|
@@ -23210,7 +23563,7 @@ var getTimestamp = (timestampMs) => formatTimestamp(new Date(timestampMs), {
|
|
|
23210
23563
|
// src/components/FunCheckoutHistory/FunCheckoutStatus.tsx
|
|
23211
23564
|
import { formatSecondsToCountdownForm } from "@funkit/utils";
|
|
23212
23565
|
import { motion as motion10 } from "motion/react";
|
|
23213
|
-
import React213, { useMemo as
|
|
23566
|
+
import React213, { useMemo as useMemo35 } from "react";
|
|
23214
23567
|
|
|
23215
23568
|
// src/components/FunCheckoutHistory/FunCheckoutStatus.css.ts
|
|
23216
23569
|
var GradientLoadingBox = "_101aujm0";
|
|
@@ -23271,7 +23624,7 @@ function PendingCheckoutStatus({
|
|
|
23271
23624
|
checkoutItem.latestQuote?.finalTimeEstimationMs,
|
|
23272
23625
|
checkoutItem.selectedPaymentMethodInfo?.paymentMethod
|
|
23273
23626
|
);
|
|
23274
|
-
const estimatedRemainingSeconds =
|
|
23627
|
+
const estimatedRemainingSeconds = useMemo35(() => {
|
|
23275
23628
|
const startTimeMs = extractStartTimeMs(
|
|
23276
23629
|
checkoutItem.id,
|
|
23277
23630
|
activeCheckoutItem,
|
|
@@ -23395,7 +23748,7 @@ function FunCheckoutHistoryDetail({
|
|
|
23395
23748
|
includeGenerateActionsParams
|
|
23396
23749
|
]
|
|
23397
23750
|
);
|
|
23398
|
-
const buttonProps =
|
|
23751
|
+
const buttonProps = useMemo36(() => {
|
|
23399
23752
|
if (!isCheckoutLoaded) {
|
|
23400
23753
|
return { title: "", isDisabled: true, isLoading: true };
|
|
23401
23754
|
}
|
|
@@ -23437,7 +23790,7 @@ function FunCheckoutHistoryDetail({
|
|
|
23437
23790
|
refundState: checkoutHistoryInfo.refundState,
|
|
23438
23791
|
onHelp
|
|
23439
23792
|
}
|
|
23440
|
-
)), bottomSectionRef &&
|
|
23793
|
+
)), bottomSectionRef && createPortal13(
|
|
23441
23794
|
/* @__PURE__ */ React214.createElement(
|
|
23442
23795
|
Dialog.BottomBar,
|
|
23443
23796
|
{
|
|
@@ -23477,8 +23830,8 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
|
|
|
23477
23830
|
|
|
23478
23831
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
|
|
23479
23832
|
import { sendSupportMessage } from "@funkit/api-base";
|
|
23480
|
-
import React217, { useEffect as useEffect42, useMemo as
|
|
23481
|
-
import { createPortal as
|
|
23833
|
+
import React217, { useEffect as useEffect42, useMemo as useMemo37, useRef as useRef19, useState as useState58 } from "react";
|
|
23834
|
+
import { createPortal as createPortal14 } from "react-dom";
|
|
23482
23835
|
|
|
23483
23836
|
// src/components/FunInput/FunTextAreaInput.tsx
|
|
23484
23837
|
import React215 from "react";
|
|
@@ -23624,7 +23977,7 @@ function FunCheckoutHistoryHelp({
|
|
|
23624
23977
|
);
|
|
23625
23978
|
const [descriptionInput, setDescriptionInput] = useState58("");
|
|
23626
23979
|
const [errorMessage, setErrorMessage] = useState58();
|
|
23627
|
-
const isEmailInputValid =
|
|
23980
|
+
const isEmailInputValid = useMemo37(() => {
|
|
23628
23981
|
return validateEmailString(emailInput);
|
|
23629
23982
|
}, [emailInput]);
|
|
23630
23983
|
const [processStage, setProcessStage] = useState58(
|
|
@@ -23782,7 +24135,7 @@ function FunCheckoutHistoryHelp({
|
|
|
23782
24135
|
},
|
|
23783
24136
|
openDropdownBackgroundColor: "inputBackground"
|
|
23784
24137
|
}
|
|
23785
|
-
))), bottomSectionRef &&
|
|
24138
|
+
))), bottomSectionRef && createPortal14(
|
|
23786
24139
|
/* @__PURE__ */ React217.createElement(
|
|
23787
24140
|
Dialog.BottomBar,
|
|
23788
24141
|
{
|
|
@@ -23806,96 +24159,22 @@ function FunCheckoutHistoryHelp({
|
|
|
23806
24159
|
}
|
|
23807
24160
|
|
|
23808
24161
|
// src/components/FunCheckoutHistory/FunDirectExecutionHistoryDetail.tsx
|
|
23809
|
-
import { DirectExecutionType as
|
|
24162
|
+
import { DirectExecutionType as DirectExecutionType4 } from "@funkit/api-base";
|
|
23810
24163
|
import {
|
|
23811
24164
|
formatAddress as formatAddress7,
|
|
23812
24165
|
formatCryptoAndStringify as formatCryptoAndStringify5,
|
|
24166
|
+
formatTimestamp as formatTimestamp2,
|
|
23813
24167
|
isTokenEquivalent as isTokenEquivalent8
|
|
23814
24168
|
} from "@funkit/utils";
|
|
23815
|
-
import React219, { useCallback as useCallback41, useMemo as
|
|
23816
|
-
import { createPortal as
|
|
23817
|
-
|
|
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
|
-
}
|
|
24169
|
+
import React219, { useCallback as useCallback41, useMemo as useMemo39 } from "react";
|
|
24170
|
+
import { createPortal as createPortal15 } from "react-dom";
|
|
23892
24171
|
|
|
23893
24172
|
// src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
|
|
23894
|
-
import React218, { useMemo as
|
|
24173
|
+
import React218, { useMemo as useMemo38 } from "react";
|
|
23895
24174
|
function FunDirectExecutionStatus({
|
|
23896
24175
|
directExecution
|
|
23897
24176
|
}) {
|
|
23898
|
-
const { isCompleted, isDelayed: isDelayed2, isFailed, isRefunded } = useCheckoutDirectExecutionHistory({ directExecution });
|
|
24177
|
+
const { isCompleted, isDelayed: isDelayed2, isFailed, isRefunded } = useCheckoutDirectExecutionHistory({ initDirectExecution: directExecution });
|
|
23899
24178
|
if (directExecution === void 0) {
|
|
23900
24179
|
return /* @__PURE__ */ React218.createElement(Box, { className: GradientLoadingBox }, /* @__PURE__ */ React218.createElement(FunSkeletonCircle, { size: "40" }));
|
|
23901
24180
|
}
|
|
@@ -23913,11 +24192,11 @@ function FunDirectExecutionStatus({
|
|
|
23913
24192
|
function PendingDirectExecutionStatus({
|
|
23914
24193
|
directExecution
|
|
23915
24194
|
}) {
|
|
23916
|
-
const totalSeconds =
|
|
24195
|
+
const totalSeconds = useMemo38(() => {
|
|
23917
24196
|
const timeEstimation = directExecution.clientMetadata.latestQuote?.finalTimeEstimationMs || 0;
|
|
23918
24197
|
return Math.ceil(timeEstimation / 1e3);
|
|
23919
24198
|
}, [directExecution]);
|
|
23920
|
-
const estimatedRemainingSeconds =
|
|
24199
|
+
const estimatedRemainingSeconds = useMemo38(() => {
|
|
23921
24200
|
const startTimeMs = directExecution.createdTimeMs;
|
|
23922
24201
|
return getTimeFromNowSeconds(startTimeMs, totalSeconds * 1e3);
|
|
23923
24202
|
}, [totalSeconds, directExecution]);
|
|
@@ -23936,7 +24215,7 @@ function FunDirectExecutionStatusTagLoaded({
|
|
|
23936
24215
|
directExecution
|
|
23937
24216
|
}) {
|
|
23938
24217
|
const { state, refundState, isDelayed: isDelayed2 } = useCheckoutDirectExecutionHistory({
|
|
23939
|
-
directExecution
|
|
24218
|
+
initDirectExecution: directExecution
|
|
23940
24219
|
});
|
|
23941
24220
|
return /* @__PURE__ */ React219.createElement(StatusTag, { state, refundState, isDelayed: isDelayed2 });
|
|
23942
24221
|
}
|
|
@@ -23976,7 +24255,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
23976
24255
|
includeGenerateActionsParams
|
|
23977
24256
|
]
|
|
23978
24257
|
);
|
|
23979
|
-
const buttonProps =
|
|
24258
|
+
const buttonProps = useMemo39(() => {
|
|
23980
24259
|
if (!isLoaded) {
|
|
23981
24260
|
return void 0;
|
|
23982
24261
|
}
|
|
@@ -24026,7 +24305,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
24026
24305
|
{
|
|
24027
24306
|
chainId: directExecution.fromChainId,
|
|
24028
24307
|
txHash: directExecution.txHash,
|
|
24029
|
-
customRedirectUrl: directExecution.type ===
|
|
24308
|
+
customRedirectUrl: directExecution.type === DirectExecutionType4.RELAY ? `${RELAY_TRANSACTION_PAGE_URL}${directExecution.txHash}` : void 0
|
|
24030
24309
|
}
|
|
24031
24310
|
)
|
|
24032
24311
|
) : /* @__PURE__ */ React219.createElement(Box, { display: "flex", gap: "5", alignItems: "center" }, /* @__PURE__ */ React219.createElement(FunSkeletonBlock, { height: "10", width: "93" })))), /* @__PURE__ */ React219.createElement(
|
|
@@ -24034,7 +24313,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
24034
24313
|
{
|
|
24035
24314
|
onHelp: () => window.open(CONTACT_US_LINK, "_blank", "noopener")
|
|
24036
24315
|
}
|
|
24037
|
-
)), bottomSectionRef &&
|
|
24316
|
+
)), bottomSectionRef && createPortal15(
|
|
24038
24317
|
/* @__PURE__ */ React219.createElement(
|
|
24039
24318
|
Dialog.BottomBar,
|
|
24040
24319
|
{
|
|
@@ -24045,6 +24324,27 @@ function FunDirectExecutionHistoryDetail({
|
|
|
24045
24324
|
bottomSectionRef
|
|
24046
24325
|
));
|
|
24047
24326
|
}
|
|
24327
|
+
var getTimestamp2 = (timestamp) => formatTimestamp2(new Date(timestamp), {
|
|
24328
|
+
hours: "24hr",
|
|
24329
|
+
year: "none",
|
|
24330
|
+
month: "short"
|
|
24331
|
+
});
|
|
24332
|
+
function DirectExecutionOrderDetailSection({
|
|
24333
|
+
directExecution,
|
|
24334
|
+
showRelayLink
|
|
24335
|
+
}) {
|
|
24336
|
+
const { isProcessing, isFailed, isRefunded } = useCheckoutDirectExecutionHistory({ initDirectExecution: directExecution });
|
|
24337
|
+
const { txHash, createdTimeMs, fromChainId } = directExecution;
|
|
24338
|
+
const updateTime = getDirectExecutionUpdatedTimeMs({ directExecution });
|
|
24339
|
+
return /* @__PURE__ */ React219.createElement(Box, { display: "flex", flexDirection: "column", gap: "12" }, /* @__PURE__ */ React219.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React219.createElement(Text, { color: "tertiaryText", size: "12" }, "Deposit tx"), /* @__PURE__ */ React219.createElement(Box, { display: "flex", alignItems: "center", gap: "4" }, /* @__PURE__ */ React219.createElement(Text, { color: "tertiaryText", size: "12" }, formatAddress7(txHash)), /* @__PURE__ */ React219.createElement(
|
|
24340
|
+
TransactionRedirectButton,
|
|
24341
|
+
{
|
|
24342
|
+
chainId: fromChainId,
|
|
24343
|
+
txHash,
|
|
24344
|
+
customRedirectUrl: showRelayLink ? `${RELAY_TRANSACTION_PAGE_URL}${txHash}` : void 0
|
|
24345
|
+
}
|
|
24346
|
+
))), /* @__PURE__ */ React219.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React219.createElement(Text, { color: "tertiaryText", size: "12" }, "Order submitted"), /* @__PURE__ */ React219.createElement(Text, { color: "tertiaryText", size: "12" }, getTimestamp2(createdTimeMs))), !isProcessing && updateTime && /* @__PURE__ */ React219.createElement(FunTxSummaryLineItem, null, /* @__PURE__ */ React219.createElement(Text, { color: "tertiaryText", size: "12" }, `Order ${isFailed ? "failed" : isRefunded ? "refunded" : "filled"}`), /* @__PURE__ */ React219.createElement(Text, { color: "tertiaryText", size: "12" }, getTimestamp2(updateTime))));
|
|
24347
|
+
}
|
|
24048
24348
|
|
|
24049
24349
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryContent.tsx
|
|
24050
24350
|
function FunCheckoutHistoryContent({
|
|
@@ -24175,7 +24475,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
|
|
|
24175
24475
|
import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
|
|
24176
24476
|
import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
|
|
24177
24477
|
import clsx19 from "clsx";
|
|
24178
|
-
import React230, { useEffect as useEffect43, useMemo as
|
|
24478
|
+
import React230, { useEffect as useEffect43, useMemo as useMemo40, useRef as useRef21, useState as useState61 } from "react";
|
|
24179
24479
|
import { Virtuoso } from "react-virtuoso";
|
|
24180
24480
|
import { useAccount as useAccount6 } from "wagmi";
|
|
24181
24481
|
|
|
@@ -24217,7 +24517,7 @@ var animateVirtuosoInClass = "_26hmws5";
|
|
|
24217
24517
|
var tabLabelStyles = "_26hmws6";
|
|
24218
24518
|
|
|
24219
24519
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
24220
|
-
import { formatTimestamp as
|
|
24520
|
+
import { formatTimestamp as formatTimestamp3 } from "@funkit/utils";
|
|
24221
24521
|
import {
|
|
24222
24522
|
formatCurrencyAndStringify as formatCurrencyAndStringify8,
|
|
24223
24523
|
isMobile as isMobile9,
|
|
@@ -24251,7 +24551,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
|
|
|
24251
24551
|
|
|
24252
24552
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
|
|
24253
24553
|
var baseStyles4 = "ukct4t4";
|
|
24254
|
-
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1
|
|
24554
|
+
var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f143 _1rsrm2f10w", defaultBackground: "_1rsrm2fnr _1rsrm2fk5", hoverBackground: "_1rsrm2fjs" };
|
|
24255
24555
|
|
|
24256
24556
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
24257
24557
|
var TEXT_SIZE_MEDIUM2 = "13";
|
|
@@ -24379,7 +24679,7 @@ var HomeCheckoutDisplayRow = ({
|
|
|
24379
24679
|
/* @__PURE__ */ React225.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify8(
|
|
24380
24680
|
checkoutClientMetadata?.finalDollarValue || 0
|
|
24381
24681
|
)} USD`)
|
|
24382
|
-
), /* @__PURE__ */ React225.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React225.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" },
|
|
24682
|
+
), /* @__PURE__ */ React225.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React225.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
|
|
24383
24683
|
year: "none",
|
|
24384
24684
|
seconds: "none",
|
|
24385
24685
|
month: "short"
|
|
@@ -24723,7 +25023,7 @@ function Home({
|
|
|
24723
25023
|
const virtuosoDiv = virtuosoParentRef.current?.firstChild;
|
|
24724
25024
|
virtuosoDiv?.classList.add(animateVirtuosoInClass);
|
|
24725
25025
|
}, []);
|
|
24726
|
-
const AssetsList =
|
|
25026
|
+
const AssetsList = useMemo40(() => {
|
|
24727
25027
|
if (walletAssets && !Object.keys(walletAssets).length) {
|
|
24728
25028
|
return /* @__PURE__ */ React230.createElement(EmptyTabAlert, null);
|
|
24729
25029
|
}
|
|
@@ -24750,7 +25050,7 @@ function Home({
|
|
|
24750
25050
|
}
|
|
24751
25051
|
));
|
|
24752
25052
|
}, [walletAssets]);
|
|
24753
|
-
const CheckoutsList =
|
|
25053
|
+
const CheckoutsList = useMemo40(() => {
|
|
24754
25054
|
if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
|
|
24755
25055
|
return /* @__PURE__ */ React230.createElement(EmptyTabAlert, null);
|
|
24756
25056
|
}
|
|
@@ -25355,7 +25655,7 @@ function ChainModal({ onClose, open }) {
|
|
|
25355
25655
|
import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3 } from "@funkit/chains";
|
|
25356
25656
|
import { LogLevel, initializeRelayClient } from "@funkit/fun-relay";
|
|
25357
25657
|
import { FlagKey as FlagKey28 } from "@funkit/utils";
|
|
25358
|
-
import
|
|
25658
|
+
import React246 from "react";
|
|
25359
25659
|
|
|
25360
25660
|
// src/components/DydxSwitchModalTab/DydxSwitchModalTab.tsx
|
|
25361
25661
|
import React238, { useCallback as useCallback44 } from "react";
|
|
@@ -25503,7 +25803,7 @@ var FunCheckoutBlocked = ({ reason }) => {
|
|
|
25503
25803
|
|
|
25504
25804
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
25505
25805
|
import clsx22 from "clsx";
|
|
25506
|
-
import
|
|
25806
|
+
import React245, { useEffect as useEffect45, useMemo as useMemo41, useState as useState64 } from "react";
|
|
25507
25807
|
|
|
25508
25808
|
// src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
|
|
25509
25809
|
import React240 from "react";
|
|
@@ -25547,7 +25847,7 @@ var FunNotificationShowMoreButton = ({
|
|
|
25547
25847
|
);
|
|
25548
25848
|
};
|
|
25549
25849
|
|
|
25550
|
-
// src/hooks/queries/useRecentCheckouts.
|
|
25850
|
+
// src/hooks/queries/useRecentCheckouts.ts
|
|
25551
25851
|
import {
|
|
25552
25852
|
getCheckoutsByUserId as getCheckoutsByUserId2
|
|
25553
25853
|
} from "@funkit/api-base";
|
|
@@ -25555,21 +25855,18 @@ import { FlagKey as FlagKey27 } from "@funkit/utils";
|
|
|
25555
25855
|
import { useQuery as useQuery11 } from "@tanstack/react-query";
|
|
25556
25856
|
var hasCorrectPaymentMethod = (checkout, paymentMethod) => !paymentMethod || checkout.clientMetadata.selectedPaymentMethodInfo?.paymentMethod === paymentMethod;
|
|
25557
25857
|
var isRecent = (checkout, timestampCutoff) => checkout.createdTimeMs > timestampCutoff;
|
|
25558
|
-
var
|
|
25858
|
+
var DEFAULT_NOTIF_CUTOFF = 7 * 24 * 60 * 60 * 1e3;
|
|
25559
25859
|
function useCheckoutRefreshInterval() {
|
|
25560
25860
|
const str = useFlag(FlagKey27.CheckoutNotificationsRefreshInterval);
|
|
25561
25861
|
return safeJSONParse(str) || { listRefresh: 50 * 1e3, itemRefresh: 5 * 1e3 };
|
|
25562
25862
|
}
|
|
25563
25863
|
var useRecentCheckouts = ({
|
|
25564
25864
|
paymentMethod = "token_transfer" /* TOKEN_TRANSFER */,
|
|
25565
|
-
newerThanMs,
|
|
25566
25865
|
isVisible
|
|
25567
25866
|
}) => {
|
|
25568
25867
|
const { isUserLoggedIn, userInfo } = useGeneralWallet();
|
|
25569
25868
|
const { apiKey } = useFunkitConfig();
|
|
25570
25869
|
const { listRefresh } = useCheckoutRefreshInterval();
|
|
25571
|
-
const defaultTimestampCutoff = Date.now() - DEFAULT_CUTOFF;
|
|
25572
|
-
const timestampCutoff = newerThanMs ?? defaultTimestampCutoff;
|
|
25573
25870
|
const query = useQuery11({
|
|
25574
25871
|
queryKey: ["checkouts", userInfo.id],
|
|
25575
25872
|
queryFn: async () => {
|
|
@@ -25577,8 +25874,9 @@ var useRecentCheckouts = ({
|
|
|
25577
25874
|
userId: userInfo.id,
|
|
25578
25875
|
apiKey
|
|
25579
25876
|
});
|
|
25877
|
+
const defaultTimestampCutoff = Date.now() - DEFAULT_NOTIF_CUTOFF;
|
|
25580
25878
|
return checkouts.filter(
|
|
25581
|
-
(checkout) => isCheckoutValid(checkout) && isRecent(checkout,
|
|
25879
|
+
(checkout) => isCheckoutValid(checkout) && isRecent(checkout, defaultTimestampCutoff) && hasCorrectPaymentMethod(checkout, paymentMethod)
|
|
25582
25880
|
).sort((a, b) => b.createdTimeMs - a.createdTimeMs);
|
|
25583
25881
|
},
|
|
25584
25882
|
refetchInterval: listRefresh,
|
|
@@ -25587,6 +25885,34 @@ var useRecentCheckouts = ({
|
|
|
25587
25885
|
return query;
|
|
25588
25886
|
};
|
|
25589
25887
|
|
|
25888
|
+
// src/hooks/queries/useRecentDirectExecutions.ts
|
|
25889
|
+
import {
|
|
25890
|
+
getDirectExecutionsByUserId as getDirectExecutionsByUserId2
|
|
25891
|
+
} from "@funkit/api-base";
|
|
25892
|
+
import { useQuery as useQuery12 } from "@tanstack/react-query";
|
|
25893
|
+
var isRecent2 = (de, timestampCutoff) => de.createdTimeMs > timestampCutoff;
|
|
25894
|
+
var useRecentDirectExecutions = ({
|
|
25895
|
+
isVisible
|
|
25896
|
+
}) => {
|
|
25897
|
+
const { isUserLoggedIn, userInfo } = useGeneralWallet();
|
|
25898
|
+
const { apiKey } = useFunkitConfig();
|
|
25899
|
+
const { listRefresh } = useCheckoutRefreshInterval();
|
|
25900
|
+
const query = useQuery12({
|
|
25901
|
+
queryKey: ["directExecutions", userInfo.id],
|
|
25902
|
+
queryFn: async () => {
|
|
25903
|
+
const directExecutions = await getDirectExecutionsByUserId2({
|
|
25904
|
+
userId: userInfo.id,
|
|
25905
|
+
apiKey
|
|
25906
|
+
});
|
|
25907
|
+
const defaultTimestampCutoff = Date.now() - DEFAULT_NOTIF_CUTOFF;
|
|
25908
|
+
return directExecutions.filter((de) => isRecent2(de, defaultTimestampCutoff)).sort((a, b) => b.createdTimeMs - a.createdTimeMs);
|
|
25909
|
+
},
|
|
25910
|
+
refetchInterval: listRefresh,
|
|
25911
|
+
enabled: !!userInfo.id && isUserLoggedIn && isVisible
|
|
25912
|
+
});
|
|
25913
|
+
return query;
|
|
25914
|
+
};
|
|
25915
|
+
|
|
25590
25916
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotification.tsx
|
|
25591
25917
|
import React243 from "react";
|
|
25592
25918
|
|
|
@@ -25596,8 +25922,8 @@ import React242, { useState as useState63 } from "react";
|
|
|
25596
25922
|
import clsx21 from "clsx";
|
|
25597
25923
|
|
|
25598
25924
|
// src/components/FunNotificationBanner/FunNotificationBanner.css.ts
|
|
25599
|
-
var notificationBannerStyle = "
|
|
25600
|
-
var showMoreButtonStyle = "_4yitd93
|
|
25925
|
+
var notificationBannerStyle = "_1rsrm2fev _1rsrm2fp _1rsrm2fjf _1rsrm2f1dl";
|
|
25926
|
+
var showMoreButtonStyle = "_4yitd93 _1rsrm2fy9 _1rsrm2f1e _1rsrm2f1b _1rsrm2fjf _1rsrm2fjs _1rsrm2fg0";
|
|
25601
25927
|
|
|
25602
25928
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
25603
25929
|
import clsx20 from "clsx";
|
|
@@ -25608,7 +25934,7 @@ import React241, { useCallback as useCallback45, useEffect as useEffect44, useRe
|
|
|
25608
25934
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
25609
25935
|
var shadowStyle = "_1i8t3xj0";
|
|
25610
25936
|
var statusIcon = "_1i8t3xj3 _1i8t3xj0";
|
|
25611
|
-
var statusIconWrapper = "_1i8t3xj2
|
|
25937
|
+
var statusIconWrapper = "_1i8t3xj2 _1rsrm2fjf _1rsrm2f18";
|
|
25612
25938
|
var statusSpinner = "_1i8t3xj4 qe221a3";
|
|
25613
25939
|
|
|
25614
25940
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
@@ -26283,11 +26609,11 @@ var FunNotificationBanner = ({
|
|
|
26283
26609
|
import {
|
|
26284
26610
|
getCheckoutByDepositAddress as getCheckoutByDepositAddress2
|
|
26285
26611
|
} from "@funkit/api-base";
|
|
26286
|
-
import { useQuery as
|
|
26612
|
+
import { useQuery as useQuery13 } from "@tanstack/react-query";
|
|
26287
26613
|
var useCheckout = (depositAddress, initial) => {
|
|
26288
26614
|
const { apiKey } = useFunkitConfig();
|
|
26289
26615
|
const { itemRefresh } = useCheckoutRefreshInterval();
|
|
26290
|
-
const query =
|
|
26616
|
+
const query = useQuery13({
|
|
26291
26617
|
queryKey: ["checkouts", "checkout", depositAddress],
|
|
26292
26618
|
queryFn: () => (
|
|
26293
26619
|
// biome-ignore lint/style/noNonNullAssertion: already checked for null
|
|
@@ -26306,7 +26632,7 @@ var CheckoutNotification = ({
|
|
|
26306
26632
|
onClose,
|
|
26307
26633
|
onHelp
|
|
26308
26634
|
}) => {
|
|
26309
|
-
const { initSettings
|
|
26635
|
+
const { initSettings } = defaultCheckout.clientMetadata;
|
|
26310
26636
|
const depositAddress = defaultCheckout.depositAddr;
|
|
26311
26637
|
const { data: checkout } = useCheckout(depositAddress, defaultCheckout);
|
|
26312
26638
|
if (!checkout) return null;
|
|
@@ -26321,7 +26647,7 @@ var CheckoutNotification = ({
|
|
|
26321
26647
|
disclaimer: parseDisclaimer(checkout, () => onHelp(depositAddress)),
|
|
26322
26648
|
iconUrl: initSettings.config.iconSrc ?? ASSET_LOGO_SRCS[normalizedTicker],
|
|
26323
26649
|
status: notificationStatus,
|
|
26324
|
-
onClosed: () => onClose(
|
|
26650
|
+
onClosed: () => onClose(depositAddress)
|
|
26325
26651
|
},
|
|
26326
26652
|
/* @__PURE__ */ React243.createElement(
|
|
26327
26653
|
Box,
|
|
@@ -26390,6 +26716,112 @@ var parseDisclaimer = (checkout, onHelp) => {
|
|
|
26390
26716
|
}
|
|
26391
26717
|
};
|
|
26392
26718
|
|
|
26719
|
+
// src/modals/CheckoutModal/TransferToken/DirectExecutionNotification.tsx
|
|
26720
|
+
import React244 from "react";
|
|
26721
|
+
var mapDirectExecutionStateToNotificationStatus = (isDelayed2, isRefunded, isCompleted, isFailed) => {
|
|
26722
|
+
if (isDelayed2) return "delayed";
|
|
26723
|
+
if (isCompleted) return "completed";
|
|
26724
|
+
if (isRefunded) return "expired";
|
|
26725
|
+
if (isFailed) return "failed";
|
|
26726
|
+
return "completed";
|
|
26727
|
+
};
|
|
26728
|
+
var DirectExecutionNotification = ({
|
|
26729
|
+
directExecution,
|
|
26730
|
+
onClose,
|
|
26731
|
+
onHelp
|
|
26732
|
+
}) => {
|
|
26733
|
+
const { initSettings } = directExecution.clientMetadata;
|
|
26734
|
+
const { isDelayed: isDelayed2, isRefunded, isCompleted, isFailed } = useCheckoutDirectExecutionHistory({
|
|
26735
|
+
initDirectExecution: directExecution
|
|
26736
|
+
});
|
|
26737
|
+
const notificationStatus = mapDirectExecutionStateToNotificationStatus(
|
|
26738
|
+
isDelayed2,
|
|
26739
|
+
isRefunded,
|
|
26740
|
+
isCompleted,
|
|
26741
|
+
isFailed
|
|
26742
|
+
);
|
|
26743
|
+
const normalizedTicker = initSettings.config.targetAssetTicker?.toUpperCase();
|
|
26744
|
+
return /* @__PURE__ */ React244.createElement(
|
|
26745
|
+
FunNotificationBanner,
|
|
26746
|
+
{
|
|
26747
|
+
description: parseDescription2(
|
|
26748
|
+
isDelayed2,
|
|
26749
|
+
isRefunded,
|
|
26750
|
+
isCompleted,
|
|
26751
|
+
isFailed
|
|
26752
|
+
),
|
|
26753
|
+
title: parseTitle(isDelayed2, isRefunded, isCompleted, isFailed),
|
|
26754
|
+
disclaimer: parseDisclaimer2(
|
|
26755
|
+
isRefunded,
|
|
26756
|
+
isDelayed2,
|
|
26757
|
+
isFailed,
|
|
26758
|
+
() => onHelp(directExecution.txHash)
|
|
26759
|
+
),
|
|
26760
|
+
iconUrl: ASSET_LOGO_SRCS[normalizedTicker],
|
|
26761
|
+
status: notificationStatus,
|
|
26762
|
+
onClosed: () => onClose(directExecution.txHash)
|
|
26763
|
+
},
|
|
26764
|
+
/* @__PURE__ */ React244.createElement(
|
|
26765
|
+
Box,
|
|
26766
|
+
{
|
|
26767
|
+
paddingY: "8",
|
|
26768
|
+
paddingX: "10",
|
|
26769
|
+
background: "modalBackground",
|
|
26770
|
+
borderRadius: "8",
|
|
26771
|
+
borderColor: "mediumStroke",
|
|
26772
|
+
borderWidth: "1",
|
|
26773
|
+
borderStyle: "solid"
|
|
26774
|
+
},
|
|
26775
|
+
/* @__PURE__ */ React244.createElement(
|
|
26776
|
+
DirectExecutionOrderDetailSection,
|
|
26777
|
+
{
|
|
26778
|
+
directExecution,
|
|
26779
|
+
showRelayLink: true
|
|
26780
|
+
}
|
|
26781
|
+
)
|
|
26782
|
+
)
|
|
26783
|
+
);
|
|
26784
|
+
};
|
|
26785
|
+
var parseTitle = (isDelayed2, isRefunded, isCompleted, isFailed) => {
|
|
26786
|
+
if (isDelayed2) return "Deposit received and pending...";
|
|
26787
|
+
if (isCompleted) return "Deposit completed";
|
|
26788
|
+
if (isFailed || isRefunded) return "Didn't complete";
|
|
26789
|
+
return "Deposit received and processing...";
|
|
26790
|
+
};
|
|
26791
|
+
var parseDescription2 = (isDelayed2, isRefunded, isCompleted, isFailed) => {
|
|
26792
|
+
if (isDelayed2) {
|
|
26793
|
+
return "Your deposit will be credited to your account shortly.";
|
|
26794
|
+
}
|
|
26795
|
+
if (isCompleted) {
|
|
26796
|
+
return "Your deposit has been credited to your account.";
|
|
26797
|
+
}
|
|
26798
|
+
if (isRefunded) {
|
|
26799
|
+
return "Your deposit has been refunded or reprocessed. Feel free to reach out for an update.";
|
|
26800
|
+
}
|
|
26801
|
+
if (isFailed) {
|
|
26802
|
+
return "An issue occurred with your deposit. Please try again.";
|
|
26803
|
+
}
|
|
26804
|
+
return "";
|
|
26805
|
+
};
|
|
26806
|
+
var parseDisclaimer2 = (isRefunded, isDelayed2, isFailed, onHelp) => {
|
|
26807
|
+
const contactLink = /* @__PURE__ */ React244.createElement(
|
|
26808
|
+
FunLinkButton,
|
|
26809
|
+
{
|
|
26810
|
+
text: "Contact us",
|
|
26811
|
+
onClick: onHelp,
|
|
26812
|
+
inline: true,
|
|
26813
|
+
size: "12",
|
|
26814
|
+
weight: "regular"
|
|
26815
|
+
}
|
|
26816
|
+
);
|
|
26817
|
+
if (isFailed || isRefunded) {
|
|
26818
|
+
return /* @__PURE__ */ React244.createElement(React244.Fragment, null, "Your deposit didn't complete. ", contactLink, " for more info.");
|
|
26819
|
+
}
|
|
26820
|
+
if (isDelayed2) {
|
|
26821
|
+
return /* @__PURE__ */ React244.createElement(React244.Fragment, null, "Your deposit is delayed but funds are safe. ", contactLink, " for more info.");
|
|
26822
|
+
}
|
|
26823
|
+
};
|
|
26824
|
+
|
|
26393
26825
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
26394
26826
|
var COLLAPSED_COUNT = 2;
|
|
26395
26827
|
var MAX_COUNT = 5;
|
|
@@ -26399,24 +26831,44 @@ var CheckoutNotifications = ({
|
|
|
26399
26831
|
}) => {
|
|
26400
26832
|
const [isExpanded, setIsExpanded] = useState64(false);
|
|
26401
26833
|
const [initialCheckouts, setInitialCheckouts] = useState64();
|
|
26834
|
+
const [initialDirectExecutions, setInitialDirectExecutions] = useState64();
|
|
26402
26835
|
const [closedNotifications, setClosedNotifications] = useState64([]);
|
|
26403
26836
|
const { data: checkouts } = useRecentCheckouts({ isVisible });
|
|
26837
|
+
const { data: directExecutions } = useRecentDirectExecutions({
|
|
26838
|
+
isVisible
|
|
26839
|
+
});
|
|
26404
26840
|
useEffect45(() => {
|
|
26405
26841
|
if (initialCheckouts || !checkouts) return;
|
|
26406
26842
|
setInitialCheckouts(checkouts);
|
|
26407
26843
|
}, [initialCheckouts, checkouts]);
|
|
26408
|
-
|
|
26844
|
+
useEffect45(() => {
|
|
26845
|
+
if (initialDirectExecutions || !directExecutions) return;
|
|
26846
|
+
setInitialDirectExecutions(directExecutions);
|
|
26847
|
+
}, [initialDirectExecutions, directExecutions]);
|
|
26848
|
+
const displayedDirectExecutions = useMemo41(() => {
|
|
26849
|
+
if (!directExecutions) return [];
|
|
26850
|
+
return getUpdatedDirectExecutions(directExecutions, initialDirectExecutions).filter(({ txHash }) => !closedNotifications.includes(txHash)).slice(0, MAX_COUNT);
|
|
26851
|
+
}, [initialDirectExecutions, directExecutions, closedNotifications]);
|
|
26852
|
+
const displayedCheckouts = useMemo41(() => {
|
|
26409
26853
|
if (!checkouts) return [];
|
|
26410
|
-
return getUpdatedCheckouts(checkouts, initialCheckouts).filter(
|
|
26411
|
-
({ clientMetadata }) => !closedNotifications.includes(
|
|
26412
|
-
clientMetadata.id
|
|
26413
|
-
)
|
|
26414
|
-
).slice(0, MAX_COUNT);
|
|
26854
|
+
return getUpdatedCheckouts(checkouts, initialCheckouts).filter(({ depositAddr }) => !closedNotifications.includes(depositAddr)).slice(0, MAX_COUNT);
|
|
26415
26855
|
}, [initialCheckouts, checkouts, closedNotifications]);
|
|
26416
|
-
const
|
|
26856
|
+
const combinedNotifications = useMemo41(() => {
|
|
26857
|
+
return [
|
|
26858
|
+
...displayedDirectExecutions.map(
|
|
26859
|
+
(item) => ({ ...item, isDirectExecution: true })
|
|
26860
|
+
),
|
|
26861
|
+
...displayedCheckouts.map(
|
|
26862
|
+
(item) => ({ ...item, isDirectExecution: false })
|
|
26863
|
+
)
|
|
26864
|
+
].sort((a, b) => b.createdTimeMs - a.createdTimeMs);
|
|
26865
|
+
}, [displayedDirectExecutions, displayedCheckouts]);
|
|
26866
|
+
const displayedNotifications = useMemo41(() => {
|
|
26867
|
+
return isExpanded ? combinedNotifications : combinedNotifications.slice(0, COLLAPSED_COUNT);
|
|
26868
|
+
}, [isExpanded, combinedNotifications]);
|
|
26417
26869
|
const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
|
|
26418
26870
|
if (!isVisible) return null;
|
|
26419
|
-
return /* @__PURE__ */
|
|
26871
|
+
return /* @__PURE__ */ React245.createElement(
|
|
26420
26872
|
Box,
|
|
26421
26873
|
{
|
|
26422
26874
|
position: "absolute",
|
|
@@ -26424,19 +26876,32 @@ var CheckoutNotifications = ({
|
|
|
26424
26876
|
maxHeight: "full",
|
|
26425
26877
|
style: { bottom: 0, left: 0, right: 0, zIndex: OVERLAY_Z_INDEX }
|
|
26426
26878
|
},
|
|
26427
|
-
/* @__PURE__ */
|
|
26428
|
-
|
|
26429
|
-
|
|
26430
|
-
|
|
26431
|
-
|
|
26432
|
-
|
|
26433
|
-
|
|
26879
|
+
/* @__PURE__ */ React245.createElement(Box, { display: "flex", flexDirection: "column", gap: "8", padding: "8" }, displayedNotifications.map((item) => {
|
|
26880
|
+
if (item.isDirectExecution) {
|
|
26881
|
+
return /* @__PURE__ */ React245.createElement(
|
|
26882
|
+
DirectExecutionNotification,
|
|
26883
|
+
{
|
|
26884
|
+
key: item.txHash,
|
|
26885
|
+
directExecution: item,
|
|
26886
|
+
onClose: handleNotificationClose,
|
|
26887
|
+
onHelp
|
|
26888
|
+
}
|
|
26889
|
+
);
|
|
26434
26890
|
}
|
|
26435
|
-
|
|
26891
|
+
return /* @__PURE__ */ React245.createElement(
|
|
26892
|
+
CheckoutNotification,
|
|
26893
|
+
{
|
|
26894
|
+
key: item.depositAddr,
|
|
26895
|
+
checkout: item,
|
|
26896
|
+
onClose: handleNotificationClose,
|
|
26897
|
+
onHelp
|
|
26898
|
+
}
|
|
26899
|
+
);
|
|
26900
|
+
}), combinedNotifications.length > COLLAPSED_COUNT && /* @__PURE__ */ React245.createElement(
|
|
26436
26901
|
FunNotificationShowMoreButton,
|
|
26437
26902
|
{
|
|
26438
26903
|
isExpanded,
|
|
26439
|
-
numberOfNotifications:
|
|
26904
|
+
numberOfNotifications: combinedNotifications.length - COLLAPSED_COUNT,
|
|
26440
26905
|
onClick: () => setIsExpanded((value) => !value)
|
|
26441
26906
|
}
|
|
26442
26907
|
))
|
|
@@ -26445,11 +26910,21 @@ var CheckoutNotifications = ({
|
|
|
26445
26910
|
var getUpdatedCheckouts = (checkouts, initialCheckouts) => {
|
|
26446
26911
|
return checkouts.filter((checkout) => {
|
|
26447
26912
|
const initialCheckout = initialCheckouts?.find(
|
|
26448
|
-
(initialCheckout2) => initialCheckout2.
|
|
26913
|
+
(initialCheckout2) => initialCheckout2.depositAddr === checkout.depositAddr
|
|
26449
26914
|
);
|
|
26450
26915
|
return !initialCheckout || initialCheckout.lastUpdatedTimeMs !== checkout.lastUpdatedTimeMs;
|
|
26451
26916
|
});
|
|
26452
26917
|
};
|
|
26918
|
+
var getUpdatedDirectExecutions = (directExecutions, initialDirectExecutions) => {
|
|
26919
|
+
return directExecutions.filter((directExecution) => {
|
|
26920
|
+
const initialDirectExecution = initialDirectExecutions?.find(
|
|
26921
|
+
(initialDirectExecution2) => initialDirectExecution2.txHash === directExecution.txHash
|
|
26922
|
+
);
|
|
26923
|
+
return !initialDirectExecution || getDirectExecutionUpdatedTimeMs({
|
|
26924
|
+
directExecution: initialDirectExecution
|
|
26925
|
+
}) !== getDirectExecutionUpdatedTimeMs({ directExecution });
|
|
26926
|
+
});
|
|
26927
|
+
};
|
|
26453
26928
|
|
|
26454
26929
|
// src/modals/CheckoutModal/FunCheckoutModal.tsx
|
|
26455
26930
|
initializeRelayClient({
|
|
@@ -26461,7 +26936,7 @@ initializeRelayClient({
|
|
|
26461
26936
|
var CHECKOUT_DIALOG_CONTENT_ID = "checkout-dialog-content";
|
|
26462
26937
|
function FunCheckoutModalStepComponent(props) {
|
|
26463
26938
|
const { Component: Component2 } = CheckoutModalSteps[props.modalState.step];
|
|
26464
|
-
return /* @__PURE__ */
|
|
26939
|
+
return /* @__PURE__ */ React246.createElement(Component2, { ...props });
|
|
26465
26940
|
}
|
|
26466
26941
|
function FunCheckoutModalInner({
|
|
26467
26942
|
checkoutItem,
|
|
@@ -26508,7 +26983,7 @@ function FunCheckoutModalInner({
|
|
|
26508
26983
|
depositAddress: checkoutItem.depositAddress ?? void 0,
|
|
26509
26984
|
isCheckoutDetailView: modalState.step === "checkout_complete" /* CHECKOUT_COMPLETE */,
|
|
26510
26985
|
paddingTop: 0,
|
|
26511
|
-
topbar: /* @__PURE__ */
|
|
26986
|
+
topbar: /* @__PURE__ */ React246.createElement(
|
|
26512
26987
|
Dialog.Title,
|
|
26513
26988
|
{
|
|
26514
26989
|
hasBackButton: hasBack && !isBlocked,
|
|
@@ -26524,7 +26999,7 @@ function FunCheckoutModalInner({
|
|
|
26524
26999
|
withTopDivider: checkoutConfig.modalTitleMeta ? "always" : "scroll",
|
|
26525
27000
|
scrollableContent: CHECKOUT_DIALOG_CONTENT_ID
|
|
26526
27001
|
});
|
|
26527
|
-
return /* @__PURE__ */
|
|
27002
|
+
return /* @__PURE__ */ React246.createElement(
|
|
26528
27003
|
Dialog,
|
|
26529
27004
|
{
|
|
26530
27005
|
open,
|
|
@@ -26532,7 +27007,7 @@ function FunCheckoutModalInner({
|
|
|
26532
27007
|
titleId: "fun-checkout-modal",
|
|
26533
27008
|
isHidden: modalState.isSoftHidden
|
|
26534
27009
|
},
|
|
26535
|
-
/* @__PURE__ */
|
|
27010
|
+
/* @__PURE__ */ React246.createElement(FunCheckoutModalHeightAnimationWrapper, { checkoutStep: modalState.step }, topbar, /* @__PURE__ */ React246.createElement(
|
|
26536
27011
|
Dialog.Content,
|
|
26537
27012
|
{
|
|
26538
27013
|
fullHeight: showFullHeight,
|
|
@@ -26542,20 +27017,20 @@ function FunCheckoutModalInner({
|
|
|
26542
27017
|
withBottomDivider: modalState.step === "transfer_token" /* TRANSFER_TOKEN */ || modalState.step === "fiat_account_detail" /* FIAT_ACCOUNT_DETAIL */ ? "never" : "scroll",
|
|
26543
27018
|
id: CHECKOUT_DIALOG_CONTENT_ID
|
|
26544
27019
|
},
|
|
26545
|
-
isBlocked ? /* @__PURE__ */
|
|
27020
|
+
isBlocked ? /* @__PURE__ */ React246.createElement(
|
|
26546
27021
|
FunCheckoutBlocked,
|
|
26547
27022
|
{
|
|
26548
27023
|
reason: isUserGeoblocked ? "geoblock" : "security"
|
|
26549
27024
|
}
|
|
26550
|
-
) : /* @__PURE__ */
|
|
27025
|
+
) : /* @__PURE__ */ React246.createElement(React246.Fragment, null, /* @__PURE__ */ React246.createElement(
|
|
26551
27026
|
DydxSwitchTab,
|
|
26552
27027
|
{
|
|
26553
27028
|
onSwitch: checkoutItem.initSettings.onDydxSwitch,
|
|
26554
27029
|
showSwitch: showDydxSwitch,
|
|
26555
27030
|
onClose: onCloseWrapper
|
|
26556
27031
|
}
|
|
26557
|
-
), /* @__PURE__ */
|
|
26558
|
-
), /* @__PURE__ */
|
|
27032
|
+
), /* @__PURE__ */ React246.createElement(FunCheckoutModalStepComponent, { ...modalProps }))
|
|
27033
|
+
), /* @__PURE__ */ React246.createElement(Dialog.BottomSection, { id: CHECKOUT_MODAL_BOTTOM_BAR_ID }), !isBlocked && /* @__PURE__ */ React246.createElement(
|
|
26559
27034
|
CheckoutNotifications,
|
|
26560
27035
|
{
|
|
26561
27036
|
onHelp: handleCheckoutHelp,
|
|
@@ -26569,7 +27044,7 @@ function FunCheckoutModal({ onClose, open }) {
|
|
|
26569
27044
|
if (!checkoutItem) {
|
|
26570
27045
|
return null;
|
|
26571
27046
|
}
|
|
26572
|
-
return /* @__PURE__ */
|
|
27047
|
+
return /* @__PURE__ */ React246.createElement(
|
|
26573
27048
|
FunCheckoutModalInner,
|
|
26574
27049
|
{
|
|
26575
27050
|
checkoutItem,
|
|
@@ -26580,7 +27055,7 @@ function FunCheckoutModal({ onClose, open }) {
|
|
|
26580
27055
|
}
|
|
26581
27056
|
|
|
26582
27057
|
// src/modals/ConnectModal/ConnectModal.tsx
|
|
26583
|
-
import
|
|
27058
|
+
import React247 from "react";
|
|
26584
27059
|
import { useAccount as useAccount8 } from "wagmi";
|
|
26585
27060
|
var TITLE_ID2 = "rk_connect_title";
|
|
26586
27061
|
function ConnectModal({
|
|
@@ -26591,12 +27066,12 @@ function ConnectModal({
|
|
|
26591
27066
|
const connectionStatus = useConnectionStatus();
|
|
26592
27067
|
const { disconnect } = useFunkitDisconnect();
|
|
26593
27068
|
const { isConnecting } = useAccount8();
|
|
26594
|
-
const onConnectModalCancel =
|
|
27069
|
+
const onConnectModalCancel = React247.useCallback(() => {
|
|
26595
27070
|
if (isConnecting) disconnect();
|
|
26596
27071
|
onClose();
|
|
26597
27072
|
}, [onClose, disconnect, isConnecting]);
|
|
26598
27073
|
if (connectionStatus === "disconnected" || connectionStatus === "loading") {
|
|
26599
|
-
return /* @__PURE__ */
|
|
27074
|
+
return /* @__PURE__ */ React247.createElement(
|
|
26600
27075
|
Dialog,
|
|
26601
27076
|
{
|
|
26602
27077
|
onClose: onConnectModalCancel,
|
|
@@ -26604,7 +27079,7 @@ function ConnectModal({
|
|
|
26604
27079
|
titleId: TITLE_ID2,
|
|
26605
27080
|
isSmartCloseable: true
|
|
26606
27081
|
},
|
|
26607
|
-
/* @__PURE__ */
|
|
27082
|
+
/* @__PURE__ */ React247.createElement(
|
|
26608
27083
|
FunConnectOptions,
|
|
26609
27084
|
{
|
|
26610
27085
|
onClose: onConnectModalCancel,
|
|
@@ -26695,10 +27170,10 @@ function ModalProvider({ children }) {
|
|
|
26695
27170
|
useEffect46(() => {
|
|
26696
27171
|
if (isUnauthenticated) closeModals();
|
|
26697
27172
|
}, [isUnauthenticated]);
|
|
26698
|
-
return /* @__PURE__ */
|
|
27173
|
+
return /* @__PURE__ */ React248.createElement(
|
|
26699
27174
|
ModalContext.Provider,
|
|
26700
27175
|
{
|
|
26701
|
-
value:
|
|
27176
|
+
value: useMemo42(
|
|
26702
27177
|
() => ({
|
|
26703
27178
|
accountModalOpen,
|
|
26704
27179
|
accountModalTab,
|
|
@@ -26733,7 +27208,7 @@ function ModalProvider({ children }) {
|
|
|
26733
27208
|
)
|
|
26734
27209
|
},
|
|
26735
27210
|
children,
|
|
26736
|
-
/* @__PURE__ */
|
|
27211
|
+
/* @__PURE__ */ React248.createElement(
|
|
26737
27212
|
ConnectModal,
|
|
26738
27213
|
{
|
|
26739
27214
|
onClose: closeConnectModal,
|
|
@@ -26741,7 +27216,7 @@ function ModalProvider({ children }) {
|
|
|
26741
27216
|
walletsOnly: !!walletsOnly
|
|
26742
27217
|
}
|
|
26743
27218
|
),
|
|
26744
|
-
/* @__PURE__ */
|
|
27219
|
+
/* @__PURE__ */ React248.createElement(
|
|
26745
27220
|
AccountModal,
|
|
26746
27221
|
{
|
|
26747
27222
|
onClose: closeAccountModal,
|
|
@@ -26749,8 +27224,8 @@ function ModalProvider({ children }) {
|
|
|
26749
27224
|
defaultTab: accountModalTab
|
|
26750
27225
|
}
|
|
26751
27226
|
),
|
|
26752
|
-
/* @__PURE__ */
|
|
26753
|
-
/* @__PURE__ */
|
|
27227
|
+
/* @__PURE__ */ React248.createElement(ChainModal, { onClose: closeChainModal, open: chainModalOpen }),
|
|
27228
|
+
/* @__PURE__ */ React248.createElement(
|
|
26754
27229
|
FunCheckoutModal,
|
|
26755
27230
|
{
|
|
26756
27231
|
onClose: closeFunCheckoutModal,
|
|
@@ -27424,7 +27899,7 @@ var FunkitWeb2Provider = ({
|
|
|
27424
27899
|
},
|
|
27425
27900
|
[privy]
|
|
27426
27901
|
);
|
|
27427
|
-
const web2UserInfo =
|
|
27902
|
+
const web2UserInfo = useMemo43(() => {
|
|
27428
27903
|
if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
|
|
27429
27904
|
return PLACEHOLDER_FUNKIT_USER_INFO;
|
|
27430
27905
|
}
|
|
@@ -27491,7 +27966,7 @@ var FunkitWeb2Provider = ({
|
|
|
27491
27966
|
handleFunkitWeb2Logout,
|
|
27492
27967
|
web2UserInfo
|
|
27493
27968
|
};
|
|
27494
|
-
return /* @__PURE__ */
|
|
27969
|
+
return /* @__PURE__ */ React249.createElement(FunkitWeb2Context.Provider, { value: contextValue }, privyIframeUrl ? /* @__PURE__ */ React249.createElement(
|
|
27495
27970
|
"iframe",
|
|
27496
27971
|
{
|
|
27497
27972
|
id: PRIVY_IFRAME_ID,
|
|
@@ -27524,7 +27999,7 @@ function useConnectionStatus() {
|
|
|
27524
27999
|
}
|
|
27525
28000
|
|
|
27526
28001
|
// src/providers/ShowBalanceContext.tsx
|
|
27527
|
-
import
|
|
28002
|
+
import React250, {
|
|
27528
28003
|
createContext as createContext19,
|
|
27529
28004
|
useContext as useContext19,
|
|
27530
28005
|
useState as useState67
|
|
@@ -27535,13 +28010,13 @@ var ShowBalanceContext = createContext19({
|
|
|
27535
28010
|
});
|
|
27536
28011
|
function ShowBalanceProvider({ children }) {
|
|
27537
28012
|
const [showBalance, setShowBalance] = useState67();
|
|
27538
|
-
return /* @__PURE__ */
|
|
28013
|
+
return /* @__PURE__ */ React250.createElement(ShowBalanceContext.Provider, { value: { showBalance, setShowBalance } }, children);
|
|
27539
28014
|
}
|
|
27540
28015
|
var useShowBalance = () => useContext19(ShowBalanceContext);
|
|
27541
28016
|
|
|
27542
28017
|
// src/components/ConnectButton/ConnectButtonRenderer.tsx
|
|
27543
28018
|
import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isMobile as isMobile14, noop as noop8 } from "@funkit/utils";
|
|
27544
|
-
import
|
|
28019
|
+
import React251 from "react";
|
|
27545
28020
|
import { useAccount as useAccount11, useBalance, useConfig as useConfig6 } from "wagmi";
|
|
27546
28021
|
|
|
27547
28022
|
// src/hooks/useIsMounted.ts
|
|
@@ -27632,7 +28107,7 @@ function ConnectButtonRenderer({
|
|
|
27632
28107
|
const { openChainModal } = useChainModal();
|
|
27633
28108
|
const { openAccountModal } = useAccountModal();
|
|
27634
28109
|
const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
|
|
27635
|
-
return /* @__PURE__ */
|
|
28110
|
+
return /* @__PURE__ */ React251.createElement(React251.Fragment, null, children({
|
|
27636
28111
|
account: address ? {
|
|
27637
28112
|
address,
|
|
27638
28113
|
balanceDecimals: balanceData?.decimals,
|
|
@@ -27688,7 +28163,7 @@ function ChainSelectorButton({
|
|
|
27688
28163
|
openChainModal,
|
|
27689
28164
|
chain
|
|
27690
28165
|
}) {
|
|
27691
|
-
return /* @__PURE__ */
|
|
28166
|
+
return /* @__PURE__ */ React252.createElement(
|
|
27692
28167
|
Box,
|
|
27693
28168
|
{
|
|
27694
28169
|
alignItems: "center",
|
|
@@ -27716,7 +28191,7 @@ function ChainSelectorButton({
|
|
|
27716
28191
|
type: "button",
|
|
27717
28192
|
...connectButtonStyles
|
|
27718
28193
|
},
|
|
27719
|
-
unsupportedChain ? /* @__PURE__ */
|
|
28194
|
+
unsupportedChain ? /* @__PURE__ */ React252.createElement(Box, { alignItems: "center", display: "flex", height: "24", paddingX: "4" }, "Wrong network") : /* @__PURE__ */ React252.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, chain.hasIcon ? /* @__PURE__ */ React252.createElement(
|
|
27720
28195
|
Box,
|
|
27721
28196
|
{
|
|
27722
28197
|
display: mapResponsiveValue(
|
|
@@ -27726,7 +28201,7 @@ function ChainSelectorButton({
|
|
|
27726
28201
|
height: "12",
|
|
27727
28202
|
width: "12"
|
|
27728
28203
|
},
|
|
27729
|
-
/* @__PURE__ */
|
|
28204
|
+
/* @__PURE__ */ React252.createElement(
|
|
27730
28205
|
AsyncImage,
|
|
27731
28206
|
{
|
|
27732
28207
|
alt: chain.name ?? "Chain icon",
|
|
@@ -27737,7 +28212,7 @@ function ChainSelectorButton({
|
|
|
27737
28212
|
src: chain.iconUrl
|
|
27738
28213
|
}
|
|
27739
28214
|
)
|
|
27740
|
-
) : null, /* @__PURE__ */
|
|
28215
|
+
) : null, /* @__PURE__ */ React252.createElement(
|
|
27741
28216
|
Box,
|
|
27742
28217
|
{
|
|
27743
28218
|
display: mapResponsiveValue(chainStatus, (value) => {
|
|
@@ -27757,7 +28232,7 @@ function AccountButton({
|
|
|
27757
28232
|
showBalance,
|
|
27758
28233
|
accountStatus
|
|
27759
28234
|
}) {
|
|
27760
|
-
return /* @__PURE__ */
|
|
28235
|
+
return /* @__PURE__ */ React252.createElement(
|
|
27761
28236
|
Box,
|
|
27762
28237
|
{
|
|
27763
28238
|
alignItems: "center",
|
|
@@ -27777,7 +28252,7 @@ function AccountButton({
|
|
|
27777
28252
|
gap: "16",
|
|
27778
28253
|
...connectButtonStyles
|
|
27779
28254
|
},
|
|
27780
|
-
account.displayBalance && /* @__PURE__ */
|
|
28255
|
+
account.displayBalance && /* @__PURE__ */ React252.createElement(
|
|
27781
28256
|
Box,
|
|
27782
28257
|
{
|
|
27783
28258
|
display: mapResponsiveValue(
|
|
@@ -27787,7 +28262,7 @@ function AccountButton({
|
|
|
27787
28262
|
},
|
|
27788
28263
|
account.displayBalance
|
|
27789
28264
|
),
|
|
27790
|
-
/* @__PURE__ */
|
|
28265
|
+
/* @__PURE__ */ React252.createElement(Box, { alignItems: "center", display: "flex", gap: "6" }, /* @__PURE__ */ React252.createElement(
|
|
27791
28266
|
Box,
|
|
27792
28267
|
{
|
|
27793
28268
|
display: mapResponsiveValue(
|
|
@@ -27795,7 +28270,7 @@ function AccountButton({
|
|
|
27795
28270
|
(value) => value === "full" || value === "avatar" ? "block" : "none"
|
|
27796
28271
|
)
|
|
27797
28272
|
},
|
|
27798
|
-
/* @__PURE__ */
|
|
28273
|
+
/* @__PURE__ */ React252.createElement(
|
|
27799
28274
|
Avatar,
|
|
27800
28275
|
{
|
|
27801
28276
|
address: account.address,
|
|
@@ -27804,7 +28279,7 @@ function AccountButton({
|
|
|
27804
28279
|
size: 12
|
|
27805
28280
|
}
|
|
27806
28281
|
)
|
|
27807
|
-
), /* @__PURE__ */
|
|
28282
|
+
), /* @__PURE__ */ React252.createElement(
|
|
27808
28283
|
Box,
|
|
27809
28284
|
{
|
|
27810
28285
|
display: mapResponsiveValue(
|
|
@@ -27835,7 +28310,7 @@ function ConnectButton({
|
|
|
27835
28310
|
setShowBalance(showBalance);
|
|
27836
28311
|
if (!ready) setReady(true);
|
|
27837
28312
|
}, [showBalance, setShowBalance, ready]);
|
|
27838
|
-
return ready ? /* @__PURE__ */
|
|
28313
|
+
return ready ? /* @__PURE__ */ React252.createElement(ConnectButtonRenderer, null, ({
|
|
27839
28314
|
account,
|
|
27840
28315
|
chain,
|
|
27841
28316
|
mounted,
|
|
@@ -27845,7 +28320,7 @@ function ConnectButton({
|
|
|
27845
28320
|
}) => {
|
|
27846
28321
|
const ready2 = mounted && connectionStatus !== "loading";
|
|
27847
28322
|
const unsupportedChain = chain?.unsupported ?? false;
|
|
27848
|
-
return /* @__PURE__ */
|
|
28323
|
+
return /* @__PURE__ */ React252.createElement(
|
|
27849
28324
|
Box,
|
|
27850
28325
|
{
|
|
27851
28326
|
display: "flex",
|
|
@@ -27861,7 +28336,7 @@ function ConnectButton({
|
|
|
27861
28336
|
},
|
|
27862
28337
|
ready2 && account && connectionStatus === "connected" ? (
|
|
27863
28338
|
// Logged in: Chain Button & Account Button
|
|
27864
|
-
/* @__PURE__ */
|
|
28339
|
+
/* @__PURE__ */ React252.createElement(React252.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React252.createElement(
|
|
27865
28340
|
ChainSelectorButton,
|
|
27866
28341
|
{
|
|
27867
28342
|
unsupportedChain,
|
|
@@ -27869,7 +28344,7 @@ function ConnectButton({
|
|
|
27869
28344
|
openChainModal,
|
|
27870
28345
|
chain
|
|
27871
28346
|
}
|
|
27872
|
-
), !unsupportedChain && /* @__PURE__ */
|
|
28347
|
+
), !unsupportedChain && /* @__PURE__ */ React252.createElement(
|
|
27873
28348
|
AccountButton,
|
|
27874
28349
|
{
|
|
27875
28350
|
openAccountModal,
|
|
@@ -27880,7 +28355,7 @@ function ConnectButton({
|
|
|
27880
28355
|
))
|
|
27881
28356
|
) : (
|
|
27882
28357
|
// Not logged in: Connect Button
|
|
27883
|
-
/* @__PURE__ */
|
|
28358
|
+
/* @__PURE__ */ React252.createElement(
|
|
27884
28359
|
Box,
|
|
27885
28360
|
{
|
|
27886
28361
|
as: "button",
|
|
@@ -27898,19 +28373,19 @@ function ConnectButton({
|
|
|
27898
28373
|
type: "button",
|
|
27899
28374
|
...connectButtonStyles
|
|
27900
28375
|
},
|
|
27901
|
-
/* @__PURE__ */
|
|
28376
|
+
/* @__PURE__ */ React252.createElement(Box, { display: "flex", gap: "8", alignItems: "center" }, mounted && label, suffixIcon)
|
|
27902
28377
|
)
|
|
27903
28378
|
)
|
|
27904
28379
|
);
|
|
27905
|
-
}) : /* @__PURE__ */
|
|
28380
|
+
}) : /* @__PURE__ */ React252.createElement(React252.Fragment, null);
|
|
27906
28381
|
}
|
|
27907
28382
|
ConnectButton.__defaultProps = defaultProps;
|
|
27908
28383
|
ConnectButton.Custom = ConnectButtonRenderer;
|
|
27909
28384
|
|
|
27910
28385
|
// src/components/Icons/FunkitPaymentsIconLine.tsx
|
|
27911
|
-
import
|
|
28386
|
+
import React253 from "react";
|
|
27912
28387
|
function MetaMaskPaymentIcon({ size = 16 }) {
|
|
27913
|
-
return /* @__PURE__ */
|
|
28388
|
+
return /* @__PURE__ */ React253.createElement(
|
|
27914
28389
|
"svg",
|
|
27915
28390
|
{
|
|
27916
28391
|
width: size,
|
|
@@ -27919,7 +28394,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
27919
28394
|
fill: "none",
|
|
27920
28395
|
xmlns: "http://www.w3.org/2000/svg"
|
|
27921
28396
|
},
|
|
27922
|
-
/* @__PURE__ */
|
|
28397
|
+
/* @__PURE__ */ React253.createElement(
|
|
27923
28398
|
"path",
|
|
27924
28399
|
{
|
|
27925
28400
|
d: "M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z",
|
|
@@ -27930,7 +28405,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
27930
28405
|
strokeLinejoin: "round"
|
|
27931
28406
|
}
|
|
27932
28407
|
),
|
|
27933
|
-
/* @__PURE__ */
|
|
28408
|
+
/* @__PURE__ */ React253.createElement(
|
|
27934
28409
|
"path",
|
|
27935
28410
|
{
|
|
27936
28411
|
d: "M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z",
|
|
@@ -27941,7 +28416,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
27941
28416
|
strokeLinejoin: "round"
|
|
27942
28417
|
}
|
|
27943
28418
|
),
|
|
27944
|
-
/* @__PURE__ */
|
|
28419
|
+
/* @__PURE__ */ React253.createElement(
|
|
27945
28420
|
"path",
|
|
27946
28421
|
{
|
|
27947
28422
|
d: "M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z",
|
|
@@ -27952,7 +28427,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
27952
28427
|
strokeLinejoin: "round"
|
|
27953
28428
|
}
|
|
27954
28429
|
),
|
|
27955
|
-
/* @__PURE__ */
|
|
28430
|
+
/* @__PURE__ */ React253.createElement(
|
|
27956
28431
|
"path",
|
|
27957
28432
|
{
|
|
27958
28433
|
d: "M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z",
|
|
@@ -27963,7 +28438,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
27963
28438
|
strokeLinejoin: "round"
|
|
27964
28439
|
}
|
|
27965
28440
|
),
|
|
27966
|
-
/* @__PURE__ */
|
|
28441
|
+
/* @__PURE__ */ React253.createElement(
|
|
27967
28442
|
"path",
|
|
27968
28443
|
{
|
|
27969
28444
|
d: "M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z",
|
|
@@ -27974,7 +28449,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
27974
28449
|
strokeLinejoin: "round"
|
|
27975
28450
|
}
|
|
27976
28451
|
),
|
|
27977
|
-
/* @__PURE__ */
|
|
28452
|
+
/* @__PURE__ */ React253.createElement(
|
|
27978
28453
|
"path",
|
|
27979
28454
|
{
|
|
27980
28455
|
d: "M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z",
|
|
@@ -27985,7 +28460,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
27985
28460
|
strokeLinejoin: "round"
|
|
27986
28461
|
}
|
|
27987
28462
|
),
|
|
27988
|
-
/* @__PURE__ */
|
|
28463
|
+
/* @__PURE__ */ React253.createElement(
|
|
27989
28464
|
"path",
|
|
27990
28465
|
{
|
|
27991
28466
|
d: "M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z",
|
|
@@ -27996,7 +28471,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
27996
28471
|
strokeLinejoin: "round"
|
|
27997
28472
|
}
|
|
27998
28473
|
),
|
|
27999
|
-
/* @__PURE__ */
|
|
28474
|
+
/* @__PURE__ */ React253.createElement(
|
|
28000
28475
|
"path",
|
|
28001
28476
|
{
|
|
28002
28477
|
d: "M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z",
|
|
@@ -28007,7 +28482,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28007
28482
|
strokeLinejoin: "round"
|
|
28008
28483
|
}
|
|
28009
28484
|
),
|
|
28010
|
-
/* @__PURE__ */
|
|
28485
|
+
/* @__PURE__ */ React253.createElement(
|
|
28011
28486
|
"path",
|
|
28012
28487
|
{
|
|
28013
28488
|
d: "M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z",
|
|
@@ -28018,7 +28493,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28018
28493
|
strokeLinejoin: "round"
|
|
28019
28494
|
}
|
|
28020
28495
|
),
|
|
28021
|
-
/* @__PURE__ */
|
|
28496
|
+
/* @__PURE__ */ React253.createElement(
|
|
28022
28497
|
"path",
|
|
28023
28498
|
{
|
|
28024
28499
|
d: "M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z",
|
|
@@ -28029,7 +28504,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28029
28504
|
strokeLinejoin: "round"
|
|
28030
28505
|
}
|
|
28031
28506
|
),
|
|
28032
|
-
/* @__PURE__ */
|
|
28507
|
+
/* @__PURE__ */ React253.createElement(
|
|
28033
28508
|
"path",
|
|
28034
28509
|
{
|
|
28035
28510
|
d: "M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z",
|
|
@@ -28040,7 +28515,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28040
28515
|
strokeLinejoin: "round"
|
|
28041
28516
|
}
|
|
28042
28517
|
),
|
|
28043
|
-
/* @__PURE__ */
|
|
28518
|
+
/* @__PURE__ */ React253.createElement(
|
|
28044
28519
|
"path",
|
|
28045
28520
|
{
|
|
28046
28521
|
d: "M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z",
|
|
@@ -28051,7 +28526,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28051
28526
|
strokeLinejoin: "round"
|
|
28052
28527
|
}
|
|
28053
28528
|
),
|
|
28054
|
-
/* @__PURE__ */
|
|
28529
|
+
/* @__PURE__ */ React253.createElement(
|
|
28055
28530
|
"path",
|
|
28056
28531
|
{
|
|
28057
28532
|
d: "M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z",
|
|
@@ -28062,7 +28537,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28062
28537
|
strokeLinejoin: "round"
|
|
28063
28538
|
}
|
|
28064
28539
|
),
|
|
28065
|
-
/* @__PURE__ */
|
|
28540
|
+
/* @__PURE__ */ React253.createElement(
|
|
28066
28541
|
"path",
|
|
28067
28542
|
{
|
|
28068
28543
|
d: "M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z",
|
|
@@ -28073,7 +28548,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28073
28548
|
strokeLinejoin: "round"
|
|
28074
28549
|
}
|
|
28075
28550
|
),
|
|
28076
|
-
/* @__PURE__ */
|
|
28551
|
+
/* @__PURE__ */ React253.createElement(
|
|
28077
28552
|
"path",
|
|
28078
28553
|
{
|
|
28079
28554
|
d: "M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z",
|
|
@@ -28084,7 +28559,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28084
28559
|
strokeLinejoin: "round"
|
|
28085
28560
|
}
|
|
28086
28561
|
),
|
|
28087
|
-
/* @__PURE__ */
|
|
28562
|
+
/* @__PURE__ */ React253.createElement(
|
|
28088
28563
|
"path",
|
|
28089
28564
|
{
|
|
28090
28565
|
d: "M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z",
|
|
@@ -28095,7 +28570,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28095
28570
|
strokeLinejoin: "round"
|
|
28096
28571
|
}
|
|
28097
28572
|
),
|
|
28098
|
-
/* @__PURE__ */
|
|
28573
|
+
/* @__PURE__ */ React253.createElement(
|
|
28099
28574
|
"path",
|
|
28100
28575
|
{
|
|
28101
28576
|
d: "M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z",
|
|
@@ -28106,7 +28581,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28106
28581
|
strokeLinejoin: "round"
|
|
28107
28582
|
}
|
|
28108
28583
|
),
|
|
28109
|
-
/* @__PURE__ */
|
|
28584
|
+
/* @__PURE__ */ React253.createElement(
|
|
28110
28585
|
"path",
|
|
28111
28586
|
{
|
|
28112
28587
|
d: "M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z",
|
|
@@ -28117,7 +28592,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28117
28592
|
strokeLinejoin: "round"
|
|
28118
28593
|
}
|
|
28119
28594
|
),
|
|
28120
|
-
/* @__PURE__ */
|
|
28595
|
+
/* @__PURE__ */ React253.createElement(
|
|
28121
28596
|
"path",
|
|
28122
28597
|
{
|
|
28123
28598
|
d: "M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z",
|
|
@@ -28128,7 +28603,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28128
28603
|
strokeLinejoin: "round"
|
|
28129
28604
|
}
|
|
28130
28605
|
),
|
|
28131
|
-
/* @__PURE__ */
|
|
28606
|
+
/* @__PURE__ */ React253.createElement(
|
|
28132
28607
|
"path",
|
|
28133
28608
|
{
|
|
28134
28609
|
d: "M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z",
|
|
@@ -28139,7 +28614,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28139
28614
|
strokeLinejoin: "round"
|
|
28140
28615
|
}
|
|
28141
28616
|
),
|
|
28142
|
-
/* @__PURE__ */
|
|
28617
|
+
/* @__PURE__ */ React253.createElement(
|
|
28143
28618
|
"path",
|
|
28144
28619
|
{
|
|
28145
28620
|
d: "M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z",
|
|
@@ -28150,7 +28625,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28150
28625
|
strokeLinejoin: "round"
|
|
28151
28626
|
}
|
|
28152
28627
|
),
|
|
28153
|
-
/* @__PURE__ */
|
|
28628
|
+
/* @__PURE__ */ React253.createElement(
|
|
28154
28629
|
"path",
|
|
28155
28630
|
{
|
|
28156
28631
|
d: "M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z",
|
|
@@ -28161,7 +28636,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28161
28636
|
strokeLinejoin: "round"
|
|
28162
28637
|
}
|
|
28163
28638
|
),
|
|
28164
|
-
/* @__PURE__ */
|
|
28639
|
+
/* @__PURE__ */ React253.createElement(
|
|
28165
28640
|
"path",
|
|
28166
28641
|
{
|
|
28167
28642
|
d: "M15.8456 23.0521L15.8719 22.2348L15.6522 22.0414H12.339L12.1368 22.2348L12.1544 23.0521L9.38606 21.7426L10.3528 22.5336L12.3126 23.8958H15.6786L17.6472 22.5336L18.6139 21.7426L15.8456 23.0521Z",
|
|
@@ -28172,7 +28647,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28172
28647
|
strokeLinejoin: "round"
|
|
28173
28648
|
}
|
|
28174
28649
|
),
|
|
28175
|
-
/* @__PURE__ */
|
|
28650
|
+
/* @__PURE__ */ React253.createElement(
|
|
28176
28651
|
"path",
|
|
28177
28652
|
{
|
|
28178
28653
|
d: "M15.6347 20.2925L15.2128 20.0025H12.7784L12.3566 20.2925L12.1368 22.2348L12.339 22.0414H15.6522L15.8719 22.2348L15.6347 20.2925Z",
|
|
@@ -28183,7 +28658,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28183
28658
|
strokeLinejoin: "round"
|
|
28184
28659
|
}
|
|
28185
28660
|
),
|
|
28186
|
-
/* @__PURE__ */
|
|
28661
|
+
/* @__PURE__ */ React253.createElement(
|
|
28187
28662
|
"path",
|
|
28188
28663
|
{
|
|
28189
28664
|
d: "M24.4583 10.0364L25.2053 6.45072L24.0891 3.1199L15.6347 9.39485L18.8864 12.1456L23.4827 13.4903L24.5022 12.3038L24.0628 11.9874L24.7658 11.3459L24.221 10.924L24.924 10.3879L24.4583 10.0364Z",
|
|
@@ -28194,7 +28669,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28194
28669
|
strokeLinejoin: "round"
|
|
28195
28670
|
}
|
|
28196
28671
|
),
|
|
28197
|
-
/* @__PURE__ */
|
|
28672
|
+
/* @__PURE__ */ React253.createElement(
|
|
28198
28673
|
"path",
|
|
28199
28674
|
{
|
|
28200
28675
|
d: "M2.79472 6.45072L3.54174 10.0364L3.06717 10.3879L3.77024 10.924L3.23415 11.3459L3.93722 11.9874L3.4978 12.3038L4.50847 13.4903L9.10483 12.1456L12.3566 9.39485L3.90207 3.1199L2.79472 6.45072Z",
|
|
@@ -28205,7 +28680,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28205
28680
|
strokeLinejoin: "round"
|
|
28206
28681
|
}
|
|
28207
28682
|
),
|
|
28208
|
-
/* @__PURE__ */
|
|
28683
|
+
/* @__PURE__ */ React253.createElement(
|
|
28209
28684
|
"path",
|
|
28210
28685
|
{
|
|
28211
28686
|
d: "M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z",
|
|
@@ -28216,7 +28691,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28216
28691
|
strokeLinejoin: "round"
|
|
28217
28692
|
}
|
|
28218
28693
|
),
|
|
28219
|
-
/* @__PURE__ */
|
|
28694
|
+
/* @__PURE__ */ React253.createElement(
|
|
28220
28695
|
"path",
|
|
28221
28696
|
{
|
|
28222
28697
|
d: "M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z",
|
|
@@ -28227,7 +28702,7 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28227
28702
|
strokeLinejoin: "round"
|
|
28228
28703
|
}
|
|
28229
28704
|
),
|
|
28230
|
-
/* @__PURE__ */
|
|
28705
|
+
/* @__PURE__ */ React253.createElement(
|
|
28231
28706
|
"path",
|
|
28232
28707
|
{
|
|
28233
28708
|
d: "M15.3446 14.4658L15.6347 9.39485L16.9705 5.7828H11.0383L12.3566 9.39485L12.6642 14.4658L12.7696 16.0653L12.7784 20.0025H15.2128L15.2304 16.0653L15.3446 14.4658Z",
|
|
@@ -28241,14 +28716,14 @@ function MetaMaskPaymentIcon({ size = 16 }) {
|
|
|
28241
28716
|
);
|
|
28242
28717
|
}
|
|
28243
28718
|
function MastercardPaymentIcon({ size = 16 }) {
|
|
28244
|
-
return /* @__PURE__ */
|
|
28719
|
+
return /* @__PURE__ */ React253.createElement(
|
|
28245
28720
|
"svg",
|
|
28246
28721
|
{
|
|
28247
28722
|
xmlns: "http://www.w3.org/2000/svg",
|
|
28248
28723
|
height: size,
|
|
28249
28724
|
viewBox: "0 0 152.407 108"
|
|
28250
28725
|
},
|
|
28251
|
-
/* @__PURE__ */
|
|
28726
|
+
/* @__PURE__ */ React253.createElement("g", null, /* @__PURE__ */ React253.createElement("rect", { width: "152.407", height: "108", fill: "transparent" }), /* @__PURE__ */ React253.createElement("g", null, /* @__PURE__ */ React253.createElement(
|
|
28252
28727
|
"rect",
|
|
28253
28728
|
{
|
|
28254
28729
|
x: "60.4117",
|
|
@@ -28257,21 +28732,21 @@ function MastercardPaymentIcon({ size = 16 }) {
|
|
|
28257
28732
|
height: "56.6064",
|
|
28258
28733
|
fill: "#ff5f00"
|
|
28259
28734
|
}
|
|
28260
|
-
), /* @__PURE__ */
|
|
28735
|
+
), /* @__PURE__ */ React253.createElement(
|
|
28261
28736
|
"path",
|
|
28262
28737
|
{
|
|
28263
28738
|
d: "M382.20839,306a35.9375,35.9375,0,0,1,13.7499-28.3032,36,36,0,1,0,0,56.6064A35.938,35.938,0,0,1,382.20839,306Z",
|
|
28264
28739
|
transform: "translate(-319.79649 -252)",
|
|
28265
28740
|
fill: "#eb001b"
|
|
28266
28741
|
}
|
|
28267
|
-
), /* @__PURE__ */
|
|
28742
|
+
), /* @__PURE__ */ React253.createElement(
|
|
28268
28743
|
"path",
|
|
28269
28744
|
{
|
|
28270
28745
|
d: "M454.20349,306a35.99867,35.99867,0,0,1-58.2452,28.3032,36.00518,36.00518,0,0,0,0-56.6064A35.99867,35.99867,0,0,1,454.20349,306Z",
|
|
28271
28746
|
transform: "translate(-319.79649 -252)",
|
|
28272
28747
|
fill: "#f79e1b"
|
|
28273
28748
|
}
|
|
28274
|
-
), /* @__PURE__ */
|
|
28749
|
+
), /* @__PURE__ */ React253.createElement(
|
|
28275
28750
|
"path",
|
|
28276
28751
|
{
|
|
28277
28752
|
d: "M450.76889,328.3077v-1.1589h.4673v-.2361h-1.1901v.2361h.4675v1.1589Zm2.3105,0v-1.3973h-.3648l-.41959.9611-.41971-.9611h-.365v1.3973h.2576v-1.054l.3935.9087h.2671l.39351-.911v1.0563Z",
|
|
@@ -28285,7 +28760,7 @@ function FunkitPaymentsIconLine({
|
|
|
28285
28760
|
size = 16,
|
|
28286
28761
|
gap = "2"
|
|
28287
28762
|
}) {
|
|
28288
|
-
return /* @__PURE__ */
|
|
28763
|
+
return /* @__PURE__ */ React253.createElement(
|
|
28289
28764
|
Box,
|
|
28290
28765
|
{
|
|
28291
28766
|
display: "flex",
|
|
@@ -28294,9 +28769,9 @@ function FunkitPaymentsIconLine({
|
|
|
28294
28769
|
alignItems: "center",
|
|
28295
28770
|
justifyContent: "center"
|
|
28296
28771
|
},
|
|
28297
|
-
/* @__PURE__ */
|
|
28298
|
-
/* @__PURE__ */
|
|
28299
|
-
/* @__PURE__ */
|
|
28772
|
+
/* @__PURE__ */ React253.createElement(MetaMaskPaymentIcon, { size }),
|
|
28773
|
+
/* @__PURE__ */ React253.createElement(MastercardPaymentIcon, { size }),
|
|
28774
|
+
/* @__PURE__ */ React253.createElement(CoinbaseIcon, { size })
|
|
28300
28775
|
);
|
|
28301
28776
|
}
|
|
28302
28777
|
|
|
@@ -28355,7 +28830,7 @@ var useUpdateActiveFunkitCheckout = () => {
|
|
|
28355
28830
|
|
|
28356
28831
|
// src/providers/FunkitProvider.tsx
|
|
28357
28832
|
import { QueryClientProvider } from "@tanstack/react-query";
|
|
28358
|
-
import
|
|
28833
|
+
import React254, { createContext as createContext20, useContext as useContext20 } from "react";
|
|
28359
28834
|
import { WagmiProvider, useAccountEffect as useAccountEffect3 } from "wagmi";
|
|
28360
28835
|
|
|
28361
28836
|
// src/utils/funkitProvider.ts
|
|
@@ -28439,7 +28914,7 @@ function setFunkitConnectVersion({ version }) {
|
|
|
28439
28914
|
localStorage.setItem(storageKey5, version);
|
|
28440
28915
|
}
|
|
28441
28916
|
function getCurrentSdkVersion() {
|
|
28442
|
-
return "5.
|
|
28917
|
+
return "5.4.1";
|
|
28443
28918
|
}
|
|
28444
28919
|
function useFingerprint() {
|
|
28445
28920
|
const fingerprint = useCallback49(() => {
|
|
@@ -28490,7 +28965,7 @@ function FunkitProvider(props) {
|
|
|
28490
28965
|
!!props.debug,
|
|
28491
28966
|
getCurrentSdkVersion()
|
|
28492
28967
|
);
|
|
28493
|
-
const MainChild = /* @__PURE__ */
|
|
28968
|
+
const MainChild = /* @__PURE__ */ React254.createElement(FunkitThemeProvider, { theme: props.theme }, /* @__PURE__ */ React254.createElement(
|
|
28494
28969
|
FunkitProviderInner,
|
|
28495
28970
|
{
|
|
28496
28971
|
avatar: props.avatar,
|
|
@@ -28503,7 +28978,7 @@ function FunkitProvider(props) {
|
|
|
28503
28978
|
},
|
|
28504
28979
|
props.children
|
|
28505
28980
|
));
|
|
28506
|
-
return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */
|
|
28981
|
+
return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React254.createElement(WagmiProvider, { config: finalWagmiConfig }, /* @__PURE__ */ React254.createElement(QueryClientProvider, { client: finalQueryClient }, MainChild)) : MainChild;
|
|
28507
28982
|
}
|
|
28508
28983
|
function FunkitProviderInner({
|
|
28509
28984
|
avatar,
|
|
@@ -28523,7 +28998,7 @@ function FunkitProviderInner({
|
|
|
28523
28998
|
const avatarContext = avatar ?? defaultAvatar;
|
|
28524
28999
|
const isSandboxMode = !!sandbox;
|
|
28525
29000
|
const modalSizeFinal = modalSize || ModalSizeOptions.COMPACT;
|
|
28526
|
-
return /* @__PURE__ */
|
|
29001
|
+
return /* @__PURE__ */ React254.createElement(FunkitConfigContext.Provider, { value: funkitConfig }, /* @__PURE__ */ React254.createElement(FunkitConnectChainProvider, { initialChain }, /* @__PURE__ */ React254.createElement(ModalSizeProvider, { modalSize: modalSizeFinal }, /* @__PURE__ */ React254.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React254.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React254.createElement(FunkitFlagsProvider, null, /* @__PURE__ */ React254.createElement(FunkitCheckoutHistoryProvider, null, /* @__PURE__ */ React254.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React254.createElement(FunkitQuoteProvider, null, /* @__PURE__ */ React254.createElement(FunkitSandboxContext.Provider, { value: isSandboxMode }, /* @__PURE__ */ React254.createElement(FunkitMeshProvider, null, /* @__PURE__ */ React254.createElement(AvatarContext.Provider, { value: avatarContext }, /* @__PURE__ */ React254.createElement(ThemeIdContext2.Provider, { value: id }, /* @__PURE__ */ React254.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React254.createElement(FunkitMoonpayProvider, { debug: !!debug }, /* @__PURE__ */ React254.createElement(UserPresenceProvider, null, /* @__PURE__ */ React254.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React254.createElement(
|
|
28527
29002
|
"div",
|
|
28528
29003
|
{
|
|
28529
29004
|
...createThemeRootProps2(id),
|
|
@@ -28532,7 +29007,7 @@ function FunkitProviderInner({
|
|
|
28532
29007
|
height: "100%"
|
|
28533
29008
|
}
|
|
28534
29009
|
},
|
|
28535
|
-
/* @__PURE__ */
|
|
29010
|
+
/* @__PURE__ */ React254.createElement(
|
|
28536
29011
|
"style",
|
|
28537
29012
|
{
|
|
28538
29013
|
dangerouslySetInnerHTML: {
|