@funkit/connect 6.5.0 → 6.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +27 -0
- package/dist/{chunk-IR3HFYKM.js → chunk-AYGZMDTC.js} +3 -0
- package/dist/{chunk-Z3KNAO7N.js → chunk-UOY5XFCR.js} +3 -0
- package/dist/components/Box/Box.d.ts +13 -13
- package/dist/components/Dropdown/BaseDropdownItem.d.ts +2 -1
- package/dist/components/Dropdown/ChainDropdown.d.ts +1 -6
- package/dist/components/Dropdown/TokenDropdown.d.ts +1 -6
- package/dist/components/FunInput/FunInput.d.ts +4 -4
- package/dist/components/Icons/SpinnerIconWithBackground.d.ts +1 -1
- package/dist/components/MeldQuoteItem/MeldQuoteItem.d.ts +2 -1
- package/dist/components/SourceMeldQuoteItem/SourceMeldQuoteItem.d.ts +4 -2
- package/dist/consts/customers.d.ts +1 -0
- package/dist/css/sprinkles.css.d.ts +19 -13
- package/dist/domains/meld.d.ts +2 -0
- package/dist/hooks/useTextMeasurer.d.ts +3 -0
- package/dist/index.css +872 -809
- package/dist/index.js +1084 -672
- package/dist/modals/CheckoutModal/InputAmount/InputAmountLoaded.d.ts +2 -2
- package/dist/modals/CheckoutModal/InputAmount/state.d.ts +8 -1
- package/dist/modals/CheckoutModal/InputAmount/useAmountInput.d.ts +4 -1
- package/dist/modals/CheckoutModal/InputAmount/utils.d.ts +27 -0
- package/dist/modals/CheckoutModal/MeldQuotes/MeldQuotes.d.ts +1 -1
- package/dist/providers/FunkitCheckoutContext.d.ts +2 -8
- package/dist/providers/FunkitConfigContext.d.ts +0 -7
- package/dist/providers/FunkitThemeProvider.d.ts +9 -0
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.js +1 -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 +63 -63
- 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 +6 -6
package/dist/index.js
CHANGED
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import {
|
|
3
3
|
darkTheme
|
|
4
|
-
} from "./chunk-
|
|
4
|
+
} from "./chunk-UOY5XFCR.js";
|
|
5
5
|
import {
|
|
6
6
|
lightTheme
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-AYGZMDTC.js";
|
|
8
8
|
import {
|
|
9
9
|
systemFontStack
|
|
10
10
|
} from "./chunk-7HKC2KCK.js";
|
|
@@ -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: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, accentColorForeground: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, actionButtonBorder: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, connectButtonText: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, connectButtonTextError: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, connectionIndicator: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, error: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, errorBackground: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, errorBorder: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, generalBorder: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, generalBorderDim: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, menuItemBackground: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, standby: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, success: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, chainIconBorder: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, modalBackdrop: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, modalBackground: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, modalBorder: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, offBackground: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, hoverState: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, lightStroke: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, mediumStroke: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, heavyStroke: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, strokeColor: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, primaryText: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, secondaryText: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, tertiaryText: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, textSelection: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, inputBackground: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, inputBorderBase: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, inputBorderHover: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, actionColor: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, actionColorHover: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, actionColorDisabled: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonPrimary: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonDisabled: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonWarning: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonSuccess: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, transparent: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, buttonBackground: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, buttonTextSecondary: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, buttonIconStroke: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, newBadgeBackground: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, newBadgeBorder: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, newBadgeText: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" }, approvedBadgeText: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, failedBadgeText: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, announceGradientFrom: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, announceGradientTo: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, modalFooterDivider: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, spinnerBackground: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, spinnerIndicator: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, accentColorForeground: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, actionButtonBorder: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, connectButtonBackground: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, connectButtonText: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, connectButtonTextError: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, connectionIndicator: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, error: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, errorBackground: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, errorBorder: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, generalBorder: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, generalBorderDim: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, menuItemBackground: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, standby: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, success: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, chainIconBorder: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, modalBackdrop: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, modalBackground: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, modalBorder: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, offBackground: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, hoverState: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, lightStroke: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, mediumStroke: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, heavyStroke: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, strokeColor: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, primaryText: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, secondaryText: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, tertiaryText: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, textSelection: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, inputBackground: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, inputBorderBase: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, inputBorderHover: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, actionColor: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, actionColorHover: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, actionColorDisabled: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, buttonPrimary: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, buttonDisabled: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, buttonWarning: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, buttonSuccess: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, transparent: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, buttonBackground: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, buttonIconStroke: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, newBadgeBackground: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, newBadgeText: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, failedBadgeText: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, announceGradientTo: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, spinnerBackground: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, dialog: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, selectedOption: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, selectedWallet: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, dropdown: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, notification: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, qrCode: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, accentColorForeground: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, connectButtonText: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, connectionIndicator: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, error: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, errorBackground: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, errorBorder: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, generalBorder: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, generalBorderDim: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, menuItemBackground: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, standby: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, success: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, modalBackdrop: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, modalBackground: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, modalBorder: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, offBackground: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, hoverState: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, lightStroke: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, mediumStroke: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, heavyStroke: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, strokeColor: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, primaryText: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, secondaryText: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, tertiaryText: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, textSelection: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, inputBackground: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, inputBorderBase: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, inputBorderHover: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, actionColor: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, actionColorHover: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, buttonPrimary: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" }, buttonDisabled: { conditions: { base: "_1rsrm2f1o2", hover: "_1rsrm2f1o3", active: "_1rsrm2f1o4", selection: "_1rsrm2f1o5", focused: "_1rsrm2f1o6", focusedVisible: "_1rsrm2f1o7" }, defaultClass: "_1rsrm2f1o2" }, buttonWarning: { conditions: { base: "_1rsrm2f1o8", hover: "_1rsrm2f1o9", active: "_1rsrm2f1oa", selection: "_1rsrm2f1ob", focused: "_1rsrm2f1oc", focusedVisible: "_1rsrm2f1od" }, defaultClass: "_1rsrm2f1o8" }, buttonSuccess: { conditions: { base: "_1rsrm2f1oe", hover: "_1rsrm2f1of", active: "_1rsrm2f1og", selection: "_1rsrm2f1oh", focused: "_1rsrm2f1oi", focusedVisible: "_1rsrm2f1oj" }, defaultClass: "_1rsrm2f1oe" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1ok", hover: "_1rsrm2f1ol", active: "_1rsrm2f1om", selection: "_1rsrm2f1on", focused: "_1rsrm2f1oo", focusedVisible: "_1rsrm2f1op" }, defaultClass: "_1rsrm2f1ok" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1oq", hover: "_1rsrm2f1or", active: "_1rsrm2f1os", selection: "_1rsrm2f1ot", focused: "_1rsrm2f1ou", focusedVisible: "_1rsrm2f1ov" }, defaultClass: "_1rsrm2f1oq" }, transparent: { conditions: { base: "_1rsrm2f1ow", hover: "_1rsrm2f1ox", active: "_1rsrm2f1oy", selection: "_1rsrm2f1oz", focused: "_1rsrm2f1p0", focusedVisible: "_1rsrm2f1p1" }, defaultClass: "_1rsrm2f1ow" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1p2", hover: "_1rsrm2f1p3", active: "_1rsrm2f1p4", selection: "_1rsrm2f1p5", focused: "_1rsrm2f1p6", focusedVisible: "_1rsrm2f1p7" }, defaultClass: "_1rsrm2f1p2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1p8", hover: "_1rsrm2f1p9", active: "_1rsrm2f1pa", selection: "_1rsrm2f1pb", focused: "_1rsrm2f1pc", focusedVisible: "_1rsrm2f1pd" }, defaultClass: "_1rsrm2f1p8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1pe", hover: "_1rsrm2f1pf", active: "_1rsrm2f1pg", selection: "_1rsrm2f1ph", focused: "_1rsrm2f1pi", focusedVisible: "_1rsrm2f1pj" }, defaultClass: "_1rsrm2f1pe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1pk", hover: "_1rsrm2f1pl", active: "_1rsrm2f1pm", selection: "_1rsrm2f1pn", focused: "_1rsrm2f1po", focusedVisible: "_1rsrm2f1pp" }, defaultClass: "_1rsrm2f1pk" }, buttonBackground: { conditions: { base: "_1rsrm2f1pq", hover: "_1rsrm2f1pr", active: "_1rsrm2f1ps", selection: "_1rsrm2f1pt", focused: "_1rsrm2f1pu", focusedVisible: "_1rsrm2f1pv" }, defaultClass: "_1rsrm2f1pq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1pw", hover: "_1rsrm2f1px", active: "_1rsrm2f1py", selection: "_1rsrm2f1pz", focused: "_1rsrm2f1q0", focusedVisible: "_1rsrm2f1q1" }, defaultClass: "_1rsrm2f1pw" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1q2", hover: "_1rsrm2f1q3", active: "_1rsrm2f1q4", selection: "_1rsrm2f1q5", focused: "_1rsrm2f1q6", focusedVisible: "_1rsrm2f1q7" }, defaultClass: "_1rsrm2f1q2" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1q8", hover: "_1rsrm2f1q9", active: "_1rsrm2f1qa", selection: "_1rsrm2f1qb", focused: "_1rsrm2f1qc", focusedVisible: "_1rsrm2f1qd" }, defaultClass: "_1rsrm2f1q8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1qe", hover: "_1rsrm2f1qf", active: "_1rsrm2f1qg", selection: "_1rsrm2f1qh", focused: "_1rsrm2f1qi", focusedVisible: "_1rsrm2f1qj" }, defaultClass: "_1rsrm2f1qe" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1qk", hover: "_1rsrm2f1ql", active: "_1rsrm2f1qm", selection: "_1rsrm2f1qn", focused: "_1rsrm2f1qo", focusedVisible: "_1rsrm2f1qp" }, defaultClass: "_1rsrm2f1qk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1qq", hover: "_1rsrm2f1qr", active: "_1rsrm2f1qs", selection: "_1rsrm2f1qt", focused: "_1rsrm2f1qu", focusedVisible: "_1rsrm2f1qv" }, defaultClass: "_1rsrm2f1qq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1qw", hover: "_1rsrm2f1qx", active: "_1rsrm2f1qy", selection: "_1rsrm2f1qz", focused: "_1rsrm2f1r0", focusedVisible: "_1rsrm2f1r1" }, defaultClass: "_1rsrm2f1qw" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1r2", hover: "_1rsrm2f1r3", active: "_1rsrm2f1r4", selection: "_1rsrm2f1r5", focused: "_1rsrm2f1r6", focusedVisible: "_1rsrm2f1r7" }, defaultClass: "_1rsrm2f1r2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1r8", hover: "_1rsrm2f1r9", active: "_1rsrm2f1ra", selection: "_1rsrm2f1rb", focused: "_1rsrm2f1rc", focusedVisible: "_1rsrm2f1rd" }, defaultClass: "_1rsrm2f1r8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1re", hover: "_1rsrm2f1rf", active: "_1rsrm2f1rg", selection: "_1rsrm2f1rh", focused: "_1rsrm2f1ri", focusedVisible: "_1rsrm2f1rj" }, defaultClass: "_1rsrm2f1re" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1rk", hover: "_1rsrm2f1rl", active: "_1rsrm2f1rm", selection: "_1rsrm2f1rn", focused: "_1rsrm2f1ro", focusedVisible: "_1rsrm2f1rp" }, defaultClass: "_1rsrm2f1rk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1rq", hover: "_1rsrm2f1rr", active: "_1rsrm2f1rs", selection: "_1rsrm2f1rt", focused: "_1rsrm2f1ru", focusedVisible: "_1rsrm2f1rv" }, defaultClass: "_1rsrm2f1rq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1rw", hover: "_1rsrm2f1rx", active: "_1rsrm2f1ry", selection: "_1rsrm2f1rz", focused: "_1rsrm2f1s0", focusedVisible: "_1rsrm2f1s1" }, defaultClass: "_1rsrm2f1rw" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1s2", hover: "_1rsrm2f1s3", active: "_1rsrm2f1s4", selection: "_1rsrm2f1s5", focused: "_1rsrm2f1s6", focusedVisible: "_1rsrm2f1s7" }, defaultClass: "_1rsrm2f1s2" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1s8", hover: "_1rsrm2f1s9", active: "_1rsrm2f1sa", selection: "_1rsrm2f1sb", focused: "_1rsrm2f1sc", focusedVisible: "_1rsrm2f1sd" }, defaultClass: "_1rsrm2f1s8" }, newBadgeText: { conditions: { base: "_1rsrm2f1se", hover: "_1rsrm2f1sf", active: "_1rsrm2f1sg", selection: "_1rsrm2f1sh", focused: "_1rsrm2f1si", focusedVisible: "_1rsrm2f1sj" }, defaultClass: "_1rsrm2f1se" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1sk", hover: "_1rsrm2f1sl", active: "_1rsrm2f1sm", selection: "_1rsrm2f1sn", focused: "_1rsrm2f1so", focusedVisible: "_1rsrm2f1sp" }, defaultClass: "_1rsrm2f1sk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1sq", hover: "_1rsrm2f1sr", active: "_1rsrm2f1ss", selection: "_1rsrm2f1st", focused: "_1rsrm2f1su", focusedVisible: "_1rsrm2f1sv" }, defaultClass: "_1rsrm2f1sq" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1sw", hover: "_1rsrm2f1sx", active: "_1rsrm2f1sy", selection: "_1rsrm2f1sz", focused: "_1rsrm2f1t0", focusedVisible: "_1rsrm2f1t1" }, defaultClass: "_1rsrm2f1sw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1t2", hover: "_1rsrm2f1t3", active: "_1rsrm2f1t4", selection: "_1rsrm2f1t5", focused: "_1rsrm2f1t6", focusedVisible: "_1rsrm2f1t7" }, defaultClass: "_1rsrm2f1t2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1t8", hover: "_1rsrm2f1t9", active: "_1rsrm2f1ta", selection: "_1rsrm2f1tb", focused: "_1rsrm2f1tc", focusedVisible: "_1rsrm2f1td" }, defaultClass: "_1rsrm2f1t8" }, failedBadgeText: { conditions: { base: "_1rsrm2f1te", hover: "_1rsrm2f1tf", active: "_1rsrm2f1tg", selection: "_1rsrm2f1th", focused: "_1rsrm2f1ti", focusedVisible: "_1rsrm2f1tj" }, defaultClass: "_1rsrm2f1te" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1tk", hover: "_1rsrm2f1tl", active: "_1rsrm2f1tm", selection: "_1rsrm2f1tn", focused: "_1rsrm2f1to", focusedVisible: "_1rsrm2f1tp" }, defaultClass: "_1rsrm2f1tk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1tq", hover: "_1rsrm2f1tr", active: "_1rsrm2f1ts", selection: "_1rsrm2f1tt", focused: "_1rsrm2f1tu", focusedVisible: "_1rsrm2f1tv" }, defaultClass: "_1rsrm2f1tq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1tw", hover: "_1rsrm2f1tx", active: "_1rsrm2f1ty", selection: "_1rsrm2f1tz", focused: "_1rsrm2f1u0", focusedVisible: "_1rsrm2f1u1" }, defaultClass: "_1rsrm2f1tw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1u2", hover: "_1rsrm2f1u3", active: "_1rsrm2f1u4", selection: "_1rsrm2f1u5", focused: "_1rsrm2f1u6", focusedVisible: "_1rsrm2f1u7" }, defaultClass: "_1rsrm2f1u2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1u8", hover: "_1rsrm2f1u9", active: "_1rsrm2f1ua", selection: "_1rsrm2f1ub", focused: "_1rsrm2f1uc", focusedVisible: "_1rsrm2f1ud" }, defaultClass: "_1rsrm2f1u8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1ue", hover: "_1rsrm2f1uf", active: "_1rsrm2f1ug", selection: "_1rsrm2f1uh", focused: "_1rsrm2f1ui", focusedVisible: "_1rsrm2f1uj" }, defaultClass: "_1rsrm2f1ue" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1uk", hover: "_1rsrm2f1ul", active: "_1rsrm2f1um", selection: "_1rsrm2f1un", focused: "_1rsrm2f1uo", focusedVisible: "_1rsrm2f1up" }, defaultClass: "_1rsrm2f1uk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1uq", hover: "_1rsrm2f1ur", active: "_1rsrm2f1us", selection: "_1rsrm2f1ut", focused: "_1rsrm2f1uu", focusedVisible: "_1rsrm2f1uv" }, defaultClass: "_1rsrm2f1uq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1uw", hover: "_1rsrm2f1ux", active: "_1rsrm2f1uy", selection: "_1rsrm2f1uz", focused: "_1rsrm2f1v0", focusedVisible: "_1rsrm2f1v1" }, defaultClass: "_1rsrm2f1uw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1v2", hover: "_1rsrm2f1v3", active: "_1rsrm2f1v4", selection: "_1rsrm2f1v5", focused: "_1rsrm2f1v6", focusedVisible: "_1rsrm2f1v7" }, defaultClass: "_1rsrm2f1v2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1v8", hover: "_1rsrm2f1v9", active: "_1rsrm2f1va", selection: "_1rsrm2f1vb", focused: "_1rsrm2f1vc", focusedVisible: "_1rsrm2f1vd" }, defaultClass: "_1rsrm2f1v8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1ve", hover: "_1rsrm2f1vf", active: "_1rsrm2f1vg", selection: "_1rsrm2f1vh", focused: "_1rsrm2f1vi", focusedVisible: "_1rsrm2f1vj" }, defaultClass: "_1rsrm2f1ve" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1vk", hover: "_1rsrm2f1vl", active: "_1rsrm2f1vm", selection: "_1rsrm2f1vn", focused: "_1rsrm2f1vo", focusedVisible: "_1rsrm2f1vp" }, defaultClass: "_1rsrm2f1vk" }, announceGradientTo: { conditions: { base: "_1rsrm2f1vq", hover: "_1rsrm2f1vr", active: "_1rsrm2f1vs", selection: "_1rsrm2f1vt", focused: "_1rsrm2f1vu", focusedVisible: "_1rsrm2f1vv" }, defaultClass: "_1rsrm2f1vq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1vw", hover: "_1rsrm2f1vx", active: "_1rsrm2f1vy", selection: "_1rsrm2f1vz", focused: "_1rsrm2f1w0", focusedVisible: "_1rsrm2f1w1" }, defaultClass: "_1rsrm2f1vw" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1w2", hover: "_1rsrm2f1w3", active: "_1rsrm2f1w4", selection: "_1rsrm2f1w5", focused: "_1rsrm2f1w6", focusedVisible: "_1rsrm2f1w7" }, defaultClass: "_1rsrm2f1w2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1w8", hover: "_1rsrm2f1w9", active: "_1rsrm2f1wa", selection: "_1rsrm2f1wb", focused: "_1rsrm2f1wc", focusedVisible: "_1rsrm2f1wd" }, defaultClass: "_1rsrm2f1w8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1we", hover: "_1rsrm2f1wf", active: "_1rsrm2f1wg", selection: "_1rsrm2f1wh", focused: "_1rsrm2f1wi", focusedVisible: "_1rsrm2f1wj" }, defaultClass: "_1rsrm2f1we" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1wk", hover: "_1rsrm2f1wl", active: "_1rsrm2f1wm", selection: "_1rsrm2f1wn", focused: "_1rsrm2f1wo", focusedVisible: "_1rsrm2f1wp" }, defaultClass: "_1rsrm2f1wk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1wq", hover: "_1rsrm2f1wr", active: "_1rsrm2f1ws", selection: "_1rsrm2f1wt", focused: "_1rsrm2f1wu", focusedVisible: "_1rsrm2f1wv" }, defaultClass: "_1rsrm2f1wq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1ww", hover: "_1rsrm2f1wx", active: "_1rsrm2f1wy", selection: "_1rsrm2f1wz", focused: "_1rsrm2f1x0", focusedVisible: "_1rsrm2f1x1" }, defaultClass: "_1rsrm2f1ww" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1x2", hover: "_1rsrm2f1x3", active: "_1rsrm2f1x4", selection: "_1rsrm2f1x5", focused: "_1rsrm2f1x6", focusedVisible: "_1rsrm2f1x7" }, defaultClass: "_1rsrm2f1x2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1x8", hover: "_1rsrm2f1x9", active: "_1rsrm2f1xa", selection: "_1rsrm2f1xb", focused: "_1rsrm2f1xc", focusedVisible: "_1rsrm2f1xd" }, defaultClass: "_1rsrm2f1x8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1xe", hover: "_1rsrm2f1xf", active: "_1rsrm2f1xg", selection: "_1rsrm2f1xh", focused: "_1rsrm2f1xi", focusedVisible: "_1rsrm2f1xj" }, defaultClass: "_1rsrm2f1xe" }, spinnerBackground: { conditions: { base: "_1rsrm2f1xk", hover: "_1rsrm2f1xl", active: "_1rsrm2f1xm", selection: "_1rsrm2f1xn", focused: "_1rsrm2f1xo", focusedVisible: "_1rsrm2f1xp" }, defaultClass: "_1rsrm2f1xk" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1xq", hover: "_1rsrm2f1xr", active: "_1rsrm2f1xs", selection: "_1rsrm2f1xt", focused: "_1rsrm2f1xu", focusedVisible: "_1rsrm2f1xv" }, defaultClass: "_1rsrm2f1xq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1xw", hover: "_1rsrm2f1xx", active: "_1rsrm2f1xy", selection: "_1rsrm2f1xz", focused: "_1rsrm2f1y0", focusedVisible: "_1rsrm2f1y1" }, defaultClass: "_1rsrm2f1xw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1y2", hover: "_1rsrm2f1y3", active: "_1rsrm2f1y4", selection: "_1rsrm2f1y5", focused: "_1rsrm2f1y6", focusedVisible: "_1rsrm2f1y7" }, defaultClass: "_1rsrm2f1y2" } } } } }, { 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" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f21" }, modalTopbarTitle: { defaultClass: "_1rsrm2f22" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f23" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f24" }, medium: { defaultClass: "_1rsrm2f25" }, semibold: { defaultClass: "_1rsrm2f26" }, bold: { defaultClass: "_1rsrm2f27" }, heavy: { defaultClass: "_1rsrm2f28" }, modalTopbarTitle: { defaultClass: "_1rsrm2f29" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2a" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2b" }, "1": { defaultClass: "_1rsrm2f2c" }, "2": { defaultClass: "_1rsrm2f2d" }, "3": { defaultClass: "_1rsrm2f2e" }, "4": { defaultClass: "_1rsrm2f2f" }, "5": { defaultClass: "_1rsrm2f2g" }, "6": { defaultClass: "_1rsrm2f2h" }, "7": { defaultClass: "_1rsrm2f2i" }, "8": { defaultClass: "_1rsrm2f2j" }, "9": { defaultClass: "_1rsrm2f2k" }, "10": { defaultClass: "_1rsrm2f2l" }, "11": { defaultClass: "_1rsrm2f2m" }, "12": { defaultClass: "_1rsrm2f2n" }, "13": { defaultClass: "_1rsrm2f2o" }, "14": { defaultClass: "_1rsrm2f2p" }, "15": { defaultClass: "_1rsrm2f2q" }, "16": { defaultClass: "_1rsrm2f2r" }, "18": { defaultClass: "_1rsrm2f2s" }, "20": { defaultClass: "_1rsrm2f2t" }, "24": { defaultClass: "_1rsrm2f2u" }, "28": { defaultClass: "_1rsrm2f2v" }, "30": { defaultClass: "_1rsrm2f2w" }, "32": { defaultClass: "_1rsrm2f2x" }, "36": { defaultClass: "_1rsrm2f2y" }, "40": { defaultClass: "_1rsrm2f2z" }, "44": { defaultClass: "_1rsrm2f30" }, "64": { defaultClass: "_1rsrm2f31" }, "-1": { defaultClass: "_1rsrm2f32" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f33" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f34" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f35" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f36" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f37" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f38" }, "2": { defaultClass: "_1rsrm2f39" }, "4": { defaultClass: "_1rsrm2f3a" }, "8": { defaultClass: "_1rsrm2f3b" }, "10": { defaultClass: "_1rsrm2f3c" }, "11": { defaultClass: "_1rsrm2f3d" }, "12": { defaultClass: "_1rsrm2f3e" }, "13": { defaultClass: "_1rsrm2f3f" }, "14": { defaultClass: "_1rsrm2f3g" }, "15": { defaultClass: "_1rsrm2f3h" }, "16": { defaultClass: "_1rsrm2f3i" }, "18": { defaultClass: "_1rsrm2f3j" }, "20": { defaultClass: "_1rsrm2f3k" }, "24": { defaultClass: "_1rsrm2f3l" }, "28": { defaultClass: "_1rsrm2f3m" }, "30": { defaultClass: "_1rsrm2f3n" }, "32": { defaultClass: "_1rsrm2f3o" }, "34": { defaultClass: "_1rsrm2f3p" }, "36": { defaultClass: "_1rsrm2f3q" }, "40": { defaultClass: "_1rsrm2f3r" }, "44": { defaultClass: "_1rsrm2f3s" }, "48": { defaultClass: "_1rsrm2f3t" }, "50": { defaultClass: "_1rsrm2f3u" }, "54": { defaultClass: "_1rsrm2f3v" }, "57": { defaultClass: "_1rsrm2f3w" }, "60": { defaultClass: "_1rsrm2f3x" }, "72": { defaultClass: "_1rsrm2f3y" }, "93": { defaultClass: "_1rsrm2f3z" }, "96": { defaultClass: "_1rsrm2f40" }, "100": { defaultClass: "_1rsrm2f41" }, "108": { defaultClass: "_1rsrm2f42" }, "120": { defaultClass: "_1rsrm2f43" }, "160": { defaultClass: "_1rsrm2f44" }, "180": { defaultClass: "_1rsrm2f45" }, "200": { defaultClass: "_1rsrm2f46" }, "240": { defaultClass: "_1rsrm2f47" }, half: { defaultClass: "_1rsrm2f48" }, full: { defaultClass: "_1rsrm2f49" }, max: { defaultClass: "_1rsrm2f4a" }, auto: { defaultClass: "_1rsrm2f4b" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4c" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4d" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4e" }, "flex-end": { defaultClass: "_1rsrm2f4f" }, center: { defaultClass: "_1rsrm2f4g" }, "space-between": { defaultClass: "_1rsrm2f4h" }, "space-around": { defaultClass: "_1rsrm2f4i" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4j" }, center: { defaultClass: "_1rsrm2f4k" }, right: { defaultClass: "_1rsrm2f4l" }, inherit: { defaultClass: "_1rsrm2f4m" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4n" }, "1": { defaultClass: "_1rsrm2f4o" }, "2": { defaultClass: "_1rsrm2f4p" }, "3": { defaultClass: "_1rsrm2f4q" }, "4": { defaultClass: "_1rsrm2f4r" }, "5": { defaultClass: "_1rsrm2f4s" }, "6": { defaultClass: "_1rsrm2f4t" }, "7": { defaultClass: "_1rsrm2f4u" }, "8": { defaultClass: "_1rsrm2f4v" }, "9": { defaultClass: "_1rsrm2f4w" }, "10": { defaultClass: "_1rsrm2f4x" }, "11": { defaultClass: "_1rsrm2f4y" }, "12": { defaultClass: "_1rsrm2f4z" }, "13": { defaultClass: "_1rsrm2f50" }, "14": { defaultClass: "_1rsrm2f51" }, "15": { defaultClass: "_1rsrm2f52" }, "16": { defaultClass: "_1rsrm2f53" }, "18": { defaultClass: "_1rsrm2f54" }, "20": { defaultClass: "_1rsrm2f55" }, "24": { defaultClass: "_1rsrm2f56" }, "28": { defaultClass: "_1rsrm2f57" }, "30": { defaultClass: "_1rsrm2f58" }, "32": { defaultClass: "_1rsrm2f59" }, "36": { defaultClass: "_1rsrm2f5a" }, "40": { defaultClass: "_1rsrm2f5b" }, "44": { defaultClass: "_1rsrm2f5c" }, "64": { defaultClass: "_1rsrm2f5d" }, auto: { defaultClass: "_1rsrm2f5e" }, "-18": { defaultClass: "_1rsrm2f5f" }, "-12": { defaultClass: "_1rsrm2f5g" }, "-1": { defaultClass: "_1rsrm2f5h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5m" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5n" }, "1": { defaultClass: "_1rsrm2f5o" }, "2": { defaultClass: "_1rsrm2f5p" }, "3": { defaultClass: "_1rsrm2f5q" }, "4": { defaultClass: "_1rsrm2f5r" }, "5": { defaultClass: "_1rsrm2f5s" }, "6": { defaultClass: "_1rsrm2f5t" }, "7": { defaultClass: "_1rsrm2f5u" }, "8": { defaultClass: "_1rsrm2f5v" }, "9": { defaultClass: "_1rsrm2f5w" }, "10": { defaultClass: "_1rsrm2f5x" }, "11": { defaultClass: "_1rsrm2f5y" }, "12": { defaultClass: "_1rsrm2f5z" }, "13": { defaultClass: "_1rsrm2f60" }, "14": { defaultClass: "_1rsrm2f61" }, "15": { defaultClass: "_1rsrm2f62" }, "16": { defaultClass: "_1rsrm2f63" }, "18": { defaultClass: "_1rsrm2f64" }, "20": { defaultClass: "_1rsrm2f65" }, "24": { defaultClass: "_1rsrm2f66" }, "28": { defaultClass: "_1rsrm2f67" }, "30": { defaultClass: "_1rsrm2f68" }, "32": { defaultClass: "_1rsrm2f69" }, "36": { defaultClass: "_1rsrm2f6a" }, "40": { defaultClass: "_1rsrm2f6b" }, "44": { defaultClass: "_1rsrm2f6c" }, "64": { defaultClass: "_1rsrm2f6d" }, auto: { defaultClass: "_1rsrm2f6e" }, "-18": { defaultClass: "_1rsrm2f6f" }, "-12": { defaultClass: "_1rsrm2f6g" }, "-1": { defaultClass: "_1rsrm2f6h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6m" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6n" }, "1": { defaultClass: "_1rsrm2f6o" }, "2": { defaultClass: "_1rsrm2f6p" }, "3": { defaultClass: "_1rsrm2f6q" }, "4": { defaultClass: "_1rsrm2f6r" }, "5": { defaultClass: "_1rsrm2f6s" }, "6": { defaultClass: "_1rsrm2f6t" }, "7": { defaultClass: "_1rsrm2f6u" }, "8": { defaultClass: "_1rsrm2f6v" }, "9": { defaultClass: "_1rsrm2f6w" }, "10": { defaultClass: "_1rsrm2f6x" }, "11": { defaultClass: "_1rsrm2f6y" }, "12": { defaultClass: "_1rsrm2f6z" }, "13": { defaultClass: "_1rsrm2f70" }, "14": { defaultClass: "_1rsrm2f71" }, "15": { defaultClass: "_1rsrm2f72" }, "16": { defaultClass: "_1rsrm2f73" }, "18": { defaultClass: "_1rsrm2f74" }, "20": { defaultClass: "_1rsrm2f75" }, "24": { defaultClass: "_1rsrm2f76" }, "28": { defaultClass: "_1rsrm2f77" }, "30": { defaultClass: "_1rsrm2f78" }, "32": { defaultClass: "_1rsrm2f79" }, "36": { defaultClass: "_1rsrm2f7a" }, "40": { defaultClass: "_1rsrm2f7b" }, "44": { defaultClass: "_1rsrm2f7c" }, "64": { defaultClass: "_1rsrm2f7d" }, auto: { defaultClass: "_1rsrm2f7e" }, "-18": { defaultClass: "_1rsrm2f7f" }, "-12": { defaultClass: "_1rsrm2f7g" }, "-1": { defaultClass: "_1rsrm2f7h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7m" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7n" }, "1": { defaultClass: "_1rsrm2f7o" }, "2": { defaultClass: "_1rsrm2f7p" }, "3": { defaultClass: "_1rsrm2f7q" }, "4": { defaultClass: "_1rsrm2f7r" }, "5": { defaultClass: "_1rsrm2f7s" }, "6": { defaultClass: "_1rsrm2f7t" }, "7": { defaultClass: "_1rsrm2f7u" }, "8": { defaultClass: "_1rsrm2f7v" }, "9": { defaultClass: "_1rsrm2f7w" }, "10": { defaultClass: "_1rsrm2f7x" }, "11": { defaultClass: "_1rsrm2f7y" }, "12": { defaultClass: "_1rsrm2f7z" }, "13": { defaultClass: "_1rsrm2f80" }, "14": { defaultClass: "_1rsrm2f81" }, "15": { defaultClass: "_1rsrm2f82" }, "16": { defaultClass: "_1rsrm2f83" }, "18": { defaultClass: "_1rsrm2f84" }, "20": { defaultClass: "_1rsrm2f85" }, "24": { defaultClass: "_1rsrm2f86" }, "28": { defaultClass: "_1rsrm2f87" }, "30": { defaultClass: "_1rsrm2f88" }, "32": { defaultClass: "_1rsrm2f89" }, "36": { defaultClass: "_1rsrm2f8a" }, "40": { defaultClass: "_1rsrm2f8b" }, "44": { defaultClass: "_1rsrm2f8c" }, "64": { defaultClass: "_1rsrm2f8d" }, auto: { defaultClass: "_1rsrm2f8e" }, "-18": { defaultClass: "_1rsrm2f8f" }, "-12": { defaultClass: "_1rsrm2f8g" }, "-1": { defaultClass: "_1rsrm2f8h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8m" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8n" }, "2": { defaultClass: "_1rsrm2f8o" }, "4": { defaultClass: "_1rsrm2f8p" }, "8": { defaultClass: "_1rsrm2f8q" }, "10": { defaultClass: "_1rsrm2f8r" }, "11": { defaultClass: "_1rsrm2f8s" }, "12": { defaultClass: "_1rsrm2f8t" }, "13": { defaultClass: "_1rsrm2f8u" }, "14": { defaultClass: "_1rsrm2f8v" }, "15": { defaultClass: "_1rsrm2f8w" }, "16": { defaultClass: "_1rsrm2f8x" }, "18": { defaultClass: "_1rsrm2f8y" }, "20": { defaultClass: "_1rsrm2f8z" }, "24": { defaultClass: "_1rsrm2f90" }, "28": { defaultClass: "_1rsrm2f91" }, "30": { defaultClass: "_1rsrm2f92" }, "32": { defaultClass: "_1rsrm2f93" }, "34": { defaultClass: "_1rsrm2f94" }, "36": { defaultClass: "_1rsrm2f95" }, "40": { defaultClass: "_1rsrm2f96" }, "44": { defaultClass: "_1rsrm2f97" }, "48": { defaultClass: "_1rsrm2f98" }, "50": { defaultClass: "_1rsrm2f99" }, "54": { defaultClass: "_1rsrm2f9a" }, "57": { defaultClass: "_1rsrm2f9b" }, "60": { defaultClass: "_1rsrm2f9c" }, "72": { defaultClass: "_1rsrm2f9d" }, "93": { defaultClass: "_1rsrm2f9e" }, "96": { defaultClass: "_1rsrm2f9f" }, "100": { defaultClass: "_1rsrm2f9g" }, "108": { defaultClass: "_1rsrm2f9h" }, "120": { defaultClass: "_1rsrm2f9i" }, "160": { defaultClass: "_1rsrm2f9j" }, "180": { defaultClass: "_1rsrm2f9k" }, "200": { defaultClass: "_1rsrm2f9l" }, "240": { defaultClass: "_1rsrm2f9m" }, half: { defaultClass: "_1rsrm2f9n" }, full: { defaultClass: "_1rsrm2f9o" }, max: { defaultClass: "_1rsrm2f9p" }, auto: { defaultClass: "_1rsrm2f9q" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9r" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9s" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9t" }, "2": { defaultClass: "_1rsrm2f9u" }, "4": { defaultClass: "_1rsrm2f9v" }, "8": { defaultClass: "_1rsrm2f9w" }, "10": { defaultClass: "_1rsrm2f9x" }, "11": { defaultClass: "_1rsrm2f9y" }, "12": { defaultClass: "_1rsrm2f9z" }, "13": { defaultClass: "_1rsrm2fa0" }, "14": { defaultClass: "_1rsrm2fa1" }, "15": { defaultClass: "_1rsrm2fa2" }, "16": { defaultClass: "_1rsrm2fa3" }, "18": { defaultClass: "_1rsrm2fa4" }, "20": { defaultClass: "_1rsrm2fa5" }, "24": { defaultClass: "_1rsrm2fa6" }, "28": { defaultClass: "_1rsrm2fa7" }, "30": { defaultClass: "_1rsrm2fa8" }, "32": { defaultClass: "_1rsrm2fa9" }, "34": { defaultClass: "_1rsrm2faa" }, "36": { defaultClass: "_1rsrm2fab" }, "40": { defaultClass: "_1rsrm2fac" }, "44": { defaultClass: "_1rsrm2fad" }, "48": { defaultClass: "_1rsrm2fae" }, "50": { defaultClass: "_1rsrm2faf" }, "54": { defaultClass: "_1rsrm2fag" }, "57": { defaultClass: "_1rsrm2fah" }, "60": { defaultClass: "_1rsrm2fai" }, "72": { defaultClass: "_1rsrm2faj" }, "93": { defaultClass: "_1rsrm2fak" }, "96": { defaultClass: "_1rsrm2fal" }, "100": { defaultClass: "_1rsrm2fam" }, "108": { defaultClass: "_1rsrm2fan" }, "120": { defaultClass: "_1rsrm2fao" }, "160": { defaultClass: "_1rsrm2fap" }, "180": { defaultClass: "_1rsrm2faq" }, "200": { defaultClass: "_1rsrm2far" }, "240": { defaultClass: "_1rsrm2fas" }, half: { defaultClass: "_1rsrm2fat" }, full: { defaultClass: "_1rsrm2fau" }, max: { defaultClass: "_1rsrm2fav" }, auto: { defaultClass: "_1rsrm2faw" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fax" }, modalTopBarHeight: { defaultClass: "_1rsrm2fay" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2faz" }, "2": { defaultClass: "_1rsrm2fb0" }, "4": { defaultClass: "_1rsrm2fb1" }, "8": { defaultClass: "_1rsrm2fb2" }, "10": { defaultClass: "_1rsrm2fb3" }, "11": { defaultClass: "_1rsrm2fb4" }, "12": { defaultClass: "_1rsrm2fb5" }, "13": { defaultClass: "_1rsrm2fb6" }, "14": { defaultClass: "_1rsrm2fb7" }, "15": { defaultClass: "_1rsrm2fb8" }, "16": { defaultClass: "_1rsrm2fb9" }, "18": { defaultClass: "_1rsrm2fba" }, "20": { defaultClass: "_1rsrm2fbb" }, "24": { defaultClass: "_1rsrm2fbc" }, "28": { defaultClass: "_1rsrm2fbd" }, "30": { defaultClass: "_1rsrm2fbe" }, "32": { defaultClass: "_1rsrm2fbf" }, "34": { defaultClass: "_1rsrm2fbg" }, "36": { defaultClass: "_1rsrm2fbh" }, "40": { defaultClass: "_1rsrm2fbi" }, "44": { defaultClass: "_1rsrm2fbj" }, "48": { defaultClass: "_1rsrm2fbk" }, "50": { defaultClass: "_1rsrm2fbl" }, "54": { defaultClass: "_1rsrm2fbm" }, "57": { defaultClass: "_1rsrm2fbn" }, "60": { defaultClass: "_1rsrm2fbo" }, "72": { defaultClass: "_1rsrm2fbp" }, "93": { defaultClass: "_1rsrm2fbq" }, "96": { defaultClass: "_1rsrm2fbr" }, "100": { defaultClass: "_1rsrm2fbs" }, "108": { defaultClass: "_1rsrm2fbt" }, "120": { defaultClass: "_1rsrm2fbu" }, "160": { defaultClass: "_1rsrm2fbv" }, "180": { defaultClass: "_1rsrm2fbw" }, "200": { defaultClass: "_1rsrm2fbx" }, "240": { defaultClass: "_1rsrm2fby" }, half: { defaultClass: "_1rsrm2fbz" }, full: { defaultClass: "_1rsrm2fc0" }, max: { defaultClass: "_1rsrm2fc1" }, auto: { defaultClass: "_1rsrm2fc2" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc3" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc4" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc5" }, "2": { defaultClass: "_1rsrm2fc6" }, "4": { defaultClass: "_1rsrm2fc7" }, "8": { defaultClass: "_1rsrm2fc8" }, "10": { defaultClass: "_1rsrm2fc9" }, "11": { defaultClass: "_1rsrm2fca" }, "12": { defaultClass: "_1rsrm2fcb" }, "13": { defaultClass: "_1rsrm2fcc" }, "14": { defaultClass: "_1rsrm2fcd" }, "15": { defaultClass: "_1rsrm2fce" }, "16": { defaultClass: "_1rsrm2fcf" }, "18": { defaultClass: "_1rsrm2fcg" }, "20": { defaultClass: "_1rsrm2fch" }, "24": { defaultClass: "_1rsrm2fci" }, "28": { defaultClass: "_1rsrm2fcj" }, "30": { defaultClass: "_1rsrm2fck" }, "32": { defaultClass: "_1rsrm2fcl" }, "34": { defaultClass: "_1rsrm2fcm" }, "36": { defaultClass: "_1rsrm2fcn" }, "40": { defaultClass: "_1rsrm2fco" }, "44": { defaultClass: "_1rsrm2fcp" }, "48": { defaultClass: "_1rsrm2fcq" }, "50": { defaultClass: "_1rsrm2fcr" }, "54": { defaultClass: "_1rsrm2fcs" }, "57": { defaultClass: "_1rsrm2fct" }, "60": { defaultClass: "_1rsrm2fcu" }, "72": { defaultClass: "_1rsrm2fcv" }, "93": { defaultClass: "_1rsrm2fcw" }, "96": { defaultClass: "_1rsrm2fcx" }, "100": { defaultClass: "_1rsrm2fcy" }, "108": { defaultClass: "_1rsrm2fcz" }, "120": { defaultClass: "_1rsrm2fd0" }, "160": { defaultClass: "_1rsrm2fd1" }, "180": { defaultClass: "_1rsrm2fd2" }, "200": { defaultClass: "_1rsrm2fd3" }, "240": { defaultClass: "_1rsrm2fd4" }, half: { defaultClass: "_1rsrm2fd5" }, full: { defaultClass: "_1rsrm2fd6" }, max: { defaultClass: "_1rsrm2fd7" }, auto: { defaultClass: "_1rsrm2fd8" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fd9" }, modalTopBarHeight: { defaultClass: "_1rsrm2fda" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdb" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fdc" }, "1": { defaultClass: "_1rsrm2fdd" }, "2": { defaultClass: "_1rsrm2fde" }, "3": { defaultClass: "_1rsrm2fdf" }, "4": { defaultClass: "_1rsrm2fdg" }, "5": { defaultClass: "_1rsrm2fdh" }, "6": { defaultClass: "_1rsrm2fdi" }, "7": { defaultClass: "_1rsrm2fdj" }, "8": { defaultClass: "_1rsrm2fdk" }, "9": { defaultClass: "_1rsrm2fdl" }, "10": { defaultClass: "_1rsrm2fdm" }, "11": { defaultClass: "_1rsrm2fdn" }, "12": { defaultClass: "_1rsrm2fdo" }, "13": { defaultClass: "_1rsrm2fdp" }, "14": { defaultClass: "_1rsrm2fdq" }, "15": { defaultClass: "_1rsrm2fdr" }, "16": { defaultClass: "_1rsrm2fds" }, "18": { defaultClass: "_1rsrm2fdt" }, "20": { defaultClass: "_1rsrm2fdu" }, "24": { defaultClass: "_1rsrm2fdv" }, "28": { defaultClass: "_1rsrm2fdw" }, "30": { defaultClass: "_1rsrm2fdx" }, "32": { defaultClass: "_1rsrm2fdy" }, "36": { defaultClass: "_1rsrm2fdz" }, "40": { defaultClass: "_1rsrm2fe0" }, "44": { defaultClass: "_1rsrm2fe1" }, "64": { defaultClass: "_1rsrm2fe2" }, "-1": { defaultClass: "_1rsrm2fe3" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe4" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe5" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe6" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe7" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fe8" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fe9" }, "1": { defaultClass: "_1rsrm2fea" }, "2": { defaultClass: "_1rsrm2feb" }, "3": { defaultClass: "_1rsrm2fec" }, "4": { defaultClass: "_1rsrm2fed" }, "5": { defaultClass: "_1rsrm2fee" }, "6": { defaultClass: "_1rsrm2fef" }, "7": { defaultClass: "_1rsrm2feg" }, "8": { defaultClass: "_1rsrm2feh" }, "9": { defaultClass: "_1rsrm2fei" }, "10": { defaultClass: "_1rsrm2fej" }, "11": { defaultClass: "_1rsrm2fek" }, "12": { defaultClass: "_1rsrm2fel" }, "13": { defaultClass: "_1rsrm2fem" }, "14": { defaultClass: "_1rsrm2fen" }, "15": { defaultClass: "_1rsrm2feo" }, "16": { defaultClass: "_1rsrm2fep" }, "18": { defaultClass: "_1rsrm2feq" }, "20": { defaultClass: "_1rsrm2fer" }, "24": { defaultClass: "_1rsrm2fes" }, "28": { defaultClass: "_1rsrm2fet" }, "30": { defaultClass: "_1rsrm2feu" }, "32": { defaultClass: "_1rsrm2fev" }, "36": { defaultClass: "_1rsrm2few" }, "40": { defaultClass: "_1rsrm2fex" }, "44": { defaultClass: "_1rsrm2fey" }, "64": { defaultClass: "_1rsrm2fez" }, "-1": { defaultClass: "_1rsrm2ff0" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff1" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff2" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff3" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff4" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff5" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff6" }, "1": { defaultClass: "_1rsrm2ff7" }, "2": { defaultClass: "_1rsrm2ff8" }, "3": { defaultClass: "_1rsrm2ff9" }, "4": { defaultClass: "_1rsrm2ffa" }, "5": { defaultClass: "_1rsrm2ffb" }, "6": { defaultClass: "_1rsrm2ffc" }, "7": { defaultClass: "_1rsrm2ffd" }, "8": { defaultClass: "_1rsrm2ffe" }, "9": { defaultClass: "_1rsrm2fff" }, "10": { defaultClass: "_1rsrm2ffg" }, "11": { defaultClass: "_1rsrm2ffh" }, "12": { defaultClass: "_1rsrm2ffi" }, "13": { defaultClass: "_1rsrm2ffj" }, "14": { defaultClass: "_1rsrm2ffk" }, "15": { defaultClass: "_1rsrm2ffl" }, "16": { defaultClass: "_1rsrm2ffm" }, "18": { defaultClass: "_1rsrm2ffn" }, "20": { defaultClass: "_1rsrm2ffo" }, "24": { defaultClass: "_1rsrm2ffp" }, "28": { defaultClass: "_1rsrm2ffq" }, "30": { defaultClass: "_1rsrm2ffr" }, "32": { defaultClass: "_1rsrm2ffs" }, "36": { defaultClass: "_1rsrm2fft" }, "40": { defaultClass: "_1rsrm2ffu" }, "44": { defaultClass: "_1rsrm2ffv" }, "64": { defaultClass: "_1rsrm2ffw" }, "-1": { defaultClass: "_1rsrm2ffx" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ffy" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ffz" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg0" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg1" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg2" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg3" }, "1": { defaultClass: "_1rsrm2fg4" }, "2": { defaultClass: "_1rsrm2fg5" }, "3": { defaultClass: "_1rsrm2fg6" }, "4": { defaultClass: "_1rsrm2fg7" }, "5": { defaultClass: "_1rsrm2fg8" }, "6": { defaultClass: "_1rsrm2fg9" }, "7": { defaultClass: "_1rsrm2fga" }, "8": { defaultClass: "_1rsrm2fgb" }, "9": { defaultClass: "_1rsrm2fgc" }, "10": { defaultClass: "_1rsrm2fgd" }, "11": { defaultClass: "_1rsrm2fge" }, "12": { defaultClass: "_1rsrm2fgf" }, "13": { defaultClass: "_1rsrm2fgg" }, "14": { defaultClass: "_1rsrm2fgh" }, "15": { defaultClass: "_1rsrm2fgi" }, "16": { defaultClass: "_1rsrm2fgj" }, "18": { defaultClass: "_1rsrm2fgk" }, "20": { defaultClass: "_1rsrm2fgl" }, "24": { defaultClass: "_1rsrm2fgm" }, "28": { defaultClass: "_1rsrm2fgn" }, "30": { defaultClass: "_1rsrm2fgo" }, "32": { defaultClass: "_1rsrm2fgp" }, "36": { defaultClass: "_1rsrm2fgq" }, "40": { defaultClass: "_1rsrm2fgr" }, "44": { defaultClass: "_1rsrm2fgs" }, "64": { defaultClass: "_1rsrm2fgt" }, "-1": { defaultClass: "_1rsrm2fgu" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgv" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgw" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgx" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fgy" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fgz" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh0" }, fixed: { defaultClass: "_1rsrm2fh1" }, relative: { defaultClass: "_1rsrm2fh2" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh3" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh4" }, transform: { defaultClass: "_1rsrm2fh5" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh6" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fh7" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh8" }, "2": { defaultClass: "_1rsrm2fh9" }, "4": { defaultClass: "_1rsrm2fha" }, "8": { defaultClass: "_1rsrm2fhb" }, "10": { defaultClass: "_1rsrm2fhc" }, "11": { defaultClass: "_1rsrm2fhd" }, "12": { defaultClass: "_1rsrm2fhe" }, "13": { defaultClass: "_1rsrm2fhf" }, "14": { defaultClass: "_1rsrm2fhg" }, "15": { defaultClass: "_1rsrm2fhh" }, "16": { defaultClass: "_1rsrm2fhi" }, "18": { defaultClass: "_1rsrm2fhj" }, "20": { defaultClass: "_1rsrm2fhk" }, "24": { defaultClass: "_1rsrm2fhl" }, "28": { defaultClass: "_1rsrm2fhm" }, "30": { defaultClass: "_1rsrm2fhn" }, "32": { defaultClass: "_1rsrm2fho" }, "34": { defaultClass: "_1rsrm2fhp" }, "36": { defaultClass: "_1rsrm2fhq" }, "40": { defaultClass: "_1rsrm2fhr" }, "44": { defaultClass: "_1rsrm2fhs" }, "48": { defaultClass: "_1rsrm2fht" }, "50": { defaultClass: "_1rsrm2fhu" }, "54": { defaultClass: "_1rsrm2fhv" }, "57": { defaultClass: "_1rsrm2fhw" }, "60": { defaultClass: "_1rsrm2fhx" }, "72": { defaultClass: "_1rsrm2fhy" }, "93": { defaultClass: "_1rsrm2fhz" }, "96": { defaultClass: "_1rsrm2fi0" }, "100": { defaultClass: "_1rsrm2fi1" }, "108": { defaultClass: "_1rsrm2fi2" }, "120": { defaultClass: "_1rsrm2fi3" }, "160": { defaultClass: "_1rsrm2fi4" }, "180": { defaultClass: "_1rsrm2fi5" }, "200": { defaultClass: "_1rsrm2fi6" }, "240": { defaultClass: "_1rsrm2fi7" }, half: { defaultClass: "_1rsrm2fi8" }, full: { defaultClass: "_1rsrm2fi9" }, max: { defaultClass: "_1rsrm2fia" }, auto: { defaultClass: "_1rsrm2fib" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fic" }, modalTopBarHeight: { defaultClass: "_1rsrm2fid" } } } } });
|
|
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)", 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)", spinnerBackground: "var(--rk-colors-spinnerBackground)", spinnerIndicator: "var(--rk-colors-spinnerIndicator)", spinnerBackgroundVerifyAccount: "var(--rk-colors-spinnerBackgroundVerifyAccount)", spinnerIndicatorVerifyAccount: "var(--rk-colors-spinnerIndicatorVerifyAccount)" }, dimensions: { modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)" }, 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)", modalTopbarTitle: "var(--rk-fontWeight-modalTopbarTitle)", modalBottomBarButtonText: "var(--rk-fontWeight-modalBottomBarButtonText)" }, 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)" }, modalTopbarSubtitle: { fontSize: "var(--rk-fontSize-modalTopbarSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarSubtitle-lineHeight)" }, modalTopbarTitle: { fontSize: "var(--rk-fontSize-modalTopbarTitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarTitle-lineHeight)" }, modalBottomBarButtonText: { fontSize: "var(--rk-fontSize-modalBottomBarButtonText-fontSize)", lineHeight: "var(--rk-fontSize-modalBottomBarButtonText-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)" }, spacing: { modalBaseHorizontalPadding: "var(--rk-spacing-modalBaseHorizontalPadding)", modalBottomHorizontalPadding: "var(--rk-spacing-modalBottomHorizontalPadding)", modalPaddingBottomUpper: "var(--rk-spacing-modalPaddingBottomUpper)", modalPaddingBottomLower: "var(--rk-spacing-modalPaddingBottomLower)", modalTopBarVerticalTextSpacing: "var(--rk-spacing-modalTopBarVerticalTextSpacing)" }, 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: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, accentColorForeground: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, actionButtonBorder: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, connectButtonText: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, connectButtonTextError: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, connectionIndicator: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, error: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, errorBackground: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, errorBorder: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, generalBorder: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, generalBorderDim: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, menuItemBackground: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, standby: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, success: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, chainIconBorder: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, modalBackdrop: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, modalBackground: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, modalBorder: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, offBackground: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, hoverState: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, lightStroke: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, mediumStroke: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, heavyStroke: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, strokeColor: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, primaryText: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, secondaryText: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, tertiaryText: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, textSelection: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, inputBackground: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, inputBorderBase: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, inputBorderHover: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, actionColor: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, actionColorHover: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, actionColorDisabled: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonPrimary: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonDisabled: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonWarning: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonSuccess: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, transparent: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, buttonBackground: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, buttonTextSecondary: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, buttonIconStroke: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, newBadgeBackground: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, newBadgeBorder: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, newBadgeText: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" }, approvedBadgeText: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, failedBadgeText: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, announceGradientFrom: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, announceGradientTo: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, modalFooterDivider: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, spinnerBackground: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, spinnerIndicator: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, accentColorForeground: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, actionButtonBorder: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, connectButtonBackground: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, connectButtonText: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, connectButtonTextError: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, connectionIndicator: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, error: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, errorBackground: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, errorBorder: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, generalBorder: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, generalBorderDim: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, menuItemBackground: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, standby: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, success: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, chainIconBorder: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, modalBackdrop: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, modalBackground: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, modalBorder: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, offBackground: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, hoverState: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, lightStroke: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, mediumStroke: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, heavyStroke: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, strokeColor: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, primaryText: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, secondaryText: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, tertiaryText: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, textSelection: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, inputBackground: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, inputBorderBase: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, inputBorderHover: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, actionColor: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, actionColorHover: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, actionColorDisabled: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, buttonPrimary: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, buttonDisabled: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, buttonWarning: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, buttonSuccess: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, transparent: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, buttonBackground: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, buttonIconStroke: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, newBadgeBackground: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, newBadgeText: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, failedBadgeText: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, announceGradientTo: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, spinnerBackground: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, dialog: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, selectedOption: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, selectedWallet: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, dropdown: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, notification: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, qrCode: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, accentColorForeground: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, connectButtonText: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, connectionIndicator: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, error: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, errorBackground: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, errorBorder: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, generalBorder: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, generalBorderDim: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, menuItemBackground: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, standby: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, success: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, chainIconBorder: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, modalBackdrop: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, modalBackground: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, modalBorder: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, offBackground: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, hoverState: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, lightStroke: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, mediumStroke: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, heavyStroke: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, strokeColor: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, primaryText: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, secondaryText: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, tertiaryText: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, textSelection: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, inputBackground: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, inputBorderBase: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, inputBorderHover: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, actionColor: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" }, actionColorHover: { conditions: { base: "_1rsrm2f1o2", hover: "_1rsrm2f1o3", active: "_1rsrm2f1o4", selection: "_1rsrm2f1o5", focused: "_1rsrm2f1o6", focusedVisible: "_1rsrm2f1o7" }, defaultClass: "_1rsrm2f1o2" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1o8", hover: "_1rsrm2f1o9", active: "_1rsrm2f1oa", selection: "_1rsrm2f1ob", focused: "_1rsrm2f1oc", focusedVisible: "_1rsrm2f1od" }, defaultClass: "_1rsrm2f1o8" }, buttonPrimary: { conditions: { base: "_1rsrm2f1oe", hover: "_1rsrm2f1of", active: "_1rsrm2f1og", selection: "_1rsrm2f1oh", focused: "_1rsrm2f1oi", focusedVisible: "_1rsrm2f1oj" }, defaultClass: "_1rsrm2f1oe" }, buttonDisabled: { conditions: { base: "_1rsrm2f1ok", hover: "_1rsrm2f1ol", active: "_1rsrm2f1om", selection: "_1rsrm2f1on", focused: "_1rsrm2f1oo", focusedVisible: "_1rsrm2f1op" }, defaultClass: "_1rsrm2f1ok" }, buttonWarning: { conditions: { base: "_1rsrm2f1oq", hover: "_1rsrm2f1or", active: "_1rsrm2f1os", selection: "_1rsrm2f1ot", focused: "_1rsrm2f1ou", focusedVisible: "_1rsrm2f1ov" }, defaultClass: "_1rsrm2f1oq" }, buttonSuccess: { conditions: { base: "_1rsrm2f1ow", hover: "_1rsrm2f1ox", active: "_1rsrm2f1oy", selection: "_1rsrm2f1oz", focused: "_1rsrm2f1p0", focusedVisible: "_1rsrm2f1p1" }, defaultClass: "_1rsrm2f1ow" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1p2", hover: "_1rsrm2f1p3", active: "_1rsrm2f1p4", selection: "_1rsrm2f1p5", focused: "_1rsrm2f1p6", focusedVisible: "_1rsrm2f1p7" }, defaultClass: "_1rsrm2f1p2" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1p8", hover: "_1rsrm2f1p9", active: "_1rsrm2f1pa", selection: "_1rsrm2f1pb", focused: "_1rsrm2f1pc", focusedVisible: "_1rsrm2f1pd" }, defaultClass: "_1rsrm2f1p8" }, transparent: { conditions: { base: "_1rsrm2f1pe", hover: "_1rsrm2f1pf", active: "_1rsrm2f1pg", selection: "_1rsrm2f1ph", focused: "_1rsrm2f1pi", focusedVisible: "_1rsrm2f1pj" }, defaultClass: "_1rsrm2f1pe" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1pk", hover: "_1rsrm2f1pl", active: "_1rsrm2f1pm", selection: "_1rsrm2f1pn", focused: "_1rsrm2f1po", focusedVisible: "_1rsrm2f1pp" }, defaultClass: "_1rsrm2f1pk" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1pq", hover: "_1rsrm2f1pr", active: "_1rsrm2f1ps", selection: "_1rsrm2f1pt", focused: "_1rsrm2f1pu", focusedVisible: "_1rsrm2f1pv" }, defaultClass: "_1rsrm2f1pq" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1pw", hover: "_1rsrm2f1px", active: "_1rsrm2f1py", selection: "_1rsrm2f1pz", focused: "_1rsrm2f1q0", focusedVisible: "_1rsrm2f1q1" }, defaultClass: "_1rsrm2f1pw" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1q2", hover: "_1rsrm2f1q3", active: "_1rsrm2f1q4", selection: "_1rsrm2f1q5", focused: "_1rsrm2f1q6", focusedVisible: "_1rsrm2f1q7" }, defaultClass: "_1rsrm2f1q2" }, buttonBackground: { conditions: { base: "_1rsrm2f1q8", hover: "_1rsrm2f1q9", active: "_1rsrm2f1qa", selection: "_1rsrm2f1qb", focused: "_1rsrm2f1qc", focusedVisible: "_1rsrm2f1qd" }, defaultClass: "_1rsrm2f1q8" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1qe", hover: "_1rsrm2f1qf", active: "_1rsrm2f1qg", selection: "_1rsrm2f1qh", focused: "_1rsrm2f1qi", focusedVisible: "_1rsrm2f1qj" }, defaultClass: "_1rsrm2f1qe" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1qk", hover: "_1rsrm2f1ql", active: "_1rsrm2f1qm", selection: "_1rsrm2f1qn", focused: "_1rsrm2f1qo", focusedVisible: "_1rsrm2f1qp" }, defaultClass: "_1rsrm2f1qk" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1qq", hover: "_1rsrm2f1qr", active: "_1rsrm2f1qs", selection: "_1rsrm2f1qt", focused: "_1rsrm2f1qu", focusedVisible: "_1rsrm2f1qv" }, defaultClass: "_1rsrm2f1qq" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1qw", hover: "_1rsrm2f1qx", active: "_1rsrm2f1qy", selection: "_1rsrm2f1qz", focused: "_1rsrm2f1r0", focusedVisible: "_1rsrm2f1r1" }, defaultClass: "_1rsrm2f1qw" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1r2", hover: "_1rsrm2f1r3", active: "_1rsrm2f1r4", selection: "_1rsrm2f1r5", focused: "_1rsrm2f1r6", focusedVisible: "_1rsrm2f1r7" }, defaultClass: "_1rsrm2f1r2" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1r8", hover: "_1rsrm2f1r9", active: "_1rsrm2f1ra", selection: "_1rsrm2f1rb", focused: "_1rsrm2f1rc", focusedVisible: "_1rsrm2f1rd" }, defaultClass: "_1rsrm2f1r8" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1re", hover: "_1rsrm2f1rf", active: "_1rsrm2f1rg", selection: "_1rsrm2f1rh", focused: "_1rsrm2f1ri", focusedVisible: "_1rsrm2f1rj" }, defaultClass: "_1rsrm2f1re" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1rk", hover: "_1rsrm2f1rl", active: "_1rsrm2f1rm", selection: "_1rsrm2f1rn", focused: "_1rsrm2f1ro", focusedVisible: "_1rsrm2f1rp" }, defaultClass: "_1rsrm2f1rk" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1rq", hover: "_1rsrm2f1rr", active: "_1rsrm2f1rs", selection: "_1rsrm2f1rt", focused: "_1rsrm2f1ru", focusedVisible: "_1rsrm2f1rv" }, defaultClass: "_1rsrm2f1rq" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1rw", hover: "_1rsrm2f1rx", active: "_1rsrm2f1ry", selection: "_1rsrm2f1rz", focused: "_1rsrm2f1s0", focusedVisible: "_1rsrm2f1s1" }, defaultClass: "_1rsrm2f1rw" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1s2", hover: "_1rsrm2f1s3", active: "_1rsrm2f1s4", selection: "_1rsrm2f1s5", focused: "_1rsrm2f1s6", focusedVisible: "_1rsrm2f1s7" }, defaultClass: "_1rsrm2f1s2" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1s8", hover: "_1rsrm2f1s9", active: "_1rsrm2f1sa", selection: "_1rsrm2f1sb", focused: "_1rsrm2f1sc", focusedVisible: "_1rsrm2f1sd" }, defaultClass: "_1rsrm2f1s8" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1se", hover: "_1rsrm2f1sf", active: "_1rsrm2f1sg", selection: "_1rsrm2f1sh", focused: "_1rsrm2f1si", focusedVisible: "_1rsrm2f1sj" }, defaultClass: "_1rsrm2f1se" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1sk", hover: "_1rsrm2f1sl", active: "_1rsrm2f1sm", selection: "_1rsrm2f1sn", focused: "_1rsrm2f1so", focusedVisible: "_1rsrm2f1sp" }, defaultClass: "_1rsrm2f1sk" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1sq", hover: "_1rsrm2f1sr", active: "_1rsrm2f1ss", selection: "_1rsrm2f1st", focused: "_1rsrm2f1su", focusedVisible: "_1rsrm2f1sv" }, defaultClass: "_1rsrm2f1sq" }, newBadgeText: { conditions: { base: "_1rsrm2f1sw", hover: "_1rsrm2f1sx", active: "_1rsrm2f1sy", selection: "_1rsrm2f1sz", focused: "_1rsrm2f1t0", focusedVisible: "_1rsrm2f1t1" }, defaultClass: "_1rsrm2f1sw" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1t2", hover: "_1rsrm2f1t3", active: "_1rsrm2f1t4", selection: "_1rsrm2f1t5", focused: "_1rsrm2f1t6", focusedVisible: "_1rsrm2f1t7" }, defaultClass: "_1rsrm2f1t2" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1t8", hover: "_1rsrm2f1t9", active: "_1rsrm2f1ta", selection: "_1rsrm2f1tb", focused: "_1rsrm2f1tc", focusedVisible: "_1rsrm2f1td" }, defaultClass: "_1rsrm2f1t8" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1te", hover: "_1rsrm2f1tf", active: "_1rsrm2f1tg", selection: "_1rsrm2f1th", focused: "_1rsrm2f1ti", focusedVisible: "_1rsrm2f1tj" }, defaultClass: "_1rsrm2f1te" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1tk", hover: "_1rsrm2f1tl", active: "_1rsrm2f1tm", selection: "_1rsrm2f1tn", focused: "_1rsrm2f1to", focusedVisible: "_1rsrm2f1tp" }, defaultClass: "_1rsrm2f1tk" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1tq", hover: "_1rsrm2f1tr", active: "_1rsrm2f1ts", selection: "_1rsrm2f1tt", focused: "_1rsrm2f1tu", focusedVisible: "_1rsrm2f1tv" }, defaultClass: "_1rsrm2f1tq" }, failedBadgeText: { conditions: { base: "_1rsrm2f1tw", hover: "_1rsrm2f1tx", active: "_1rsrm2f1ty", selection: "_1rsrm2f1tz", focused: "_1rsrm2f1u0", focusedVisible: "_1rsrm2f1u1" }, defaultClass: "_1rsrm2f1tw" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1u2", hover: "_1rsrm2f1u3", active: "_1rsrm2f1u4", selection: "_1rsrm2f1u5", focused: "_1rsrm2f1u6", focusedVisible: "_1rsrm2f1u7" }, defaultClass: "_1rsrm2f1u2" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1u8", hover: "_1rsrm2f1u9", active: "_1rsrm2f1ua", selection: "_1rsrm2f1ub", focused: "_1rsrm2f1uc", focusedVisible: "_1rsrm2f1ud" }, defaultClass: "_1rsrm2f1u8" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1ue", hover: "_1rsrm2f1uf", active: "_1rsrm2f1ug", selection: "_1rsrm2f1uh", focused: "_1rsrm2f1ui", focusedVisible: "_1rsrm2f1uj" }, defaultClass: "_1rsrm2f1ue" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1uk", hover: "_1rsrm2f1ul", active: "_1rsrm2f1um", selection: "_1rsrm2f1un", focused: "_1rsrm2f1uo", focusedVisible: "_1rsrm2f1up" }, defaultClass: "_1rsrm2f1uk" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1uq", hover: "_1rsrm2f1ur", active: "_1rsrm2f1us", selection: "_1rsrm2f1ut", focused: "_1rsrm2f1uu", focusedVisible: "_1rsrm2f1uv" }, defaultClass: "_1rsrm2f1uq" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1uw", hover: "_1rsrm2f1ux", active: "_1rsrm2f1uy", selection: "_1rsrm2f1uz", focused: "_1rsrm2f1v0", focusedVisible: "_1rsrm2f1v1" }, defaultClass: "_1rsrm2f1uw" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1v2", hover: "_1rsrm2f1v3", active: "_1rsrm2f1v4", selection: "_1rsrm2f1v5", focused: "_1rsrm2f1v6", focusedVisible: "_1rsrm2f1v7" }, defaultClass: "_1rsrm2f1v2" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1v8", hover: "_1rsrm2f1v9", active: "_1rsrm2f1va", selection: "_1rsrm2f1vb", focused: "_1rsrm2f1vc", focusedVisible: "_1rsrm2f1vd" }, defaultClass: "_1rsrm2f1v8" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1ve", hover: "_1rsrm2f1vf", active: "_1rsrm2f1vg", selection: "_1rsrm2f1vh", focused: "_1rsrm2f1vi", focusedVisible: "_1rsrm2f1vj" }, defaultClass: "_1rsrm2f1ve" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1vk", hover: "_1rsrm2f1vl", active: "_1rsrm2f1vm", selection: "_1rsrm2f1vn", focused: "_1rsrm2f1vo", focusedVisible: "_1rsrm2f1vp" }, defaultClass: "_1rsrm2f1vk" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1vq", hover: "_1rsrm2f1vr", active: "_1rsrm2f1vs", selection: "_1rsrm2f1vt", focused: "_1rsrm2f1vu", focusedVisible: "_1rsrm2f1vv" }, defaultClass: "_1rsrm2f1vq" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1vw", hover: "_1rsrm2f1vx", active: "_1rsrm2f1vy", selection: "_1rsrm2f1vz", focused: "_1rsrm2f1w0", focusedVisible: "_1rsrm2f1w1" }, defaultClass: "_1rsrm2f1vw" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1w2", hover: "_1rsrm2f1w3", active: "_1rsrm2f1w4", selection: "_1rsrm2f1w5", focused: "_1rsrm2f1w6", focusedVisible: "_1rsrm2f1w7" }, defaultClass: "_1rsrm2f1w2" }, announceGradientTo: { conditions: { base: "_1rsrm2f1w8", hover: "_1rsrm2f1w9", active: "_1rsrm2f1wa", selection: "_1rsrm2f1wb", focused: "_1rsrm2f1wc", focusedVisible: "_1rsrm2f1wd" }, defaultClass: "_1rsrm2f1w8" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1we", hover: "_1rsrm2f1wf", active: "_1rsrm2f1wg", selection: "_1rsrm2f1wh", focused: "_1rsrm2f1wi", focusedVisible: "_1rsrm2f1wj" }, defaultClass: "_1rsrm2f1we" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1wk", hover: "_1rsrm2f1wl", active: "_1rsrm2f1wm", selection: "_1rsrm2f1wn", focused: "_1rsrm2f1wo", focusedVisible: "_1rsrm2f1wp" }, defaultClass: "_1rsrm2f1wk" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1wq", hover: "_1rsrm2f1wr", active: "_1rsrm2f1ws", selection: "_1rsrm2f1wt", focused: "_1rsrm2f1wu", focusedVisible: "_1rsrm2f1wv" }, defaultClass: "_1rsrm2f1wq" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1ww", hover: "_1rsrm2f1wx", active: "_1rsrm2f1wy", selection: "_1rsrm2f1wz", focused: "_1rsrm2f1x0", focusedVisible: "_1rsrm2f1x1" }, defaultClass: "_1rsrm2f1ww" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1x2", hover: "_1rsrm2f1x3", active: "_1rsrm2f1x4", selection: "_1rsrm2f1x5", focused: "_1rsrm2f1x6", focusedVisible: "_1rsrm2f1x7" }, defaultClass: "_1rsrm2f1x2" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1x8", hover: "_1rsrm2f1x9", active: "_1rsrm2f1xa", selection: "_1rsrm2f1xb", focused: "_1rsrm2f1xc", focusedVisible: "_1rsrm2f1xd" }, defaultClass: "_1rsrm2f1x8" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1xe", hover: "_1rsrm2f1xf", active: "_1rsrm2f1xg", selection: "_1rsrm2f1xh", focused: "_1rsrm2f1xi", focusedVisible: "_1rsrm2f1xj" }, defaultClass: "_1rsrm2f1xe" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1xk", hover: "_1rsrm2f1xl", active: "_1rsrm2f1xm", selection: "_1rsrm2f1xn", focused: "_1rsrm2f1xo", focusedVisible: "_1rsrm2f1xp" }, defaultClass: "_1rsrm2f1xk" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1xq", hover: "_1rsrm2f1xr", active: "_1rsrm2f1xs", selection: "_1rsrm2f1xt", focused: "_1rsrm2f1xu", focusedVisible: "_1rsrm2f1xv" }, defaultClass: "_1rsrm2f1xq" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1xw", hover: "_1rsrm2f1xx", active: "_1rsrm2f1xy", selection: "_1rsrm2f1xz", focused: "_1rsrm2f1y0", focusedVisible: "_1rsrm2f1y1" }, defaultClass: "_1rsrm2f1xw" }, spinnerBackground: { conditions: { base: "_1rsrm2f1y2", hover: "_1rsrm2f1y3", active: "_1rsrm2f1y4", selection: "_1rsrm2f1y5", focused: "_1rsrm2f1y6", focusedVisible: "_1rsrm2f1y7" }, defaultClass: "_1rsrm2f1y2" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1y8", hover: "_1rsrm2f1y9", active: "_1rsrm2f1ya", selection: "_1rsrm2f1yb", focused: "_1rsrm2f1yc", focusedVisible: "_1rsrm2f1yd" }, defaultClass: "_1rsrm2f1y8" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1ye", hover: "_1rsrm2f1yf", active: "_1rsrm2f1yg", selection: "_1rsrm2f1yh", focused: "_1rsrm2f1yi", focusedVisible: "_1rsrm2f1yj" }, defaultClass: "_1rsrm2f1ye" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1yk", hover: "_1rsrm2f1yl", active: "_1rsrm2f1ym", selection: "_1rsrm2f1yn", focused: "_1rsrm2f1yo", focusedVisible: "_1rsrm2f1yp" }, defaultClass: "_1rsrm2f1yk" } } } } }, { 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" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f21" }, modalTopbarTitle: { defaultClass: "_1rsrm2f22" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f23" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f24" }, medium: { defaultClass: "_1rsrm2f25" }, semibold: { defaultClass: "_1rsrm2f26" }, bold: { defaultClass: "_1rsrm2f27" }, heavy: { defaultClass: "_1rsrm2f28" }, modalTopbarTitle: { defaultClass: "_1rsrm2f29" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2a" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2b" }, "1": { defaultClass: "_1rsrm2f2c" }, "2": { defaultClass: "_1rsrm2f2d" }, "3": { defaultClass: "_1rsrm2f2e" }, "4": { defaultClass: "_1rsrm2f2f" }, "5": { defaultClass: "_1rsrm2f2g" }, "6": { defaultClass: "_1rsrm2f2h" }, "7": { defaultClass: "_1rsrm2f2i" }, "8": { defaultClass: "_1rsrm2f2j" }, "9": { defaultClass: "_1rsrm2f2k" }, "10": { defaultClass: "_1rsrm2f2l" }, "11": { defaultClass: "_1rsrm2f2m" }, "12": { defaultClass: "_1rsrm2f2n" }, "13": { defaultClass: "_1rsrm2f2o" }, "14": { defaultClass: "_1rsrm2f2p" }, "15": { defaultClass: "_1rsrm2f2q" }, "16": { defaultClass: "_1rsrm2f2r" }, "18": { defaultClass: "_1rsrm2f2s" }, "20": { defaultClass: "_1rsrm2f2t" }, "24": { defaultClass: "_1rsrm2f2u" }, "28": { defaultClass: "_1rsrm2f2v" }, "30": { defaultClass: "_1rsrm2f2w" }, "32": { defaultClass: "_1rsrm2f2x" }, "36": { defaultClass: "_1rsrm2f2y" }, "40": { defaultClass: "_1rsrm2f2z" }, "44": { defaultClass: "_1rsrm2f30" }, "64": { defaultClass: "_1rsrm2f31" }, "-1": { defaultClass: "_1rsrm2f32" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f33" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f34" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f35" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f36" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f37" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f38" }, "2": { defaultClass: "_1rsrm2f39" }, "4": { defaultClass: "_1rsrm2f3a" }, "8": { defaultClass: "_1rsrm2f3b" }, "10": { defaultClass: "_1rsrm2f3c" }, "11": { defaultClass: "_1rsrm2f3d" }, "12": { defaultClass: "_1rsrm2f3e" }, "13": { defaultClass: "_1rsrm2f3f" }, "14": { defaultClass: "_1rsrm2f3g" }, "15": { defaultClass: "_1rsrm2f3h" }, "16": { defaultClass: "_1rsrm2f3i" }, "18": { defaultClass: "_1rsrm2f3j" }, "20": { defaultClass: "_1rsrm2f3k" }, "24": { defaultClass: "_1rsrm2f3l" }, "28": { defaultClass: "_1rsrm2f3m" }, "30": { defaultClass: "_1rsrm2f3n" }, "32": { defaultClass: "_1rsrm2f3o" }, "34": { defaultClass: "_1rsrm2f3p" }, "36": { defaultClass: "_1rsrm2f3q" }, "40": { defaultClass: "_1rsrm2f3r" }, "44": { defaultClass: "_1rsrm2f3s" }, "48": { defaultClass: "_1rsrm2f3t" }, "50": { defaultClass: "_1rsrm2f3u" }, "54": { defaultClass: "_1rsrm2f3v" }, "57": { defaultClass: "_1rsrm2f3w" }, "60": { defaultClass: "_1rsrm2f3x" }, "72": { defaultClass: "_1rsrm2f3y" }, "76": { defaultClass: "_1rsrm2f3z" }, "93": { defaultClass: "_1rsrm2f40" }, "96": { defaultClass: "_1rsrm2f41" }, "100": { defaultClass: "_1rsrm2f42" }, "108": { defaultClass: "_1rsrm2f43" }, "120": { defaultClass: "_1rsrm2f44" }, "160": { defaultClass: "_1rsrm2f45" }, "180": { defaultClass: "_1rsrm2f46" }, "200": { defaultClass: "_1rsrm2f47" }, "240": { defaultClass: "_1rsrm2f48" }, half: { defaultClass: "_1rsrm2f49" }, full: { defaultClass: "_1rsrm2f4a" }, max: { defaultClass: "_1rsrm2f4b" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4c" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4d" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4e" }, "flex-end": { defaultClass: "_1rsrm2f4f" }, center: { defaultClass: "_1rsrm2f4g" }, "space-between": { defaultClass: "_1rsrm2f4h" }, "space-around": { defaultClass: "_1rsrm2f4i" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4j" }, center: { defaultClass: "_1rsrm2f4k" }, right: { defaultClass: "_1rsrm2f4l" }, inherit: { defaultClass: "_1rsrm2f4m" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4n" }, "1": { defaultClass: "_1rsrm2f4o" }, "2": { defaultClass: "_1rsrm2f4p" }, "3": { defaultClass: "_1rsrm2f4q" }, "4": { defaultClass: "_1rsrm2f4r" }, "5": { defaultClass: "_1rsrm2f4s" }, "6": { defaultClass: "_1rsrm2f4t" }, "7": { defaultClass: "_1rsrm2f4u" }, "8": { defaultClass: "_1rsrm2f4v" }, "9": { defaultClass: "_1rsrm2f4w" }, "10": { defaultClass: "_1rsrm2f4x" }, "11": { defaultClass: "_1rsrm2f4y" }, "12": { defaultClass: "_1rsrm2f4z" }, "13": { defaultClass: "_1rsrm2f50" }, "14": { defaultClass: "_1rsrm2f51" }, "15": { defaultClass: "_1rsrm2f52" }, "16": { defaultClass: "_1rsrm2f53" }, "18": { defaultClass: "_1rsrm2f54" }, "20": { defaultClass: "_1rsrm2f55" }, "24": { defaultClass: "_1rsrm2f56" }, "28": { defaultClass: "_1rsrm2f57" }, "30": { defaultClass: "_1rsrm2f58" }, "32": { defaultClass: "_1rsrm2f59" }, "36": { defaultClass: "_1rsrm2f5a" }, "40": { defaultClass: "_1rsrm2f5b" }, "44": { defaultClass: "_1rsrm2f5c" }, "64": { defaultClass: "_1rsrm2f5d" }, auto: { defaultClass: "_1rsrm2f5e" }, "-18": { defaultClass: "_1rsrm2f5f" }, "-12": { defaultClass: "_1rsrm2f5g" }, "-1": { defaultClass: "_1rsrm2f5h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5m" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5n" }, "1": { defaultClass: "_1rsrm2f5o" }, "2": { defaultClass: "_1rsrm2f5p" }, "3": { defaultClass: "_1rsrm2f5q" }, "4": { defaultClass: "_1rsrm2f5r" }, "5": { defaultClass: "_1rsrm2f5s" }, "6": { defaultClass: "_1rsrm2f5t" }, "7": { defaultClass: "_1rsrm2f5u" }, "8": { defaultClass: "_1rsrm2f5v" }, "9": { defaultClass: "_1rsrm2f5w" }, "10": { defaultClass: "_1rsrm2f5x" }, "11": { defaultClass: "_1rsrm2f5y" }, "12": { defaultClass: "_1rsrm2f5z" }, "13": { defaultClass: "_1rsrm2f60" }, "14": { defaultClass: "_1rsrm2f61" }, "15": { defaultClass: "_1rsrm2f62" }, "16": { defaultClass: "_1rsrm2f63" }, "18": { defaultClass: "_1rsrm2f64" }, "20": { defaultClass: "_1rsrm2f65" }, "24": { defaultClass: "_1rsrm2f66" }, "28": { defaultClass: "_1rsrm2f67" }, "30": { defaultClass: "_1rsrm2f68" }, "32": { defaultClass: "_1rsrm2f69" }, "36": { defaultClass: "_1rsrm2f6a" }, "40": { defaultClass: "_1rsrm2f6b" }, "44": { defaultClass: "_1rsrm2f6c" }, "64": { defaultClass: "_1rsrm2f6d" }, auto: { defaultClass: "_1rsrm2f6e" }, "-18": { defaultClass: "_1rsrm2f6f" }, "-12": { defaultClass: "_1rsrm2f6g" }, "-1": { defaultClass: "_1rsrm2f6h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6m" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6n" }, "1": { defaultClass: "_1rsrm2f6o" }, "2": { defaultClass: "_1rsrm2f6p" }, "3": { defaultClass: "_1rsrm2f6q" }, "4": { defaultClass: "_1rsrm2f6r" }, "5": { defaultClass: "_1rsrm2f6s" }, "6": { defaultClass: "_1rsrm2f6t" }, "7": { defaultClass: "_1rsrm2f6u" }, "8": { defaultClass: "_1rsrm2f6v" }, "9": { defaultClass: "_1rsrm2f6w" }, "10": { defaultClass: "_1rsrm2f6x" }, "11": { defaultClass: "_1rsrm2f6y" }, "12": { defaultClass: "_1rsrm2f6z" }, "13": { defaultClass: "_1rsrm2f70" }, "14": { defaultClass: "_1rsrm2f71" }, "15": { defaultClass: "_1rsrm2f72" }, "16": { defaultClass: "_1rsrm2f73" }, "18": { defaultClass: "_1rsrm2f74" }, "20": { defaultClass: "_1rsrm2f75" }, "24": { defaultClass: "_1rsrm2f76" }, "28": { defaultClass: "_1rsrm2f77" }, "30": { defaultClass: "_1rsrm2f78" }, "32": { defaultClass: "_1rsrm2f79" }, "36": { defaultClass: "_1rsrm2f7a" }, "40": { defaultClass: "_1rsrm2f7b" }, "44": { defaultClass: "_1rsrm2f7c" }, "64": { defaultClass: "_1rsrm2f7d" }, auto: { defaultClass: "_1rsrm2f7e" }, "-18": { defaultClass: "_1rsrm2f7f" }, "-12": { defaultClass: "_1rsrm2f7g" }, "-1": { defaultClass: "_1rsrm2f7h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7m" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7n" }, "1": { defaultClass: "_1rsrm2f7o" }, "2": { defaultClass: "_1rsrm2f7p" }, "3": { defaultClass: "_1rsrm2f7q" }, "4": { defaultClass: "_1rsrm2f7r" }, "5": { defaultClass: "_1rsrm2f7s" }, "6": { defaultClass: "_1rsrm2f7t" }, "7": { defaultClass: "_1rsrm2f7u" }, "8": { defaultClass: "_1rsrm2f7v" }, "9": { defaultClass: "_1rsrm2f7w" }, "10": { defaultClass: "_1rsrm2f7x" }, "11": { defaultClass: "_1rsrm2f7y" }, "12": { defaultClass: "_1rsrm2f7z" }, "13": { defaultClass: "_1rsrm2f80" }, "14": { defaultClass: "_1rsrm2f81" }, "15": { defaultClass: "_1rsrm2f82" }, "16": { defaultClass: "_1rsrm2f83" }, "18": { defaultClass: "_1rsrm2f84" }, "20": { defaultClass: "_1rsrm2f85" }, "24": { defaultClass: "_1rsrm2f86" }, "28": { defaultClass: "_1rsrm2f87" }, "30": { defaultClass: "_1rsrm2f88" }, "32": { defaultClass: "_1rsrm2f89" }, "36": { defaultClass: "_1rsrm2f8a" }, "40": { defaultClass: "_1rsrm2f8b" }, "44": { defaultClass: "_1rsrm2f8c" }, "64": { defaultClass: "_1rsrm2f8d" }, auto: { defaultClass: "_1rsrm2f8e" }, "-18": { defaultClass: "_1rsrm2f8f" }, "-12": { defaultClass: "_1rsrm2f8g" }, "-1": { defaultClass: "_1rsrm2f8h" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8i" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8j" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8k" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8l" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8m" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8n" }, "2": { defaultClass: "_1rsrm2f8o" }, "4": { defaultClass: "_1rsrm2f8p" }, "8": { defaultClass: "_1rsrm2f8q" }, "10": { defaultClass: "_1rsrm2f8r" }, "11": { defaultClass: "_1rsrm2f8s" }, "12": { defaultClass: "_1rsrm2f8t" }, "13": { defaultClass: "_1rsrm2f8u" }, "14": { defaultClass: "_1rsrm2f8v" }, "15": { defaultClass: "_1rsrm2f8w" }, "16": { defaultClass: "_1rsrm2f8x" }, "18": { defaultClass: "_1rsrm2f8y" }, "20": { defaultClass: "_1rsrm2f8z" }, "24": { defaultClass: "_1rsrm2f90" }, "28": { defaultClass: "_1rsrm2f91" }, "30": { defaultClass: "_1rsrm2f92" }, "32": { defaultClass: "_1rsrm2f93" }, "34": { defaultClass: "_1rsrm2f94" }, "36": { defaultClass: "_1rsrm2f95" }, "40": { defaultClass: "_1rsrm2f96" }, "44": { defaultClass: "_1rsrm2f97" }, "48": { defaultClass: "_1rsrm2f98" }, "50": { defaultClass: "_1rsrm2f99" }, "54": { defaultClass: "_1rsrm2f9a" }, "57": { defaultClass: "_1rsrm2f9b" }, "60": { defaultClass: "_1rsrm2f9c" }, "72": { defaultClass: "_1rsrm2f9d" }, "76": { defaultClass: "_1rsrm2f9e" }, "93": { defaultClass: "_1rsrm2f9f" }, "96": { defaultClass: "_1rsrm2f9g" }, "100": { defaultClass: "_1rsrm2f9h" }, "108": { defaultClass: "_1rsrm2f9i" }, "120": { defaultClass: "_1rsrm2f9j" }, "160": { defaultClass: "_1rsrm2f9k" }, "180": { defaultClass: "_1rsrm2f9l" }, "200": { defaultClass: "_1rsrm2f9m" }, "240": { defaultClass: "_1rsrm2f9n" }, half: { defaultClass: "_1rsrm2f9o" }, full: { defaultClass: "_1rsrm2f9p" }, max: { defaultClass: "_1rsrm2f9q" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9r" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9s" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9t" }, "2": { defaultClass: "_1rsrm2f9u" }, "4": { defaultClass: "_1rsrm2f9v" }, "8": { defaultClass: "_1rsrm2f9w" }, "10": { defaultClass: "_1rsrm2f9x" }, "11": { defaultClass: "_1rsrm2f9y" }, "12": { defaultClass: "_1rsrm2f9z" }, "13": { defaultClass: "_1rsrm2fa0" }, "14": { defaultClass: "_1rsrm2fa1" }, "15": { defaultClass: "_1rsrm2fa2" }, "16": { defaultClass: "_1rsrm2fa3" }, "18": { defaultClass: "_1rsrm2fa4" }, "20": { defaultClass: "_1rsrm2fa5" }, "24": { defaultClass: "_1rsrm2fa6" }, "28": { defaultClass: "_1rsrm2fa7" }, "30": { defaultClass: "_1rsrm2fa8" }, "32": { defaultClass: "_1rsrm2fa9" }, "34": { defaultClass: "_1rsrm2faa" }, "36": { defaultClass: "_1rsrm2fab" }, "40": { defaultClass: "_1rsrm2fac" }, "44": { defaultClass: "_1rsrm2fad" }, "48": { defaultClass: "_1rsrm2fae" }, "50": { defaultClass: "_1rsrm2faf" }, "54": { defaultClass: "_1rsrm2fag" }, "57": { defaultClass: "_1rsrm2fah" }, "60": { defaultClass: "_1rsrm2fai" }, "72": { defaultClass: "_1rsrm2faj" }, "76": { defaultClass: "_1rsrm2fak" }, "93": { defaultClass: "_1rsrm2fal" }, "96": { defaultClass: "_1rsrm2fam" }, "100": { defaultClass: "_1rsrm2fan" }, "108": { defaultClass: "_1rsrm2fao" }, "120": { defaultClass: "_1rsrm2fap" }, "160": { defaultClass: "_1rsrm2faq" }, "180": { defaultClass: "_1rsrm2far" }, "200": { defaultClass: "_1rsrm2fas" }, "240": { defaultClass: "_1rsrm2fat" }, half: { defaultClass: "_1rsrm2fau" }, full: { defaultClass: "_1rsrm2fav" }, max: { defaultClass: "_1rsrm2faw" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fax" }, modalTopBarHeight: { defaultClass: "_1rsrm2fay" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2faz" }, "2": { defaultClass: "_1rsrm2fb0" }, "4": { defaultClass: "_1rsrm2fb1" }, "8": { defaultClass: "_1rsrm2fb2" }, "10": { defaultClass: "_1rsrm2fb3" }, "11": { defaultClass: "_1rsrm2fb4" }, "12": { defaultClass: "_1rsrm2fb5" }, "13": { defaultClass: "_1rsrm2fb6" }, "14": { defaultClass: "_1rsrm2fb7" }, "15": { defaultClass: "_1rsrm2fb8" }, "16": { defaultClass: "_1rsrm2fb9" }, "18": { defaultClass: "_1rsrm2fba" }, "20": { defaultClass: "_1rsrm2fbb" }, "24": { defaultClass: "_1rsrm2fbc" }, "28": { defaultClass: "_1rsrm2fbd" }, "30": { defaultClass: "_1rsrm2fbe" }, "32": { defaultClass: "_1rsrm2fbf" }, "34": { defaultClass: "_1rsrm2fbg" }, "36": { defaultClass: "_1rsrm2fbh" }, "40": { defaultClass: "_1rsrm2fbi" }, "44": { defaultClass: "_1rsrm2fbj" }, "48": { defaultClass: "_1rsrm2fbk" }, "50": { defaultClass: "_1rsrm2fbl" }, "54": { defaultClass: "_1rsrm2fbm" }, "57": { defaultClass: "_1rsrm2fbn" }, "60": { defaultClass: "_1rsrm2fbo" }, "72": { defaultClass: "_1rsrm2fbp" }, "76": { defaultClass: "_1rsrm2fbq" }, "93": { defaultClass: "_1rsrm2fbr" }, "96": { defaultClass: "_1rsrm2fbs" }, "100": { defaultClass: "_1rsrm2fbt" }, "108": { defaultClass: "_1rsrm2fbu" }, "120": { defaultClass: "_1rsrm2fbv" }, "160": { defaultClass: "_1rsrm2fbw" }, "180": { defaultClass: "_1rsrm2fbx" }, "200": { defaultClass: "_1rsrm2fby" }, "240": { defaultClass: "_1rsrm2fbz" }, half: { defaultClass: "_1rsrm2fc0" }, full: { defaultClass: "_1rsrm2fc1" }, max: { defaultClass: "_1rsrm2fc2" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc3" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc4" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc5" }, "2": { defaultClass: "_1rsrm2fc6" }, "4": { defaultClass: "_1rsrm2fc7" }, "8": { defaultClass: "_1rsrm2fc8" }, "10": { defaultClass: "_1rsrm2fc9" }, "11": { defaultClass: "_1rsrm2fca" }, "12": { defaultClass: "_1rsrm2fcb" }, "13": { defaultClass: "_1rsrm2fcc" }, "14": { defaultClass: "_1rsrm2fcd" }, "15": { defaultClass: "_1rsrm2fce" }, "16": { defaultClass: "_1rsrm2fcf" }, "18": { defaultClass: "_1rsrm2fcg" }, "20": { defaultClass: "_1rsrm2fch" }, "24": { defaultClass: "_1rsrm2fci" }, "28": { defaultClass: "_1rsrm2fcj" }, "30": { defaultClass: "_1rsrm2fck" }, "32": { defaultClass: "_1rsrm2fcl" }, "34": { defaultClass: "_1rsrm2fcm" }, "36": { defaultClass: "_1rsrm2fcn" }, "40": { defaultClass: "_1rsrm2fco" }, "44": { defaultClass: "_1rsrm2fcp" }, "48": { defaultClass: "_1rsrm2fcq" }, "50": { defaultClass: "_1rsrm2fcr" }, "54": { defaultClass: "_1rsrm2fcs" }, "57": { defaultClass: "_1rsrm2fct" }, "60": { defaultClass: "_1rsrm2fcu" }, "72": { defaultClass: "_1rsrm2fcv" }, "76": { defaultClass: "_1rsrm2fcw" }, "93": { defaultClass: "_1rsrm2fcx" }, "96": { defaultClass: "_1rsrm2fcy" }, "100": { defaultClass: "_1rsrm2fcz" }, "108": { defaultClass: "_1rsrm2fd0" }, "120": { defaultClass: "_1rsrm2fd1" }, "160": { defaultClass: "_1rsrm2fd2" }, "180": { defaultClass: "_1rsrm2fd3" }, "200": { defaultClass: "_1rsrm2fd4" }, "240": { defaultClass: "_1rsrm2fd5" }, half: { defaultClass: "_1rsrm2fd6" }, full: { defaultClass: "_1rsrm2fd7" }, max: { defaultClass: "_1rsrm2fd8" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fd9" }, modalTopBarHeight: { defaultClass: "_1rsrm2fda" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdb" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fdc" }, "1": { defaultClass: "_1rsrm2fdd" }, "2": { defaultClass: "_1rsrm2fde" }, "3": { defaultClass: "_1rsrm2fdf" }, "4": { defaultClass: "_1rsrm2fdg" }, "5": { defaultClass: "_1rsrm2fdh" }, "6": { defaultClass: "_1rsrm2fdi" }, "7": { defaultClass: "_1rsrm2fdj" }, "8": { defaultClass: "_1rsrm2fdk" }, "9": { defaultClass: "_1rsrm2fdl" }, "10": { defaultClass: "_1rsrm2fdm" }, "11": { defaultClass: "_1rsrm2fdn" }, "12": { defaultClass: "_1rsrm2fdo" }, "13": { defaultClass: "_1rsrm2fdp" }, "14": { defaultClass: "_1rsrm2fdq" }, "15": { defaultClass: "_1rsrm2fdr" }, "16": { defaultClass: "_1rsrm2fds" }, "18": { defaultClass: "_1rsrm2fdt" }, "20": { defaultClass: "_1rsrm2fdu" }, "24": { defaultClass: "_1rsrm2fdv" }, "28": { defaultClass: "_1rsrm2fdw" }, "30": { defaultClass: "_1rsrm2fdx" }, "32": { defaultClass: "_1rsrm2fdy" }, "36": { defaultClass: "_1rsrm2fdz" }, "40": { defaultClass: "_1rsrm2fe0" }, "44": { defaultClass: "_1rsrm2fe1" }, "64": { defaultClass: "_1rsrm2fe2" }, "-1": { defaultClass: "_1rsrm2fe3" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe4" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe5" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe6" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe7" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fe8" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fe9" }, "1": { defaultClass: "_1rsrm2fea" }, "2": { defaultClass: "_1rsrm2feb" }, "3": { defaultClass: "_1rsrm2fec" }, "4": { defaultClass: "_1rsrm2fed" }, "5": { defaultClass: "_1rsrm2fee" }, "6": { defaultClass: "_1rsrm2fef" }, "7": { defaultClass: "_1rsrm2feg" }, "8": { defaultClass: "_1rsrm2feh" }, "9": { defaultClass: "_1rsrm2fei" }, "10": { defaultClass: "_1rsrm2fej" }, "11": { defaultClass: "_1rsrm2fek" }, "12": { defaultClass: "_1rsrm2fel" }, "13": { defaultClass: "_1rsrm2fem" }, "14": { defaultClass: "_1rsrm2fen" }, "15": { defaultClass: "_1rsrm2feo" }, "16": { defaultClass: "_1rsrm2fep" }, "18": { defaultClass: "_1rsrm2feq" }, "20": { defaultClass: "_1rsrm2fer" }, "24": { defaultClass: "_1rsrm2fes" }, "28": { defaultClass: "_1rsrm2fet" }, "30": { defaultClass: "_1rsrm2feu" }, "32": { defaultClass: "_1rsrm2fev" }, "36": { defaultClass: "_1rsrm2few" }, "40": { defaultClass: "_1rsrm2fex" }, "44": { defaultClass: "_1rsrm2fey" }, "64": { defaultClass: "_1rsrm2fez" }, "-1": { defaultClass: "_1rsrm2ff0" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff1" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff2" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff3" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff4" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff5" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff6" }, "1": { defaultClass: "_1rsrm2ff7" }, "2": { defaultClass: "_1rsrm2ff8" }, "3": { defaultClass: "_1rsrm2ff9" }, "4": { defaultClass: "_1rsrm2ffa" }, "5": { defaultClass: "_1rsrm2ffb" }, "6": { defaultClass: "_1rsrm2ffc" }, "7": { defaultClass: "_1rsrm2ffd" }, "8": { defaultClass: "_1rsrm2ffe" }, "9": { defaultClass: "_1rsrm2fff" }, "10": { defaultClass: "_1rsrm2ffg" }, "11": { defaultClass: "_1rsrm2ffh" }, "12": { defaultClass: "_1rsrm2ffi" }, "13": { defaultClass: "_1rsrm2ffj" }, "14": { defaultClass: "_1rsrm2ffk" }, "15": { defaultClass: "_1rsrm2ffl" }, "16": { defaultClass: "_1rsrm2ffm" }, "18": { defaultClass: "_1rsrm2ffn" }, "20": { defaultClass: "_1rsrm2ffo" }, "24": { defaultClass: "_1rsrm2ffp" }, "28": { defaultClass: "_1rsrm2ffq" }, "30": { defaultClass: "_1rsrm2ffr" }, "32": { defaultClass: "_1rsrm2ffs" }, "36": { defaultClass: "_1rsrm2fft" }, "40": { defaultClass: "_1rsrm2ffu" }, "44": { defaultClass: "_1rsrm2ffv" }, "64": { defaultClass: "_1rsrm2ffw" }, "-1": { defaultClass: "_1rsrm2ffx" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ffy" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ffz" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg0" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg1" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg2" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg3" }, "1": { defaultClass: "_1rsrm2fg4" }, "2": { defaultClass: "_1rsrm2fg5" }, "3": { defaultClass: "_1rsrm2fg6" }, "4": { defaultClass: "_1rsrm2fg7" }, "5": { defaultClass: "_1rsrm2fg8" }, "6": { defaultClass: "_1rsrm2fg9" }, "7": { defaultClass: "_1rsrm2fga" }, "8": { defaultClass: "_1rsrm2fgb" }, "9": { defaultClass: "_1rsrm2fgc" }, "10": { defaultClass: "_1rsrm2fgd" }, "11": { defaultClass: "_1rsrm2fge" }, "12": { defaultClass: "_1rsrm2fgf" }, "13": { defaultClass: "_1rsrm2fgg" }, "14": { defaultClass: "_1rsrm2fgh" }, "15": { defaultClass: "_1rsrm2fgi" }, "16": { defaultClass: "_1rsrm2fgj" }, "18": { defaultClass: "_1rsrm2fgk" }, "20": { defaultClass: "_1rsrm2fgl" }, "24": { defaultClass: "_1rsrm2fgm" }, "28": { defaultClass: "_1rsrm2fgn" }, "30": { defaultClass: "_1rsrm2fgo" }, "32": { defaultClass: "_1rsrm2fgp" }, "36": { defaultClass: "_1rsrm2fgq" }, "40": { defaultClass: "_1rsrm2fgr" }, "44": { defaultClass: "_1rsrm2fgs" }, "64": { defaultClass: "_1rsrm2fgt" }, "-1": { defaultClass: "_1rsrm2fgu" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgv" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgw" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgx" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fgy" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fgz" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh0" }, fixed: { defaultClass: "_1rsrm2fh1" }, relative: { defaultClass: "_1rsrm2fh2" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh3" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh4" }, transform: { defaultClass: "_1rsrm2fh5" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh6" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh7" }, "2": { defaultClass: "_1rsrm2fh8" }, "4": { defaultClass: "_1rsrm2fh9" }, "8": { defaultClass: "_1rsrm2fha" }, "10": { defaultClass: "_1rsrm2fhb" }, "11": { defaultClass: "_1rsrm2fhc" }, "12": { defaultClass: "_1rsrm2fhd" }, "13": { defaultClass: "_1rsrm2fhe" }, "14": { defaultClass: "_1rsrm2fhf" }, "15": { defaultClass: "_1rsrm2fhg" }, "16": { defaultClass: "_1rsrm2fhh" }, "18": { defaultClass: "_1rsrm2fhi" }, "20": { defaultClass: "_1rsrm2fhj" }, "24": { defaultClass: "_1rsrm2fhk" }, "28": { defaultClass: "_1rsrm2fhl" }, "30": { defaultClass: "_1rsrm2fhm" }, "32": { defaultClass: "_1rsrm2fhn" }, "34": { defaultClass: "_1rsrm2fho" }, "36": { defaultClass: "_1rsrm2fhp" }, "40": { defaultClass: "_1rsrm2fhq" }, "44": { defaultClass: "_1rsrm2fhr" }, "48": { defaultClass: "_1rsrm2fhs" }, "50": { defaultClass: "_1rsrm2fht" }, "54": { defaultClass: "_1rsrm2fhu" }, "57": { defaultClass: "_1rsrm2fhv" }, "60": { defaultClass: "_1rsrm2fhw" }, "72": { defaultClass: "_1rsrm2fhx" }, "76": { defaultClass: "_1rsrm2fhy" }, "93": { defaultClass: "_1rsrm2fhz" }, "96": { defaultClass: "_1rsrm2fi0" }, "100": { defaultClass: "_1rsrm2fi1" }, "108": { defaultClass: "_1rsrm2fi2" }, "120": { defaultClass: "_1rsrm2fi3" }, "160": { defaultClass: "_1rsrm2fi4" }, "180": { defaultClass: "_1rsrm2fi5" }, "200": { defaultClass: "_1rsrm2fi6" }, "240": { defaultClass: "_1rsrm2fi7" }, half: { defaultClass: "_1rsrm2fi8" }, full: { defaultClass: "_1rsrm2fi9" }, max: { defaultClass: "_1rsrm2fia" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fib" }, modalTopBarHeight: { defaultClass: "_1rsrm2fic" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fid" } } } } });
|
|
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)", 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)", spinnerBackground: "var(--rk-colors-spinnerBackground)", spinnerIndicator: "var(--rk-colors-spinnerIndicator)", spinnerBackgroundVerifyAccount: "var(--rk-colors-spinnerBackgroundVerifyAccount)", spinnerIndicatorVerifyAccount: "var(--rk-colors-spinnerIndicatorVerifyAccount)" }, dimensions: { modalBottomBarButtonHeight: "var(--rk-dimensions-modalBottomBarButtonHeight)", modalTopBarHeight: "var(--rk-dimensions-modalTopBarHeight)" }, 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)", modalTopbarTitle: "var(--rk-fontWeight-modalTopbarTitle)", modalBottomBarButtonText: "var(--rk-fontWeight-modalBottomBarButtonText)" }, 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)" }, modalTopbarSubtitle: { fontSize: "var(--rk-fontSize-modalTopbarSubtitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarSubtitle-lineHeight)" }, modalTopbarTitle: { fontSize: "var(--rk-fontSize-modalTopbarTitle-fontSize)", lineHeight: "var(--rk-fontSize-modalTopbarTitle-lineHeight)" }, modalBottomBarButtonText: { fontSize: "var(--rk-fontSize-modalBottomBarButtonText-fontSize)", lineHeight: "var(--rk-fontSize-modalBottomBarButtonText-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)", buttonHoverShadow: "var(--rk-shadows-buttonHoverShadow)", buttonDisabledShadow: "var(--rk-shadows-buttonDisabledShadow)", selectedDropdownItem: "var(--rk-shadows-selectedDropdownItem)" }, spacing: { modalBaseHorizontalPadding: "var(--rk-spacing-modalBaseHorizontalPadding)", modalBottomHorizontalPadding: "var(--rk-spacing-modalBottomHorizontalPadding)", modalPaddingBottomUpper: "var(--rk-spacing-modalPaddingBottomUpper)", modalPaddingBottomLower: "var(--rk-spacing-modalPaddingBottomLower)", modalTopBarVerticalTextSpacing: "var(--rk-spacing-modalTopBarVerticalTextSpacing)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
|
|
50
50
|
|
|
51
51
|
// src/css/atoms.ts
|
|
52
52
|
var atoms = ({ reset, ...rest }) => {
|
|
@@ -413,7 +413,7 @@ function Avatar({ address, imageUrl, loading, size }) {
|
|
|
413
413
|
}
|
|
414
414
|
|
|
415
415
|
// src/components/ConnectButton/ConnectButton.tsx
|
|
416
|
-
import React254, { useEffect as
|
|
416
|
+
import React254, { useEffect as useEffect56, useState as useState75 } from "react";
|
|
417
417
|
|
|
418
418
|
// src/css/touchableStyles.css.ts
|
|
419
419
|
var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
|
|
@@ -521,8 +521,8 @@ import React251, {
|
|
|
521
521
|
createContext as createContext18,
|
|
522
522
|
useCallback as useCallback49,
|
|
523
523
|
useContext as useContext17,
|
|
524
|
-
useEffect as
|
|
525
|
-
useMemo as
|
|
524
|
+
useEffect as useEffect54,
|
|
525
|
+
useMemo as useMemo40,
|
|
526
526
|
useState as useState72
|
|
527
527
|
} from "react";
|
|
528
528
|
import { useConfig as useConfig6, useConnect as useConnect2, useDisconnect as useDisconnect2 } from "wagmi";
|
|
@@ -770,7 +770,6 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
|
|
|
770
770
|
var DEFAULT_FUNKIT_CONFIG = {
|
|
771
771
|
apiKey: "",
|
|
772
772
|
appName: "",
|
|
773
|
-
allowBackgroundScroll: false,
|
|
774
773
|
textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
|
|
775
774
|
loginConfig: {
|
|
776
775
|
web2: false,
|
|
@@ -1059,8 +1058,8 @@ import React250, {
|
|
|
1059
1058
|
createContext as createContext17,
|
|
1060
1059
|
useCallback as useCallback48,
|
|
1061
1060
|
useContext as useContext16,
|
|
1062
|
-
useEffect as
|
|
1063
|
-
useMemo as
|
|
1061
|
+
useEffect as useEffect53,
|
|
1062
|
+
useMemo as useMemo39,
|
|
1064
1063
|
useState as useState71
|
|
1065
1064
|
} from "react";
|
|
1066
1065
|
import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useConfig as useConfig5 } from "wagmi";
|
|
@@ -1072,7 +1071,7 @@ var content = "_1r8f573 _1rsrm2fa _1rsrm2f1p _1rsrm2fh2";
|
|
|
1072
1071
|
var easing = [0.3, 0, 0.06, 1];
|
|
1073
1072
|
var itemsAlignCenter = "_1r8f57a";
|
|
1074
1073
|
var itemsAlignEnd = "_1r8f57b";
|
|
1075
|
-
var overlay = "_1r8f571
|
|
1074
|
+
var overlay = "_1r8f571 _1rsrm2fid _1rsrm2flk _1rsrm2fa _1rsrm2f4g _1rsrm2fh1";
|
|
1076
1075
|
var titleContainer = "_1r8f574";
|
|
1077
1076
|
var topbarFadeBackground = "_1r8f579 _1rsrm2flq _1rsrm2fh0";
|
|
1078
1077
|
var topbarFadeWrapper = "_1r8f577";
|
|
@@ -1207,6 +1206,7 @@ import {
|
|
|
1207
1206
|
import {
|
|
1208
1207
|
formatCryptoAndStringify,
|
|
1209
1208
|
isTokenAddressEquivalent as isTokenAddressEquivalent3,
|
|
1209
|
+
round as round2,
|
|
1210
1210
|
roundUpToXDecimalPlaces
|
|
1211
1211
|
} from "@funkit/utils";
|
|
1212
1212
|
import { getBalance, readContract } from "@wagmi/core";
|
|
@@ -2235,6 +2235,104 @@ var getInputErrorNotification = (error) => {
|
|
|
2235
2235
|
};
|
|
2236
2236
|
}
|
|
2237
2237
|
};
|
|
2238
|
+
function getNumberSeparators(locale) {
|
|
2239
|
+
const parts = Intl.NumberFormat(locale, {
|
|
2240
|
+
currency: "USD",
|
|
2241
|
+
currencyDisplay: "narrowSymbol",
|
|
2242
|
+
style: "currency"
|
|
2243
|
+
}).formatToParts(123456789123456e-6);
|
|
2244
|
+
let decimalSeparator = ".";
|
|
2245
|
+
let groupSeparator = ",";
|
|
2246
|
+
for (const part of parts) {
|
|
2247
|
+
if (part.type === "group") {
|
|
2248
|
+
groupSeparator = part.value;
|
|
2249
|
+
} else if (part.type === "decimal") {
|
|
2250
|
+
decimalSeparator = part.value;
|
|
2251
|
+
}
|
|
2252
|
+
}
|
|
2253
|
+
return {
|
|
2254
|
+
decimalSeparator,
|
|
2255
|
+
groupSeparator: groupSeparator.match(/\s/) ? /[^\S\t\r\n\f\v]/g : new RegExp(`[${groupSeparator}]`, "g")
|
|
2256
|
+
};
|
|
2257
|
+
}
|
|
2258
|
+
function parseNumberInputValue(inputValue, separators) {
|
|
2259
|
+
const { decimalSeparator, groupSeparator } = separators;
|
|
2260
|
+
const regex = new RegExp(
|
|
2261
|
+
`^[0-9]+(${groupSeparator.source}[0-9]+)*([${decimalSeparator}][0-9]*)?$`
|
|
2262
|
+
);
|
|
2263
|
+
const match = inputValue.match(regex);
|
|
2264
|
+
if (match === null) {
|
|
2265
|
+
return {
|
|
2266
|
+
amount: void 0,
|
|
2267
|
+
amountString: "",
|
|
2268
|
+
amountStringNormalized: "",
|
|
2269
|
+
decimalPart: null,
|
|
2270
|
+
integerPart: ""
|
|
2271
|
+
};
|
|
2272
|
+
}
|
|
2273
|
+
const amountString = match[0];
|
|
2274
|
+
const amountStringNormalized = amountString.replace(new RegExp(`[^0-9${decimalSeparator}]`, "g"), "").replace(new RegExp(`[${decimalSeparator}]`, "g"), ".");
|
|
2275
|
+
const [integerPart, decimalPart = null] = amountString.split(decimalSeparator);
|
|
2276
|
+
return {
|
|
2277
|
+
amount: Number.parseFloat(amountStringNormalized),
|
|
2278
|
+
amountString,
|
|
2279
|
+
amountStringNormalized,
|
|
2280
|
+
decimalPart,
|
|
2281
|
+
integerPart
|
|
2282
|
+
};
|
|
2283
|
+
}
|
|
2284
|
+
function getCurrencyFormattingOptions(fiatCurrency, locale) {
|
|
2285
|
+
const parts = Intl.NumberFormat(locale, {
|
|
2286
|
+
currency: fiatCurrency,
|
|
2287
|
+
currencyDisplay: "narrowSymbol",
|
|
2288
|
+
style: "currency"
|
|
2289
|
+
}).formatToParts(123456789123456e-6);
|
|
2290
|
+
let currencySymbol = fiatCurrency;
|
|
2291
|
+
let decimals = 0;
|
|
2292
|
+
for (const part of parts) {
|
|
2293
|
+
if (part.type === "currency") {
|
|
2294
|
+
currencySymbol = part.value;
|
|
2295
|
+
} else if (part.type === "fraction") {
|
|
2296
|
+
decimals = part.value.length;
|
|
2297
|
+
}
|
|
2298
|
+
}
|
|
2299
|
+
return {
|
|
2300
|
+
currencySymbol,
|
|
2301
|
+
currencySymbolWithSpacing: currencySymbol.length > 1 ? `${currencySymbol} ` : currencySymbol,
|
|
2302
|
+
decimals
|
|
2303
|
+
};
|
|
2304
|
+
}
|
|
2305
|
+
function formatAssetAmountWithLocale(value, options) {
|
|
2306
|
+
return Intl.NumberFormat(options.locale, {
|
|
2307
|
+
maximumFractionDigits: ASSET_DECIMALS,
|
|
2308
|
+
minimumFractionDigits: ASSET_DECIMALS,
|
|
2309
|
+
style: "decimal"
|
|
2310
|
+
}).format(value);
|
|
2311
|
+
}
|
|
2312
|
+
function formatCurrencyAmountWithLocale(value, options) {
|
|
2313
|
+
const { decimals } = getCurrencyFormattingOptions(
|
|
2314
|
+
options.fiatCurrency,
|
|
2315
|
+
options.locale
|
|
2316
|
+
);
|
|
2317
|
+
return Intl.NumberFormat(options.locale, {
|
|
2318
|
+
maximumFractionDigits: decimals,
|
|
2319
|
+
minimumFractionDigits: decimals,
|
|
2320
|
+
style: "decimal"
|
|
2321
|
+
}).format(value);
|
|
2322
|
+
}
|
|
2323
|
+
function replaceStringRange(original, replacement, start, end) {
|
|
2324
|
+
return original.slice(0, Math.max(0, start)) + replacement + original.slice(end);
|
|
2325
|
+
}
|
|
2326
|
+
function reformatDecimalPart(decimalPart, decimals) {
|
|
2327
|
+
return decimalPart.slice(0, decimals);
|
|
2328
|
+
}
|
|
2329
|
+
function reformatIntegerPart(integerPart, locale, preserveLeadingZeroes) {
|
|
2330
|
+
const normalized = integerPart.replace(/[^0-9]/g, "") || "0";
|
|
2331
|
+
if (preserveLeadingZeroes) {
|
|
2332
|
+
return Intl.NumberFormat(locale).format(Number.parseInt(`1${normalized}`, 10)).replace(/^[1-9][^0-9]*/, "");
|
|
2333
|
+
}
|
|
2334
|
+
return Intl.NumberFormat(locale).format(Number.parseInt(normalized, 10));
|
|
2335
|
+
}
|
|
2238
2336
|
|
|
2239
2337
|
// src/providers/GeneralWalletProvider.tsx
|
|
2240
2338
|
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2 } from "@funkit/chains";
|
|
@@ -2348,6 +2446,7 @@ import {
|
|
|
2348
2446
|
HYPERDASH_API_KEY,
|
|
2349
2447
|
HYPERSWAP_API_KEY,
|
|
2350
2448
|
KATANA_API_KEY,
|
|
2449
|
+
MONKEY_TILT_API_KEY,
|
|
2351
2450
|
OSTIUM_API_KEY,
|
|
2352
2451
|
POLYMARKET_API_KEY,
|
|
2353
2452
|
SUSHI_API_KEY
|
|
@@ -2407,7 +2506,7 @@ var QR_CODE_EVM = {
|
|
|
2407
2506
|
// bsc
|
|
2408
2507
|
56: ["BNB", "WBNB", "ETH", "USDC", "USDT", "DAI", "BUSD", "BTCB"],
|
|
2409
2508
|
// abstract
|
|
2410
|
-
2741: ["USDC
|
|
2509
|
+
2741: ["USDC.e", "ETH", "WETH", "USDT"]
|
|
2411
2510
|
// hyperevm TODO: Enable once DLQ issue is patched
|
|
2412
2511
|
// 999: ['HYPE', 'WETH', 'USDT'],
|
|
2413
2512
|
};
|
|
@@ -2500,7 +2599,8 @@ var flagConfig = {
|
|
|
2500
2599
|
CAMBRIA_API_KEY,
|
|
2501
2600
|
HYPERBEAT_API_KEY,
|
|
2502
2601
|
HYPERSWAP_API_KEY,
|
|
2503
|
-
HYPERDASH_API_KEY
|
|
2602
|
+
HYPERDASH_API_KEY,
|
|
2603
|
+
MONKEY_TILT_API_KEY
|
|
2504
2604
|
]
|
|
2505
2605
|
}
|
|
2506
2606
|
],
|
|
@@ -3109,6 +3209,7 @@ import {
|
|
|
3109
3209
|
ETHEREAL_API_KEY,
|
|
3110
3210
|
HYPERBEAT_API_KEY as HYPERBEAT_API_KEY2,
|
|
3111
3211
|
KATANA_API_KEY as KATANA_API_KEY2,
|
|
3212
|
+
MONKEY_TILT_API_KEY as MONKEY_TILT_API_KEY2,
|
|
3112
3213
|
OSTIUM_API_KEY as OSTIUM_API_KEY2,
|
|
3113
3214
|
POLYMARKET_API_KEY as POLYMARKET_API_KEY2
|
|
3114
3215
|
} from "@funkit/api-base";
|
|
@@ -4835,7 +4936,8 @@ function useFunkitCheckout(props) {
|
|
|
4835
4936
|
initNewCheckout({
|
|
4836
4937
|
config: {
|
|
4837
4938
|
iconSrc: config.iconSrc ?? null,
|
|
4838
|
-
checkoutItemTitle: "
|
|
4939
|
+
checkoutItemTitle: "Withdraw",
|
|
4940
|
+
// currently unused for withdrawals but if left empty it fails validation
|
|
4839
4941
|
modalTitle: config.modalTitle,
|
|
4840
4942
|
modalTitleMeta: config.modalTitleMeta,
|
|
4841
4943
|
targetAsset: "0x",
|
|
@@ -5068,7 +5170,7 @@ function getCheckoutItemDisplay({
|
|
|
5068
5170
|
} = checkoutConfig;
|
|
5069
5171
|
if (isCheckoutPostActionRequired(checkoutConfig)) {
|
|
5070
5172
|
const itemName2 = checkoutItemTitle;
|
|
5071
|
-
return !hideAmount && targetAssetAmount > 0 ? formatCryptoAndStringify(targetAssetAmount, itemName2) : itemName2;
|
|
5173
|
+
return !hideAmount && targetAssetAmount > 0 ? formatCryptoAndStringify(round2(targetAssetAmount, 5), itemName2) : itemName2;
|
|
5072
5174
|
}
|
|
5073
5175
|
const itemName = targetAssetTicker || checkoutItemTitle;
|
|
5074
5176
|
return hideAmount ? itemName : formatCryptoAndStringify(targetAssetAmount, itemName);
|
|
@@ -5789,13 +5891,13 @@ var Text = React42.forwardRef(
|
|
|
5789
5891
|
Text.displayName = "Text";
|
|
5790
5892
|
|
|
5791
5893
|
// src/components/FunButton/FunButton.css.ts
|
|
5792
|
-
var accentLinkStyle = "_1tyx5nu3
|
|
5894
|
+
var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1oe";
|
|
5793
5895
|
var funButtonClickableStyle = "_1tyx5nu6";
|
|
5794
5896
|
var funButtonDisabledStyle = "_1tyx5nu8";
|
|
5795
5897
|
var funButtonNonClickableStyle = "_1tyx5nu7";
|
|
5796
5898
|
var pressedStyles = "_1tyx5nu1";
|
|
5797
5899
|
var transitionStyles = "_1tyx5nu0";
|
|
5798
|
-
var underlineLinkStyle = "_1tyx5nu5
|
|
5900
|
+
var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1mq";
|
|
5799
5901
|
|
|
5800
5902
|
// src/components/FunButton/FunLinkButton.tsx
|
|
5801
5903
|
function FunLinkButton({
|
|
@@ -5911,7 +6013,7 @@ import React46, {
|
|
|
5911
6013
|
} from "react";
|
|
5912
6014
|
|
|
5913
6015
|
// src/components/Icons/StatusIcons.css.ts
|
|
5914
|
-
var slots = { container: "_1rsrm2f4 _1rsrm2f18 _1rsrm2fa _1rsrm2f4g _1rsrm2fh2", icon: { secondary: "q7yway3 _1rsrm2f18
|
|
6016
|
+
var slots = { container: "_1rsrm2f4 _1rsrm2f18 _1rsrm2fa _1rsrm2f4g _1rsrm2fh2", icon: { secondary: "q7yway3 _1rsrm2f18 _1rsrm2f1mw _1rsrm2fh2", success: "q7yway5 _1rsrm2f18 _1rsrm2f1kq _1rsrm2fh2" }, background: { secondary: "q7yway7 _1rsrm2fne _1rsrm2f18 _1rsrm2f4a _1rsrm2fh0 _1rsrm2fi9", success: "q7yway9 _1rsrm2fl8 _1rsrm2f18 _1rsrm2f4a _1rsrm2fh0 _1rsrm2fi9" }, innerShadow: "q7ywayb _1rsrm2f18 _1rsrm2fh0" };
|
|
5915
6017
|
|
|
5916
6018
|
// src/components/Icons/StatusIcons.tsx
|
|
5917
6019
|
function CompletedStatusIcon(props) {
|
|
@@ -6134,7 +6236,7 @@ var WITHDRAWAL_TEXT_CONFIG_STEPS = {
|
|
|
6134
6236
|
...DEPOSIT_TEXT_CONFIG_STEPS,
|
|
6135
6237
|
2: {
|
|
6136
6238
|
title: "Withdrawing from your account...",
|
|
6137
|
-
description: "
|
|
6239
|
+
description: "Your funds will arrive in a few seconds."
|
|
6138
6240
|
}
|
|
6139
6241
|
};
|
|
6140
6242
|
var STEP_SPINNER_SIZE = 30;
|
|
@@ -7295,7 +7397,8 @@ var getStyleProps = (type, isDisabled) => {
|
|
|
7295
7397
|
hover: isDisabled ? void 0 : "buttonBackgroundHoverTertiary"
|
|
7296
7398
|
},
|
|
7297
7399
|
boxShadow: {
|
|
7298
|
-
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
|
|
7400
|
+
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
|
|
7401
|
+
hover: isDisabled ? void 0 : "buttonHoverShadow"
|
|
7299
7402
|
},
|
|
7300
7403
|
color: {
|
|
7301
7404
|
base: isDisabled ? "buttonTextDisabledTertiary" : "buttonTextTertiary"
|
|
@@ -7307,7 +7410,8 @@ var getStyleProps = (type, isDisabled) => {
|
|
|
7307
7410
|
base: "transparent"
|
|
7308
7411
|
},
|
|
7309
7412
|
boxShadow: {
|
|
7310
|
-
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
|
|
7413
|
+
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
|
|
7414
|
+
hover: isDisabled ? void 0 : "buttonHoverShadow"
|
|
7311
7415
|
},
|
|
7312
7416
|
color: {
|
|
7313
7417
|
base: isDisabled ? "buttonTextSecondaryDisabled" : "buttonTextSecondary"
|
|
@@ -7336,7 +7440,9 @@ var getStyleProps = (type, isDisabled) => {
|
|
|
7336
7440
|
},
|
|
7337
7441
|
color: isDisabled ? "buttonTextDisabled" : "buttonTextPrimary",
|
|
7338
7442
|
boxShadow: {
|
|
7339
|
-
|
|
7443
|
+
base: isDisabled ? "buttonDisabledShadow" : void 0,
|
|
7444
|
+
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
|
|
7445
|
+
hover: isDisabled ? void 0 : "buttonHoverShadow"
|
|
7340
7446
|
},
|
|
7341
7447
|
paddingX: "24",
|
|
7342
7448
|
paddingY: "10"
|
|
@@ -8091,7 +8197,6 @@ function Dialog({
|
|
|
8091
8197
|
withoutBottomPadding: withoutBottomPadding2 = false,
|
|
8092
8198
|
withTransition = true
|
|
8093
8199
|
}) {
|
|
8094
|
-
const { allowBackgroundScroll } = useFunkitConfig();
|
|
8095
8200
|
useEffect18(() => {
|
|
8096
8201
|
const handleEscape = (event) => open && event.key === "Escape" && onClose();
|
|
8097
8202
|
if (isSmartCloseable) {
|
|
@@ -8144,7 +8249,7 @@ function Dialog({
|
|
|
8144
8249
|
return null;
|
|
8145
8250
|
}
|
|
8146
8251
|
return createPortal(
|
|
8147
|
-
/* @__PURE__ */ React69.createElement(AnimatePresence3, null, open && /* @__PURE__ */ React69.createElement(RemoveScroll, { enabled:
|
|
8252
|
+
/* @__PURE__ */ React69.createElement(AnimatePresence3, null, open && /* @__PURE__ */ React69.createElement(RemoveScroll, { enabled: true, allowPinchZoom: true }, /* @__PURE__ */ React69.createElement(
|
|
8148
8253
|
Box,
|
|
8149
8254
|
{
|
|
8150
8255
|
...themeRootProps,
|
|
@@ -8688,209 +8793,208 @@ var SearchIcon = () => {
|
|
|
8688
8793
|
|
|
8689
8794
|
// src/components/FunInput/FunInput.css.ts
|
|
8690
8795
|
var baseWrapperStyles = "zue0i60";
|
|
8691
|
-
var inputClass = "zue0i63 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi
|
|
8692
|
-
var inputClassDisabled = "zue0i65 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi
|
|
8693
|
-
var inputClassError = "zue0i67 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi
|
|
8796
|
+
var inputClass = "zue0i63 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1mq";
|
|
8797
|
+
var inputClassDisabled = "zue0i65 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1o8";
|
|
8798
|
+
var inputClassError = "zue0i67 _1rsrm2fgf _1rsrm2fdo _1rsrm2fel _1rsrm2ffi _1rsrm2f1mq";
|
|
8694
8799
|
var numberInputResetStyle = "zue0i61";
|
|
8695
8800
|
|
|
8696
8801
|
// src/components/FunInput/FunInput.tsx
|
|
8697
8802
|
var DEFAULT_ICON_FONT_SIZE = "57px";
|
|
8698
|
-
var FunInput = forwardRef3(
|
|
8699
|
-
|
|
8700
|
-
|
|
8701
|
-
|
|
8702
|
-
|
|
8703
|
-
|
|
8704
|
-
|
|
8705
|
-
|
|
8706
|
-
|
|
8707
|
-
|
|
8708
|
-
|
|
8709
|
-
|
|
8710
|
-
|
|
8711
|
-
|
|
8712
|
-
|
|
8713
|
-
|
|
8714
|
-
|
|
8715
|
-
|
|
8716
|
-
|
|
8717
|
-
|
|
8718
|
-
|
|
8719
|
-
|
|
8720
|
-
|
|
8721
|
-
|
|
8722
|
-
|
|
8723
|
-
|
|
8724
|
-
|
|
8725
|
-
|
|
8726
|
-
|
|
8727
|
-
|
|
8728
|
-
|
|
8729
|
-
|
|
8730
|
-
|
|
8803
|
+
var FunInput = forwardRef3(function FunInputWithRef({
|
|
8804
|
+
prefix,
|
|
8805
|
+
suffix,
|
|
8806
|
+
prefixIcon,
|
|
8807
|
+
placeholder,
|
|
8808
|
+
value,
|
|
8809
|
+
label,
|
|
8810
|
+
onChange,
|
|
8811
|
+
onKeyDown,
|
|
8812
|
+
onKeySubmit,
|
|
8813
|
+
onPaste,
|
|
8814
|
+
onMouseDown,
|
|
8815
|
+
onFocus: userOnFocus,
|
|
8816
|
+
onBlur: userOnBlur,
|
|
8817
|
+
adornmentColor = "secondaryText",
|
|
8818
|
+
textWeight,
|
|
8819
|
+
inputStyle = {},
|
|
8820
|
+
inputProps = { type: "text" },
|
|
8821
|
+
error,
|
|
8822
|
+
alwaysFocused,
|
|
8823
|
+
overrideBorderWidth,
|
|
8824
|
+
overrideBackground,
|
|
8825
|
+
borderRadius = "connectButton",
|
|
8826
|
+
isLoading = false,
|
|
8827
|
+
allowMultiline = false
|
|
8828
|
+
// widthFitContent,
|
|
8829
|
+
}, ref) {
|
|
8830
|
+
const [focused, setFocused] = useState18(false);
|
|
8831
|
+
const onFocus = () => {
|
|
8832
|
+
setFocused(true);
|
|
8833
|
+
userOnFocus?.();
|
|
8834
|
+
};
|
|
8835
|
+
const onBlur = () => {
|
|
8836
|
+
setFocused(false);
|
|
8837
|
+
userOnBlur?.();
|
|
8838
|
+
};
|
|
8839
|
+
const isFocused = alwaysFocused || focused;
|
|
8840
|
+
const getBorderColor2 = () => {
|
|
8841
|
+
if (error) {
|
|
8842
|
+
return { base: "error" };
|
|
8843
|
+
}
|
|
8844
|
+
if (inputProps.disabled) {
|
|
8845
|
+
return { base: "inputBorderBase" };
|
|
8846
|
+
}
|
|
8847
|
+
if (isFocused) {
|
|
8848
|
+
return { base: "secondaryText" };
|
|
8849
|
+
}
|
|
8850
|
+
return {
|
|
8851
|
+
base: "inputBorderBase",
|
|
8852
|
+
hover: "inputBorderHover"
|
|
8731
8853
|
};
|
|
8732
|
-
|
|
8733
|
-
|
|
8734
|
-
|
|
8854
|
+
};
|
|
8855
|
+
const textareaRef = React72.useRef(null);
|
|
8856
|
+
useEffect20(() => {
|
|
8857
|
+
if (allowMultiline) {
|
|
8858
|
+
adjustTextareaHeight(textareaRef.current);
|
|
8859
|
+
}
|
|
8860
|
+
}, [allowMultiline, value]);
|
|
8861
|
+
const renderInputOrTextarea = () => {
|
|
8862
|
+
const commonProps = {
|
|
8863
|
+
// ref,
|
|
8864
|
+
value,
|
|
8865
|
+
placeholder,
|
|
8866
|
+
onChange,
|
|
8867
|
+
onKeyDown: (e) => {
|
|
8868
|
+
e.stopPropagation();
|
|
8869
|
+
onKeyDown?.(e);
|
|
8870
|
+
if (e.key === "Enter") {
|
|
8871
|
+
onKeySubmit?.();
|
|
8872
|
+
}
|
|
8873
|
+
},
|
|
8874
|
+
onPaste,
|
|
8875
|
+
onMouseDown,
|
|
8876
|
+
onFocus,
|
|
8877
|
+
onBlur,
|
|
8878
|
+
onWheel: (e) => {
|
|
8879
|
+
e.currentTarget.blur();
|
|
8880
|
+
},
|
|
8881
|
+
className: clsx9(
|
|
8882
|
+
error ? inputClassError : inputProps.disabled ? inputClassDisabled : inputClass,
|
|
8883
|
+
numberInputResetStyle
|
|
8884
|
+
),
|
|
8885
|
+
...inputProps,
|
|
8886
|
+
style: inputStyle,
|
|
8887
|
+
"data-auto-focus": inputProps.autoFocus
|
|
8735
8888
|
};
|
|
8736
|
-
const
|
|
8737
|
-
|
|
8738
|
-
if (
|
|
8739
|
-
|
|
8740
|
-
}
|
|
8741
|
-
if (inputProps.disabled) {
|
|
8742
|
-
return { base: "inputBorderBase" };
|
|
8889
|
+
const handleTextareaOnChange = (e) => {
|
|
8890
|
+
adjustTextareaHeight(textareaRef.current);
|
|
8891
|
+
if (onChange) {
|
|
8892
|
+
onChange(e);
|
|
8743
8893
|
}
|
|
8744
|
-
if (isFocused) {
|
|
8745
|
-
return { base: "secondaryText" };
|
|
8746
|
-
}
|
|
8747
|
-
return {
|
|
8748
|
-
base: "inputBorderBase",
|
|
8749
|
-
hover: "inputBorderHover"
|
|
8750
|
-
};
|
|
8751
8894
|
};
|
|
8752
|
-
const
|
|
8753
|
-
|
|
8754
|
-
if (
|
|
8755
|
-
|
|
8756
|
-
}
|
|
8757
|
-
}, [allowMultiline, value]);
|
|
8758
|
-
const renderInputOrTextarea = () => {
|
|
8759
|
-
const commonProps = {
|
|
8760
|
-
ref,
|
|
8761
|
-
value,
|
|
8762
|
-
placeholder,
|
|
8763
|
-
onChange,
|
|
8764
|
-
onKeyDown: (e) => {
|
|
8765
|
-
e.stopPropagation();
|
|
8766
|
-
if (onKeyDown) {
|
|
8767
|
-
if (e.target instanceof HTMLInputElement) {
|
|
8768
|
-
onKeyDown(e);
|
|
8769
|
-
} else if (e.target instanceof HTMLTextAreaElement) {
|
|
8770
|
-
onKeyDown(e);
|
|
8771
|
-
}
|
|
8772
|
-
}
|
|
8773
|
-
if (e.key === "Enter") {
|
|
8774
|
-
onKeySubmit?.();
|
|
8775
|
-
}
|
|
8776
|
-
},
|
|
8777
|
-
onPaste,
|
|
8778
|
-
onMouseDown,
|
|
8779
|
-
onFocus,
|
|
8780
|
-
onBlur,
|
|
8781
|
-
onWheel: (e) => e.currentTarget.blur(),
|
|
8782
|
-
className: clsx9(
|
|
8783
|
-
error ? inputClassError : inputProps.disabled ? inputClassDisabled : inputClass,
|
|
8784
|
-
numberInputResetStyle
|
|
8785
|
-
),
|
|
8786
|
-
...inputProps,
|
|
8787
|
-
style: inputStyle,
|
|
8788
|
-
"data-auto-focus": inputProps.autoFocus
|
|
8789
|
-
};
|
|
8790
|
-
const handleTextareaOnChange = (e) => {
|
|
8791
|
-
adjustTextareaHeight(textareaRef.current);
|
|
8792
|
-
if (onChange) {
|
|
8793
|
-
onChange(e);
|
|
8794
|
-
}
|
|
8795
|
-
};
|
|
8796
|
-
const handleTextAreaOnPaste = (e) => {
|
|
8797
|
-
adjustTextareaHeight(textareaRef.current);
|
|
8798
|
-
if (onPaste) {
|
|
8799
|
-
onPaste(e);
|
|
8800
|
-
}
|
|
8801
|
-
};
|
|
8802
|
-
if (allowMultiline) {
|
|
8803
|
-
return /* @__PURE__ */ React72.createElement(
|
|
8804
|
-
"textarea",
|
|
8805
|
-
{
|
|
8806
|
-
...commonProps,
|
|
8807
|
-
ref: (el) => {
|
|
8808
|
-
textareaRef.current = el;
|
|
8809
|
-
if (typeof ref === "function") {
|
|
8810
|
-
ref(el);
|
|
8811
|
-
} else if (ref && typeof ref === "object" && "current" in ref) {
|
|
8812
|
-
;
|
|
8813
|
-
ref.current = el;
|
|
8814
|
-
}
|
|
8815
|
-
},
|
|
8816
|
-
rows: 1,
|
|
8817
|
-
style: { ...inputStyle, resize: "none" },
|
|
8818
|
-
onChange: handleTextareaOnChange,
|
|
8819
|
-
onPaste: handleTextAreaOnPaste
|
|
8820
|
-
}
|
|
8821
|
-
);
|
|
8895
|
+
const handleTextAreaOnPaste = (e) => {
|
|
8896
|
+
adjustTextareaHeight(textareaRef.current);
|
|
8897
|
+
if (onPaste) {
|
|
8898
|
+
onPaste(e);
|
|
8822
8899
|
}
|
|
8900
|
+
};
|
|
8901
|
+
if (allowMultiline) {
|
|
8823
8902
|
return /* @__PURE__ */ React72.createElement(
|
|
8824
|
-
"
|
|
8903
|
+
"textarea",
|
|
8825
8904
|
{
|
|
8826
|
-
|
|
8827
|
-
|
|
8905
|
+
...commonProps,
|
|
8906
|
+
ref: (el) => {
|
|
8907
|
+
textareaRef.current = el;
|
|
8908
|
+
if (typeof ref === "function") {
|
|
8909
|
+
ref(el);
|
|
8910
|
+
} else if (ref && typeof ref === "object" && "current" in ref) {
|
|
8911
|
+
ref.current = el;
|
|
8912
|
+
}
|
|
8913
|
+
},
|
|
8914
|
+
rows: 1,
|
|
8915
|
+
style: { ...inputStyle, resize: "none" },
|
|
8916
|
+
onChange: handleTextareaOnChange,
|
|
8917
|
+
onPaste: handleTextAreaOnPaste
|
|
8828
8918
|
}
|
|
8829
8919
|
);
|
|
8830
|
-
}
|
|
8920
|
+
}
|
|
8831
8921
|
return /* @__PURE__ */ React72.createElement(
|
|
8922
|
+
"input",
|
|
8923
|
+
{
|
|
8924
|
+
...commonProps,
|
|
8925
|
+
ref: (el) => {
|
|
8926
|
+
if (typeof ref === "function") {
|
|
8927
|
+
ref(el);
|
|
8928
|
+
} else if (ref && typeof ref === "object" && "current" in ref) {
|
|
8929
|
+
ref.current = el;
|
|
8930
|
+
}
|
|
8931
|
+
},
|
|
8932
|
+
type: inputProps?.type || "text"
|
|
8933
|
+
}
|
|
8934
|
+
);
|
|
8935
|
+
};
|
|
8936
|
+
return /* @__PURE__ */ React72.createElement(
|
|
8937
|
+
Box,
|
|
8938
|
+
{
|
|
8939
|
+
color: "primaryText",
|
|
8940
|
+
display: "flex",
|
|
8941
|
+
flexDirection: "column",
|
|
8942
|
+
gap: "8",
|
|
8943
|
+
width: "full"
|
|
8944
|
+
},
|
|
8945
|
+
label && /* @__PURE__ */ React72.createElement(Text, { size: "12", weight: textWeight }, label),
|
|
8946
|
+
isLoading ? /* @__PURE__ */ React72.createElement(FunSkeletonBlock, { height: "44" }) : /* @__PURE__ */ React72.createElement(
|
|
8832
8947
|
Box,
|
|
8833
8948
|
{
|
|
8834
|
-
|
|
8949
|
+
borderRadius,
|
|
8950
|
+
fontFamily: "body",
|
|
8951
|
+
minWidth: "full",
|
|
8835
8952
|
display: "flex",
|
|
8836
|
-
|
|
8837
|
-
|
|
8838
|
-
|
|
8953
|
+
alignItems: allowMultiline ? "flex-start" : "center",
|
|
8954
|
+
color: adornmentColor,
|
|
8955
|
+
borderColor: getBorderColor2(),
|
|
8956
|
+
borderWidth: overrideBorderWidth ?? "1",
|
|
8957
|
+
borderStyle: "solid",
|
|
8958
|
+
fontWeight: "medium",
|
|
8959
|
+
fontSize: "13",
|
|
8960
|
+
className: baseWrapperStyles,
|
|
8961
|
+
background: overrideBackground || {
|
|
8962
|
+
base: "inputBackground",
|
|
8963
|
+
hover: "offBackground"
|
|
8964
|
+
}
|
|
8839
8965
|
},
|
|
8840
|
-
|
|
8841
|
-
|
|
8966
|
+
prefix && /* @__PURE__ */ React72.createElement(Box, { paddingLeft: "12", height: "max" }, prefix),
|
|
8967
|
+
prefixIcon === "SearchIcon" && /* @__PURE__ */ React72.createElement(
|
|
8842
8968
|
Box,
|
|
8843
8969
|
{
|
|
8844
|
-
borderRadius,
|
|
8845
|
-
fontFamily: "body",
|
|
8846
|
-
minWidth: "full",
|
|
8847
8970
|
display: "flex",
|
|
8848
|
-
|
|
8849
|
-
|
|
8850
|
-
|
|
8851
|
-
|
|
8852
|
-
borderStyle: "solid",
|
|
8853
|
-
fontWeight: "medium",
|
|
8854
|
-
fontSize: "13",
|
|
8855
|
-
className: baseWrapperStyles,
|
|
8856
|
-
background: overrideBackground || {
|
|
8857
|
-
base: "inputBackground",
|
|
8858
|
-
hover: "offBackground"
|
|
8859
|
-
}
|
|
8971
|
+
paddingLeft: "12",
|
|
8972
|
+
height: "max",
|
|
8973
|
+
alignItems: "center",
|
|
8974
|
+
color: isFocused ? "primaryText" : "secondaryText"
|
|
8860
8975
|
},
|
|
8861
|
-
|
|
8862
|
-
prefixIcon === "SearchIcon" && /* @__PURE__ */ React72.createElement(
|
|
8863
|
-
Box,
|
|
8864
|
-
{
|
|
8865
|
-
display: "flex",
|
|
8866
|
-
paddingLeft: "12",
|
|
8867
|
-
height: "max",
|
|
8868
|
-
alignItems: "center",
|
|
8869
|
-
color: isFocused ? "primaryText" : "secondaryText"
|
|
8870
|
-
},
|
|
8871
|
-
/* @__PURE__ */ React72.createElement(SearchIcon, null)
|
|
8872
|
-
),
|
|
8873
|
-
prefixIcon === "$" && /* @__PURE__ */ React72.createElement(Box, { display: "flex", alignItems: "center", paddingLeft: "32" }, /* @__PURE__ */ React72.createElement(
|
|
8874
|
-
DollarTextIcon,
|
|
8875
|
-
{
|
|
8876
|
-
fontSize: inputStyle.fontSize || DEFAULT_ICON_FONT_SIZE
|
|
8877
|
-
}
|
|
8878
|
-
)),
|
|
8879
|
-
renderInputOrTextarea(),
|
|
8880
|
-
suffix && /* @__PURE__ */ React72.createElement(
|
|
8881
|
-
Box,
|
|
8882
|
-
{
|
|
8883
|
-
paddingLeft: "4",
|
|
8884
|
-
paddingRight: "10",
|
|
8885
|
-
...allowMultiline ? { paddingTop: "9" } : {}
|
|
8886
|
-
},
|
|
8887
|
-
suffix
|
|
8888
|
-
)
|
|
8976
|
+
/* @__PURE__ */ React72.createElement(SearchIcon, null)
|
|
8889
8977
|
),
|
|
8890
|
-
|
|
8891
|
-
|
|
8892
|
-
|
|
8893
|
-
|
|
8978
|
+
prefixIcon === "$" && /* @__PURE__ */ React72.createElement(Box, { display: "flex", alignItems: "center", paddingLeft: "32" }, /* @__PURE__ */ React72.createElement(
|
|
8979
|
+
DollarTextIcon,
|
|
8980
|
+
{
|
|
8981
|
+
fontSize: inputStyle.fontSize || DEFAULT_ICON_FONT_SIZE
|
|
8982
|
+
}
|
|
8983
|
+
)),
|
|
8984
|
+
renderInputOrTextarea(),
|
|
8985
|
+
suffix && /* @__PURE__ */ React72.createElement(
|
|
8986
|
+
Box,
|
|
8987
|
+
{
|
|
8988
|
+
paddingLeft: "4",
|
|
8989
|
+
paddingRight: "10",
|
|
8990
|
+
...allowMultiline ? { paddingTop: "9" } : {}
|
|
8991
|
+
},
|
|
8992
|
+
suffix
|
|
8993
|
+
)
|
|
8994
|
+
),
|
|
8995
|
+
error && typeof error === "string" && /* @__PURE__ */ React72.createElement(Text, { color: "error", size: "10" }, error)
|
|
8996
|
+
);
|
|
8997
|
+
});
|
|
8894
8998
|
var adjustTextareaHeight = (textarea) => {
|
|
8895
8999
|
if (textarea) {
|
|
8896
9000
|
textarea.style.height = "auto";
|
|
@@ -9467,6 +9571,7 @@ function BaseDropdownItem({
|
|
|
9467
9571
|
onClick = noop3,
|
|
9468
9572
|
isSelected = false,
|
|
9469
9573
|
isDisabled = false,
|
|
9574
|
+
borderRadius = "connectButton",
|
|
9470
9575
|
horizontalIconGap = HORIZONTAL_ICON_GAP,
|
|
9471
9576
|
tagComponent,
|
|
9472
9577
|
horizontalPadding = "4",
|
|
@@ -9492,6 +9597,8 @@ function BaseDropdownItem({
|
|
|
9492
9597
|
className: clsx11(
|
|
9493
9598
|
isDisabled ? disabledDropdownItemStyles : enabledDropdownItemStyles
|
|
9494
9599
|
),
|
|
9600
|
+
boxShadow: isSelected ? "selectedDropdownItem" : void 0,
|
|
9601
|
+
borderRadius,
|
|
9495
9602
|
"aria-disabled": isDisabled
|
|
9496
9603
|
},
|
|
9497
9604
|
/* @__PURE__ */ React81.createElement(
|
|
@@ -9537,8 +9644,7 @@ var ChainDropdown = ({
|
|
|
9537
9644
|
isLoading,
|
|
9538
9645
|
alwaysOpenToTop,
|
|
9539
9646
|
maxDropdownHeight,
|
|
9540
|
-
tagComponent
|
|
9541
|
-
baseDropdownProps = {}
|
|
9647
|
+
tagComponent
|
|
9542
9648
|
}) => {
|
|
9543
9649
|
const defaultChainIdJson = useFlag(FlagKey8.TokenTransferDefaultChainId);
|
|
9544
9650
|
const defaultChainId = safeJSONParse(defaultChainIdJson);
|
|
@@ -9643,8 +9749,7 @@ var ChainDropdown = ({
|
|
|
9643
9749
|
}
|
|
9644
9750
|
return dropdownItem;
|
|
9645
9751
|
},
|
|
9646
|
-
preloadIconUrls: chainIds.map((id) => chainMetadataById[id].iconUrl)
|
|
9647
|
-
...baseDropdownProps
|
|
9752
|
+
preloadIconUrls: chainIds.map((id) => chainMetadataById[id].iconUrl)
|
|
9648
9753
|
}
|
|
9649
9754
|
);
|
|
9650
9755
|
};
|
|
@@ -9765,8 +9870,7 @@ var TokenDropdown = ({
|
|
|
9765
9870
|
onTokenSelected,
|
|
9766
9871
|
isLoading,
|
|
9767
9872
|
alwaysOpenToTop,
|
|
9768
|
-
maxDropdownHeight
|
|
9769
|
-
baseDropdownProps = {}
|
|
9873
|
+
maxDropdownHeight
|
|
9770
9874
|
}) => {
|
|
9771
9875
|
const defaultTokensJson = useFlag(FlagKey9.TokenTransferDefaultTokens);
|
|
9772
9876
|
const defaultTokens = safeJSONParse(defaultTokensJson);
|
|
@@ -9851,8 +9955,7 @@ var TokenDropdown = ({
|
|
|
9851
9955
|
}
|
|
9852
9956
|
);
|
|
9853
9957
|
},
|
|
9854
|
-
preloadIconUrls: allTokens.map((symbol) => getTokenIconUrl(symbol))
|
|
9855
|
-
...baseDropdownProps
|
|
9958
|
+
preloadIconUrls: allTokens.map((symbol) => getTokenIconUrl(symbol))
|
|
9856
9959
|
}
|
|
9857
9960
|
);
|
|
9858
9961
|
};
|
|
@@ -9865,8 +9968,8 @@ var TokenAndChainDropdown = ({
|
|
|
9865
9968
|
assets,
|
|
9866
9969
|
onTokenSelected,
|
|
9867
9970
|
onChainSelected,
|
|
9868
|
-
tokenLabel = "
|
|
9869
|
-
chainLabel = "
|
|
9971
|
+
tokenLabel = "Supported token",
|
|
9972
|
+
chainLabel = "Supported chain",
|
|
9870
9973
|
chainLabelAddon,
|
|
9871
9974
|
alwaysOpenToTop,
|
|
9872
9975
|
maxTokenDropdownHeight = 338,
|
|
@@ -9915,7 +10018,7 @@ import React86 from "react";
|
|
|
9915
10018
|
|
|
9916
10019
|
// src/components/FunInfoBanner/InfoBanner.css.ts
|
|
9917
10020
|
var anchorStyle = "vyedix0";
|
|
9918
|
-
var iconWrapperStyle = "vyedix2
|
|
10021
|
+
var iconWrapperStyle = "vyedix2 _1rsrm2fhj _1rsrm2f3k";
|
|
9919
10022
|
|
|
9920
10023
|
// src/components/FunInfoBanner/InfoBanner.tsx
|
|
9921
10024
|
var InfoBanner = ({ message, type }) => {
|
|
@@ -10263,7 +10366,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React89.createElement(
|
|
|
10263
10366
|
);
|
|
10264
10367
|
|
|
10265
10368
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
10266
|
-
var baseStyles2 = "
|
|
10369
|
+
var baseStyles2 = "_1rsrm2f1n2";
|
|
10267
10370
|
var expandableStyles = "vkwve32";
|
|
10268
10371
|
var feeLineHideStyles = "vkwve34";
|
|
10269
10372
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -12187,7 +12290,6 @@ var WithdrawContent = ({
|
|
|
12187
12290
|
}, [isPlaceholderData, confirmingQuote, isQuoteLoading, isInstantQuoting]);
|
|
12188
12291
|
const showCheckAddressAlert = false;
|
|
12189
12292
|
const wallets = usePreparedWalletConnectors();
|
|
12190
|
-
const { loginType } = useGeneralWallet();
|
|
12191
12293
|
const { apiKey } = useFunkitConfig();
|
|
12192
12294
|
const connectedWalletIconUrl = wallets.find(
|
|
12193
12295
|
(wallet) => wallet.id === connector?.id
|
|
@@ -12199,7 +12301,15 @@ var WithdrawContent = ({
|
|
|
12199
12301
|
selectedChainId
|
|
12200
12302
|
);
|
|
12201
12303
|
const isWithdrawAmountValid = Number(amount) > 0 && Number(amount) <= sourceTokenBalance;
|
|
12202
|
-
const
|
|
12304
|
+
const withdrawalWalletAddress = config.wallet.address();
|
|
12305
|
+
const showUseConnected = isConnected && connectedWalletAddress && withdrawalWalletAddress.toLowerCase() !== connectedWalletAddress.toLowerCase();
|
|
12306
|
+
useEffect27(() => {
|
|
12307
|
+
logger.debug("withdrawalContent:showUseConnected", {
|
|
12308
|
+
isConnected,
|
|
12309
|
+
connectedWalletAddress,
|
|
12310
|
+
withdrawalWalletAddress
|
|
12311
|
+
});
|
|
12312
|
+
}, [isConnected, connectedWalletAddress, withdrawalWalletAddress]);
|
|
12203
12313
|
const handleUseConnectedClick = () => {
|
|
12204
12314
|
if (!connectedWalletAddress) {
|
|
12205
12315
|
return;
|
|
@@ -12470,7 +12580,7 @@ function getCheckoutCompletionTime(checkout) {
|
|
|
12470
12580
|
}
|
|
12471
12581
|
|
|
12472
12582
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
|
|
12473
|
-
import React215, { useCallback as useCallback42, useMemo as
|
|
12583
|
+
import React215, { useCallback as useCallback42, useMemo as useMemo34, useState as useState61 } from "react";
|
|
12474
12584
|
import { createPortal as createPortal14 } from "react-dom";
|
|
12475
12585
|
|
|
12476
12586
|
// src/components/HelpAlert/HelpAlert.tsx
|
|
@@ -12671,7 +12781,7 @@ import {
|
|
|
12671
12781
|
formatSecondsToReadableForm as formatSecondsToReadableForm4,
|
|
12672
12782
|
formatTimestamp
|
|
12673
12783
|
} from "@funkit/utils";
|
|
12674
|
-
import React214, { useState as useState60, useRef as
|
|
12784
|
+
import React214, { useState as useState60, useRef as useRef22, useEffect as useEffect48 } from "react";
|
|
12675
12785
|
|
|
12676
12786
|
// src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
|
|
12677
12787
|
import React95 from "react";
|
|
@@ -14703,7 +14813,7 @@ var BankIconActive = ({ size = 20 }) => {
|
|
|
14703
14813
|
|
|
14704
14814
|
// src/components/FunConnectOptions/FunSignInStep.tsx
|
|
14705
14815
|
import { groupBy, isMobile as isMobile8, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
|
|
14706
|
-
import React209, { Fragment as Fragment2, useCallback as useCallback41, useMemo as
|
|
14816
|
+
import React209, { Fragment as Fragment2, useCallback as useCallback41, useMemo as useMemo33, useState as useState59 } from "react";
|
|
14707
14817
|
|
|
14708
14818
|
// src/providers/walletConnectDeepLink.ts
|
|
14709
14819
|
var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
|
|
@@ -15121,7 +15231,7 @@ var SocialsIcon = () => {
|
|
|
15121
15231
|
};
|
|
15122
15232
|
|
|
15123
15233
|
// src/components/FunConnectOptions/FunConnectOptions.tsx
|
|
15124
|
-
import React208, { useCallback as useCallback40, useMemo as
|
|
15234
|
+
import React208, { useCallback as useCallback40, useMemo as useMemo32, useState as useState58 } from "react";
|
|
15125
15235
|
|
|
15126
15236
|
// src/hooks/useAnimatedNavigation.ts
|
|
15127
15237
|
import { useCallback as useCallback19, useState as useState29 } from "react";
|
|
@@ -15191,12 +15301,12 @@ function useAnimatedNavigation(callback) {
|
|
|
15191
15301
|
|
|
15192
15302
|
// src/components/FunCheckoutModalHeightAnimationWrapper/FunCheckoutModalHeightAnimationWrapper.tsx
|
|
15193
15303
|
import { motion as motion11 } from "motion/react";
|
|
15194
|
-
import React197, { useEffect as
|
|
15304
|
+
import React197, { useEffect as useEffect43, useRef as useRef20, useState as useState55 } from "react";
|
|
15195
15305
|
|
|
15196
15306
|
// src/modals/CheckoutModal/stepTransition.ts
|
|
15197
15307
|
import {
|
|
15198
15308
|
useCallback as useCallback36,
|
|
15199
|
-
useRef as
|
|
15309
|
+
useRef as useRef19,
|
|
15200
15310
|
useState as useState54
|
|
15201
15311
|
} from "react";
|
|
15202
15312
|
|
|
@@ -16813,6 +16923,7 @@ var mapFontLineHeightToNumberFlowHeight = {
|
|
|
16813
16923
|
"20px": "21px",
|
|
16814
16924
|
"48px": "60px"
|
|
16815
16925
|
};
|
|
16926
|
+
var defaultTransition = "all 150ms cubic-bezier(0.3, 0, 0.06, 1)";
|
|
16816
16927
|
|
|
16817
16928
|
// src/hooks/useReceiveAmountLabel.ts
|
|
16818
16929
|
function useReceiveAmountLabel(_) {
|
|
@@ -16925,12 +17036,14 @@ function PaymentAmountSummary({
|
|
|
16925
17036
|
directExecutionType = null
|
|
16926
17037
|
}) {
|
|
16927
17038
|
const { textCustomizations, uiCustomizations } = useFunkitConfig();
|
|
17039
|
+
const paymentMethod = checkoutItem?.selectedPaymentMethodInfo?.paymentMethod;
|
|
16928
17040
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
16929
17041
|
const sourceAssetInfo = checkoutItem?.selectedSourceAssetInfo;
|
|
16930
17042
|
const sourceSymbol = sourceAssetInfo?.symbol ?? "";
|
|
16931
17043
|
const sourceTokenAddress = sourceAssetInfo?.address ?? "0x";
|
|
16932
17044
|
const sourceTokenChainId = sourceAssetInfo?.chainId ?? "";
|
|
16933
17045
|
const targetTokenAddress = checkoutConfig?.targetAsset ?? "0x";
|
|
17046
|
+
const isCardPayment = paymentMethod === "card" /* CARD */;
|
|
16934
17047
|
const receiveAmountLabel = useReceiveAmountLabel({
|
|
16935
17048
|
directExecutionType,
|
|
16936
17049
|
isSameToken: isTokenEquivalent3({
|
|
@@ -16967,18 +17080,9 @@ function PaymentAmountSummary({
|
|
|
16967
17080
|
firstTokenAddress: sourceTokenAddress,
|
|
16968
17081
|
secondTokenAddress: targetTokenAddress
|
|
16969
17082
|
});
|
|
16970
|
-
const
|
|
16971
|
-
|
|
16972
|
-
|
|
16973
|
-
return true;
|
|
16974
|
-
}
|
|
16975
|
-
const areSameTokenType = targetAssetTicker !== void 0 && (sourceSymbol.includes(targetAssetTicker) || targetAssetTicker.includes(sourceSymbol));
|
|
16976
|
-
if (areSameTokenType) {
|
|
16977
|
-
return false;
|
|
16978
|
-
}
|
|
16979
|
-
return !isExactSameToken;
|
|
16980
|
-
};
|
|
16981
|
-
return /* @__PURE__ */ React138.createElement(FunTxSummaryBox, null, showYouWillPaySummary() && /* @__PURE__ */ React138.createElement(React138.Fragment, null, /* @__PURE__ */ React138.createElement(
|
|
17083
|
+
const isExactSameToken = areSameChains && isSameTokenAddress;
|
|
17084
|
+
const showYouWillPaySummary = !isExactSameToken && !isCardPayment;
|
|
17085
|
+
return /* @__PURE__ */ React138.createElement(FunTxSummaryBox, null, showYouWillPaySummary && /* @__PURE__ */ React138.createElement(React138.Fragment, null, /* @__PURE__ */ React138.createElement(
|
|
16982
17086
|
PaymentAmountSummaryItem,
|
|
16983
17087
|
{
|
|
16984
17088
|
label: textCustomizations.confirmationScreen.payAmountLabel,
|
|
@@ -17906,8 +18010,8 @@ import { noop as noop7 } from "@funkit/utils";
|
|
|
17906
18010
|
import React147, { useCallback as useCallback24, useEffect as useEffect32, useState as useState37 } from "react";
|
|
17907
18011
|
|
|
17908
18012
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
17909
|
-
var backgroundRing = "_1t0bc111
|
|
17910
|
-
var counterRing = "_1t0bc113
|
|
18013
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f1jq";
|
|
18014
|
+
var counterRing = "_1t0bc113 _1rsrm2f1hw";
|
|
17911
18015
|
|
|
17912
18016
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
17913
18017
|
var FunCountdown = ({
|
|
@@ -18584,7 +18688,7 @@ function DirectExecutionNotifCenter({
|
|
|
18584
18688
|
|
|
18585
18689
|
// src/modals/CheckoutModal/InputAmount/InputAmount.tsx
|
|
18586
18690
|
import { isMobile as isMobile6 } from "@funkit/utils";
|
|
18587
|
-
import React165, { useEffect as
|
|
18691
|
+
import React165, { useEffect as useEffect36 } from "react";
|
|
18588
18692
|
|
|
18589
18693
|
// src/hooks/queries/useMeldCurrencies.ts
|
|
18590
18694
|
import { getMeldSupportedFiat } from "@funkit/api-base";
|
|
@@ -18775,14 +18879,15 @@ var useMeldLimitError = (amount, fiatCurrency) => {
|
|
|
18775
18879
|
};
|
|
18776
18880
|
|
|
18777
18881
|
// src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
|
|
18882
|
+
import { MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
|
|
18778
18883
|
import {
|
|
18779
18884
|
FlagKey as FlagKey22,
|
|
18780
|
-
formatCryptoAndStringify as
|
|
18781
|
-
formatCurrencyAndStringify as
|
|
18885
|
+
formatCryptoAndStringify as formatCryptoAndStringify4,
|
|
18886
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify9,
|
|
18782
18887
|
isTokenEquivalent as isTokenEquivalent5,
|
|
18783
|
-
round as
|
|
18888
|
+
round as round4
|
|
18784
18889
|
} from "@funkit/utils";
|
|
18785
|
-
import React163, { useMemo as
|
|
18890
|
+
import React163, { useMemo as useMemo21 } from "react";
|
|
18786
18891
|
|
|
18787
18892
|
// src/components/CurrencySelector/CurrencySelector.tsx
|
|
18788
18893
|
import React152 from "react";
|
|
@@ -18877,6 +18982,7 @@ var getCurrencySymbol = (currencyCode) => {
|
|
|
18877
18982
|
// src/components/MeldQuoteItem/MeldQuoteItem.tsx
|
|
18878
18983
|
var providerLabelMap = {
|
|
18879
18984
|
COINBASEPAY: "Coinbase Pay",
|
|
18985
|
+
MOONPAY: "MoonPay",
|
|
18880
18986
|
STRIPE: "Stripe",
|
|
18881
18987
|
TOPPER: "Topper",
|
|
18882
18988
|
PAYPAL: "PayPal",
|
|
@@ -18910,6 +19016,7 @@ var providerLabelMap = {
|
|
|
18910
19016
|
var MeldQuoteItem = ({
|
|
18911
19017
|
quote,
|
|
18912
19018
|
isBestQuote,
|
|
19019
|
+
bestQuoteLabel,
|
|
18913
19020
|
onClick,
|
|
18914
19021
|
isDisabled = false,
|
|
18915
19022
|
isActive = false
|
|
@@ -18963,6 +19070,7 @@ var MeldQuoteItem = ({
|
|
|
18963
19070
|
{
|
|
18964
19071
|
serviceProvider: quote.serviceProvider,
|
|
18965
19072
|
isBest: isBestQuote,
|
|
19073
|
+
bestQuoteLabel,
|
|
18966
19074
|
shouldBuyMore: customerScore ? customerScore >= 30 : false,
|
|
18967
19075
|
hasDocumentUpload: !lowKyc
|
|
18968
19076
|
}
|
|
@@ -18987,6 +19095,7 @@ var SourceMeldQuoteItem = ({
|
|
|
18987
19095
|
onClick,
|
|
18988
19096
|
isLoading,
|
|
18989
19097
|
isBestQuote,
|
|
19098
|
+
bestQuoteLabel,
|
|
18990
19099
|
isPreselected,
|
|
18991
19100
|
disabled,
|
|
18992
19101
|
error
|
|
@@ -19019,7 +19128,8 @@ var SourceMeldQuoteItem = ({
|
|
|
19019
19128
|
MeldProviderLabel,
|
|
19020
19129
|
{
|
|
19021
19130
|
serviceProvider: quote.serviceProvider,
|
|
19022
|
-
isBest: isBestQuote
|
|
19131
|
+
isBest: isBestQuote,
|
|
19132
|
+
bestQuoteLabel
|
|
19023
19133
|
}
|
|
19024
19134
|
)) : /* @__PURE__ */ React155.createElement(Text, { size: "12", color: "secondaryText", weight: "medium" }, "No quotes found")), /* @__PURE__ */ React155.createElement(ArrowIcon, { direction: "right", size: 16 }))
|
|
19025
19135
|
);
|
|
@@ -19027,6 +19137,7 @@ var SourceMeldQuoteItem = ({
|
|
|
19027
19137
|
var MeldProviderLabel = ({
|
|
19028
19138
|
serviceProvider,
|
|
19029
19139
|
isBest,
|
|
19140
|
+
bestQuoteLabel = "Best price, Fastest",
|
|
19030
19141
|
shouldBuyMore = false,
|
|
19031
19142
|
hasDocumentUpload = true
|
|
19032
19143
|
}) => {
|
|
@@ -19037,7 +19148,7 @@ var MeldProviderLabel = ({
|
|
|
19037
19148
|
size: "10",
|
|
19038
19149
|
style: { whiteSpace: "nowrap" }
|
|
19039
19150
|
},
|
|
19040
|
-
|
|
19151
|
+
bestQuoteLabel
|
|
19041
19152
|
));
|
|
19042
19153
|
};
|
|
19043
19154
|
|
|
@@ -19852,6 +19963,16 @@ function autoPickBestQuote(quotes) {
|
|
|
19852
19963
|
const coinbaseOrBinance = quotes.filter(
|
|
19853
19964
|
(q) => q.serviceProvider === MeldServiceProvider.COINBASEPAY || q.serviceProvider === MeldServiceProvider.BINANCECONNECT
|
|
19854
19965
|
);
|
|
19966
|
+
const coinbase = coinbaseOrBinance.find(
|
|
19967
|
+
(q) => q.serviceProvider === MeldServiceProvider.COINBASEPAY
|
|
19968
|
+
);
|
|
19969
|
+
const moonpay = quotes.find(
|
|
19970
|
+
(q) => q.serviceProvider === MeldServiceProvider.MOONPAY
|
|
19971
|
+
);
|
|
19972
|
+
const isCoinbaseOneToOne = coinbase && coinbase.destinationAmount === coinbase.sourceAmount;
|
|
19973
|
+
if (moonpay && !coinbase || moonpay && !isCoinbaseOneToOne) {
|
|
19974
|
+
return moonpay;
|
|
19975
|
+
}
|
|
19855
19976
|
if (coinbaseOrBinance.length > 0) {
|
|
19856
19977
|
const highestCoinbaseOrBinanceDestAmount = [...coinbaseOrBinance].sort(
|
|
19857
19978
|
(a, b) => (b.destinationAmount ?? 0) - (a.destinationAmount ?? 0)
|
|
@@ -19882,6 +20003,9 @@ function isBestPriceQuote(sourceQuotes, targetQuote) {
|
|
|
19882
20003
|
if (!sourceQuotes || sourceQuotes.length === 0 || !targetQuote) {
|
|
19883
20004
|
return false;
|
|
19884
20005
|
}
|
|
20006
|
+
if (targetQuote.serviceProvider === MeldServiceProvider.MOONPAY) {
|
|
20007
|
+
return true;
|
|
20008
|
+
}
|
|
19885
20009
|
for (const q of sourceQuotes) {
|
|
19886
20010
|
if (q.destinationAmount > targetQuote.destinationAmount) {
|
|
19887
20011
|
return false;
|
|
@@ -19889,6 +20013,26 @@ function isBestPriceQuote(sourceQuotes, targetQuote) {
|
|
|
19889
20013
|
}
|
|
19890
20014
|
return true;
|
|
19891
20015
|
}
|
|
20016
|
+
function createMoonpayMeldQuote(quote) {
|
|
20017
|
+
const FEE_ADJUSTMENT = 0.995;
|
|
20018
|
+
const destinationAmount = quote.destinationAmount * FEE_ADJUSTMENT;
|
|
20019
|
+
return {
|
|
20020
|
+
...quote,
|
|
20021
|
+
destinationAmount,
|
|
20022
|
+
lowKyc: null,
|
|
20023
|
+
serviceProvider: MeldServiceProvider.MOONPAY
|
|
20024
|
+
};
|
|
20025
|
+
}
|
|
20026
|
+
function withMoonpayMeldQuote(quotes) {
|
|
20027
|
+
if (!quotes) {
|
|
20028
|
+
return quotes;
|
|
20029
|
+
}
|
|
20030
|
+
const topQuote = quotes[0];
|
|
20031
|
+
const moonpay = createMoonpayMeldQuote(topQuote);
|
|
20032
|
+
return [moonpay, ...quotes].sort(
|
|
20033
|
+
(a, b) => b.destinationAmount - a.destinationAmount
|
|
20034
|
+
);
|
|
20035
|
+
}
|
|
19892
20036
|
|
|
19893
20037
|
// src/modals/CheckoutModal/MeldQuotes/useMeldLink.tsx
|
|
19894
20038
|
import { startMeldSession } from "@funkit/api-base";
|
|
@@ -19935,6 +20079,7 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
|
|
|
19935
20079
|
const { apiKey } = useFunkitConfig();
|
|
19936
20080
|
const { isAway } = useUserPresence();
|
|
19937
20081
|
const destinationCurrencyCode = useMeldCryptoCurrencyCode();
|
|
20082
|
+
const isPolymarket = isPolymarketCustomer(apiKey);
|
|
19938
20083
|
const sourceCurrencyCode = fiatCurrency || "USD";
|
|
19939
20084
|
const query = useQuery15({
|
|
19940
20085
|
queryKey: [
|
|
@@ -19976,10 +20121,12 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
|
|
|
19976
20121
|
autoRestart: true
|
|
19977
20122
|
});
|
|
19978
20123
|
const isOutdated = sourceAmount !== debouncedSourceAmount;
|
|
20124
|
+
const data = isPolymarket ? withMoonpayMeldQuote(query.data) : query.data;
|
|
19979
20125
|
return {
|
|
19980
20126
|
countdown,
|
|
19981
20127
|
query: {
|
|
19982
20128
|
...query,
|
|
20129
|
+
data,
|
|
19983
20130
|
error: isOutdated ? null : query.error,
|
|
19984
20131
|
isError: query.isError && !isOutdated,
|
|
19985
20132
|
isOutdated
|
|
@@ -20011,97 +20158,138 @@ var SwitchIcon = () => {
|
|
|
20011
20158
|
);
|
|
20012
20159
|
};
|
|
20013
20160
|
|
|
20014
|
-
// src/
|
|
20015
|
-
import {
|
|
20016
|
-
|
|
20017
|
-
|
|
20018
|
-
|
|
20019
|
-
|
|
20020
|
-
|
|
20021
|
-
|
|
20022
|
-
|
|
20023
|
-
|
|
20024
|
-
|
|
20025
|
-
|
|
20026
|
-
|
|
20027
|
-
|
|
20028
|
-
|
|
20029
|
-
|
|
20030
|
-
|
|
20031
|
-
|
|
20032
|
-
|
|
20033
|
-
|
|
20034
|
-
|
|
20035
|
-
|
|
20036
|
-
|
|
20037
|
-
|
|
20038
|
-
|
|
20039
|
-
|
|
20040
|
-
|
|
20041
|
-
|
|
20042
|
-
|
|
20043
|
-
|
|
20044
|
-
|
|
20045
|
-
|
|
20046
|
-
|
|
20047
|
-
|
|
20048
|
-
|
|
20049
|
-
|
|
20050
|
-
|
|
20051
|
-
|
|
20052
|
-
|
|
20053
|
-
|
|
20054
|
-
|
|
20055
|
-
|
|
20056
|
-
|
|
20057
|
-
|
|
20058
|
-
|
|
20059
|
-
|
|
20060
|
-
|
|
20061
|
-
|
|
20062
|
-
|
|
20063
|
-
|
|
20064
|
-
|
|
20065
|
-
|
|
20066
|
-
|
|
20067
|
-
|
|
20068
|
-
|
|
20069
|
-
|
|
20070
|
-
|
|
20071
|
-
})
|
|
20072
|
-
|
|
20073
|
-
|
|
20074
|
-
|
|
20075
|
-
|
|
20076
|
-
|
|
20077
|
-
|
|
20078
|
-
|
|
20079
|
-
|
|
20080
|
-
|
|
20081
|
-
|
|
20082
|
-
|
|
20083
|
-
|
|
20084
|
-
|
|
20085
|
-
|
|
20086
|
-
|
|
20087
|
-
|
|
20088
|
-
|
|
20089
|
-
|
|
20090
|
-
|
|
20091
|
-
|
|
20092
|
-
|
|
20093
|
-
|
|
20094
|
-
|
|
20095
|
-
|
|
20096
|
-
|
|
20097
|
-
|
|
20098
|
-
|
|
20099
|
-
|
|
20100
|
-
|
|
20101
|
-
|
|
20102
|
-
|
|
20103
|
-
|
|
20104
|
-
|
|
20161
|
+
// src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
|
|
20162
|
+
import {
|
|
20163
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14,
|
|
20164
|
+
hyperEvmChain,
|
|
20165
|
+
katanaChain
|
|
20166
|
+
} from "@funkit/chains";
|
|
20167
|
+
import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
|
|
20168
|
+
import { useCallback as useCallback27, useState as useState41 } from "react";
|
|
20169
|
+
import { mainnet as mainnet7, mantle, zksync as zksync2 } from "viem/chains";
|
|
20170
|
+
var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
|
|
20171
|
+
if (!checkoutItem?.initSettings.config.targetChain) {
|
|
20172
|
+
throw new Error("pickSourceAssetForCard: Missing targetChain");
|
|
20173
|
+
}
|
|
20174
|
+
logger.log("pickSourceAssetForCard:begin", checkoutItem.initSettings.config);
|
|
20175
|
+
const isNyOrTxOrVi = userIpInfo ? userIpInfo.alpha2 === "US" && ["NY", "TX", "VI"].includes(userIpInfo.state) : false;
|
|
20176
|
+
const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
|
|
20177
|
+
const moonpayChainId = getMockedTargetChainId(
|
|
20178
|
+
checkoutItem.initSettings.config,
|
|
20179
|
+
[
|
|
20180
|
+
zksync2.id.toString(),
|
|
20181
|
+
mantle.id.toString(),
|
|
20182
|
+
katanaChain.id.toString(),
|
|
20183
|
+
hyperEvmChain.id.toString()
|
|
20184
|
+
]
|
|
20185
|
+
);
|
|
20186
|
+
const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
|
|
20187
|
+
const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
|
|
20188
|
+
checkoutItem.initSettings.config.targetAsset
|
|
20189
|
+
) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
|
|
20190
|
+
let sourceTokenAddress;
|
|
20191
|
+
let sourceTokenTicker;
|
|
20192
|
+
let sourceTokenChainId;
|
|
20193
|
+
if (isCanada) {
|
|
20194
|
+
sourceTokenTicker = "ETH" /* ETH */;
|
|
20195
|
+
sourceTokenAddress = NATIVE_TOKEN;
|
|
20196
|
+
sourceTokenChainId = moonpayChainId;
|
|
20197
|
+
} else {
|
|
20198
|
+
sourceTokenChainId = isNyOrTxOrVi ? mainnet7.id.toString() : moonpayChainId;
|
|
20199
|
+
if (isTargetAssetEthOrWeth) {
|
|
20200
|
+
sourceTokenTicker = "ETH" /* ETH */;
|
|
20201
|
+
sourceTokenAddress = NATIVE_TOKEN;
|
|
20202
|
+
} else {
|
|
20203
|
+
sourceTokenTicker = "USDC" /* USDC */;
|
|
20204
|
+
sourceTokenAddress = await getTokenAddressBySymbolAndChainId2(
|
|
20205
|
+
"USDC" /* USDC */,
|
|
20206
|
+
sourceTokenChainId
|
|
20207
|
+
);
|
|
20208
|
+
}
|
|
20209
|
+
}
|
|
20210
|
+
logger.log("pickSourceAssetForCard:result", {
|
|
20211
|
+
targetAssetInfo: checkoutItem?.initSettings.config,
|
|
20212
|
+
isNyOrTxOrVi,
|
|
20213
|
+
isCanada,
|
|
20214
|
+
isTargetAssetEthOrWeth,
|
|
20215
|
+
sourceTokenAddress,
|
|
20216
|
+
sourceTokenChainId,
|
|
20217
|
+
sourceTokenTicker
|
|
20218
|
+
});
|
|
20219
|
+
return {
|
|
20220
|
+
sourceTokenAddress,
|
|
20221
|
+
sourceTokenTicker,
|
|
20222
|
+
sourceTokenChainId
|
|
20223
|
+
};
|
|
20224
|
+
};
|
|
20225
|
+
function useUpdateCardSourceAsset() {
|
|
20226
|
+
const { checkoutItem, updateSourceAsset } = useCheckoutContext();
|
|
20227
|
+
const { userIpInfo } = useFunkitUserIp();
|
|
20228
|
+
const [isUpdating, setIsUpdating] = useState41(false);
|
|
20229
|
+
const onSelectCard = useCallback27(async () => {
|
|
20230
|
+
setIsUpdating(true);
|
|
20231
|
+
try {
|
|
20232
|
+
const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
|
|
20233
|
+
updateSourceAsset({
|
|
20234
|
+
tokenAddress: source.sourceTokenAddress,
|
|
20235
|
+
symbol: source.sourceTokenTicker,
|
|
20236
|
+
pickedChainId: source.sourceTokenChainId,
|
|
20237
|
+
iconSrc: void 0
|
|
20238
|
+
});
|
|
20239
|
+
} finally {
|
|
20240
|
+
setIsUpdating(false);
|
|
20241
|
+
}
|
|
20242
|
+
}, [checkoutItem, updateSourceAsset, userIpInfo]);
|
|
20243
|
+
return { onSelectCard, isUpdating };
|
|
20244
|
+
}
|
|
20245
|
+
|
|
20246
|
+
// src/modals/CheckoutModal/InputAmount/InputAmountLayout.tsx
|
|
20247
|
+
import { isMobile as isMobile5 } from "@funkit/utils";
|
|
20248
|
+
import React161 from "react";
|
|
20249
|
+
import { createPortal as createPortal9 } from "react-dom";
|
|
20250
|
+
function InputAmountLayout({
|
|
20251
|
+
actionButtonProps,
|
|
20252
|
+
amountOptions,
|
|
20253
|
+
fiatCurrencySelector,
|
|
20254
|
+
amountInput,
|
|
20255
|
+
amountInputSwitch,
|
|
20256
|
+
header,
|
|
20257
|
+
footer,
|
|
20258
|
+
error
|
|
20259
|
+
}) {
|
|
20260
|
+
const funkitConfig = useFunkitConfig();
|
|
20261
|
+
const uiCustomizations = funkitConfig.uiCustomizations?.inputAmountScreen;
|
|
20262
|
+
const allowTokenAmountInput = uiCustomizations?.allowTokenAmountInput ?? true;
|
|
20263
|
+
const bottomSectionRef = useBottomSectionRef();
|
|
20264
|
+
return /* @__PURE__ */ React161.createElement(Box, { display: "flex", flexDirection: "column", width: "full", style: { flex: 1 } }, /* @__PURE__ */ React161.createElement(
|
|
20265
|
+
Box,
|
|
20266
|
+
{
|
|
20267
|
+
display: "flex",
|
|
20268
|
+
flexDirection: "column",
|
|
20269
|
+
justifyContent: "center",
|
|
20270
|
+
alignItems: "center",
|
|
20271
|
+
width: "full",
|
|
20272
|
+
style: { flex: 1 }
|
|
20273
|
+
},
|
|
20274
|
+
header,
|
|
20275
|
+
/* @__PURE__ */ React161.createElement(
|
|
20276
|
+
Box,
|
|
20277
|
+
{
|
|
20278
|
+
display: "flex",
|
|
20279
|
+
style: { flex: 1 },
|
|
20280
|
+
flexDirection: "column",
|
|
20281
|
+
alignItems: "center",
|
|
20282
|
+
justifyContent: "center",
|
|
20283
|
+
gap: "24",
|
|
20284
|
+
width: "full"
|
|
20285
|
+
},
|
|
20286
|
+
/* @__PURE__ */ React161.createElement(
|
|
20287
|
+
Box,
|
|
20288
|
+
{
|
|
20289
|
+
display: "flex",
|
|
20290
|
+
flexDirection: "column",
|
|
20291
|
+
alignItems: "center",
|
|
20292
|
+
justifyContent: "center",
|
|
20105
20293
|
gap: "8",
|
|
20106
20294
|
width: "full"
|
|
20107
20295
|
},
|
|
@@ -20234,23 +20422,50 @@ var QuickOptions = ({
|
|
|
20234
20422
|
};
|
|
20235
20423
|
|
|
20236
20424
|
// src/modals/CheckoutModal/InputAmount/useAmountInput.ts
|
|
20237
|
-
import { useCallback as useCallback28, useEffect as useEffect36, useReducer as useReducer3 } from "react";
|
|
20238
20425
|
import {
|
|
20239
|
-
|
|
20240
|
-
|
|
20241
|
-
|
|
20426
|
+
useCallback as useCallback29,
|
|
20427
|
+
useEffect as useEffect35,
|
|
20428
|
+
useMemo as useMemo20,
|
|
20429
|
+
useReducer as useReducer3,
|
|
20430
|
+
useRef as useRef17,
|
|
20431
|
+
useState as useState42
|
|
20432
|
+
} from "react";
|
|
20242
20433
|
|
|
20243
|
-
// src/
|
|
20244
|
-
import {
|
|
20245
|
-
function
|
|
20246
|
-
const
|
|
20247
|
-
|
|
20248
|
-
|
|
20249
|
-
|
|
20250
|
-
|
|
20251
|
-
|
|
20434
|
+
// src/hooks/useTextMeasurer.ts
|
|
20435
|
+
import { useCallback as useCallback28, useRef as useRef16 } from "react";
|
|
20436
|
+
function useTextMeasurer(inputRef) {
|
|
20437
|
+
const canvasRef = useRef16(document.createElement("canvas"));
|
|
20438
|
+
const measureText = useCallback28(
|
|
20439
|
+
(text, fontSize) => {
|
|
20440
|
+
if (!inputRef.current) {
|
|
20441
|
+
return void 0;
|
|
20442
|
+
}
|
|
20443
|
+
const context = canvasRef.current.getContext("2d");
|
|
20444
|
+
if (!context) {
|
|
20445
|
+
return void 0;
|
|
20446
|
+
}
|
|
20447
|
+
const style = window.getComputedStyle(inputRef.current);
|
|
20448
|
+
context.font = `${style.fontWeight} ${fontSize ? `${fontSize}px` : style.fontSize} ${style.fontFamily}`;
|
|
20449
|
+
return Math.ceil(context.measureText(text).width);
|
|
20450
|
+
},
|
|
20451
|
+
[inputRef]
|
|
20252
20452
|
);
|
|
20253
|
-
return
|
|
20453
|
+
return {
|
|
20454
|
+
measureText
|
|
20455
|
+
};
|
|
20456
|
+
}
|
|
20457
|
+
|
|
20458
|
+
// src/modals/CheckoutModal/InputAmount/state.ts
|
|
20459
|
+
import { round as round3 } from "@funkit/utils";
|
|
20460
|
+
function getInputValueFromAmount({
|
|
20461
|
+
assetAmount,
|
|
20462
|
+
fiatAmount,
|
|
20463
|
+
fiatCurrency,
|
|
20464
|
+
isInputInFiat,
|
|
20465
|
+
locale
|
|
20466
|
+
}) {
|
|
20467
|
+
const amount = isInputInFiat ? fiatAmount : assetAmount;
|
|
20468
|
+
return amount ? isInputInFiat ? formatCurrencyAmountWithLocale(amount, { fiatCurrency, locale }) : formatAssetAmountWithLocale(amount, { locale }) : "";
|
|
20254
20469
|
}
|
|
20255
20470
|
function calcInitialFiatAmount(balance) {
|
|
20256
20471
|
const halfBalance = balance / 2;
|
|
@@ -20271,14 +20486,15 @@ function calcInitialFiatAmount(balance) {
|
|
|
20271
20486
|
}
|
|
20272
20487
|
function initializeState({
|
|
20273
20488
|
checkoutConfig,
|
|
20489
|
+
defaultAmount,
|
|
20490
|
+
fiatCurrency = "USD",
|
|
20491
|
+
locale,
|
|
20274
20492
|
maxUsd,
|
|
20275
20493
|
minUsd,
|
|
20276
20494
|
paymentMethod,
|
|
20495
|
+
quickOptions,
|
|
20277
20496
|
sourceHolding,
|
|
20278
|
-
unitPrice: realUnitPrice
|
|
20279
|
-
defaultAmount,
|
|
20280
|
-
fiatCurrency = "USD",
|
|
20281
|
-
quickOptions
|
|
20497
|
+
unitPrice: realUnitPrice
|
|
20282
20498
|
}) {
|
|
20283
20499
|
const { targetAssetAmount, targetChain, targetAssetTicker } = checkoutConfig;
|
|
20284
20500
|
const isInputInFiat = true;
|
|
@@ -20292,19 +20508,21 @@ function initializeState({
|
|
|
20292
20508
|
const usdMaxAmount = getUsdMaxAmount(maxUsd);
|
|
20293
20509
|
const usdMinAmount = getUsdMinAmount(paymentMethod, minUsd);
|
|
20294
20510
|
const initialFiatAmount = getInitialFiatAmount();
|
|
20511
|
+
const { decimals } = getCurrencyFormattingOptions(fiatCurrency, locale);
|
|
20295
20512
|
const finalFiatAmount = initialFiatAmount === void 0 ? void 0 : Math.min(
|
|
20296
20513
|
Math.max(initialFiatAmount, usdMinAmount, 0),
|
|
20297
20514
|
usdAvailableAmount ?? Number.MAX_VALUE,
|
|
20298
20515
|
usdMaxAmount ?? Number.MAX_VALUE
|
|
20299
20516
|
);
|
|
20300
20517
|
const rounding = finalFiatAmount === initialFiatAmount ? "round" : finalFiatAmount === usdMinAmount ? "ceil" : "floor";
|
|
20301
|
-
const fiatAmount = finalFiatAmount ?
|
|
20518
|
+
const fiatAmount = finalFiatAmount ? round3(finalFiatAmount, decimals, rounding) : void 0;
|
|
20302
20519
|
const assetAmount = finalFiatAmount ? targetAssetAmount && finalFiatAmount === targetAssetAmount * unitPrice ? targetAssetAmount : finalFiatAmount / unitPrice : void 0;
|
|
20303
20520
|
const inputValue = getInputValueFromAmount({
|
|
20304
20521
|
assetAmount,
|
|
20305
|
-
|
|
20522
|
+
fiatCurrency,
|
|
20306
20523
|
isInputInFiat,
|
|
20307
|
-
fiatAmount
|
|
20524
|
+
fiatAmount,
|
|
20525
|
+
locale
|
|
20308
20526
|
});
|
|
20309
20527
|
function getInitialFiatAmount() {
|
|
20310
20528
|
if (defaultAmount !== void 0) {
|
|
@@ -20327,6 +20545,7 @@ function initializeState({
|
|
|
20327
20545
|
fiatCurrency,
|
|
20328
20546
|
inputValue,
|
|
20329
20547
|
isInputInFiat,
|
|
20548
|
+
locale,
|
|
20330
20549
|
usdAvailableAmount,
|
|
20331
20550
|
usdMaxAmount,
|
|
20332
20551
|
usdMinAmount
|
|
@@ -20335,50 +20554,49 @@ function initializeState({
|
|
|
20335
20554
|
function reduceState(state, action) {
|
|
20336
20555
|
switch (action.type) {
|
|
20337
20556
|
case "toggleInputInFiat": {
|
|
20338
|
-
const
|
|
20339
|
-
...state,
|
|
20340
|
-
isInputInFiat: !state.isInputInFiat
|
|
20341
|
-
};
|
|
20557
|
+
const isInputInFiat = !state.isInputInFiat;
|
|
20342
20558
|
const inputValue = getInputValueFromAmount({
|
|
20343
|
-
...
|
|
20344
|
-
|
|
20559
|
+
...state,
|
|
20560
|
+
isInputInFiat
|
|
20345
20561
|
});
|
|
20346
|
-
return {
|
|
20562
|
+
return {
|
|
20563
|
+
...state,
|
|
20564
|
+
inputValue,
|
|
20565
|
+
isInputInFiat
|
|
20566
|
+
};
|
|
20347
20567
|
}
|
|
20348
20568
|
case "setInputValue": {
|
|
20349
|
-
const { inputValue:
|
|
20350
|
-
const
|
|
20351
|
-
|
|
20352
|
-
|
|
20353
|
-
|
|
20354
|
-
|
|
20355
|
-
|
|
20569
|
+
const { inputValue: newInputValue, unitPrice } = action;
|
|
20570
|
+
const {
|
|
20571
|
+
fiatCurrency,
|
|
20572
|
+
inputValue: oldInputValue,
|
|
20573
|
+
isInputInFiat,
|
|
20574
|
+
locale
|
|
20575
|
+
} = state;
|
|
20576
|
+
if (newInputValue === oldInputValue) {
|
|
20356
20577
|
return state;
|
|
20357
20578
|
}
|
|
20358
|
-
const
|
|
20359
|
-
|
|
20360
|
-
|
|
20361
|
-
|
|
20362
|
-
|
|
20363
|
-
inputValue: newInputValue ?? "",
|
|
20364
|
-
fiatAmount: newInputAmount
|
|
20365
|
-
};
|
|
20366
|
-
}
|
|
20579
|
+
const { decimals } = getCurrencyFormattingOptions(fiatCurrency, locale);
|
|
20580
|
+
const { amount } = parseNumberInputValue(
|
|
20581
|
+
newInputValue,
|
|
20582
|
+
getNumberSeparators(locale)
|
|
20583
|
+
);
|
|
20367
20584
|
return {
|
|
20368
20585
|
...state,
|
|
20369
|
-
assetAmount:
|
|
20370
|
-
inputValue: newInputValue
|
|
20371
|
-
fiatAmount:
|
|
20586
|
+
assetAmount: amount !== void 0 ? isInputInFiat ? amount / unitPrice || 0 : amount : void 0,
|
|
20587
|
+
inputValue: newInputValue,
|
|
20588
|
+
fiatAmount: amount !== void 0 ? isInputInFiat ? amount : round3(amount * unitPrice, decimals) : void 0
|
|
20372
20589
|
};
|
|
20373
20590
|
}
|
|
20374
20591
|
case "setFiatCurrency": {
|
|
20592
|
+
const { fiatCurrency } = action;
|
|
20375
20593
|
const inputValue = getInputValueFromAmount({
|
|
20376
20594
|
...state,
|
|
20377
|
-
|
|
20595
|
+
fiatCurrency
|
|
20378
20596
|
});
|
|
20379
20597
|
return {
|
|
20380
20598
|
...state,
|
|
20381
|
-
fiatCurrency
|
|
20599
|
+
fiatCurrency,
|
|
20382
20600
|
inputValue
|
|
20383
20601
|
};
|
|
20384
20602
|
}
|
|
@@ -20386,10 +20604,9 @@ function reduceState(state, action) {
|
|
|
20386
20604
|
const { unitPrice, fiatAmount } = action;
|
|
20387
20605
|
const assetAmount = fiatAmount / unitPrice || 0;
|
|
20388
20606
|
const inputValue = getInputValueFromAmount({
|
|
20607
|
+
...state,
|
|
20389
20608
|
assetAmount,
|
|
20390
|
-
|
|
20391
|
-
fiatAmount,
|
|
20392
|
-
isInputInFiat: state.isInputInFiat
|
|
20609
|
+
fiatAmount
|
|
20393
20610
|
});
|
|
20394
20611
|
return {
|
|
20395
20612
|
...state,
|
|
@@ -20432,18 +20649,55 @@ function getAmountInputError(state) {
|
|
|
20432
20649
|
}
|
|
20433
20650
|
}
|
|
20434
20651
|
function getDerivedState(state) {
|
|
20652
|
+
const { fiatCurrency, isInputInFiat, locale } = state;
|
|
20435
20653
|
const inputError = getAmountInputError(state);
|
|
20654
|
+
const currencyOptions = isInputInFiat ? getCurrencyFormattingOptions(fiatCurrency, locale) : { ASSET_DECIMALS, currencySymbolWithSpacing: "" };
|
|
20436
20655
|
return {
|
|
20437
20656
|
...state,
|
|
20657
|
+
// Latest request is to NOT limit the input to the currency's decimals - rather we reuse the maximum from assets
|
|
20658
|
+
// https://linear.app/funxyz/issue/PE-1687/product-number-formatting#comment-e867b02d
|
|
20659
|
+
inputDecimals: ASSET_DECIMALS,
|
|
20660
|
+
// currencyOptions.decimals,
|
|
20438
20661
|
inputError: inputError ?? null,
|
|
20439
|
-
|
|
20662
|
+
inputPrefix: currencyOptions.currencySymbolWithSpacing,
|
|
20663
|
+
isValid: !inputError,
|
|
20664
|
+
placeholder: "0"
|
|
20440
20665
|
};
|
|
20441
20666
|
}
|
|
20442
20667
|
|
|
20443
20668
|
// src/modals/CheckoutModal/InputAmount/useAmountInput.ts
|
|
20669
|
+
var MAX_FONT_SIZE = 57;
|
|
20670
|
+
var MIN_FONT_SIZE = 16;
|
|
20671
|
+
var MAX_WIDTH = 310;
|
|
20444
20672
|
function useAmountInput(options) {
|
|
20445
20673
|
const isMeldEnabled = useIsMeldEnabled();
|
|
20446
20674
|
const [state, dispatch] = useReducer3(reduceState, options, initializeState);
|
|
20675
|
+
const derivedState = useMemo20(() => getDerivedState(state), [state]);
|
|
20676
|
+
const inputRef = useRef17(null);
|
|
20677
|
+
const { inputValue, locale } = state;
|
|
20678
|
+
const { inputDecimals, inputPrefix, placeholder } = derivedState;
|
|
20679
|
+
const { measureText } = useTextMeasurer(inputRef);
|
|
20680
|
+
const inputText = inputValue || placeholder;
|
|
20681
|
+
const [fontSize, setFontSize] = useState42(MAX_FONT_SIZE);
|
|
20682
|
+
const [inputWidth, setInputWidth] = useState42();
|
|
20683
|
+
useEffect35(() => {
|
|
20684
|
+
const totalTextWidth = measureText(inputPrefix + inputText, fontSize);
|
|
20685
|
+
const newFontSize = totalTextWidth ? Math.min(
|
|
20686
|
+
Math.max(
|
|
20687
|
+
Math.floor(MAX_WIDTH / totalTextWidth * fontSize),
|
|
20688
|
+
MIN_FONT_SIZE
|
|
20689
|
+
),
|
|
20690
|
+
MAX_FONT_SIZE
|
|
20691
|
+
) : MAX_FONT_SIZE;
|
|
20692
|
+
if (newFontSize !== fontSize) {
|
|
20693
|
+
setFontSize(newFontSize);
|
|
20694
|
+
}
|
|
20695
|
+
const newInputTextWidth = measureText(inputPrefix + inputText, newFontSize);
|
|
20696
|
+
const newInputWidth = newInputTextWidth && Math.ceil(newInputTextWidth);
|
|
20697
|
+
if (newInputWidth !== inputWidth) {
|
|
20698
|
+
setInputWidth(newInputWidth);
|
|
20699
|
+
}
|
|
20700
|
+
}, [fontSize, inputPrefix, inputText, inputWidth, measureText]);
|
|
20447
20701
|
const isCardCheckout = options.paymentMethod === "card" /* CARD */;
|
|
20448
20702
|
const isMeldFlow = isCardCheckout && isMeldEnabled;
|
|
20449
20703
|
const {
|
|
@@ -20453,14 +20707,195 @@ function useAmountInput(options) {
|
|
|
20453
20707
|
quickOptions
|
|
20454
20708
|
} = options;
|
|
20455
20709
|
const unitPrice = isStablecoin(checkoutConfig.targetAssetTicker) ? 1 : realUnitPrice;
|
|
20456
|
-
const dispatchAndGetNewState =
|
|
20710
|
+
const dispatchAndGetNewState = useCallback29(
|
|
20457
20711
|
(action) => {
|
|
20458
20712
|
dispatch(action);
|
|
20459
20713
|
return getDerivedState(reduceState(state, action));
|
|
20460
20714
|
},
|
|
20461
20715
|
[state]
|
|
20462
20716
|
);
|
|
20463
|
-
|
|
20717
|
+
useEffect35(() => {
|
|
20718
|
+
if (inputRef.current) {
|
|
20719
|
+
let clearInput2 = function() {
|
|
20720
|
+
element2.setRangeText("", 0, element2.value.length, "end");
|
|
20721
|
+
element2.dispatchEvent(new Event("input", { bubbles: true }));
|
|
20722
|
+
}, replaceInput2 = function(value, caret) {
|
|
20723
|
+
element2.setRangeText(value, 0, element2.value.length, "end");
|
|
20724
|
+
if (caret !== void 0) {
|
|
20725
|
+
element2.setSelectionRange(caret, caret);
|
|
20726
|
+
}
|
|
20727
|
+
element2.dispatchEvent(new Event("input", { bubbles: true }));
|
|
20728
|
+
}, onDeleteBefore2 = function(caret) {
|
|
20729
|
+
const oldInputValue = element2.value;
|
|
20730
|
+
const { decimalPart, integerPart } = parseNumberInputValue(
|
|
20731
|
+
oldInputValue,
|
|
20732
|
+
separators
|
|
20733
|
+
);
|
|
20734
|
+
if (caret === 0) {
|
|
20735
|
+
return;
|
|
20736
|
+
}
|
|
20737
|
+
if (oldInputValue[caret - 1].match(groupSeparator)) {
|
|
20738
|
+
onReplaceRange2(caret - 2, caret, "");
|
|
20739
|
+
return;
|
|
20740
|
+
}
|
|
20741
|
+
if (caret === 1 && integerPart.length === 1) {
|
|
20742
|
+
if (!decimalPart?.match(/[1-9]/)) {
|
|
20743
|
+
clearInput2();
|
|
20744
|
+
return;
|
|
20745
|
+
}
|
|
20746
|
+
element2.setRangeText("0", 0, 1, "end");
|
|
20747
|
+
element2.dispatchEvent(new Event("input", { bubbles: true }));
|
|
20748
|
+
return;
|
|
20749
|
+
}
|
|
20750
|
+
onReplaceRange2(caret - 1, caret, "");
|
|
20751
|
+
}, onDeleteAfter2 = function(caret) {
|
|
20752
|
+
const oldInputValue = element2.value;
|
|
20753
|
+
const { decimalPart, integerPart } = parseNumberInputValue(
|
|
20754
|
+
oldInputValue,
|
|
20755
|
+
separators
|
|
20756
|
+
);
|
|
20757
|
+
if (caret === oldInputValue.length) {
|
|
20758
|
+
return;
|
|
20759
|
+
}
|
|
20760
|
+
if (oldInputValue[caret].match(groupSeparator)) {
|
|
20761
|
+
onReplaceRange2(caret, caret + 2, "");
|
|
20762
|
+
return;
|
|
20763
|
+
}
|
|
20764
|
+
if (caret === 0 && integerPart.length === 1) {
|
|
20765
|
+
if (!decimalPart?.match(/[1-9]/)) {
|
|
20766
|
+
clearInput2();
|
|
20767
|
+
return;
|
|
20768
|
+
}
|
|
20769
|
+
element2.setRangeText("0", 0, 1, "end");
|
|
20770
|
+
element2.dispatchEvent(new Event("input", { bubbles: true }));
|
|
20771
|
+
return;
|
|
20772
|
+
}
|
|
20773
|
+
onReplaceRange2(caret, caret + 1, "");
|
|
20774
|
+
}, onReplaceRange2 = function(rangeStart, rangeEnd, replacement) {
|
|
20775
|
+
const oldInputValue = element2.value;
|
|
20776
|
+
const { amountString } = parseNumberInputValue(
|
|
20777
|
+
oldInputValue,
|
|
20778
|
+
separators
|
|
20779
|
+
);
|
|
20780
|
+
if (replacement === decimalSeparator || replacement === ".") {
|
|
20781
|
+
if (inputDecimals === 0) {
|
|
20782
|
+
return;
|
|
20783
|
+
}
|
|
20784
|
+
const newIntegerPart2 = reformatIntegerPart(
|
|
20785
|
+
amountString.slice(0, rangeStart).replace(/[^0-9]/g, ""),
|
|
20786
|
+
// drop non digits
|
|
20787
|
+
locale,
|
|
20788
|
+
false
|
|
20789
|
+
);
|
|
20790
|
+
const newDecimalPart2 = reformatDecimalPart(
|
|
20791
|
+
amountString.slice(rangeEnd).replace(/[^0-9]/g, ""),
|
|
20792
|
+
// drop non digits
|
|
20793
|
+
inputDecimals
|
|
20794
|
+
);
|
|
20795
|
+
const newAmountString2 = `${newIntegerPart2}${decimalSeparator}${newDecimalPart2}`;
|
|
20796
|
+
replaceInput2(newAmountString2, newIntegerPart2.length + 1);
|
|
20797
|
+
return;
|
|
20798
|
+
}
|
|
20799
|
+
const amountStringReplacement = replacement === "" ? "" : replacement.match(
|
|
20800
|
+
new RegExp(
|
|
20801
|
+
// find an amount within the string, also matching . as potential decimal separator
|
|
20802
|
+
// ignore non-digits before and after (allows pasting something like "$2" for example)
|
|
20803
|
+
`[0-9]+(${groupSeparator.source}[0-9]+)*([${decimalSeparator}.][0-9]*)?`
|
|
20804
|
+
)
|
|
20805
|
+
)?.[0]?.replace(
|
|
20806
|
+
".",
|
|
20807
|
+
replacement.includes(decimalSeparator) ? "." : decimalSeparator
|
|
20808
|
+
);
|
|
20809
|
+
if (amountStringReplacement === void 0) {
|
|
20810
|
+
return;
|
|
20811
|
+
}
|
|
20812
|
+
const newAmountString = replaceStringRange(
|
|
20813
|
+
amountString,
|
|
20814
|
+
amountStringReplacement,
|
|
20815
|
+
rangeStart,
|
|
20816
|
+
rangeEnd
|
|
20817
|
+
);
|
|
20818
|
+
if (amountString && !newAmountString) {
|
|
20819
|
+
clearInput2();
|
|
20820
|
+
return;
|
|
20821
|
+
}
|
|
20822
|
+
const newAmountStringParts = newAmountString.split(decimalSeparator, 2);
|
|
20823
|
+
const newIntegerPart = newAmountStringParts[0];
|
|
20824
|
+
const newDecimalPart = newAmountStringParts[1]?.replace(/[^0-9]/g, "") ?? null;
|
|
20825
|
+
const reformattedIntegerPart = reformatIntegerPart(
|
|
20826
|
+
newIntegerPart,
|
|
20827
|
+
locale,
|
|
20828
|
+
// Preserve leading zeroes when deleting a nearby digit or when explicitly another zero there
|
|
20829
|
+
// This is important to make changing from e.g. "400" to "500" easy (delete "4" then type "5")
|
|
20830
|
+
!newIntegerPart.slice(0, rangeStart).match(/[1-9]/) && (!amountStringReplacement || amountStringReplacement.startsWith("0"))
|
|
20831
|
+
);
|
|
20832
|
+
const reformattedAmountString = newDecimalPart === null ? reformattedIntegerPart : `${reformattedIntegerPart}${decimalSeparator}${reformatDecimalPart(
|
|
20833
|
+
newDecimalPart,
|
|
20834
|
+
inputDecimals
|
|
20835
|
+
)}`;
|
|
20836
|
+
let caret = rangeStart + amountStringReplacement.length;
|
|
20837
|
+
if (caret > 0) {
|
|
20838
|
+
if (caret < newIntegerPart.length) {
|
|
20839
|
+
caret = reformattedIntegerPart.length - reformatIntegerPart(newIntegerPart.slice(caret), locale, true).length;
|
|
20840
|
+
} else {
|
|
20841
|
+
caret += reformattedIntegerPart.length - newIntegerPart.length;
|
|
20842
|
+
}
|
|
20843
|
+
}
|
|
20844
|
+
replaceInput2(reformattedAmountString, caret);
|
|
20845
|
+
}, onBeforeInput2 = function(event) {
|
|
20846
|
+
switch (event.inputType) {
|
|
20847
|
+
case "deleteContentBackward": {
|
|
20848
|
+
const selectionStart = element2.selectionStart;
|
|
20849
|
+
if (selectionStart !== null) {
|
|
20850
|
+
const selectionEnd = element2.selectionEnd ?? selectionStart;
|
|
20851
|
+
if (selectionEnd !== selectionStart) {
|
|
20852
|
+
onReplaceRange2(selectionStart, selectionEnd, "");
|
|
20853
|
+
} else {
|
|
20854
|
+
onDeleteBefore2(selectionStart);
|
|
20855
|
+
}
|
|
20856
|
+
event.preventDefault();
|
|
20857
|
+
}
|
|
20858
|
+
break;
|
|
20859
|
+
}
|
|
20860
|
+
case "deleteContentForward": {
|
|
20861
|
+
const selectionStart = element2.selectionStart;
|
|
20862
|
+
if (selectionStart !== null) {
|
|
20863
|
+
const selectionEnd = element2.selectionEnd ?? selectionStart;
|
|
20864
|
+
if (selectionEnd !== selectionStart) {
|
|
20865
|
+
onReplaceRange2(selectionStart, selectionEnd, "");
|
|
20866
|
+
} else {
|
|
20867
|
+
onDeleteAfter2(selectionStart);
|
|
20868
|
+
}
|
|
20869
|
+
event.preventDefault();
|
|
20870
|
+
}
|
|
20871
|
+
break;
|
|
20872
|
+
}
|
|
20873
|
+
case "insertFromDrop":
|
|
20874
|
+
case "insertFromPaste":
|
|
20875
|
+
case "insertText": {
|
|
20876
|
+
const selectionStart = element2.selectionStart;
|
|
20877
|
+
if (selectionStart !== null && event.data != null) {
|
|
20878
|
+
const selectionEnd = element2.selectionEnd ?? selectionStart;
|
|
20879
|
+
onReplaceRange2(selectionStart, selectionEnd, event.data);
|
|
20880
|
+
event.preventDefault();
|
|
20881
|
+
}
|
|
20882
|
+
break;
|
|
20883
|
+
}
|
|
20884
|
+
case "historyRedo":
|
|
20885
|
+
case "historyUndo":
|
|
20886
|
+
event.preventDefault();
|
|
20887
|
+
break;
|
|
20888
|
+
}
|
|
20889
|
+
};
|
|
20890
|
+
var clearInput = clearInput2, replaceInput = replaceInput2, onDeleteBefore = onDeleteBefore2, onDeleteAfter = onDeleteAfter2, onReplaceRange = onReplaceRange2, onBeforeInput = onBeforeInput2;
|
|
20891
|
+
const element2 = inputRef.current;
|
|
20892
|
+
const separators = getNumberSeparators(locale);
|
|
20893
|
+
const { decimalSeparator, groupSeparator } = separators;
|
|
20894
|
+
element2.addEventListener("beforeinput", onBeforeInput2);
|
|
20895
|
+
return () => element2.removeEventListener("beforeinput", onBeforeInput2);
|
|
20896
|
+
}
|
|
20897
|
+
}, [inputDecimals, locale]);
|
|
20898
|
+
const onChange = useCallback29(
|
|
20464
20899
|
(event) => {
|
|
20465
20900
|
dispatch({
|
|
20466
20901
|
type: "setInputValue",
|
|
@@ -20471,7 +20906,7 @@ function useAmountInput(options) {
|
|
|
20471
20906
|
[unitPrice]
|
|
20472
20907
|
);
|
|
20473
20908
|
const defaultAmount = isMeldFlow ? getDefaultAmountFromQuickOptions(quickOptions) : void 0;
|
|
20474
|
-
|
|
20909
|
+
useEffect35(() => {
|
|
20475
20910
|
if (state.fiatCurrency !== fiatCurrency) {
|
|
20476
20911
|
dispatch({
|
|
20477
20912
|
type: "setFiatCurrency",
|
|
@@ -20486,7 +20921,7 @@ function useAmountInput(options) {
|
|
|
20486
20921
|
}
|
|
20487
20922
|
}
|
|
20488
20923
|
}, [fiatCurrency]);
|
|
20489
|
-
|
|
20924
|
+
useEffect35(() => {
|
|
20490
20925
|
if (defaultAmount && state.inputValue === "") {
|
|
20491
20926
|
dispatch({
|
|
20492
20927
|
type: "setFiatAmount",
|
|
@@ -20495,27 +20930,28 @@ function useAmountInput(options) {
|
|
|
20495
20930
|
});
|
|
20496
20931
|
}
|
|
20497
20932
|
}, [defaultAmount]);
|
|
20498
|
-
const setFiatAmount =
|
|
20499
|
-
(fiatAmount) =>
|
|
20500
|
-
|
|
20501
|
-
|
|
20502
|
-
|
|
20503
|
-
|
|
20933
|
+
const setFiatAmount = useCallback29(
|
|
20934
|
+
(fiatAmount) => {
|
|
20935
|
+
const newState = dispatchAndGetNewState({
|
|
20936
|
+
type: "setFiatAmount",
|
|
20937
|
+
fiatAmount,
|
|
20938
|
+
unitPrice
|
|
20939
|
+
});
|
|
20940
|
+
inputRef.current?.focus();
|
|
20941
|
+
return newState;
|
|
20942
|
+
},
|
|
20504
20943
|
[dispatchAndGetNewState, unitPrice]
|
|
20505
20944
|
);
|
|
20506
|
-
const
|
|
20507
|
-
|
|
20508
|
-
()
|
|
20509
|
-
|
|
20510
|
-
);
|
|
20945
|
+
const toggleInputInFiat = useCallback29(() => {
|
|
20946
|
+
dispatch({ type: "toggleInputInFiat" });
|
|
20947
|
+
inputRef.current?.focus();
|
|
20948
|
+
}, []);
|
|
20511
20949
|
return {
|
|
20512
20950
|
...derivedState,
|
|
20951
|
+
fontSize,
|
|
20952
|
+
inputWidth,
|
|
20513
20953
|
onChange,
|
|
20514
|
-
|
|
20515
|
-
0,
|
|
20516
|
-
{},
|
|
20517
|
-
{ currency: fiatCurrency, currencyDisplay: "narrowSymbol" }
|
|
20518
|
-
) : formatCryptoAndStringify4(0),
|
|
20954
|
+
ref: inputRef,
|
|
20519
20955
|
setFiatAmount,
|
|
20520
20956
|
// Meld flow does not support update amount suggestions
|
|
20521
20957
|
suggestion: isMeldFlow ? void 0 : getInputAmountSuggestion(derivedState.inputError),
|
|
@@ -20565,6 +21001,7 @@ function InputAmountLoaded({
|
|
|
20565
21001
|
checkoutConfig,
|
|
20566
21002
|
modalState,
|
|
20567
21003
|
onNext,
|
|
21004
|
+
onClose,
|
|
20568
21005
|
sourceHolding,
|
|
20569
21006
|
unitPrice,
|
|
20570
21007
|
defaultFiatCurrency,
|
|
@@ -20578,32 +21015,40 @@ function InputAmountLoaded({
|
|
|
20578
21015
|
const meldEnabled = useIsMeldEnabled() && isCardCheckout;
|
|
20579
21016
|
const { targetAssetTicker, targetAssetMinAmount } = checkoutConfig;
|
|
20580
21017
|
const { updateTargetAssetAmount } = useCheckoutContext();
|
|
21018
|
+
const { apiKey } = useFunkitConfig();
|
|
21019
|
+
const { checkoutItem } = useCheckoutContext();
|
|
20581
21020
|
const minUsd = targetAssetMinAmount && unitPrice ? Math.ceil(targetAssetMinAmount * unitPrice * 100) / 100 : void 0;
|
|
20582
21021
|
const fiatCurrency = modalState.fiatCurrency ?? defaultFiatCurrency;
|
|
20583
21022
|
const quickOptions = useFiatAmountOptions(fiatCurrency);
|
|
20584
21023
|
const {
|
|
20585
21024
|
assetAmount,
|
|
21025
|
+
fiatAmount,
|
|
21026
|
+
fontSize,
|
|
20586
21027
|
inputError,
|
|
21028
|
+
inputPrefix,
|
|
20587
21029
|
inputValue,
|
|
21030
|
+
inputWidth,
|
|
20588
21031
|
isInputInFiat,
|
|
20589
21032
|
isValid,
|
|
20590
21033
|
onChange,
|
|
20591
|
-
toggleInputInFiat,
|
|
20592
|
-
setFiatAmount,
|
|
20593
|
-
fiatAmount,
|
|
20594
|
-
usdAvailableAmount,
|
|
20595
21034
|
placeholder,
|
|
20596
|
-
|
|
21035
|
+
ref,
|
|
21036
|
+
setFiatAmount,
|
|
21037
|
+
suggestion,
|
|
21038
|
+
toggleInputInFiat,
|
|
21039
|
+
usdAvailableAmount
|
|
20597
21040
|
} = useAmountInput({
|
|
20598
|
-
defaultAmount: modalState.fiatAmount,
|
|
20599
21041
|
checkoutConfig,
|
|
20600
|
-
|
|
20601
|
-
|
|
20602
|
-
|
|
21042
|
+
defaultAmount: modalState.fiatAmount,
|
|
21043
|
+
fiatCurrency,
|
|
21044
|
+
locale: void 0,
|
|
21045
|
+
// browser default
|
|
20603
21046
|
maxUsd: Number.parseFloat(maxCheckoutUsdString),
|
|
20604
21047
|
minUsd,
|
|
21048
|
+
paymentMethod,
|
|
20605
21049
|
quickOptions,
|
|
20606
|
-
|
|
21050
|
+
sourceHolding,
|
|
21051
|
+
unitPrice
|
|
20607
21052
|
});
|
|
20608
21053
|
const {
|
|
20609
21054
|
meldQuotesQuery,
|
|
@@ -20614,7 +21059,7 @@ function InputAmountLoaded({
|
|
|
20614
21059
|
selectedQuote,
|
|
20615
21060
|
isSelectedQuoteUnavailable
|
|
20616
21061
|
} = useMeld(manuallySelectedQuote, fiatAmount, fiatCurrency);
|
|
20617
|
-
const error =
|
|
21062
|
+
const error = useMemo21(() => {
|
|
20618
21063
|
if (isCardCheckout) {
|
|
20619
21064
|
if (isSelectedQuoteUnavailable) {
|
|
20620
21065
|
return {
|
|
@@ -20650,10 +21095,10 @@ function InputAmountLoaded({
|
|
|
20650
21095
|
meldQuotesQuery.error,
|
|
20651
21096
|
isSelectedQuoteUnavailable
|
|
20652
21097
|
]);
|
|
20653
|
-
const {
|
|
21098
|
+
const { onSelectCard } = useUpdateCardSourceAsset();
|
|
21099
|
+
const isMeldMoonpaySelected = selectedQuote?.serviceProvider === MeldServiceProvider2.MOONPAY;
|
|
20654
21100
|
const handleIsAmountInAbsoluteToggle = () => {
|
|
20655
21101
|
toggleInputInFiat();
|
|
20656
|
-
resetText();
|
|
20657
21102
|
};
|
|
20658
21103
|
const handleContinue = async (assetAmount2) => {
|
|
20659
21104
|
if (assetAmount2 === void 0) {
|
|
@@ -20664,6 +21109,17 @@ function InputAmountLoaded({
|
|
|
20664
21109
|
onNext({});
|
|
20665
21110
|
return;
|
|
20666
21111
|
}
|
|
21112
|
+
if (isMeldMoonpaySelected) {
|
|
21113
|
+
const { onPolymarketCardSwitch } = checkoutItem?.initSettings || {};
|
|
21114
|
+
if (isPolymarketCustomer(apiKey) && onPolymarketCardSwitch) {
|
|
21115
|
+
onPolymarketCardSwitch();
|
|
21116
|
+
onClose();
|
|
21117
|
+
return;
|
|
21118
|
+
}
|
|
21119
|
+
await onSelectCard();
|
|
21120
|
+
onNext({});
|
|
21121
|
+
return;
|
|
21122
|
+
}
|
|
20667
21123
|
if (selectedQuote) {
|
|
20668
21124
|
openMeldPopup(() => mutateAsync(selectedQuote.serviceProvider));
|
|
20669
21125
|
}
|
|
@@ -20684,7 +21140,7 @@ function InputAmountLoaded({
|
|
|
20684
21140
|
event.preventDefault();
|
|
20685
21141
|
handleSubmit();
|
|
20686
21142
|
};
|
|
20687
|
-
const displayAssetAmount =
|
|
21143
|
+
const displayAssetAmount = round4(
|
|
20688
21144
|
(isStablecoin(targetAssetTicker) ? fiatAmount : assetAmount) ?? 0,
|
|
20689
21145
|
ASSET_DECIMALS
|
|
20690
21146
|
);
|
|
@@ -20725,36 +21181,50 @@ function InputAmountLoaded({
|
|
|
20725
21181
|
amountInput: /* @__PURE__ */ React163.createElement(
|
|
20726
21182
|
Box,
|
|
20727
21183
|
{
|
|
21184
|
+
alignItems: "center",
|
|
20728
21185
|
display: "flex",
|
|
20729
|
-
|
|
21186
|
+
minHeight: "76",
|
|
20730
21187
|
justifyContent: "center",
|
|
20731
|
-
alignItems: "flex-end",
|
|
20732
21188
|
width: "full"
|
|
20733
21189
|
},
|
|
20734
21190
|
/* @__PURE__ */ React163.createElement(
|
|
20735
|
-
|
|
21191
|
+
Box,
|
|
20736
21192
|
{
|
|
20737
|
-
|
|
20738
|
-
|
|
20739
|
-
|
|
20740
|
-
|
|
20741
|
-
|
|
20742
|
-
|
|
20743
|
-
|
|
20744
|
-
|
|
20745
|
-
|
|
20746
|
-
|
|
20747
|
-
|
|
20748
|
-
|
|
20749
|
-
|
|
20750
|
-
|
|
20751
|
-
|
|
20752
|
-
|
|
20753
|
-
|
|
20754
|
-
|
|
20755
|
-
|
|
20756
|
-
|
|
20757
|
-
|
|
21193
|
+
display: "flex",
|
|
21194
|
+
justifyContent: "center",
|
|
21195
|
+
style: {
|
|
21196
|
+
alignItems: "baseline",
|
|
21197
|
+
fontSize,
|
|
21198
|
+
transition: defaultTransition,
|
|
21199
|
+
width: inputWidth
|
|
21200
|
+
}
|
|
21201
|
+
},
|
|
21202
|
+
/* @__PURE__ */ React163.createElement(Box, { color: "primaryText", fontFamily: "body", fontWeight: "medium" }, inputPrefix),
|
|
21203
|
+
/* @__PURE__ */ React163.createElement(
|
|
21204
|
+
FunInput,
|
|
21205
|
+
{
|
|
21206
|
+
adornmentColor: "primaryText",
|
|
21207
|
+
onChange,
|
|
21208
|
+
onKeyDown: handleKeyDown,
|
|
21209
|
+
inputProps: {
|
|
21210
|
+
autoFocus: true,
|
|
21211
|
+
inputMode: "decimal",
|
|
21212
|
+
// get iOS to use numpad key with period
|
|
21213
|
+
spellCheck: false,
|
|
21214
|
+
type: "text"
|
|
21215
|
+
// cannot use numeric input because of our custom formatting
|
|
21216
|
+
},
|
|
21217
|
+
inputStyle: {
|
|
21218
|
+
fontSize,
|
|
21219
|
+
padding: "0px"
|
|
21220
|
+
},
|
|
21221
|
+
overrideBorderWidth: "0",
|
|
21222
|
+
overrideBackground: "transparent",
|
|
21223
|
+
placeholder,
|
|
21224
|
+
ref,
|
|
21225
|
+
value: inputValue
|
|
21226
|
+
}
|
|
21227
|
+
)
|
|
20758
21228
|
)
|
|
20759
21229
|
),
|
|
20760
21230
|
amountInputSwitch: isConvertedAmountShown && /* @__PURE__ */ React163.createElement(
|
|
@@ -20776,10 +21246,10 @@ function InputAmountLoaded({
|
|
|
20776
21246
|
borderRadius: "inputAmountSwitcher",
|
|
20777
21247
|
isDisabled: meldEnabled
|
|
20778
21248
|
},
|
|
20779
|
-
/* @__PURE__ */ React163.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ?
|
|
21249
|
+
/* @__PURE__ */ React163.createElement(Text, { color: "secondaryText", size: "14" }, isInputInFiat ? formatCryptoAndStringify4(
|
|
20780
21250
|
displayAssetAmount,
|
|
20781
21251
|
targetAssetTicker
|
|
20782
|
-
) :
|
|
21252
|
+
) : formatCurrencyAndStringify9(fiatAmount ?? 0))
|
|
20783
21253
|
)
|
|
20784
21254
|
),
|
|
20785
21255
|
amountOptions: (!!usdAvailableAmount || isCardCheckout) && /* @__PURE__ */ React163.createElement(
|
|
@@ -20809,6 +21279,7 @@ function InputAmountLoaded({
|
|
|
20809
21279
|
meldQuotesQuery.data,
|
|
20810
21280
|
selectedQuote
|
|
20811
21281
|
),
|
|
21282
|
+
bestQuoteLabel: isMeldMoonpaySelected ? "Fastest" : "Best price",
|
|
20812
21283
|
disabled: !meldQuotesQuery.data || meldQuotesQuery.data.length === 0,
|
|
20813
21284
|
isPreselected: !manuallySelectedQuote && !!bestRateQuote,
|
|
20814
21285
|
error: meldLimitError?.issue
|
|
@@ -20869,8 +21340,8 @@ function YouPayYouReceiveWrapper({
|
|
|
20869
21340
|
}
|
|
20870
21341
|
|
|
20871
21342
|
// src/modals/CheckoutModal/InputAmount/InputAmountLoading.tsx
|
|
20872
|
-
import { formatCryptoAndStringify as
|
|
20873
|
-
import React164, { useMemo as
|
|
21343
|
+
import { formatCryptoAndStringify as formatCryptoAndStringify5 } from "@funkit/utils";
|
|
21344
|
+
import React164, { useMemo as useMemo22 } from "react";
|
|
20874
21345
|
function InputAmountLoading({
|
|
20875
21346
|
modalState,
|
|
20876
21347
|
sourceHoldingError,
|
|
@@ -20882,7 +21353,7 @@ function InputAmountLoading({
|
|
|
20882
21353
|
const isSourceNavWidgetEnabled = modalState.startingStep === "select_asset" /* SELECT_ASSET */;
|
|
20883
21354
|
const targetAssetAmount = checkoutItem?.initSettings.config.targetAssetAmount;
|
|
20884
21355
|
const targetAssetTicker = checkoutItem?.initSettings.config.targetAssetTicker;
|
|
20885
|
-
const error =
|
|
21356
|
+
const error = useMemo22(() => {
|
|
20886
21357
|
if (sourceHoldingError) {
|
|
20887
21358
|
return {
|
|
20888
21359
|
message: /* @__PURE__ */ React164.createElement("div", null, "Unable to retrieve your account balance. Please try re-linking your account.", " "),
|
|
@@ -20938,7 +21409,7 @@ function InputAmountLoading({
|
|
|
20938
21409
|
paddingX: "6",
|
|
20939
21410
|
color: { base: "actionColor" }
|
|
20940
21411
|
},
|
|
20941
|
-
targetAssetAmount !== void 0 ? /* @__PURE__ */ React164.createElement(Text, { color: "secondaryText", size: "14" },
|
|
21412
|
+
targetAssetAmount !== void 0 ? /* @__PURE__ */ React164.createElement(Text, { color: "secondaryText", size: "14" }, formatCryptoAndStringify5(
|
|
20942
21413
|
targetAssetAmount,
|
|
20943
21414
|
targetAssetTicker
|
|
20944
21415
|
)) : /* @__PURE__ */ React164.createElement(Box, { alignItems: "center", display: "flex", gap: "8" }, /* @__PURE__ */ React164.createElement(FunSkeletonBlock, { height: "14", width: "60" }), /* @__PURE__ */ React164.createElement(Text, { color: "secondaryText", size: "14" }, targetAssetTicker))
|
|
@@ -20962,7 +21433,7 @@ function InputAmountLoading({
|
|
|
20962
21433
|
}
|
|
20963
21434
|
|
|
20964
21435
|
// src/modals/CheckoutModal/InputAmount/useAvailableBalanceForCheckout.ts
|
|
20965
|
-
import { useMemo as
|
|
21436
|
+
import { useMemo as useMemo23 } from "react";
|
|
20966
21437
|
function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetChainId, assetSymbol) {
|
|
20967
21438
|
const { data: walletAssetHoldings, isLoading: isLoadingWalletAssetHoldings } = useWalletAssetHoldings(targetChainId);
|
|
20968
21439
|
const holdings = {
|
|
@@ -20972,7 +21443,7 @@ function useAvailableBalanceForCheckout(paymentMethodInfo, targetChainId, assetC
|
|
|
20972
21443
|
["token_transfer" /* TOKEN_TRANSFER */]: null,
|
|
20973
21444
|
["virtual_bank" /* VIRTUAL_BANK */]: null
|
|
20974
21445
|
}[paymentMethodInfo.paymentMethod];
|
|
20975
|
-
const holdingItem =
|
|
21446
|
+
const holdingItem = useMemo23(() => {
|
|
20976
21447
|
if (!assetSymbol || !holdings) {
|
|
20977
21448
|
return;
|
|
20978
21449
|
}
|
|
@@ -21054,7 +21525,7 @@ function InputAmount(props) {
|
|
|
21054
21525
|
assetTokenAddress: checkoutItem?.initSettings.config.targetAsset
|
|
21055
21526
|
});
|
|
21056
21527
|
const isLoaded = checkoutItem && unitPrice && !sourceHoldingError && !isLoadingSourceHolding && !isMeldDefaultCurrencyLoading;
|
|
21057
|
-
|
|
21528
|
+
useEffect36(() => setCheckoutQuote(null), []);
|
|
21058
21529
|
if (isLoaded) {
|
|
21059
21530
|
return /* @__PURE__ */ React165.createElement(
|
|
21060
21531
|
InputAmountLoaded,
|
|
@@ -21079,12 +21550,12 @@ function InputAmount(props) {
|
|
|
21079
21550
|
}
|
|
21080
21551
|
|
|
21081
21552
|
// src/modals/CheckoutModal/LoadingAccount.tsx
|
|
21082
|
-
import React168, { useEffect as
|
|
21553
|
+
import React168, { useEffect as useEffect37 } from "react";
|
|
21083
21554
|
|
|
21084
21555
|
// src/domains/wallet.ts
|
|
21085
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
21556
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15 } from "@funkit/chains";
|
|
21086
21557
|
import { isNotNullish as isNotNullish7 } from "@funkit/utils";
|
|
21087
|
-
import { mainnet as
|
|
21558
|
+
import { mainnet as mainnet8, polygon as polygon6 } from "viem/chains";
|
|
21088
21559
|
var ASSETS_LOW_VALUE_THRESHOLD2 = 0.1;
|
|
21089
21560
|
|
|
21090
21561
|
// src/hooks/usePaymentSources.ts
|
|
@@ -21092,7 +21563,7 @@ import { FlagKey as FlagKey23, isNotNullish as isNotNullish8 } from "@funkit/uti
|
|
|
21092
21563
|
function usePaymentMethodEnablement({
|
|
21093
21564
|
checkoutConfig
|
|
21094
21565
|
}) {
|
|
21095
|
-
const { apiKey
|
|
21566
|
+
const { apiKey } = useFunkitConfig();
|
|
21096
21567
|
const isTokenTransferFlagEnabled = useFlag(FlagKey23.EnableTokenTransfer);
|
|
21097
21568
|
const isFiatFlagEnabled = useFiatEnabled();
|
|
21098
21569
|
const isCardFlagEnabled = useFlag(FlagKey23.EnableCard);
|
|
@@ -21100,7 +21571,7 @@ function usePaymentMethodEnablement({
|
|
|
21100
21571
|
const isUsKatanaUser = useIsUsKatanaUser();
|
|
21101
21572
|
const isFiatEnabled = isFiatFlagEnabled && !isKatanaEarnFlowAction;
|
|
21102
21573
|
const isTokenTransferEnabled = isTokenTransferFlagEnabled && !isKatanaEarnFlowAction && !isUsKatanaUser;
|
|
21103
|
-
const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction
|
|
21574
|
+
const isCardEnabled = isCardFlagEnabled && !isKatanaEarnFlowAction;
|
|
21104
21575
|
return {
|
|
21105
21576
|
isFiatEnabled,
|
|
21106
21577
|
isTokenTransferEnabled,
|
|
@@ -21152,8 +21623,8 @@ import React167 from "react";
|
|
|
21152
21623
|
|
|
21153
21624
|
// src/components/FunAsset/FunAssetItem.tsx
|
|
21154
21625
|
import {
|
|
21155
|
-
formatCryptoAndStringify as
|
|
21156
|
-
formatCurrencyAndStringify as
|
|
21626
|
+
formatCryptoAndStringify as formatCryptoAndStringify6,
|
|
21627
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify10,
|
|
21157
21628
|
isNotNullish as isNotNullish9
|
|
21158
21629
|
} from "@funkit/utils";
|
|
21159
21630
|
import React166 from "react";
|
|
@@ -21234,7 +21705,7 @@ var FunAssetItem = ({
|
|
|
21234
21705
|
fontSize: TEXT_SIZE_SMALL,
|
|
21235
21706
|
fontWeight: "regular"
|
|
21236
21707
|
},
|
|
21237
|
-
isNotNullish9(asset.amount) ? /* @__PURE__ */ React166.createElement("div", null,
|
|
21708
|
+
isNotNullish9(asset.amount) ? /* @__PURE__ */ React166.createElement("div", null, formatCryptoAndStringify6(asset.amount), " ", asset.symbol) : null
|
|
21238
21709
|
))
|
|
21239
21710
|
),
|
|
21240
21711
|
/* @__PURE__ */ React166.createElement(
|
|
@@ -21246,7 +21717,7 @@ var FunAssetItem = ({
|
|
|
21246
21717
|
gap: "12"
|
|
21247
21718
|
},
|
|
21248
21719
|
badgeText && /* @__PURE__ */ React166.createElement(FunBadge, { borderColor: "generalBorder" }, badgeText),
|
|
21249
|
-
/* @__PURE__ */ React166.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM, fontWeight: "medium" },
|
|
21720
|
+
/* @__PURE__ */ React166.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM, fontWeight: "medium" }, formatCurrencyAndStringify10(asset.usdAmount || 0))
|
|
21250
21721
|
)
|
|
21251
21722
|
)
|
|
21252
21723
|
);
|
|
@@ -21408,7 +21879,7 @@ function LoadingAccount({
|
|
|
21408
21879
|
const hasCustomStartingStep = !!checkoutConfig?.startingStep;
|
|
21409
21880
|
const startsOnConfirmationStep = checkoutConfig?.startingStep === "confirmation" /* CONFIRMATION */;
|
|
21410
21881
|
const startsOnSelectAssetStep = checkoutConfig?.startingStep === "select_asset" /* SELECT_ASSET */;
|
|
21411
|
-
|
|
21882
|
+
useEffect37(() => {
|
|
21412
21883
|
if (isLoadingFlags || isLoadingFiat || !checkoutConfig) {
|
|
21413
21884
|
return;
|
|
21414
21885
|
}
|
|
@@ -21471,7 +21942,7 @@ function LoadingAccount({
|
|
|
21471
21942
|
|
|
21472
21943
|
// src/modals/CheckoutModal/MeldCurrencySelect/MeldCurrencySelect.tsx
|
|
21473
21944
|
import clsx18 from "clsx";
|
|
21474
|
-
import React169, { useMemo as
|
|
21945
|
+
import React169, { useMemo as useMemo24, useState as useState43 } from "react";
|
|
21475
21946
|
|
|
21476
21947
|
// src/css/scrollStyles.css.ts
|
|
21477
21948
|
var hideScrollBar = "_163ehmk0";
|
|
@@ -21523,11 +21994,11 @@ function MeldCurrencySelect({
|
|
|
21523
21994
|
}) {
|
|
21524
21995
|
const { defaultCurrency } = modalState;
|
|
21525
21996
|
const { data, isPending } = useMeldCurrencies();
|
|
21526
|
-
const [query, setQuery] =
|
|
21527
|
-
const [selectedCurrency, setSelectedCurrency] =
|
|
21997
|
+
const [query, setQuery] = useState43("");
|
|
21998
|
+
const [selectedCurrency, setSelectedCurrency] = useState43(
|
|
21528
21999
|
defaultCurrency
|
|
21529
22000
|
);
|
|
21530
|
-
const filteredOptions =
|
|
22001
|
+
const filteredOptions = useMemo24(() => {
|
|
21531
22002
|
const newOptions = data?.filter(
|
|
21532
22003
|
({ name, currencyCode }) => currencyCode.toLowerCase().includes(query.toLowerCase()) || name.toLowerCase().includes(query.toLowerCase())
|
|
21533
22004
|
) ?? [];
|
|
@@ -21580,7 +22051,8 @@ function MeldCurrencySelect({
|
|
|
21580
22051
|
key: optionItem.currencyCode,
|
|
21581
22052
|
onClick: isActive ? void 0 : () => handleSelect(optionItem),
|
|
21582
22053
|
paddingX: "12",
|
|
21583
|
-
paddingY: "10"
|
|
22054
|
+
paddingY: "10",
|
|
22055
|
+
boxShadow: isActive ? "selectedDropdownItem" : void 0
|
|
21584
22056
|
},
|
|
21585
22057
|
/* @__PURE__ */ React169.createElement(Box, { display: "flex", alignItems: "center", gap: "8" }, /* @__PURE__ */ React169.createElement(Text, null, getFlagEmoji(optionItem.currencyCode)), /* @__PURE__ */ React169.createElement(Text, null, `${optionItem.name} (${getCurrencySymbol(optionItem.currencyCode)})`)),
|
|
21586
22058
|
isActive && /* @__PURE__ */ React169.createElement(CheckIcon, null)
|
|
@@ -21590,6 +22062,7 @@ function MeldCurrencySelect({
|
|
|
21590
22062
|
}
|
|
21591
22063
|
|
|
21592
22064
|
// src/modals/CheckoutModal/MeldQuotes/MeldQuotes.tsx
|
|
22065
|
+
import { MeldServiceProvider as MeldServiceProvider3 } from "@funkit/api-base";
|
|
21593
22066
|
import React170 from "react";
|
|
21594
22067
|
import { createPortal as createPortal10 } from "react-dom";
|
|
21595
22068
|
var MeldQuotesInfo = {
|
|
@@ -21624,26 +22097,44 @@ function MeldQuotes({
|
|
|
21624
22097
|
const { fiatAmount, fiatCurrency } = modalState;
|
|
21625
22098
|
const { query, countdown } = useMeldQuotes(fiatAmount, fiatCurrency);
|
|
21626
22099
|
const titleCountdownRef = useTitleCountdownRef();
|
|
22100
|
+
const hasMoonPay = query.data?.find(
|
|
22101
|
+
(quote) => quote.serviceProvider === MeldServiceProvider3.MOONPAY
|
|
22102
|
+
);
|
|
21627
22103
|
if (query.isPending) {
|
|
21628
22104
|
return /* @__PURE__ */ React170.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, Array.from({ length: 6 }).map((_, index) => (
|
|
21629
22105
|
// biome-ignore lint/suspicious/noArrayIndexKey: completely fine
|
|
21630
22106
|
/* @__PURE__ */ React170.createElement(MeldQuoteItem, { quote: void 0, key: index })
|
|
21631
22107
|
)));
|
|
21632
22108
|
}
|
|
21633
|
-
|
|
21634
|
-
|
|
21635
|
-
|
|
21636
|
-
key: quote.serviceProvider,
|
|
21637
|
-
isBestQuote: index === 0,
|
|
21638
|
-
isActive: modalState.provider === quote.serviceProvider,
|
|
21639
|
-
quote,
|
|
21640
|
-
onClick: () => onNext({ quote, navigateToHistoryStep: true })
|
|
22109
|
+
const getBestQuoteLabel = (index) => {
|
|
22110
|
+
if (hasMoonPay && index === 0) {
|
|
22111
|
+
return "Best price";
|
|
21641
22112
|
}
|
|
21642
|
-
|
|
22113
|
+
if (query.data?.[index].serviceProvider === MeldServiceProvider3.MOONPAY) {
|
|
22114
|
+
return "Fastest";
|
|
22115
|
+
}
|
|
22116
|
+
return "Best price, Fastest";
|
|
22117
|
+
};
|
|
22118
|
+
return /* @__PURE__ */ React170.createElement(Box, { display: "flex", gap: "8", flexDirection: "column" }, query.data?.map((quote, index) => {
|
|
22119
|
+
const isBestPrice = index === 0;
|
|
22120
|
+
const isMoonPay = quote.serviceProvider === MeldServiceProvider3.MOONPAY;
|
|
22121
|
+
const bestQuoteLabel = getBestQuoteLabel(index);
|
|
22122
|
+
return /* @__PURE__ */ React170.createElement(
|
|
22123
|
+
MeldQuoteItem,
|
|
22124
|
+
{
|
|
22125
|
+
key: quote.serviceProvider,
|
|
22126
|
+
isBestQuote: isBestPrice || isMoonPay,
|
|
22127
|
+
bestQuoteLabel,
|
|
22128
|
+
isActive: modalState.provider === quote.serviceProvider,
|
|
22129
|
+
quote,
|
|
22130
|
+
onClick: () => onNext({ quote, navigateToHistoryStep: true })
|
|
22131
|
+
}
|
|
22132
|
+
);
|
|
22133
|
+
}), titleCountdownRef && createPortal10(countdown, titleCountdownRef));
|
|
21643
22134
|
}
|
|
21644
22135
|
|
|
21645
22136
|
// src/modals/CheckoutModal/MoonpaySetup.tsx
|
|
21646
|
-
import React172, { useCallback as
|
|
22137
|
+
import React172, { useCallback as useCallback30, useMemo as useMemo26, useState as useState45 } from "react";
|
|
21647
22138
|
|
|
21648
22139
|
// src/components/FunPayments/FunPaymentMoonpayType.css.ts
|
|
21649
22140
|
var mpClass = "_1kmpeyf0";
|
|
@@ -21652,10 +22143,10 @@ var stretchStyle = "_1kmpeyf1";
|
|
|
21652
22143
|
// src/components/FunPayments/FunPaymentMoonpayType.tsx
|
|
21653
22144
|
import { getMoonpayUrlSignature } from "@funkit/api-base";
|
|
21654
22145
|
import { colorToHex } from "@funkit/utils";
|
|
21655
|
-
import React171, { Fragment, useEffect as
|
|
22146
|
+
import React171, { Fragment, useEffect as useEffect38, useMemo as useMemo25, useState as useState44 } from "react";
|
|
21656
22147
|
var LazyMoonPayBuyWidget = (props) => {
|
|
21657
|
-
const [MoonPayBuyWidget, setMoonPayBuyWidget] =
|
|
21658
|
-
|
|
22148
|
+
const [MoonPayBuyWidget, setMoonPayBuyWidget] = useState44(null);
|
|
22149
|
+
useEffect38(() => {
|
|
21659
22150
|
const loadMoonPayBuyWidget = async () => {
|
|
21660
22151
|
const module = await import("@moonpay/moonpay-react");
|
|
21661
22152
|
setMoonPayBuyWidget(() => module.MoonPayBuyWidget);
|
|
@@ -21683,7 +22174,7 @@ function FunPaymentMoonpayType({
|
|
|
21683
22174
|
const isSandboxMode = useIsFunkitSandboxMode();
|
|
21684
22175
|
const funkitConfig = useFunkitConfig();
|
|
21685
22176
|
const { userInfo } = useGeneralWallet();
|
|
21686
|
-
const currencyCode =
|
|
22177
|
+
const currencyCode = useMemo25(() => {
|
|
21687
22178
|
return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
|
|
21688
22179
|
}, [depositToken, depositTokenChainId]);
|
|
21689
22180
|
const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(
|
|
@@ -21706,7 +22197,7 @@ function FunPaymentMoonpayType({
|
|
|
21706
22197
|
});
|
|
21707
22198
|
return signature || "";
|
|
21708
22199
|
};
|
|
21709
|
-
const moonpayButtonColor =
|
|
22200
|
+
const moonpayButtonColor = useMemo25(() => {
|
|
21710
22201
|
const primaryButtonHex = colorToHex(activeTheme.colors.buttonPrimary);
|
|
21711
22202
|
if (["#FFF", "#FFFF", "#FFFFFF", "#FFFFFFFF"].includes(primaryButtonHex)) {
|
|
21712
22203
|
return void 0;
|
|
@@ -21762,14 +22253,14 @@ function MoonpaySetup({
|
|
|
21762
22253
|
onNext
|
|
21763
22254
|
}) {
|
|
21764
22255
|
const { paymentAddress, token, tokenChainId, depositAmount } = modalState;
|
|
21765
|
-
const [isSupportedRegion, setIsSupportedRegion] =
|
|
21766
|
-
const [isContinueEnabled, setIsContinueEnabled] =
|
|
21767
|
-
const handleOnCompleted =
|
|
22256
|
+
const [isSupportedRegion, setIsSupportedRegion] = useState45(true);
|
|
22257
|
+
const [isContinueEnabled, setIsContinueEnabled] = useState45(false);
|
|
22258
|
+
const handleOnCompleted = useCallback30(() => {
|
|
21768
22259
|
onNext({
|
|
21769
22260
|
depositAddress: paymentAddress
|
|
21770
22261
|
});
|
|
21771
22262
|
}, [onNext, paymentAddress]);
|
|
21772
|
-
const MoonpayWidget =
|
|
22263
|
+
const MoonpayWidget = useMemo26(() => {
|
|
21773
22264
|
return /* @__PURE__ */ React172.createElement(
|
|
21774
22265
|
FunPaymentMoonpayType,
|
|
21775
22266
|
{
|
|
@@ -21799,8 +22290,8 @@ function MoonpaySetup({
|
|
|
21799
22290
|
|
|
21800
22291
|
// src/modals/CheckoutModal/SelectAsset.tsx
|
|
21801
22292
|
import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
|
|
21802
|
-
import { formatCurrencyAndStringify as
|
|
21803
|
-
import React175, { useEffect as
|
|
22293
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
|
|
22294
|
+
import React175, { useEffect as useEffect39, useMemo as useMemo28, useState as useState46 } from "react";
|
|
21804
22295
|
import { createPortal as createPortal11 } from "react-dom";
|
|
21805
22296
|
|
|
21806
22297
|
// src/components/Dropdown/ReceiveTokenDropdown.tsx
|
|
@@ -21930,7 +22421,7 @@ var NewTokenDepositAlert = ({
|
|
|
21930
22421
|
// src/hooks/useAllowedAssets.ts
|
|
21931
22422
|
import { getAllowedAssets } from "@funkit/api-base";
|
|
21932
22423
|
import { useQuery as useQuery16 } from "@tanstack/react-query";
|
|
21933
|
-
import { useCallback as
|
|
22424
|
+
import { useCallback as useCallback31, useMemo as useMemo27 } from "react";
|
|
21934
22425
|
function useAllowedAssets() {
|
|
21935
22426
|
const { apiKey } = useFunkitConfig();
|
|
21936
22427
|
const { checkoutItem } = useCheckoutContext();
|
|
@@ -21944,7 +22435,7 @@ function useAllowedAssets() {
|
|
|
21944
22435
|
staleTime: 5 * 60 * 1e3,
|
|
21945
22436
|
gcTime: Number.POSITIVE_INFINITY
|
|
21946
22437
|
});
|
|
21947
|
-
const tokens =
|
|
22438
|
+
const tokens = useMemo27(() => {
|
|
21948
22439
|
if (!allowedAssets) {
|
|
21949
22440
|
return {};
|
|
21950
22441
|
}
|
|
@@ -21955,7 +22446,7 @@ function useAllowedAssets() {
|
|
|
21955
22446
|
}
|
|
21956
22447
|
return ret;
|
|
21957
22448
|
}, [allowedAssets]);
|
|
21958
|
-
const isAllowed =
|
|
22449
|
+
const isAllowed = useCallback31(
|
|
21959
22450
|
(chainId, tokenAddress) => {
|
|
21960
22451
|
const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
|
|
21961
22452
|
(token) => {
|
|
@@ -22027,7 +22518,7 @@ function useEnrichedAccountHoldings({
|
|
|
22027
22518
|
amount: checkoutConfig?.targetAssetAmount
|
|
22028
22519
|
});
|
|
22029
22520
|
const minValueThreshold = checkoutConfig?.isDefiMode ? targetAssetUsdAmount : void 0;
|
|
22030
|
-
const enrichedAccountHoldings =
|
|
22521
|
+
const enrichedAccountHoldings = useMemo28(() => {
|
|
22031
22522
|
if (!checkoutConfig) {
|
|
22032
22523
|
return [];
|
|
22033
22524
|
}
|
|
@@ -22069,7 +22560,7 @@ function useAssetOptions({
|
|
|
22069
22560
|
chainId,
|
|
22070
22561
|
dynamicTargetAssetCandidates
|
|
22071
22562
|
}) {
|
|
22072
|
-
const assetOptions =
|
|
22563
|
+
const assetOptions = useMemo28(() => {
|
|
22073
22564
|
return enrichedAccountHoldings.filter(
|
|
22074
22565
|
({ asset }) => chainId !== void 0 ? asset.pickedChainId === chainId.toString() : true
|
|
22075
22566
|
).map(({ asset, usableForCheckout }) => {
|
|
@@ -22132,10 +22623,10 @@ function MeshOrAccountSelectAsset({
|
|
|
22132
22623
|
fetchHoldingsError,
|
|
22133
22624
|
onClose
|
|
22134
22625
|
}) {
|
|
22135
|
-
const [selectedChainId, setSelectedChainId] =
|
|
22626
|
+
const [selectedChainId, setSelectedChainId] = useState46();
|
|
22136
22627
|
const { apiKey, textCustomizations } = useFunkitConfig();
|
|
22137
22628
|
const { checkoutItem, updateSourceAsset, updateTargetAsset } = useCheckoutContext();
|
|
22138
|
-
const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] =
|
|
22629
|
+
const [explicitlySelectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState46("");
|
|
22139
22630
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
22140
22631
|
const candidates = checkoutConfig?.dynamicTargetAssetCandidates;
|
|
22141
22632
|
const withTargetAssetSection = isBsxCustomer(apiKey) || isKatanaCustomer(apiKey);
|
|
@@ -22149,8 +22640,8 @@ function MeshOrAccountSelectAsset({
|
|
|
22149
22640
|
iconSrc: checkoutItem?.initSettings.config.iconSrc || "",
|
|
22150
22641
|
targetAssetMinAmount: 0
|
|
22151
22642
|
};
|
|
22152
|
-
const [selectedTargetAsset, setSelectedTargetAsset] =
|
|
22153
|
-
const defaultTokenSymbols =
|
|
22643
|
+
const [selectedTargetAsset, setSelectedTargetAsset] = useState46(defaultTargetAsset);
|
|
22644
|
+
const defaultTokenSymbols = useMemo28(() => {
|
|
22154
22645
|
if (!checkoutConfig) {
|
|
22155
22646
|
return [];
|
|
22156
22647
|
}
|
|
@@ -22217,7 +22708,7 @@ function MeshOrAccountSelectAsset({
|
|
|
22217
22708
|
handleTargetAssetUpdate(tokenItem);
|
|
22218
22709
|
onFinish();
|
|
22219
22710
|
});
|
|
22220
|
-
const selectedChainTokenSymbol =
|
|
22711
|
+
const selectedChainTokenSymbol = useMemo28(() => {
|
|
22221
22712
|
if (explicitlySelectedChainTokenSymbol) {
|
|
22222
22713
|
const assetExists = assetOptions.find(
|
|
22223
22714
|
({ asset }) => asset.chainSymbolKey === explicitlySelectedChainTokenSymbol
|
|
@@ -22245,7 +22736,7 @@ function MeshOrAccountSelectAsset({
|
|
|
22245
22736
|
checkoutItem?.selectedSourceAssetInfo,
|
|
22246
22737
|
explicitlySelectedChainTokenSymbol
|
|
22247
22738
|
]);
|
|
22248
|
-
|
|
22739
|
+
useEffect39(() => {
|
|
22249
22740
|
const optionEl = document.getElementById(
|
|
22250
22741
|
`option-${selectedChainTokenSymbol}`
|
|
22251
22742
|
);
|
|
@@ -22415,7 +22906,7 @@ var SelectAssetInfoSection = ({
|
|
|
22415
22906
|
{
|
|
22416
22907
|
type: paymentMethodInfo.paymentMethod,
|
|
22417
22908
|
keyText: label.text,
|
|
22418
|
-
disclaimerText:
|
|
22909
|
+
disclaimerText: formatCurrencyAndStringify11(totalBalance),
|
|
22419
22910
|
keyIcon: label.icon,
|
|
22420
22911
|
onClick: onSelectSource
|
|
22421
22912
|
}
|
|
@@ -22479,8 +22970,8 @@ function SelectAsset({
|
|
|
22479
22970
|
}
|
|
22480
22971
|
|
|
22481
22972
|
// src/modals/CheckoutModal/SourceChange/SourceChange.tsx
|
|
22482
|
-
import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as
|
|
22483
|
-
import React177, { useCallback as useCallback32, useEffect as
|
|
22973
|
+
import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
|
|
22974
|
+
import React177, { useCallback as useCallback32, useEffect as useEffect40, useState as useState47 } from "react";
|
|
22484
22975
|
import { createPortal as createPortal12 } from "react-dom";
|
|
22485
22976
|
|
|
22486
22977
|
// src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
|
|
@@ -22503,85 +22994,6 @@ var DefiPurchaseSection = ({ config }) => {
|
|
|
22503
22994
|
);
|
|
22504
22995
|
};
|
|
22505
22996
|
|
|
22506
|
-
// src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
|
|
22507
|
-
import {
|
|
22508
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15,
|
|
22509
|
-
katanaChain
|
|
22510
|
-
} from "@funkit/chains";
|
|
22511
|
-
import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
|
|
22512
|
-
import { useCallback as useCallback31, useState as useState46 } from "react";
|
|
22513
|
-
import { mainnet as mainnet8, mantle, zksync as zksync2 } from "viem/chains";
|
|
22514
|
-
var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
|
|
22515
|
-
if (!checkoutItem?.initSettings.config.targetChain) {
|
|
22516
|
-
throw new Error("pickSourceAssetForCard: Missing targetChain");
|
|
22517
|
-
}
|
|
22518
|
-
logger.log("pickSourceAssetForCard:begin", checkoutItem.initSettings.config);
|
|
22519
|
-
const isNyOrTxOrVi = userIpInfo ? userIpInfo.alpha2 === "US" && ["NY", "TX", "VI"].includes(userIpInfo.state) : false;
|
|
22520
|
-
const isCanada = userIpInfo ? userIpInfo.alpha2 === "CA" : false;
|
|
22521
|
-
const moonpayChainId = getMockedTargetChainId(
|
|
22522
|
-
checkoutItem.initSettings.config,
|
|
22523
|
-
[zksync2.id.toString(), mantle.id.toString(), katanaChain.id.toString()]
|
|
22524
|
-
);
|
|
22525
|
-
const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
|
|
22526
|
-
const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
|
|
22527
|
-
checkoutItem.initSettings.config.targetAsset
|
|
22528
|
-
) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO15[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
|
|
22529
|
-
let sourceTokenAddress;
|
|
22530
|
-
let sourceTokenTicker;
|
|
22531
|
-
let sourceTokenChainId;
|
|
22532
|
-
if (isCanada) {
|
|
22533
|
-
sourceTokenTicker = "ETH" /* ETH */;
|
|
22534
|
-
sourceTokenAddress = NATIVE_TOKEN;
|
|
22535
|
-
sourceTokenChainId = moonpayChainId;
|
|
22536
|
-
} else {
|
|
22537
|
-
sourceTokenChainId = isNyOrTxOrVi ? mainnet8.id.toString() : moonpayChainId;
|
|
22538
|
-
if (isTargetAssetEthOrWeth) {
|
|
22539
|
-
sourceTokenTicker = "ETH" /* ETH */;
|
|
22540
|
-
sourceTokenAddress = NATIVE_TOKEN;
|
|
22541
|
-
} else {
|
|
22542
|
-
sourceTokenTicker = "USDC" /* USDC */;
|
|
22543
|
-
sourceTokenAddress = await getTokenAddressBySymbolAndChainId2(
|
|
22544
|
-
"USDC" /* USDC */,
|
|
22545
|
-
sourceTokenChainId
|
|
22546
|
-
);
|
|
22547
|
-
}
|
|
22548
|
-
}
|
|
22549
|
-
logger.log("pickSourceAssetForCard:result", {
|
|
22550
|
-
targetAssetInfo: checkoutItem?.initSettings.config,
|
|
22551
|
-
isNyOrTxOrVi,
|
|
22552
|
-
isCanada,
|
|
22553
|
-
isTargetAssetEthOrWeth,
|
|
22554
|
-
sourceTokenAddress,
|
|
22555
|
-
sourceTokenChainId,
|
|
22556
|
-
sourceTokenTicker
|
|
22557
|
-
});
|
|
22558
|
-
return {
|
|
22559
|
-
sourceTokenAddress,
|
|
22560
|
-
sourceTokenTicker,
|
|
22561
|
-
sourceTokenChainId
|
|
22562
|
-
};
|
|
22563
|
-
};
|
|
22564
|
-
function useUpdateCardSourceAsset() {
|
|
22565
|
-
const { checkoutItem, updateSourceAsset } = useCheckoutContext();
|
|
22566
|
-
const { userIpInfo } = useFunkitUserIp();
|
|
22567
|
-
const [isUpdating, setIsUpdating] = useState46(false);
|
|
22568
|
-
const onSelectCard = useCallback31(async () => {
|
|
22569
|
-
setIsUpdating(true);
|
|
22570
|
-
try {
|
|
22571
|
-
const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
|
|
22572
|
-
updateSourceAsset({
|
|
22573
|
-
tokenAddress: source.sourceTokenAddress,
|
|
22574
|
-
symbol: source.sourceTokenTicker,
|
|
22575
|
-
pickedChainId: source.sourceTokenChainId,
|
|
22576
|
-
iconSrc: void 0
|
|
22577
|
-
});
|
|
22578
|
-
} finally {
|
|
22579
|
-
setIsUpdating(false);
|
|
22580
|
-
}
|
|
22581
|
-
}, [checkoutItem, updateSourceAsset, userIpInfo]);
|
|
22582
|
-
return { onSelectCard, isUpdating };
|
|
22583
|
-
}
|
|
22584
|
-
|
|
22585
22997
|
// src/modals/CheckoutModal/SourceChange/SourceChange.tsx
|
|
22586
22998
|
var SourceChangeInfo = {
|
|
22587
22999
|
Component: SourceChange,
|
|
@@ -22695,7 +23107,7 @@ function PayPal() {
|
|
|
22695
23107
|
const isPaypalReady = false;
|
|
22696
23108
|
const onClick = useCallback32(() => {
|
|
22697
23109
|
if (isMeldEnabled && isPaypalReady) {
|
|
22698
|
-
openMeldPopup(() => mutateAsync(
|
|
23110
|
+
openMeldPopup(() => mutateAsync(MeldServiceProvider4.PAYPAL));
|
|
22699
23111
|
} else {
|
|
22700
23112
|
checkoutItem?.initSettings.onPolymarketPayPalSwitch?.();
|
|
22701
23113
|
}
|
|
@@ -22734,7 +23146,7 @@ function SourceChange({
|
|
|
22734
23146
|
const enableMeldPayment = useIsMeldEnabled();
|
|
22735
23147
|
const isDefiMode = checkoutItem?.initSettings.config.isDefiMode;
|
|
22736
23148
|
const hasAutoContinue = !isOstiumCustomer(apiKey) && !isDefiMode;
|
|
22737
|
-
|
|
23149
|
+
useEffect40(() => {
|
|
22738
23150
|
if (!paymentMethodInfo) {
|
|
22739
23151
|
return;
|
|
22740
23152
|
}
|
|
@@ -22902,7 +23314,7 @@ function SourceChange({
|
|
|
22902
23314
|
|
|
22903
23315
|
// src/modals/CheckoutModal/TransferToken/TransferToken.tsx
|
|
22904
23316
|
import { motion as motion9, useAnimationControls as useAnimationControls3 } from "motion/react";
|
|
22905
|
-
import React189, { useRef as
|
|
23317
|
+
import React189, { useRef as useRef18, useState as useState51 } from "react";
|
|
22906
23318
|
import { createPortal as createPortal13 } from "react-dom";
|
|
22907
23319
|
|
|
22908
23320
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
@@ -22910,7 +23322,7 @@ import { truncateMiddleOfAddress } from "@funkit/utils";
|
|
|
22910
23322
|
import React178, { useCallback as useCallback34, useState as useState49 } from "react";
|
|
22911
23323
|
|
|
22912
23324
|
// src/hooks/useCopyToClipboard.ts
|
|
22913
|
-
import { useCallback as useCallback33, useEffect as
|
|
23325
|
+
import { useCallback as useCallback33, useEffect as useEffect41, useState as useState48 } from "react";
|
|
22914
23326
|
var useCopyToClipboard = (text, delay = 1500) => {
|
|
22915
23327
|
const [isCopied, setCopied] = useState48(false);
|
|
22916
23328
|
const handleCopy = useCallback33(() => {
|
|
@@ -22920,7 +23332,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
|
|
|
22920
23332
|
navigator.clipboard.writeText(text);
|
|
22921
23333
|
setCopied(true);
|
|
22922
23334
|
}, [text]);
|
|
22923
|
-
|
|
23335
|
+
useEffect41(() => {
|
|
22924
23336
|
if (!isCopied) {
|
|
22925
23337
|
return;
|
|
22926
23338
|
}
|
|
@@ -22931,7 +23343,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
|
|
|
22931
23343
|
};
|
|
22932
23344
|
|
|
22933
23345
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
22934
|
-
var copyButton = "_1kbzei93 _1rsrm2fel _1rsrm2ffi _1rsrm2fgb _1rsrm2fdk _1rsrm2fi9
|
|
23346
|
+
var copyButton = "_1kbzei93 _1rsrm2fel _1rsrm2ffi _1rsrm2fgb _1rsrm2fdk _1rsrm2fi9 _1rsrm2f1mq _1rsrm2fm2 _1rsrm2fmf _1rsrm2foa";
|
|
22935
23347
|
var copyButtonIcon = "_1kbzei94";
|
|
22936
23348
|
var copyButtonIconActive = "_1kbzei96 _1kbzei94";
|
|
22937
23349
|
var copyButtonIconBase = "_1kbzei95";
|
|
@@ -23016,7 +23428,7 @@ var LightningBoltIcon = ({ size = 16 }) => /* @__PURE__ */ React179.createElemen
|
|
|
23016
23428
|
|
|
23017
23429
|
// src/components/QRCode/QRCode.tsx
|
|
23018
23430
|
import QRCodeUtil from "qrcode";
|
|
23019
|
-
import React180, { useMemo as
|
|
23431
|
+
import React180, { useMemo as useMemo29 } from "react";
|
|
23020
23432
|
var generateMatrix = (value, errorCorrectionLevel) => {
|
|
23021
23433
|
const { data } = QRCodeUtil.create(value, { errorCorrectionLevel }).modules;
|
|
23022
23434
|
const sqrt = Math.sqrt(data.length);
|
|
@@ -23044,7 +23456,7 @@ function QRCode({
|
|
|
23044
23456
|
}) {
|
|
23045
23457
|
const { activeTheme } = useActiveTheme();
|
|
23046
23458
|
const size = sizeProp - Number.parseInt(outsidePadding, 10) * 2;
|
|
23047
|
-
const dots =
|
|
23459
|
+
const dots = useMemo29(() => {
|
|
23048
23460
|
const dots2 = [];
|
|
23049
23461
|
const matrix = generateMatrix(uri, ecl);
|
|
23050
23462
|
const cellSize = size / matrix.length;
|
|
@@ -23587,7 +23999,7 @@ var TransferTokenDetails = ({
|
|
|
23587
23999
|
// src/hooks/useTokenTransfer.ts
|
|
23588
24000
|
import { solanaChain as solanaChain4 } from "@funkit/chains";
|
|
23589
24001
|
import { FlagKey as FlagKey25 } from "@funkit/utils";
|
|
23590
|
-
import { useMemo as
|
|
24002
|
+
import { useMemo as useMemo30 } from "react";
|
|
23591
24003
|
import { mainnet as mainnet9, polygon as polygon7 } from "viem/chains";
|
|
23592
24004
|
var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
|
|
23593
24005
|
const { checkoutItem } = useCheckoutContext();
|
|
@@ -23644,7 +24056,7 @@ var useMinTransferValue = (selectedChainId) => {
|
|
|
23644
24056
|
};
|
|
23645
24057
|
var useMinTransferValues = (chainIds) => {
|
|
23646
24058
|
const limits = useMinTransferLimits();
|
|
23647
|
-
return
|
|
24059
|
+
return useMemo30(() => {
|
|
23648
24060
|
return chainIds.reduce(
|
|
23649
24061
|
(acc, id) => {
|
|
23650
24062
|
const limit = id === mainnet9.id ? limits.mainnet : limits.nonMainnet;
|
|
@@ -23711,7 +24123,7 @@ function TransferToken({
|
|
|
23711
24123
|
const { checkoutItem } = useCheckoutContext();
|
|
23712
24124
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
23713
24125
|
const { transferToken } = modalState;
|
|
23714
|
-
const disclaimerTextWrapperRef =
|
|
24126
|
+
const disclaimerTextWrapperRef = useRef18(null);
|
|
23715
24127
|
const { transferInit } = useCheckoutTransferInit();
|
|
23716
24128
|
const {
|
|
23717
24129
|
assets,
|
|
@@ -24319,7 +24731,7 @@ var FiatAccountDetail = {
|
|
|
24319
24731
|
|
|
24320
24732
|
// src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
|
|
24321
24733
|
import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
|
|
24322
|
-
import React196, { useCallback as useCallback35, useEffect as
|
|
24734
|
+
import React196, { useCallback as useCallback35, useEffect as useEffect42, useMemo as useMemo31, useState as useState53 } from "react";
|
|
24323
24735
|
function useIframeListener(listeners) {
|
|
24324
24736
|
const handleMessage = useCallback35(
|
|
24325
24737
|
(event) => {
|
|
@@ -24343,7 +24755,7 @@ function useIframeListener(listeners) {
|
|
|
24343
24755
|
},
|
|
24344
24756
|
[listeners]
|
|
24345
24757
|
);
|
|
24346
|
-
|
|
24758
|
+
useEffect42(() => {
|
|
24347
24759
|
window.addEventListener("message", handleMessage);
|
|
24348
24760
|
return () => {
|
|
24349
24761
|
window.removeEventListener("message", handleMessage);
|
|
@@ -24372,7 +24784,7 @@ function KycIframe({
|
|
|
24372
24784
|
const { clearVirtualFiatAccounts } = useClearFrogAccountsCache();
|
|
24373
24785
|
const { data: kycLink, isLoading: isLinkLoading } = useLoadKycLink(modalState);
|
|
24374
24786
|
const [iframeLoading, setIframeLoading] = useState53(true);
|
|
24375
|
-
const listeners =
|
|
24787
|
+
const listeners = useMemo31(
|
|
24376
24788
|
() => ({
|
|
24377
24789
|
load: () => {
|
|
24378
24790
|
logger.info("KYC iframe loaded");
|
|
@@ -24529,7 +24941,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
|
24529
24941
|
);
|
|
24530
24942
|
const { animation, animate } = useAnimatedNavigation(void 0);
|
|
24531
24943
|
const [stateHistory, setHistory] = useState54([]);
|
|
24532
|
-
const prevStep =
|
|
24944
|
+
const prevStep = useRef19(null);
|
|
24533
24945
|
const hasHistoryEntry = stateHistory.length > 1;
|
|
24534
24946
|
const onNext = useCallback36(
|
|
24535
24947
|
(payload) => {
|
|
@@ -24650,11 +25062,11 @@ function FunCheckoutModalHeightAnimationWrapper({
|
|
|
24650
25062
|
children,
|
|
24651
25063
|
checkoutStep
|
|
24652
25064
|
}) {
|
|
24653
|
-
const containerRef =
|
|
24654
|
-
const animationFrameRef =
|
|
24655
|
-
const resizeObserverRef =
|
|
25065
|
+
const containerRef = useRef20(null);
|
|
25066
|
+
const animationFrameRef = useRef20(null);
|
|
25067
|
+
const resizeObserverRef = useRef20(null);
|
|
24656
25068
|
const [height, setHeight] = useState55("auto");
|
|
24657
|
-
|
|
25069
|
+
useEffect43(() => {
|
|
24658
25070
|
if (containerRef.current) {
|
|
24659
25071
|
resizeObserverRef.current = new ResizeObserver((entries) => {
|
|
24660
25072
|
animationFrameRef.current = requestAnimationFrame(() => {
|
|
@@ -24701,7 +25113,7 @@ function FunCheckoutModalHeightAnimationWrapper({
|
|
|
24701
25113
|
}
|
|
24702
25114
|
|
|
24703
25115
|
// src/components/FunConnectOptions/FunConnectResultStep.tsx
|
|
24704
|
-
import React199, { useEffect as
|
|
25116
|
+
import React199, { useEffect as useEffect44 } from "react";
|
|
24705
25117
|
|
|
24706
25118
|
// src/components/FunMessage/FunMessage.tsx
|
|
24707
25119
|
import React198 from "react";
|
|
@@ -24746,7 +25158,7 @@ var FunConnectResultStep = ({
|
|
|
24746
25158
|
qrCodeUri
|
|
24747
25159
|
}) => {
|
|
24748
25160
|
const hasAutoclose = type === "success";
|
|
24749
|
-
|
|
25161
|
+
useEffect44(() => {
|
|
24750
25162
|
if (!hasAutoclose) {
|
|
24751
25163
|
return;
|
|
24752
25164
|
}
|
|
@@ -24798,7 +25210,7 @@ var FunConnectResultStep = ({
|
|
|
24798
25210
|
|
|
24799
25211
|
// src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
|
|
24800
25212
|
import { isMobile as isMobile7, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
|
|
24801
|
-
import React202, { useCallback as useCallback37, useEffect as
|
|
25213
|
+
import React202, { useCallback as useCallback37, useEffect as useEffect45 } from "react";
|
|
24802
25214
|
|
|
24803
25215
|
// src/components/CopyAddress/OldCopyAddressButton.tsx
|
|
24804
25216
|
import React201 from "react";
|
|
@@ -24845,7 +25257,7 @@ function FunFarcasterConnectingStep({
|
|
|
24845
25257
|
}) {
|
|
24846
25258
|
const mobile = isMobile7();
|
|
24847
25259
|
const safari = isSafari2();
|
|
24848
|
-
|
|
25260
|
+
useEffect45(() => {
|
|
24849
25261
|
if (farcasterUri && mobile && !safari) {
|
|
24850
25262
|
redirectInMobile(farcasterUri);
|
|
24851
25263
|
}
|
|
@@ -24899,13 +25311,13 @@ function FunFarcasterConnectingStep({
|
|
|
24899
25311
|
|
|
24900
25312
|
// src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
|
|
24901
25313
|
import { isNotNullish as isNotNullish10 } from "@funkit/utils";
|
|
24902
|
-
import React205, { useCallback as useCallback39, useEffect as
|
|
25314
|
+
import React205, { useCallback as useCallback39, useEffect as useEffect47, useState as useState57 } from "react";
|
|
24903
25315
|
|
|
24904
25316
|
// src/components/FunInput/FunTwoFaInput.tsx
|
|
24905
25317
|
import React203, {
|
|
24906
25318
|
useCallback as useCallback38,
|
|
24907
|
-
useEffect as
|
|
24908
|
-
useRef as
|
|
25319
|
+
useEffect as useEffect46,
|
|
25320
|
+
useRef as useRef21,
|
|
24909
25321
|
useState as useState56
|
|
24910
25322
|
} from "react";
|
|
24911
25323
|
var FunTwoFaInput = ({
|
|
@@ -24919,13 +25331,13 @@ var FunTwoFaInput = ({
|
|
|
24919
25331
|
hasResent = false,
|
|
24920
25332
|
onCompleted
|
|
24921
25333
|
}) => {
|
|
24922
|
-
const inputRefs =
|
|
25334
|
+
const inputRefs = useRef21(
|
|
24923
25335
|
Array.from({ length: initialInputLength }, () => null)
|
|
24924
25336
|
);
|
|
24925
25337
|
const [currentLength, setCurrentLength] = useState56(initialInputLength);
|
|
24926
25338
|
const [focusIndex, setFocusIndex] = useState56(0);
|
|
24927
25339
|
const [isFocused, setIsFocused] = useState56(false);
|
|
24928
|
-
|
|
25340
|
+
useEffect46(() => {
|
|
24929
25341
|
if (!value) {
|
|
24930
25342
|
setFocusIndex(0);
|
|
24931
25343
|
}
|
|
@@ -25125,7 +25537,7 @@ var FunWeb2ConnectingStep = ({
|
|
|
25125
25537
|
loginErrorMessage,
|
|
25126
25538
|
clearLoginError
|
|
25127
25539
|
} = useFunkitWeb2Login();
|
|
25128
|
-
|
|
25540
|
+
useEffect47(() => {
|
|
25129
25541
|
clearLoginError();
|
|
25130
25542
|
}, []);
|
|
25131
25543
|
const handleOtpComplete = useCallback39(
|
|
@@ -25369,7 +25781,7 @@ function FunConnectOptions({
|
|
|
25369
25781
|
}
|
|
25370
25782
|
}
|
|
25371
25783
|
};
|
|
25372
|
-
const stepComponent =
|
|
25784
|
+
const stepComponent = useMemo32(() => {
|
|
25373
25785
|
switch (step) {
|
|
25374
25786
|
case 0 /* SIGNIN_PRIMARY */:
|
|
25375
25787
|
case 1 /* SIGNIN_SECONDARY */:
|
|
@@ -25478,7 +25890,7 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
|
|
|
25478
25890
|
function useEnabledSocialLogins() {
|
|
25479
25891
|
const funkitConfig = useFunkitConfig();
|
|
25480
25892
|
const { web2SocialLogins } = funkitConfig.loginConfig;
|
|
25481
|
-
const enabledSocialItems =
|
|
25893
|
+
const enabledSocialItems = useMemo33(() => {
|
|
25482
25894
|
return FULL_SOCIAL_LOGIN_OPTIONS.filter(
|
|
25483
25895
|
(oAuthItem) => !!web2SocialLogins[oAuthItem.funkitKey]
|
|
25484
25896
|
);
|
|
@@ -25507,7 +25919,7 @@ function FunSignInStep({
|
|
|
25507
25919
|
handleOauthRedirect,
|
|
25508
25920
|
handleGenerateFcUri
|
|
25509
25921
|
} = useFunkitWeb2Login();
|
|
25510
|
-
const isEmailInputValid =
|
|
25922
|
+
const isEmailInputValid = useMemo33(() => {
|
|
25511
25923
|
return validateEmailString(emailInput);
|
|
25512
25924
|
}, [emailInput]);
|
|
25513
25925
|
const [emailError, setEmailError] = useState59();
|
|
@@ -25917,7 +26329,7 @@ function StatusTag({ state, refundState, isDelayed: isDelayed2 }) {
|
|
|
25917
26329
|
const checkoutState = getCheckoutStateBooleans(state, refundState);
|
|
25918
26330
|
const [delayedCheckoutState, setDelayedCheckoutState] = useState60(checkoutState);
|
|
25919
26331
|
const { status, isCompleted, isRefundProceeded } = delayedCheckoutState;
|
|
25920
|
-
|
|
26332
|
+
useEffect48(() => {
|
|
25921
26333
|
const timeout = setTimeout(
|
|
25922
26334
|
() => {
|
|
25923
26335
|
setDelayedCheckoutState(getCheckoutStateBooleans(state, refundState));
|
|
@@ -25990,7 +26402,7 @@ function OrderDetail({
|
|
|
25990
26402
|
checkoutHistoryItem
|
|
25991
26403
|
}) {
|
|
25992
26404
|
const [isExpanded, setIsExpanded] = useState60(false);
|
|
25993
|
-
const contentRef =
|
|
26405
|
+
const contentRef = useRef22(null);
|
|
25994
26406
|
const isCheckoutItemLoaded = checkoutHistoryItem !== void 0;
|
|
25995
26407
|
return /* @__PURE__ */ React214.createElement(Box, { ref: contentRef, paddingX: "12" }, /* @__PURE__ */ React214.createElement(
|
|
25996
26408
|
Box,
|
|
@@ -26083,7 +26495,7 @@ function FunCheckoutHistoryDetail({
|
|
|
26083
26495
|
isActiveCheckout
|
|
26084
26496
|
]
|
|
26085
26497
|
);
|
|
26086
|
-
const primaryButtonProps =
|
|
26498
|
+
const primaryButtonProps = useMemo34(() => {
|
|
26087
26499
|
if (!isCheckoutLoaded) {
|
|
26088
26500
|
return void 0;
|
|
26089
26501
|
}
|
|
@@ -26172,7 +26584,7 @@ var CheckoutAlert = ({ state, refundState, onHelp }) => {
|
|
|
26172
26584
|
|
|
26173
26585
|
// src/components/FunCheckoutHistory/FunCheckoutHistoryHelp.tsx
|
|
26174
26586
|
import { sendSupportMessage } from "@funkit/api-base";
|
|
26175
|
-
import React218, { useEffect as
|
|
26587
|
+
import React218, { useEffect as useEffect49, useMemo as useMemo35, useRef as useRef23, useState as useState62 } from "react";
|
|
26176
26588
|
import { createPortal as createPortal15 } from "react-dom";
|
|
26177
26589
|
|
|
26178
26590
|
// src/components/FunInput/FunTextAreaInput.tsx
|
|
@@ -26325,14 +26737,14 @@ function FunCheckoutHistoryHelp({
|
|
|
26325
26737
|
);
|
|
26326
26738
|
const [descriptionInput, setDescriptionInput] = useState62("");
|
|
26327
26739
|
const [errorMessage, setErrorMessage] = useState62();
|
|
26328
|
-
const isEmailInputValid =
|
|
26740
|
+
const isEmailInputValid = useMemo35(() => {
|
|
26329
26741
|
return validateEmailString(emailInput);
|
|
26330
26742
|
}, [emailInput]);
|
|
26331
26743
|
const [processStage, setProcessStage] = useState62(
|
|
26332
26744
|
0 /* INPUT */
|
|
26333
26745
|
);
|
|
26334
|
-
const wrapperRef =
|
|
26335
|
-
|
|
26746
|
+
const wrapperRef = useRef23(null);
|
|
26747
|
+
useEffect49(() => wrapperRef.current?.scrollIntoView(), []);
|
|
26336
26748
|
const handleShowErrorMessage = (message, timeMs = FIVE_SECONDS_MS) => {
|
|
26337
26749
|
setErrorMessage(message);
|
|
26338
26750
|
if (timeMs !== void 0) {
|
|
@@ -26517,7 +26929,7 @@ import {
|
|
|
26517
26929
|
formatTimestamp as formatTimestamp2,
|
|
26518
26930
|
isTokenEquivalent as isTokenEquivalent7
|
|
26519
26931
|
} from "@funkit/utils";
|
|
26520
|
-
import React219, { useCallback as useCallback43, useMemo as
|
|
26932
|
+
import React219, { useCallback as useCallback43, useMemo as useMemo36, useRef as useRef24, useState as useState63 } from "react";
|
|
26521
26933
|
import { createPortal as createPortal16 } from "react-dom";
|
|
26522
26934
|
function FunDirectExecutionStatusTagLoaded({
|
|
26523
26935
|
directExecution
|
|
@@ -26558,7 +26970,7 @@ function FunDirectExecutionHistoryDetail({
|
|
|
26558
26970
|
]
|
|
26559
26971
|
);
|
|
26560
26972
|
const isWithdrawal = directExecution?.clientMetadata?.isWithdrawal;
|
|
26561
|
-
const buttonProps =
|
|
26973
|
+
const buttonProps = useMemo36(() => {
|
|
26562
26974
|
if (!isLoaded) {
|
|
26563
26975
|
return void 0;
|
|
26564
26976
|
}
|
|
@@ -26682,7 +27094,7 @@ function DirectExecutionOrderDetail({
|
|
|
26682
27094
|
isLoaded
|
|
26683
27095
|
}) {
|
|
26684
27096
|
const [isExpanded, setIsExpanded] = useState63(false);
|
|
26685
|
-
const contentRef =
|
|
27097
|
+
const contentRef = useRef24(null);
|
|
26686
27098
|
return /* @__PURE__ */ React219.createElement(Box, { ref: contentRef, paddingX: "12" }, /* @__PURE__ */ React219.createElement(
|
|
26687
27099
|
Box,
|
|
26688
27100
|
{
|
|
@@ -26837,7 +27249,7 @@ function WithdrawalModal({
|
|
|
26837
27249
|
hasBackButton: false,
|
|
26838
27250
|
hasCloseButton: true,
|
|
26839
27251
|
onClose,
|
|
26840
|
-
title: config.modalTitle
|
|
27252
|
+
title: config.modalTitle
|
|
26841
27253
|
}
|
|
26842
27254
|
),
|
|
26843
27255
|
withTopDivider: config.modalTitleMeta ? "always" : "scroll",
|
|
@@ -26971,7 +27383,7 @@ function useCheckoutModalTitle(depositAddress, defaultTitle) {
|
|
|
26971
27383
|
import { IN_PROGRESS_CHECKOUT_STATES as IN_PROGRESS_CHECKOUT_STATES2 } from "@funkit/api-base";
|
|
26972
27384
|
import { formatTimestampToDate, fullMonthNames } from "@funkit/utils";
|
|
26973
27385
|
import clsx20 from "clsx";
|
|
26974
|
-
import React232, { useEffect as
|
|
27386
|
+
import React232, { useEffect as useEffect50, useMemo as useMemo37, useRef as useRef25, useState as useState67 } from "react";
|
|
26975
27387
|
import { Virtuoso } from "react-virtuoso";
|
|
26976
27388
|
import { useAccount as useAccount7 } from "wagmi";
|
|
26977
27389
|
|
|
@@ -26999,9 +27411,9 @@ var GreenRoundCheckmark = ({ size = 15 }) => {
|
|
|
26999
27411
|
|
|
27000
27412
|
// src/modals/ProfileDetails/FunProfileViews/Home/BalanceSection.tsx
|
|
27001
27413
|
import React225 from "react";
|
|
27002
|
-
import { formatCurrencyAndStringify as
|
|
27414
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify12 } from "@funkit/utils";
|
|
27003
27415
|
var BalanceSection = ({ totalBalance }) => {
|
|
27004
|
-
return /* @__PURE__ */ React225.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React225.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React225.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" },
|
|
27416
|
+
return /* @__PURE__ */ React225.createElement(Box, { display: "flex", flexDirection: "column", gap: "16" }, /* @__PURE__ */ React225.createElement(Box, { display: "flex", justifyContent: "center", alignItems: "center" }, /* @__PURE__ */ React225.createElement(Text, { as: "h1", color: "primaryText", weight: "medium", size: "40" }, formatCurrencyAndStringify12(
|
|
27005
27417
|
Number.parseFloat(totalBalance.toString())
|
|
27006
27418
|
))));
|
|
27007
27419
|
};
|
|
@@ -27015,7 +27427,7 @@ var tabLabelStyles = "_26hmws6";
|
|
|
27015
27427
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
|
|
27016
27428
|
import { formatTimestamp as formatTimestamp3 } from "@funkit/utils";
|
|
27017
27429
|
import {
|
|
27018
|
-
formatCurrencyAndStringify as
|
|
27430
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify13,
|
|
27019
27431
|
isMobile as isMobile9,
|
|
27020
27432
|
isNotNullish as isNotNullish11
|
|
27021
27433
|
} from "@funkit/utils";
|
|
@@ -27175,7 +27587,7 @@ var HomeCheckoutDisplayRow = ({
|
|
|
27175
27587
|
gap: "16"
|
|
27176
27588
|
},
|
|
27177
27589
|
/* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, checkoutConfig.checkoutItemTitle),
|
|
27178
|
-
/* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${
|
|
27590
|
+
/* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_MEDIUM2, weight: "medium", color: "primaryText" }, `${formatCurrencyAndStringify13(
|
|
27179
27591
|
checkoutClientMetadata?.finalDollarValue || 0
|
|
27180
27592
|
)} USD`)
|
|
27181
27593
|
), /* @__PURE__ */ React227.createElement(Box, { display: "flex", justifyContent: "space-between", gap: "16" }, /* @__PURE__ */ React227.createElement(Text, { size: TEXT_SIZE_SMALL2, color: "secondaryText" }, formatTimestamp3(new Date(checkoutHistoryItem.createdTimeMs), {
|
|
@@ -27236,8 +27648,8 @@ var HomeCheckoutDisplayRowSkeleton = () => {
|
|
|
27236
27648
|
|
|
27237
27649
|
// src/modals/ProfileDetails/FunProfileViews/Home/HomeTokenDisplayRow.tsx
|
|
27238
27650
|
import {
|
|
27239
|
-
formatCryptoAndStringify as
|
|
27240
|
-
formatCurrencyAndStringify as
|
|
27651
|
+
formatCryptoAndStringify as formatCryptoAndStringify7,
|
|
27652
|
+
formatCurrencyAndStringify as formatCurrencyAndStringify14,
|
|
27241
27653
|
isMobile as isMobile10
|
|
27242
27654
|
} from "@funkit/utils";
|
|
27243
27655
|
import React228 from "react";
|
|
@@ -27296,10 +27708,10 @@ var HomeTokenBalanceDisplayRow = ({
|
|
|
27296
27708
|
justifyContent: "space-between"
|
|
27297
27709
|
},
|
|
27298
27710
|
/* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, asset.name),
|
|
27299
|
-
/* @__PURE__ */ React228.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" },
|
|
27711
|
+
/* @__PURE__ */ React228.createElement(Text, { color: "secondaryText", size: TEXT_SIZE, weight: "regular" }, formatCryptoAndStringify7(normalizedAmount, asset.symbol))
|
|
27300
27712
|
)
|
|
27301
27713
|
),
|
|
27302
|
-
/* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" },
|
|
27714
|
+
/* @__PURE__ */ React228.createElement(Text, { color: "primaryText", size: TEXT_SIZE, weight: "regular" }, formatCurrencyAndStringify14(asset.totalUsdValue || 0))
|
|
27303
27715
|
);
|
|
27304
27716
|
};
|
|
27305
27717
|
var HomeTokenBalanceDisplayRowSkeleton = () => {
|
|
@@ -27505,8 +27917,8 @@ function Home({
|
|
|
27505
27917
|
animation
|
|
27506
27918
|
}) {
|
|
27507
27919
|
const [selectedView, setSelectedView] = useState67(defaultHomeTab);
|
|
27508
|
-
const checkoutsListRef =
|
|
27509
|
-
const virtuosoParentRef =
|
|
27920
|
+
const checkoutsListRef = useRef25(null);
|
|
27921
|
+
const virtuosoParentRef = useRef25(null);
|
|
27510
27922
|
const account = useAccount7();
|
|
27511
27923
|
useCheckoutHistoryListener();
|
|
27512
27924
|
const { userInfo, handleLogout } = useGeneralWallet();
|
|
@@ -27514,11 +27926,11 @@ function Home({
|
|
|
27514
27926
|
const { checkoutHistoryList, isCheckoutHistoryInited } = useCheckoutHistoryContext();
|
|
27515
27927
|
const { returnViewPresets } = useActivityTraversal();
|
|
27516
27928
|
const { animation: tabAnimation, navigateTo } = useAnimatedNavigation(setSelectedView);
|
|
27517
|
-
|
|
27929
|
+
useEffect50(() => {
|
|
27518
27930
|
const virtuosoDiv = virtuosoParentRef.current?.firstChild;
|
|
27519
27931
|
virtuosoDiv?.classList.add(animateVirtuosoInClass);
|
|
27520
27932
|
}, []);
|
|
27521
|
-
const AssetsList =
|
|
27933
|
+
const AssetsList = useMemo37(() => {
|
|
27522
27934
|
if (walletAssets && !Object.keys(walletAssets).length) {
|
|
27523
27935
|
return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
|
|
27524
27936
|
}
|
|
@@ -27545,7 +27957,7 @@ function Home({
|
|
|
27545
27957
|
}
|
|
27546
27958
|
));
|
|
27547
27959
|
}, [walletAssets]);
|
|
27548
|
-
const CheckoutsList =
|
|
27960
|
+
const CheckoutsList = useMemo37(() => {
|
|
27549
27961
|
if (checkoutHistoryList.length === 0 && isCheckoutHistoryInited) {
|
|
27550
27962
|
return /* @__PURE__ */ React232.createElement(EmptyTabAlert, null);
|
|
27551
27963
|
}
|
|
@@ -28219,7 +28631,7 @@ function ChainModal({ onClose, open }) {
|
|
|
28219
28631
|
import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3 } from "@funkit/chains";
|
|
28220
28632
|
import { LogLevel, initializeRelayClient } from "@funkit/fun-relay";
|
|
28221
28633
|
import { FlagKey as FlagKey27 } from "@funkit/utils";
|
|
28222
|
-
import React248, { useRef as
|
|
28634
|
+
import React248, { useRef as useRef27 } from "react";
|
|
28223
28635
|
|
|
28224
28636
|
// src/components/FunCheckoutBlocked/FunCheckoutBlocked.tsx
|
|
28225
28637
|
import React241 from "react";
|
|
@@ -28239,7 +28651,7 @@ var FunCheckoutBlocked = ({ reason }) => {
|
|
|
28239
28651
|
|
|
28240
28652
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
28241
28653
|
import clsx23 from "clsx";
|
|
28242
|
-
import React247, { useEffect as
|
|
28654
|
+
import React247, { useEffect as useEffect52, useMemo as useMemo38, useState as useState70 } from "react";
|
|
28243
28655
|
|
|
28244
28656
|
// src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
|
|
28245
28657
|
import React242 from "react";
|
|
@@ -28366,7 +28778,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f112 _1rsrm2f1e _1rsrm2f1b _1rsrm2flq
|
|
|
28366
28778
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
28367
28779
|
import clsx21 from "clsx";
|
|
28368
28780
|
import { motion as motion12, useAnimate as useAnimate3 } from "motion/react";
|
|
28369
|
-
import React243, { useCallback as useCallback47, useEffect as
|
|
28781
|
+
import React243, { useCallback as useCallback47, useEffect as useEffect51, useRef as useRef26 } from "react";
|
|
28370
28782
|
|
|
28371
28783
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
|
|
28372
28784
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
@@ -28815,8 +29227,8 @@ var FunNotificationBannerIcon = ({
|
|
|
28815
29227
|
)
|
|
28816
29228
|
]);
|
|
28817
29229
|
}, [animate]);
|
|
28818
|
-
const statusRef =
|
|
28819
|
-
|
|
29230
|
+
const statusRef = useRef26(status);
|
|
29231
|
+
useEffect51(() => {
|
|
28820
29232
|
if (statusRef.current !== status) {
|
|
28821
29233
|
if (statusRef.current === "processing" && status === "completed") {
|
|
28822
29234
|
triggerAnimationProcessingToCompleted();
|
|
@@ -29296,31 +29708,31 @@ var CheckoutNotifications = ({
|
|
|
29296
29708
|
const { data: directExecutions } = useRecentDirectExecutions({
|
|
29297
29709
|
isVisible
|
|
29298
29710
|
});
|
|
29299
|
-
|
|
29711
|
+
useEffect52(() => {
|
|
29300
29712
|
if (initialCheckouts || !checkouts) {
|
|
29301
29713
|
return;
|
|
29302
29714
|
}
|
|
29303
29715
|
setInitialCheckouts(checkouts);
|
|
29304
29716
|
}, [initialCheckouts, checkouts]);
|
|
29305
|
-
|
|
29717
|
+
useEffect52(() => {
|
|
29306
29718
|
if (initialDirectExecutions || !directExecutions) {
|
|
29307
29719
|
return;
|
|
29308
29720
|
}
|
|
29309
29721
|
setInitialDirectExecutions(directExecutions);
|
|
29310
29722
|
}, [initialDirectExecutions, directExecutions]);
|
|
29311
|
-
const displayedDirectExecutions =
|
|
29723
|
+
const displayedDirectExecutions = useMemo38(() => {
|
|
29312
29724
|
if (!directExecutions) {
|
|
29313
29725
|
return [];
|
|
29314
29726
|
}
|
|
29315
29727
|
return getUpdatedDirectExecutions(directExecutions, initialDirectExecutions).filter(({ txHash }) => !closedNotifications.includes(txHash)).slice(0, MAX_COUNT);
|
|
29316
29728
|
}, [initialDirectExecutions, directExecutions, closedNotifications]);
|
|
29317
|
-
const displayedCheckouts =
|
|
29729
|
+
const displayedCheckouts = useMemo38(() => {
|
|
29318
29730
|
if (!checkouts) {
|
|
29319
29731
|
return [];
|
|
29320
29732
|
}
|
|
29321
29733
|
return getUpdatedCheckouts(checkouts, initialCheckouts).filter(({ depositAddr }) => !closedNotifications.includes(depositAddr)).slice(0, MAX_COUNT);
|
|
29322
29734
|
}, [initialCheckouts, checkouts, closedNotifications]);
|
|
29323
|
-
const combinedNotifications =
|
|
29735
|
+
const combinedNotifications = useMemo38(() => {
|
|
29324
29736
|
return [
|
|
29325
29737
|
...displayedDirectExecutions.map(
|
|
29326
29738
|
(item) => ({ ...item, isDirectExecution: true })
|
|
@@ -29330,7 +29742,7 @@ var CheckoutNotifications = ({
|
|
|
29330
29742
|
)
|
|
29331
29743
|
].sort((a, b) => b.createdTimeMs - a.createdTimeMs);
|
|
29332
29744
|
}, [displayedDirectExecutions, displayedCheckouts]);
|
|
29333
|
-
const displayedNotifications =
|
|
29745
|
+
const displayedNotifications = useMemo38(() => {
|
|
29334
29746
|
return isExpanded ? combinedNotifications : combinedNotifications.slice(0, COLLAPSED_COUNT);
|
|
29335
29747
|
}, [isExpanded, combinedNotifications]);
|
|
29336
29748
|
const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
|
|
@@ -29439,7 +29851,7 @@ function FunCheckoutModalInner({
|
|
|
29439
29851
|
depositAddress
|
|
29440
29852
|
});
|
|
29441
29853
|
};
|
|
29442
|
-
const animationCallbackRef =
|
|
29854
|
+
const animationCallbackRef = useRef27(null);
|
|
29443
29855
|
const handleAnimationCompleteRegister = (cb) => {
|
|
29444
29856
|
animationCallbackRef.current = cb;
|
|
29445
29857
|
};
|
|
@@ -29659,7 +30071,7 @@ function ModalProvider({ children }) {
|
|
|
29659
30071
|
onConnect: () => closeModals(isUnauthenticated),
|
|
29660
30072
|
onDisconnect: closeModals
|
|
29661
30073
|
});
|
|
29662
|
-
|
|
30074
|
+
useEffect53(() => {
|
|
29663
30075
|
if (isUnauthenticated) {
|
|
29664
30076
|
closeModals();
|
|
29665
30077
|
}
|
|
@@ -29667,7 +30079,7 @@ function ModalProvider({ children }) {
|
|
|
29667
30079
|
return /* @__PURE__ */ React250.createElement(
|
|
29668
30080
|
ModalContext.Provider,
|
|
29669
30081
|
{
|
|
29670
|
-
value:
|
|
30082
|
+
value: useMemo39(
|
|
29671
30083
|
() => ({
|
|
29672
30084
|
accountModalOpen,
|
|
29673
30085
|
accountModalTab,
|
|
@@ -29764,7 +30176,7 @@ function useConnectModal(onClose) {
|
|
|
29764
30176
|
const { connectModalOpen, openConnectModal } = useContext16(ModalContext);
|
|
29765
30177
|
const { isWalletConnectModalOpen } = useWalletConnectOpenState();
|
|
29766
30178
|
const effectiveConnectModalOpen = connectModalOpen || isWalletConnectModalOpen;
|
|
29767
|
-
|
|
30179
|
+
useEffect53(() => {
|
|
29768
30180
|
if (!effectiveConnectModalOpen && onClose) {
|
|
29769
30181
|
onClose();
|
|
29770
30182
|
}
|
|
@@ -30098,7 +30510,7 @@ var FunkitWeb2Provider = ({
|
|
|
30098
30510
|
},
|
|
30099
30511
|
[]
|
|
30100
30512
|
);
|
|
30101
|
-
|
|
30513
|
+
useEffect54(() => {
|
|
30102
30514
|
const newPrivy = new PrivyJS({
|
|
30103
30515
|
appId: DEFAULT_PRIVY_APP_ID,
|
|
30104
30516
|
storage: new LocalStorage(),
|
|
@@ -30313,7 +30725,7 @@ var FunkitWeb2Provider = ({
|
|
|
30313
30725
|
}
|
|
30314
30726
|
}
|
|
30315
30727
|
}, [handleFunkitWeb2Login, initChainId, loginMethod]);
|
|
30316
|
-
|
|
30728
|
+
useEffect54(() => {
|
|
30317
30729
|
if (privy && privyIframeUrl && isNotNullish12(initChainId)) {
|
|
30318
30730
|
const iframe = document.getElementById(
|
|
30319
30731
|
PRIVY_IFRAME_ID
|
|
@@ -30438,7 +30850,7 @@ var FunkitWeb2Provider = ({
|
|
|
30438
30850
|
},
|
|
30439
30851
|
[privy]
|
|
30440
30852
|
);
|
|
30441
|
-
const web2UserInfo =
|
|
30853
|
+
const web2UserInfo = useMemo40(() => {
|
|
30442
30854
|
if (!loggedInUser || !loggedInUser?.linked_accounts || !loggedInUser?.linked_accounts?.length) {
|
|
30443
30855
|
return PLACEHOLDER_FUNKIT_USER_INFO;
|
|
30444
30856
|
}
|
|
@@ -30556,15 +30968,15 @@ function ShowBalanceProvider({ children }) {
|
|
|
30556
30968
|
var useShowBalance = () => useContext18(ShowBalanceContext);
|
|
30557
30969
|
|
|
30558
30970
|
// src/components/ConnectButton/ConnectButtonRenderer.tsx
|
|
30559
|
-
import { formatCurrencyAndStringify as
|
|
30971
|
+
import { formatCurrencyAndStringify as formatCurrencyAndStringify15, isMobile as isMobile14, noop as noop9 } from "@funkit/utils";
|
|
30560
30972
|
import React253 from "react";
|
|
30561
30973
|
import { useAccount as useAccount12, useBalance, useConfig as useConfig7 } from "wagmi";
|
|
30562
30974
|
|
|
30563
30975
|
// src/hooks/useIsMounted.ts
|
|
30564
|
-
import { useCallback as useCallback50, useEffect as
|
|
30976
|
+
import { useCallback as useCallback50, useEffect as useEffect55, useState as useState74 } from "react";
|
|
30565
30977
|
function useIsMounted() {
|
|
30566
30978
|
const [isMounted, setIsMounted] = useState74(false);
|
|
30567
|
-
|
|
30979
|
+
useEffect55(() => {
|
|
30568
30980
|
setIsMounted(true);
|
|
30569
30981
|
return () => {
|
|
30570
30982
|
setIsMounted(false);
|
|
@@ -30645,7 +31057,7 @@ function ConnectButtonRenderer({
|
|
|
30645
31057
|
query: { structuralSharing: false }
|
|
30646
31058
|
});
|
|
30647
31059
|
const balanceNativeAmount = balanceData ? `${abbreviateETHBalance(Number.parseFloat(balanceData.formatted))} ${balanceData.symbol}` : void 0;
|
|
30648
|
-
const displayBalance =
|
|
31060
|
+
const displayBalance = formatCurrencyAndStringify15(
|
|
30649
31061
|
Number.parseFloat(totalWalletAssetsUsd.toString())
|
|
30650
31062
|
);
|
|
30651
31063
|
const { openConnectModal } = useConnectModal();
|
|
@@ -30851,7 +31263,7 @@ function ConnectButton({
|
|
|
30851
31263
|
const connectionStatus = useConnectionStatus();
|
|
30852
31264
|
const { setShowBalance } = useShowBalance();
|
|
30853
31265
|
const [ready, setReady] = useState75(false);
|
|
30854
|
-
|
|
31266
|
+
useEffect56(() => {
|
|
30855
31267
|
setShowBalance(showBalance);
|
|
30856
31268
|
if (!ready) {
|
|
30857
31269
|
setReady(true);
|
|
@@ -31363,10 +31775,10 @@ var useIsFunkitCheckoutActivated = () => {
|
|
|
31363
31775
|
};
|
|
31364
31776
|
|
|
31365
31777
|
// src/hooks/useFunkitMaxCheckoutUsdInfo.ts
|
|
31366
|
-
import { FlagKey as FlagKey29, formatCurrencyAndStringify as
|
|
31778
|
+
import { FlagKey as FlagKey29, formatCurrencyAndStringify as formatCurrencyAndStringify16 } from "@funkit/utils";
|
|
31367
31779
|
var useFunkitMaxCheckoutUsdInfo = () => {
|
|
31368
31780
|
const maxCheckoutUsd = Number(useFlag(FlagKey29.MaxCheckoutUsd));
|
|
31369
|
-
const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" :
|
|
31781
|
+
const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify16(maxCheckoutUsd, {
|
|
31370
31782
|
decimalPrecisionForSuffix: 0,
|
|
31371
31783
|
minimumSignificantDigits: 0,
|
|
31372
31784
|
aggresiveDecimalPrecision: 0,
|
|
@@ -31476,26 +31888,26 @@ function validateFunkitProviderProps(props) {
|
|
|
31476
31888
|
}
|
|
31477
31889
|
|
|
31478
31890
|
// src/providers/useFingerprint.ts
|
|
31479
|
-
import { useCallback as useCallback51, useEffect as
|
|
31891
|
+
import { useCallback as useCallback51, useEffect as useEffect57 } from "react";
|
|
31480
31892
|
var storageKey5 = "funkit-connect-version";
|
|
31481
31893
|
function setFunkitConnectVersion({ version }) {
|
|
31482
31894
|
localStorage.setItem(storageKey5, version);
|
|
31483
31895
|
}
|
|
31484
31896
|
function getCurrentSdkVersion() {
|
|
31485
|
-
return "6.
|
|
31897
|
+
return "6.6.0";
|
|
31486
31898
|
}
|
|
31487
31899
|
function useFingerprint() {
|
|
31488
31900
|
const fingerprint = useCallback51(() => {
|
|
31489
31901
|
setFunkitConnectVersion({ version: getCurrentSdkVersion() });
|
|
31490
31902
|
}, []);
|
|
31491
|
-
|
|
31903
|
+
useEffect57(() => {
|
|
31492
31904
|
fingerprint();
|
|
31493
31905
|
}, [fingerprint]);
|
|
31494
31906
|
}
|
|
31495
31907
|
|
|
31496
31908
|
// src/providers/usePreloadImages.ts
|
|
31497
31909
|
import { isNotNullish as isNotNullish13 } from "@funkit/utils";
|
|
31498
|
-
import { useCallback as useCallback52, useEffect as
|
|
31910
|
+
import { useCallback as useCallback52, useEffect as useEffect58 } from "react";
|
|
31499
31911
|
function usePreloadImages() {
|
|
31500
31912
|
const funkitConnectChains = useFunkitConnectChains();
|
|
31501
31913
|
const walletConnectors = useWalletConnectors();
|
|
@@ -31505,7 +31917,7 @@ function usePreloadImages() {
|
|
|
31505
31917
|
...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish13)
|
|
31506
31918
|
);
|
|
31507
31919
|
}, [walletConnectors, funkitConnectChains]);
|
|
31508
|
-
|
|
31920
|
+
useEffect58(() => {
|
|
31509
31921
|
preloadImages();
|
|
31510
31922
|
}, [preloadImages]);
|
|
31511
31923
|
}
|