@funkit/connect 6.15.1 → 6.15.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +28 -0
- package/dist/{chunk-3SMGLDNF.js → chunk-KG5Q63KL.js} +4 -0
- package/dist/{chunk-XH2UUILF.js → chunk-L3BEU75V.js} +4 -0
- package/dist/components/Box/Box.d.ts +7 -7
- package/dist/components/FunInput/FunInput.css.d.ts +4 -0
- package/dist/components/FunInput/FunInput.d.ts +2 -0
- package/dist/components/FunTransactionSummary/PaymentMethodSummary.d.ts +2 -2
- package/dist/components/TransactionStatus/TransactionStatus.d.ts +1 -0
- package/dist/css/sprinkles.css.d.ts +15 -7
- package/dist/hooks/useCheckoutTimeEstimate.d.ts +7 -3
- package/dist/index.css +900 -776
- package/dist/index.js +404 -523
- package/dist/modals/CheckoutModal/ConfirmationStep/useAccountBalanceTransfer.d.ts +1 -1
- package/dist/providers/FunkitCheckoutContext/index.d.ts +1 -1
- package/dist/providers/FunkitThemeProvider.d.ts +12 -0
- package/dist/providers/GeneralWalletProvider.d.ts +3 -7
- package/dist/themes/darkTheme.js +1 -1
- package/dist/themes/lightTheme.js +1 -1
- package/dist/utils/checkout.d.ts +2 -1
- package/dist/utils/flags/config.d.ts +3 -3
- package/dist/wallets/walletConnectors/index.js +12 -12
- package/package.json +8 -8
- package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +0 -32
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-KG5Q63KL.js";
|
|
5
5
|
import {
|
|
6
6
|
lightTheme
|
|
7
|
-
} from "./chunk-
|
|
7
|
+
} from "./chunk-L3BEU75V.js";
|
|
8
8
|
import {
|
|
9
9
|
systemFontStack
|
|
10
10
|
} from "./chunk-WCUXJAGT.js";
|
|
@@ -46,8 +46,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
|
|
|
46
46
|
import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
|
|
47
47
|
var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
48
48
|
var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
|
|
49
|
-
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fig", hover: "_1rsrm2fih", active: "_1rsrm2fii", selection: "_1rsrm2fij", focused: "_1rsrm2fik", focusedVisible: "_1rsrm2fil" }, defaultClass: "_1rsrm2fig" }, accentColorForeground: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio", selection: "_1rsrm2fip", focused: "_1rsrm2fiq", focusedVisible: "_1rsrm2fir" }, defaultClass: "_1rsrm2fim" }, actionButtonBorder: { conditions: { base: "_1rsrm2fis", hover: "_1rsrm2fit", active: "_1rsrm2fiu", selection: "_1rsrm2fiv", focused: "_1rsrm2fiw", focusedVisible: "_1rsrm2fix" }, defaultClass: "_1rsrm2fis" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0", selection: "_1rsrm2fj1", focused: "_1rsrm2fj2", focusedVisible: "_1rsrm2fj3" }, defaultClass: "_1rsrm2fiy" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj4", hover: "_1rsrm2fj5", active: "_1rsrm2fj6", selection: "_1rsrm2fj7", focused: "_1rsrm2fj8", focusedVisible: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj4" }, connectButtonText: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd", focused: "_1rsrm2fje", focusedVisible: "_1rsrm2fjf" }, defaultClass: "_1rsrm2fja" }, connectButtonTextError: { conditions: { base: "_1rsrm2fjg", hover: "_1rsrm2fjh", active: "_1rsrm2fji", selection: "_1rsrm2fjj", focused: "_1rsrm2fjk", focusedVisible: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fjg" }, connectionIndicator: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp", focused: "_1rsrm2fjq", focusedVisible: "_1rsrm2fjr" }, defaultClass: "_1rsrm2fjm" }, error: { conditions: { base: "_1rsrm2fjs", hover: "_1rsrm2fjt", active: "_1rsrm2fju", selection: "_1rsrm2fjv", focused: "_1rsrm2fjw", focusedVisible: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fjs" }, errorBackground: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1", focused: "_1rsrm2fk2", focusedVisible: "_1rsrm2fk3" }, defaultClass: "_1rsrm2fjy" }, errorBorder: { conditions: { base: "_1rsrm2fk4", hover: "_1rsrm2fk5", active: "_1rsrm2fk6", selection: "_1rsrm2fk7", focused: "_1rsrm2fk8", focusedVisible: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk4" }, generalBorder: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd", focused: "_1rsrm2fke", focusedVisible: "_1rsrm2fkf" }, defaultClass: "_1rsrm2fka" }, generalBorderDim: { conditions: { base: "_1rsrm2fkg", hover: "_1rsrm2fkh", active: "_1rsrm2fki", selection: "_1rsrm2fkj", focused: "_1rsrm2fkk", focusedVisible: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fkg" }, menuItemBackground: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp", focused: "_1rsrm2fkq", focusedVisible: "_1rsrm2fkr" }, defaultClass: "_1rsrm2fkm" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fks", hover: "_1rsrm2fkt", active: "_1rsrm2fku", selection: "_1rsrm2fkv", focused: "_1rsrm2fkw", focusedVisible: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fks" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1", focused: "_1rsrm2fl2", focusedVisible: "_1rsrm2fl3" }, defaultClass: "_1rsrm2fky" }, standby: { conditions: { base: "_1rsrm2fl4", hover: "_1rsrm2fl5", active: "_1rsrm2fl6", selection: "_1rsrm2fl7", focused: "_1rsrm2fl8", focusedVisible: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl4" }, success: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld", focused: "_1rsrm2fle", focusedVisible: "_1rsrm2flf" }, defaultClass: "_1rsrm2fla" }, chainIconBorder: { conditions: { base: "_1rsrm2flg", hover: "_1rsrm2flh", active: "_1rsrm2fli", selection: "_1rsrm2flj", focused: "_1rsrm2flk", focusedVisible: "_1rsrm2fll" }, defaultClass: "_1rsrm2flg" }, modalBackdrop: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp", focused: "_1rsrm2flq", focusedVisible: "_1rsrm2flr" }, defaultClass: "_1rsrm2flm" }, modalBackground: { conditions: { base: "_1rsrm2fls", hover: "_1rsrm2flt", active: "_1rsrm2flu", selection: "_1rsrm2flv", focused: "_1rsrm2flw", focusedVisible: "_1rsrm2flx" }, defaultClass: "_1rsrm2fls" }, modalBorder: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1", focused: "_1rsrm2fm2", focusedVisible: "_1rsrm2fm3" }, defaultClass: "_1rsrm2fly" }, offBackground: { conditions: { base: "_1rsrm2fm4", hover: "_1rsrm2fm5", active: "_1rsrm2fm6", selection: "_1rsrm2fm7", focused: "_1rsrm2fm8", focusedVisible: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm4" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd", focused: "_1rsrm2fme", focusedVisible: "_1rsrm2fmf" }, defaultClass: "_1rsrm2fma" }, hoverState: { conditions: { base: "_1rsrm2fmg", hover: "_1rsrm2fmh", active: "_1rsrm2fmi", selection: "_1rsrm2fmj", focused: "_1rsrm2fmk", focusedVisible: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmg" }, lightStroke: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp", focused: "_1rsrm2fmq", focusedVisible: "_1rsrm2fmr" }, defaultClass: "_1rsrm2fmm" }, mediumStroke: { conditions: { base: "_1rsrm2fms", hover: "_1rsrm2fmt", active: "_1rsrm2fmu", selection: "_1rsrm2fmv", focused: "_1rsrm2fmw", focusedVisible: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fms" }, heavyStroke: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1", focused: "_1rsrm2fn2", focusedVisible: "_1rsrm2fn3" }, defaultClass: "_1rsrm2fmy" }, strokeColor: { conditions: { base: "_1rsrm2fn4", hover: "_1rsrm2fn5", active: "_1rsrm2fn6", selection: "_1rsrm2fn7", focused: "_1rsrm2fn8", focusedVisible: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn4" }, modalTopbarIcon: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd", focused: "_1rsrm2fne", focusedVisible: "_1rsrm2fnf" }, defaultClass: "_1rsrm2fna" }, primaryText: { conditions: { base: "_1rsrm2fng", hover: "_1rsrm2fnh", active: "_1rsrm2fni", selection: "_1rsrm2fnj", focused: "_1rsrm2fnk", focusedVisible: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fng" }, secondaryText: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp", focused: "_1rsrm2fnq", focusedVisible: "_1rsrm2fnr" }, defaultClass: "_1rsrm2fnm" }, tertiaryText: { conditions: { base: "_1rsrm2fns", hover: "_1rsrm2fnt", active: "_1rsrm2fnu", selection: "_1rsrm2fnv", focused: "_1rsrm2fnw", focusedVisible: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fns" }, textSelection: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1", focused: "_1rsrm2fo2", focusedVisible: "_1rsrm2fo3" }, defaultClass: "_1rsrm2fny" }, inputBackground: { conditions: { base: "_1rsrm2fo4", hover: "_1rsrm2fo5", active: "_1rsrm2fo6", selection: "_1rsrm2fo7", focused: "_1rsrm2fo8", focusedVisible: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo4" }, inputBorderBase: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod", focused: "_1rsrm2foe", focusedVisible: "_1rsrm2fof" }, defaultClass: "_1rsrm2foa" }, inputBorderHover: { conditions: { base: "_1rsrm2fog", hover: "_1rsrm2foh", active: "_1rsrm2foi", selection: "_1rsrm2foj", focused: "_1rsrm2fok", focusedVisible: "_1rsrm2fol" }, defaultClass: "_1rsrm2fog" }, actionColor: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop", focused: "_1rsrm2foq", focusedVisible: "_1rsrm2for" }, defaultClass: "_1rsrm2fom" }, actionColorHover: { conditions: { base: "_1rsrm2fos", hover: "_1rsrm2fot", active: "_1rsrm2fou", selection: "_1rsrm2fov", focused: "_1rsrm2fow", focusedVisible: "_1rsrm2fox" }, defaultClass: "_1rsrm2fos" }, actionColorDisabled: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1", focused: "_1rsrm2fp2", focusedVisible: "_1rsrm2fp3" }, defaultClass: "_1rsrm2foy" }, buttonPrimary: { conditions: { base: "_1rsrm2fp4", hover: "_1rsrm2fp5", active: "_1rsrm2fp6", selection: "_1rsrm2fp7", focused: "_1rsrm2fp8", focusedVisible: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp4" }, buttonDisabled: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd", focused: "_1rsrm2fpe", focusedVisible: "_1rsrm2fpf" }, defaultClass: "_1rsrm2fpa" }, buttonWarning: { conditions: { base: "_1rsrm2fpg", hover: "_1rsrm2fph", active: "_1rsrm2fpi", selection: "_1rsrm2fpj", focused: "_1rsrm2fpk", focusedVisible: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpg" }, buttonSuccess: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp", focused: "_1rsrm2fpq", focusedVisible: "_1rsrm2fpr" }, defaultClass: "_1rsrm2fpm" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fps", hover: "_1rsrm2fpt", active: "_1rsrm2fpu", selection: "_1rsrm2fpv", focused: "_1rsrm2fpw", focusedVisible: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fps" }, buttonTextHover: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1", focused: "_1rsrm2fq2", focusedVisible: "_1rsrm2fq3" }, defaultClass: "_1rsrm2fpy" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fq4", hover: "_1rsrm2fq5", active: "_1rsrm2fq6", selection: "_1rsrm2fq7", focused: "_1rsrm2fq8", focusedVisible: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq4" }, transparent: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd", focused: "_1rsrm2fqe", focusedVisible: "_1rsrm2fqf" }, defaultClass: "_1rsrm2fqa" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fqg", hover: "_1rsrm2fqh", active: "_1rsrm2fqi", selection: "_1rsrm2fqj", focused: "_1rsrm2fqk", focusedVisible: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqg" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp", focused: "_1rsrm2fqq", focusedVisible: "_1rsrm2fqr" }, defaultClass: "_1rsrm2fqm" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2fqs", hover: "_1rsrm2fqt", active: "_1rsrm2fqu", selection: "_1rsrm2fqv", focused: "_1rsrm2fqw", focusedVisible: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqs" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1", focused: "_1rsrm2fr2", focusedVisible: "_1rsrm2fr3" }, defaultClass: "_1rsrm2fqy" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fr4", hover: "_1rsrm2fr5", active: "_1rsrm2fr6", selection: "_1rsrm2fr7", focused: "_1rsrm2fr8", focusedVisible: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr4" }, buttonBackground: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd", focused: "_1rsrm2fre", focusedVisible: "_1rsrm2frf" }, defaultClass: "_1rsrm2fra" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2frg", hover: "_1rsrm2frh", active: "_1rsrm2fri", selection: "_1rsrm2frj", focused: "_1rsrm2frk", focusedVisible: "_1rsrm2frl" }, defaultClass: "_1rsrm2frg" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp", focused: "_1rsrm2frq", focusedVisible: "_1rsrm2frr" }, defaultClass: "_1rsrm2frm" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2frs", hover: "_1rsrm2frt", active: "_1rsrm2fru", selection: "_1rsrm2frv", focused: "_1rsrm2frw", focusedVisible: "_1rsrm2frx" }, defaultClass: "_1rsrm2frs" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1", focused: "_1rsrm2fs2", focusedVisible: "_1rsrm2fs3" }, defaultClass: "_1rsrm2fry" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fs4", hover: "_1rsrm2fs5", active: "_1rsrm2fs6", selection: "_1rsrm2fs7", focused: "_1rsrm2fs8", focusedVisible: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs4" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd", focused: "_1rsrm2fse", focusedVisible: "_1rsrm2fsf" }, defaultClass: "_1rsrm2fsa" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fsg", hover: "_1rsrm2fsh", active: "_1rsrm2fsi", selection: "_1rsrm2fsj", focused: "_1rsrm2fsk", focusedVisible: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsg" }, buttonIconStroke: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp", focused: "_1rsrm2fsq", focusedVisible: "_1rsrm2fsr" }, defaultClass: "_1rsrm2fsm" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fss", hover: "_1rsrm2fst", active: "_1rsrm2fsu", selection: "_1rsrm2fsv", focused: "_1rsrm2fsw", focusedVisible: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fss" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1", focused: "_1rsrm2ft2", focusedVisible: "_1rsrm2ft3" }, defaultClass: "_1rsrm2fsy" }, buttonBorderGradient: { conditions: { base: "_1rsrm2ft4", hover: "_1rsrm2ft5", active: "_1rsrm2ft6", selection: "_1rsrm2ft7", focused: "_1rsrm2ft8", focusedVisible: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft4" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd", focused: "_1rsrm2fte", focusedVisible: "_1rsrm2ftf" }, defaultClass: "_1rsrm2fta" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2ftg", hover: "_1rsrm2fth", active: "_1rsrm2fti", selection: "_1rsrm2ftj", focused: "_1rsrm2ftk", focusedVisible: "_1rsrm2ftl" }, defaultClass: "_1rsrm2ftg" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp", focused: "_1rsrm2ftq", focusedVisible: "_1rsrm2ftr" }, defaultClass: "_1rsrm2ftm" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fts", hover: "_1rsrm2ftt", active: "_1rsrm2ftu", selection: "_1rsrm2ftv", focused: "_1rsrm2ftw", focusedVisible: "_1rsrm2ftx" }, defaultClass: "_1rsrm2fts" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1", focused: "_1rsrm2fu2", focusedVisible: "_1rsrm2fu3" }, defaultClass: "_1rsrm2fty" }, newBadgeBackground: { conditions: { base: "_1rsrm2fu4", hover: "_1rsrm2fu5", active: "_1rsrm2fu6", selection: "_1rsrm2fu7", focused: "_1rsrm2fu8", focusedVisible: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu4" }, newBadgeBorder: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud", focused: "_1rsrm2fue", focusedVisible: "_1rsrm2fuf" }, defaultClass: "_1rsrm2fua" }, newBadgeText: { conditions: { base: "_1rsrm2fug", hover: "_1rsrm2fuh", active: "_1rsrm2fui", selection: "_1rsrm2fuj", focused: "_1rsrm2fuk", focusedVisible: "_1rsrm2ful" }, defaultClass: "_1rsrm2fug" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup", focused: "_1rsrm2fuq", focusedVisible: "_1rsrm2fur" }, defaultClass: "_1rsrm2fum" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2fus", hover: "_1rsrm2fut", active: "_1rsrm2fuu", selection: "_1rsrm2fuv", focused: "_1rsrm2fuw", focusedVisible: "_1rsrm2fux" }, defaultClass: "_1rsrm2fus" }, approvedBadgeText: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1", focused: "_1rsrm2fv2", focusedVisible: "_1rsrm2fv3" }, defaultClass: "_1rsrm2fuy" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fv4", hover: "_1rsrm2fv5", active: "_1rsrm2fv6", selection: "_1rsrm2fv7", focused: "_1rsrm2fv8", focusedVisible: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv4" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd", focused: "_1rsrm2fve", focusedVisible: "_1rsrm2fvf" }, defaultClass: "_1rsrm2fva" }, failedBadgeText: { conditions: { base: "_1rsrm2fvg", hover: "_1rsrm2fvh", active: "_1rsrm2fvi", selection: "_1rsrm2fvj", focused: "_1rsrm2fvk", focusedVisible: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvg" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp", focused: "_1rsrm2fvq", focusedVisible: "_1rsrm2fvr" }, defaultClass: "_1rsrm2fvm" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fvs", hover: "_1rsrm2fvt", active: "_1rsrm2fvu", selection: "_1rsrm2fvv", focused: "_1rsrm2fvw", focusedVisible: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvs" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1", focused: "_1rsrm2fw2", focusedVisible: "_1rsrm2fw3" }, defaultClass: "_1rsrm2fvy" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fw4", hover: "_1rsrm2fw5", active: "_1rsrm2fw6", selection: "_1rsrm2fw7", focused: "_1rsrm2fw8", focusedVisible: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw4" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd", focused: "_1rsrm2fwe", focusedVisible: "_1rsrm2fwf" }, defaultClass: "_1rsrm2fwa" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fwg", hover: "_1rsrm2fwh", active: "_1rsrm2fwi", selection: "_1rsrm2fwj", focused: "_1rsrm2fwk", focusedVisible: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwg" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp", focused: "_1rsrm2fwq", focusedVisible: "_1rsrm2fwr" }, defaultClass: "_1rsrm2fwm" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fws", hover: "_1rsrm2fwt", active: "_1rsrm2fwu", selection: "_1rsrm2fwv", focused: "_1rsrm2fww", focusedVisible: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fws" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1", focused: "_1rsrm2fx2", focusedVisible: "_1rsrm2fx3" }, defaultClass: "_1rsrm2fwy" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fx4", hover: "_1rsrm2fx5", active: "_1rsrm2fx6", selection: "_1rsrm2fx7", focused: "_1rsrm2fx8", focusedVisible: "_1rsrm2fx9" }, defaultClass: "_1rsrm2fx4" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fxa", hover: "_1rsrm2fxb", active: "_1rsrm2fxc", selection: "_1rsrm2fxd", focused: "_1rsrm2fxe", focusedVisible: "_1rsrm2fxf" }, defaultClass: "_1rsrm2fxa" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fxg", hover: "_1rsrm2fxh", active: "_1rsrm2fxi", selection: "_1rsrm2fxj", focused: "_1rsrm2fxk", focusedVisible: "_1rsrm2fxl" }, defaultClass: "_1rsrm2fxg" }, announceGradientFrom: { conditions: { base: "_1rsrm2fxm", hover: "_1rsrm2fxn", active: "_1rsrm2fxo", selection: "_1rsrm2fxp", focused: "_1rsrm2fxq", focusedVisible: "_1rsrm2fxr" }, defaultClass: "_1rsrm2fxm" }, announceGradientTo: { conditions: { base: "_1rsrm2fxs", hover: "_1rsrm2fxt", active: "_1rsrm2fxu", selection: "_1rsrm2fxv", focused: "_1rsrm2fxw", focusedVisible: "_1rsrm2fxx" }, defaultClass: "_1rsrm2fxs" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fxy", hover: "_1rsrm2fxz", active: "_1rsrm2fy0", selection: "_1rsrm2fy1", focused: "_1rsrm2fy2", focusedVisible: "_1rsrm2fy3" }, defaultClass: "_1rsrm2fxy" }, modalFooterDivider: { conditions: { base: "_1rsrm2fy4", hover: "_1rsrm2fy5", active: "_1rsrm2fy6", selection: "_1rsrm2fy7", focused: "_1rsrm2fy8", focusedVisible: "_1rsrm2fy9" }, defaultClass: "_1rsrm2fy4" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fya", hover: "_1rsrm2fyb", active: "_1rsrm2fyc", selection: "_1rsrm2fyd", focused: "_1rsrm2fye", focusedVisible: "_1rsrm2fyf" }, defaultClass: "_1rsrm2fya" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fyg", hover: "_1rsrm2fyh", active: "_1rsrm2fyi", selection: "_1rsrm2fyj", focused: "_1rsrm2fyk", focusedVisible: "_1rsrm2fyl" }, defaultClass: "_1rsrm2fyg" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fym", hover: "_1rsrm2fyn", active: "_1rsrm2fyo", selection: "_1rsrm2fyp", focused: "_1rsrm2fyq", focusedVisible: "_1rsrm2fyr" }, defaultClass: "_1rsrm2fym" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fys", hover: "_1rsrm2fyt", active: "_1rsrm2fyu", selection: "_1rsrm2fyv", focused: "_1rsrm2fyw", focusedVisible: "_1rsrm2fyx" }, defaultClass: "_1rsrm2fys" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fyy", hover: "_1rsrm2fyz", active: "_1rsrm2fz0", selection: "_1rsrm2fz1", focused: "_1rsrm2fz2", focusedVisible: "_1rsrm2fz3" }, defaultClass: "_1rsrm2fyy" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fz4", hover: "_1rsrm2fz5", active: "_1rsrm2fz6", selection: "_1rsrm2fz7", focused: "_1rsrm2fz8", focusedVisible: "_1rsrm2fz9" }, defaultClass: "_1rsrm2fz4" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fza", hover: "_1rsrm2fzb", active: "_1rsrm2fzc", selection: "_1rsrm2fzd", focused: "_1rsrm2fze", focusedVisible: "_1rsrm2fzf" }, defaultClass: "_1rsrm2fza" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fzg", hover: "_1rsrm2fzh", active: "_1rsrm2fzi", selection: "_1rsrm2fzj", focused: "_1rsrm2fzk", focusedVisible: "_1rsrm2fzl" }, defaultClass: "_1rsrm2fzg" }, optionBoxBackground: { conditions: { base: "_1rsrm2fzm", hover: "_1rsrm2fzn", active: "_1rsrm2fzo", selection: "_1rsrm2fzp", focused: "_1rsrm2fzq", focusedVisible: "_1rsrm2fzr" }, defaultClass: "_1rsrm2fzm" }, spinnerBackground: { conditions: { base: "_1rsrm2fzs", hover: "_1rsrm2fzt", active: "_1rsrm2fzu", selection: "_1rsrm2fzv", focused: "_1rsrm2fzw", focusedVisible: "_1rsrm2fzx" }, defaultClass: "_1rsrm2fzs" }, spinnerIndicator: { conditions: { base: "_1rsrm2fzy", hover: "_1rsrm2fzz", active: "_1rsrm2f100", selection: "_1rsrm2f101", focused: "_1rsrm2f102", focusedVisible: "_1rsrm2f103" }, defaultClass: "_1rsrm2fzy" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f104", hover: "_1rsrm2f105", active: "_1rsrm2f106", selection: "_1rsrm2f107", focused: "_1rsrm2f108", focusedVisible: "_1rsrm2f109" }, defaultClass: "_1rsrm2f104" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f10a", hover: "_1rsrm2f10b", active: "_1rsrm2f10c", selection: "_1rsrm2f10d", focused: "_1rsrm2f10e", focusedVisible: "_1rsrm2f10f" }, defaultClass: "_1rsrm2f10a" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2f10g", hover: "_1rsrm2f10h", active: "_1rsrm2f10i", selection: "_1rsrm2f10j", focused: "_1rsrm2f10k", focusedVisible: "_1rsrm2f10l" }, defaultClass: "_1rsrm2f10g" }, accentColorForeground: { conditions: { base: "_1rsrm2f10m", hover: "_1rsrm2f10n", active: "_1rsrm2f10o", selection: "_1rsrm2f10p", focused: "_1rsrm2f10q", focusedVisible: "_1rsrm2f10r" }, defaultClass: "_1rsrm2f10m" }, actionButtonBorder: { conditions: { base: "_1rsrm2f10s", hover: "_1rsrm2f10t", active: "_1rsrm2f10u", selection: "_1rsrm2f10v", focused: "_1rsrm2f10w", focusedVisible: "_1rsrm2f10x" }, defaultClass: "_1rsrm2f10s" }, connectButtonBackground: { conditions: { base: "_1rsrm2f10y", hover: "_1rsrm2f10z", active: "_1rsrm2f110", selection: "_1rsrm2f111", focused: "_1rsrm2f112", focusedVisible: "_1rsrm2f113" }, defaultClass: "_1rsrm2f10y" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f114", hover: "_1rsrm2f115", active: "_1rsrm2f116", selection: "_1rsrm2f117", focused: "_1rsrm2f118", focusedVisible: "_1rsrm2f119" }, defaultClass: "_1rsrm2f114" }, connectButtonText: { conditions: { base: "_1rsrm2f11a", hover: "_1rsrm2f11b", active: "_1rsrm2f11c", selection: "_1rsrm2f11d", focused: "_1rsrm2f11e", focusedVisible: "_1rsrm2f11f" }, defaultClass: "_1rsrm2f11a" }, connectButtonTextError: { conditions: { base: "_1rsrm2f11g", hover: "_1rsrm2f11h", active: "_1rsrm2f11i", selection: "_1rsrm2f11j", focused: "_1rsrm2f11k", focusedVisible: "_1rsrm2f11l" }, defaultClass: "_1rsrm2f11g" }, connectionIndicator: { conditions: { base: "_1rsrm2f11m", hover: "_1rsrm2f11n", active: "_1rsrm2f11o", selection: "_1rsrm2f11p", focused: "_1rsrm2f11q", focusedVisible: "_1rsrm2f11r" }, defaultClass: "_1rsrm2f11m" }, error: { conditions: { base: "_1rsrm2f11s", hover: "_1rsrm2f11t", active: "_1rsrm2f11u", selection: "_1rsrm2f11v", focused: "_1rsrm2f11w", focusedVisible: "_1rsrm2f11x" }, defaultClass: "_1rsrm2f11s" }, errorBackground: { conditions: { base: "_1rsrm2f11y", hover: "_1rsrm2f11z", active: "_1rsrm2f120", selection: "_1rsrm2f121", focused: "_1rsrm2f122", focusedVisible: "_1rsrm2f123" }, defaultClass: "_1rsrm2f11y" }, errorBorder: { conditions: { base: "_1rsrm2f124", hover: "_1rsrm2f125", active: "_1rsrm2f126", selection: "_1rsrm2f127", focused: "_1rsrm2f128", focusedVisible: "_1rsrm2f129" }, defaultClass: "_1rsrm2f124" }, generalBorder: { conditions: { base: "_1rsrm2f12a", hover: "_1rsrm2f12b", active: "_1rsrm2f12c", selection: "_1rsrm2f12d", focused: "_1rsrm2f12e", focusedVisible: "_1rsrm2f12f" }, defaultClass: "_1rsrm2f12a" }, generalBorderDim: { conditions: { base: "_1rsrm2f12g", hover: "_1rsrm2f12h", active: "_1rsrm2f12i", selection: "_1rsrm2f12j", focused: "_1rsrm2f12k", focusedVisible: "_1rsrm2f12l" }, defaultClass: "_1rsrm2f12g" }, menuItemBackground: { conditions: { base: "_1rsrm2f12m", hover: "_1rsrm2f12n", active: "_1rsrm2f12o", selection: "_1rsrm2f12p", focused: "_1rsrm2f12q", focusedVisible: "_1rsrm2f12r" }, defaultClass: "_1rsrm2f12m" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f12s", hover: "_1rsrm2f12t", active: "_1rsrm2f12u", selection: "_1rsrm2f12v", focused: "_1rsrm2f12w", focusedVisible: "_1rsrm2f12x" }, defaultClass: "_1rsrm2f12s" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f12y", hover: "_1rsrm2f12z", active: "_1rsrm2f130", selection: "_1rsrm2f131", focused: "_1rsrm2f132", focusedVisible: "_1rsrm2f133" }, defaultClass: "_1rsrm2f12y" }, standby: { conditions: { base: "_1rsrm2f134", hover: "_1rsrm2f135", active: "_1rsrm2f136", selection: "_1rsrm2f137", focused: "_1rsrm2f138", focusedVisible: "_1rsrm2f139" }, defaultClass: "_1rsrm2f134" }, success: { conditions: { base: "_1rsrm2f13a", hover: "_1rsrm2f13b", active: "_1rsrm2f13c", selection: "_1rsrm2f13d", focused: "_1rsrm2f13e", focusedVisible: "_1rsrm2f13f" }, defaultClass: "_1rsrm2f13a" }, chainIconBorder: { conditions: { base: "_1rsrm2f13g", hover: "_1rsrm2f13h", active: "_1rsrm2f13i", selection: "_1rsrm2f13j", focused: "_1rsrm2f13k", focusedVisible: "_1rsrm2f13l" }, defaultClass: "_1rsrm2f13g" }, modalBackdrop: { conditions: { base: "_1rsrm2f13m", hover: "_1rsrm2f13n", active: "_1rsrm2f13o", selection: "_1rsrm2f13p", focused: "_1rsrm2f13q", focusedVisible: "_1rsrm2f13r" }, defaultClass: "_1rsrm2f13m" }, modalBackground: { conditions: { base: "_1rsrm2f13s", hover: "_1rsrm2f13t", active: "_1rsrm2f13u", selection: "_1rsrm2f13v", focused: "_1rsrm2f13w", focusedVisible: "_1rsrm2f13x" }, defaultClass: "_1rsrm2f13s" }, modalBorder: { conditions: { base: "_1rsrm2f13y", hover: "_1rsrm2f13z", active: "_1rsrm2f140", selection: "_1rsrm2f141", focused: "_1rsrm2f142", focusedVisible: "_1rsrm2f143" }, defaultClass: "_1rsrm2f13y" }, offBackground: { conditions: { base: "_1rsrm2f144", hover: "_1rsrm2f145", active: "_1rsrm2f146", selection: "_1rsrm2f147", focused: "_1rsrm2f148", focusedVisible: "_1rsrm2f149" }, defaultClass: "_1rsrm2f144" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f14a", hover: "_1rsrm2f14b", active: "_1rsrm2f14c", selection: "_1rsrm2f14d", focused: "_1rsrm2f14e", focusedVisible: "_1rsrm2f14f" }, defaultClass: "_1rsrm2f14a" }, hoverState: { conditions: { base: "_1rsrm2f14g", hover: "_1rsrm2f14h", active: "_1rsrm2f14i", selection: "_1rsrm2f14j", focused: "_1rsrm2f14k", focusedVisible: "_1rsrm2f14l" }, defaultClass: "_1rsrm2f14g" }, lightStroke: { conditions: { base: "_1rsrm2f14m", hover: "_1rsrm2f14n", active: "_1rsrm2f14o", selection: "_1rsrm2f14p", focused: "_1rsrm2f14q", focusedVisible: "_1rsrm2f14r" }, defaultClass: "_1rsrm2f14m" }, mediumStroke: { conditions: { base: "_1rsrm2f14s", hover: "_1rsrm2f14t", active: "_1rsrm2f14u", selection: "_1rsrm2f14v", focused: "_1rsrm2f14w", focusedVisible: "_1rsrm2f14x" }, defaultClass: "_1rsrm2f14s" }, heavyStroke: { conditions: { base: "_1rsrm2f14y", hover: "_1rsrm2f14z", active: "_1rsrm2f150", selection: "_1rsrm2f151", focused: "_1rsrm2f152", focusedVisible: "_1rsrm2f153" }, defaultClass: "_1rsrm2f14y" }, strokeColor: { conditions: { base: "_1rsrm2f154", hover: "_1rsrm2f155", active: "_1rsrm2f156", selection: "_1rsrm2f157", focused: "_1rsrm2f158", focusedVisible: "_1rsrm2f159" }, defaultClass: "_1rsrm2f154" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f15a", hover: "_1rsrm2f15b", active: "_1rsrm2f15c", selection: "_1rsrm2f15d", focused: "_1rsrm2f15e", focusedVisible: "_1rsrm2f15f" }, defaultClass: "_1rsrm2f15a" }, primaryText: { conditions: { base: "_1rsrm2f15g", hover: "_1rsrm2f15h", active: "_1rsrm2f15i", selection: "_1rsrm2f15j", focused: "_1rsrm2f15k", focusedVisible: "_1rsrm2f15l" }, defaultClass: "_1rsrm2f15g" }, secondaryText: { conditions: { base: "_1rsrm2f15m", hover: "_1rsrm2f15n", active: "_1rsrm2f15o", selection: "_1rsrm2f15p", focused: "_1rsrm2f15q", focusedVisible: "_1rsrm2f15r" }, defaultClass: "_1rsrm2f15m" }, tertiaryText: { conditions: { base: "_1rsrm2f15s", hover: "_1rsrm2f15t", active: "_1rsrm2f15u", selection: "_1rsrm2f15v", focused: "_1rsrm2f15w", focusedVisible: "_1rsrm2f15x" }, defaultClass: "_1rsrm2f15s" }, textSelection: { conditions: { base: "_1rsrm2f15y", hover: "_1rsrm2f15z", active: "_1rsrm2f160", selection: "_1rsrm2f161", focused: "_1rsrm2f162", focusedVisible: "_1rsrm2f163" }, defaultClass: "_1rsrm2f15y" }, inputBackground: { conditions: { base: "_1rsrm2f164", hover: "_1rsrm2f165", active: "_1rsrm2f166", selection: "_1rsrm2f167", focused: "_1rsrm2f168", focusedVisible: "_1rsrm2f169" }, defaultClass: "_1rsrm2f164" }, inputBorderBase: { conditions: { base: "_1rsrm2f16a", hover: "_1rsrm2f16b", active: "_1rsrm2f16c", selection: "_1rsrm2f16d", focused: "_1rsrm2f16e", focusedVisible: "_1rsrm2f16f" }, defaultClass: "_1rsrm2f16a" }, inputBorderHover: { conditions: { base: "_1rsrm2f16g", hover: "_1rsrm2f16h", active: "_1rsrm2f16i", selection: "_1rsrm2f16j", focused: "_1rsrm2f16k", focusedVisible: "_1rsrm2f16l" }, defaultClass: "_1rsrm2f16g" }, actionColor: { conditions: { base: "_1rsrm2f16m", hover: "_1rsrm2f16n", active: "_1rsrm2f16o", selection: "_1rsrm2f16p", focused: "_1rsrm2f16q", focusedVisible: "_1rsrm2f16r" }, defaultClass: "_1rsrm2f16m" }, actionColorHover: { conditions: { base: "_1rsrm2f16s", hover: "_1rsrm2f16t", active: "_1rsrm2f16u", selection: "_1rsrm2f16v", focused: "_1rsrm2f16w", focusedVisible: "_1rsrm2f16x" }, defaultClass: "_1rsrm2f16s" }, actionColorDisabled: { conditions: { base: "_1rsrm2f16y", hover: "_1rsrm2f16z", active: "_1rsrm2f170", selection: "_1rsrm2f171", focused: "_1rsrm2f172", focusedVisible: "_1rsrm2f173" }, defaultClass: "_1rsrm2f16y" }, buttonPrimary: { conditions: { base: "_1rsrm2f174", hover: "_1rsrm2f175", active: "_1rsrm2f176", selection: "_1rsrm2f177", focused: "_1rsrm2f178", focusedVisible: "_1rsrm2f179" }, defaultClass: "_1rsrm2f174" }, buttonDisabled: { conditions: { base: "_1rsrm2f17a", hover: "_1rsrm2f17b", active: "_1rsrm2f17c", selection: "_1rsrm2f17d", focused: "_1rsrm2f17e", focusedVisible: "_1rsrm2f17f" }, defaultClass: "_1rsrm2f17a" }, buttonWarning: { conditions: { base: "_1rsrm2f17g", hover: "_1rsrm2f17h", active: "_1rsrm2f17i", selection: "_1rsrm2f17j", focused: "_1rsrm2f17k", focusedVisible: "_1rsrm2f17l" }, defaultClass: "_1rsrm2f17g" }, buttonSuccess: { conditions: { base: "_1rsrm2f17m", hover: "_1rsrm2f17n", active: "_1rsrm2f17o", selection: "_1rsrm2f17p", focused: "_1rsrm2f17q", focusedVisible: "_1rsrm2f17r" }, defaultClass: "_1rsrm2f17m" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f17s", hover: "_1rsrm2f17t", active: "_1rsrm2f17u", selection: "_1rsrm2f17v", focused: "_1rsrm2f17w", focusedVisible: "_1rsrm2f17x" }, defaultClass: "_1rsrm2f17s" }, buttonTextHover: { conditions: { base: "_1rsrm2f17y", hover: "_1rsrm2f17z", active: "_1rsrm2f180", selection: "_1rsrm2f181", focused: "_1rsrm2f182", focusedVisible: "_1rsrm2f183" }, defaultClass: "_1rsrm2f17y" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f184", hover: "_1rsrm2f185", active: "_1rsrm2f186", selection: "_1rsrm2f187", focused: "_1rsrm2f188", focusedVisible: "_1rsrm2f189" }, defaultClass: "_1rsrm2f184" }, transparent: { conditions: { base: "_1rsrm2f18a", hover: "_1rsrm2f18b", active: "_1rsrm2f18c", selection: "_1rsrm2f18d", focused: "_1rsrm2f18e", focusedVisible: "_1rsrm2f18f" }, defaultClass: "_1rsrm2f18a" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f18g", hover: "_1rsrm2f18h", active: "_1rsrm2f18i", selection: "_1rsrm2f18j", focused: "_1rsrm2f18k", focusedVisible: "_1rsrm2f18l" }, defaultClass: "_1rsrm2f18g" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f18m", hover: "_1rsrm2f18n", active: "_1rsrm2f18o", selection: "_1rsrm2f18p", focused: "_1rsrm2f18q", focusedVisible: "_1rsrm2f18r" }, defaultClass: "_1rsrm2f18m" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f18s", hover: "_1rsrm2f18t", active: "_1rsrm2f18u", selection: "_1rsrm2f18v", focused: "_1rsrm2f18w", focusedVisible: "_1rsrm2f18x" }, defaultClass: "_1rsrm2f18s" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f18y", hover: "_1rsrm2f18z", active: "_1rsrm2f190", selection: "_1rsrm2f191", focused: "_1rsrm2f192", focusedVisible: "_1rsrm2f193" }, defaultClass: "_1rsrm2f18y" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f194", hover: "_1rsrm2f195", active: "_1rsrm2f196", selection: "_1rsrm2f197", focused: "_1rsrm2f198", focusedVisible: "_1rsrm2f199" }, defaultClass: "_1rsrm2f194" }, buttonBackground: { conditions: { base: "_1rsrm2f19a", hover: "_1rsrm2f19b", active: "_1rsrm2f19c", selection: "_1rsrm2f19d", focused: "_1rsrm2f19e", focusedVisible: "_1rsrm2f19f" }, defaultClass: "_1rsrm2f19a" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f19g", hover: "_1rsrm2f19h", active: "_1rsrm2f19i", selection: "_1rsrm2f19j", focused: "_1rsrm2f19k", focusedVisible: "_1rsrm2f19l" }, defaultClass: "_1rsrm2f19g" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f19m", hover: "_1rsrm2f19n", active: "_1rsrm2f19o", selection: "_1rsrm2f19p", focused: "_1rsrm2f19q", focusedVisible: "_1rsrm2f19r" }, defaultClass: "_1rsrm2f19m" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f19s", hover: "_1rsrm2f19t", active: "_1rsrm2f19u", selection: "_1rsrm2f19v", focused: "_1rsrm2f19w", focusedVisible: "_1rsrm2f19x" }, defaultClass: "_1rsrm2f19s" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f19y", hover: "_1rsrm2f19z", active: "_1rsrm2f1a0", selection: "_1rsrm2f1a1", focused: "_1rsrm2f1a2", focusedVisible: "_1rsrm2f1a3" }, defaultClass: "_1rsrm2f19y" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1a4", hover: "_1rsrm2f1a5", active: "_1rsrm2f1a6", selection: "_1rsrm2f1a7", focused: "_1rsrm2f1a8", focusedVisible: "_1rsrm2f1a9" }, defaultClass: "_1rsrm2f1a4" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1aa", hover: "_1rsrm2f1ab", active: "_1rsrm2f1ac", selection: "_1rsrm2f1ad", focused: "_1rsrm2f1ae", focusedVisible: "_1rsrm2f1af" }, defaultClass: "_1rsrm2f1aa" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1ag", hover: "_1rsrm2f1ah", active: "_1rsrm2f1ai", selection: "_1rsrm2f1aj", focused: "_1rsrm2f1ak", focusedVisible: "_1rsrm2f1al" }, defaultClass: "_1rsrm2f1ag" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1am", hover: "_1rsrm2f1an", active: "_1rsrm2f1ao", selection: "_1rsrm2f1ap", focused: "_1rsrm2f1aq", focusedVisible: "_1rsrm2f1ar" }, defaultClass: "_1rsrm2f1am" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1as", hover: "_1rsrm2f1at", active: "_1rsrm2f1au", selection: "_1rsrm2f1av", focused: "_1rsrm2f1aw", focusedVisible: "_1rsrm2f1ax" }, defaultClass: "_1rsrm2f1as" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1ay", hover: "_1rsrm2f1az", active: "_1rsrm2f1b0", selection: "_1rsrm2f1b1", focused: "_1rsrm2f1b2", focusedVisible: "_1rsrm2f1b3" }, defaultClass: "_1rsrm2f1ay" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1b4", hover: "_1rsrm2f1b5", active: "_1rsrm2f1b6", selection: "_1rsrm2f1b7", focused: "_1rsrm2f1b8", focusedVisible: "_1rsrm2f1b9" }, defaultClass: "_1rsrm2f1b4" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1ba", hover: "_1rsrm2f1bb", active: "_1rsrm2f1bc", selection: "_1rsrm2f1bd", focused: "_1rsrm2f1be", focusedVisible: "_1rsrm2f1bf" }, defaultClass: "_1rsrm2f1ba" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1bg", hover: "_1rsrm2f1bh", active: "_1rsrm2f1bi", selection: "_1rsrm2f1bj", focused: "_1rsrm2f1bk", focusedVisible: "_1rsrm2f1bl" }, defaultClass: "_1rsrm2f1bg" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1bm", hover: "_1rsrm2f1bn", active: "_1rsrm2f1bo", selection: "_1rsrm2f1bp", focused: "_1rsrm2f1bq", focusedVisible: "_1rsrm2f1br" }, defaultClass: "_1rsrm2f1bm" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1bs", hover: "_1rsrm2f1bt", active: "_1rsrm2f1bu", selection: "_1rsrm2f1bv", focused: "_1rsrm2f1bw", focusedVisible: "_1rsrm2f1bx" }, defaultClass: "_1rsrm2f1bs" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1by", hover: "_1rsrm2f1bz", active: "_1rsrm2f1c0", selection: "_1rsrm2f1c1", focused: "_1rsrm2f1c2", focusedVisible: "_1rsrm2f1c3" }, defaultClass: "_1rsrm2f1by" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1c4", hover: "_1rsrm2f1c5", active: "_1rsrm2f1c6", selection: "_1rsrm2f1c7", focused: "_1rsrm2f1c8", focusedVisible: "_1rsrm2f1c9" }, defaultClass: "_1rsrm2f1c4" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1ca", hover: "_1rsrm2f1cb", active: "_1rsrm2f1cc", selection: "_1rsrm2f1cd", focused: "_1rsrm2f1ce", focusedVisible: "_1rsrm2f1cf" }, defaultClass: "_1rsrm2f1ca" }, newBadgeText: { conditions: { base: "_1rsrm2f1cg", hover: "_1rsrm2f1ch", active: "_1rsrm2f1ci", selection: "_1rsrm2f1cj", focused: "_1rsrm2f1ck", focusedVisible: "_1rsrm2f1cl" }, defaultClass: "_1rsrm2f1cg" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1cm", hover: "_1rsrm2f1cn", active: "_1rsrm2f1co", selection: "_1rsrm2f1cp", focused: "_1rsrm2f1cq", focusedVisible: "_1rsrm2f1cr" }, defaultClass: "_1rsrm2f1cm" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1cs", hover: "_1rsrm2f1ct", active: "_1rsrm2f1cu", selection: "_1rsrm2f1cv", focused: "_1rsrm2f1cw", focusedVisible: "_1rsrm2f1cx" }, defaultClass: "_1rsrm2f1cs" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1cy", hover: "_1rsrm2f1cz", active: "_1rsrm2f1d0", selection: "_1rsrm2f1d1", focused: "_1rsrm2f1d2", focusedVisible: "_1rsrm2f1d3" }, defaultClass: "_1rsrm2f1cy" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1d4", hover: "_1rsrm2f1d5", active: "_1rsrm2f1d6", selection: "_1rsrm2f1d7", focused: "_1rsrm2f1d8", focusedVisible: "_1rsrm2f1d9" }, defaultClass: "_1rsrm2f1d4" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1da", hover: "_1rsrm2f1db", active: "_1rsrm2f1dc", selection: "_1rsrm2f1dd", focused: "_1rsrm2f1de", focusedVisible: "_1rsrm2f1df" }, defaultClass: "_1rsrm2f1da" }, failedBadgeText: { conditions: { base: "_1rsrm2f1dg", hover: "_1rsrm2f1dh", active: "_1rsrm2f1di", selection: "_1rsrm2f1dj", focused: "_1rsrm2f1dk", focusedVisible: "_1rsrm2f1dl" }, defaultClass: "_1rsrm2f1dg" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1dm", hover: "_1rsrm2f1dn", active: "_1rsrm2f1do", selection: "_1rsrm2f1dp", focused: "_1rsrm2f1dq", focusedVisible: "_1rsrm2f1dr" }, defaultClass: "_1rsrm2f1dm" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1ds", hover: "_1rsrm2f1dt", active: "_1rsrm2f1du", selection: "_1rsrm2f1dv", focused: "_1rsrm2f1dw", focusedVisible: "_1rsrm2f1dx" }, defaultClass: "_1rsrm2f1ds" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1dy", hover: "_1rsrm2f1dz", active: "_1rsrm2f1e0", selection: "_1rsrm2f1e1", focused: "_1rsrm2f1e2", focusedVisible: "_1rsrm2f1e3" }, defaultClass: "_1rsrm2f1dy" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1e4", hover: "_1rsrm2f1e5", active: "_1rsrm2f1e6", selection: "_1rsrm2f1e7", focused: "_1rsrm2f1e8", focusedVisible: "_1rsrm2f1e9" }, defaultClass: "_1rsrm2f1e4" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1ea", hover: "_1rsrm2f1eb", active: "_1rsrm2f1ec", selection: "_1rsrm2f1ed", focused: "_1rsrm2f1ee", focusedVisible: "_1rsrm2f1ef" }, defaultClass: "_1rsrm2f1ea" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1eg", hover: "_1rsrm2f1eh", active: "_1rsrm2f1ei", selection: "_1rsrm2f1ej", focused: "_1rsrm2f1ek", focusedVisible: "_1rsrm2f1el" }, defaultClass: "_1rsrm2f1eg" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1em", hover: "_1rsrm2f1en", active: "_1rsrm2f1eo", selection: "_1rsrm2f1ep", focused: "_1rsrm2f1eq", focusedVisible: "_1rsrm2f1er" }, defaultClass: "_1rsrm2f1em" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1es", hover: "_1rsrm2f1et", active: "_1rsrm2f1eu", selection: "_1rsrm2f1ev", focused: "_1rsrm2f1ew", focusedVisible: "_1rsrm2f1ex" }, defaultClass: "_1rsrm2f1es" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1ey", hover: "_1rsrm2f1ez", active: "_1rsrm2f1f0", selection: "_1rsrm2f1f1", focused: "_1rsrm2f1f2", focusedVisible: "_1rsrm2f1f3" }, defaultClass: "_1rsrm2f1ey" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1f4", hover: "_1rsrm2f1f5", active: "_1rsrm2f1f6", selection: "_1rsrm2f1f7", focused: "_1rsrm2f1f8", focusedVisible: "_1rsrm2f1f9" }, defaultClass: "_1rsrm2f1f4" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1fa", hover: "_1rsrm2f1fb", active: "_1rsrm2f1fc", selection: "_1rsrm2f1fd", focused: "_1rsrm2f1fe", focusedVisible: "_1rsrm2f1ff" }, defaultClass: "_1rsrm2f1fa" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1fg", hover: "_1rsrm2f1fh", active: "_1rsrm2f1fi", selection: "_1rsrm2f1fj", focused: "_1rsrm2f1fk", focusedVisible: "_1rsrm2f1fl" }, defaultClass: "_1rsrm2f1fg" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1fm", hover: "_1rsrm2f1fn", active: "_1rsrm2f1fo", selection: "_1rsrm2f1fp", focused: "_1rsrm2f1fq", focusedVisible: "_1rsrm2f1fr" }, defaultClass: "_1rsrm2f1fm" }, announceGradientTo: { conditions: { base: "_1rsrm2f1fs", hover: "_1rsrm2f1ft", active: "_1rsrm2f1fu", selection: "_1rsrm2f1fv", focused: "_1rsrm2f1fw", focusedVisible: "_1rsrm2f1fx" }, defaultClass: "_1rsrm2f1fs" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1fy", hover: "_1rsrm2f1fz", active: "_1rsrm2f1g0", selection: "_1rsrm2f1g1", focused: "_1rsrm2f1g2", focusedVisible: "_1rsrm2f1g3" }, defaultClass: "_1rsrm2f1fy" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1g4", hover: "_1rsrm2f1g5", active: "_1rsrm2f1g6", selection: "_1rsrm2f1g7", focused: "_1rsrm2f1g8", focusedVisible: "_1rsrm2f1g9" }, defaultClass: "_1rsrm2f1g4" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1ga", hover: "_1rsrm2f1gb", active: "_1rsrm2f1gc", selection: "_1rsrm2f1gd", focused: "_1rsrm2f1ge", focusedVisible: "_1rsrm2f1gf" }, defaultClass: "_1rsrm2f1ga" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1gg", hover: "_1rsrm2f1gh", active: "_1rsrm2f1gi", selection: "_1rsrm2f1gj", focused: "_1rsrm2f1gk", focusedVisible: "_1rsrm2f1gl" }, defaultClass: "_1rsrm2f1gg" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1gm", hover: "_1rsrm2f1gn", active: "_1rsrm2f1go", selection: "_1rsrm2f1gp", focused: "_1rsrm2f1gq", focusedVisible: "_1rsrm2f1gr" }, defaultClass: "_1rsrm2f1gm" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1gs", hover: "_1rsrm2f1gt", active: "_1rsrm2f1gu", selection: "_1rsrm2f1gv", focused: "_1rsrm2f1gw", focusedVisible: "_1rsrm2f1gx" }, defaultClass: "_1rsrm2f1gs" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1gy", hover: "_1rsrm2f1gz", active: "_1rsrm2f1h0", selection: "_1rsrm2f1h1", focused: "_1rsrm2f1h2", focusedVisible: "_1rsrm2f1h3" }, defaultClass: "_1rsrm2f1gy" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1h4", hover: "_1rsrm2f1h5", active: "_1rsrm2f1h6", selection: "_1rsrm2f1h7", focused: "_1rsrm2f1h8", focusedVisible: "_1rsrm2f1h9" }, defaultClass: "_1rsrm2f1h4" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1ha", hover: "_1rsrm2f1hb", active: "_1rsrm2f1hc", selection: "_1rsrm2f1hd", focused: "_1rsrm2f1he", focusedVisible: "_1rsrm2f1hf" }, defaultClass: "_1rsrm2f1ha" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1hg", hover: "_1rsrm2f1hh", active: "_1rsrm2f1hi", selection: "_1rsrm2f1hj", focused: "_1rsrm2f1hk", focusedVisible: "_1rsrm2f1hl" }, defaultClass: "_1rsrm2f1hg" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1hm", hover: "_1rsrm2f1hn", active: "_1rsrm2f1ho", selection: "_1rsrm2f1hp", focused: "_1rsrm2f1hq", focusedVisible: "_1rsrm2f1hr" }, defaultClass: "_1rsrm2f1hm" }, spinnerBackground: { conditions: { base: "_1rsrm2f1hs", hover: "_1rsrm2f1ht", active: "_1rsrm2f1hu", selection: "_1rsrm2f1hv", focused: "_1rsrm2f1hw", focusedVisible: "_1rsrm2f1hx" }, defaultClass: "_1rsrm2f1hs" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1hy", hover: "_1rsrm2f1hz", active: "_1rsrm2f1i0", selection: "_1rsrm2f1i1", focused: "_1rsrm2f1i2", focusedVisible: "_1rsrm2f1i3" }, defaultClass: "_1rsrm2f1hy" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1i4", hover: "_1rsrm2f1i5", active: "_1rsrm2f1i6", selection: "_1rsrm2f1i7", focused: "_1rsrm2f1i8", focusedVisible: "_1rsrm2f1i9" }, defaultClass: "_1rsrm2f1i4" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1ia", hover: "_1rsrm2f1ib", active: "_1rsrm2f1ic", selection: "_1rsrm2f1id", focused: "_1rsrm2f1ie", focusedVisible: "_1rsrm2f1if" }, defaultClass: "_1rsrm2f1ia" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1ig", hover: "_1rsrm2f1ih", active: "_1rsrm2f1ii", selection: "_1rsrm2f1ij", focused: "_1rsrm2f1ik", focusedVisible: "_1rsrm2f1il" }, defaultClass: "_1rsrm2f1ig" }, dialog: { conditions: { base: "_1rsrm2f1im", hover: "_1rsrm2f1in", active: "_1rsrm2f1io", selection: "_1rsrm2f1ip", focused: "_1rsrm2f1iq", focusedVisible: "_1rsrm2f1ir" }, defaultClass: "_1rsrm2f1im" }, selectedOption: { conditions: { base: "_1rsrm2f1is", hover: "_1rsrm2f1it", active: "_1rsrm2f1iu", selection: "_1rsrm2f1iv", focused: "_1rsrm2f1iw", focusedVisible: "_1rsrm2f1ix" }, defaultClass: "_1rsrm2f1is" }, selectedWallet: { conditions: { base: "_1rsrm2f1iy", hover: "_1rsrm2f1iz", active: "_1rsrm2f1j0", selection: "_1rsrm2f1j1", focused: "_1rsrm2f1j2", focusedVisible: "_1rsrm2f1j3" }, defaultClass: "_1rsrm2f1iy" }, dropdown: { conditions: { base: "_1rsrm2f1j4", hover: "_1rsrm2f1j5", active: "_1rsrm2f1j6", selection: "_1rsrm2f1j7", focused: "_1rsrm2f1j8", focusedVisible: "_1rsrm2f1j9" }, defaultClass: "_1rsrm2f1j4" }, notification: { conditions: { base: "_1rsrm2f1ja", hover: "_1rsrm2f1jb", active: "_1rsrm2f1jc", selection: "_1rsrm2f1jd", focused: "_1rsrm2f1je", focusedVisible: "_1rsrm2f1jf" }, defaultClass: "_1rsrm2f1ja" }, qrCode: { conditions: { base: "_1rsrm2f1jg", hover: "_1rsrm2f1jh", active: "_1rsrm2f1ji", selection: "_1rsrm2f1jj", focused: "_1rsrm2f1jk", focusedVisible: "_1rsrm2f1jl" }, defaultClass: "_1rsrm2f1jg" }, buttonShadow: { conditions: { base: "_1rsrm2f1jm", hover: "_1rsrm2f1jn", active: "_1rsrm2f1jo", selection: "_1rsrm2f1jp", focused: "_1rsrm2f1jq", focusedVisible: "_1rsrm2f1jr" }, defaultClass: "_1rsrm2f1jm" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1js", hover: "_1rsrm2f1jt", active: "_1rsrm2f1ju", selection: "_1rsrm2f1jv", focused: "_1rsrm2f1jw", focusedVisible: "_1rsrm2f1jx" }, defaultClass: "_1rsrm2f1js" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f1jy", hover: "_1rsrm2f1jz", active: "_1rsrm2f1k0", selection: "_1rsrm2f1k1", focused: "_1rsrm2f1k2", focusedVisible: "_1rsrm2f1k3" }, defaultClass: "_1rsrm2f1jy" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f1k4", hover: "_1rsrm2f1k5", active: "_1rsrm2f1k6", selection: "_1rsrm2f1k7", focused: "_1rsrm2f1k8", focusedVisible: "_1rsrm2f1k9" }, defaultClass: "_1rsrm2f1k4" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f1ka", hover: "_1rsrm2f1kb", active: "_1rsrm2f1kc", selection: "_1rsrm2f1kd", focused: "_1rsrm2f1ke", focusedVisible: "_1rsrm2f1kf" }, defaultClass: "_1rsrm2f1ka" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f1kg", hover: "_1rsrm2f1kh", active: "_1rsrm2f1ki", selection: "_1rsrm2f1kj", focused: "_1rsrm2f1kk", focusedVisible: "_1rsrm2f1kl" }, defaultClass: "_1rsrm2f1kg" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f1km", hover: "_1rsrm2f1kn", active: "_1rsrm2f1ko", selection: "_1rsrm2f1kp", focused: "_1rsrm2f1kq", focusedVisible: "_1rsrm2f1kr" }, defaultClass: "_1rsrm2f1km" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1ks", hover: "_1rsrm2f1kt", active: "_1rsrm2f1ku", selection: "_1rsrm2f1kv", focused: "_1rsrm2f1kw", focusedVisible: "_1rsrm2f1kx" }, defaultClass: "_1rsrm2f1ks" }, accentColorForeground: { conditions: { base: "_1rsrm2f1ky", hover: "_1rsrm2f1kz", active: "_1rsrm2f1l0", selection: "_1rsrm2f1l1", focused: "_1rsrm2f1l2", focusedVisible: "_1rsrm2f1l3" }, defaultClass: "_1rsrm2f1ky" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1l4", hover: "_1rsrm2f1l5", active: "_1rsrm2f1l6", selection: "_1rsrm2f1l7", focused: "_1rsrm2f1l8", focusedVisible: "_1rsrm2f1l9" }, defaultClass: "_1rsrm2f1l4" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1la", hover: "_1rsrm2f1lb", active: "_1rsrm2f1lc", selection: "_1rsrm2f1ld", focused: "_1rsrm2f1le", focusedVisible: "_1rsrm2f1lf" }, defaultClass: "_1rsrm2f1la" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1lg", hover: "_1rsrm2f1lh", active: "_1rsrm2f1li", selection: "_1rsrm2f1lj", focused: "_1rsrm2f1lk", focusedVisible: "_1rsrm2f1ll" }, defaultClass: "_1rsrm2f1lg" }, connectButtonText: { conditions: { base: "_1rsrm2f1lm", hover: "_1rsrm2f1ln", active: "_1rsrm2f1lo", selection: "_1rsrm2f1lp", focused: "_1rsrm2f1lq", focusedVisible: "_1rsrm2f1lr" }, defaultClass: "_1rsrm2f1lm" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ls", hover: "_1rsrm2f1lt", active: "_1rsrm2f1lu", selection: "_1rsrm2f1lv", focused: "_1rsrm2f1lw", focusedVisible: "_1rsrm2f1lx" }, defaultClass: "_1rsrm2f1ls" }, connectionIndicator: { conditions: { base: "_1rsrm2f1ly", hover: "_1rsrm2f1lz", active: "_1rsrm2f1m0", selection: "_1rsrm2f1m1", focused: "_1rsrm2f1m2", focusedVisible: "_1rsrm2f1m3" }, defaultClass: "_1rsrm2f1ly" }, error: { conditions: { base: "_1rsrm2f1m4", hover: "_1rsrm2f1m5", active: "_1rsrm2f1m6", selection: "_1rsrm2f1m7", focused: "_1rsrm2f1m8", focusedVisible: "_1rsrm2f1m9" }, defaultClass: "_1rsrm2f1m4" }, errorBackground: { conditions: { base: "_1rsrm2f1ma", hover: "_1rsrm2f1mb", active: "_1rsrm2f1mc", selection: "_1rsrm2f1md", focused: "_1rsrm2f1me", focusedVisible: "_1rsrm2f1mf" }, defaultClass: "_1rsrm2f1ma" }, errorBorder: { conditions: { base: "_1rsrm2f1mg", hover: "_1rsrm2f1mh", active: "_1rsrm2f1mi", selection: "_1rsrm2f1mj", focused: "_1rsrm2f1mk", focusedVisible: "_1rsrm2f1ml" }, defaultClass: "_1rsrm2f1mg" }, generalBorder: { conditions: { base: "_1rsrm2f1mm", hover: "_1rsrm2f1mn", active: "_1rsrm2f1mo", selection: "_1rsrm2f1mp", focused: "_1rsrm2f1mq", focusedVisible: "_1rsrm2f1mr" }, defaultClass: "_1rsrm2f1mm" }, generalBorderDim: { conditions: { base: "_1rsrm2f1ms", hover: "_1rsrm2f1mt", active: "_1rsrm2f1mu", selection: "_1rsrm2f1mv", focused: "_1rsrm2f1mw", focusedVisible: "_1rsrm2f1mx" }, defaultClass: "_1rsrm2f1ms" }, menuItemBackground: { conditions: { base: "_1rsrm2f1my", hover: "_1rsrm2f1mz", active: "_1rsrm2f1n0", selection: "_1rsrm2f1n1", focused: "_1rsrm2f1n2", focusedVisible: "_1rsrm2f1n3" }, defaultClass: "_1rsrm2f1my" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1n4", hover: "_1rsrm2f1n5", active: "_1rsrm2f1n6", selection: "_1rsrm2f1n7", focused: "_1rsrm2f1n8", focusedVisible: "_1rsrm2f1n9" }, defaultClass: "_1rsrm2f1n4" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1na", hover: "_1rsrm2f1nb", active: "_1rsrm2f1nc", selection: "_1rsrm2f1nd", focused: "_1rsrm2f1ne", focusedVisible: "_1rsrm2f1nf" }, defaultClass: "_1rsrm2f1na" }, standby: { conditions: { base: "_1rsrm2f1ng", hover: "_1rsrm2f1nh", active: "_1rsrm2f1ni", selection: "_1rsrm2f1nj", focused: "_1rsrm2f1nk", focusedVisible: "_1rsrm2f1nl" }, defaultClass: "_1rsrm2f1ng" }, success: { conditions: { base: "_1rsrm2f1nm", hover: "_1rsrm2f1nn", active: "_1rsrm2f1no", selection: "_1rsrm2f1np", focused: "_1rsrm2f1nq", focusedVisible: "_1rsrm2f1nr" }, defaultClass: "_1rsrm2f1nm" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ns", hover: "_1rsrm2f1nt", active: "_1rsrm2f1nu", selection: "_1rsrm2f1nv", focused: "_1rsrm2f1nw", focusedVisible: "_1rsrm2f1nx" }, defaultClass: "_1rsrm2f1ns" }, modalBackdrop: { conditions: { base: "_1rsrm2f1ny", hover: "_1rsrm2f1nz", active: "_1rsrm2f1o0", selection: "_1rsrm2f1o1", focused: "_1rsrm2f1o2", focusedVisible: "_1rsrm2f1o3" }, defaultClass: "_1rsrm2f1ny" }, modalBackground: { conditions: { base: "_1rsrm2f1o4", hover: "_1rsrm2f1o5", active: "_1rsrm2f1o6", selection: "_1rsrm2f1o7", focused: "_1rsrm2f1o8", focusedVisible: "_1rsrm2f1o9" }, defaultClass: "_1rsrm2f1o4" }, modalBorder: { conditions: { base: "_1rsrm2f1oa", hover: "_1rsrm2f1ob", active: "_1rsrm2f1oc", selection: "_1rsrm2f1od", focused: "_1rsrm2f1oe", focusedVisible: "_1rsrm2f1of" }, defaultClass: "_1rsrm2f1oa" }, offBackground: { conditions: { base: "_1rsrm2f1og", hover: "_1rsrm2f1oh", active: "_1rsrm2f1oi", selection: "_1rsrm2f1oj", focused: "_1rsrm2f1ok", focusedVisible: "_1rsrm2f1ol" }, defaultClass: "_1rsrm2f1og" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1om", hover: "_1rsrm2f1on", active: "_1rsrm2f1oo", selection: "_1rsrm2f1op", focused: "_1rsrm2f1oq", focusedVisible: "_1rsrm2f1or" }, defaultClass: "_1rsrm2f1om" }, hoverState: { conditions: { base: "_1rsrm2f1os", hover: "_1rsrm2f1ot", active: "_1rsrm2f1ou", selection: "_1rsrm2f1ov", focused: "_1rsrm2f1ow", focusedVisible: "_1rsrm2f1ox" }, defaultClass: "_1rsrm2f1os" }, lightStroke: { conditions: { base: "_1rsrm2f1oy", hover: "_1rsrm2f1oz", active: "_1rsrm2f1p0", selection: "_1rsrm2f1p1", focused: "_1rsrm2f1p2", focusedVisible: "_1rsrm2f1p3" }, defaultClass: "_1rsrm2f1oy" }, mediumStroke: { conditions: { base: "_1rsrm2f1p4", hover: "_1rsrm2f1p5", active: "_1rsrm2f1p6", selection: "_1rsrm2f1p7", focused: "_1rsrm2f1p8", focusedVisible: "_1rsrm2f1p9" }, defaultClass: "_1rsrm2f1p4" }, heavyStroke: { conditions: { base: "_1rsrm2f1pa", hover: "_1rsrm2f1pb", active: "_1rsrm2f1pc", selection: "_1rsrm2f1pd", focused: "_1rsrm2f1pe", focusedVisible: "_1rsrm2f1pf" }, defaultClass: "_1rsrm2f1pa" }, strokeColor: { conditions: { base: "_1rsrm2f1pg", hover: "_1rsrm2f1ph", active: "_1rsrm2f1pi", selection: "_1rsrm2f1pj", focused: "_1rsrm2f1pk", focusedVisible: "_1rsrm2f1pl" }, defaultClass: "_1rsrm2f1pg" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1pm", hover: "_1rsrm2f1pn", active: "_1rsrm2f1po", selection: "_1rsrm2f1pp", focused: "_1rsrm2f1pq", focusedVisible: "_1rsrm2f1pr" }, defaultClass: "_1rsrm2f1pm" }, primaryText: { conditions: { base: "_1rsrm2f1ps", hover: "_1rsrm2f1pt", active: "_1rsrm2f1pu", selection: "_1rsrm2f1pv", focused: "_1rsrm2f1pw", focusedVisible: "_1rsrm2f1px" }, defaultClass: "_1rsrm2f1ps" }, secondaryText: { conditions: { base: "_1rsrm2f1py", hover: "_1rsrm2f1pz", active: "_1rsrm2f1q0", selection: "_1rsrm2f1q1", focused: "_1rsrm2f1q2", focusedVisible: "_1rsrm2f1q3" }, defaultClass: "_1rsrm2f1py" }, tertiaryText: { conditions: { base: "_1rsrm2f1q4", hover: "_1rsrm2f1q5", active: "_1rsrm2f1q6", selection: "_1rsrm2f1q7", focused: "_1rsrm2f1q8", focusedVisible: "_1rsrm2f1q9" }, defaultClass: "_1rsrm2f1q4" }, textSelection: { conditions: { base: "_1rsrm2f1qa", hover: "_1rsrm2f1qb", active: "_1rsrm2f1qc", selection: "_1rsrm2f1qd", focused: "_1rsrm2f1qe", focusedVisible: "_1rsrm2f1qf" }, defaultClass: "_1rsrm2f1qa" }, inputBackground: { conditions: { base: "_1rsrm2f1qg", hover: "_1rsrm2f1qh", active: "_1rsrm2f1qi", selection: "_1rsrm2f1qj", focused: "_1rsrm2f1qk", focusedVisible: "_1rsrm2f1ql" }, defaultClass: "_1rsrm2f1qg" }, inputBorderBase: { conditions: { base: "_1rsrm2f1qm", hover: "_1rsrm2f1qn", active: "_1rsrm2f1qo", selection: "_1rsrm2f1qp", focused: "_1rsrm2f1qq", focusedVisible: "_1rsrm2f1qr" }, defaultClass: "_1rsrm2f1qm" }, inputBorderHover: { conditions: { base: "_1rsrm2f1qs", hover: "_1rsrm2f1qt", active: "_1rsrm2f1qu", selection: "_1rsrm2f1qv", focused: "_1rsrm2f1qw", focusedVisible: "_1rsrm2f1qx" }, defaultClass: "_1rsrm2f1qs" }, actionColor: { conditions: { base: "_1rsrm2f1qy", hover: "_1rsrm2f1qz", active: "_1rsrm2f1r0", selection: "_1rsrm2f1r1", focused: "_1rsrm2f1r2", focusedVisible: "_1rsrm2f1r3" }, defaultClass: "_1rsrm2f1qy" }, actionColorHover: { conditions: { base: "_1rsrm2f1r4", hover: "_1rsrm2f1r5", active: "_1rsrm2f1r6", selection: "_1rsrm2f1r7", focused: "_1rsrm2f1r8", focusedVisible: "_1rsrm2f1r9" }, defaultClass: "_1rsrm2f1r4" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1ra", hover: "_1rsrm2f1rb", active: "_1rsrm2f1rc", selection: "_1rsrm2f1rd", focused: "_1rsrm2f1re", focusedVisible: "_1rsrm2f1rf" }, defaultClass: "_1rsrm2f1ra" }, buttonPrimary: { conditions: { base: "_1rsrm2f1rg", hover: "_1rsrm2f1rh", active: "_1rsrm2f1ri", selection: "_1rsrm2f1rj", focused: "_1rsrm2f1rk", focusedVisible: "_1rsrm2f1rl" }, defaultClass: "_1rsrm2f1rg" }, buttonDisabled: { conditions: { base: "_1rsrm2f1rm", hover: "_1rsrm2f1rn", active: "_1rsrm2f1ro", selection: "_1rsrm2f1rp", focused: "_1rsrm2f1rq", focusedVisible: "_1rsrm2f1rr" }, defaultClass: "_1rsrm2f1rm" }, buttonWarning: { conditions: { base: "_1rsrm2f1rs", hover: "_1rsrm2f1rt", active: "_1rsrm2f1ru", selection: "_1rsrm2f1rv", focused: "_1rsrm2f1rw", focusedVisible: "_1rsrm2f1rx" }, defaultClass: "_1rsrm2f1rs" }, buttonSuccess: { conditions: { base: "_1rsrm2f1ry", hover: "_1rsrm2f1rz", active: "_1rsrm2f1s0", selection: "_1rsrm2f1s1", focused: "_1rsrm2f1s2", focusedVisible: "_1rsrm2f1s3" }, defaultClass: "_1rsrm2f1ry" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1s4", hover: "_1rsrm2f1s5", active: "_1rsrm2f1s6", selection: "_1rsrm2f1s7", focused: "_1rsrm2f1s8", focusedVisible: "_1rsrm2f1s9" }, defaultClass: "_1rsrm2f1s4" }, buttonTextHover: { conditions: { base: "_1rsrm2f1sa", hover: "_1rsrm2f1sb", active: "_1rsrm2f1sc", selection: "_1rsrm2f1sd", focused: "_1rsrm2f1se", focusedVisible: "_1rsrm2f1sf" }, defaultClass: "_1rsrm2f1sa" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1sg", hover: "_1rsrm2f1sh", active: "_1rsrm2f1si", selection: "_1rsrm2f1sj", focused: "_1rsrm2f1sk", focusedVisible: "_1rsrm2f1sl" }, defaultClass: "_1rsrm2f1sg" }, transparent: { conditions: { base: "_1rsrm2f1sm", hover: "_1rsrm2f1sn", active: "_1rsrm2f1so", selection: "_1rsrm2f1sp", focused: "_1rsrm2f1sq", focusedVisible: "_1rsrm2f1sr" }, defaultClass: "_1rsrm2f1sm" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1ss", hover: "_1rsrm2f1st", active: "_1rsrm2f1su", selection: "_1rsrm2f1sv", focused: "_1rsrm2f1sw", focusedVisible: "_1rsrm2f1sx" }, defaultClass: "_1rsrm2f1ss" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1sy", hover: "_1rsrm2f1sz", active: "_1rsrm2f1t0", selection: "_1rsrm2f1t1", focused: "_1rsrm2f1t2", focusedVisible: "_1rsrm2f1t3" }, defaultClass: "_1rsrm2f1sy" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f1t4", hover: "_1rsrm2f1t5", active: "_1rsrm2f1t6", selection: "_1rsrm2f1t7", focused: "_1rsrm2f1t8", focusedVisible: "_1rsrm2f1t9" }, defaultClass: "_1rsrm2f1t4" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1ta", hover: "_1rsrm2f1tb", active: "_1rsrm2f1tc", selection: "_1rsrm2f1td", focused: "_1rsrm2f1te", focusedVisible: "_1rsrm2f1tf" }, defaultClass: "_1rsrm2f1ta" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1tg", hover: "_1rsrm2f1th", active: "_1rsrm2f1ti", selection: "_1rsrm2f1tj", focused: "_1rsrm2f1tk", focusedVisible: "_1rsrm2f1tl" }, defaultClass: "_1rsrm2f1tg" }, buttonBackground: { conditions: { base: "_1rsrm2f1tm", hover: "_1rsrm2f1tn", active: "_1rsrm2f1to", selection: "_1rsrm2f1tp", focused: "_1rsrm2f1tq", focusedVisible: "_1rsrm2f1tr" }, defaultClass: "_1rsrm2f1tm" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1ts", hover: "_1rsrm2f1tt", active: "_1rsrm2f1tu", selection: "_1rsrm2f1tv", focused: "_1rsrm2f1tw", focusedVisible: "_1rsrm2f1tx" }, defaultClass: "_1rsrm2f1ts" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1ty", hover: "_1rsrm2f1tz", active: "_1rsrm2f1u0", selection: "_1rsrm2f1u1", focused: "_1rsrm2f1u2", focusedVisible: "_1rsrm2f1u3" }, defaultClass: "_1rsrm2f1ty" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1u4", hover: "_1rsrm2f1u5", active: "_1rsrm2f1u6", selection: "_1rsrm2f1u7", focused: "_1rsrm2f1u8", focusedVisible: "_1rsrm2f1u9" }, defaultClass: "_1rsrm2f1u4" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1ua", hover: "_1rsrm2f1ub", active: "_1rsrm2f1uc", selection: "_1rsrm2f1ud", focused: "_1rsrm2f1ue", focusedVisible: "_1rsrm2f1uf" }, defaultClass: "_1rsrm2f1ua" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1ug", hover: "_1rsrm2f1uh", active: "_1rsrm2f1ui", selection: "_1rsrm2f1uj", focused: "_1rsrm2f1uk", focusedVisible: "_1rsrm2f1ul" }, defaultClass: "_1rsrm2f1ug" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1um", hover: "_1rsrm2f1un", active: "_1rsrm2f1uo", selection: "_1rsrm2f1up", focused: "_1rsrm2f1uq", focusedVisible: "_1rsrm2f1ur" }, defaultClass: "_1rsrm2f1um" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1us", hover: "_1rsrm2f1ut", active: "_1rsrm2f1uu", selection: "_1rsrm2f1uv", focused: "_1rsrm2f1uw", focusedVisible: "_1rsrm2f1ux" }, defaultClass: "_1rsrm2f1us" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1uy", hover: "_1rsrm2f1uz", active: "_1rsrm2f1v0", selection: "_1rsrm2f1v1", focused: "_1rsrm2f1v2", focusedVisible: "_1rsrm2f1v3" }, defaultClass: "_1rsrm2f1uy" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1v4", hover: "_1rsrm2f1v5", active: "_1rsrm2f1v6", selection: "_1rsrm2f1v7", focused: "_1rsrm2f1v8", focusedVisible: "_1rsrm2f1v9" }, defaultClass: "_1rsrm2f1v4" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1va", hover: "_1rsrm2f1vb", active: "_1rsrm2f1vc", selection: "_1rsrm2f1vd", focused: "_1rsrm2f1ve", focusedVisible: "_1rsrm2f1vf" }, defaultClass: "_1rsrm2f1va" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1vg", hover: "_1rsrm2f1vh", active: "_1rsrm2f1vi", selection: "_1rsrm2f1vj", focused: "_1rsrm2f1vk", focusedVisible: "_1rsrm2f1vl" }, defaultClass: "_1rsrm2f1vg" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1vm", hover: "_1rsrm2f1vn", active: "_1rsrm2f1vo", selection: "_1rsrm2f1vp", focused: "_1rsrm2f1vq", focusedVisible: "_1rsrm2f1vr" }, defaultClass: "_1rsrm2f1vm" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1vs", hover: "_1rsrm2f1vt", active: "_1rsrm2f1vu", selection: "_1rsrm2f1vv", focused: "_1rsrm2f1vw", focusedVisible: "_1rsrm2f1vx" }, defaultClass: "_1rsrm2f1vs" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1vy", hover: "_1rsrm2f1vz", active: "_1rsrm2f1w0", selection: "_1rsrm2f1w1", focused: "_1rsrm2f1w2", focusedVisible: "_1rsrm2f1w3" }, defaultClass: "_1rsrm2f1vy" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1w4", hover: "_1rsrm2f1w5", active: "_1rsrm2f1w6", selection: "_1rsrm2f1w7", focused: "_1rsrm2f1w8", focusedVisible: "_1rsrm2f1w9" }, defaultClass: "_1rsrm2f1w4" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1wa", hover: "_1rsrm2f1wb", active: "_1rsrm2f1wc", selection: "_1rsrm2f1wd", focused: "_1rsrm2f1we", focusedVisible: "_1rsrm2f1wf" }, defaultClass: "_1rsrm2f1wa" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1wg", hover: "_1rsrm2f1wh", active: "_1rsrm2f1wi", selection: "_1rsrm2f1wj", focused: "_1rsrm2f1wk", focusedVisible: "_1rsrm2f1wl" }, defaultClass: "_1rsrm2f1wg" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1wm", hover: "_1rsrm2f1wn", active: "_1rsrm2f1wo", selection: "_1rsrm2f1wp", focused: "_1rsrm2f1wq", focusedVisible: "_1rsrm2f1wr" }, defaultClass: "_1rsrm2f1wm" }, newBadgeText: { conditions: { base: "_1rsrm2f1ws", hover: "_1rsrm2f1wt", active: "_1rsrm2f1wu", selection: "_1rsrm2f1wv", focused: "_1rsrm2f1ww", focusedVisible: "_1rsrm2f1wx" }, defaultClass: "_1rsrm2f1ws" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1wy", hover: "_1rsrm2f1wz", active: "_1rsrm2f1x0", selection: "_1rsrm2f1x1", focused: "_1rsrm2f1x2", focusedVisible: "_1rsrm2f1x3" }, defaultClass: "_1rsrm2f1wy" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1x4", hover: "_1rsrm2f1x5", active: "_1rsrm2f1x6", selection: "_1rsrm2f1x7", focused: "_1rsrm2f1x8", focusedVisible: "_1rsrm2f1x9" }, defaultClass: "_1rsrm2f1x4" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1xa", hover: "_1rsrm2f1xb", active: "_1rsrm2f1xc", selection: "_1rsrm2f1xd", focused: "_1rsrm2f1xe", focusedVisible: "_1rsrm2f1xf" }, defaultClass: "_1rsrm2f1xa" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1xg", hover: "_1rsrm2f1xh", active: "_1rsrm2f1xi", selection: "_1rsrm2f1xj", focused: "_1rsrm2f1xk", focusedVisible: "_1rsrm2f1xl" }, defaultClass: "_1rsrm2f1xg" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1xm", hover: "_1rsrm2f1xn", active: "_1rsrm2f1xo", selection: "_1rsrm2f1xp", focused: "_1rsrm2f1xq", focusedVisible: "_1rsrm2f1xr" }, defaultClass: "_1rsrm2f1xm" }, failedBadgeText: { conditions: { base: "_1rsrm2f1xs", hover: "_1rsrm2f1xt", active: "_1rsrm2f1xu", selection: "_1rsrm2f1xv", focused: "_1rsrm2f1xw", focusedVisible: "_1rsrm2f1xx" }, defaultClass: "_1rsrm2f1xs" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1xy", hover: "_1rsrm2f1xz", active: "_1rsrm2f1y0", selection: "_1rsrm2f1y1", focused: "_1rsrm2f1y2", focusedVisible: "_1rsrm2f1y3" }, defaultClass: "_1rsrm2f1xy" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1y4", hover: "_1rsrm2f1y5", active: "_1rsrm2f1y6", selection: "_1rsrm2f1y7", focused: "_1rsrm2f1y8", focusedVisible: "_1rsrm2f1y9" }, defaultClass: "_1rsrm2f1y4" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1ya", hover: "_1rsrm2f1yb", active: "_1rsrm2f1yc", selection: "_1rsrm2f1yd", focused: "_1rsrm2f1ye", focusedVisible: "_1rsrm2f1yf" }, defaultClass: "_1rsrm2f1ya" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1yg", hover: "_1rsrm2f1yh", active: "_1rsrm2f1yi", selection: "_1rsrm2f1yj", focused: "_1rsrm2f1yk", focusedVisible: "_1rsrm2f1yl" }, defaultClass: "_1rsrm2f1yg" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1ym", hover: "_1rsrm2f1yn", active: "_1rsrm2f1yo", selection: "_1rsrm2f1yp", focused: "_1rsrm2f1yq", focusedVisible: "_1rsrm2f1yr" }, defaultClass: "_1rsrm2f1ym" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1ys", hover: "_1rsrm2f1yt", active: "_1rsrm2f1yu", selection: "_1rsrm2f1yv", focused: "_1rsrm2f1yw", focusedVisible: "_1rsrm2f1yx" }, defaultClass: "_1rsrm2f1ys" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1yy", hover: "_1rsrm2f1yz", active: "_1rsrm2f1z0", selection: "_1rsrm2f1z1", focused: "_1rsrm2f1z2", focusedVisible: "_1rsrm2f1z3" }, defaultClass: "_1rsrm2f1yy" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1z4", hover: "_1rsrm2f1z5", active: "_1rsrm2f1z6", selection: "_1rsrm2f1z7", focused: "_1rsrm2f1z8", focusedVisible: "_1rsrm2f1z9" }, defaultClass: "_1rsrm2f1z4" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1za", hover: "_1rsrm2f1zb", active: "_1rsrm2f1zc", selection: "_1rsrm2f1zd", focused: "_1rsrm2f1ze", focusedVisible: "_1rsrm2f1zf" }, defaultClass: "_1rsrm2f1za" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1zg", hover: "_1rsrm2f1zh", active: "_1rsrm2f1zi", selection: "_1rsrm2f1zj", focused: "_1rsrm2f1zk", focusedVisible: "_1rsrm2f1zl" }, defaultClass: "_1rsrm2f1zg" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1zm", hover: "_1rsrm2f1zn", active: "_1rsrm2f1zo", selection: "_1rsrm2f1zp", focused: "_1rsrm2f1zq", focusedVisible: "_1rsrm2f1zr" }, defaultClass: "_1rsrm2f1zm" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1zs", hover: "_1rsrm2f1zt", active: "_1rsrm2f1zu", selection: "_1rsrm2f1zv", focused: "_1rsrm2f1zw", focusedVisible: "_1rsrm2f1zx" }, defaultClass: "_1rsrm2f1zs" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1zy", hover: "_1rsrm2f1zz", active: "_1rsrm2f200", selection: "_1rsrm2f201", focused: "_1rsrm2f202", focusedVisible: "_1rsrm2f203" }, defaultClass: "_1rsrm2f1zy" }, announceGradientTo: { conditions: { base: "_1rsrm2f204", hover: "_1rsrm2f205", active: "_1rsrm2f206", selection: "_1rsrm2f207", focused: "_1rsrm2f208", focusedVisible: "_1rsrm2f209" }, defaultClass: "_1rsrm2f204" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f20a", hover: "_1rsrm2f20b", active: "_1rsrm2f20c", selection: "_1rsrm2f20d", focused: "_1rsrm2f20e", focusedVisible: "_1rsrm2f20f" }, defaultClass: "_1rsrm2f20a" }, modalFooterDivider: { conditions: { base: "_1rsrm2f20g", hover: "_1rsrm2f20h", active: "_1rsrm2f20i", selection: "_1rsrm2f20j", focused: "_1rsrm2f20k", focusedVisible: "_1rsrm2f20l" }, defaultClass: "_1rsrm2f20g" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f20m", hover: "_1rsrm2f20n", active: "_1rsrm2f20o", selection: "_1rsrm2f20p", focused: "_1rsrm2f20q", focusedVisible: "_1rsrm2f20r" }, defaultClass: "_1rsrm2f20m" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f20s", hover: "_1rsrm2f20t", active: "_1rsrm2f20u", selection: "_1rsrm2f20v", focused: "_1rsrm2f20w", focusedVisible: "_1rsrm2f20x" }, defaultClass: "_1rsrm2f20s" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f20y", hover: "_1rsrm2f20z", active: "_1rsrm2f210", selection: "_1rsrm2f211", focused: "_1rsrm2f212", focusedVisible: "_1rsrm2f213" }, defaultClass: "_1rsrm2f20y" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f214", hover: "_1rsrm2f215", active: "_1rsrm2f216", selection: "_1rsrm2f217", focused: "_1rsrm2f218", focusedVisible: "_1rsrm2f219" }, defaultClass: "_1rsrm2f214" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f21a", hover: "_1rsrm2f21b", active: "_1rsrm2f21c", selection: "_1rsrm2f21d", focused: "_1rsrm2f21e", focusedVisible: "_1rsrm2f21f" }, defaultClass: "_1rsrm2f21a" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f21g", hover: "_1rsrm2f21h", active: "_1rsrm2f21i", selection: "_1rsrm2f21j", focused: "_1rsrm2f21k", focusedVisible: "_1rsrm2f21l" }, defaultClass: "_1rsrm2f21g" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f21m", hover: "_1rsrm2f21n", active: "_1rsrm2f21o", selection: "_1rsrm2f21p", focused: "_1rsrm2f21q", focusedVisible: "_1rsrm2f21r" }, defaultClass: "_1rsrm2f21m" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f21s", hover: "_1rsrm2f21t", active: "_1rsrm2f21u", selection: "_1rsrm2f21v", focused: "_1rsrm2f21w", focusedVisible: "_1rsrm2f21x" }, defaultClass: "_1rsrm2f21s" }, optionBoxBackground: { conditions: { base: "_1rsrm2f21y", hover: "_1rsrm2f21z", active: "_1rsrm2f220", selection: "_1rsrm2f221", focused: "_1rsrm2f222", focusedVisible: "_1rsrm2f223" }, defaultClass: "_1rsrm2f21y" }, spinnerBackground: { conditions: { base: "_1rsrm2f224", hover: "_1rsrm2f225", active: "_1rsrm2f226", selection: "_1rsrm2f227", focused: "_1rsrm2f228", focusedVisible: "_1rsrm2f229" }, defaultClass: "_1rsrm2f224" }, spinnerIndicator: { conditions: { base: "_1rsrm2f22a", hover: "_1rsrm2f22b", active: "_1rsrm2f22c", selection: "_1rsrm2f22d", focused: "_1rsrm2f22e", focusedVisible: "_1rsrm2f22f" }, defaultClass: "_1rsrm2f22a" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f22g", hover: "_1rsrm2f22h", active: "_1rsrm2f22i", selection: "_1rsrm2f22j", focused: "_1rsrm2f22k", focusedVisible: "_1rsrm2f22l" }, defaultClass: "_1rsrm2f22g" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f22m", hover: "_1rsrm2f22n", active: "_1rsrm2f22o", selection: "_1rsrm2f22p", focused: "_1rsrm2f22q", focusedVisible: "_1rsrm2f22r" }, defaultClass: "_1rsrm2f22m" } } } } }, { 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" }, modalTopbarIcon: { defaultClass: "_1rsrm2f18" }, full: { defaultClass: "_1rsrm2f19" }, badge: { defaultClass: "_1rsrm2f1a" }, smallBadge: { defaultClass: "_1rsrm2f1b" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1c" }, dotted: { defaultClass: "_1rsrm2f1d" }, hidden: { defaultClass: "_1rsrm2f1e" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1f" }, "1": { defaultClass: "_1rsrm2f1g" }, "2": { defaultClass: "_1rsrm2f1h" }, "3": { defaultClass: "_1rsrm2f1i" }, "4": { defaultClass: "_1rsrm2f1j" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1k" }, "0.5": { defaultClass: "_1rsrm2f1l" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1m" }, pointer: { defaultClass: "_1rsrm2f1n" }, "not-allowed": { defaultClass: "_1rsrm2f1o" }, "default": { defaultClass: "_1rsrm2f1p" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1q" }, column: { defaultClass: "_1rsrm2f1r" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1s" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1t" }, "12": { defaultClass: "_1rsrm2f1u" }, "13": { defaultClass: "_1rsrm2f1v" }, "14": { defaultClass: "_1rsrm2f1w" }, "16": { defaultClass: "_1rsrm2f1x" }, "18": { defaultClass: "_1rsrm2f1y" }, "20": { defaultClass: "_1rsrm2f1z" }, "21": { defaultClass: "_1rsrm2f20" }, "40": { defaultClass: "_1rsrm2f21" }, "57": { defaultClass: "_1rsrm2f22" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f23" }, modalTopbarTitle: { defaultClass: "_1rsrm2f24" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f25" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f26" }, medium: { defaultClass: "_1rsrm2f27" }, semibold: { defaultClass: "_1rsrm2f28" }, bold: { defaultClass: "_1rsrm2f29" }, heavy: { defaultClass: "_1rsrm2f2a" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2b" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2c" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2d" }, "1": { defaultClass: "_1rsrm2f2e" }, "2": { defaultClass: "_1rsrm2f2f" }, "3": { defaultClass: "_1rsrm2f2g" }, "4": { defaultClass: "_1rsrm2f2h" }, "5": { defaultClass: "_1rsrm2f2i" }, "6": { defaultClass: "_1rsrm2f2j" }, "7": { defaultClass: "_1rsrm2f2k" }, "8": { defaultClass: "_1rsrm2f2l" }, "9": { defaultClass: "_1rsrm2f2m" }, "10": { defaultClass: "_1rsrm2f2n" }, "11": { defaultClass: "_1rsrm2f2o" }, "12": { defaultClass: "_1rsrm2f2p" }, "13": { defaultClass: "_1rsrm2f2q" }, "14": { defaultClass: "_1rsrm2f2r" }, "15": { defaultClass: "_1rsrm2f2s" }, "16": { defaultClass: "_1rsrm2f2t" }, "18": { defaultClass: "_1rsrm2f2u" }, "20": { defaultClass: "_1rsrm2f2v" }, "24": { defaultClass: "_1rsrm2f2w" }, "28": { defaultClass: "_1rsrm2f2x" }, "30": { defaultClass: "_1rsrm2f2y" }, "32": { defaultClass: "_1rsrm2f2z" }, "36": { defaultClass: "_1rsrm2f30" }, "40": { defaultClass: "_1rsrm2f31" }, "44": { defaultClass: "_1rsrm2f32" }, "64": { defaultClass: "_1rsrm2f33" }, "-1": { defaultClass: "_1rsrm2f34" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f35" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f36" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f37" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f38" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f39" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f3a" }, "2": { defaultClass: "_1rsrm2f3b" }, "4": { defaultClass: "_1rsrm2f3c" }, "8": { defaultClass: "_1rsrm2f3d" }, "10": { defaultClass: "_1rsrm2f3e" }, "11": { defaultClass: "_1rsrm2f3f" }, "12": { defaultClass: "_1rsrm2f3g" }, "13": { defaultClass: "_1rsrm2f3h" }, "14": { defaultClass: "_1rsrm2f3i" }, "15": { defaultClass: "_1rsrm2f3j" }, "16": { defaultClass: "_1rsrm2f3k" }, "18": { defaultClass: "_1rsrm2f3l" }, "20": { defaultClass: "_1rsrm2f3m" }, "24": { defaultClass: "_1rsrm2f3n" }, "28": { defaultClass: "_1rsrm2f3o" }, "30": { defaultClass: "_1rsrm2f3p" }, "32": { defaultClass: "_1rsrm2f3q" }, "34": { defaultClass: "_1rsrm2f3r" }, "36": { defaultClass: "_1rsrm2f3s" }, "40": { defaultClass: "_1rsrm2f3t" }, "44": { defaultClass: "_1rsrm2f3u" }, "48": { defaultClass: "_1rsrm2f3v" }, "50": { defaultClass: "_1rsrm2f3w" }, "54": { defaultClass: "_1rsrm2f3x" }, "57": { defaultClass: "_1rsrm2f3y" }, "60": { defaultClass: "_1rsrm2f3z" }, "72": { defaultClass: "_1rsrm2f40" }, "76": { defaultClass: "_1rsrm2f41" }, "93": { defaultClass: "_1rsrm2f42" }, "96": { defaultClass: "_1rsrm2f43" }, "100": { defaultClass: "_1rsrm2f44" }, "108": { defaultClass: "_1rsrm2f45" }, "120": { defaultClass: "_1rsrm2f46" }, "160": { defaultClass: "_1rsrm2f47" }, "180": { defaultClass: "_1rsrm2f48" }, "200": { defaultClass: "_1rsrm2f49" }, "240": { defaultClass: "_1rsrm2f4a" }, half: { defaultClass: "_1rsrm2f4b" }, full: { defaultClass: "_1rsrm2f4c" }, max: { defaultClass: "_1rsrm2f4d" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4e" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4f" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4g" }, "flex-end": { defaultClass: "_1rsrm2f4h" }, center: { defaultClass: "_1rsrm2f4i" }, "space-between": { defaultClass: "_1rsrm2f4j" }, "space-around": { defaultClass: "_1rsrm2f4k" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4l" }, center: { defaultClass: "_1rsrm2f4m" }, right: { defaultClass: "_1rsrm2f4n" }, inherit: { defaultClass: "_1rsrm2f4o" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4p" }, "1": { defaultClass: "_1rsrm2f4q" }, "2": { defaultClass: "_1rsrm2f4r" }, "3": { defaultClass: "_1rsrm2f4s" }, "4": { defaultClass: "_1rsrm2f4t" }, "5": { defaultClass: "_1rsrm2f4u" }, "6": { defaultClass: "_1rsrm2f4v" }, "7": { defaultClass: "_1rsrm2f4w" }, "8": { defaultClass: "_1rsrm2f4x" }, "9": { defaultClass: "_1rsrm2f4y" }, "10": { defaultClass: "_1rsrm2f4z" }, "11": { defaultClass: "_1rsrm2f50" }, "12": { defaultClass: "_1rsrm2f51" }, "13": { defaultClass: "_1rsrm2f52" }, "14": { defaultClass: "_1rsrm2f53" }, "15": { defaultClass: "_1rsrm2f54" }, "16": { defaultClass: "_1rsrm2f55" }, "18": { defaultClass: "_1rsrm2f56" }, "20": { defaultClass: "_1rsrm2f57" }, "24": { defaultClass: "_1rsrm2f58" }, "28": { defaultClass: "_1rsrm2f59" }, "30": { defaultClass: "_1rsrm2f5a" }, "32": { defaultClass: "_1rsrm2f5b" }, "36": { defaultClass: "_1rsrm2f5c" }, "40": { defaultClass: "_1rsrm2f5d" }, "44": { defaultClass: "_1rsrm2f5e" }, "64": { defaultClass: "_1rsrm2f5f" }, auto: { defaultClass: "_1rsrm2f5g" }, "-18": { defaultClass: "_1rsrm2f5h" }, "-12": { defaultClass: "_1rsrm2f5i" }, "-1": { defaultClass: "_1rsrm2f5j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5o" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5p" }, "1": { defaultClass: "_1rsrm2f5q" }, "2": { defaultClass: "_1rsrm2f5r" }, "3": { defaultClass: "_1rsrm2f5s" }, "4": { defaultClass: "_1rsrm2f5t" }, "5": { defaultClass: "_1rsrm2f5u" }, "6": { defaultClass: "_1rsrm2f5v" }, "7": { defaultClass: "_1rsrm2f5w" }, "8": { defaultClass: "_1rsrm2f5x" }, "9": { defaultClass: "_1rsrm2f5y" }, "10": { defaultClass: "_1rsrm2f5z" }, "11": { defaultClass: "_1rsrm2f60" }, "12": { defaultClass: "_1rsrm2f61" }, "13": { defaultClass: "_1rsrm2f62" }, "14": { defaultClass: "_1rsrm2f63" }, "15": { defaultClass: "_1rsrm2f64" }, "16": { defaultClass: "_1rsrm2f65" }, "18": { defaultClass: "_1rsrm2f66" }, "20": { defaultClass: "_1rsrm2f67" }, "24": { defaultClass: "_1rsrm2f68" }, "28": { defaultClass: "_1rsrm2f69" }, "30": { defaultClass: "_1rsrm2f6a" }, "32": { defaultClass: "_1rsrm2f6b" }, "36": { defaultClass: "_1rsrm2f6c" }, "40": { defaultClass: "_1rsrm2f6d" }, "44": { defaultClass: "_1rsrm2f6e" }, "64": { defaultClass: "_1rsrm2f6f" }, auto: { defaultClass: "_1rsrm2f6g" }, "-18": { defaultClass: "_1rsrm2f6h" }, "-12": { defaultClass: "_1rsrm2f6i" }, "-1": { defaultClass: "_1rsrm2f6j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6o" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6p" }, "1": { defaultClass: "_1rsrm2f6q" }, "2": { defaultClass: "_1rsrm2f6r" }, "3": { defaultClass: "_1rsrm2f6s" }, "4": { defaultClass: "_1rsrm2f6t" }, "5": { defaultClass: "_1rsrm2f6u" }, "6": { defaultClass: "_1rsrm2f6v" }, "7": { defaultClass: "_1rsrm2f6w" }, "8": { defaultClass: "_1rsrm2f6x" }, "9": { defaultClass: "_1rsrm2f6y" }, "10": { defaultClass: "_1rsrm2f6z" }, "11": { defaultClass: "_1rsrm2f70" }, "12": { defaultClass: "_1rsrm2f71" }, "13": { defaultClass: "_1rsrm2f72" }, "14": { defaultClass: "_1rsrm2f73" }, "15": { defaultClass: "_1rsrm2f74" }, "16": { defaultClass: "_1rsrm2f75" }, "18": { defaultClass: "_1rsrm2f76" }, "20": { defaultClass: "_1rsrm2f77" }, "24": { defaultClass: "_1rsrm2f78" }, "28": { defaultClass: "_1rsrm2f79" }, "30": { defaultClass: "_1rsrm2f7a" }, "32": { defaultClass: "_1rsrm2f7b" }, "36": { defaultClass: "_1rsrm2f7c" }, "40": { defaultClass: "_1rsrm2f7d" }, "44": { defaultClass: "_1rsrm2f7e" }, "64": { defaultClass: "_1rsrm2f7f" }, auto: { defaultClass: "_1rsrm2f7g" }, "-18": { defaultClass: "_1rsrm2f7h" }, "-12": { defaultClass: "_1rsrm2f7i" }, "-1": { defaultClass: "_1rsrm2f7j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7o" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7p" }, "1": { defaultClass: "_1rsrm2f7q" }, "2": { defaultClass: "_1rsrm2f7r" }, "3": { defaultClass: "_1rsrm2f7s" }, "4": { defaultClass: "_1rsrm2f7t" }, "5": { defaultClass: "_1rsrm2f7u" }, "6": { defaultClass: "_1rsrm2f7v" }, "7": { defaultClass: "_1rsrm2f7w" }, "8": { defaultClass: "_1rsrm2f7x" }, "9": { defaultClass: "_1rsrm2f7y" }, "10": { defaultClass: "_1rsrm2f7z" }, "11": { defaultClass: "_1rsrm2f80" }, "12": { defaultClass: "_1rsrm2f81" }, "13": { defaultClass: "_1rsrm2f82" }, "14": { defaultClass: "_1rsrm2f83" }, "15": { defaultClass: "_1rsrm2f84" }, "16": { defaultClass: "_1rsrm2f85" }, "18": { defaultClass: "_1rsrm2f86" }, "20": { defaultClass: "_1rsrm2f87" }, "24": { defaultClass: "_1rsrm2f88" }, "28": { defaultClass: "_1rsrm2f89" }, "30": { defaultClass: "_1rsrm2f8a" }, "32": { defaultClass: "_1rsrm2f8b" }, "36": { defaultClass: "_1rsrm2f8c" }, "40": { defaultClass: "_1rsrm2f8d" }, "44": { defaultClass: "_1rsrm2f8e" }, "64": { defaultClass: "_1rsrm2f8f" }, auto: { defaultClass: "_1rsrm2f8g" }, "-18": { defaultClass: "_1rsrm2f8h" }, "-12": { defaultClass: "_1rsrm2f8i" }, "-1": { defaultClass: "_1rsrm2f8j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8o" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8p" }, "2": { defaultClass: "_1rsrm2f8q" }, "4": { defaultClass: "_1rsrm2f8r" }, "8": { defaultClass: "_1rsrm2f8s" }, "10": { defaultClass: "_1rsrm2f8t" }, "11": { defaultClass: "_1rsrm2f8u" }, "12": { defaultClass: "_1rsrm2f8v" }, "13": { defaultClass: "_1rsrm2f8w" }, "14": { defaultClass: "_1rsrm2f8x" }, "15": { defaultClass: "_1rsrm2f8y" }, "16": { defaultClass: "_1rsrm2f8z" }, "18": { defaultClass: "_1rsrm2f90" }, "20": { defaultClass: "_1rsrm2f91" }, "24": { defaultClass: "_1rsrm2f92" }, "28": { defaultClass: "_1rsrm2f93" }, "30": { defaultClass: "_1rsrm2f94" }, "32": { defaultClass: "_1rsrm2f95" }, "34": { defaultClass: "_1rsrm2f96" }, "36": { defaultClass: "_1rsrm2f97" }, "40": { defaultClass: "_1rsrm2f98" }, "44": { defaultClass: "_1rsrm2f99" }, "48": { defaultClass: "_1rsrm2f9a" }, "50": { defaultClass: "_1rsrm2f9b" }, "54": { defaultClass: "_1rsrm2f9c" }, "57": { defaultClass: "_1rsrm2f9d" }, "60": { defaultClass: "_1rsrm2f9e" }, "72": { defaultClass: "_1rsrm2f9f" }, "76": { defaultClass: "_1rsrm2f9g" }, "93": { defaultClass: "_1rsrm2f9h" }, "96": { defaultClass: "_1rsrm2f9i" }, "100": { defaultClass: "_1rsrm2f9j" }, "108": { defaultClass: "_1rsrm2f9k" }, "120": { defaultClass: "_1rsrm2f9l" }, "160": { defaultClass: "_1rsrm2f9m" }, "180": { defaultClass: "_1rsrm2f9n" }, "200": { defaultClass: "_1rsrm2f9o" }, "240": { defaultClass: "_1rsrm2f9p" }, half: { defaultClass: "_1rsrm2f9q" }, full: { defaultClass: "_1rsrm2f9r" }, max: { defaultClass: "_1rsrm2f9s" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9t" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9u" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9v" }, "2": { defaultClass: "_1rsrm2f9w" }, "4": { defaultClass: "_1rsrm2f9x" }, "8": { defaultClass: "_1rsrm2f9y" }, "10": { defaultClass: "_1rsrm2f9z" }, "11": { defaultClass: "_1rsrm2fa0" }, "12": { defaultClass: "_1rsrm2fa1" }, "13": { defaultClass: "_1rsrm2fa2" }, "14": { defaultClass: "_1rsrm2fa3" }, "15": { defaultClass: "_1rsrm2fa4" }, "16": { defaultClass: "_1rsrm2fa5" }, "18": { defaultClass: "_1rsrm2fa6" }, "20": { defaultClass: "_1rsrm2fa7" }, "24": { defaultClass: "_1rsrm2fa8" }, "28": { defaultClass: "_1rsrm2fa9" }, "30": { defaultClass: "_1rsrm2faa" }, "32": { defaultClass: "_1rsrm2fab" }, "34": { defaultClass: "_1rsrm2fac" }, "36": { defaultClass: "_1rsrm2fad" }, "40": { defaultClass: "_1rsrm2fae" }, "44": { defaultClass: "_1rsrm2faf" }, "48": { defaultClass: "_1rsrm2fag" }, "50": { defaultClass: "_1rsrm2fah" }, "54": { defaultClass: "_1rsrm2fai" }, "57": { defaultClass: "_1rsrm2faj" }, "60": { defaultClass: "_1rsrm2fak" }, "72": { defaultClass: "_1rsrm2fal" }, "76": { defaultClass: "_1rsrm2fam" }, "93": { defaultClass: "_1rsrm2fan" }, "96": { defaultClass: "_1rsrm2fao" }, "100": { defaultClass: "_1rsrm2fap" }, "108": { defaultClass: "_1rsrm2faq" }, "120": { defaultClass: "_1rsrm2far" }, "160": { defaultClass: "_1rsrm2fas" }, "180": { defaultClass: "_1rsrm2fat" }, "200": { defaultClass: "_1rsrm2fau" }, "240": { defaultClass: "_1rsrm2fav" }, half: { defaultClass: "_1rsrm2faw" }, full: { defaultClass: "_1rsrm2fax" }, max: { defaultClass: "_1rsrm2fay" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2faz" }, modalTopBarHeight: { defaultClass: "_1rsrm2fb0" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fb1" }, "2": { defaultClass: "_1rsrm2fb2" }, "4": { defaultClass: "_1rsrm2fb3" }, "8": { defaultClass: "_1rsrm2fb4" }, "10": { defaultClass: "_1rsrm2fb5" }, "11": { defaultClass: "_1rsrm2fb6" }, "12": { defaultClass: "_1rsrm2fb7" }, "13": { defaultClass: "_1rsrm2fb8" }, "14": { defaultClass: "_1rsrm2fb9" }, "15": { defaultClass: "_1rsrm2fba" }, "16": { defaultClass: "_1rsrm2fbb" }, "18": { defaultClass: "_1rsrm2fbc" }, "20": { defaultClass: "_1rsrm2fbd" }, "24": { defaultClass: "_1rsrm2fbe" }, "28": { defaultClass: "_1rsrm2fbf" }, "30": { defaultClass: "_1rsrm2fbg" }, "32": { defaultClass: "_1rsrm2fbh" }, "34": { defaultClass: "_1rsrm2fbi" }, "36": { defaultClass: "_1rsrm2fbj" }, "40": { defaultClass: "_1rsrm2fbk" }, "44": { defaultClass: "_1rsrm2fbl" }, "48": { defaultClass: "_1rsrm2fbm" }, "50": { defaultClass: "_1rsrm2fbn" }, "54": { defaultClass: "_1rsrm2fbo" }, "57": { defaultClass: "_1rsrm2fbp" }, "60": { defaultClass: "_1rsrm2fbq" }, "72": { defaultClass: "_1rsrm2fbr" }, "76": { defaultClass: "_1rsrm2fbs" }, "93": { defaultClass: "_1rsrm2fbt" }, "96": { defaultClass: "_1rsrm2fbu" }, "100": { defaultClass: "_1rsrm2fbv" }, "108": { defaultClass: "_1rsrm2fbw" }, "120": { defaultClass: "_1rsrm2fbx" }, "160": { defaultClass: "_1rsrm2fby" }, "180": { defaultClass: "_1rsrm2fbz" }, "200": { defaultClass: "_1rsrm2fc0" }, "240": { defaultClass: "_1rsrm2fc1" }, half: { defaultClass: "_1rsrm2fc2" }, full: { defaultClass: "_1rsrm2fc3" }, max: { defaultClass: "_1rsrm2fc4" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc5" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc6" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc7" }, "2": { defaultClass: "_1rsrm2fc8" }, "4": { defaultClass: "_1rsrm2fc9" }, "8": { defaultClass: "_1rsrm2fca" }, "10": { defaultClass: "_1rsrm2fcb" }, "11": { defaultClass: "_1rsrm2fcc" }, "12": { defaultClass: "_1rsrm2fcd" }, "13": { defaultClass: "_1rsrm2fce" }, "14": { defaultClass: "_1rsrm2fcf" }, "15": { defaultClass: "_1rsrm2fcg" }, "16": { defaultClass: "_1rsrm2fch" }, "18": { defaultClass: "_1rsrm2fci" }, "20": { defaultClass: "_1rsrm2fcj" }, "24": { defaultClass: "_1rsrm2fck" }, "28": { defaultClass: "_1rsrm2fcl" }, "30": { defaultClass: "_1rsrm2fcm" }, "32": { defaultClass: "_1rsrm2fcn" }, "34": { defaultClass: "_1rsrm2fco" }, "36": { defaultClass: "_1rsrm2fcp" }, "40": { defaultClass: "_1rsrm2fcq" }, "44": { defaultClass: "_1rsrm2fcr" }, "48": { defaultClass: "_1rsrm2fcs" }, "50": { defaultClass: "_1rsrm2fct" }, "54": { defaultClass: "_1rsrm2fcu" }, "57": { defaultClass: "_1rsrm2fcv" }, "60": { defaultClass: "_1rsrm2fcw" }, "72": { defaultClass: "_1rsrm2fcx" }, "76": { defaultClass: "_1rsrm2fcy" }, "93": { defaultClass: "_1rsrm2fcz" }, "96": { defaultClass: "_1rsrm2fd0" }, "100": { defaultClass: "_1rsrm2fd1" }, "108": { defaultClass: "_1rsrm2fd2" }, "120": { defaultClass: "_1rsrm2fd3" }, "160": { defaultClass: "_1rsrm2fd4" }, "180": { defaultClass: "_1rsrm2fd5" }, "200": { defaultClass: "_1rsrm2fd6" }, "240": { defaultClass: "_1rsrm2fd7" }, half: { defaultClass: "_1rsrm2fd8" }, full: { defaultClass: "_1rsrm2fd9" }, max: { defaultClass: "_1rsrm2fda" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fdb" }, modalTopBarHeight: { defaultClass: "_1rsrm2fdc" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdd" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fde" }, "1": { defaultClass: "_1rsrm2fdf" }, "2": { defaultClass: "_1rsrm2fdg" }, "3": { defaultClass: "_1rsrm2fdh" }, "4": { defaultClass: "_1rsrm2fdi" }, "5": { defaultClass: "_1rsrm2fdj" }, "6": { defaultClass: "_1rsrm2fdk" }, "7": { defaultClass: "_1rsrm2fdl" }, "8": { defaultClass: "_1rsrm2fdm" }, "9": { defaultClass: "_1rsrm2fdn" }, "10": { defaultClass: "_1rsrm2fdo" }, "11": { defaultClass: "_1rsrm2fdp" }, "12": { defaultClass: "_1rsrm2fdq" }, "13": { defaultClass: "_1rsrm2fdr" }, "14": { defaultClass: "_1rsrm2fds" }, "15": { defaultClass: "_1rsrm2fdt" }, "16": { defaultClass: "_1rsrm2fdu" }, "18": { defaultClass: "_1rsrm2fdv" }, "20": { defaultClass: "_1rsrm2fdw" }, "24": { defaultClass: "_1rsrm2fdx" }, "28": { defaultClass: "_1rsrm2fdy" }, "30": { defaultClass: "_1rsrm2fdz" }, "32": { defaultClass: "_1rsrm2fe0" }, "36": { defaultClass: "_1rsrm2fe1" }, "40": { defaultClass: "_1rsrm2fe2" }, "44": { defaultClass: "_1rsrm2fe3" }, "64": { defaultClass: "_1rsrm2fe4" }, "-1": { defaultClass: "_1rsrm2fe5" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe6" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe7" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe8" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe9" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fea" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2feb" }, "1": { defaultClass: "_1rsrm2fec" }, "2": { defaultClass: "_1rsrm2fed" }, "3": { defaultClass: "_1rsrm2fee" }, "4": { defaultClass: "_1rsrm2fef" }, "5": { defaultClass: "_1rsrm2feg" }, "6": { defaultClass: "_1rsrm2feh" }, "7": { defaultClass: "_1rsrm2fei" }, "8": { defaultClass: "_1rsrm2fej" }, "9": { defaultClass: "_1rsrm2fek" }, "10": { defaultClass: "_1rsrm2fel" }, "11": { defaultClass: "_1rsrm2fem" }, "12": { defaultClass: "_1rsrm2fen" }, "13": { defaultClass: "_1rsrm2feo" }, "14": { defaultClass: "_1rsrm2fep" }, "15": { defaultClass: "_1rsrm2feq" }, "16": { defaultClass: "_1rsrm2fer" }, "18": { defaultClass: "_1rsrm2fes" }, "20": { defaultClass: "_1rsrm2fet" }, "24": { defaultClass: "_1rsrm2feu" }, "28": { defaultClass: "_1rsrm2fev" }, "30": { defaultClass: "_1rsrm2few" }, "32": { defaultClass: "_1rsrm2fex" }, "36": { defaultClass: "_1rsrm2fey" }, "40": { defaultClass: "_1rsrm2fez" }, "44": { defaultClass: "_1rsrm2ff0" }, "64": { defaultClass: "_1rsrm2ff1" }, "-1": { defaultClass: "_1rsrm2ff2" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff3" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff4" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff5" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff6" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff7" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff8" }, "1": { defaultClass: "_1rsrm2ff9" }, "2": { defaultClass: "_1rsrm2ffa" }, "3": { defaultClass: "_1rsrm2ffb" }, "4": { defaultClass: "_1rsrm2ffc" }, "5": { defaultClass: "_1rsrm2ffd" }, "6": { defaultClass: "_1rsrm2ffe" }, "7": { defaultClass: "_1rsrm2fff" }, "8": { defaultClass: "_1rsrm2ffg" }, "9": { defaultClass: "_1rsrm2ffh" }, "10": { defaultClass: "_1rsrm2ffi" }, "11": { defaultClass: "_1rsrm2ffj" }, "12": { defaultClass: "_1rsrm2ffk" }, "13": { defaultClass: "_1rsrm2ffl" }, "14": { defaultClass: "_1rsrm2ffm" }, "15": { defaultClass: "_1rsrm2ffn" }, "16": { defaultClass: "_1rsrm2ffo" }, "18": { defaultClass: "_1rsrm2ffp" }, "20": { defaultClass: "_1rsrm2ffq" }, "24": { defaultClass: "_1rsrm2ffr" }, "28": { defaultClass: "_1rsrm2ffs" }, "30": { defaultClass: "_1rsrm2fft" }, "32": { defaultClass: "_1rsrm2ffu" }, "36": { defaultClass: "_1rsrm2ffv" }, "40": { defaultClass: "_1rsrm2ffw" }, "44": { defaultClass: "_1rsrm2ffx" }, "64": { defaultClass: "_1rsrm2ffy" }, "-1": { defaultClass: "_1rsrm2ffz" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fg0" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fg1" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg2" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg3" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg4" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg5" }, "1": { defaultClass: "_1rsrm2fg6" }, "2": { defaultClass: "_1rsrm2fg7" }, "3": { defaultClass: "_1rsrm2fg8" }, "4": { defaultClass: "_1rsrm2fg9" }, "5": { defaultClass: "_1rsrm2fga" }, "6": { defaultClass: "_1rsrm2fgb" }, "7": { defaultClass: "_1rsrm2fgc" }, "8": { defaultClass: "_1rsrm2fgd" }, "9": { defaultClass: "_1rsrm2fge" }, "10": { defaultClass: "_1rsrm2fgf" }, "11": { defaultClass: "_1rsrm2fgg" }, "12": { defaultClass: "_1rsrm2fgh" }, "13": { defaultClass: "_1rsrm2fgi" }, "14": { defaultClass: "_1rsrm2fgj" }, "15": { defaultClass: "_1rsrm2fgk" }, "16": { defaultClass: "_1rsrm2fgl" }, "18": { defaultClass: "_1rsrm2fgm" }, "20": { defaultClass: "_1rsrm2fgn" }, "24": { defaultClass: "_1rsrm2fgo" }, "28": { defaultClass: "_1rsrm2fgp" }, "30": { defaultClass: "_1rsrm2fgq" }, "32": { defaultClass: "_1rsrm2fgr" }, "36": { defaultClass: "_1rsrm2fgs" }, "40": { defaultClass: "_1rsrm2fgt" }, "44": { defaultClass: "_1rsrm2fgu" }, "64": { defaultClass: "_1rsrm2fgv" }, "-1": { defaultClass: "_1rsrm2fgw" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgx" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgy" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgz" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fh0" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fh1" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh2" }, fixed: { defaultClass: "_1rsrm2fh3" }, relative: { defaultClass: "_1rsrm2fh4" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh5" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh6" }, transform: { defaultClass: "_1rsrm2fh7" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh8" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh9" }, "2": { defaultClass: "_1rsrm2fha" }, "4": { defaultClass: "_1rsrm2fhb" }, "8": { defaultClass: "_1rsrm2fhc" }, "10": { defaultClass: "_1rsrm2fhd" }, "11": { defaultClass: "_1rsrm2fhe" }, "12": { defaultClass: "_1rsrm2fhf" }, "13": { defaultClass: "_1rsrm2fhg" }, "14": { defaultClass: "_1rsrm2fhh" }, "15": { defaultClass: "_1rsrm2fhi" }, "16": { defaultClass: "_1rsrm2fhj" }, "18": { defaultClass: "_1rsrm2fhk" }, "20": { defaultClass: "_1rsrm2fhl" }, "24": { defaultClass: "_1rsrm2fhm" }, "28": { defaultClass: "_1rsrm2fhn" }, "30": { defaultClass: "_1rsrm2fho" }, "32": { defaultClass: "_1rsrm2fhp" }, "34": { defaultClass: "_1rsrm2fhq" }, "36": { defaultClass: "_1rsrm2fhr" }, "40": { defaultClass: "_1rsrm2fhs" }, "44": { defaultClass: "_1rsrm2fht" }, "48": { defaultClass: "_1rsrm2fhu" }, "50": { defaultClass: "_1rsrm2fhv" }, "54": { defaultClass: "_1rsrm2fhw" }, "57": { defaultClass: "_1rsrm2fhx" }, "60": { defaultClass: "_1rsrm2fhy" }, "72": { defaultClass: "_1rsrm2fhz" }, "76": { defaultClass: "_1rsrm2fi0" }, "93": { defaultClass: "_1rsrm2fi1" }, "96": { defaultClass: "_1rsrm2fi2" }, "100": { defaultClass: "_1rsrm2fi3" }, "108": { defaultClass: "_1rsrm2fi4" }, "120": { defaultClass: "_1rsrm2fi5" }, "160": { defaultClass: "_1rsrm2fi6" }, "180": { defaultClass: "_1rsrm2fi7" }, "200": { defaultClass: "_1rsrm2fi8" }, "240": { defaultClass: "_1rsrm2fi9" }, half: { defaultClass: "_1rsrm2fia" }, full: { defaultClass: "_1rsrm2fib" }, max: { defaultClass: "_1rsrm2fic" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fid" }, modalTopBarHeight: { defaultClass: "_1rsrm2fie" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fif" } } } } });
|
|
50
|
-
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)", modalTopbarIcon: "var(--rk-colors-modalTopbarIcon)", 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)", buttonTextHover: "var(--rk-colors-buttonTextHover)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonBackgroundDisabledTertiary: "var(--rk-colors-buttonBackgroundDisabledTertiary)", 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)", buttonBorderGradient: "var(--rk-colors-buttonBorderGradient)", buttonHoverBorderGradient: "var(--rk-colors-buttonHoverBorderGradient)", buttonDisabledBorderGradient: "var(--rk-colors-buttonDisabledBorderGradient)", 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)", optionBoxBackground: "var(--rk-colors-optionBoxBackground)", 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)", modalTopbarIcon: "var(--rk-radii-modalTopbarIcon)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)" }, 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)", buttonShadow: "var(--rk-shadows-buttonShadow)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)", buttonHoverShadow: "var(--rk-shadows-buttonHoverShadow)", buttonFocusedShadowTertiary: "var(--rk-shadows-buttonFocusedShadowTertiary)", buttonHoverShadowTertiary: "var(--rk-shadows-buttonHoverShadowTertiary)", 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)" };
|
|
49
|
+
var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fig", hover: "_1rsrm2fih", active: "_1rsrm2fii", selection: "_1rsrm2fij", focused: "_1rsrm2fik", focusedVisible: "_1rsrm2fil" }, defaultClass: "_1rsrm2fig" }, accentColorForeground: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio", selection: "_1rsrm2fip", focused: "_1rsrm2fiq", focusedVisible: "_1rsrm2fir" }, defaultClass: "_1rsrm2fim" }, actionButtonBorder: { conditions: { base: "_1rsrm2fis", hover: "_1rsrm2fit", active: "_1rsrm2fiu", selection: "_1rsrm2fiv", focused: "_1rsrm2fiw", focusedVisible: "_1rsrm2fix" }, defaultClass: "_1rsrm2fis" }, connectButtonBackground: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0", selection: "_1rsrm2fj1", focused: "_1rsrm2fj2", focusedVisible: "_1rsrm2fj3" }, defaultClass: "_1rsrm2fiy" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fj4", hover: "_1rsrm2fj5", active: "_1rsrm2fj6", selection: "_1rsrm2fj7", focused: "_1rsrm2fj8", focusedVisible: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj4" }, connectButtonText: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd", focused: "_1rsrm2fje", focusedVisible: "_1rsrm2fjf" }, defaultClass: "_1rsrm2fja" }, connectButtonTextError: { conditions: { base: "_1rsrm2fjg", hover: "_1rsrm2fjh", active: "_1rsrm2fji", selection: "_1rsrm2fjj", focused: "_1rsrm2fjk", focusedVisible: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fjg" }, connectionIndicator: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp", focused: "_1rsrm2fjq", focusedVisible: "_1rsrm2fjr" }, defaultClass: "_1rsrm2fjm" }, error: { conditions: { base: "_1rsrm2fjs", hover: "_1rsrm2fjt", active: "_1rsrm2fju", selection: "_1rsrm2fjv", focused: "_1rsrm2fjw", focusedVisible: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fjs" }, errorBackground: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1", focused: "_1rsrm2fk2", focusedVisible: "_1rsrm2fk3" }, defaultClass: "_1rsrm2fjy" }, errorBorder: { conditions: { base: "_1rsrm2fk4", hover: "_1rsrm2fk5", active: "_1rsrm2fk6", selection: "_1rsrm2fk7", focused: "_1rsrm2fk8", focusedVisible: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk4" }, generalBorder: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd", focused: "_1rsrm2fke", focusedVisible: "_1rsrm2fkf" }, defaultClass: "_1rsrm2fka" }, generalBorderDim: { conditions: { base: "_1rsrm2fkg", hover: "_1rsrm2fkh", active: "_1rsrm2fki", selection: "_1rsrm2fkj", focused: "_1rsrm2fkk", focusedVisible: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fkg" }, menuItemBackground: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp", focused: "_1rsrm2fkq", focusedVisible: "_1rsrm2fkr" }, defaultClass: "_1rsrm2fkm" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fks", hover: "_1rsrm2fkt", active: "_1rsrm2fku", selection: "_1rsrm2fkv", focused: "_1rsrm2fkw", focusedVisible: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fks" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1", focused: "_1rsrm2fl2", focusedVisible: "_1rsrm2fl3" }, defaultClass: "_1rsrm2fky" }, standby: { conditions: { base: "_1rsrm2fl4", hover: "_1rsrm2fl5", active: "_1rsrm2fl6", selection: "_1rsrm2fl7", focused: "_1rsrm2fl8", focusedVisible: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl4" }, success: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld", focused: "_1rsrm2fle", focusedVisible: "_1rsrm2flf" }, defaultClass: "_1rsrm2fla" }, chainIconBorder: { conditions: { base: "_1rsrm2flg", hover: "_1rsrm2flh", active: "_1rsrm2fli", selection: "_1rsrm2flj", focused: "_1rsrm2flk", focusedVisible: "_1rsrm2fll" }, defaultClass: "_1rsrm2flg" }, modalBackdrop: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp", focused: "_1rsrm2flq", focusedVisible: "_1rsrm2flr" }, defaultClass: "_1rsrm2flm" }, modalBackground: { conditions: { base: "_1rsrm2fls", hover: "_1rsrm2flt", active: "_1rsrm2flu", selection: "_1rsrm2flv", focused: "_1rsrm2flw", focusedVisible: "_1rsrm2flx" }, defaultClass: "_1rsrm2fls" }, modalBorder: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1", focused: "_1rsrm2fm2", focusedVisible: "_1rsrm2fm3" }, defaultClass: "_1rsrm2fly" }, offBackground: { conditions: { base: "_1rsrm2fm4", hover: "_1rsrm2fm5", active: "_1rsrm2fm6", selection: "_1rsrm2fm7", focused: "_1rsrm2fm8", focusedVisible: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm4" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd", focused: "_1rsrm2fme", focusedVisible: "_1rsrm2fmf" }, defaultClass: "_1rsrm2fma" }, hoverState: { conditions: { base: "_1rsrm2fmg", hover: "_1rsrm2fmh", active: "_1rsrm2fmi", selection: "_1rsrm2fmj", focused: "_1rsrm2fmk", focusedVisible: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmg" }, lightStroke: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp", focused: "_1rsrm2fmq", focusedVisible: "_1rsrm2fmr" }, defaultClass: "_1rsrm2fmm" }, mediumStroke: { conditions: { base: "_1rsrm2fms", hover: "_1rsrm2fmt", active: "_1rsrm2fmu", selection: "_1rsrm2fmv", focused: "_1rsrm2fmw", focusedVisible: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fms" }, heavyStroke: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1", focused: "_1rsrm2fn2", focusedVisible: "_1rsrm2fn3" }, defaultClass: "_1rsrm2fmy" }, strokeColor: { conditions: { base: "_1rsrm2fn4", hover: "_1rsrm2fn5", active: "_1rsrm2fn6", selection: "_1rsrm2fn7", focused: "_1rsrm2fn8", focusedVisible: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn4" }, modalTopbarIcon: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd", focused: "_1rsrm2fne", focusedVisible: "_1rsrm2fnf" }, defaultClass: "_1rsrm2fna" }, primaryText: { conditions: { base: "_1rsrm2fng", hover: "_1rsrm2fnh", active: "_1rsrm2fni", selection: "_1rsrm2fnj", focused: "_1rsrm2fnk", focusedVisible: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fng" }, secondaryText: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp", focused: "_1rsrm2fnq", focusedVisible: "_1rsrm2fnr" }, defaultClass: "_1rsrm2fnm" }, tertiaryText: { conditions: { base: "_1rsrm2fns", hover: "_1rsrm2fnt", active: "_1rsrm2fnu", selection: "_1rsrm2fnv", focused: "_1rsrm2fnw", focusedVisible: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fns" }, textSelection: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1", focused: "_1rsrm2fo2", focusedVisible: "_1rsrm2fo3" }, defaultClass: "_1rsrm2fny" }, inputBackground: { conditions: { base: "_1rsrm2fo4", hover: "_1rsrm2fo5", active: "_1rsrm2fo6", selection: "_1rsrm2fo7", focused: "_1rsrm2fo8", focusedVisible: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo4" }, inputBorderBase: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod", focused: "_1rsrm2foe", focusedVisible: "_1rsrm2fof" }, defaultClass: "_1rsrm2foa" }, inputBorderHover: { conditions: { base: "_1rsrm2fog", hover: "_1rsrm2foh", active: "_1rsrm2foi", selection: "_1rsrm2foj", focused: "_1rsrm2fok", focusedVisible: "_1rsrm2fol" }, defaultClass: "_1rsrm2fog" }, actionColor: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop", focused: "_1rsrm2foq", focusedVisible: "_1rsrm2for" }, defaultClass: "_1rsrm2fom" }, actionColorHover: { conditions: { base: "_1rsrm2fos", hover: "_1rsrm2fot", active: "_1rsrm2fou", selection: "_1rsrm2fov", focused: "_1rsrm2fow", focusedVisible: "_1rsrm2fox" }, defaultClass: "_1rsrm2fos" }, actionColorDisabled: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1", focused: "_1rsrm2fp2", focusedVisible: "_1rsrm2fp3" }, defaultClass: "_1rsrm2foy" }, buttonPrimary: { conditions: { base: "_1rsrm2fp4", hover: "_1rsrm2fp5", active: "_1rsrm2fp6", selection: "_1rsrm2fp7", focused: "_1rsrm2fp8", focusedVisible: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp4" }, buttonDisabled: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd", focused: "_1rsrm2fpe", focusedVisible: "_1rsrm2fpf" }, defaultClass: "_1rsrm2fpa" }, buttonWarning: { conditions: { base: "_1rsrm2fpg", hover: "_1rsrm2fph", active: "_1rsrm2fpi", selection: "_1rsrm2fpj", focused: "_1rsrm2fpk", focusedVisible: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpg" }, buttonSuccess: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp", focused: "_1rsrm2fpq", focusedVisible: "_1rsrm2fpr" }, defaultClass: "_1rsrm2fpm" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fps", hover: "_1rsrm2fpt", active: "_1rsrm2fpu", selection: "_1rsrm2fpv", focused: "_1rsrm2fpw", focusedVisible: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fps" }, buttonTextHover: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1", focused: "_1rsrm2fq2", focusedVisible: "_1rsrm2fq3" }, defaultClass: "_1rsrm2fpy" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fq4", hover: "_1rsrm2fq5", active: "_1rsrm2fq6", selection: "_1rsrm2fq7", focused: "_1rsrm2fq8", focusedVisible: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq4" }, transparent: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd", focused: "_1rsrm2fqe", focusedVisible: "_1rsrm2fqf" }, defaultClass: "_1rsrm2fqa" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fqg", hover: "_1rsrm2fqh", active: "_1rsrm2fqi", selection: "_1rsrm2fqj", focused: "_1rsrm2fqk", focusedVisible: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqg" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp", focused: "_1rsrm2fqq", focusedVisible: "_1rsrm2fqr" }, defaultClass: "_1rsrm2fqm" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2fqs", hover: "_1rsrm2fqt", active: "_1rsrm2fqu", selection: "_1rsrm2fqv", focused: "_1rsrm2fqw", focusedVisible: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqs" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1", focused: "_1rsrm2fr2", focusedVisible: "_1rsrm2fr3" }, defaultClass: "_1rsrm2fqy" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fr4", hover: "_1rsrm2fr5", active: "_1rsrm2fr6", selection: "_1rsrm2fr7", focused: "_1rsrm2fr8", focusedVisible: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr4" }, buttonBackground: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd", focused: "_1rsrm2fre", focusedVisible: "_1rsrm2frf" }, defaultClass: "_1rsrm2fra" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2frg", hover: "_1rsrm2frh", active: "_1rsrm2fri", selection: "_1rsrm2frj", focused: "_1rsrm2frk", focusedVisible: "_1rsrm2frl" }, defaultClass: "_1rsrm2frg" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp", focused: "_1rsrm2frq", focusedVisible: "_1rsrm2frr" }, defaultClass: "_1rsrm2frm" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2frs", hover: "_1rsrm2frt", active: "_1rsrm2fru", selection: "_1rsrm2frv", focused: "_1rsrm2frw", focusedVisible: "_1rsrm2frx" }, defaultClass: "_1rsrm2frs" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1", focused: "_1rsrm2fs2", focusedVisible: "_1rsrm2fs3" }, defaultClass: "_1rsrm2fry" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fs4", hover: "_1rsrm2fs5", active: "_1rsrm2fs6", selection: "_1rsrm2fs7", focused: "_1rsrm2fs8", focusedVisible: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs4" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd", focused: "_1rsrm2fse", focusedVisible: "_1rsrm2fsf" }, defaultClass: "_1rsrm2fsa" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fsg", hover: "_1rsrm2fsh", active: "_1rsrm2fsi", selection: "_1rsrm2fsj", focused: "_1rsrm2fsk", focusedVisible: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsg" }, buttonIconStroke: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp", focused: "_1rsrm2fsq", focusedVisible: "_1rsrm2fsr" }, defaultClass: "_1rsrm2fsm" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fss", hover: "_1rsrm2fst", active: "_1rsrm2fsu", selection: "_1rsrm2fsv", focused: "_1rsrm2fsw", focusedVisible: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fss" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1", focused: "_1rsrm2ft2", focusedVisible: "_1rsrm2ft3" }, defaultClass: "_1rsrm2fsy" }, buttonBorderGradient: { conditions: { base: "_1rsrm2ft4", hover: "_1rsrm2ft5", active: "_1rsrm2ft6", selection: "_1rsrm2ft7", focused: "_1rsrm2ft8", focusedVisible: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft4" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd", focused: "_1rsrm2fte", focusedVisible: "_1rsrm2ftf" }, defaultClass: "_1rsrm2fta" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2ftg", hover: "_1rsrm2fth", active: "_1rsrm2fti", selection: "_1rsrm2ftj", focused: "_1rsrm2ftk", focusedVisible: "_1rsrm2ftl" }, defaultClass: "_1rsrm2ftg" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp", focused: "_1rsrm2ftq", focusedVisible: "_1rsrm2ftr" }, defaultClass: "_1rsrm2ftm" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fts", hover: "_1rsrm2ftt", active: "_1rsrm2ftu", selection: "_1rsrm2ftv", focused: "_1rsrm2ftw", focusedVisible: "_1rsrm2ftx" }, defaultClass: "_1rsrm2fts" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1", focused: "_1rsrm2fu2", focusedVisible: "_1rsrm2fu3" }, defaultClass: "_1rsrm2fty" }, newBadgeBackground: { conditions: { base: "_1rsrm2fu4", hover: "_1rsrm2fu5", active: "_1rsrm2fu6", selection: "_1rsrm2fu7", focused: "_1rsrm2fu8", focusedVisible: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu4" }, newBadgeBorder: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud", focused: "_1rsrm2fue", focusedVisible: "_1rsrm2fuf" }, defaultClass: "_1rsrm2fua" }, newBadgeText: { conditions: { base: "_1rsrm2fug", hover: "_1rsrm2fuh", active: "_1rsrm2fui", selection: "_1rsrm2fuj", focused: "_1rsrm2fuk", focusedVisible: "_1rsrm2ful" }, defaultClass: "_1rsrm2fug" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup", focused: "_1rsrm2fuq", focusedVisible: "_1rsrm2fur" }, defaultClass: "_1rsrm2fum" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2fus", hover: "_1rsrm2fut", active: "_1rsrm2fuu", selection: "_1rsrm2fuv", focused: "_1rsrm2fuw", focusedVisible: "_1rsrm2fux" }, defaultClass: "_1rsrm2fus" }, approvedBadgeText: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1", focused: "_1rsrm2fv2", focusedVisible: "_1rsrm2fv3" }, defaultClass: "_1rsrm2fuy" }, failedBadgeBackground: { conditions: { base: "_1rsrm2fv4", hover: "_1rsrm2fv5", active: "_1rsrm2fv6", selection: "_1rsrm2fv7", focused: "_1rsrm2fv8", focusedVisible: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv4" }, failedBadgeBorder: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd", focused: "_1rsrm2fve", focusedVisible: "_1rsrm2fvf" }, defaultClass: "_1rsrm2fva" }, failedBadgeText: { conditions: { base: "_1rsrm2fvg", hover: "_1rsrm2fvh", active: "_1rsrm2fvi", selection: "_1rsrm2fvj", focused: "_1rsrm2fvk", focusedVisible: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvg" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp", focused: "_1rsrm2fvq", focusedVisible: "_1rsrm2fvr" }, defaultClass: "_1rsrm2fvm" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fvs", hover: "_1rsrm2fvt", active: "_1rsrm2fvu", selection: "_1rsrm2fvv", focused: "_1rsrm2fvw", focusedVisible: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvs" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1", focused: "_1rsrm2fw2", focusedVisible: "_1rsrm2fw3" }, defaultClass: "_1rsrm2fvy" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fw4", hover: "_1rsrm2fw5", active: "_1rsrm2fw6", selection: "_1rsrm2fw7", focused: "_1rsrm2fw8", focusedVisible: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw4" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd", focused: "_1rsrm2fwe", focusedVisible: "_1rsrm2fwf" }, defaultClass: "_1rsrm2fwa" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fwg", hover: "_1rsrm2fwh", active: "_1rsrm2fwi", selection: "_1rsrm2fwj", focused: "_1rsrm2fwk", focusedVisible: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwg" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp", focused: "_1rsrm2fwq", focusedVisible: "_1rsrm2fwr" }, defaultClass: "_1rsrm2fwm" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fws", hover: "_1rsrm2fwt", active: "_1rsrm2fwu", selection: "_1rsrm2fwv", focused: "_1rsrm2fww", focusedVisible: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fws" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1", focused: "_1rsrm2fx2", focusedVisible: "_1rsrm2fx3" }, defaultClass: "_1rsrm2fwy" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fx4", hover: "_1rsrm2fx5", active: "_1rsrm2fx6", selection: "_1rsrm2fx7", focused: "_1rsrm2fx8", focusedVisible: "_1rsrm2fx9" }, defaultClass: "_1rsrm2fx4" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fxa", hover: "_1rsrm2fxb", active: "_1rsrm2fxc", selection: "_1rsrm2fxd", focused: "_1rsrm2fxe", focusedVisible: "_1rsrm2fxf" }, defaultClass: "_1rsrm2fxa" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fxg", hover: "_1rsrm2fxh", active: "_1rsrm2fxi", selection: "_1rsrm2fxj", focused: "_1rsrm2fxk", focusedVisible: "_1rsrm2fxl" }, defaultClass: "_1rsrm2fxg" }, announceGradientFrom: { conditions: { base: "_1rsrm2fxm", hover: "_1rsrm2fxn", active: "_1rsrm2fxo", selection: "_1rsrm2fxp", focused: "_1rsrm2fxq", focusedVisible: "_1rsrm2fxr" }, defaultClass: "_1rsrm2fxm" }, announceGradientTo: { conditions: { base: "_1rsrm2fxs", hover: "_1rsrm2fxt", active: "_1rsrm2fxu", selection: "_1rsrm2fxv", focused: "_1rsrm2fxw", focusedVisible: "_1rsrm2fxx" }, defaultClass: "_1rsrm2fxs" }, modalHeaderDivider: { conditions: { base: "_1rsrm2fxy", hover: "_1rsrm2fxz", active: "_1rsrm2fy0", selection: "_1rsrm2fy1", focused: "_1rsrm2fy2", focusedVisible: "_1rsrm2fy3" }, defaultClass: "_1rsrm2fxy" }, modalFooterDivider: { conditions: { base: "_1rsrm2fy4", hover: "_1rsrm2fy5", active: "_1rsrm2fy6", selection: "_1rsrm2fy7", focused: "_1rsrm2fy8", focusedVisible: "_1rsrm2fy9" }, defaultClass: "_1rsrm2fy4" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2fya", hover: "_1rsrm2fyb", active: "_1rsrm2fyc", selection: "_1rsrm2fyd", focused: "_1rsrm2fye", focusedVisible: "_1rsrm2fyf" }, defaultClass: "_1rsrm2fya" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2fyg", hover: "_1rsrm2fyh", active: "_1rsrm2fyi", selection: "_1rsrm2fyj", focused: "_1rsrm2fyk", focusedVisible: "_1rsrm2fyl" }, defaultClass: "_1rsrm2fyg" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2fym", hover: "_1rsrm2fyn", active: "_1rsrm2fyo", selection: "_1rsrm2fyp", focused: "_1rsrm2fyq", focusedVisible: "_1rsrm2fyr" }, defaultClass: "_1rsrm2fym" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2fys", hover: "_1rsrm2fyt", active: "_1rsrm2fyu", selection: "_1rsrm2fyv", focused: "_1rsrm2fyw", focusedVisible: "_1rsrm2fyx" }, defaultClass: "_1rsrm2fys" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2fyy", hover: "_1rsrm2fyz", active: "_1rsrm2fz0", selection: "_1rsrm2fz1", focused: "_1rsrm2fz2", focusedVisible: "_1rsrm2fz3" }, defaultClass: "_1rsrm2fyy" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2fz4", hover: "_1rsrm2fz5", active: "_1rsrm2fz6", selection: "_1rsrm2fz7", focused: "_1rsrm2fz8", focusedVisible: "_1rsrm2fz9" }, defaultClass: "_1rsrm2fz4" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2fza", hover: "_1rsrm2fzb", active: "_1rsrm2fzc", selection: "_1rsrm2fzd", focused: "_1rsrm2fze", focusedVisible: "_1rsrm2fzf" }, defaultClass: "_1rsrm2fza" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2fzg", hover: "_1rsrm2fzh", active: "_1rsrm2fzi", selection: "_1rsrm2fzj", focused: "_1rsrm2fzk", focusedVisible: "_1rsrm2fzl" }, defaultClass: "_1rsrm2fzg" }, optionBoxBackground: { conditions: { base: "_1rsrm2fzm", hover: "_1rsrm2fzn", active: "_1rsrm2fzo", selection: "_1rsrm2fzp", focused: "_1rsrm2fzq", focusedVisible: "_1rsrm2fzr" }, defaultClass: "_1rsrm2fzm" }, spinnerBackground: { conditions: { base: "_1rsrm2fzs", hover: "_1rsrm2fzt", active: "_1rsrm2fzu", selection: "_1rsrm2fzv", focused: "_1rsrm2fzw", focusedVisible: "_1rsrm2fzx" }, defaultClass: "_1rsrm2fzs" }, spinnerIndicator: { conditions: { base: "_1rsrm2fzy", hover: "_1rsrm2fzz", active: "_1rsrm2f100", selection: "_1rsrm2f101", focused: "_1rsrm2f102", focusedVisible: "_1rsrm2f103" }, defaultClass: "_1rsrm2fzy" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f104", hover: "_1rsrm2f105", active: "_1rsrm2f106", selection: "_1rsrm2f107", focused: "_1rsrm2f108", focusedVisible: "_1rsrm2f109" }, defaultClass: "_1rsrm2f104" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f10a", hover: "_1rsrm2f10b", active: "_1rsrm2f10c", selection: "_1rsrm2f10d", focused: "_1rsrm2f10e", focusedVisible: "_1rsrm2f10f" }, defaultClass: "_1rsrm2f10a" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2f10g", hover: "_1rsrm2f10h", active: "_1rsrm2f10i", selection: "_1rsrm2f10j", focused: "_1rsrm2f10k", focusedVisible: "_1rsrm2f10l" }, defaultClass: "_1rsrm2f10g" }, accentColorForeground: { conditions: { base: "_1rsrm2f10m", hover: "_1rsrm2f10n", active: "_1rsrm2f10o", selection: "_1rsrm2f10p", focused: "_1rsrm2f10q", focusedVisible: "_1rsrm2f10r" }, defaultClass: "_1rsrm2f10m" }, actionButtonBorder: { conditions: { base: "_1rsrm2f10s", hover: "_1rsrm2f10t", active: "_1rsrm2f10u", selection: "_1rsrm2f10v", focused: "_1rsrm2f10w", focusedVisible: "_1rsrm2f10x" }, defaultClass: "_1rsrm2f10s" }, connectButtonBackground: { conditions: { base: "_1rsrm2f10y", hover: "_1rsrm2f10z", active: "_1rsrm2f110", selection: "_1rsrm2f111", focused: "_1rsrm2f112", focusedVisible: "_1rsrm2f113" }, defaultClass: "_1rsrm2f10y" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f114", hover: "_1rsrm2f115", active: "_1rsrm2f116", selection: "_1rsrm2f117", focused: "_1rsrm2f118", focusedVisible: "_1rsrm2f119" }, defaultClass: "_1rsrm2f114" }, connectButtonText: { conditions: { base: "_1rsrm2f11a", hover: "_1rsrm2f11b", active: "_1rsrm2f11c", selection: "_1rsrm2f11d", focused: "_1rsrm2f11e", focusedVisible: "_1rsrm2f11f" }, defaultClass: "_1rsrm2f11a" }, connectButtonTextError: { conditions: { base: "_1rsrm2f11g", hover: "_1rsrm2f11h", active: "_1rsrm2f11i", selection: "_1rsrm2f11j", focused: "_1rsrm2f11k", focusedVisible: "_1rsrm2f11l" }, defaultClass: "_1rsrm2f11g" }, connectionIndicator: { conditions: { base: "_1rsrm2f11m", hover: "_1rsrm2f11n", active: "_1rsrm2f11o", selection: "_1rsrm2f11p", focused: "_1rsrm2f11q", focusedVisible: "_1rsrm2f11r" }, defaultClass: "_1rsrm2f11m" }, error: { conditions: { base: "_1rsrm2f11s", hover: "_1rsrm2f11t", active: "_1rsrm2f11u", selection: "_1rsrm2f11v", focused: "_1rsrm2f11w", focusedVisible: "_1rsrm2f11x" }, defaultClass: "_1rsrm2f11s" }, errorBackground: { conditions: { base: "_1rsrm2f11y", hover: "_1rsrm2f11z", active: "_1rsrm2f120", selection: "_1rsrm2f121", focused: "_1rsrm2f122", focusedVisible: "_1rsrm2f123" }, defaultClass: "_1rsrm2f11y" }, errorBorder: { conditions: { base: "_1rsrm2f124", hover: "_1rsrm2f125", active: "_1rsrm2f126", selection: "_1rsrm2f127", focused: "_1rsrm2f128", focusedVisible: "_1rsrm2f129" }, defaultClass: "_1rsrm2f124" }, generalBorder: { conditions: { base: "_1rsrm2f12a", hover: "_1rsrm2f12b", active: "_1rsrm2f12c", selection: "_1rsrm2f12d", focused: "_1rsrm2f12e", focusedVisible: "_1rsrm2f12f" }, defaultClass: "_1rsrm2f12a" }, generalBorderDim: { conditions: { base: "_1rsrm2f12g", hover: "_1rsrm2f12h", active: "_1rsrm2f12i", selection: "_1rsrm2f12j", focused: "_1rsrm2f12k", focusedVisible: "_1rsrm2f12l" }, defaultClass: "_1rsrm2f12g" }, menuItemBackground: { conditions: { base: "_1rsrm2f12m", hover: "_1rsrm2f12n", active: "_1rsrm2f12o", selection: "_1rsrm2f12p", focused: "_1rsrm2f12q", focusedVisible: "_1rsrm2f12r" }, defaultClass: "_1rsrm2f12m" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f12s", hover: "_1rsrm2f12t", active: "_1rsrm2f12u", selection: "_1rsrm2f12v", focused: "_1rsrm2f12w", focusedVisible: "_1rsrm2f12x" }, defaultClass: "_1rsrm2f12s" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f12y", hover: "_1rsrm2f12z", active: "_1rsrm2f130", selection: "_1rsrm2f131", focused: "_1rsrm2f132", focusedVisible: "_1rsrm2f133" }, defaultClass: "_1rsrm2f12y" }, standby: { conditions: { base: "_1rsrm2f134", hover: "_1rsrm2f135", active: "_1rsrm2f136", selection: "_1rsrm2f137", focused: "_1rsrm2f138", focusedVisible: "_1rsrm2f139" }, defaultClass: "_1rsrm2f134" }, success: { conditions: { base: "_1rsrm2f13a", hover: "_1rsrm2f13b", active: "_1rsrm2f13c", selection: "_1rsrm2f13d", focused: "_1rsrm2f13e", focusedVisible: "_1rsrm2f13f" }, defaultClass: "_1rsrm2f13a" }, chainIconBorder: { conditions: { base: "_1rsrm2f13g", hover: "_1rsrm2f13h", active: "_1rsrm2f13i", selection: "_1rsrm2f13j", focused: "_1rsrm2f13k", focusedVisible: "_1rsrm2f13l" }, defaultClass: "_1rsrm2f13g" }, modalBackdrop: { conditions: { base: "_1rsrm2f13m", hover: "_1rsrm2f13n", active: "_1rsrm2f13o", selection: "_1rsrm2f13p", focused: "_1rsrm2f13q", focusedVisible: "_1rsrm2f13r" }, defaultClass: "_1rsrm2f13m" }, modalBackground: { conditions: { base: "_1rsrm2f13s", hover: "_1rsrm2f13t", active: "_1rsrm2f13u", selection: "_1rsrm2f13v", focused: "_1rsrm2f13w", focusedVisible: "_1rsrm2f13x" }, defaultClass: "_1rsrm2f13s" }, modalBorder: { conditions: { base: "_1rsrm2f13y", hover: "_1rsrm2f13z", active: "_1rsrm2f140", selection: "_1rsrm2f141", focused: "_1rsrm2f142", focusedVisible: "_1rsrm2f143" }, defaultClass: "_1rsrm2f13y" }, offBackground: { conditions: { base: "_1rsrm2f144", hover: "_1rsrm2f145", active: "_1rsrm2f146", selection: "_1rsrm2f147", focused: "_1rsrm2f148", focusedVisible: "_1rsrm2f149" }, defaultClass: "_1rsrm2f144" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f14a", hover: "_1rsrm2f14b", active: "_1rsrm2f14c", selection: "_1rsrm2f14d", focused: "_1rsrm2f14e", focusedVisible: "_1rsrm2f14f" }, defaultClass: "_1rsrm2f14a" }, hoverState: { conditions: { base: "_1rsrm2f14g", hover: "_1rsrm2f14h", active: "_1rsrm2f14i", selection: "_1rsrm2f14j", focused: "_1rsrm2f14k", focusedVisible: "_1rsrm2f14l" }, defaultClass: "_1rsrm2f14g" }, lightStroke: { conditions: { base: "_1rsrm2f14m", hover: "_1rsrm2f14n", active: "_1rsrm2f14o", selection: "_1rsrm2f14p", focused: "_1rsrm2f14q", focusedVisible: "_1rsrm2f14r" }, defaultClass: "_1rsrm2f14m" }, mediumStroke: { conditions: { base: "_1rsrm2f14s", hover: "_1rsrm2f14t", active: "_1rsrm2f14u", selection: "_1rsrm2f14v", focused: "_1rsrm2f14w", focusedVisible: "_1rsrm2f14x" }, defaultClass: "_1rsrm2f14s" }, heavyStroke: { conditions: { base: "_1rsrm2f14y", hover: "_1rsrm2f14z", active: "_1rsrm2f150", selection: "_1rsrm2f151", focused: "_1rsrm2f152", focusedVisible: "_1rsrm2f153" }, defaultClass: "_1rsrm2f14y" }, strokeColor: { conditions: { base: "_1rsrm2f154", hover: "_1rsrm2f155", active: "_1rsrm2f156", selection: "_1rsrm2f157", focused: "_1rsrm2f158", focusedVisible: "_1rsrm2f159" }, defaultClass: "_1rsrm2f154" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f15a", hover: "_1rsrm2f15b", active: "_1rsrm2f15c", selection: "_1rsrm2f15d", focused: "_1rsrm2f15e", focusedVisible: "_1rsrm2f15f" }, defaultClass: "_1rsrm2f15a" }, primaryText: { conditions: { base: "_1rsrm2f15g", hover: "_1rsrm2f15h", active: "_1rsrm2f15i", selection: "_1rsrm2f15j", focused: "_1rsrm2f15k", focusedVisible: "_1rsrm2f15l" }, defaultClass: "_1rsrm2f15g" }, secondaryText: { conditions: { base: "_1rsrm2f15m", hover: "_1rsrm2f15n", active: "_1rsrm2f15o", selection: "_1rsrm2f15p", focused: "_1rsrm2f15q", focusedVisible: "_1rsrm2f15r" }, defaultClass: "_1rsrm2f15m" }, tertiaryText: { conditions: { base: "_1rsrm2f15s", hover: "_1rsrm2f15t", active: "_1rsrm2f15u", selection: "_1rsrm2f15v", focused: "_1rsrm2f15w", focusedVisible: "_1rsrm2f15x" }, defaultClass: "_1rsrm2f15s" }, textSelection: { conditions: { base: "_1rsrm2f15y", hover: "_1rsrm2f15z", active: "_1rsrm2f160", selection: "_1rsrm2f161", focused: "_1rsrm2f162", focusedVisible: "_1rsrm2f163" }, defaultClass: "_1rsrm2f15y" }, inputBackground: { conditions: { base: "_1rsrm2f164", hover: "_1rsrm2f165", active: "_1rsrm2f166", selection: "_1rsrm2f167", focused: "_1rsrm2f168", focusedVisible: "_1rsrm2f169" }, defaultClass: "_1rsrm2f164" }, inputBorderBase: { conditions: { base: "_1rsrm2f16a", hover: "_1rsrm2f16b", active: "_1rsrm2f16c", selection: "_1rsrm2f16d", focused: "_1rsrm2f16e", focusedVisible: "_1rsrm2f16f" }, defaultClass: "_1rsrm2f16a" }, inputBorderHover: { conditions: { base: "_1rsrm2f16g", hover: "_1rsrm2f16h", active: "_1rsrm2f16i", selection: "_1rsrm2f16j", focused: "_1rsrm2f16k", focusedVisible: "_1rsrm2f16l" }, defaultClass: "_1rsrm2f16g" }, actionColor: { conditions: { base: "_1rsrm2f16m", hover: "_1rsrm2f16n", active: "_1rsrm2f16o", selection: "_1rsrm2f16p", focused: "_1rsrm2f16q", focusedVisible: "_1rsrm2f16r" }, defaultClass: "_1rsrm2f16m" }, actionColorHover: { conditions: { base: "_1rsrm2f16s", hover: "_1rsrm2f16t", active: "_1rsrm2f16u", selection: "_1rsrm2f16v", focused: "_1rsrm2f16w", focusedVisible: "_1rsrm2f16x" }, defaultClass: "_1rsrm2f16s" }, actionColorDisabled: { conditions: { base: "_1rsrm2f16y", hover: "_1rsrm2f16z", active: "_1rsrm2f170", selection: "_1rsrm2f171", focused: "_1rsrm2f172", focusedVisible: "_1rsrm2f173" }, defaultClass: "_1rsrm2f16y" }, buttonPrimary: { conditions: { base: "_1rsrm2f174", hover: "_1rsrm2f175", active: "_1rsrm2f176", selection: "_1rsrm2f177", focused: "_1rsrm2f178", focusedVisible: "_1rsrm2f179" }, defaultClass: "_1rsrm2f174" }, buttonDisabled: { conditions: { base: "_1rsrm2f17a", hover: "_1rsrm2f17b", active: "_1rsrm2f17c", selection: "_1rsrm2f17d", focused: "_1rsrm2f17e", focusedVisible: "_1rsrm2f17f" }, defaultClass: "_1rsrm2f17a" }, buttonWarning: { conditions: { base: "_1rsrm2f17g", hover: "_1rsrm2f17h", active: "_1rsrm2f17i", selection: "_1rsrm2f17j", focused: "_1rsrm2f17k", focusedVisible: "_1rsrm2f17l" }, defaultClass: "_1rsrm2f17g" }, buttonSuccess: { conditions: { base: "_1rsrm2f17m", hover: "_1rsrm2f17n", active: "_1rsrm2f17o", selection: "_1rsrm2f17p", focused: "_1rsrm2f17q", focusedVisible: "_1rsrm2f17r" }, defaultClass: "_1rsrm2f17m" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f17s", hover: "_1rsrm2f17t", active: "_1rsrm2f17u", selection: "_1rsrm2f17v", focused: "_1rsrm2f17w", focusedVisible: "_1rsrm2f17x" }, defaultClass: "_1rsrm2f17s" }, buttonTextHover: { conditions: { base: "_1rsrm2f17y", hover: "_1rsrm2f17z", active: "_1rsrm2f180", selection: "_1rsrm2f181", focused: "_1rsrm2f182", focusedVisible: "_1rsrm2f183" }, defaultClass: "_1rsrm2f17y" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f184", hover: "_1rsrm2f185", active: "_1rsrm2f186", selection: "_1rsrm2f187", focused: "_1rsrm2f188", focusedVisible: "_1rsrm2f189" }, defaultClass: "_1rsrm2f184" }, transparent: { conditions: { base: "_1rsrm2f18a", hover: "_1rsrm2f18b", active: "_1rsrm2f18c", selection: "_1rsrm2f18d", focused: "_1rsrm2f18e", focusedVisible: "_1rsrm2f18f" }, defaultClass: "_1rsrm2f18a" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f18g", hover: "_1rsrm2f18h", active: "_1rsrm2f18i", selection: "_1rsrm2f18j", focused: "_1rsrm2f18k", focusedVisible: "_1rsrm2f18l" }, defaultClass: "_1rsrm2f18g" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f18m", hover: "_1rsrm2f18n", active: "_1rsrm2f18o", selection: "_1rsrm2f18p", focused: "_1rsrm2f18q", focusedVisible: "_1rsrm2f18r" }, defaultClass: "_1rsrm2f18m" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f18s", hover: "_1rsrm2f18t", active: "_1rsrm2f18u", selection: "_1rsrm2f18v", focused: "_1rsrm2f18w", focusedVisible: "_1rsrm2f18x" }, defaultClass: "_1rsrm2f18s" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f18y", hover: "_1rsrm2f18z", active: "_1rsrm2f190", selection: "_1rsrm2f191", focused: "_1rsrm2f192", focusedVisible: "_1rsrm2f193" }, defaultClass: "_1rsrm2f18y" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f194", hover: "_1rsrm2f195", active: "_1rsrm2f196", selection: "_1rsrm2f197", focused: "_1rsrm2f198", focusedVisible: "_1rsrm2f199" }, defaultClass: "_1rsrm2f194" }, buttonBackground: { conditions: { base: "_1rsrm2f19a", hover: "_1rsrm2f19b", active: "_1rsrm2f19c", selection: "_1rsrm2f19d", focused: "_1rsrm2f19e", focusedVisible: "_1rsrm2f19f" }, defaultClass: "_1rsrm2f19a" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f19g", hover: "_1rsrm2f19h", active: "_1rsrm2f19i", selection: "_1rsrm2f19j", focused: "_1rsrm2f19k", focusedVisible: "_1rsrm2f19l" }, defaultClass: "_1rsrm2f19g" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f19m", hover: "_1rsrm2f19n", active: "_1rsrm2f19o", selection: "_1rsrm2f19p", focused: "_1rsrm2f19q", focusedVisible: "_1rsrm2f19r" }, defaultClass: "_1rsrm2f19m" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f19s", hover: "_1rsrm2f19t", active: "_1rsrm2f19u", selection: "_1rsrm2f19v", focused: "_1rsrm2f19w", focusedVisible: "_1rsrm2f19x" }, defaultClass: "_1rsrm2f19s" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f19y", hover: "_1rsrm2f19z", active: "_1rsrm2f1a0", selection: "_1rsrm2f1a1", focused: "_1rsrm2f1a2", focusedVisible: "_1rsrm2f1a3" }, defaultClass: "_1rsrm2f19y" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1a4", hover: "_1rsrm2f1a5", active: "_1rsrm2f1a6", selection: "_1rsrm2f1a7", focused: "_1rsrm2f1a8", focusedVisible: "_1rsrm2f1a9" }, defaultClass: "_1rsrm2f1a4" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1aa", hover: "_1rsrm2f1ab", active: "_1rsrm2f1ac", selection: "_1rsrm2f1ad", focused: "_1rsrm2f1ae", focusedVisible: "_1rsrm2f1af" }, defaultClass: "_1rsrm2f1aa" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1ag", hover: "_1rsrm2f1ah", active: "_1rsrm2f1ai", selection: "_1rsrm2f1aj", focused: "_1rsrm2f1ak", focusedVisible: "_1rsrm2f1al" }, defaultClass: "_1rsrm2f1ag" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1am", hover: "_1rsrm2f1an", active: "_1rsrm2f1ao", selection: "_1rsrm2f1ap", focused: "_1rsrm2f1aq", focusedVisible: "_1rsrm2f1ar" }, defaultClass: "_1rsrm2f1am" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1as", hover: "_1rsrm2f1at", active: "_1rsrm2f1au", selection: "_1rsrm2f1av", focused: "_1rsrm2f1aw", focusedVisible: "_1rsrm2f1ax" }, defaultClass: "_1rsrm2f1as" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1ay", hover: "_1rsrm2f1az", active: "_1rsrm2f1b0", selection: "_1rsrm2f1b1", focused: "_1rsrm2f1b2", focusedVisible: "_1rsrm2f1b3" }, defaultClass: "_1rsrm2f1ay" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1b4", hover: "_1rsrm2f1b5", active: "_1rsrm2f1b6", selection: "_1rsrm2f1b7", focused: "_1rsrm2f1b8", focusedVisible: "_1rsrm2f1b9" }, defaultClass: "_1rsrm2f1b4" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1ba", hover: "_1rsrm2f1bb", active: "_1rsrm2f1bc", selection: "_1rsrm2f1bd", focused: "_1rsrm2f1be", focusedVisible: "_1rsrm2f1bf" }, defaultClass: "_1rsrm2f1ba" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1bg", hover: "_1rsrm2f1bh", active: "_1rsrm2f1bi", selection: "_1rsrm2f1bj", focused: "_1rsrm2f1bk", focusedVisible: "_1rsrm2f1bl" }, defaultClass: "_1rsrm2f1bg" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1bm", hover: "_1rsrm2f1bn", active: "_1rsrm2f1bo", selection: "_1rsrm2f1bp", focused: "_1rsrm2f1bq", focusedVisible: "_1rsrm2f1br" }, defaultClass: "_1rsrm2f1bm" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1bs", hover: "_1rsrm2f1bt", active: "_1rsrm2f1bu", selection: "_1rsrm2f1bv", focused: "_1rsrm2f1bw", focusedVisible: "_1rsrm2f1bx" }, defaultClass: "_1rsrm2f1bs" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1by", hover: "_1rsrm2f1bz", active: "_1rsrm2f1c0", selection: "_1rsrm2f1c1", focused: "_1rsrm2f1c2", focusedVisible: "_1rsrm2f1c3" }, defaultClass: "_1rsrm2f1by" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1c4", hover: "_1rsrm2f1c5", active: "_1rsrm2f1c6", selection: "_1rsrm2f1c7", focused: "_1rsrm2f1c8", focusedVisible: "_1rsrm2f1c9" }, defaultClass: "_1rsrm2f1c4" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1ca", hover: "_1rsrm2f1cb", active: "_1rsrm2f1cc", selection: "_1rsrm2f1cd", focused: "_1rsrm2f1ce", focusedVisible: "_1rsrm2f1cf" }, defaultClass: "_1rsrm2f1ca" }, newBadgeText: { conditions: { base: "_1rsrm2f1cg", hover: "_1rsrm2f1ch", active: "_1rsrm2f1ci", selection: "_1rsrm2f1cj", focused: "_1rsrm2f1ck", focusedVisible: "_1rsrm2f1cl" }, defaultClass: "_1rsrm2f1cg" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1cm", hover: "_1rsrm2f1cn", active: "_1rsrm2f1co", selection: "_1rsrm2f1cp", focused: "_1rsrm2f1cq", focusedVisible: "_1rsrm2f1cr" }, defaultClass: "_1rsrm2f1cm" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1cs", hover: "_1rsrm2f1ct", active: "_1rsrm2f1cu", selection: "_1rsrm2f1cv", focused: "_1rsrm2f1cw", focusedVisible: "_1rsrm2f1cx" }, defaultClass: "_1rsrm2f1cs" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1cy", hover: "_1rsrm2f1cz", active: "_1rsrm2f1d0", selection: "_1rsrm2f1d1", focused: "_1rsrm2f1d2", focusedVisible: "_1rsrm2f1d3" }, defaultClass: "_1rsrm2f1cy" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1d4", hover: "_1rsrm2f1d5", active: "_1rsrm2f1d6", selection: "_1rsrm2f1d7", focused: "_1rsrm2f1d8", focusedVisible: "_1rsrm2f1d9" }, defaultClass: "_1rsrm2f1d4" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1da", hover: "_1rsrm2f1db", active: "_1rsrm2f1dc", selection: "_1rsrm2f1dd", focused: "_1rsrm2f1de", focusedVisible: "_1rsrm2f1df" }, defaultClass: "_1rsrm2f1da" }, failedBadgeText: { conditions: { base: "_1rsrm2f1dg", hover: "_1rsrm2f1dh", active: "_1rsrm2f1di", selection: "_1rsrm2f1dj", focused: "_1rsrm2f1dk", focusedVisible: "_1rsrm2f1dl" }, defaultClass: "_1rsrm2f1dg" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1dm", hover: "_1rsrm2f1dn", active: "_1rsrm2f1do", selection: "_1rsrm2f1dp", focused: "_1rsrm2f1dq", focusedVisible: "_1rsrm2f1dr" }, defaultClass: "_1rsrm2f1dm" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1ds", hover: "_1rsrm2f1dt", active: "_1rsrm2f1du", selection: "_1rsrm2f1dv", focused: "_1rsrm2f1dw", focusedVisible: "_1rsrm2f1dx" }, defaultClass: "_1rsrm2f1ds" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1dy", hover: "_1rsrm2f1dz", active: "_1rsrm2f1e0", selection: "_1rsrm2f1e1", focused: "_1rsrm2f1e2", focusedVisible: "_1rsrm2f1e3" }, defaultClass: "_1rsrm2f1dy" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1e4", hover: "_1rsrm2f1e5", active: "_1rsrm2f1e6", selection: "_1rsrm2f1e7", focused: "_1rsrm2f1e8", focusedVisible: "_1rsrm2f1e9" }, defaultClass: "_1rsrm2f1e4" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1ea", hover: "_1rsrm2f1eb", active: "_1rsrm2f1ec", selection: "_1rsrm2f1ed", focused: "_1rsrm2f1ee", focusedVisible: "_1rsrm2f1ef" }, defaultClass: "_1rsrm2f1ea" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1eg", hover: "_1rsrm2f1eh", active: "_1rsrm2f1ei", selection: "_1rsrm2f1ej", focused: "_1rsrm2f1ek", focusedVisible: "_1rsrm2f1el" }, defaultClass: "_1rsrm2f1eg" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1em", hover: "_1rsrm2f1en", active: "_1rsrm2f1eo", selection: "_1rsrm2f1ep", focused: "_1rsrm2f1eq", focusedVisible: "_1rsrm2f1er" }, defaultClass: "_1rsrm2f1em" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1es", hover: "_1rsrm2f1et", active: "_1rsrm2f1eu", selection: "_1rsrm2f1ev", focused: "_1rsrm2f1ew", focusedVisible: "_1rsrm2f1ex" }, defaultClass: "_1rsrm2f1es" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1ey", hover: "_1rsrm2f1ez", active: "_1rsrm2f1f0", selection: "_1rsrm2f1f1", focused: "_1rsrm2f1f2", focusedVisible: "_1rsrm2f1f3" }, defaultClass: "_1rsrm2f1ey" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1f4", hover: "_1rsrm2f1f5", active: "_1rsrm2f1f6", selection: "_1rsrm2f1f7", focused: "_1rsrm2f1f8", focusedVisible: "_1rsrm2f1f9" }, defaultClass: "_1rsrm2f1f4" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1fa", hover: "_1rsrm2f1fb", active: "_1rsrm2f1fc", selection: "_1rsrm2f1fd", focused: "_1rsrm2f1fe", focusedVisible: "_1rsrm2f1ff" }, defaultClass: "_1rsrm2f1fa" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1fg", hover: "_1rsrm2f1fh", active: "_1rsrm2f1fi", selection: "_1rsrm2f1fj", focused: "_1rsrm2f1fk", focusedVisible: "_1rsrm2f1fl" }, defaultClass: "_1rsrm2f1fg" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1fm", hover: "_1rsrm2f1fn", active: "_1rsrm2f1fo", selection: "_1rsrm2f1fp", focused: "_1rsrm2f1fq", focusedVisible: "_1rsrm2f1fr" }, defaultClass: "_1rsrm2f1fm" }, announceGradientTo: { conditions: { base: "_1rsrm2f1fs", hover: "_1rsrm2f1ft", active: "_1rsrm2f1fu", selection: "_1rsrm2f1fv", focused: "_1rsrm2f1fw", focusedVisible: "_1rsrm2f1fx" }, defaultClass: "_1rsrm2f1fs" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1fy", hover: "_1rsrm2f1fz", active: "_1rsrm2f1g0", selection: "_1rsrm2f1g1", focused: "_1rsrm2f1g2", focusedVisible: "_1rsrm2f1g3" }, defaultClass: "_1rsrm2f1fy" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1g4", hover: "_1rsrm2f1g5", active: "_1rsrm2f1g6", selection: "_1rsrm2f1g7", focused: "_1rsrm2f1g8", focusedVisible: "_1rsrm2f1g9" }, defaultClass: "_1rsrm2f1g4" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f1ga", hover: "_1rsrm2f1gb", active: "_1rsrm2f1gc", selection: "_1rsrm2f1gd", focused: "_1rsrm2f1ge", focusedVisible: "_1rsrm2f1gf" }, defaultClass: "_1rsrm2f1ga" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f1gg", hover: "_1rsrm2f1gh", active: "_1rsrm2f1gi", selection: "_1rsrm2f1gj", focused: "_1rsrm2f1gk", focusedVisible: "_1rsrm2f1gl" }, defaultClass: "_1rsrm2f1gg" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f1gm", hover: "_1rsrm2f1gn", active: "_1rsrm2f1go", selection: "_1rsrm2f1gp", focused: "_1rsrm2f1gq", focusedVisible: "_1rsrm2f1gr" }, defaultClass: "_1rsrm2f1gm" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f1gs", hover: "_1rsrm2f1gt", active: "_1rsrm2f1gu", selection: "_1rsrm2f1gv", focused: "_1rsrm2f1gw", focusedVisible: "_1rsrm2f1gx" }, defaultClass: "_1rsrm2f1gs" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f1gy", hover: "_1rsrm2f1gz", active: "_1rsrm2f1h0", selection: "_1rsrm2f1h1", focused: "_1rsrm2f1h2", focusedVisible: "_1rsrm2f1h3" }, defaultClass: "_1rsrm2f1gy" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f1h4", hover: "_1rsrm2f1h5", active: "_1rsrm2f1h6", selection: "_1rsrm2f1h7", focused: "_1rsrm2f1h8", focusedVisible: "_1rsrm2f1h9" }, defaultClass: "_1rsrm2f1h4" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f1ha", hover: "_1rsrm2f1hb", active: "_1rsrm2f1hc", selection: "_1rsrm2f1hd", focused: "_1rsrm2f1he", focusedVisible: "_1rsrm2f1hf" }, defaultClass: "_1rsrm2f1ha" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f1hg", hover: "_1rsrm2f1hh", active: "_1rsrm2f1hi", selection: "_1rsrm2f1hj", focused: "_1rsrm2f1hk", focusedVisible: "_1rsrm2f1hl" }, defaultClass: "_1rsrm2f1hg" }, optionBoxBackground: { conditions: { base: "_1rsrm2f1hm", hover: "_1rsrm2f1hn", active: "_1rsrm2f1ho", selection: "_1rsrm2f1hp", focused: "_1rsrm2f1hq", focusedVisible: "_1rsrm2f1hr" }, defaultClass: "_1rsrm2f1hm" }, spinnerBackground: { conditions: { base: "_1rsrm2f1hs", hover: "_1rsrm2f1ht", active: "_1rsrm2f1hu", selection: "_1rsrm2f1hv", focused: "_1rsrm2f1hw", focusedVisible: "_1rsrm2f1hx" }, defaultClass: "_1rsrm2f1hs" }, spinnerIndicator: { conditions: { base: "_1rsrm2f1hy", hover: "_1rsrm2f1hz", active: "_1rsrm2f1i0", selection: "_1rsrm2f1i1", focused: "_1rsrm2f1i2", focusedVisible: "_1rsrm2f1i3" }, defaultClass: "_1rsrm2f1hy" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f1i4", hover: "_1rsrm2f1i5", active: "_1rsrm2f1i6", selection: "_1rsrm2f1i7", focused: "_1rsrm2f1i8", focusedVisible: "_1rsrm2f1i9" }, defaultClass: "_1rsrm2f1i4" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f1ia", hover: "_1rsrm2f1ib", active: "_1rsrm2f1ic", selection: "_1rsrm2f1id", focused: "_1rsrm2f1ie", focusedVisible: "_1rsrm2f1if" }, defaultClass: "_1rsrm2f1ia" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f1ig", hover: "_1rsrm2f1ih", active: "_1rsrm2f1ii", selection: "_1rsrm2f1ij", focused: "_1rsrm2f1ik", focusedVisible: "_1rsrm2f1il" }, defaultClass: "_1rsrm2f1ig" }, dialog: { conditions: { base: "_1rsrm2f1im", hover: "_1rsrm2f1in", active: "_1rsrm2f1io", selection: "_1rsrm2f1ip", focused: "_1rsrm2f1iq", focusedVisible: "_1rsrm2f1ir" }, defaultClass: "_1rsrm2f1im" }, selectedOption: { conditions: { base: "_1rsrm2f1is", hover: "_1rsrm2f1it", active: "_1rsrm2f1iu", selection: "_1rsrm2f1iv", focused: "_1rsrm2f1iw", focusedVisible: "_1rsrm2f1ix" }, defaultClass: "_1rsrm2f1is" }, selectedWallet: { conditions: { base: "_1rsrm2f1iy", hover: "_1rsrm2f1iz", active: "_1rsrm2f1j0", selection: "_1rsrm2f1j1", focused: "_1rsrm2f1j2", focusedVisible: "_1rsrm2f1j3" }, defaultClass: "_1rsrm2f1iy" }, dropdown: { conditions: { base: "_1rsrm2f1j4", hover: "_1rsrm2f1j5", active: "_1rsrm2f1j6", selection: "_1rsrm2f1j7", focused: "_1rsrm2f1j8", focusedVisible: "_1rsrm2f1j9" }, defaultClass: "_1rsrm2f1j4" }, notification: { conditions: { base: "_1rsrm2f1ja", hover: "_1rsrm2f1jb", active: "_1rsrm2f1jc", selection: "_1rsrm2f1jd", focused: "_1rsrm2f1je", focusedVisible: "_1rsrm2f1jf" }, defaultClass: "_1rsrm2f1ja" }, qrCode: { conditions: { base: "_1rsrm2f1jg", hover: "_1rsrm2f1jh", active: "_1rsrm2f1ji", selection: "_1rsrm2f1jj", focused: "_1rsrm2f1jk", focusedVisible: "_1rsrm2f1jl" }, defaultClass: "_1rsrm2f1jg" }, buttonShadow: { conditions: { base: "_1rsrm2f1jm", hover: "_1rsrm2f1jn", active: "_1rsrm2f1jo", selection: "_1rsrm2f1jp", focused: "_1rsrm2f1jq", focusedVisible: "_1rsrm2f1jr" }, defaultClass: "_1rsrm2f1jm" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f1js", hover: "_1rsrm2f1jt", active: "_1rsrm2f1ju", selection: "_1rsrm2f1jv", focused: "_1rsrm2f1jw", focusedVisible: "_1rsrm2f1jx" }, defaultClass: "_1rsrm2f1js" }, buttonHoverShadow: { conditions: { base: "_1rsrm2f1jy", hover: "_1rsrm2f1jz", active: "_1rsrm2f1k0", selection: "_1rsrm2f1k1", focused: "_1rsrm2f1k2", focusedVisible: "_1rsrm2f1k3" }, defaultClass: "_1rsrm2f1jy" }, buttonFocusedShadowTertiary: { conditions: { base: "_1rsrm2f1k4", hover: "_1rsrm2f1k5", active: "_1rsrm2f1k6", selection: "_1rsrm2f1k7", focused: "_1rsrm2f1k8", focusedVisible: "_1rsrm2f1k9" }, defaultClass: "_1rsrm2f1k4" }, buttonHoverShadowTertiary: { conditions: { base: "_1rsrm2f1ka", hover: "_1rsrm2f1kb", active: "_1rsrm2f1kc", selection: "_1rsrm2f1kd", focused: "_1rsrm2f1ke", focusedVisible: "_1rsrm2f1kf" }, defaultClass: "_1rsrm2f1ka" }, buttonDisabledShadow: { conditions: { base: "_1rsrm2f1kg", hover: "_1rsrm2f1kh", active: "_1rsrm2f1ki", selection: "_1rsrm2f1kj", focused: "_1rsrm2f1kk", focusedVisible: "_1rsrm2f1kl" }, defaultClass: "_1rsrm2f1kg" }, buttonInnerShadow: { conditions: { base: "_1rsrm2f1km", hover: "_1rsrm2f1kn", active: "_1rsrm2f1ko", selection: "_1rsrm2f1kp", focused: "_1rsrm2f1kq", focusedVisible: "_1rsrm2f1kr" }, defaultClass: "_1rsrm2f1km" }, buttonFocusedInnerShadow: { conditions: { base: "_1rsrm2f1ks", hover: "_1rsrm2f1kt", active: "_1rsrm2f1ku", selection: "_1rsrm2f1kv", focused: "_1rsrm2f1kw", focusedVisible: "_1rsrm2f1kx" }, defaultClass: "_1rsrm2f1ks" }, buttonHoverInnerShadow: { conditions: { base: "_1rsrm2f1ky", hover: "_1rsrm2f1kz", active: "_1rsrm2f1l0", selection: "_1rsrm2f1l1", focused: "_1rsrm2f1l2", focusedVisible: "_1rsrm2f1l3" }, defaultClass: "_1rsrm2f1ky" }, buttonDisabledInnerShadow: { conditions: { base: "_1rsrm2f1l4", hover: "_1rsrm2f1l5", active: "_1rsrm2f1l6", selection: "_1rsrm2f1l7", focused: "_1rsrm2f1l8", focusedVisible: "_1rsrm2f1l9" }, defaultClass: "_1rsrm2f1l4" }, selectedDropdownItem: { conditions: { base: "_1rsrm2f1la", hover: "_1rsrm2f1lb", active: "_1rsrm2f1lc", selection: "_1rsrm2f1ld", focused: "_1rsrm2f1le", focusedVisible: "_1rsrm2f1lf" }, defaultClass: "_1rsrm2f1la" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f1lg", hover: "_1rsrm2f1lh", active: "_1rsrm2f1li", selection: "_1rsrm2f1lj", focused: "_1rsrm2f1lk", focusedVisible: "_1rsrm2f1ll" }, defaultClass: "_1rsrm2f1lg" }, accentColorForeground: { conditions: { base: "_1rsrm2f1lm", hover: "_1rsrm2f1ln", active: "_1rsrm2f1lo", selection: "_1rsrm2f1lp", focused: "_1rsrm2f1lq", focusedVisible: "_1rsrm2f1lr" }, defaultClass: "_1rsrm2f1lm" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1ls", hover: "_1rsrm2f1lt", active: "_1rsrm2f1lu", selection: "_1rsrm2f1lv", focused: "_1rsrm2f1lw", focusedVisible: "_1rsrm2f1lx" }, defaultClass: "_1rsrm2f1ls" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1ly", hover: "_1rsrm2f1lz", active: "_1rsrm2f1m0", selection: "_1rsrm2f1m1", focused: "_1rsrm2f1m2", focusedVisible: "_1rsrm2f1m3" }, defaultClass: "_1rsrm2f1ly" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1m4", hover: "_1rsrm2f1m5", active: "_1rsrm2f1m6", selection: "_1rsrm2f1m7", focused: "_1rsrm2f1m8", focusedVisible: "_1rsrm2f1m9" }, defaultClass: "_1rsrm2f1m4" }, connectButtonText: { conditions: { base: "_1rsrm2f1ma", hover: "_1rsrm2f1mb", active: "_1rsrm2f1mc", selection: "_1rsrm2f1md", focused: "_1rsrm2f1me", focusedVisible: "_1rsrm2f1mf" }, defaultClass: "_1rsrm2f1ma" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1mg", hover: "_1rsrm2f1mh", active: "_1rsrm2f1mi", selection: "_1rsrm2f1mj", focused: "_1rsrm2f1mk", focusedVisible: "_1rsrm2f1ml" }, defaultClass: "_1rsrm2f1mg" }, connectionIndicator: { conditions: { base: "_1rsrm2f1mm", hover: "_1rsrm2f1mn", active: "_1rsrm2f1mo", selection: "_1rsrm2f1mp", focused: "_1rsrm2f1mq", focusedVisible: "_1rsrm2f1mr" }, defaultClass: "_1rsrm2f1mm" }, error: { conditions: { base: "_1rsrm2f1ms", hover: "_1rsrm2f1mt", active: "_1rsrm2f1mu", selection: "_1rsrm2f1mv", focused: "_1rsrm2f1mw", focusedVisible: "_1rsrm2f1mx" }, defaultClass: "_1rsrm2f1ms" }, errorBackground: { conditions: { base: "_1rsrm2f1my", hover: "_1rsrm2f1mz", active: "_1rsrm2f1n0", selection: "_1rsrm2f1n1", focused: "_1rsrm2f1n2", focusedVisible: "_1rsrm2f1n3" }, defaultClass: "_1rsrm2f1my" }, errorBorder: { conditions: { base: "_1rsrm2f1n4", hover: "_1rsrm2f1n5", active: "_1rsrm2f1n6", selection: "_1rsrm2f1n7", focused: "_1rsrm2f1n8", focusedVisible: "_1rsrm2f1n9" }, defaultClass: "_1rsrm2f1n4" }, generalBorder: { conditions: { base: "_1rsrm2f1na", hover: "_1rsrm2f1nb", active: "_1rsrm2f1nc", selection: "_1rsrm2f1nd", focused: "_1rsrm2f1ne", focusedVisible: "_1rsrm2f1nf" }, defaultClass: "_1rsrm2f1na" }, generalBorderDim: { conditions: { base: "_1rsrm2f1ng", hover: "_1rsrm2f1nh", active: "_1rsrm2f1ni", selection: "_1rsrm2f1nj", focused: "_1rsrm2f1nk", focusedVisible: "_1rsrm2f1nl" }, defaultClass: "_1rsrm2f1ng" }, menuItemBackground: { conditions: { base: "_1rsrm2f1nm", hover: "_1rsrm2f1nn", active: "_1rsrm2f1no", selection: "_1rsrm2f1np", focused: "_1rsrm2f1nq", focusedVisible: "_1rsrm2f1nr" }, defaultClass: "_1rsrm2f1nm" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1ns", hover: "_1rsrm2f1nt", active: "_1rsrm2f1nu", selection: "_1rsrm2f1nv", focused: "_1rsrm2f1nw", focusedVisible: "_1rsrm2f1nx" }, defaultClass: "_1rsrm2f1ns" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1ny", hover: "_1rsrm2f1nz", active: "_1rsrm2f1o0", selection: "_1rsrm2f1o1", focused: "_1rsrm2f1o2", focusedVisible: "_1rsrm2f1o3" }, defaultClass: "_1rsrm2f1ny" }, standby: { conditions: { base: "_1rsrm2f1o4", hover: "_1rsrm2f1o5", active: "_1rsrm2f1o6", selection: "_1rsrm2f1o7", focused: "_1rsrm2f1o8", focusedVisible: "_1rsrm2f1o9" }, defaultClass: "_1rsrm2f1o4" }, success: { conditions: { base: "_1rsrm2f1oa", hover: "_1rsrm2f1ob", active: "_1rsrm2f1oc", selection: "_1rsrm2f1od", focused: "_1rsrm2f1oe", focusedVisible: "_1rsrm2f1of" }, defaultClass: "_1rsrm2f1oa" }, chainIconBorder: { conditions: { base: "_1rsrm2f1og", hover: "_1rsrm2f1oh", active: "_1rsrm2f1oi", selection: "_1rsrm2f1oj", focused: "_1rsrm2f1ok", focusedVisible: "_1rsrm2f1ol" }, defaultClass: "_1rsrm2f1og" }, modalBackdrop: { conditions: { base: "_1rsrm2f1om", hover: "_1rsrm2f1on", active: "_1rsrm2f1oo", selection: "_1rsrm2f1op", focused: "_1rsrm2f1oq", focusedVisible: "_1rsrm2f1or" }, defaultClass: "_1rsrm2f1om" }, modalBackground: { conditions: { base: "_1rsrm2f1os", hover: "_1rsrm2f1ot", active: "_1rsrm2f1ou", selection: "_1rsrm2f1ov", focused: "_1rsrm2f1ow", focusedVisible: "_1rsrm2f1ox" }, defaultClass: "_1rsrm2f1os" }, modalBorder: { conditions: { base: "_1rsrm2f1oy", hover: "_1rsrm2f1oz", active: "_1rsrm2f1p0", selection: "_1rsrm2f1p1", focused: "_1rsrm2f1p2", focusedVisible: "_1rsrm2f1p3" }, defaultClass: "_1rsrm2f1oy" }, offBackground: { conditions: { base: "_1rsrm2f1p4", hover: "_1rsrm2f1p5", active: "_1rsrm2f1p6", selection: "_1rsrm2f1p7", focused: "_1rsrm2f1p8", focusedVisible: "_1rsrm2f1p9" }, defaultClass: "_1rsrm2f1p4" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1pa", hover: "_1rsrm2f1pb", active: "_1rsrm2f1pc", selection: "_1rsrm2f1pd", focused: "_1rsrm2f1pe", focusedVisible: "_1rsrm2f1pf" }, defaultClass: "_1rsrm2f1pa" }, hoverState: { conditions: { base: "_1rsrm2f1pg", hover: "_1rsrm2f1ph", active: "_1rsrm2f1pi", selection: "_1rsrm2f1pj", focused: "_1rsrm2f1pk", focusedVisible: "_1rsrm2f1pl" }, defaultClass: "_1rsrm2f1pg" }, lightStroke: { conditions: { base: "_1rsrm2f1pm", hover: "_1rsrm2f1pn", active: "_1rsrm2f1po", selection: "_1rsrm2f1pp", focused: "_1rsrm2f1pq", focusedVisible: "_1rsrm2f1pr" }, defaultClass: "_1rsrm2f1pm" }, mediumStroke: { conditions: { base: "_1rsrm2f1ps", hover: "_1rsrm2f1pt", active: "_1rsrm2f1pu", selection: "_1rsrm2f1pv", focused: "_1rsrm2f1pw", focusedVisible: "_1rsrm2f1px" }, defaultClass: "_1rsrm2f1ps" }, heavyStroke: { conditions: { base: "_1rsrm2f1py", hover: "_1rsrm2f1pz", active: "_1rsrm2f1q0", selection: "_1rsrm2f1q1", focused: "_1rsrm2f1q2", focusedVisible: "_1rsrm2f1q3" }, defaultClass: "_1rsrm2f1py" }, strokeColor: { conditions: { base: "_1rsrm2f1q4", hover: "_1rsrm2f1q5", active: "_1rsrm2f1q6", selection: "_1rsrm2f1q7", focused: "_1rsrm2f1q8", focusedVisible: "_1rsrm2f1q9" }, defaultClass: "_1rsrm2f1q4" }, modalTopbarIcon: { conditions: { base: "_1rsrm2f1qa", hover: "_1rsrm2f1qb", active: "_1rsrm2f1qc", selection: "_1rsrm2f1qd", focused: "_1rsrm2f1qe", focusedVisible: "_1rsrm2f1qf" }, defaultClass: "_1rsrm2f1qa" }, primaryText: { conditions: { base: "_1rsrm2f1qg", hover: "_1rsrm2f1qh", active: "_1rsrm2f1qi", selection: "_1rsrm2f1qj", focused: "_1rsrm2f1qk", focusedVisible: "_1rsrm2f1ql" }, defaultClass: "_1rsrm2f1qg" }, secondaryText: { conditions: { base: "_1rsrm2f1qm", hover: "_1rsrm2f1qn", active: "_1rsrm2f1qo", selection: "_1rsrm2f1qp", focused: "_1rsrm2f1qq", focusedVisible: "_1rsrm2f1qr" }, defaultClass: "_1rsrm2f1qm" }, tertiaryText: { conditions: { base: "_1rsrm2f1qs", hover: "_1rsrm2f1qt", active: "_1rsrm2f1qu", selection: "_1rsrm2f1qv", focused: "_1rsrm2f1qw", focusedVisible: "_1rsrm2f1qx" }, defaultClass: "_1rsrm2f1qs" }, textSelection: { conditions: { base: "_1rsrm2f1qy", hover: "_1rsrm2f1qz", active: "_1rsrm2f1r0", selection: "_1rsrm2f1r1", focused: "_1rsrm2f1r2", focusedVisible: "_1rsrm2f1r3" }, defaultClass: "_1rsrm2f1qy" }, inputBackground: { conditions: { base: "_1rsrm2f1r4", hover: "_1rsrm2f1r5", active: "_1rsrm2f1r6", selection: "_1rsrm2f1r7", focused: "_1rsrm2f1r8", focusedVisible: "_1rsrm2f1r9" }, defaultClass: "_1rsrm2f1r4" }, inputBorderBase: { conditions: { base: "_1rsrm2f1ra", hover: "_1rsrm2f1rb", active: "_1rsrm2f1rc", selection: "_1rsrm2f1rd", focused: "_1rsrm2f1re", focusedVisible: "_1rsrm2f1rf" }, defaultClass: "_1rsrm2f1ra" }, inputBorderHover: { conditions: { base: "_1rsrm2f1rg", hover: "_1rsrm2f1rh", active: "_1rsrm2f1ri", selection: "_1rsrm2f1rj", focused: "_1rsrm2f1rk", focusedVisible: "_1rsrm2f1rl" }, defaultClass: "_1rsrm2f1rg" }, actionColor: { conditions: { base: "_1rsrm2f1rm", hover: "_1rsrm2f1rn", active: "_1rsrm2f1ro", selection: "_1rsrm2f1rp", focused: "_1rsrm2f1rq", focusedVisible: "_1rsrm2f1rr" }, defaultClass: "_1rsrm2f1rm" }, actionColorHover: { conditions: { base: "_1rsrm2f1rs", hover: "_1rsrm2f1rt", active: "_1rsrm2f1ru", selection: "_1rsrm2f1rv", focused: "_1rsrm2f1rw", focusedVisible: "_1rsrm2f1rx" }, defaultClass: "_1rsrm2f1rs" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1ry", hover: "_1rsrm2f1rz", active: "_1rsrm2f1s0", selection: "_1rsrm2f1s1", focused: "_1rsrm2f1s2", focusedVisible: "_1rsrm2f1s3" }, defaultClass: "_1rsrm2f1ry" }, buttonPrimary: { conditions: { base: "_1rsrm2f1s4", hover: "_1rsrm2f1s5", active: "_1rsrm2f1s6", selection: "_1rsrm2f1s7", focused: "_1rsrm2f1s8", focusedVisible: "_1rsrm2f1s9" }, defaultClass: "_1rsrm2f1s4" }, buttonDisabled: { conditions: { base: "_1rsrm2f1sa", hover: "_1rsrm2f1sb", active: "_1rsrm2f1sc", selection: "_1rsrm2f1sd", focused: "_1rsrm2f1se", focusedVisible: "_1rsrm2f1sf" }, defaultClass: "_1rsrm2f1sa" }, buttonWarning: { conditions: { base: "_1rsrm2f1sg", hover: "_1rsrm2f1sh", active: "_1rsrm2f1si", selection: "_1rsrm2f1sj", focused: "_1rsrm2f1sk", focusedVisible: "_1rsrm2f1sl" }, defaultClass: "_1rsrm2f1sg" }, buttonSuccess: { conditions: { base: "_1rsrm2f1sm", hover: "_1rsrm2f1sn", active: "_1rsrm2f1so", selection: "_1rsrm2f1sp", focused: "_1rsrm2f1sq", focusedVisible: "_1rsrm2f1sr" }, defaultClass: "_1rsrm2f1sm" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1ss", hover: "_1rsrm2f1st", active: "_1rsrm2f1su", selection: "_1rsrm2f1sv", focused: "_1rsrm2f1sw", focusedVisible: "_1rsrm2f1sx" }, defaultClass: "_1rsrm2f1ss" }, buttonTextHover: { conditions: { base: "_1rsrm2f1sy", hover: "_1rsrm2f1sz", active: "_1rsrm2f1t0", selection: "_1rsrm2f1t1", focused: "_1rsrm2f1t2", focusedVisible: "_1rsrm2f1t3" }, defaultClass: "_1rsrm2f1sy" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1t4", hover: "_1rsrm2f1t5", active: "_1rsrm2f1t6", selection: "_1rsrm2f1t7", focused: "_1rsrm2f1t8", focusedVisible: "_1rsrm2f1t9" }, defaultClass: "_1rsrm2f1t4" }, transparent: { conditions: { base: "_1rsrm2f1ta", hover: "_1rsrm2f1tb", active: "_1rsrm2f1tc", selection: "_1rsrm2f1td", focused: "_1rsrm2f1te", focusedVisible: "_1rsrm2f1tf" }, defaultClass: "_1rsrm2f1ta" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1tg", hover: "_1rsrm2f1th", active: "_1rsrm2f1ti", selection: "_1rsrm2f1tj", focused: "_1rsrm2f1tk", focusedVisible: "_1rsrm2f1tl" }, defaultClass: "_1rsrm2f1tg" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1tm", hover: "_1rsrm2f1tn", active: "_1rsrm2f1to", selection: "_1rsrm2f1tp", focused: "_1rsrm2f1tq", focusedVisible: "_1rsrm2f1tr" }, defaultClass: "_1rsrm2f1tm" }, buttonBackgroundDisabledTertiary: { conditions: { base: "_1rsrm2f1ts", hover: "_1rsrm2f1tt", active: "_1rsrm2f1tu", selection: "_1rsrm2f1tv", focused: "_1rsrm2f1tw", focusedVisible: "_1rsrm2f1tx" }, defaultClass: "_1rsrm2f1ts" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1ty", hover: "_1rsrm2f1tz", active: "_1rsrm2f1u0", selection: "_1rsrm2f1u1", focused: "_1rsrm2f1u2", focusedVisible: "_1rsrm2f1u3" }, defaultClass: "_1rsrm2f1ty" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1u4", hover: "_1rsrm2f1u5", active: "_1rsrm2f1u6", selection: "_1rsrm2f1u7", focused: "_1rsrm2f1u8", focusedVisible: "_1rsrm2f1u9" }, defaultClass: "_1rsrm2f1u4" }, buttonBackground: { conditions: { base: "_1rsrm2f1ua", hover: "_1rsrm2f1ub", active: "_1rsrm2f1uc", selection: "_1rsrm2f1ud", focused: "_1rsrm2f1ue", focusedVisible: "_1rsrm2f1uf" }, defaultClass: "_1rsrm2f1ua" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1ug", hover: "_1rsrm2f1uh", active: "_1rsrm2f1ui", selection: "_1rsrm2f1uj", focused: "_1rsrm2f1uk", focusedVisible: "_1rsrm2f1ul" }, defaultClass: "_1rsrm2f1ug" }, buttonBackgroundPressed: { conditions: { base: "_1rsrm2f1um", hover: "_1rsrm2f1un", active: "_1rsrm2f1uo", selection: "_1rsrm2f1up", focused: "_1rsrm2f1uq", focusedVisible: "_1rsrm2f1ur" }, defaultClass: "_1rsrm2f1um" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1us", hover: "_1rsrm2f1ut", active: "_1rsrm2f1uu", selection: "_1rsrm2f1uv", focused: "_1rsrm2f1uw", focusedVisible: "_1rsrm2f1ux" }, defaultClass: "_1rsrm2f1us" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1uy", hover: "_1rsrm2f1uz", active: "_1rsrm2f1v0", selection: "_1rsrm2f1v1", focused: "_1rsrm2f1v2", focusedVisible: "_1rsrm2f1v3" }, defaultClass: "_1rsrm2f1uy" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1v4", hover: "_1rsrm2f1v5", active: "_1rsrm2f1v6", selection: "_1rsrm2f1v7", focused: "_1rsrm2f1v8", focusedVisible: "_1rsrm2f1v9" }, defaultClass: "_1rsrm2f1v4" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1va", hover: "_1rsrm2f1vb", active: "_1rsrm2f1vc", selection: "_1rsrm2f1vd", focused: "_1rsrm2f1ve", focusedVisible: "_1rsrm2f1vf" }, defaultClass: "_1rsrm2f1va" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1vg", hover: "_1rsrm2f1vh", active: "_1rsrm2f1vi", selection: "_1rsrm2f1vj", focused: "_1rsrm2f1vk", focusedVisible: "_1rsrm2f1vl" }, defaultClass: "_1rsrm2f1vg" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1vm", hover: "_1rsrm2f1vn", active: "_1rsrm2f1vo", selection: "_1rsrm2f1vp", focused: "_1rsrm2f1vq", focusedVisible: "_1rsrm2f1vr" }, defaultClass: "_1rsrm2f1vm" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1vs", hover: "_1rsrm2f1vt", active: "_1rsrm2f1vu", selection: "_1rsrm2f1vv", focused: "_1rsrm2f1vw", focusedVisible: "_1rsrm2f1vx" }, defaultClass: "_1rsrm2f1vs" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1vy", hover: "_1rsrm2f1vz", active: "_1rsrm2f1w0", selection: "_1rsrm2f1w1", focused: "_1rsrm2f1w2", focusedVisible: "_1rsrm2f1w3" }, defaultClass: "_1rsrm2f1vy" }, buttonBorderGradient: { conditions: { base: "_1rsrm2f1w4", hover: "_1rsrm2f1w5", active: "_1rsrm2f1w6", selection: "_1rsrm2f1w7", focused: "_1rsrm2f1w8", focusedVisible: "_1rsrm2f1w9" }, defaultClass: "_1rsrm2f1w4" }, buttonHoverBorderGradient: { conditions: { base: "_1rsrm2f1wa", hover: "_1rsrm2f1wb", active: "_1rsrm2f1wc", selection: "_1rsrm2f1wd", focused: "_1rsrm2f1we", focusedVisible: "_1rsrm2f1wf" }, defaultClass: "_1rsrm2f1wa" }, buttonDisabledBorderGradient: { conditions: { base: "_1rsrm2f1wg", hover: "_1rsrm2f1wh", active: "_1rsrm2f1wi", selection: "_1rsrm2f1wj", focused: "_1rsrm2f1wk", focusedVisible: "_1rsrm2f1wl" }, defaultClass: "_1rsrm2f1wg" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1wm", hover: "_1rsrm2f1wn", active: "_1rsrm2f1wo", selection: "_1rsrm2f1wp", focused: "_1rsrm2f1wq", focusedVisible: "_1rsrm2f1wr" }, defaultClass: "_1rsrm2f1wm" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1ws", hover: "_1rsrm2f1wt", active: "_1rsrm2f1wu", selection: "_1rsrm2f1wv", focused: "_1rsrm2f1ww", focusedVisible: "_1rsrm2f1wx" }, defaultClass: "_1rsrm2f1ws" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1wy", hover: "_1rsrm2f1wz", active: "_1rsrm2f1x0", selection: "_1rsrm2f1x1", focused: "_1rsrm2f1x2", focusedVisible: "_1rsrm2f1x3" }, defaultClass: "_1rsrm2f1wy" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1x4", hover: "_1rsrm2f1x5", active: "_1rsrm2f1x6", selection: "_1rsrm2f1x7", focused: "_1rsrm2f1x8", focusedVisible: "_1rsrm2f1x9" }, defaultClass: "_1rsrm2f1x4" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1xa", hover: "_1rsrm2f1xb", active: "_1rsrm2f1xc", selection: "_1rsrm2f1xd", focused: "_1rsrm2f1xe", focusedVisible: "_1rsrm2f1xf" }, defaultClass: "_1rsrm2f1xa" }, newBadgeText: { conditions: { base: "_1rsrm2f1xg", hover: "_1rsrm2f1xh", active: "_1rsrm2f1xi", selection: "_1rsrm2f1xj", focused: "_1rsrm2f1xk", focusedVisible: "_1rsrm2f1xl" }, defaultClass: "_1rsrm2f1xg" }, approvedBadgeBackground: { conditions: { base: "_1rsrm2f1xm", hover: "_1rsrm2f1xn", active: "_1rsrm2f1xo", selection: "_1rsrm2f1xp", focused: "_1rsrm2f1xq", focusedVisible: "_1rsrm2f1xr" }, defaultClass: "_1rsrm2f1xm" }, approvedBadgeBorder: { conditions: { base: "_1rsrm2f1xs", hover: "_1rsrm2f1xt", active: "_1rsrm2f1xu", selection: "_1rsrm2f1xv", focused: "_1rsrm2f1xw", focusedVisible: "_1rsrm2f1xx" }, defaultClass: "_1rsrm2f1xs" }, approvedBadgeText: { conditions: { base: "_1rsrm2f1xy", hover: "_1rsrm2f1xz", active: "_1rsrm2f1y0", selection: "_1rsrm2f1y1", focused: "_1rsrm2f1y2", focusedVisible: "_1rsrm2f1y3" }, defaultClass: "_1rsrm2f1xy" }, failedBadgeBackground: { conditions: { base: "_1rsrm2f1y4", hover: "_1rsrm2f1y5", active: "_1rsrm2f1y6", selection: "_1rsrm2f1y7", focused: "_1rsrm2f1y8", focusedVisible: "_1rsrm2f1y9" }, defaultClass: "_1rsrm2f1y4" }, failedBadgeBorder: { conditions: { base: "_1rsrm2f1ya", hover: "_1rsrm2f1yb", active: "_1rsrm2f1yc", selection: "_1rsrm2f1yd", focused: "_1rsrm2f1ye", focusedVisible: "_1rsrm2f1yf" }, defaultClass: "_1rsrm2f1ya" }, failedBadgeText: { conditions: { base: "_1rsrm2f1yg", hover: "_1rsrm2f1yh", active: "_1rsrm2f1yi", selection: "_1rsrm2f1yj", focused: "_1rsrm2f1yk", focusedVisible: "_1rsrm2f1yl" }, defaultClass: "_1rsrm2f1yg" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1ym", hover: "_1rsrm2f1yn", active: "_1rsrm2f1yo", selection: "_1rsrm2f1yp", focused: "_1rsrm2f1yq", focusedVisible: "_1rsrm2f1yr" }, defaultClass: "_1rsrm2f1ym" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1ys", hover: "_1rsrm2f1yt", active: "_1rsrm2f1yu", selection: "_1rsrm2f1yv", focused: "_1rsrm2f1yw", focusedVisible: "_1rsrm2f1yx" }, defaultClass: "_1rsrm2f1ys" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1yy", hover: "_1rsrm2f1yz", active: "_1rsrm2f1z0", selection: "_1rsrm2f1z1", focused: "_1rsrm2f1z2", focusedVisible: "_1rsrm2f1z3" }, defaultClass: "_1rsrm2f1yy" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1z4", hover: "_1rsrm2f1z5", active: "_1rsrm2f1z6", selection: "_1rsrm2f1z7", focused: "_1rsrm2f1z8", focusedVisible: "_1rsrm2f1z9" }, defaultClass: "_1rsrm2f1z4" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1za", hover: "_1rsrm2f1zb", active: "_1rsrm2f1zc", selection: "_1rsrm2f1zd", focused: "_1rsrm2f1ze", focusedVisible: "_1rsrm2f1zf" }, defaultClass: "_1rsrm2f1za" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1zg", hover: "_1rsrm2f1zh", active: "_1rsrm2f1zi", selection: "_1rsrm2f1zj", focused: "_1rsrm2f1zk", focusedVisible: "_1rsrm2f1zl" }, defaultClass: "_1rsrm2f1zg" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1zm", hover: "_1rsrm2f1zn", active: "_1rsrm2f1zo", selection: "_1rsrm2f1zp", focused: "_1rsrm2f1zq", focusedVisible: "_1rsrm2f1zr" }, defaultClass: "_1rsrm2f1zm" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1zs", hover: "_1rsrm2f1zt", active: "_1rsrm2f1zu", selection: "_1rsrm2f1zv", focused: "_1rsrm2f1zw", focusedVisible: "_1rsrm2f1zx" }, defaultClass: "_1rsrm2f1zs" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1zy", hover: "_1rsrm2f1zz", active: "_1rsrm2f200", selection: "_1rsrm2f201", focused: "_1rsrm2f202", focusedVisible: "_1rsrm2f203" }, defaultClass: "_1rsrm2f1zy" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f204", hover: "_1rsrm2f205", active: "_1rsrm2f206", selection: "_1rsrm2f207", focused: "_1rsrm2f208", focusedVisible: "_1rsrm2f209" }, defaultClass: "_1rsrm2f204" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f20a", hover: "_1rsrm2f20b", active: "_1rsrm2f20c", selection: "_1rsrm2f20d", focused: "_1rsrm2f20e", focusedVisible: "_1rsrm2f20f" }, defaultClass: "_1rsrm2f20a" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f20g", hover: "_1rsrm2f20h", active: "_1rsrm2f20i", selection: "_1rsrm2f20j", focused: "_1rsrm2f20k", focusedVisible: "_1rsrm2f20l" }, defaultClass: "_1rsrm2f20g" }, announceGradientFrom: { conditions: { base: "_1rsrm2f20m", hover: "_1rsrm2f20n", active: "_1rsrm2f20o", selection: "_1rsrm2f20p", focused: "_1rsrm2f20q", focusedVisible: "_1rsrm2f20r" }, defaultClass: "_1rsrm2f20m" }, announceGradientTo: { conditions: { base: "_1rsrm2f20s", hover: "_1rsrm2f20t", active: "_1rsrm2f20u", selection: "_1rsrm2f20v", focused: "_1rsrm2f20w", focusedVisible: "_1rsrm2f20x" }, defaultClass: "_1rsrm2f20s" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f20y", hover: "_1rsrm2f20z", active: "_1rsrm2f210", selection: "_1rsrm2f211", focused: "_1rsrm2f212", focusedVisible: "_1rsrm2f213" }, defaultClass: "_1rsrm2f20y" }, modalFooterDivider: { conditions: { base: "_1rsrm2f214", hover: "_1rsrm2f215", active: "_1rsrm2f216", selection: "_1rsrm2f217", focused: "_1rsrm2f218", focusedVisible: "_1rsrm2f219" }, defaultClass: "_1rsrm2f214" }, fiatPendingGradientFrom: { conditions: { base: "_1rsrm2f21a", hover: "_1rsrm2f21b", active: "_1rsrm2f21c", selection: "_1rsrm2f21d", focused: "_1rsrm2f21e", focusedVisible: "_1rsrm2f21f" }, defaultClass: "_1rsrm2f21a" }, fiatPendingGradientTo: { conditions: { base: "_1rsrm2f21g", hover: "_1rsrm2f21h", active: "_1rsrm2f21i", selection: "_1rsrm2f21j", focused: "_1rsrm2f21k", focusedVisible: "_1rsrm2f21l" }, defaultClass: "_1rsrm2f21g" }, fiatSuccessBackgroundFill: { conditions: { base: "_1rsrm2f21m", hover: "_1rsrm2f21n", active: "_1rsrm2f21o", selection: "_1rsrm2f21p", focused: "_1rsrm2f21q", focusedVisible: "_1rsrm2f21r" }, defaultClass: "_1rsrm2f21m" }, fiatFailedBackgroundFill: { conditions: { base: "_1rsrm2f21s", hover: "_1rsrm2f21t", active: "_1rsrm2f21u", selection: "_1rsrm2f21v", focused: "_1rsrm2f21w", focusedVisible: "_1rsrm2f21x" }, defaultClass: "_1rsrm2f21s" }, fiatStatusIconBorder: { conditions: { base: "_1rsrm2f21y", hover: "_1rsrm2f21z", active: "_1rsrm2f220", selection: "_1rsrm2f221", focused: "_1rsrm2f222", focusedVisible: "_1rsrm2f223" }, defaultClass: "_1rsrm2f21y" }, fiatAccountIconFill: { conditions: { base: "_1rsrm2f224", hover: "_1rsrm2f225", active: "_1rsrm2f226", selection: "_1rsrm2f227", focused: "_1rsrm2f228", focusedVisible: "_1rsrm2f229" }, defaultClass: "_1rsrm2f224" }, fiatAccountGradientFrom: { conditions: { base: "_1rsrm2f22a", hover: "_1rsrm2f22b", active: "_1rsrm2f22c", selection: "_1rsrm2f22d", focused: "_1rsrm2f22e", focusedVisible: "_1rsrm2f22f" }, defaultClass: "_1rsrm2f22a" }, fiatAccountGradientTo: { conditions: { base: "_1rsrm2f22g", hover: "_1rsrm2f22h", active: "_1rsrm2f22i", selection: "_1rsrm2f22j", focused: "_1rsrm2f22k", focusedVisible: "_1rsrm2f22l" }, defaultClass: "_1rsrm2f22g" }, optionBoxBackground: { conditions: { base: "_1rsrm2f22m", hover: "_1rsrm2f22n", active: "_1rsrm2f22o", selection: "_1rsrm2f22p", focused: "_1rsrm2f22q", focusedVisible: "_1rsrm2f22r" }, defaultClass: "_1rsrm2f22m" }, spinnerBackground: { conditions: { base: "_1rsrm2f22s", hover: "_1rsrm2f22t", active: "_1rsrm2f22u", selection: "_1rsrm2f22v", focused: "_1rsrm2f22w", focusedVisible: "_1rsrm2f22x" }, defaultClass: "_1rsrm2f22s" }, spinnerIndicator: { conditions: { base: "_1rsrm2f22y", hover: "_1rsrm2f22z", active: "_1rsrm2f230", selection: "_1rsrm2f231", focused: "_1rsrm2f232", focusedVisible: "_1rsrm2f233" }, defaultClass: "_1rsrm2f22y" }, spinnerBackgroundVerifyAccount: { conditions: { base: "_1rsrm2f234", hover: "_1rsrm2f235", active: "_1rsrm2f236", selection: "_1rsrm2f237", focused: "_1rsrm2f238", focusedVisible: "_1rsrm2f239" }, defaultClass: "_1rsrm2f234" }, spinnerIndicatorVerifyAccount: { conditions: { base: "_1rsrm2f23a", hover: "_1rsrm2f23b", active: "_1rsrm2f23c", selection: "_1rsrm2f23d", focused: "_1rsrm2f23e", focusedVisible: "_1rsrm2f23f" }, defaultClass: "_1rsrm2f23a" } } } } }, { 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" }, modalTopbarIcon: { defaultClass: "_1rsrm2f18" }, full: { defaultClass: "_1rsrm2f19" }, badge: { defaultClass: "_1rsrm2f1a" }, smallBadge: { defaultClass: "_1rsrm2f1b" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1c" }, dotted: { defaultClass: "_1rsrm2f1d" }, hidden: { defaultClass: "_1rsrm2f1e" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1f" }, "1": { defaultClass: "_1rsrm2f1g" }, "2": { defaultClass: "_1rsrm2f1h" }, "3": { defaultClass: "_1rsrm2f1i" }, "4": { defaultClass: "_1rsrm2f1j" }, activeOptionBorderWidth: { defaultClass: "_1rsrm2f1k" }, "0.5": { defaultClass: "_1rsrm2f1l" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1m" }, pointer: { defaultClass: "_1rsrm2f1n" }, "not-allowed": { defaultClass: "_1rsrm2f1o" }, "default": { defaultClass: "_1rsrm2f1p" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1q" }, column: { defaultClass: "_1rsrm2f1r" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1s" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1t" }, "12": { defaultClass: "_1rsrm2f1u" }, "13": { defaultClass: "_1rsrm2f1v" }, "14": { defaultClass: "_1rsrm2f1w" }, "16": { defaultClass: "_1rsrm2f1x" }, "18": { defaultClass: "_1rsrm2f1y" }, "20": { defaultClass: "_1rsrm2f1z" }, "21": { defaultClass: "_1rsrm2f20" }, "40": { defaultClass: "_1rsrm2f21" }, "57": { defaultClass: "_1rsrm2f22" }, modalTopbarSubtitle: { defaultClass: "_1rsrm2f23" }, modalTopbarTitle: { defaultClass: "_1rsrm2f24" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f25" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f26" }, medium: { defaultClass: "_1rsrm2f27" }, semibold: { defaultClass: "_1rsrm2f28" }, bold: { defaultClass: "_1rsrm2f29" }, heavy: { defaultClass: "_1rsrm2f2a" }, modalTopbarTitle: { defaultClass: "_1rsrm2f2b" }, modalBottomBarButtonText: { defaultClass: "_1rsrm2f2c" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f2d" }, "1": { defaultClass: "_1rsrm2f2e" }, "2": { defaultClass: "_1rsrm2f2f" }, "3": { defaultClass: "_1rsrm2f2g" }, "4": { defaultClass: "_1rsrm2f2h" }, "5": { defaultClass: "_1rsrm2f2i" }, "6": { defaultClass: "_1rsrm2f2j" }, "7": { defaultClass: "_1rsrm2f2k" }, "8": { defaultClass: "_1rsrm2f2l" }, "9": { defaultClass: "_1rsrm2f2m" }, "10": { defaultClass: "_1rsrm2f2n" }, "11": { defaultClass: "_1rsrm2f2o" }, "12": { defaultClass: "_1rsrm2f2p" }, "13": { defaultClass: "_1rsrm2f2q" }, "14": { defaultClass: "_1rsrm2f2r" }, "15": { defaultClass: "_1rsrm2f2s" }, "16": { defaultClass: "_1rsrm2f2t" }, "18": { defaultClass: "_1rsrm2f2u" }, "20": { defaultClass: "_1rsrm2f2v" }, "24": { defaultClass: "_1rsrm2f2w" }, "28": { defaultClass: "_1rsrm2f2x" }, "30": { defaultClass: "_1rsrm2f2y" }, "32": { defaultClass: "_1rsrm2f2z" }, "36": { defaultClass: "_1rsrm2f30" }, "40": { defaultClass: "_1rsrm2f31" }, "44": { defaultClass: "_1rsrm2f32" }, "64": { defaultClass: "_1rsrm2f33" }, "-1": { defaultClass: "_1rsrm2f34" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f35" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f36" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f37" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f38" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f39" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f3a" }, "2": { defaultClass: "_1rsrm2f3b" }, "4": { defaultClass: "_1rsrm2f3c" }, "8": { defaultClass: "_1rsrm2f3d" }, "10": { defaultClass: "_1rsrm2f3e" }, "11": { defaultClass: "_1rsrm2f3f" }, "12": { defaultClass: "_1rsrm2f3g" }, "13": { defaultClass: "_1rsrm2f3h" }, "14": { defaultClass: "_1rsrm2f3i" }, "15": { defaultClass: "_1rsrm2f3j" }, "16": { defaultClass: "_1rsrm2f3k" }, "18": { defaultClass: "_1rsrm2f3l" }, "20": { defaultClass: "_1rsrm2f3m" }, "24": { defaultClass: "_1rsrm2f3n" }, "28": { defaultClass: "_1rsrm2f3o" }, "30": { defaultClass: "_1rsrm2f3p" }, "32": { defaultClass: "_1rsrm2f3q" }, "34": { defaultClass: "_1rsrm2f3r" }, "36": { defaultClass: "_1rsrm2f3s" }, "40": { defaultClass: "_1rsrm2f3t" }, "44": { defaultClass: "_1rsrm2f3u" }, "48": { defaultClass: "_1rsrm2f3v" }, "50": { defaultClass: "_1rsrm2f3w" }, "54": { defaultClass: "_1rsrm2f3x" }, "57": { defaultClass: "_1rsrm2f3y" }, "60": { defaultClass: "_1rsrm2f3z" }, "72": { defaultClass: "_1rsrm2f40" }, "76": { defaultClass: "_1rsrm2f41" }, "93": { defaultClass: "_1rsrm2f42" }, "96": { defaultClass: "_1rsrm2f43" }, "100": { defaultClass: "_1rsrm2f44" }, "108": { defaultClass: "_1rsrm2f45" }, "120": { defaultClass: "_1rsrm2f46" }, "160": { defaultClass: "_1rsrm2f47" }, "180": { defaultClass: "_1rsrm2f48" }, "200": { defaultClass: "_1rsrm2f49" }, "240": { defaultClass: "_1rsrm2f4a" }, half: { defaultClass: "_1rsrm2f4b" }, full: { defaultClass: "_1rsrm2f4c" }, max: { defaultClass: "_1rsrm2f4d" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f4e" }, modalTopBarHeight: { defaultClass: "_1rsrm2f4f" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f4g" }, "flex-end": { defaultClass: "_1rsrm2f4h" }, center: { defaultClass: "_1rsrm2f4i" }, "space-between": { defaultClass: "_1rsrm2f4j" }, "space-around": { defaultClass: "_1rsrm2f4k" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f4l" }, center: { defaultClass: "_1rsrm2f4m" }, right: { defaultClass: "_1rsrm2f4n" }, inherit: { defaultClass: "_1rsrm2f4o" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f4p" }, "1": { defaultClass: "_1rsrm2f4q" }, "2": { defaultClass: "_1rsrm2f4r" }, "3": { defaultClass: "_1rsrm2f4s" }, "4": { defaultClass: "_1rsrm2f4t" }, "5": { defaultClass: "_1rsrm2f4u" }, "6": { defaultClass: "_1rsrm2f4v" }, "7": { defaultClass: "_1rsrm2f4w" }, "8": { defaultClass: "_1rsrm2f4x" }, "9": { defaultClass: "_1rsrm2f4y" }, "10": { defaultClass: "_1rsrm2f4z" }, "11": { defaultClass: "_1rsrm2f50" }, "12": { defaultClass: "_1rsrm2f51" }, "13": { defaultClass: "_1rsrm2f52" }, "14": { defaultClass: "_1rsrm2f53" }, "15": { defaultClass: "_1rsrm2f54" }, "16": { defaultClass: "_1rsrm2f55" }, "18": { defaultClass: "_1rsrm2f56" }, "20": { defaultClass: "_1rsrm2f57" }, "24": { defaultClass: "_1rsrm2f58" }, "28": { defaultClass: "_1rsrm2f59" }, "30": { defaultClass: "_1rsrm2f5a" }, "32": { defaultClass: "_1rsrm2f5b" }, "36": { defaultClass: "_1rsrm2f5c" }, "40": { defaultClass: "_1rsrm2f5d" }, "44": { defaultClass: "_1rsrm2f5e" }, "64": { defaultClass: "_1rsrm2f5f" }, auto: { defaultClass: "_1rsrm2f5g" }, "-18": { defaultClass: "_1rsrm2f5h" }, "-12": { defaultClass: "_1rsrm2f5i" }, "-1": { defaultClass: "_1rsrm2f5j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f5k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f5l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f5m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f5n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f5o" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f5p" }, "1": { defaultClass: "_1rsrm2f5q" }, "2": { defaultClass: "_1rsrm2f5r" }, "3": { defaultClass: "_1rsrm2f5s" }, "4": { defaultClass: "_1rsrm2f5t" }, "5": { defaultClass: "_1rsrm2f5u" }, "6": { defaultClass: "_1rsrm2f5v" }, "7": { defaultClass: "_1rsrm2f5w" }, "8": { defaultClass: "_1rsrm2f5x" }, "9": { defaultClass: "_1rsrm2f5y" }, "10": { defaultClass: "_1rsrm2f5z" }, "11": { defaultClass: "_1rsrm2f60" }, "12": { defaultClass: "_1rsrm2f61" }, "13": { defaultClass: "_1rsrm2f62" }, "14": { defaultClass: "_1rsrm2f63" }, "15": { defaultClass: "_1rsrm2f64" }, "16": { defaultClass: "_1rsrm2f65" }, "18": { defaultClass: "_1rsrm2f66" }, "20": { defaultClass: "_1rsrm2f67" }, "24": { defaultClass: "_1rsrm2f68" }, "28": { defaultClass: "_1rsrm2f69" }, "30": { defaultClass: "_1rsrm2f6a" }, "32": { defaultClass: "_1rsrm2f6b" }, "36": { defaultClass: "_1rsrm2f6c" }, "40": { defaultClass: "_1rsrm2f6d" }, "44": { defaultClass: "_1rsrm2f6e" }, "64": { defaultClass: "_1rsrm2f6f" }, auto: { defaultClass: "_1rsrm2f6g" }, "-18": { defaultClass: "_1rsrm2f6h" }, "-12": { defaultClass: "_1rsrm2f6i" }, "-1": { defaultClass: "_1rsrm2f6j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f6k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f6l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f6m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f6n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f6o" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f6p" }, "1": { defaultClass: "_1rsrm2f6q" }, "2": { defaultClass: "_1rsrm2f6r" }, "3": { defaultClass: "_1rsrm2f6s" }, "4": { defaultClass: "_1rsrm2f6t" }, "5": { defaultClass: "_1rsrm2f6u" }, "6": { defaultClass: "_1rsrm2f6v" }, "7": { defaultClass: "_1rsrm2f6w" }, "8": { defaultClass: "_1rsrm2f6x" }, "9": { defaultClass: "_1rsrm2f6y" }, "10": { defaultClass: "_1rsrm2f6z" }, "11": { defaultClass: "_1rsrm2f70" }, "12": { defaultClass: "_1rsrm2f71" }, "13": { defaultClass: "_1rsrm2f72" }, "14": { defaultClass: "_1rsrm2f73" }, "15": { defaultClass: "_1rsrm2f74" }, "16": { defaultClass: "_1rsrm2f75" }, "18": { defaultClass: "_1rsrm2f76" }, "20": { defaultClass: "_1rsrm2f77" }, "24": { defaultClass: "_1rsrm2f78" }, "28": { defaultClass: "_1rsrm2f79" }, "30": { defaultClass: "_1rsrm2f7a" }, "32": { defaultClass: "_1rsrm2f7b" }, "36": { defaultClass: "_1rsrm2f7c" }, "40": { defaultClass: "_1rsrm2f7d" }, "44": { defaultClass: "_1rsrm2f7e" }, "64": { defaultClass: "_1rsrm2f7f" }, auto: { defaultClass: "_1rsrm2f7g" }, "-18": { defaultClass: "_1rsrm2f7h" }, "-12": { defaultClass: "_1rsrm2f7i" }, "-1": { defaultClass: "_1rsrm2f7j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f7k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f7l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f7m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f7n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f7o" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f7p" }, "1": { defaultClass: "_1rsrm2f7q" }, "2": { defaultClass: "_1rsrm2f7r" }, "3": { defaultClass: "_1rsrm2f7s" }, "4": { defaultClass: "_1rsrm2f7t" }, "5": { defaultClass: "_1rsrm2f7u" }, "6": { defaultClass: "_1rsrm2f7v" }, "7": { defaultClass: "_1rsrm2f7w" }, "8": { defaultClass: "_1rsrm2f7x" }, "9": { defaultClass: "_1rsrm2f7y" }, "10": { defaultClass: "_1rsrm2f7z" }, "11": { defaultClass: "_1rsrm2f80" }, "12": { defaultClass: "_1rsrm2f81" }, "13": { defaultClass: "_1rsrm2f82" }, "14": { defaultClass: "_1rsrm2f83" }, "15": { defaultClass: "_1rsrm2f84" }, "16": { defaultClass: "_1rsrm2f85" }, "18": { defaultClass: "_1rsrm2f86" }, "20": { defaultClass: "_1rsrm2f87" }, "24": { defaultClass: "_1rsrm2f88" }, "28": { defaultClass: "_1rsrm2f89" }, "30": { defaultClass: "_1rsrm2f8a" }, "32": { defaultClass: "_1rsrm2f8b" }, "36": { defaultClass: "_1rsrm2f8c" }, "40": { defaultClass: "_1rsrm2f8d" }, "44": { defaultClass: "_1rsrm2f8e" }, "64": { defaultClass: "_1rsrm2f8f" }, auto: { defaultClass: "_1rsrm2f8g" }, "-18": { defaultClass: "_1rsrm2f8h" }, "-12": { defaultClass: "_1rsrm2f8i" }, "-1": { defaultClass: "_1rsrm2f8j" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2f8k" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2f8l" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2f8m" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2f8n" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2f8o" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f8p" }, "2": { defaultClass: "_1rsrm2f8q" }, "4": { defaultClass: "_1rsrm2f8r" }, "8": { defaultClass: "_1rsrm2f8s" }, "10": { defaultClass: "_1rsrm2f8t" }, "11": { defaultClass: "_1rsrm2f8u" }, "12": { defaultClass: "_1rsrm2f8v" }, "13": { defaultClass: "_1rsrm2f8w" }, "14": { defaultClass: "_1rsrm2f8x" }, "15": { defaultClass: "_1rsrm2f8y" }, "16": { defaultClass: "_1rsrm2f8z" }, "18": { defaultClass: "_1rsrm2f90" }, "20": { defaultClass: "_1rsrm2f91" }, "24": { defaultClass: "_1rsrm2f92" }, "28": { defaultClass: "_1rsrm2f93" }, "30": { defaultClass: "_1rsrm2f94" }, "32": { defaultClass: "_1rsrm2f95" }, "34": { defaultClass: "_1rsrm2f96" }, "36": { defaultClass: "_1rsrm2f97" }, "40": { defaultClass: "_1rsrm2f98" }, "44": { defaultClass: "_1rsrm2f99" }, "48": { defaultClass: "_1rsrm2f9a" }, "50": { defaultClass: "_1rsrm2f9b" }, "54": { defaultClass: "_1rsrm2f9c" }, "57": { defaultClass: "_1rsrm2f9d" }, "60": { defaultClass: "_1rsrm2f9e" }, "72": { defaultClass: "_1rsrm2f9f" }, "76": { defaultClass: "_1rsrm2f9g" }, "93": { defaultClass: "_1rsrm2f9h" }, "96": { defaultClass: "_1rsrm2f9i" }, "100": { defaultClass: "_1rsrm2f9j" }, "108": { defaultClass: "_1rsrm2f9k" }, "120": { defaultClass: "_1rsrm2f9l" }, "160": { defaultClass: "_1rsrm2f9m" }, "180": { defaultClass: "_1rsrm2f9n" }, "200": { defaultClass: "_1rsrm2f9o" }, "240": { defaultClass: "_1rsrm2f9p" }, half: { defaultClass: "_1rsrm2f9q" }, full: { defaultClass: "_1rsrm2f9r" }, max: { defaultClass: "_1rsrm2f9s" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2f9t" }, modalTopBarHeight: { defaultClass: "_1rsrm2f9u" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f9v" }, "2": { defaultClass: "_1rsrm2f9w" }, "4": { defaultClass: "_1rsrm2f9x" }, "8": { defaultClass: "_1rsrm2f9y" }, "10": { defaultClass: "_1rsrm2f9z" }, "11": { defaultClass: "_1rsrm2fa0" }, "12": { defaultClass: "_1rsrm2fa1" }, "13": { defaultClass: "_1rsrm2fa2" }, "14": { defaultClass: "_1rsrm2fa3" }, "15": { defaultClass: "_1rsrm2fa4" }, "16": { defaultClass: "_1rsrm2fa5" }, "18": { defaultClass: "_1rsrm2fa6" }, "20": { defaultClass: "_1rsrm2fa7" }, "24": { defaultClass: "_1rsrm2fa8" }, "28": { defaultClass: "_1rsrm2fa9" }, "30": { defaultClass: "_1rsrm2faa" }, "32": { defaultClass: "_1rsrm2fab" }, "34": { defaultClass: "_1rsrm2fac" }, "36": { defaultClass: "_1rsrm2fad" }, "40": { defaultClass: "_1rsrm2fae" }, "44": { defaultClass: "_1rsrm2faf" }, "48": { defaultClass: "_1rsrm2fag" }, "50": { defaultClass: "_1rsrm2fah" }, "54": { defaultClass: "_1rsrm2fai" }, "57": { defaultClass: "_1rsrm2faj" }, "60": { defaultClass: "_1rsrm2fak" }, "72": { defaultClass: "_1rsrm2fal" }, "76": { defaultClass: "_1rsrm2fam" }, "93": { defaultClass: "_1rsrm2fan" }, "96": { defaultClass: "_1rsrm2fao" }, "100": { defaultClass: "_1rsrm2fap" }, "108": { defaultClass: "_1rsrm2faq" }, "120": { defaultClass: "_1rsrm2far" }, "160": { defaultClass: "_1rsrm2fas" }, "180": { defaultClass: "_1rsrm2fat" }, "200": { defaultClass: "_1rsrm2fau" }, "240": { defaultClass: "_1rsrm2fav" }, half: { defaultClass: "_1rsrm2faw" }, full: { defaultClass: "_1rsrm2fax" }, max: { defaultClass: "_1rsrm2fay" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2faz" }, modalTopBarHeight: { defaultClass: "_1rsrm2fb0" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2fb1" }, "2": { defaultClass: "_1rsrm2fb2" }, "4": { defaultClass: "_1rsrm2fb3" }, "8": { defaultClass: "_1rsrm2fb4" }, "10": { defaultClass: "_1rsrm2fb5" }, "11": { defaultClass: "_1rsrm2fb6" }, "12": { defaultClass: "_1rsrm2fb7" }, "13": { defaultClass: "_1rsrm2fb8" }, "14": { defaultClass: "_1rsrm2fb9" }, "15": { defaultClass: "_1rsrm2fba" }, "16": { defaultClass: "_1rsrm2fbb" }, "18": { defaultClass: "_1rsrm2fbc" }, "20": { defaultClass: "_1rsrm2fbd" }, "24": { defaultClass: "_1rsrm2fbe" }, "28": { defaultClass: "_1rsrm2fbf" }, "30": { defaultClass: "_1rsrm2fbg" }, "32": { defaultClass: "_1rsrm2fbh" }, "34": { defaultClass: "_1rsrm2fbi" }, "36": { defaultClass: "_1rsrm2fbj" }, "40": { defaultClass: "_1rsrm2fbk" }, "44": { defaultClass: "_1rsrm2fbl" }, "48": { defaultClass: "_1rsrm2fbm" }, "50": { defaultClass: "_1rsrm2fbn" }, "54": { defaultClass: "_1rsrm2fbo" }, "57": { defaultClass: "_1rsrm2fbp" }, "60": { defaultClass: "_1rsrm2fbq" }, "72": { defaultClass: "_1rsrm2fbr" }, "76": { defaultClass: "_1rsrm2fbs" }, "93": { defaultClass: "_1rsrm2fbt" }, "96": { defaultClass: "_1rsrm2fbu" }, "100": { defaultClass: "_1rsrm2fbv" }, "108": { defaultClass: "_1rsrm2fbw" }, "120": { defaultClass: "_1rsrm2fbx" }, "160": { defaultClass: "_1rsrm2fby" }, "180": { defaultClass: "_1rsrm2fbz" }, "200": { defaultClass: "_1rsrm2fc0" }, "240": { defaultClass: "_1rsrm2fc1" }, half: { defaultClass: "_1rsrm2fc2" }, full: { defaultClass: "_1rsrm2fc3" }, max: { defaultClass: "_1rsrm2fc4" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fc5" }, modalTopBarHeight: { defaultClass: "_1rsrm2fc6" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fc7" }, "2": { defaultClass: "_1rsrm2fc8" }, "4": { defaultClass: "_1rsrm2fc9" }, "8": { defaultClass: "_1rsrm2fca" }, "10": { defaultClass: "_1rsrm2fcb" }, "11": { defaultClass: "_1rsrm2fcc" }, "12": { defaultClass: "_1rsrm2fcd" }, "13": { defaultClass: "_1rsrm2fce" }, "14": { defaultClass: "_1rsrm2fcf" }, "15": { defaultClass: "_1rsrm2fcg" }, "16": { defaultClass: "_1rsrm2fch" }, "18": { defaultClass: "_1rsrm2fci" }, "20": { defaultClass: "_1rsrm2fcj" }, "24": { defaultClass: "_1rsrm2fck" }, "28": { defaultClass: "_1rsrm2fcl" }, "30": { defaultClass: "_1rsrm2fcm" }, "32": { defaultClass: "_1rsrm2fcn" }, "34": { defaultClass: "_1rsrm2fco" }, "36": { defaultClass: "_1rsrm2fcp" }, "40": { defaultClass: "_1rsrm2fcq" }, "44": { defaultClass: "_1rsrm2fcr" }, "48": { defaultClass: "_1rsrm2fcs" }, "50": { defaultClass: "_1rsrm2fct" }, "54": { defaultClass: "_1rsrm2fcu" }, "57": { defaultClass: "_1rsrm2fcv" }, "60": { defaultClass: "_1rsrm2fcw" }, "72": { defaultClass: "_1rsrm2fcx" }, "76": { defaultClass: "_1rsrm2fcy" }, "93": { defaultClass: "_1rsrm2fcz" }, "96": { defaultClass: "_1rsrm2fd0" }, "100": { defaultClass: "_1rsrm2fd1" }, "108": { defaultClass: "_1rsrm2fd2" }, "120": { defaultClass: "_1rsrm2fd3" }, "160": { defaultClass: "_1rsrm2fd4" }, "180": { defaultClass: "_1rsrm2fd5" }, "200": { defaultClass: "_1rsrm2fd6" }, "240": { defaultClass: "_1rsrm2fd7" }, half: { defaultClass: "_1rsrm2fd8" }, full: { defaultClass: "_1rsrm2fd9" }, max: { defaultClass: "_1rsrm2fda" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fdb" }, modalTopBarHeight: { defaultClass: "_1rsrm2fdc" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fdd" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fde" }, "1": { defaultClass: "_1rsrm2fdf" }, "2": { defaultClass: "_1rsrm2fdg" }, "3": { defaultClass: "_1rsrm2fdh" }, "4": { defaultClass: "_1rsrm2fdi" }, "5": { defaultClass: "_1rsrm2fdj" }, "6": { defaultClass: "_1rsrm2fdk" }, "7": { defaultClass: "_1rsrm2fdl" }, "8": { defaultClass: "_1rsrm2fdm" }, "9": { defaultClass: "_1rsrm2fdn" }, "10": { defaultClass: "_1rsrm2fdo" }, "11": { defaultClass: "_1rsrm2fdp" }, "12": { defaultClass: "_1rsrm2fdq" }, "13": { defaultClass: "_1rsrm2fdr" }, "14": { defaultClass: "_1rsrm2fds" }, "15": { defaultClass: "_1rsrm2fdt" }, "16": { defaultClass: "_1rsrm2fdu" }, "18": { defaultClass: "_1rsrm2fdv" }, "20": { defaultClass: "_1rsrm2fdw" }, "24": { defaultClass: "_1rsrm2fdx" }, "28": { defaultClass: "_1rsrm2fdy" }, "30": { defaultClass: "_1rsrm2fdz" }, "32": { defaultClass: "_1rsrm2fe0" }, "36": { defaultClass: "_1rsrm2fe1" }, "40": { defaultClass: "_1rsrm2fe2" }, "44": { defaultClass: "_1rsrm2fe3" }, "64": { defaultClass: "_1rsrm2fe4" }, "-1": { defaultClass: "_1rsrm2fe5" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fe6" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fe7" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fe8" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fe9" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fea" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2feb" }, "1": { defaultClass: "_1rsrm2fec" }, "2": { defaultClass: "_1rsrm2fed" }, "3": { defaultClass: "_1rsrm2fee" }, "4": { defaultClass: "_1rsrm2fef" }, "5": { defaultClass: "_1rsrm2feg" }, "6": { defaultClass: "_1rsrm2feh" }, "7": { defaultClass: "_1rsrm2fei" }, "8": { defaultClass: "_1rsrm2fej" }, "9": { defaultClass: "_1rsrm2fek" }, "10": { defaultClass: "_1rsrm2fel" }, "11": { defaultClass: "_1rsrm2fem" }, "12": { defaultClass: "_1rsrm2fen" }, "13": { defaultClass: "_1rsrm2feo" }, "14": { defaultClass: "_1rsrm2fep" }, "15": { defaultClass: "_1rsrm2feq" }, "16": { defaultClass: "_1rsrm2fer" }, "18": { defaultClass: "_1rsrm2fes" }, "20": { defaultClass: "_1rsrm2fet" }, "24": { defaultClass: "_1rsrm2feu" }, "28": { defaultClass: "_1rsrm2fev" }, "30": { defaultClass: "_1rsrm2few" }, "32": { defaultClass: "_1rsrm2fex" }, "36": { defaultClass: "_1rsrm2fey" }, "40": { defaultClass: "_1rsrm2fez" }, "44": { defaultClass: "_1rsrm2ff0" }, "64": { defaultClass: "_1rsrm2ff1" }, "-1": { defaultClass: "_1rsrm2ff2" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2ff3" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2ff4" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2ff5" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2ff6" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2ff7" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2ff8" }, "1": { defaultClass: "_1rsrm2ff9" }, "2": { defaultClass: "_1rsrm2ffa" }, "3": { defaultClass: "_1rsrm2ffb" }, "4": { defaultClass: "_1rsrm2ffc" }, "5": { defaultClass: "_1rsrm2ffd" }, "6": { defaultClass: "_1rsrm2ffe" }, "7": { defaultClass: "_1rsrm2fff" }, "8": { defaultClass: "_1rsrm2ffg" }, "9": { defaultClass: "_1rsrm2ffh" }, "10": { defaultClass: "_1rsrm2ffi" }, "11": { defaultClass: "_1rsrm2ffj" }, "12": { defaultClass: "_1rsrm2ffk" }, "13": { defaultClass: "_1rsrm2ffl" }, "14": { defaultClass: "_1rsrm2ffm" }, "15": { defaultClass: "_1rsrm2ffn" }, "16": { defaultClass: "_1rsrm2ffo" }, "18": { defaultClass: "_1rsrm2ffp" }, "20": { defaultClass: "_1rsrm2ffq" }, "24": { defaultClass: "_1rsrm2ffr" }, "28": { defaultClass: "_1rsrm2ffs" }, "30": { defaultClass: "_1rsrm2fft" }, "32": { defaultClass: "_1rsrm2ffu" }, "36": { defaultClass: "_1rsrm2ffv" }, "40": { defaultClass: "_1rsrm2ffw" }, "44": { defaultClass: "_1rsrm2ffx" }, "64": { defaultClass: "_1rsrm2ffy" }, "-1": { defaultClass: "_1rsrm2ffz" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fg0" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fg1" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fg2" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fg3" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fg4" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fg5" }, "1": { defaultClass: "_1rsrm2fg6" }, "2": { defaultClass: "_1rsrm2fg7" }, "3": { defaultClass: "_1rsrm2fg8" }, "4": { defaultClass: "_1rsrm2fg9" }, "5": { defaultClass: "_1rsrm2fga" }, "6": { defaultClass: "_1rsrm2fgb" }, "7": { defaultClass: "_1rsrm2fgc" }, "8": { defaultClass: "_1rsrm2fgd" }, "9": { defaultClass: "_1rsrm2fge" }, "10": { defaultClass: "_1rsrm2fgf" }, "11": { defaultClass: "_1rsrm2fgg" }, "12": { defaultClass: "_1rsrm2fgh" }, "13": { defaultClass: "_1rsrm2fgi" }, "14": { defaultClass: "_1rsrm2fgj" }, "15": { defaultClass: "_1rsrm2fgk" }, "16": { defaultClass: "_1rsrm2fgl" }, "18": { defaultClass: "_1rsrm2fgm" }, "20": { defaultClass: "_1rsrm2fgn" }, "24": { defaultClass: "_1rsrm2fgo" }, "28": { defaultClass: "_1rsrm2fgp" }, "30": { defaultClass: "_1rsrm2fgq" }, "32": { defaultClass: "_1rsrm2fgr" }, "36": { defaultClass: "_1rsrm2fgs" }, "40": { defaultClass: "_1rsrm2fgt" }, "44": { defaultClass: "_1rsrm2fgu" }, "64": { defaultClass: "_1rsrm2fgv" }, "-1": { defaultClass: "_1rsrm2fgw" }, modalBaseHorizontalPadding: { defaultClass: "_1rsrm2fgx" }, modalBottomHorizontalPadding: { defaultClass: "_1rsrm2fgy" }, modalPaddingBottomUpper: { defaultClass: "_1rsrm2fgz" }, modalPaddingBottomLower: { defaultClass: "_1rsrm2fh0" }, modalTopBarVerticalTextSpacing: { defaultClass: "_1rsrm2fh1" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fh2" }, fixed: { defaultClass: "_1rsrm2fh3" }, relative: { defaultClass: "_1rsrm2fh4" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fh5" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fh6" }, transform: { defaultClass: "_1rsrm2fh7" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fh8" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fh9" }, "2": { defaultClass: "_1rsrm2fha" }, "4": { defaultClass: "_1rsrm2fhb" }, "8": { defaultClass: "_1rsrm2fhc" }, "10": { defaultClass: "_1rsrm2fhd" }, "11": { defaultClass: "_1rsrm2fhe" }, "12": { defaultClass: "_1rsrm2fhf" }, "13": { defaultClass: "_1rsrm2fhg" }, "14": { defaultClass: "_1rsrm2fhh" }, "15": { defaultClass: "_1rsrm2fhi" }, "16": { defaultClass: "_1rsrm2fhj" }, "18": { defaultClass: "_1rsrm2fhk" }, "20": { defaultClass: "_1rsrm2fhl" }, "24": { defaultClass: "_1rsrm2fhm" }, "28": { defaultClass: "_1rsrm2fhn" }, "30": { defaultClass: "_1rsrm2fho" }, "32": { defaultClass: "_1rsrm2fhp" }, "34": { defaultClass: "_1rsrm2fhq" }, "36": { defaultClass: "_1rsrm2fhr" }, "40": { defaultClass: "_1rsrm2fhs" }, "44": { defaultClass: "_1rsrm2fht" }, "48": { defaultClass: "_1rsrm2fhu" }, "50": { defaultClass: "_1rsrm2fhv" }, "54": { defaultClass: "_1rsrm2fhw" }, "57": { defaultClass: "_1rsrm2fhx" }, "60": { defaultClass: "_1rsrm2fhy" }, "72": { defaultClass: "_1rsrm2fhz" }, "76": { defaultClass: "_1rsrm2fi0" }, "93": { defaultClass: "_1rsrm2fi1" }, "96": { defaultClass: "_1rsrm2fi2" }, "100": { defaultClass: "_1rsrm2fi3" }, "108": { defaultClass: "_1rsrm2fi4" }, "120": { defaultClass: "_1rsrm2fi5" }, "160": { defaultClass: "_1rsrm2fi6" }, "180": { defaultClass: "_1rsrm2fi7" }, "200": { defaultClass: "_1rsrm2fi8" }, "240": { defaultClass: "_1rsrm2fi9" }, half: { defaultClass: "_1rsrm2fia" }, full: { defaultClass: "_1rsrm2fib" }, max: { defaultClass: "_1rsrm2fic" }, modalBottomBarButtonHeight: { defaultClass: "_1rsrm2fid" }, modalTopBarHeight: { defaultClass: "_1rsrm2fie" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fif" } } } } });
|
|
50
|
+
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)", modalTopbarIcon: "var(--rk-colors-modalTopbarIcon)", 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)", buttonTextHover: "var(--rk-colors-buttonTextHover)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonBackgroundDisabledTertiary: "var(--rk-colors-buttonBackgroundDisabledTertiary)", 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)", buttonBorderGradient: "var(--rk-colors-buttonBorderGradient)", buttonHoverBorderGradient: "var(--rk-colors-buttonHoverBorderGradient)", buttonDisabledBorderGradient: "var(--rk-colors-buttonDisabledBorderGradient)", 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)", optionBoxBackground: "var(--rk-colors-optionBoxBackground)", 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)", modalTopbarIcon: "var(--rk-radii-modalTopbarIcon)" }, borderWidths: { activeOptionBorderWidth: "var(--rk-borderWidths-activeOptionBorderWidth)" }, 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)", buttonShadow: "var(--rk-shadows-buttonShadow)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)", buttonHoverShadow: "var(--rk-shadows-buttonHoverShadow)", buttonFocusedShadowTertiary: "var(--rk-shadows-buttonFocusedShadowTertiary)", buttonHoverShadowTertiary: "var(--rk-shadows-buttonHoverShadowTertiary)", buttonDisabledShadow: "var(--rk-shadows-buttonDisabledShadow)", buttonInnerShadow: "var(--rk-shadows-buttonInnerShadow)", buttonFocusedInnerShadow: "var(--rk-shadows-buttonFocusedInnerShadow)", buttonHoverInnerShadow: "var(--rk-shadows-buttonHoverInnerShadow)", buttonDisabledInnerShadow: "var(--rk-shadows-buttonDisabledInnerShadow)", 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)" };
|
|
51
51
|
|
|
52
52
|
// src/css/atoms.ts
|
|
53
53
|
var atoms = ({ reset, ...rest }) => {
|
|
@@ -523,7 +523,7 @@ import PrivyJS, {
|
|
|
523
523
|
} from "@privy-io/js-sdk-core";
|
|
524
524
|
import React242, {
|
|
525
525
|
createContext as createContext17,
|
|
526
|
-
useCallback as
|
|
526
|
+
useCallback as useCallback55,
|
|
527
527
|
useContext as useContext17,
|
|
528
528
|
useEffect as useEffect59,
|
|
529
529
|
useMemo as useMemo49,
|
|
@@ -1103,7 +1103,7 @@ var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChai
|
|
|
1103
1103
|
// src/providers/ModalContext.tsx
|
|
1104
1104
|
import React241, {
|
|
1105
1105
|
createContext as createContext16,
|
|
1106
|
-
useCallback as
|
|
1106
|
+
useCallback as useCallback54,
|
|
1107
1107
|
useContext as useContext16,
|
|
1108
1108
|
useEffect as useEffect58,
|
|
1109
1109
|
useMemo as useMemo48,
|
|
@@ -1125,7 +1125,7 @@ var topbarFadeWrapper = "_1r8f577";
|
|
|
1125
1125
|
var topbarOverflowContent = "_1r8f576 _1rsrm2fes _1rsrm2ffp";
|
|
1126
1126
|
|
|
1127
1127
|
// src/modals/WithdrwalModal/WithdrawalModal.tsx
|
|
1128
|
-
import React219, { useCallback as
|
|
1128
|
+
import React219, { useCallback as useCallback50, useState as useState69 } from "react";
|
|
1129
1129
|
|
|
1130
1130
|
// src/components/FunCheckoutHistory/useCustomStatusAnimationAboveTopbar.tsx
|
|
1131
1131
|
import { clamp } from "@funkit/utils";
|
|
@@ -1237,11 +1237,13 @@ function abortCheckoutQuote() {
|
|
|
1237
1237
|
// src/utils/checkout.ts
|
|
1238
1238
|
import {
|
|
1239
1239
|
CheckoutState as CheckoutState2,
|
|
1240
|
+
ETHEREAL_API_KEY as ETHEREAL_API_KEY3,
|
|
1241
|
+
HYENA_API_KEY as HYENA_API_KEY3,
|
|
1240
1242
|
getAssetPriceInfo
|
|
1241
1243
|
} from "@funkit/api-base";
|
|
1242
1244
|
import {
|
|
1243
1245
|
FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS2,
|
|
1244
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
1246
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3,
|
|
1245
1247
|
solanaChain as solanaChain3
|
|
1246
1248
|
} from "@funkit/chains";
|
|
1247
1249
|
import {
|
|
@@ -1262,7 +1264,7 @@ import { erc20Abi, isAddress as isAddress2 } from "viem";
|
|
|
1262
1264
|
|
|
1263
1265
|
// src/domains/asset.ts
|
|
1264
1266
|
import {
|
|
1265
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO
|
|
1267
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO,
|
|
1266
1268
|
solanaChain
|
|
1267
1269
|
} from "@funkit/chains";
|
|
1268
1270
|
import { STABLECOIN_SYMBOLS } from "@funkit/core";
|
|
@@ -1452,7 +1454,6 @@ function reformatIntegerPart(integerPart, locale, preserveLeadingZeroes) {
|
|
|
1452
1454
|
}
|
|
1453
1455
|
|
|
1454
1456
|
// src/providers/GeneralWalletProvider.tsx
|
|
1455
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO } from "@funkit/chains";
|
|
1456
1457
|
import { formatAddress } from "@funkit/utils";
|
|
1457
1458
|
import React10, {
|
|
1458
1459
|
createContext as createContext5,
|
|
@@ -1484,7 +1485,7 @@ function setFunkitConnectVersion({ version }) {
|
|
|
1484
1485
|
localStorage.setItem(storageKey, version);
|
|
1485
1486
|
}
|
|
1486
1487
|
function getCurrentSdkVersion() {
|
|
1487
|
-
return "6.15.
|
|
1488
|
+
return "6.15.3";
|
|
1488
1489
|
}
|
|
1489
1490
|
function useFingerprint() {
|
|
1490
1491
|
const fingerprint = useCallback2(() => {
|
|
@@ -1705,8 +1706,6 @@ var GeneralWalletContext = createContext5({
|
|
|
1705
1706
|
isUserLoggedIn: false,
|
|
1706
1707
|
loginType: "guest" /* Guest */,
|
|
1707
1708
|
userInfo: PLACEHOLDER_FUNKIT_USER_INFO,
|
|
1708
|
-
funWallet: null,
|
|
1709
|
-
funWalletAuth: null,
|
|
1710
1709
|
handleLogout: () => void 0,
|
|
1711
1710
|
logoutSymbol: void 0
|
|
1712
1711
|
});
|
|
@@ -1715,10 +1714,9 @@ function GeneralWalletProvider({ children }) {
|
|
|
1715
1714
|
const { connectors, disconnectAsync } = useDisconnect();
|
|
1716
1715
|
const ensName = useMainnetEnsName(address);
|
|
1717
1716
|
const ensAvatar = useMainnetEnsAvatar(ensName);
|
|
1718
|
-
const { web2UserInfo, handleFunkitWeb2Logout } = useFunkitWeb2Login();
|
|
1719
1717
|
const { externalUserId, apiKey } = useFunkitConfig();
|
|
1720
1718
|
const { updateUserAsync } = useTrack();
|
|
1721
|
-
const loginType = !connector ? "guest" /* Guest */ :
|
|
1719
|
+
const loginType = !connector ? "guest" /* Guest */ : "web3" /* Web3 */;
|
|
1722
1720
|
const isUserLoggedIn = loginType !== "guest" /* Guest */ || !!externalUserId;
|
|
1723
1721
|
const userInfo = useMemo5(() => {
|
|
1724
1722
|
const id = externalUserId ? generateSyntheticUserId(apiKey, externalUserId) : address || "0x";
|
|
@@ -1728,13 +1726,6 @@ function GeneralWalletProvider({ children }) {
|
|
|
1728
1726
|
id
|
|
1729
1727
|
};
|
|
1730
1728
|
}
|
|
1731
|
-
if (loginType === "web2" /* Web2 */) {
|
|
1732
|
-
return {
|
|
1733
|
-
...web2UserInfo,
|
|
1734
|
-
id,
|
|
1735
|
-
address
|
|
1736
|
-
};
|
|
1737
|
-
}
|
|
1738
1729
|
if (loginType === "web3" /* Web3 */) {
|
|
1739
1730
|
return {
|
|
1740
1731
|
id,
|
|
@@ -1754,7 +1745,6 @@ function GeneralWalletProvider({ children }) {
|
|
|
1754
1745
|
ensAvatar,
|
|
1755
1746
|
ensName,
|
|
1756
1747
|
loginType,
|
|
1757
|
-
web2UserInfo,
|
|
1758
1748
|
apiKey,
|
|
1759
1749
|
externalUserId
|
|
1760
1750
|
]);
|
|
@@ -1772,60 +1762,19 @@ function GeneralWalletProvider({ children }) {
|
|
|
1772
1762
|
);
|
|
1773
1763
|
}
|
|
1774
1764
|
}, [userInfo, updateUserAsync, apiKey]);
|
|
1775
|
-
const [funWalletAuth, setFunWalletAuth] = useState4(null);
|
|
1776
|
-
const [funWallet, setFunWallet] = useState4(null);
|
|
1777
|
-
useEffect5(() => {
|
|
1778
|
-
async function setupFunWallet() {
|
|
1779
|
-
let newFunWalletAuth = null;
|
|
1780
|
-
let newFunWallet = null;
|
|
1781
|
-
if (loginType === "web2" /* Web2 */) {
|
|
1782
|
-
newFunWalletAuth = await connector?.getAuth?.();
|
|
1783
|
-
newFunWallet = await connector?.getFunWallet?.();
|
|
1784
|
-
} else if (loginType === "web3" /* Web3 */) {
|
|
1785
|
-
logger.log("setupFunWallet_isWeb3Login");
|
|
1786
|
-
const provider = await connector?.getProvider?.();
|
|
1787
|
-
if (!provider) {
|
|
1788
|
-
return;
|
|
1789
|
-
}
|
|
1790
|
-
}
|
|
1791
|
-
logger.log("setupFunWallet_result", {
|
|
1792
|
-
newFunWallet,
|
|
1793
|
-
newFunWalletAuth,
|
|
1794
|
-
loginType
|
|
1795
|
-
});
|
|
1796
|
-
setFunWallet(newFunWallet);
|
|
1797
|
-
setFunWalletAuth(newFunWalletAuth);
|
|
1798
|
-
}
|
|
1799
|
-
if (loginType === "guest" /* Guest */) {
|
|
1800
|
-
return;
|
|
1801
|
-
}
|
|
1802
|
-
setupFunWallet().catch(
|
|
1803
|
-
(reason) => logger.error("setupFunWallet:error", reason)
|
|
1804
|
-
);
|
|
1805
|
-
}, [connector, loginType]);
|
|
1806
1765
|
const [logoutSymbol, triggerLogoutSymbol] = useSymbolRefresh_default();
|
|
1807
1766
|
const handleLogout = useCallback4(async () => {
|
|
1808
1767
|
logger.log("handleLogout_called");
|
|
1809
1768
|
singletonAssetAbort.abort("Abort on logout");
|
|
1810
1769
|
singletonAssetAbort.setAbortController(new AbortController());
|
|
1811
1770
|
triggerLogoutSymbol();
|
|
1812
|
-
|
|
1813
|
-
|
|
1814
|
-
}
|
|
1815
|
-
|
|
1816
|
-
|
|
1817
|
-
|
|
1818
|
-
|
|
1819
|
-
connectors.map(async (c) => await disconnectAsync({ connector: c }))
|
|
1820
|
-
);
|
|
1821
|
-
}
|
|
1822
|
-
}, [
|
|
1823
|
-
triggerLogoutSymbol,
|
|
1824
|
-
loginType,
|
|
1825
|
-
handleFunkitWeb2Logout,
|
|
1826
|
-
connectors,
|
|
1827
|
-
disconnectAsync
|
|
1828
|
-
]);
|
|
1771
|
+
logger.log("web3_disconnecting_connectors", {
|
|
1772
|
+
numConnectors: connectors.length
|
|
1773
|
+
});
|
|
1774
|
+
await Promise.all(
|
|
1775
|
+
connectors.map(async (c) => await disconnectAsync({ connector: c }))
|
|
1776
|
+
);
|
|
1777
|
+
}, [triggerLogoutSymbol, connectors, disconnectAsync]);
|
|
1829
1778
|
const providerValue = {
|
|
1830
1779
|
// General info
|
|
1831
1780
|
//@ts-expect-error utilize userInfo.address? does use the mock 0x address instead
|
|
@@ -1833,9 +1782,6 @@ function GeneralWalletProvider({ children }) {
|
|
|
1833
1782
|
isUserLoggedIn,
|
|
1834
1783
|
loginType,
|
|
1835
1784
|
userInfo,
|
|
1836
|
-
// Funwallet info
|
|
1837
|
-
funWallet,
|
|
1838
|
-
funWalletAuth,
|
|
1839
1785
|
// Logout handling
|
|
1840
1786
|
handleLogout,
|
|
1841
1787
|
logoutSymbol
|
|
@@ -1879,7 +1825,6 @@ var useFunkitReconnect = () => {
|
|
|
1879
1825
|
var useFunkitSwitchChains = ({
|
|
1880
1826
|
onSettled
|
|
1881
1827
|
}) => {
|
|
1882
|
-
const { loginType } = useContext5(GeneralWalletContext);
|
|
1883
1828
|
const [pendingChainId, setPendingChainId] = useState4(null);
|
|
1884
1829
|
const { switchChain, switchChainAsync } = useSwitchChain({
|
|
1885
1830
|
mutation: {
|
|
@@ -1901,37 +1846,9 @@ var useFunkitSwitchChains = ({
|
|
|
1901
1846
|
}
|
|
1902
1847
|
}
|
|
1903
1848
|
});
|
|
1904
|
-
const canSwitchChain = useCallback4(
|
|
1905
|
-
(params) => {
|
|
1906
|
-
if (loginType === "web2" /* Web2 */ && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[params.chainId]?.isFunWalletSupported) {
|
|
1907
|
-
logger.warn(
|
|
1908
|
-
`Unsupported chainId ${params.chainId} for funkit social logins`
|
|
1909
|
-
);
|
|
1910
|
-
return false;
|
|
1911
|
-
}
|
|
1912
|
-
return true;
|
|
1913
|
-
},
|
|
1914
|
-
[loginType]
|
|
1915
|
-
);
|
|
1916
|
-
const switchChainWithGuard = useCallback4(
|
|
1917
|
-
(params) => {
|
|
1918
|
-
if (canSwitchChain(params)) {
|
|
1919
|
-
switchChain(params);
|
|
1920
|
-
}
|
|
1921
|
-
},
|
|
1922
|
-
[canSwitchChain, switchChain]
|
|
1923
|
-
);
|
|
1924
|
-
const switchChainAsyncWithGuard = useCallback4(
|
|
1925
|
-
async (params) => {
|
|
1926
|
-
if (canSwitchChain(params)) {
|
|
1927
|
-
await switchChainAsync(params);
|
|
1928
|
-
}
|
|
1929
|
-
},
|
|
1930
|
-
[canSwitchChain, switchChainAsync]
|
|
1931
|
-
);
|
|
1932
1849
|
return {
|
|
1933
|
-
switchChain
|
|
1934
|
-
switchChainAsync
|
|
1850
|
+
switchChain,
|
|
1851
|
+
switchChainAsync,
|
|
1935
1852
|
pendingChainId
|
|
1936
1853
|
};
|
|
1937
1854
|
};
|
|
@@ -2297,8 +2214,8 @@ var isAssetUsableToPayForCheckout = ({
|
|
|
2297
2214
|
if (usableAmountEstimation !== null && usableAmountEstimation < minValueThreshold) {
|
|
2298
2215
|
return { isUsable: false, reason: LOW_BALANCE };
|
|
2299
2216
|
}
|
|
2300
|
-
const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ ||
|
|
2301
|
-
const isSupported = isAllowedForCheckout && isConnectedAccountSupported &&
|
|
2217
|
+
const isConnectedAccountSupported = loginType !== "web2" /* Web2 */ || FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId]?.isFunWalletSupported;
|
|
2218
|
+
const isSupported = isAllowedForCheckout && isConnectedAccountSupported && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO[assetChainId]?.isCheckoutSupported;
|
|
2302
2219
|
return {
|
|
2303
2220
|
isUsable: !!isSupported,
|
|
2304
2221
|
reason: !isSupported ? "Unsupported" : ""
|
|
@@ -2346,7 +2263,7 @@ import {
|
|
|
2346
2263
|
deactivateCheckout as postApiDeactivateCheckout,
|
|
2347
2264
|
initializeCheckout as postApiInitializeCheckout
|
|
2348
2265
|
} from "@funkit/api-base";
|
|
2349
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
2266
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2 } from "@funkit/chains";
|
|
2350
2267
|
import { FlagKey as FlagKey6, isNotNullish as isNotNullish2 } from "@funkit/utils";
|
|
2351
2268
|
import React17, {
|
|
2352
2269
|
createContext as createContext7,
|
|
@@ -2459,6 +2376,7 @@ import {
|
|
|
2459
2376
|
BULLPEN_API_KEY,
|
|
2460
2377
|
CAMBRIA_API_KEY,
|
|
2461
2378
|
ETHEREAL_API_KEY,
|
|
2379
|
+
FELIX_API_KEY,
|
|
2462
2380
|
HYENA_API_KEY,
|
|
2463
2381
|
HYPERBEAT_API_KEY,
|
|
2464
2382
|
HYPERDASH_API_KEY,
|
|
@@ -2679,6 +2597,7 @@ var flagConfig = {
|
|
|
2679
2597
|
BASED_API_KEY,
|
|
2680
2598
|
KATANA_API_KEY,
|
|
2681
2599
|
CAMBRIA_API_KEY,
|
|
2600
|
+
HYENA_API_KEY,
|
|
2682
2601
|
HYPERBEAT_API_KEY,
|
|
2683
2602
|
HYPERSWAP_API_KEY,
|
|
2684
2603
|
HYPERDASH_API_KEY,
|
|
@@ -2690,7 +2609,8 @@ var flagConfig = {
|
|
|
2690
2609
|
BULLPEN_API_KEY,
|
|
2691
2610
|
LIGHTERXYZ_API_KEY,
|
|
2692
2611
|
PERPL_API_KEY,
|
|
2693
|
-
HYPEREDGE_API_KEY
|
|
2612
|
+
HYPEREDGE_API_KEY,
|
|
2613
|
+
FELIX_API_KEY
|
|
2694
2614
|
]
|
|
2695
2615
|
}
|
|
2696
2616
|
],
|
|
@@ -2997,17 +2917,21 @@ var flagConfig = {
|
|
|
2997
2917
|
},
|
|
2998
2918
|
disableFlagForCountries(US_COUNTRY_CODES),
|
|
2999
2919
|
{
|
|
3000
|
-
// 10% rollout for Polymarket users
|
|
3001
2920
|
if_all: [
|
|
3002
2921
|
{
|
|
3003
|
-
pct:
|
|
2922
|
+
pct: 30,
|
|
3004
2923
|
type: "pctRollout",
|
|
3005
2924
|
key: "userId"
|
|
3006
2925
|
},
|
|
3007
2926
|
{
|
|
3008
2927
|
key: "apiKey",
|
|
3009
2928
|
type: "isAnyOf",
|
|
3010
|
-
values: [
|
|
2929
|
+
values: [
|
|
2930
|
+
POLYMARKET_API_KEY,
|
|
2931
|
+
HYPERDASH_API_KEY,
|
|
2932
|
+
HYENA_API_KEY,
|
|
2933
|
+
ETHEREAL_API_KEY
|
|
2934
|
+
]
|
|
3011
2935
|
}
|
|
3012
2936
|
],
|
|
3013
2937
|
// this is going to be used as fallback for legacy SDK versions
|
|
@@ -3379,6 +3303,9 @@ function isKatanaCustomer(apiKey) {
|
|
|
3379
3303
|
function isBasedCustomer(apiKey) {
|
|
3380
3304
|
return apiKey === BASED_API_KEY2;
|
|
3381
3305
|
}
|
|
3306
|
+
function isHyenaCustomer(apiKey) {
|
|
3307
|
+
return apiKey === HYENA_API_KEY2;
|
|
3308
|
+
}
|
|
3382
3309
|
|
|
3383
3310
|
// src/providers/FunkitMoonpayProvider.tsx
|
|
3384
3311
|
var MOONPAY_LIVE_API_KEY = "pk_live_IxayBRQuBC3RzpPZkbGPrwUsRWAaeO";
|
|
@@ -3946,9 +3873,10 @@ var useCheckoutTransferInit = () => {
|
|
|
3946
3873
|
apiKey,
|
|
3947
3874
|
actionType: checkoutConfig?.qrcodeActionType
|
|
3948
3875
|
};
|
|
3876
|
+
const postActionOverride = isHyenaCustomer(apiKey);
|
|
3949
3877
|
const isQRCodeEnabledWithPostAction = !!checkoutConfig && // either no post action required
|
|
3950
3878
|
(!isCheckoutPostActionRequired(checkoutConfig) || // or action type is set
|
|
3951
|
-
!!checkoutConfig?.qrcodeActionType);
|
|
3879
|
+
!!checkoutConfig?.qrcodeActionType || postActionOverride);
|
|
3952
3880
|
const { data, isFetching } = useQuery3({
|
|
3953
3881
|
queryKey: ["initializeCheckoutTokenTransferAddress", queryKey],
|
|
3954
3882
|
queryFn: () => queryKey ? checkoutTransferFetch(queryKey) : void 0,
|
|
@@ -4400,7 +4328,7 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
4400
4328
|
]
|
|
4401
4329
|
);
|
|
4402
4330
|
const confirmCheckout = useEffectEvent(
|
|
4403
|
-
async (
|
|
4331
|
+
async (latestQuote, stepMessageSetter, withdrawalClient) => {
|
|
4404
4332
|
if (!funkitConfig?.apiKey) {
|
|
4405
4333
|
const missingApiKeyError = new Error(
|
|
4406
4334
|
"Funkit Internal Error: Unable to detect funkit api key"
|
|
@@ -4416,7 +4344,6 @@ function FunkitCheckoutProvider({ children }) {
|
|
|
4416
4344
|
checkoutItem.initSettings.config
|
|
4417
4345
|
);
|
|
4418
4346
|
logger.log("beforeSignatureChecks", {
|
|
4419
|
-
shouldbatchOpBypassInit,
|
|
4420
4347
|
isCheckoutPostActionRequired: hasPostAction
|
|
4421
4348
|
});
|
|
4422
4349
|
const actionsParams = hasPostAction ? await evaluateCheckoutGenerateActionsParams(
|
|
@@ -4632,7 +4559,7 @@ function useFunkitCheckout(props) {
|
|
|
4632
4559
|
}
|
|
4633
4560
|
if (isUserLoggedIn || !!finalConfig.customRecipient) {
|
|
4634
4561
|
setPendingCheckoutConfig(void 0);
|
|
4635
|
-
if (isUserLoggedIn && !
|
|
4562
|
+
if (isUserLoggedIn && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2?.[finalConfig.targetChain]?.isMainnet) {
|
|
4636
4563
|
onErrorWrapper?.({
|
|
4637
4564
|
type: "error",
|
|
4638
4565
|
message: "Unable to begin a new checkout: Insufficient funds on testnet account",
|
|
@@ -4797,7 +4724,7 @@ async function validateCheckoutConfig(config) {
|
|
|
4797
4724
|
message: "Invalid targetAssetTicker configuration: Missing value"
|
|
4798
4725
|
};
|
|
4799
4726
|
}
|
|
4800
|
-
if (!
|
|
4727
|
+
if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[config.targetChain]) {
|
|
4801
4728
|
return {
|
|
4802
4729
|
isValid: false,
|
|
4803
4730
|
message: `Invalid targetChain configuration: Unsupported chain id ${config.targetChain} for checkout.`
|
|
@@ -4879,30 +4806,6 @@ var hasGasToken = async (wagmiConfig, walletAddress, chainId) => {
|
|
|
4879
4806
|
return false;
|
|
4880
4807
|
}
|
|
4881
4808
|
};
|
|
4882
|
-
function getFunkitEnvForCheckoutEstimation({
|
|
4883
|
-
chainId,
|
|
4884
|
-
bypassWalletInit
|
|
4885
|
-
}) {
|
|
4886
|
-
if (!CHECKOUT_SPONSOR_SUPPORT_CHAINS.includes(chainId)) {
|
|
4887
|
-
throw new Error("Unsupported chain for checkout token sponsorship");
|
|
4888
|
-
}
|
|
4889
|
-
const checkoutPaymasterAddresses = CONTRACT_ADDRESSES.checkoutPaymasterAddress;
|
|
4890
|
-
const sponsorAddress = checkoutPaymasterAddresses[chainId];
|
|
4891
|
-
const originalEnvOptions = getEnvOptions();
|
|
4892
|
-
const newConfig = {
|
|
4893
|
-
...originalEnvOptions,
|
|
4894
|
-
chain: chainId,
|
|
4895
|
-
gasSponsor: {
|
|
4896
|
-
...originalEnvOptions?.gasSponsor,
|
|
4897
|
-
// Important: Use the checkout paymaster instead of gasless / token paymaster
|
|
4898
|
-
useCheckoutSponsor: true,
|
|
4899
|
-
sponsorAddress
|
|
4900
|
-
},
|
|
4901
|
-
// Important: To prevent errors when the FW gets initialized by another userOp. E.g. Account Balance payment method flow during checkout.
|
|
4902
|
-
bypassInit: bypassWalletInit
|
|
4903
|
-
};
|
|
4904
|
-
return newConfig;
|
|
4905
|
-
}
|
|
4906
4809
|
function getCheckoutReceivedAmount({
|
|
4907
4810
|
config,
|
|
4908
4811
|
quote
|
|
@@ -4971,7 +4874,7 @@ function getMaxTargetAssetAmountEstimate(sourceAssetBalance, config, quoteResult
|
|
|
4971
4874
|
async function getTokenDecimals(wagmiConfig, chainId, tokenAddress) {
|
|
4972
4875
|
try {
|
|
4973
4876
|
if (isNativeTokenAddress(tokenAddress)) {
|
|
4974
|
-
return
|
|
4877
|
+
return FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[chainId]?.nativeCurrency?.decimals || 18;
|
|
4975
4878
|
}
|
|
4976
4879
|
if (chainId === solanaChain3.id.toString()) {
|
|
4977
4880
|
return solanaChain3.nativeCurrency.decimals;
|
|
@@ -5026,7 +4929,7 @@ var isCheckoutValid = (checkout) => {
|
|
|
5026
4929
|
if (checkout.state === CheckoutState2.CANCELLED) {
|
|
5027
4930
|
return false;
|
|
5028
4931
|
}
|
|
5029
|
-
const isSupported = !!
|
|
4932
|
+
const isSupported = !!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[checkout.fromChainId] && !!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[checkout.toChainId];
|
|
5030
4933
|
return isSupported;
|
|
5031
4934
|
};
|
|
5032
4935
|
var isCheckoutHistoryDirectExecution = (checkoutId) => {
|
|
@@ -5084,6 +4987,27 @@ function computeDisplayDestinationToken(checkoutConfig, displayAssetAmount) {
|
|
|
5084
4987
|
stakingTokenIcon
|
|
5085
4988
|
};
|
|
5086
4989
|
}
|
|
4990
|
+
var LZOFT_CUSTOMERS = [ETHEREAL_API_KEY3, HYENA_API_KEY3];
|
|
4991
|
+
function isLayerZeroOftCheckout(apiKey, checkoutItem) {
|
|
4992
|
+
if (!LZOFT_CUSTOMERS.includes(apiKey)) {
|
|
4993
|
+
return false;
|
|
4994
|
+
}
|
|
4995
|
+
if (!checkoutItem) {
|
|
4996
|
+
return false;
|
|
4997
|
+
}
|
|
4998
|
+
const checkoutConfig = checkoutItem.initSettings.config;
|
|
4999
|
+
const sourceChainId = checkoutItem.selectedSourceAssetInfo.chainId;
|
|
5000
|
+
const sourceTokenAddress = checkoutItem.selectedSourceAssetInfo.address || "";
|
|
5001
|
+
const isNonDefaultDynamicTargetAsset = !!checkoutConfig.dynamicTargetAssetCandidates?.find(
|
|
5002
|
+
(cand) => !cand.isDefault && isTokenEquivalent2({
|
|
5003
|
+
firstTokenChainId: cand.tokenChainId,
|
|
5004
|
+
firstTokenAddress: cand.tokenAddress,
|
|
5005
|
+
secondTokenChainId: sourceChainId,
|
|
5006
|
+
secondTokenAddress: sourceTokenAddress
|
|
5007
|
+
})
|
|
5008
|
+
);
|
|
5009
|
+
return isNonDefaultDynamicTargetAsset;
|
|
5010
|
+
}
|
|
5087
5011
|
|
|
5088
5012
|
// src/utils/purifyCheckoutHistoryItem.ts
|
|
5089
5013
|
import {
|
|
@@ -5748,7 +5672,7 @@ var Text = React20.forwardRef(
|
|
|
5748
5672
|
Text.displayName = "Text";
|
|
5749
5673
|
|
|
5750
5674
|
// src/components/FunButton/FunButton.css.ts
|
|
5751
|
-
var accentLinkStyle = "_1tyx5nu3
|
|
5675
|
+
var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1s4";
|
|
5752
5676
|
var funButtonClickableStyle = "_1tyx5nu6";
|
|
5753
5677
|
var funButtonDisabledStyle = "_1tyx5nu8";
|
|
5754
5678
|
var funButtonNonClickableStyle = "_1tyx5nu7";
|
|
@@ -5757,7 +5681,7 @@ var gradientBorder = "_1tyx5nub";
|
|
|
5757
5681
|
var pressedStyles = "_1tyx5nu1";
|
|
5758
5682
|
var textHoverTarget = "_1tyx5nua";
|
|
5759
5683
|
var transitionStyles = "_1tyx5nu0";
|
|
5760
|
-
var underlineLinkStyle = "_1tyx5nu5
|
|
5684
|
+
var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1qg";
|
|
5761
5685
|
|
|
5762
5686
|
// src/components/FunButton/FunLinkButton.tsx
|
|
5763
5687
|
function FunLinkButton({
|
|
@@ -5873,7 +5797,7 @@ import React24, {
|
|
|
5873
5797
|
} from "react";
|
|
5874
5798
|
|
|
5875
5799
|
// src/components/Icons/StatusIcons.css.ts
|
|
5876
|
-
var slots = { container: "_1rsrm2f4 _1rsrm2f19 _1rsrm2fa _1rsrm2f4i _1rsrm2fh4", icon: { secondary: "q7yway3 _1rsrm2f19
|
|
5800
|
+
var slots = { container: "_1rsrm2f4 _1rsrm2f19 _1rsrm2fa _1rsrm2f4i _1rsrm2fh4", icon: { secondary: "q7yway3 _1rsrm2f19 _1rsrm2f1qm _1rsrm2fh4", success: "q7yway5 _1rsrm2f19 _1rsrm2f1oa _1rsrm2fh4" }, background: { secondary: "q7yway7 _1rsrm2fnm _1rsrm2f19 _1rsrm2f4c _1rsrm2fh2 _1rsrm2fib", success: "q7yway9 _1rsrm2fla _1rsrm2f19 _1rsrm2f4c _1rsrm2fh2 _1rsrm2fib" }, innerShadow: "q7ywayb _1rsrm2f19 _1rsrm2fh2" };
|
|
5877
5801
|
|
|
5878
5802
|
// src/components/Icons/StatusIcons.tsx
|
|
5879
5803
|
function CompletedStatusIcon(props) {
|
|
@@ -6083,12 +6007,12 @@ var DEFAULT_TEXT_CONFIG_STEPS = {
|
|
|
6083
6007
|
title: "Submitting transaction...",
|
|
6084
6008
|
description: "Filling your transaction on the blockchain."
|
|
6085
6009
|
},
|
|
6086
|
-
2: ({ durationUnits, isWithdrawal }) => isWithdrawal ? {
|
|
6010
|
+
2: ({ durationUnits, isWithdrawal, finalizeVerb }) => isWithdrawal ? {
|
|
6087
6011
|
title: "Withdrawing from your account...",
|
|
6088
6012
|
description: `Your funds will arrive in a few ${durationUnits}.`
|
|
6089
6013
|
} : {
|
|
6090
6014
|
title: "Depositing into your account...",
|
|
6091
|
-
description: `It will take a few ${durationUnits} to
|
|
6015
|
+
description: `It will take a few ${durationUnits} to ${finalizeVerb}.`
|
|
6092
6016
|
}
|
|
6093
6017
|
};
|
|
6094
6018
|
var STEP_SPINNER_SIZE = 30;
|
|
@@ -6542,7 +6466,8 @@ function TransactionStatus({
|
|
|
6542
6466
|
const { description, title } = useMemo11(() => {
|
|
6543
6467
|
return typeof textConfig === "function" ? textConfig({
|
|
6544
6468
|
durationUnits: isLayerZero ? "minutes" : "seconds",
|
|
6545
|
-
isWithdrawal
|
|
6469
|
+
isWithdrawal,
|
|
6470
|
+
finalizeVerb: isLayerZero ? "credit" : "finalize"
|
|
6546
6471
|
}) : textConfig;
|
|
6547
6472
|
}, [isLayerZero, isWithdrawal, textConfig]);
|
|
6548
6473
|
const [descriptionKey, setDescriptionKey] = useState8(0);
|
|
@@ -6737,6 +6662,30 @@ function extractStartTimeMs(historyCheckoutItemId, activeCheckoutItem, { created
|
|
|
6737
6662
|
|
|
6738
6663
|
// src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
|
|
6739
6664
|
import React27, { useEffect as useEffect12, useState as useState10 } from "react";
|
|
6665
|
+
|
|
6666
|
+
// src/hooks/useCheckoutTimeEstimate.ts
|
|
6667
|
+
import { FlagKey as FlagKey7, formatSecondsToReadableForm } from "@funkit/utils";
|
|
6668
|
+
var LAYERZEO_OFT_TIME_ESTIMATE_SECONDS = 180;
|
|
6669
|
+
function useCheckoutTimeEstimate(apiKey, checkoutItem, originalTimeEstimationMs, paymentMethod, bypassFlag) {
|
|
6670
|
+
const timeEstimatesJsonString = useFlag(FlagKey7.CheckoutTimeEstimateOverrides);
|
|
6671
|
+
const timeEstimates = safeJSONParse(
|
|
6672
|
+
timeEstimatesJsonString
|
|
6673
|
+
);
|
|
6674
|
+
if (isLayerZeroOftCheckout(apiKey, checkoutItem)) {
|
|
6675
|
+
return {
|
|
6676
|
+
estimatedTime: LAYERZEO_OFT_TIME_ESTIMATE_SECONDS,
|
|
6677
|
+
estimatedTimeText: "2 - 5 mins"
|
|
6678
|
+
};
|
|
6679
|
+
}
|
|
6680
|
+
const hasFlagEstimate = !!timeEstimates?.[paymentMethod];
|
|
6681
|
+
const estimatedTime = hasFlagEstimate && !bypassFlag ? timeEstimates[paymentMethod] : Math.ceil((originalTimeEstimationMs || 0) / 1e3);
|
|
6682
|
+
return {
|
|
6683
|
+
estimatedTime,
|
|
6684
|
+
estimatedTimeText: estimatedTime === 0 ? "-" : formatSecondsToReadableForm(estimatedTime, true)
|
|
6685
|
+
};
|
|
6686
|
+
}
|
|
6687
|
+
|
|
6688
|
+
// src/components/FunCheckoutHistory/FunDirectExecutionStatus.tsx
|
|
6740
6689
|
function FunDirectExecutionStatus({
|
|
6741
6690
|
directExecution,
|
|
6742
6691
|
isActiveCheckout,
|
|
@@ -6784,7 +6733,7 @@ function FunDirectExecutionStatusLoaded({
|
|
|
6784
6733
|
return () => clearInterval(interval);
|
|
6785
6734
|
}, []);
|
|
6786
6735
|
const elapsedSeconds = (currentTimeMs - startTimeMs) / 1e3;
|
|
6787
|
-
const delayedDepositCutoff = dangerousCustomDelayedAutoTriggerCutoff ?? 60;
|
|
6736
|
+
const delayedDepositCutoff = dangerousCustomDelayedAutoTriggerCutoff ?? (isLayerZero ? LAYERZEO_OFT_TIME_ESTIMATE_SECONDS : 60);
|
|
6788
6737
|
if (isRefunded) {
|
|
6789
6738
|
return null;
|
|
6790
6739
|
}
|
|
@@ -7312,7 +7261,7 @@ var ErrorFallback = () => /* @__PURE__ */ React35.createElement(
|
|
|
7312
7261
|
);
|
|
7313
7262
|
|
|
7314
7263
|
// src/components/FunBottomBar/FunBottomBar.tsx
|
|
7315
|
-
import { FlagKey as
|
|
7264
|
+
import { FlagKey as FlagKey8, isMobile as isMobile2 } from "@funkit/utils";
|
|
7316
7265
|
import React39 from "react";
|
|
7317
7266
|
|
|
7318
7267
|
// src/components/FunButton/FunButton.tsx
|
|
@@ -7329,6 +7278,11 @@ var getStyleProps = (type, isDisabled) => {
|
|
|
7329
7278
|
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadowTertiary",
|
|
7330
7279
|
hover: isDisabled ? void 0 : "buttonHoverShadowTertiary"
|
|
7331
7280
|
},
|
|
7281
|
+
innerBoxShadow: {
|
|
7282
|
+
base: isDisabled ? "buttonDisabledInnerShadow" : "buttonInnerShadow",
|
|
7283
|
+
focusedVisible: isDisabled ? void 0 : "buttonFocusedInnerShadow",
|
|
7284
|
+
hover: isDisabled ? void 0 : "buttonHoverInnerShadow"
|
|
7285
|
+
},
|
|
7332
7286
|
color: {
|
|
7333
7287
|
base: isDisabled ? "buttonTextDisabledTertiary" : "buttonTextTertiary"
|
|
7334
7288
|
}
|
|
@@ -7342,6 +7296,11 @@ var getStyleProps = (type, isDisabled) => {
|
|
|
7342
7296
|
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
|
|
7343
7297
|
hover: isDisabled ? void 0 : "buttonHoverShadow"
|
|
7344
7298
|
},
|
|
7299
|
+
innerBoxShadow: {
|
|
7300
|
+
base: isDisabled ? "buttonDisabledInnerShadow" : "buttonInnerShadow",
|
|
7301
|
+
focusedVisible: isDisabled ? void 0 : "buttonFocusedInnerShadow",
|
|
7302
|
+
hover: isDisabled ? void 0 : "buttonHoverInnerShadow"
|
|
7303
|
+
},
|
|
7345
7304
|
color: {
|
|
7346
7305
|
base: isDisabled ? "buttonTextSecondaryDisabled" : "buttonTextSecondary"
|
|
7347
7306
|
}
|
|
@@ -7373,6 +7332,11 @@ var getStyleProps = (type, isDisabled) => {
|
|
|
7373
7332
|
focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow",
|
|
7374
7333
|
hover: isDisabled ? void 0 : "buttonHoverShadow"
|
|
7375
7334
|
},
|
|
7335
|
+
innerBoxShadow: {
|
|
7336
|
+
base: isDisabled ? "buttonDisabledInnerShadow" : "buttonInnerShadow",
|
|
7337
|
+
focusedVisible: isDisabled ? void 0 : "buttonFocusedInnerShadow",
|
|
7338
|
+
hover: isDisabled ? void 0 : "buttonHoverInnerShadow"
|
|
7339
|
+
},
|
|
7376
7340
|
paddingX: "24",
|
|
7377
7341
|
paddingY: "10"
|
|
7378
7342
|
};
|
|
@@ -7394,10 +7358,7 @@ function FunButton({
|
|
|
7394
7358
|
uppercase = false,
|
|
7395
7359
|
testId
|
|
7396
7360
|
}) {
|
|
7397
|
-
const { background, color, boxShadow, paddingX, paddingY } = getStyleProps(
|
|
7398
|
-
type,
|
|
7399
|
-
isDisabled
|
|
7400
|
-
);
|
|
7361
|
+
const { background, color, boxShadow, paddingX, paddingY, innerBoxShadow } = getStyleProps(type, isDisabled);
|
|
7401
7362
|
const isPrimary = type === "primary";
|
|
7402
7363
|
const isSecondary = type === "secondary";
|
|
7403
7364
|
const buttonTextSize = textSize ?? (isSecondary ? "10" : "12");
|
|
@@ -7443,7 +7404,8 @@ function FunButton({
|
|
|
7443
7404
|
paddingX,
|
|
7444
7405
|
paddingY,
|
|
7445
7406
|
borderRadius: borderRadius ?? "actionButton",
|
|
7446
|
-
background
|
|
7407
|
+
background,
|
|
7408
|
+
boxShadow: innerBoxShadow
|
|
7447
7409
|
},
|
|
7448
7410
|
isLoading && /* @__PURE__ */ React36.createElement(
|
|
7449
7411
|
Box,
|
|
@@ -7620,7 +7582,7 @@ var FunBottomBar = ({
|
|
|
7620
7582
|
onClose
|
|
7621
7583
|
}) => {
|
|
7622
7584
|
const { uiCustomizations } = useFunkitConfig();
|
|
7623
|
-
const showTagline = useFlag(
|
|
7585
|
+
const showTagline = useFlag(FlagKey8.ShowPoweredTagline);
|
|
7624
7586
|
const defaultBottomSection = showTagline ? /* @__PURE__ */ React39.createElement(FunPoweredTagline, null) : void 0;
|
|
7625
7587
|
const bottomSectionComponent = bottomSection ?? defaultBottomSection;
|
|
7626
7588
|
const hasMultipleButtons = !!onClose;
|
|
@@ -8282,9 +8244,9 @@ Dialog.BottomBar = FunBottomBar;
|
|
|
8282
8244
|
|
|
8283
8245
|
// src/modals/WithdrwalModal/WithdrawalContent.tsx
|
|
8284
8246
|
import { RelayQuoteError } from "@funkit/api-base";
|
|
8285
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
8247
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8 } from "@funkit/chains";
|
|
8286
8248
|
import {
|
|
8287
|
-
FlagKey as
|
|
8249
|
+
FlagKey as FlagKey14,
|
|
8288
8250
|
formatCryptoAndStringify as formatCryptoAndStringify3,
|
|
8289
8251
|
formatCurrencyAndStringify as formatCurrencyAndStringify3
|
|
8290
8252
|
} from "@funkit/utils";
|
|
@@ -8464,7 +8426,7 @@ var getRemoteImageStyles = (isRemoteImage, isRemoteImageLoaded, src) => {
|
|
|
8464
8426
|
import React62 from "react";
|
|
8465
8427
|
|
|
8466
8428
|
// src/components/Dropdown/ChainDropdown.tsx
|
|
8467
|
-
import { FlagKey as
|
|
8429
|
+
import { FlagKey as FlagKey9 } from "@funkit/utils";
|
|
8468
8430
|
import React59 from "react";
|
|
8469
8431
|
|
|
8470
8432
|
// src/components/FunTooltip/FunTooltip.tsx
|
|
@@ -8701,10 +8663,14 @@ var SearchIcon = () => {
|
|
|
8701
8663
|
|
|
8702
8664
|
// src/components/FunInput/FunInput.css.ts
|
|
8703
8665
|
var baseWrapperStyles = "zue0i60";
|
|
8704
|
-
var
|
|
8705
|
-
var
|
|
8706
|
-
var
|
|
8707
|
-
var
|
|
8666
|
+
var baseWrapperStylesNoTransition = "zue0i61";
|
|
8667
|
+
var inputClass = "zue0i64 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
|
|
8668
|
+
var inputClassDisabled = "zue0i68 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ry";
|
|
8669
|
+
var inputClassDisabledNoTransition = "zue0i6a _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1ry";
|
|
8670
|
+
var inputClassError = "zue0i6c _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
|
|
8671
|
+
var inputClassErrorNoTransition = "zue0i6e _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
|
|
8672
|
+
var inputClassNoTransition = "zue0i66 _1rsrm2fgh _1rsrm2fdq _1rsrm2fen _1rsrm2ffk _1rsrm2f1qg";
|
|
8673
|
+
var numberInputResetStyle = "zue0i62";
|
|
8708
8674
|
|
|
8709
8675
|
// src/components/FunInput/FunInput.tsx
|
|
8710
8676
|
var DEFAULT_ICON_FONT_SIZE = "57px";
|
|
@@ -8734,6 +8700,7 @@ var FunInput = forwardRef3(function FunInputWithRef({
|
|
|
8734
8700
|
borderRadius = "connectButton",
|
|
8735
8701
|
isLoading = false,
|
|
8736
8702
|
allowMultiline = false,
|
|
8703
|
+
ignoreBaseTransitions = false,
|
|
8737
8704
|
// widthFitContent,
|
|
8738
8705
|
testId
|
|
8739
8706
|
}, ref) {
|
|
@@ -8789,7 +8756,7 @@ var FunInput = forwardRef3(function FunInputWithRef({
|
|
|
8789
8756
|
e.currentTarget.blur();
|
|
8790
8757
|
},
|
|
8791
8758
|
className: clsx9(
|
|
8792
|
-
error ? inputClassError : inputProps.disabled ? inputClassDisabled : inputClass,
|
|
8759
|
+
error ? ignoreBaseTransitions ? inputClassErrorNoTransition : inputClassError : inputProps.disabled ? ignoreBaseTransitions ? inputClassDisabledNoTransition : inputClassDisabled : ignoreBaseTransitions ? inputClassNoTransition : inputClass,
|
|
8793
8760
|
numberInputResetStyle
|
|
8794
8761
|
),
|
|
8795
8762
|
...inputProps,
|
|
@@ -8868,7 +8835,7 @@ var FunInput = forwardRef3(function FunInputWithRef({
|
|
|
8868
8835
|
borderStyle: "solid",
|
|
8869
8836
|
fontWeight: "medium",
|
|
8870
8837
|
...ignoreFontSize ? {} : { fontSize: "13" },
|
|
8871
|
-
className: baseWrapperStyles,
|
|
8838
|
+
className: ignoreBaseTransitions ? baseWrapperStylesNoTransition : baseWrapperStyles,
|
|
8872
8839
|
background: overrideBackground || {
|
|
8873
8840
|
base: "inputBackground",
|
|
8874
8841
|
hover: "offBackground"
|
|
@@ -9551,9 +9518,9 @@ var ChainDropdown = ({
|
|
|
9551
9518
|
tagComponent,
|
|
9552
9519
|
testId
|
|
9553
9520
|
}) => {
|
|
9554
|
-
const defaultChainIdJson = useFlag(
|
|
9521
|
+
const defaultChainIdJson = useFlag(FlagKey9.TokenTransferDefaultChainId);
|
|
9555
9522
|
const defaultChainId = safeJSONParse(defaultChainIdJson);
|
|
9556
|
-
const chainSortOrderJson = useFlag(
|
|
9523
|
+
const chainSortOrderJson = useFlag(FlagKey9.ChainIdSortOrder);
|
|
9557
9524
|
const chainSortOrder = safeJSONParse(chainSortOrderJson) || [];
|
|
9558
9525
|
const chainIds = getSortedChainIds();
|
|
9559
9526
|
const options = allowUnselect ? [DEFAULT_VALUE, ...chainIds] : chainIds;
|
|
@@ -9661,7 +9628,7 @@ var ChainDropdown = ({
|
|
|
9661
9628
|
};
|
|
9662
9629
|
|
|
9663
9630
|
// src/components/Dropdown/TokenDropdown.tsx
|
|
9664
|
-
import { FlagKey as
|
|
9631
|
+
import { FlagKey as FlagKey10 } from "@funkit/utils";
|
|
9665
9632
|
import React61, { useState as useState18 } from "react";
|
|
9666
9633
|
|
|
9667
9634
|
// src/utils/flags/patches/enable-bitcoin-patch.ts
|
|
@@ -9804,12 +9771,12 @@ var NewTokenBadge = ({ iconSymbol }) => {
|
|
|
9804
9771
|
// src/components/Dropdown/TokenDropdown.tsx
|
|
9805
9772
|
var TOKEN_ICON_SIZE = 16;
|
|
9806
9773
|
var useNewTokens = () => {
|
|
9807
|
-
const enableBitcoin = useFlag(
|
|
9808
|
-
const bannerJson = useFlag(
|
|
9774
|
+
const enableBitcoin = useFlag(FlagKey10.EnableBitcoin);
|
|
9775
|
+
const bannerJson = useFlag(FlagKey10.NewTokenAssetSelectionBanner);
|
|
9809
9776
|
const bannerData = useSafeJSONParse(bannerJson);
|
|
9810
9777
|
const addBitcoinToNewTokensMiddleware = enableBitcoin ? addBitcoinToNewTokens : void 0;
|
|
9811
9778
|
const newBadgeTokensJson = useFlag(
|
|
9812
|
-
|
|
9779
|
+
FlagKey10.TokenTransferNewTokens,
|
|
9813
9780
|
void 0,
|
|
9814
9781
|
addBitcoinToNewTokensMiddleware
|
|
9815
9782
|
);
|
|
@@ -9830,7 +9797,7 @@ var TokenDropdown = ({
|
|
|
9830
9797
|
hideNewTokenBadge,
|
|
9831
9798
|
testId
|
|
9832
9799
|
}) => {
|
|
9833
|
-
const defaultTokensJson = useFlag(
|
|
9800
|
+
const defaultTokensJson = useFlag(FlagKey10.TokenTransferDefaultTokens);
|
|
9834
9801
|
const defaultTokens = safeJSONParse(defaultTokensJson);
|
|
9835
9802
|
const enabledTokens = assets[selectedChainId];
|
|
9836
9803
|
const allTokens = getSortedTokens();
|
|
@@ -10349,7 +10316,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React66.createElement(
|
|
|
10349
10316
|
);
|
|
10350
10317
|
|
|
10351
10318
|
// src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
|
|
10352
|
-
var baseStyles2 = "
|
|
10319
|
+
var baseStyles2 = "_1rsrm2f1qs";
|
|
10353
10320
|
var expandableStyles = "vkwve32";
|
|
10354
10321
|
var feeLineHideStyles = "vkwve34";
|
|
10355
10322
|
var feeLineShowStyles = "vkwve33";
|
|
@@ -10885,7 +10852,7 @@ import { getCheckoutQuote as getApiCheckoutQuote } from "@funkit/api-base";
|
|
|
10885
10852
|
|
|
10886
10853
|
// src/domains/fees.ts
|
|
10887
10854
|
import { getAssetPriceInfo as getAssetPriceInfo2 } from "@funkit/api-base";
|
|
10888
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
10855
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4 } from "@funkit/chains";
|
|
10889
10856
|
import { estimateGas, getGasPrice } from "@wagmi/core";
|
|
10890
10857
|
import { encodeFunctionData, erc20Abi as erc20Abi2, formatEther } from "viem";
|
|
10891
10858
|
import { zksync } from "viem/zksync";
|
|
@@ -10930,7 +10897,7 @@ async function evaluateAccountWalletFees({
|
|
|
10930
10897
|
apiKey,
|
|
10931
10898
|
isWithdrawal
|
|
10932
10899
|
}) {
|
|
10933
|
-
const nativeCurrencySymbol =
|
|
10900
|
+
const nativeCurrencySymbol = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[selectedSourceAssetInfo.chainId]?.nativeCurrency.symbol || "";
|
|
10934
10901
|
const walletCheckoutFees = {
|
|
10935
10902
|
paymentMethod: "balance" /* ACCOUNT_BALANCE */,
|
|
10936
10903
|
...getFunFeeBreakdown(baseQuote),
|
|
@@ -11548,13 +11515,13 @@ var useAssetSymbolPrice = ({
|
|
|
11548
11515
|
};
|
|
11549
11516
|
|
|
11550
11517
|
// src/hooks/useTokenChain.ts
|
|
11551
|
-
import { FlagKey as
|
|
11518
|
+
import { FlagKey as FlagKey12 } from "@funkit/utils";
|
|
11552
11519
|
import { useEffect as useEffect25, useState as useState20 } from "react";
|
|
11553
11520
|
import { polygon as polygon3 } from "viem/chains";
|
|
11554
11521
|
|
|
11555
11522
|
// src/hooks/useEnabledTokenTransferChainTokens.ts
|
|
11556
11523
|
import { bitcoinChain as bitcoinChain2, solanaChain as solanaChain4 } from "@funkit/chains";
|
|
11557
|
-
import { FlagKey as
|
|
11524
|
+
import { FlagKey as FlagKey11 } from "@funkit/utils";
|
|
11558
11525
|
import { base as base5 } from "viem/chains";
|
|
11559
11526
|
|
|
11560
11527
|
// src/hooks/useIsUsUser.ts
|
|
@@ -11571,14 +11538,14 @@ function useIsUsBankrUser() {
|
|
|
11571
11538
|
// src/hooks/useEnabledTokenTransferChainTokens.ts
|
|
11572
11539
|
function useEnabledTokenTransferChainTokens(transferInit, isWithdrawal) {
|
|
11573
11540
|
const isBankrUsUser = useIsUsBankrUser();
|
|
11574
|
-
const enableBitcoin = useFlag(
|
|
11541
|
+
const enableBitcoin = useFlag(FlagKey11.EnableBitcoin);
|
|
11575
11542
|
const addBitcoinToSourceChainsAndAssetsMiddleware = enableBitcoin ? addBitcoinToSourceChainsAndAssets : void 0;
|
|
11576
11543
|
const depositAssets = useFlag(
|
|
11577
|
-
|
|
11544
|
+
FlagKey11.TokenTransferSourceChainsAndAssets,
|
|
11578
11545
|
void 0,
|
|
11579
11546
|
addBitcoinToSourceChainsAndAssetsMiddleware
|
|
11580
11547
|
);
|
|
11581
|
-
const withdrawalAssets = useFlag(
|
|
11548
|
+
const withdrawalAssets = useFlag(FlagKey11.WithdrawalChainsAndAssets);
|
|
11582
11549
|
const assetsJsonString = isWithdrawal ? withdrawalAssets : depositAssets;
|
|
11583
11550
|
const assets = safeJSONParse(assetsJsonString);
|
|
11584
11551
|
if (!assets) {
|
|
@@ -11615,7 +11582,7 @@ var useTokenAndChainSelection = (transferInit, defaultValues, isWithdrawal) => {
|
|
|
11615
11582
|
transferInit ?? null,
|
|
11616
11583
|
isWithdrawal
|
|
11617
11584
|
);
|
|
11618
|
-
const defaultChainIdFlag = useFlag(
|
|
11585
|
+
const defaultChainIdFlag = useFlag(FlagKey12.TokenTransferDefaultChainId);
|
|
11619
11586
|
const defaultChainId = defaultValues?.chainId ?? Number(defaultChainIdFlag);
|
|
11620
11587
|
const validDefaultChainId = filteredAssets[defaultChainId] !== void 0 ? defaultChainId : polygon3.id;
|
|
11621
11588
|
const [selectedChainId, setSelectedChainId] = useState20(validDefaultChainId);
|
|
@@ -11785,12 +11752,12 @@ import { useConfig as useConfig4 } from "wagmi";
|
|
|
11785
11752
|
|
|
11786
11753
|
// src/hooks/useBluvo.ts
|
|
11787
11754
|
import { bluvoGetWithdrawableBalanceById as bluvoGetWithdrawableBalanceById2 } from "@funkit/api-base";
|
|
11788
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
11755
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7 } from "@funkit/chains";
|
|
11789
11756
|
import { keepPreviousData, useQuery as useQuery10 } from "@tanstack/react-query";
|
|
11790
11757
|
import { useCallback as useCallback17, useMemo as useMemo19 } from "react";
|
|
11791
11758
|
|
|
11792
11759
|
// src/domains/wallet.ts
|
|
11793
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
11760
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/chains";
|
|
11794
11761
|
import { isNotNullish as isNotNullish4 } from "@funkit/utils";
|
|
11795
11762
|
import { mainnet as mainnet7, polygon as polygon4 } from "viem/chains";
|
|
11796
11763
|
|
|
@@ -11829,7 +11796,7 @@ import {
|
|
|
11829
11796
|
} from "@funkit/api-base";
|
|
11830
11797
|
import {
|
|
11831
11798
|
FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
|
|
11832
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
11799
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6,
|
|
11833
11800
|
hyperCoreChain,
|
|
11834
11801
|
hyperEvmChain
|
|
11835
11802
|
} from "@funkit/chains";
|
|
@@ -11838,7 +11805,7 @@ import { arbitrum as arbitrum4 } from "viem/chains";
|
|
|
11838
11805
|
|
|
11839
11806
|
// src/hooks/useTokenTransfer.ts
|
|
11840
11807
|
import { bitcoinChain as bitcoinChain3, solanaChain as solanaChain5 } from "@funkit/chains";
|
|
11841
|
-
import { FlagKey as
|
|
11808
|
+
import { FlagKey as FlagKey13 } from "@funkit/utils";
|
|
11842
11809
|
import { useMemo as useMemo17 } from "react";
|
|
11843
11810
|
import { arbitrum as arbitrum3, mainnet as mainnet8, polygon as polygon5 } from "viem/chains";
|
|
11844
11811
|
|
|
@@ -11862,7 +11829,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
|
|
|
11862
11829
|
const { apiKey } = useFunkitConfig();
|
|
11863
11830
|
const { checkoutItem } = useCheckoutContext();
|
|
11864
11831
|
const enableUniversal = useFlag(
|
|
11865
|
-
|
|
11832
|
+
FlagKey13.EnableTokenTransferUniversalDepositAddress,
|
|
11866
11833
|
false
|
|
11867
11834
|
);
|
|
11868
11835
|
const estPriceImpact = usePriceImpactEstimation(
|
|
@@ -11915,7 +11882,7 @@ var useTokenTransfer = (selectedChainId, selectedToken, chainIds) => {
|
|
|
11915
11882
|
};
|
|
11916
11883
|
var useMinTransferLimits = () => {
|
|
11917
11884
|
const { userIpInfo } = useFunkitUserIp();
|
|
11918
|
-
const minTransferValueJsonString = useFlag(
|
|
11885
|
+
const minTransferValueJsonString = useFlag(FlagKey13.MinTokenTransferValue);
|
|
11919
11886
|
const minTransferValue = safeJSONParse(
|
|
11920
11887
|
minTransferValueJsonString
|
|
11921
11888
|
);
|
|
@@ -12048,7 +12015,7 @@ function getPreferredNetwork(networks, targetChainId) {
|
|
|
12048
12015
|
let pickedNetwork = validNetworks[0];
|
|
12049
12016
|
let lowestPriority = Number.MAX_SAFE_INTEGER;
|
|
12050
12017
|
for (const chainId of Object.keys(networkMap)) {
|
|
12051
|
-
const chainInfo =
|
|
12018
|
+
const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[chainId];
|
|
12052
12019
|
const pickPriority = chainInfo?.pickPriority || Number.MAX_SAFE_INTEGER;
|
|
12053
12020
|
if (pickPriority < lowestPriority) {
|
|
12054
12021
|
lowestPriority = pickPriority;
|
|
@@ -12087,7 +12054,7 @@ function transformBluvoBalancesToAssetHoldings(balances, preferredChainId) {
|
|
|
12087
12054
|
});
|
|
12088
12055
|
continue;
|
|
12089
12056
|
}
|
|
12090
|
-
const chainInfo =
|
|
12057
|
+
const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6[chainId];
|
|
12091
12058
|
if (!chainInfo?.isCheckoutSupported || !chainInfo?.isMainnet) {
|
|
12092
12059
|
logger.warn(`${LOG_PREFIX}:unsupportedAsset`, {
|
|
12093
12060
|
message: `Unsupported asset for checkout ${chainId}|${asset}`,
|
|
@@ -12397,7 +12364,7 @@ var useBluvoCheckoutQuote = () => {
|
|
|
12397
12364
|
return;
|
|
12398
12365
|
}
|
|
12399
12366
|
const availableTokenAmount = selectedBrokerageAsset?.amount || 0;
|
|
12400
|
-
const chainInfo =
|
|
12367
|
+
const chainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO7[chainId];
|
|
12401
12368
|
if (bluvoClient.state) {
|
|
12402
12369
|
bluvoClient.state.type = "quote:ready";
|
|
12403
12370
|
}
|
|
@@ -12886,7 +12853,7 @@ function useCheckoutConfirmation({
|
|
|
12886
12853
|
const customRecipient = checkoutItem?.initSettings.config.customRecipient;
|
|
12887
12854
|
const { apiKey } = useFunkitConfig();
|
|
12888
12855
|
const { latestQuote } = useQuoteContext();
|
|
12889
|
-
const {
|
|
12856
|
+
const { walletAddress } = useGeneralWallet();
|
|
12890
12857
|
const { isCustomRecipientBlacklisted, isWalletBlacklisted } = useIsBlacklisted(walletAddress, customRecipient);
|
|
12891
12858
|
const [error, setError] = useAutoClearState();
|
|
12892
12859
|
const [isLoading, setIsLoading] = useState24(false);
|
|
@@ -12908,21 +12875,7 @@ function useCheckoutConfirmation({
|
|
|
12908
12875
|
if (isCheckoutRisky) {
|
|
12909
12876
|
throw new Error("RISK_ERROR" /* RISK_ERROR */);
|
|
12910
12877
|
}
|
|
12911
|
-
const
|
|
12912
|
-
let shouldBatchOpBypassInit = false;
|
|
12913
|
-
if (!isCheckoutCrFlow(checkoutConfig) && loginType !== "web3" /* Web3 */) {
|
|
12914
|
-
const targetChainId = checkoutConfig.targetChain;
|
|
12915
|
-
const sourceChainId = checkoutItem.selectedSourceAssetInfo.chainId;
|
|
12916
|
-
const isFunWalletInitializedOnTargetChain = await funWallet?.getDeploymentStatus({
|
|
12917
|
-
chain: targetChainId
|
|
12918
|
-
});
|
|
12919
|
-
shouldBatchOpBypassInit = checkoutItem.selectedPaymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */ && !isFunWalletInitializedOnTargetChain && targetChainId === sourceChainId;
|
|
12920
|
-
}
|
|
12921
|
-
const depositAddress = await confirmCheckout(
|
|
12922
|
-
shouldBatchOpBypassInit,
|
|
12923
|
-
latestQuote,
|
|
12924
|
-
setStep
|
|
12925
|
-
);
|
|
12878
|
+
const depositAddress = await confirmCheckout(latestQuote, setStep);
|
|
12926
12879
|
if (!depositAddress) {
|
|
12927
12880
|
throw new Error(
|
|
12928
12881
|
"Invalid depositAddress - unable to proceed with checkout"
|
|
@@ -12976,13 +12929,7 @@ function useWithdrawal({
|
|
|
12976
12929
|
setIsWithdrawing(true);
|
|
12977
12930
|
let txHash;
|
|
12978
12931
|
if (isWalletWithdrawalConfig(config)) {
|
|
12979
|
-
|
|
12980
|
-
txHash = await confirmCheckout(
|
|
12981
|
-
shouldBatchOpBypassInit,
|
|
12982
|
-
formData.quote,
|
|
12983
|
-
setStep,
|
|
12984
|
-
config.wallet
|
|
12985
|
-
);
|
|
12932
|
+
txHash = await confirmCheckout(formData.quote, setStep, config.wallet);
|
|
12986
12933
|
withdrawalItem?.initSettings.onWithdrawalConfirmation?.(
|
|
12987
12934
|
formData.destinationAddress
|
|
12988
12935
|
);
|
|
@@ -13113,7 +13060,7 @@ function useWithdrawalAssets(config) {
|
|
|
13113
13060
|
},
|
|
13114
13061
|
true
|
|
13115
13062
|
);
|
|
13116
|
-
const excludedTokenStr = useFlag(
|
|
13063
|
+
const excludedTokenStr = useFlag(FlagKey14.WithdrawalExcludeTokens);
|
|
13117
13064
|
const excludedTokens = safeJSONParse(excludedTokenStr);
|
|
13118
13065
|
if (excludedTokens) {
|
|
13119
13066
|
for (const chainIdStr of Object.keys(excludedTokens)) {
|
|
@@ -13181,7 +13128,7 @@ function getWithdrawButtonText({
|
|
|
13181
13128
|
return "Withdraw";
|
|
13182
13129
|
}
|
|
13183
13130
|
function getAlertMessage(selectedChainId, selectedToken) {
|
|
13184
|
-
const chainName =
|
|
13131
|
+
const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[selectedChainId]?.name;
|
|
13185
13132
|
if (chainName) {
|
|
13186
13133
|
return `Please ensure the address supports receiving ${selectedToken} on ${chainName}.`;
|
|
13187
13134
|
}
|
|
@@ -13752,7 +13699,6 @@ import React217 from "react";
|
|
|
13752
13699
|
import { createPortal as createPortal20 } from "react-dom";
|
|
13753
13700
|
|
|
13754
13701
|
// src/components/FunTransactionSummary/PaymentMethodSummary.tsx
|
|
13755
|
-
import { formatSecondsToReadableForm as formatSecondsToReadableForm5 } from "@funkit/utils";
|
|
13756
13702
|
import React210 from "react";
|
|
13757
13703
|
|
|
13758
13704
|
// src/components/FunTransactionSummary/FunTxSummaryComponents.tsx
|
|
@@ -13816,11 +13762,7 @@ import { useAccount as useAccount6 } from "wagmi";
|
|
|
13816
13762
|
|
|
13817
13763
|
// src/components/FunPayments/FunPaymentMethods.tsx
|
|
13818
13764
|
import { BridgeCustomerStatus as BridgeCustomerStatus3 } from "@funkit/api-base";
|
|
13819
|
-
import {
|
|
13820
|
-
FlagKey as FlagKey16,
|
|
13821
|
-
formatCurrencyAndStringify as formatCurrencyAndStringify4,
|
|
13822
|
-
formatSecondsToReadableForm
|
|
13823
|
-
} from "@funkit/utils";
|
|
13765
|
+
import { FlagKey as FlagKey16, formatCurrencyAndStringify as formatCurrencyAndStringify4 } from "@funkit/utils";
|
|
13824
13766
|
import React78, { useEffect as useEffect30 } from "react";
|
|
13825
13767
|
|
|
13826
13768
|
// src/domains/bridge.ts
|
|
@@ -13834,7 +13776,7 @@ import {
|
|
|
13834
13776
|
getFrogAccount
|
|
13835
13777
|
} from "@funkit/api-base";
|
|
13836
13778
|
import {
|
|
13837
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
13779
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9,
|
|
13838
13780
|
hyperCoreChain as hyperCoreChain2
|
|
13839
13781
|
} from "@funkit/chains";
|
|
13840
13782
|
import { ResourceNotFoundError } from "@funkit/utils";
|
|
@@ -13842,7 +13784,7 @@ var findBridgeSupportedChain = (chainId) => {
|
|
|
13842
13784
|
if (chainId === hyperCoreChain2.id.toString()) {
|
|
13843
13785
|
return "arbitrum";
|
|
13844
13786
|
}
|
|
13845
|
-
const chainName =
|
|
13787
|
+
const chainName = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO9[chainId]?.name.toLowerCase();
|
|
13846
13788
|
if (createBridgeBankAccountRequestChainNames.includes(chainName)) {
|
|
13847
13789
|
return chainName;
|
|
13848
13790
|
}
|
|
@@ -13916,20 +13858,6 @@ function isKycUninitialized(customerStatus) {
|
|
|
13916
13858
|
var isSoftRejected = (customer) => customer && isKycUninitialized(customer.status) && customer.rejection_reasons.length > 0;
|
|
13917
13859
|
var FIAT_PROCESSING_TIME = "1-2 business days";
|
|
13918
13860
|
|
|
13919
|
-
// src/hooks/useCheckoutTimeEstimate.ts
|
|
13920
|
-
import { FlagKey as FlagKey14 } from "@funkit/utils";
|
|
13921
|
-
function useCheckoutTimeEstimate(originalTimeEstimationMs, paymentMethod = "card" /* CARD */, bypassFlag = false) {
|
|
13922
|
-
const timeEstimatesJsonString = useFlag(FlagKey14.CheckoutTimeEstimateOverrides);
|
|
13923
|
-
const timeEstimates = safeJSONParse(
|
|
13924
|
-
timeEstimatesJsonString
|
|
13925
|
-
);
|
|
13926
|
-
const hasFlagEstimate = !!timeEstimates?.[paymentMethod];
|
|
13927
|
-
if (bypassFlag || !hasFlagEstimate) {
|
|
13928
|
-
return Math.ceil((originalTimeEstimationMs || 0) / 1e3);
|
|
13929
|
-
}
|
|
13930
|
-
return timeEstimates[paymentMethod];
|
|
13931
|
-
}
|
|
13932
|
-
|
|
13933
13861
|
// src/hooks/useFrogAccount.ts
|
|
13934
13862
|
import {
|
|
13935
13863
|
createBridgeBankAccount,
|
|
@@ -14164,7 +14092,7 @@ var useWalletLabel = () => {
|
|
|
14164
14092
|
// src/modals/CheckoutModal/useWalletAssetHoldings.ts
|
|
14165
14093
|
import {
|
|
14166
14094
|
FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS4,
|
|
14167
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
14095
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10
|
|
14168
14096
|
} from "@funkit/chains";
|
|
14169
14097
|
import { useMemo as useMemo21 } from "react";
|
|
14170
14098
|
|
|
@@ -14285,14 +14213,14 @@ var processWalletAssets = (walletAssets, targetChain) => {
|
|
|
14285
14213
|
if (!walletAssets) {
|
|
14286
14214
|
return;
|
|
14287
14215
|
}
|
|
14288
|
-
const targetChainInfo =
|
|
14216
|
+
const targetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[targetChain];
|
|
14289
14217
|
const isCheckoutOnMainnet = targetChainInfo?.isMainnet;
|
|
14290
14218
|
return Object.values(walletAssets).reduce(
|
|
14291
14219
|
(result, asset) => {
|
|
14292
14220
|
if (!asset.symbol || !asset.contractAddress) {
|
|
14293
14221
|
return result;
|
|
14294
14222
|
}
|
|
14295
|
-
const assetChainInfo =
|
|
14223
|
+
const assetChainInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10[asset.chainId];
|
|
14296
14224
|
const isAssetOnMainnet = assetChainInfo?.isMainnet;
|
|
14297
14225
|
if (isCheckoutOnMainnet && !isAssetOnMainnet) {
|
|
14298
14226
|
return result;
|
|
@@ -14339,7 +14267,7 @@ function useWalletAssetHoldings(targetChain) {
|
|
|
14339
14267
|
|
|
14340
14268
|
// src/config/getDefaultConfig.ts
|
|
14341
14269
|
import {
|
|
14342
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
14270
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11,
|
|
14343
14271
|
FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST
|
|
14344
14272
|
} from "@funkit/chains";
|
|
14345
14273
|
import { fallback } from "viem";
|
|
@@ -15036,7 +14964,7 @@ var createDefaultTransports = (chains) => {
|
|
|
15036
14964
|
const transportsObject = {};
|
|
15037
14965
|
for (const chain of chains) {
|
|
15038
14966
|
const key = chain.id;
|
|
15039
|
-
const fallbackRpcs =
|
|
14967
|
+
const fallbackRpcs = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11[key]?.fallbackRpcUrls;
|
|
15040
14968
|
if (fallbackRpcs && fallbackRpcs.length > 0) {
|
|
15041
14969
|
transportsObject[key] = fallback([
|
|
15042
14970
|
http(),
|
|
@@ -15534,6 +15462,7 @@ var ConnectedMeshPaymentMethodItem = ({
|
|
|
15534
15462
|
onBrokerageError,
|
|
15535
15463
|
showSelectedCheckmark = true
|
|
15536
15464
|
}) => {
|
|
15465
|
+
const { apiKey } = useFunkitConfig();
|
|
15537
15466
|
const {
|
|
15538
15467
|
data: assetHoldings,
|
|
15539
15468
|
// Checking for isPending since isLoading is false initially while query is disabled
|
|
@@ -15543,11 +15472,14 @@ var ConnectedMeshPaymentMethodItem = ({
|
|
|
15543
15472
|
} = useBluvoExchangeBalance({ exchange: paymentMethodInfo.exchange });
|
|
15544
15473
|
const sourceBalance = assetHoldings ? getTotalAssetBalance(assetHoldings) : 0;
|
|
15545
15474
|
const label = usePaymentMethodInfoLabel(paymentMethodInfo);
|
|
15546
|
-
const
|
|
15475
|
+
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
15476
|
+
apiKey,
|
|
15477
|
+
null,
|
|
15547
15478
|
BROKERAGE_TIME_ESTIMATE,
|
|
15548
|
-
"brokerage" /* BROKERAGE
|
|
15479
|
+
"brokerage" /* BROKERAGE */,
|
|
15480
|
+
false
|
|
15549
15481
|
);
|
|
15550
|
-
const disclaimerText = isPending ? "Fetching balance..." : isBalanceError ? "Couldn't fetch balance" : `${formatCurrencyAndStringify4(sourceBalance)} \u2022 ${
|
|
15482
|
+
const disclaimerText = isPending ? "Fetching balance..." : isBalanceError ? "Couldn't fetch balance" : `${formatCurrencyAndStringify4(sourceBalance)} \u2022 ${estimatedTimeText}`;
|
|
15551
15483
|
const hasLowBalance = !isPending && sourceBalance < getUsdMinAmount();
|
|
15552
15484
|
const isDisabled = isPending || !!isBalanceError || hasLowBalance;
|
|
15553
15485
|
const icon = isPending ? /* @__PURE__ */ React78.createElement(SpinnerIcon, { size: 20 }) : label.icon;
|
|
@@ -15614,10 +15546,13 @@ var CardPaymentMethodItem = ({
|
|
|
15614
15546
|
onClick,
|
|
15615
15547
|
paymentIcon
|
|
15616
15548
|
}) => {
|
|
15617
|
-
const { textCustomizations } = useFunkitConfig();
|
|
15618
|
-
const
|
|
15549
|
+
const { apiKey, textCustomizations } = useFunkitConfig();
|
|
15550
|
+
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
15551
|
+
apiKey,
|
|
15552
|
+
null,
|
|
15619
15553
|
CARD_TIME_ESTIMATE,
|
|
15620
|
-
"card" /* CARD
|
|
15554
|
+
"card" /* CARD */,
|
|
15555
|
+
false
|
|
15621
15556
|
);
|
|
15622
15557
|
return /* @__PURE__ */ React78.createElement(
|
|
15623
15558
|
FunPaymentMethodItem,
|
|
@@ -15628,7 +15563,7 @@ var CardPaymentMethodItem = ({
|
|
|
15628
15563
|
valueIcon: customValueIcon ?? /* @__PURE__ */ React78.createElement(CombinedCreditCardOptionsIcon, null),
|
|
15629
15564
|
onClick,
|
|
15630
15565
|
isDisabled: !isClickable,
|
|
15631
|
-
disclaimerText: `$50,000 limit \u2022 ${
|
|
15566
|
+
disclaimerText: `$50,000 limit \u2022 ${estimatedTimeText}`,
|
|
15632
15567
|
testId: "card-payment-method"
|
|
15633
15568
|
}
|
|
15634
15569
|
);
|
|
@@ -15677,14 +15612,17 @@ var BrokeragePaymentMethodItem = ({
|
|
|
15677
15612
|
onClick,
|
|
15678
15613
|
paymentIcon
|
|
15679
15614
|
}) => {
|
|
15680
|
-
const { textCustomizations } = useFunkitConfig();
|
|
15615
|
+
const { apiKey, textCustomizations } = useFunkitConfig();
|
|
15681
15616
|
const { exchangeOptions } = useBluvoSupportedExchanges({
|
|
15682
15617
|
iconSize: 12,
|
|
15683
15618
|
filterBy: ["live" /* Live */, "coming_soon" /* ComingSoon */]
|
|
15684
15619
|
});
|
|
15685
|
-
const
|
|
15620
|
+
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
15621
|
+
apiKey,
|
|
15622
|
+
null,
|
|
15686
15623
|
BROKERAGE_TIME_ESTIMATE,
|
|
15687
|
-
"brokerage" /* BROKERAGE
|
|
15624
|
+
"brokerage" /* BROKERAGE */,
|
|
15625
|
+
false
|
|
15688
15626
|
);
|
|
15689
15627
|
return /* @__PURE__ */ React78.createElement(
|
|
15690
15628
|
FunPaymentMethodItem,
|
|
@@ -15695,7 +15633,7 @@ var BrokeragePaymentMethodItem = ({
|
|
|
15695
15633
|
onClick,
|
|
15696
15634
|
valueIcon: customValueIcon ?? /* @__PURE__ */ React78.createElement(Box, { display: "flex", gap: "2", alignItems: "center" }, exchangeOptions.map(({ exchange, exchangeIcon }) => /* @__PURE__ */ React78.createElement(React78.Fragment, { key: exchange }, exchangeIcon))),
|
|
15697
15635
|
isDisabled: !isClickable,
|
|
15698
|
-
disclaimerText: `No limit \u2022 ${
|
|
15636
|
+
disclaimerText: `No limit \u2022 ${estimatedTimeText}`
|
|
15699
15637
|
}
|
|
15700
15638
|
);
|
|
15701
15639
|
};
|
|
@@ -15890,7 +15828,7 @@ var BankIconActive = ({ size = 20 }) => {
|
|
|
15890
15828
|
|
|
15891
15829
|
// src/components/FunConnectOptions/FunSignInStep.tsx
|
|
15892
15830
|
import { groupBy, isMobile as isMobile9, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
|
|
15893
|
-
import React206, { Fragment, useCallback as
|
|
15831
|
+
import React206, { Fragment, useCallback as useCallback47, useMemo as useMemo44, useState as useState66 } from "react";
|
|
15894
15832
|
|
|
15895
15833
|
// src/providers/walletConnectDeepLink.ts
|
|
15896
15834
|
var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
|
|
@@ -16308,7 +16246,7 @@ var SocialsIcon = () => {
|
|
|
16308
16246
|
};
|
|
16309
16247
|
|
|
16310
16248
|
// src/components/FunConnectOptions/FunConnectOptions.tsx
|
|
16311
|
-
import React205, { useCallback as
|
|
16249
|
+
import React205, { useCallback as useCallback46, useMemo as useMemo43, useState as useState65 } from "react";
|
|
16312
16250
|
|
|
16313
16251
|
// src/hooks/useAnimatedNavigation.ts
|
|
16314
16252
|
import { useCallback as useCallback20, useState as useState28 } from "react";
|
|
@@ -16382,7 +16320,7 @@ import React195, { useEffect as useEffect49, useRef as useRef26, useState as use
|
|
|
16382
16320
|
|
|
16383
16321
|
// src/modals/CheckoutModal/stepTransition.ts
|
|
16384
16322
|
import {
|
|
16385
|
-
useCallback as
|
|
16323
|
+
useCallback as useCallback42,
|
|
16386
16324
|
useRef as useRef25,
|
|
16387
16325
|
useState as useState61
|
|
16388
16326
|
} from "react";
|
|
@@ -17813,7 +17751,7 @@ function useReceiveAmountLabel(_) {
|
|
|
17813
17751
|
|
|
17814
17752
|
// src/components/FunButton/FunRedirectButton.tsx
|
|
17815
17753
|
import React108 from "react";
|
|
17816
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
17754
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12 } from "@funkit/chains";
|
|
17817
17755
|
|
|
17818
17756
|
// src/components/Icons/RedirectIcon.tsx
|
|
17819
17757
|
import React107 from "react";
|
|
@@ -17872,7 +17810,7 @@ var AddressRedirectButton = ({
|
|
|
17872
17810
|
address,
|
|
17873
17811
|
customRedirectUrl
|
|
17874
17812
|
}) => {
|
|
17875
|
-
const explorerInfo =
|
|
17813
|
+
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[chainId]?.explorerInfo;
|
|
17876
17814
|
return /* @__PURE__ */ React108.createElement(
|
|
17877
17815
|
FunRedirectButton,
|
|
17878
17816
|
{
|
|
@@ -17886,7 +17824,7 @@ var TransactionRedirectButton = ({
|
|
|
17886
17824
|
txHash,
|
|
17887
17825
|
customRedirectUrl
|
|
17888
17826
|
}) => {
|
|
17889
|
-
const explorerInfo =
|
|
17827
|
+
const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO12[chainId]?.explorerInfo;
|
|
17890
17828
|
return /* @__PURE__ */ React108.createElement(
|
|
17891
17829
|
FunRedirectButton,
|
|
17892
17830
|
{
|
|
@@ -21063,63 +21001,9 @@ import { ClientError as ClientError4 } from "@funkit/utils";
|
|
|
21063
21001
|
import React142, { useState as useState43 } from "react";
|
|
21064
21002
|
|
|
21065
21003
|
// src/modals/CheckoutModal/ConfirmationStep/useAccountBalanceTransfer.ts
|
|
21066
|
-
import { getPaymasterDataForCheckoutSponsoredTransfer } from "@funkit/api-base";
|
|
21067
21004
|
import { ERC20_ABI, USDT_ABI } from "@funkit/core";
|
|
21068
|
-
import { useCallback as useCallback30 } from "react";
|
|
21069
|
-
import { useAccount as useAccount5, useSendTransaction, useWriteContract } from "wagmi";
|
|
21070
|
-
|
|
21071
|
-
// src/hooks/useCheckoutAccountBalanceTransfer.ts
|
|
21072
21005
|
import { useCallback as useCallback29 } from "react";
|
|
21073
|
-
|
|
21074
|
-
const { checkoutItem } = useCheckoutContext();
|
|
21075
|
-
const { funWallet, funWalletAuth } = useGeneralWallet();
|
|
21076
|
-
const generateCheckoutTransferOpItems = useCallback29(
|
|
21077
|
-
async (toAddress, tokenAmount) => {
|
|
21078
|
-
if (checkoutItem?.selectedSourceAssetInfo?.chainId) {
|
|
21079
|
-
const newConfig = getFunkitEnvForCheckoutEstimation({
|
|
21080
|
-
chainId: checkoutItem.selectedSourceAssetInfo.chainId,
|
|
21081
|
-
bypassWalletInit: false
|
|
21082
|
-
});
|
|
21083
|
-
const userId = await funWalletAuth?.getUserId();
|
|
21084
|
-
if (funWallet && funWalletAuth && userId && checkoutItem?.selectedSourceAssetInfo?.symbol && tokenAmount) {
|
|
21085
|
-
const transferParams = {
|
|
21086
|
-
to: toAddress,
|
|
21087
|
-
token: checkoutItem?.selectedSourceAssetInfo?.symbol,
|
|
21088
|
-
amount: tokenAmount
|
|
21089
|
-
};
|
|
21090
|
-
const transferOp = await funWallet.transfer(
|
|
21091
|
-
funWalletAuth,
|
|
21092
|
-
userId,
|
|
21093
|
-
transferParams,
|
|
21094
|
-
{ ...newConfig, signal: singletonCheckoutAbort.getAbortSignal() }
|
|
21095
|
-
);
|
|
21096
|
-
logger.log("transferOp", transferOp);
|
|
21097
|
-
return {
|
|
21098
|
-
rFunWallet: funWallet,
|
|
21099
|
-
rFunWalletAuth: funWalletAuth,
|
|
21100
|
-
transferOp,
|
|
21101
|
-
envConfig: newConfig
|
|
21102
|
-
};
|
|
21103
|
-
}
|
|
21104
|
-
}
|
|
21105
|
-
return {
|
|
21106
|
-
rFunWallet: null,
|
|
21107
|
-
rFunWalletAuth: null,
|
|
21108
|
-
transferOp: null,
|
|
21109
|
-
envConfig: null
|
|
21110
|
-
};
|
|
21111
|
-
},
|
|
21112
|
-
[
|
|
21113
|
-
checkoutItem?.selectedSourceAssetInfo.chainId,
|
|
21114
|
-
checkoutItem?.selectedSourceAssetInfo?.symbol,
|
|
21115
|
-
funWallet,
|
|
21116
|
-
funWalletAuth
|
|
21117
|
-
]
|
|
21118
|
-
);
|
|
21119
|
-
return {
|
|
21120
|
-
generateCheckoutTransferOpItems
|
|
21121
|
-
};
|
|
21122
|
-
}
|
|
21006
|
+
import { useAccount as useAccount5, useSendTransaction, useWriteContract } from "wagmi";
|
|
21123
21007
|
|
|
21124
21008
|
// src/utils/isMainnetUsdt.ts
|
|
21125
21009
|
import { isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
|
|
@@ -21142,7 +21026,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
|
|
|
21142
21026
|
const { sendTransactionAsync } = useSendTransaction();
|
|
21143
21027
|
const { cancelCheckout, checkoutItem } = useCheckoutContext();
|
|
21144
21028
|
const { latestQuote } = useQuoteContext();
|
|
21145
|
-
const handleWeb3AccountBalancePostCheckout =
|
|
21029
|
+
const handleWeb3AccountBalancePostCheckout = useCallback29(
|
|
21146
21030
|
async (depositAddress) => {
|
|
21147
21031
|
if (!latestQuote?.baseQuote.estTotalFromAmountBaseUnit) {
|
|
21148
21032
|
return;
|
|
@@ -21245,73 +21129,18 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
|
|
|
21245
21129
|
);
|
|
21246
21130
|
return handleWeb3AccountBalancePostCheckout;
|
|
21247
21131
|
}
|
|
21248
|
-
function
|
|
21249
|
-
const { latestQuote } = useQuoteContext();
|
|
21250
|
-
const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer();
|
|
21251
|
-
const handleWeb2AccountBalancePostCheckout = useCallback30(
|
|
21252
|
-
async (depositAddress) => {
|
|
21253
|
-
const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
|
|
21254
|
-
depositAddress,
|
|
21255
|
-
latestQuote?.baseQuote.estTotalFromAmount || 0
|
|
21256
|
-
);
|
|
21257
|
-
if (transferOp && rFunWallet && rFunWalletAuth && apiKey) {
|
|
21258
|
-
const res = await getPaymasterDataForCheckoutSponsoredTransfer({
|
|
21259
|
-
depositAddress,
|
|
21260
|
-
transferUserOp: transferOp.userOp,
|
|
21261
|
-
apiKey,
|
|
21262
|
-
logger
|
|
21263
|
-
});
|
|
21264
|
-
transferOp.userOp.paymasterAndData = res.paymasterAndData;
|
|
21265
|
-
logger.log(
|
|
21266
|
-
"handleAccountBalancePostCheckout_transferOp.userOp",
|
|
21267
|
-
transferOp.userOp
|
|
21268
|
-
);
|
|
21269
|
-
const signedOp = await rFunWallet.signOperation(
|
|
21270
|
-
rFunWalletAuth,
|
|
21271
|
-
transferOp,
|
|
21272
|
-
envConfig
|
|
21273
|
-
);
|
|
21274
|
-
logger.log("handleAccountBalancePostCheckout_signedOp", signedOp);
|
|
21275
|
-
const executionRes = await rFunWallet.executeOperation(
|
|
21276
|
-
rFunWalletAuth,
|
|
21277
|
-
signedOp,
|
|
21278
|
-
envConfig
|
|
21279
|
-
);
|
|
21280
|
-
logger.log(
|
|
21281
|
-
"handleAccountBalancePostCheckout_executionRes",
|
|
21282
|
-
executionRes
|
|
21283
|
-
);
|
|
21284
|
-
} else {
|
|
21285
|
-
throw new Error("Did not initiate transfer due to missing fields");
|
|
21286
|
-
}
|
|
21287
|
-
},
|
|
21288
|
-
[
|
|
21289
|
-
latestQuote?.baseQuote.estTotalFromAmount,
|
|
21290
|
-
apiKey,
|
|
21291
|
-
generateCheckoutTransferOpItems
|
|
21292
|
-
]
|
|
21293
|
-
);
|
|
21294
|
-
return handleWeb2AccountBalancePostCheckout;
|
|
21295
|
-
}
|
|
21296
|
-
function useAccountBalancePostCheckout(setPostCheckoutStepMessage, apiKey) {
|
|
21132
|
+
function useAccountBalancePostCheckout(setPostCheckoutStepMessage) {
|
|
21297
21133
|
const { loginType } = useGeneralWallet();
|
|
21298
|
-
const handleWeb2AccountBalancePostCheckout = useWeb2AccountBalancePostCheckout(apiKey);
|
|
21299
21134
|
const handleWeb3AccountBalancePostCheckout = useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage);
|
|
21300
|
-
const handleAccountBalancePostCheckout =
|
|
21135
|
+
const handleAccountBalancePostCheckout = useCallback29(
|
|
21301
21136
|
async (depositAddress) => {
|
|
21302
|
-
if (loginType === "
|
|
21303
|
-
await handleWeb2AccountBalancePostCheckout(depositAddress);
|
|
21304
|
-
} else if (loginType === "web3" /* Web3 */) {
|
|
21137
|
+
if (loginType === "web3" /* Web3 */) {
|
|
21305
21138
|
await handleWeb3AccountBalancePostCheckout(depositAddress);
|
|
21306
21139
|
} else {
|
|
21307
21140
|
throw new Error("Unable to process account balance post checkout");
|
|
21308
21141
|
}
|
|
21309
21142
|
},
|
|
21310
|
-
[
|
|
21311
|
-
handleWeb2AccountBalancePostCheckout,
|
|
21312
|
-
handleWeb3AccountBalancePostCheckout,
|
|
21313
|
-
loginType
|
|
21314
|
-
]
|
|
21143
|
+
[handleWeb3AccountBalancePostCheckout, loginType]
|
|
21315
21144
|
);
|
|
21316
21145
|
return handleAccountBalancePostCheckout;
|
|
21317
21146
|
}
|
|
@@ -21370,16 +21199,12 @@ function toPostCheckoutError(error) {
|
|
|
21370
21199
|
function usePostCheckout({
|
|
21371
21200
|
onSuccess
|
|
21372
21201
|
}) {
|
|
21373
|
-
const { apiKey } = useFunkitConfig();
|
|
21374
21202
|
const { checkoutItem, setCheckoutProgress } = useCheckoutContext();
|
|
21375
21203
|
const { latestQuote } = useQuoteContext();
|
|
21376
21204
|
const [error, setError] = useAutoClearState();
|
|
21377
21205
|
const [isLoading, setIsLoading] = useState43(false);
|
|
21378
21206
|
const [step, setStep] = useState43(null);
|
|
21379
|
-
const handleAccountBalancePostCheckout = useAccountBalancePostCheckout(
|
|
21380
|
-
setStep,
|
|
21381
|
-
apiKey
|
|
21382
|
-
);
|
|
21207
|
+
const handleAccountBalancePostCheckout = useAccountBalancePostCheckout(setStep);
|
|
21383
21208
|
const { getDirectExecutionInfo } = useCheckoutDirectExecution();
|
|
21384
21209
|
const handlePostCheckout = async (depositAddress) => {
|
|
21385
21210
|
try {
|
|
@@ -21445,19 +21270,19 @@ function usePostCheckout({
|
|
|
21445
21270
|
}
|
|
21446
21271
|
|
|
21447
21272
|
// src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
|
|
21448
|
-
import { useCallback as
|
|
21273
|
+
import { useCallback as useCallback32, useEffect as useEffect40, useMemo as useMemo32, useRef as useRef21, useState as useState46 } from "react";
|
|
21449
21274
|
|
|
21450
21275
|
// src/hooks/useCountdown.tsx
|
|
21451
21276
|
import React144 from "react";
|
|
21452
|
-
import { useCallback as
|
|
21277
|
+
import { useCallback as useCallback31, useState as useState45 } from "react";
|
|
21453
21278
|
|
|
21454
21279
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
21455
21280
|
import { noop as noop7 } from "@funkit/utils";
|
|
21456
|
-
import React143, { useCallback as
|
|
21281
|
+
import React143, { useCallback as useCallback30, useEffect as useEffect39, useState as useState44 } from "react";
|
|
21457
21282
|
|
|
21458
21283
|
// src/components/FunCountdown/FunCountdown.css.ts
|
|
21459
|
-
var backgroundRing = "_1t0bc111
|
|
21460
|
-
var counterRing = "_1t0bc113
|
|
21284
|
+
var backgroundRing = "_1t0bc111 _1rsrm2f1na";
|
|
21285
|
+
var counterRing = "_1t0bc113 _1rsrm2f1lg";
|
|
21461
21286
|
|
|
21462
21287
|
// src/components/FunCountdown/FunCountdown.tsx
|
|
21463
21288
|
var FunCountdown = ({
|
|
@@ -21489,7 +21314,7 @@ var FunCountdown = ({
|
|
|
21489
21314
|
const onCountdownEndedOnce = useEffectEvent(onCountdownEnded);
|
|
21490
21315
|
const onBeforeCountdownEndsOnce = useEffectEvent(onBeforeCountdownEnds);
|
|
21491
21316
|
const onCountdownLastSecondOnce = useEffectEvent(onCountdownLastSecond);
|
|
21492
|
-
const handleInterval =
|
|
21317
|
+
const handleInterval = useCallback30(() => {
|
|
21493
21318
|
if (isPaused) {
|
|
21494
21319
|
return;
|
|
21495
21320
|
}
|
|
@@ -21607,7 +21432,7 @@ function useCountdown({
|
|
|
21607
21432
|
}) {
|
|
21608
21433
|
const [countdownKey, setCountdownKey] = useState45(0);
|
|
21609
21434
|
const [isLastSecond, setIsLastSecond] = useState45(false);
|
|
21610
|
-
const restartCountdown =
|
|
21435
|
+
const restartCountdown = useCallback31(() => {
|
|
21611
21436
|
setIsLastSecond(false);
|
|
21612
21437
|
setCountdownKey((key) => key + 1);
|
|
21613
21438
|
}, []);
|
|
@@ -21662,7 +21487,7 @@ function useQuoteRefresh({
|
|
|
21662
21487
|
preloadedQuoteRef.current = data;
|
|
21663
21488
|
}
|
|
21664
21489
|
);
|
|
21665
|
-
const preloadQuote =
|
|
21490
|
+
const preloadQuote = useCallback32(() => {
|
|
21666
21491
|
if (!isSourceAssetConfirming) {
|
|
21667
21492
|
onSourceAssetConfirmed(true);
|
|
21668
21493
|
}
|
|
@@ -21676,7 +21501,7 @@ function useQuoteRefresh({
|
|
|
21676
21501
|
onBeforeCountdownEnds: preloadQuote,
|
|
21677
21502
|
onCountdownEnded: () => refreshQuote()
|
|
21678
21503
|
});
|
|
21679
|
-
const refreshQuote =
|
|
21504
|
+
const refreshQuote = useCallback32(
|
|
21680
21505
|
async (forceHardRefresh = false) => {
|
|
21681
21506
|
if (isOnHold) {
|
|
21682
21507
|
setIsPendingRefresh(true);
|
|
@@ -21778,7 +21603,7 @@ function ConfirmationStep({
|
|
|
21778
21603
|
}) {
|
|
21779
21604
|
const { checkoutItem, updateTargetAssetAmount } = useCheckoutContext();
|
|
21780
21605
|
const { latestQuote } = useQuoteContext();
|
|
21781
|
-
const
|
|
21606
|
+
const { apiKey, uiCustomizations } = useFunkitConfig();
|
|
21782
21607
|
const { getDirectExecutionInfo } = useCheckoutDirectExecution();
|
|
21783
21608
|
const { bluvoClient } = useFunkitBrokerageContext();
|
|
21784
21609
|
const { paymentMethodInfo } = modalState;
|
|
@@ -21872,7 +21697,9 @@ function ConfirmationStep({
|
|
|
21872
21697
|
checkoutConfig: checkoutItem?.initSettings.config,
|
|
21873
21698
|
hideAmount: true
|
|
21874
21699
|
});
|
|
21875
|
-
const
|
|
21700
|
+
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
21701
|
+
apiKey,
|
|
21702
|
+
checkoutItem,
|
|
21876
21703
|
latestQuote?.finalTimeEstimationMs,
|
|
21877
21704
|
paymentMethodInfo.paymentMethod,
|
|
21878
21705
|
isDirectExecution
|
|
@@ -21901,7 +21728,6 @@ function ConfirmationStep({
|
|
|
21901
21728
|
};
|
|
21902
21729
|
const isQuoteLoading = isInitialQuoting || isQuoting;
|
|
21903
21730
|
const isStepLoading = isInitialQuoting || isContinuing || isRefreshing;
|
|
21904
|
-
const uiCustomizations = funkitConfig.uiCustomizations?.confirmationScreen;
|
|
21905
21731
|
const customRecipient = checkoutItem?.initSettings.config.customRecipient;
|
|
21906
21732
|
const showKatanaBridgeAlert = useMemo33(() => {
|
|
21907
21733
|
const relayQuoteMetadata = latestQuote?.baseQuote?.metadata;
|
|
@@ -21909,14 +21735,14 @@ function ConfirmationStep({
|
|
|
21909
21735
|
return false;
|
|
21910
21736
|
}
|
|
21911
21737
|
const { swapImpact, appFeePercent } = extractRelayFeeInfo(relayQuoteMetadata);
|
|
21912
|
-
return isKatanaCustomer(
|
|
21738
|
+
return isKatanaCustomer(apiKey) && // Don't show for earn flow
|
|
21913
21739
|
!isKatanaEarnFlow({
|
|
21914
|
-
apiKey
|
|
21740
|
+
apiKey,
|
|
21915
21741
|
checkoutConfig: checkoutItem?.initSettings.config
|
|
21916
21742
|
}) && // Don't take totalImpact, just sum swapImpact and appFeePercent
|
|
21917
21743
|
// https://fun-xyz.slack.com/archives/C08PVUDA1M2/p1752179735981389?thread_ts=1752176009.628309&cid=C08PVUDA1M2
|
|
21918
21744
|
swapImpact + appFeePercent > KATANA_BRIDGE_ALERT_THRESHOLD_PERCENT;
|
|
21919
|
-
}, [
|
|
21745
|
+
}, [apiKey, latestQuote, checkoutItem]);
|
|
21920
21746
|
const checkoutConfig = checkoutItem?.initSettings.config;
|
|
21921
21747
|
const hasStakingToken = Boolean(checkoutConfig?.stakingToken);
|
|
21922
21748
|
const isVaultDeposit = checkoutConfig && isVaultDepositCheckout(checkoutConfig, {
|
|
@@ -21935,7 +21761,7 @@ function ConfirmationStep({
|
|
|
21935
21761
|
checkoutItem && !hidePrimaryInfo && /* @__PURE__ */ React145.createElement(
|
|
21936
21762
|
CheckoutPrimaryInfo,
|
|
21937
21763
|
{
|
|
21938
|
-
showTokenAmount: uiCustomizations?.showTokenAmount,
|
|
21764
|
+
showTokenAmount: uiCustomizations?.confirmationScreen?.showTokenAmount,
|
|
21939
21765
|
config: checkoutItem.initSettings.config,
|
|
21940
21766
|
usdAmount: latestQuote?.baseQuote.estSubtotalUsd,
|
|
21941
21767
|
isLoading: isQuoteLoading
|
|
@@ -21947,7 +21773,7 @@ function ConfirmationStep({
|
|
|
21947
21773
|
paymentMethodInfo,
|
|
21948
21774
|
customRecipient,
|
|
21949
21775
|
isLoading: isQuoteLoading,
|
|
21950
|
-
|
|
21776
|
+
estimatedTimeText
|
|
21951
21777
|
}
|
|
21952
21778
|
),
|
|
21953
21779
|
/* @__PURE__ */ React145.createElement(
|
|
@@ -22020,8 +21846,11 @@ var DirectExecutionNotifCenterContent = ({
|
|
|
22020
21846
|
}) => {
|
|
22021
21847
|
const { checkoutItem } = useCheckoutContext();
|
|
22022
21848
|
const { latestQuote } = useQuoteContext();
|
|
21849
|
+
const { apiKey } = useFunkitConfig();
|
|
22023
21850
|
const bottomSectionRef = useBottomSectionRef();
|
|
22024
|
-
const
|
|
21851
|
+
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
21852
|
+
apiKey,
|
|
21853
|
+
checkoutItem,
|
|
22025
21854
|
latestQuote?.finalTimeEstimationMs,
|
|
22026
21855
|
paymentMethodInfo.paymentMethod,
|
|
22027
21856
|
false
|
|
@@ -22072,7 +21901,7 @@ var DirectExecutionNotifCenterContent = ({
|
|
|
22072
21901
|
paymentMethodInfo,
|
|
22073
21902
|
customRecipient,
|
|
22074
21903
|
isLoading: false,
|
|
22075
|
-
|
|
21904
|
+
estimatedTimeText
|
|
22076
21905
|
}
|
|
22077
21906
|
),
|
|
22078
21907
|
/* @__PURE__ */ React146.createElement(
|
|
@@ -23502,7 +23331,7 @@ var QuickOptions = ({
|
|
|
23502
23331
|
|
|
23503
23332
|
// src/modals/CheckoutModal/InputAmount/useAmountInput.ts
|
|
23504
23333
|
import {
|
|
23505
|
-
useCallback as
|
|
23334
|
+
useCallback as useCallback34,
|
|
23506
23335
|
useMemo as useMemo34,
|
|
23507
23336
|
useReducer as useReducer3,
|
|
23508
23337
|
useRef as useRef23,
|
|
@@ -23510,10 +23339,10 @@ import {
|
|
|
23510
23339
|
} from "react";
|
|
23511
23340
|
|
|
23512
23341
|
// src/hooks/useTextMeasurer.ts
|
|
23513
|
-
import { useCallback as
|
|
23342
|
+
import { useCallback as useCallback33, useState as useState49 } from "react";
|
|
23514
23343
|
function useTextMeasurer(inputRef) {
|
|
23515
23344
|
const [temp] = useState49(() => document.createElement("span"));
|
|
23516
|
-
const measureText =
|
|
23345
|
+
const measureText = useCallback33(
|
|
23517
23346
|
(text, fontSize) => {
|
|
23518
23347
|
if (!inputRef.current) {
|
|
23519
23348
|
return void 0;
|
|
@@ -23854,7 +23683,7 @@ function useAmountInput(options) {
|
|
|
23854
23683
|
const isCardCheckout = paymentMethodInfo.paymentMethod === "card" /* CARD */;
|
|
23855
23684
|
const isMeldFlow = isCardCheckout && isMeldEnabled;
|
|
23856
23685
|
const unitPrice = isStablecoin(checkoutConfig.targetAssetTicker) ? 1 : realUnitPrice;
|
|
23857
|
-
const dispatchAndGetNewState =
|
|
23686
|
+
const dispatchAndGetNewState = useCallback34(
|
|
23858
23687
|
(action) => {
|
|
23859
23688
|
dispatch(action);
|
|
23860
23689
|
return getDerivedState(
|
|
@@ -24045,7 +23874,7 @@ function useAmountInput(options) {
|
|
|
24045
23874
|
return () => element2.removeEventListener("beforeinput", onBeforeInput2);
|
|
24046
23875
|
}
|
|
24047
23876
|
}, [inputDecimals, locale]);
|
|
24048
|
-
const onChange =
|
|
23877
|
+
const onChange = useCallback34(
|
|
24049
23878
|
(event) => {
|
|
24050
23879
|
dispatch({
|
|
24051
23880
|
type: "setInputValue",
|
|
@@ -24080,7 +23909,7 @@ function useAmountInput(options) {
|
|
|
24080
23909
|
});
|
|
24081
23910
|
}
|
|
24082
23911
|
}, [defaultAmount]);
|
|
24083
|
-
const setFiatAmount =
|
|
23912
|
+
const setFiatAmount = useCallback34(
|
|
24084
23913
|
(fiatAmount) => {
|
|
24085
23914
|
const newState = dispatchAndGetNewState({
|
|
24086
23915
|
type: "setFiatAmount",
|
|
@@ -24092,7 +23921,7 @@ function useAmountInput(options) {
|
|
|
24092
23921
|
},
|
|
24093
23922
|
[dispatchAndGetNewState, unitPrice]
|
|
24094
23923
|
);
|
|
24095
|
-
const toggleInputInFiat =
|
|
23924
|
+
const toggleInputInFiat = useCallback34(() => {
|
|
24096
23925
|
dispatch({ type: "toggleInputInFiat" });
|
|
24097
23926
|
inputRef.current?.focus();
|
|
24098
23927
|
}, []);
|
|
@@ -24111,7 +23940,7 @@ function useAmountInput(options) {
|
|
|
24111
23940
|
|
|
24112
23941
|
// src/modals/CheckoutModal/InputAmount/useMeld.tsx
|
|
24113
23942
|
import { MeldServiceProvider as MeldServiceProvider2 } from "@funkit/api-base";
|
|
24114
|
-
import React160, { useCallback as
|
|
23943
|
+
import React160, { useCallback as useCallback36 } from "react";
|
|
24115
23944
|
|
|
24116
23945
|
// src/components/SourceMeldQuoteItem/SourceMeldQuoteItem.tsx
|
|
24117
23946
|
import React159 from "react";
|
|
@@ -24501,12 +24330,12 @@ var useMeldQuotes = (sourceAmount, fiatCurrency) => {
|
|
|
24501
24330
|
|
|
24502
24331
|
// src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
|
|
24503
24332
|
import {
|
|
24504
|
-
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
24333
|
+
FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13,
|
|
24505
24334
|
hyperEvmChain as hyperEvmChain2,
|
|
24506
24335
|
katanaChain
|
|
24507
24336
|
} from "@funkit/chains";
|
|
24508
24337
|
import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
|
|
24509
|
-
import { useCallback as
|
|
24338
|
+
import { useCallback as useCallback35, useState as useState51 } from "react";
|
|
24510
24339
|
import { mainnet as mainnet10, mantle, zksync as zksync2 } from "viem/chains";
|
|
24511
24340
|
var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
|
|
24512
24341
|
if (!checkoutItem?.initSettings.config.targetChain) {
|
|
@@ -24527,7 +24356,7 @@ var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
|
|
|
24527
24356
|
const wethAddrOnTargetChain = (await getTokenAddressBySymbolAndChainId2("weth", moonpayChainId)).toLowerCase();
|
|
24528
24357
|
const isTargetAssetEthOrWeth = [NATIVE_TOKEN, wethAddrOnTargetChain].includes(
|
|
24529
24358
|
checkoutItem.initSettings.config.targetAsset
|
|
24530
|
-
) &&
|
|
24359
|
+
) && FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO13[moonpayChainId]?.nativeCurrency.symbol === "ETH" /* ETH */;
|
|
24531
24360
|
let sourceTokenAddress;
|
|
24532
24361
|
let sourceTokenTicker;
|
|
24533
24362
|
let sourceTokenChainId;
|
|
@@ -24567,7 +24396,7 @@ function useUpdateCardSourceAsset() {
|
|
|
24567
24396
|
const { checkoutItem, updateSourceAsset } = useCheckoutContext();
|
|
24568
24397
|
const { userIpInfo } = useFunkitUserIp();
|
|
24569
24398
|
const [isUpdating, setIsUpdating] = useState51(false);
|
|
24570
|
-
const onSelectCard =
|
|
24399
|
+
const onSelectCard = useCallback35(async () => {
|
|
24571
24400
|
setIsUpdating(true);
|
|
24572
24401
|
try {
|
|
24573
24402
|
const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
|
|
@@ -24672,7 +24501,7 @@ function useMeld(meldEnabled, manuallySelectedQuote, usdAmount, fiatCurrency) {
|
|
|
24672
24501
|
);
|
|
24673
24502
|
const isMeldMoonpaySelected = selectedQuote?.serviceProvider === MeldServiceProvider2.MOONPAY;
|
|
24674
24503
|
const isMeldContinueDisabled = meldEnabled && (!!meldLimitError || isMeldLinkPending || !!meldQuotesQuery.error || meldQuotesQuery.isFetching || isSelectedQuoteUnavailable);
|
|
24675
|
-
const getMeldError =
|
|
24504
|
+
const getMeldError = useCallback36(
|
|
24676
24505
|
function getMeldError2() {
|
|
24677
24506
|
if (isSelectedQuoteUnavailable) {
|
|
24678
24507
|
return {
|
|
@@ -24918,14 +24747,16 @@ function useAmountInputUI({
|
|
|
24918
24747
|
fiatCurrency,
|
|
24919
24748
|
handleSubmit
|
|
24920
24749
|
}) {
|
|
24921
|
-
const [
|
|
24750
|
+
const [isLayoutAnimating, setisLayoutAnimating] = React161.useState(true);
|
|
24922
24751
|
const { targetAssetTicker, stakingToken } = checkoutConfig;
|
|
24923
24752
|
const handleIsAmountInAbsoluteToggle = () => {
|
|
24753
|
+
setisLayoutAnimating(true);
|
|
24924
24754
|
if (!stakingToken) {
|
|
24925
24755
|
toggleInputInFiat();
|
|
24926
24756
|
}
|
|
24927
24757
|
};
|
|
24928
24758
|
const handleKeyDown = (event) => {
|
|
24759
|
+
setisLayoutAnimating(false);
|
|
24929
24760
|
if (event.key !== "Enter") {
|
|
24930
24761
|
return;
|
|
24931
24762
|
}
|
|
@@ -24966,6 +24797,7 @@ function useAmountInputUI({
|
|
|
24966
24797
|
fontVariantNumeric: "proportional-nums"
|
|
24967
24798
|
},
|
|
24968
24799
|
ignoreFontSize: true,
|
|
24800
|
+
ignoreBaseTransitions: true,
|
|
24969
24801
|
overrideBorderWidth: "0",
|
|
24970
24802
|
overrideBackground: "transparent",
|
|
24971
24803
|
placeholder,
|
|
@@ -24977,7 +24809,7 @@ function useAmountInputUI({
|
|
|
24977
24809
|
duration: 0.2,
|
|
24978
24810
|
ease: [0.25, 1, 0.5, 1],
|
|
24979
24811
|
layout: {
|
|
24980
|
-
duration: 0.2,
|
|
24812
|
+
duration: isLayoutAnimating ? 0.2 : 0,
|
|
24981
24813
|
ease: [0.25, 1, 0.5, 1]
|
|
24982
24814
|
}
|
|
24983
24815
|
};
|
|
@@ -24989,8 +24821,6 @@ function useAmountInputUI({
|
|
|
24989
24821
|
input: {
|
|
24990
24822
|
transition,
|
|
24991
24823
|
animate: { fontSize },
|
|
24992
|
-
onAnimationStart: () => setIsAnimating(true),
|
|
24993
|
-
onAnimationComplete: () => setIsAnimating(false),
|
|
24994
24824
|
style: {
|
|
24995
24825
|
color: "var(--fk-color-primary-text)",
|
|
24996
24826
|
display: "flex",
|
|
@@ -25004,8 +24834,6 @@ function useAmountInputUI({
|
|
|
25004
24834
|
switch: {
|
|
25005
24835
|
transition,
|
|
25006
24836
|
animate: { fontSize: "inherit" },
|
|
25007
|
-
onAnimationStart: () => setIsAnimating(true),
|
|
25008
|
-
onAnimationComplete: () => setIsAnimating(false),
|
|
25009
24837
|
style: {
|
|
25010
24838
|
color: "var(--fk-color-secondary-text)",
|
|
25011
24839
|
zIndex: 100,
|
|
@@ -25030,7 +24858,7 @@ function useAmountInputUI({
|
|
|
25030
24858
|
opacity: 0
|
|
25031
24859
|
},
|
|
25032
24860
|
animate: {
|
|
25033
|
-
opacity:
|
|
24861
|
+
opacity: isLayoutAnimating ? 1 : 0
|
|
25034
24862
|
},
|
|
25035
24863
|
transition,
|
|
25036
24864
|
style: {
|
|
@@ -25064,7 +24892,27 @@ function useAmountInputUI({
|
|
|
25064
24892
|
width: inputWidth
|
|
25065
24893
|
}
|
|
25066
24894
|
},
|
|
25067
|
-
isInputInFiat ? /* @__PURE__ */ React161.createElement(
|
|
24895
|
+
isInputInFiat ? /* @__PURE__ */ React161.createElement(
|
|
24896
|
+
motion9.div,
|
|
24897
|
+
{
|
|
24898
|
+
key: "fiat",
|
|
24899
|
+
layoutId: isLayoutAnimating ? "fiat" : void 0,
|
|
24900
|
+
...motionProps.input
|
|
24901
|
+
},
|
|
24902
|
+
inputAffix.type === "prefix" && affixElement,
|
|
24903
|
+
/* @__PURE__ */ React161.createElement(FunInput, { ...sharedInputProps }),
|
|
24904
|
+
/* @__PURE__ */ React161.createElement(Backdrop, null)
|
|
24905
|
+
) : /* @__PURE__ */ React161.createElement(
|
|
24906
|
+
motion9.div,
|
|
24907
|
+
{
|
|
24908
|
+
key: "asset",
|
|
24909
|
+
layoutId: isLayoutAnimating ? "asset" : void 0,
|
|
24910
|
+
...motionProps.input
|
|
24911
|
+
},
|
|
24912
|
+
/* @__PURE__ */ React161.createElement(FunInput, { ...sharedInputProps }),
|
|
24913
|
+
inputAffix.type === "suffix" && affixElement,
|
|
24914
|
+
/* @__PURE__ */ React161.createElement(Backdrop, null)
|
|
24915
|
+
)
|
|
25068
24916
|
)
|
|
25069
24917
|
);
|
|
25070
24918
|
const innerSwitch = (() => {
|
|
@@ -26001,7 +25849,7 @@ function MeldQuotes({
|
|
|
26001
25849
|
}
|
|
26002
25850
|
|
|
26003
25851
|
// src/modals/CheckoutModal/MeldRedirect/MeldRedirect.tsx
|
|
26004
|
-
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as
|
|
25852
|
+
import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14 } from "@funkit/chains";
|
|
26005
25853
|
import React169 from "react";
|
|
26006
25854
|
var MeldRedirectInfo = {
|
|
26007
25855
|
Component: MeldRedirect,
|
|
@@ -26030,7 +25878,7 @@ function MeldRedirect({
|
|
|
26030
25878
|
const [destinationCurrencyCode, destinationChainName = ""] = quote.destinationCurrencyCode.split("_");
|
|
26031
25879
|
const providerLabel = providerLabelMap[quote.serviceProvider] ?? quote.serviceProvider;
|
|
26032
25880
|
const getChainIdByName = (chainName) => {
|
|
26033
|
-
const entry = Object.entries(
|
|
25881
|
+
const entry = Object.entries(FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO14).find(
|
|
26034
25882
|
([, chainInfo]) => chainInfo?.name.toLowerCase() === chainName.toLowerCase()
|
|
26035
25883
|
);
|
|
26036
25884
|
return entry?.[0];
|
|
@@ -26086,7 +25934,11 @@ function MeldRedirect({
|
|
|
26086
25934
|
}
|
|
26087
25935
|
|
|
26088
25936
|
// src/modals/CheckoutModal/SelectAsset.tsx
|
|
26089
|
-
import {
|
|
25937
|
+
import {
|
|
25938
|
+
FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2,
|
|
25939
|
+
etherealChain,
|
|
25940
|
+
hyperEvmChain as hyperEvmChain3
|
|
25941
|
+
} from "@funkit/chains";
|
|
26090
25942
|
import { formatCurrencyAndStringify as formatCurrencyAndStringify11, isTokenEquivalent as isTokenEquivalent8 } from "@funkit/utils";
|
|
26091
25943
|
import React172, { useEffect as useEffect45, useMemo as useMemo40, useState as useState53 } from "react";
|
|
26092
25944
|
import { createPortal as createPortal17 } from "react-dom";
|
|
@@ -26219,7 +26071,7 @@ var NewTokenDepositAlert = ({
|
|
|
26219
26071
|
// src/hooks/useAllowedAssets.ts
|
|
26220
26072
|
import { getAllowedAssets } from "@funkit/api-base";
|
|
26221
26073
|
import { useQuery as useQuery20 } from "@tanstack/react-query";
|
|
26222
|
-
import { useCallback as
|
|
26074
|
+
import { useCallback as useCallback37, useMemo as useMemo39 } from "react";
|
|
26223
26075
|
function useAllowedAssets() {
|
|
26224
26076
|
const { apiKey } = useFunkitConfig();
|
|
26225
26077
|
const { checkoutItem } = useCheckoutContext();
|
|
@@ -26244,7 +26096,7 @@ function useAllowedAssets() {
|
|
|
26244
26096
|
}
|
|
26245
26097
|
return ret;
|
|
26246
26098
|
}, [allowedAssets]);
|
|
26247
|
-
const isAllowed =
|
|
26099
|
+
const isAllowed = useCallback37(
|
|
26248
26100
|
(chainId, tokenAddress) => {
|
|
26249
26101
|
const disabledByCustomerList = checkoutItem?.initSettings.config.disabledSourceTokens?.some(
|
|
26250
26102
|
(token) => {
|
|
@@ -26383,24 +26235,11 @@ function useAssetOptions({
|
|
|
26383
26235
|
badgeText = reason;
|
|
26384
26236
|
} else if (!isKnown) {
|
|
26385
26237
|
badgeText = "Unknown";
|
|
26386
|
-
} else if (
|
|
26387
|
-
firstTokenChainId: mainnet11.id.toString(),
|
|
26388
|
-
firstTokenAddress: "0x90d2af7d622ca3141efa4d8f1f24d86e5974cc8f",
|
|
26389
|
-
// eUSDe (ethereum)
|
|
26390
|
-
secondTokenChainId: asset.pickedChainId,
|
|
26391
|
-
secondTokenAddress: asset.tokenAddress
|
|
26392
|
-
})) {
|
|
26393
|
-
badgeText = "Native";
|
|
26394
|
-
priority = 1e3;
|
|
26395
|
-
} else if (dynamicTargetAssetCandidates.some(
|
|
26396
|
-
(token) => isTokenEquivalent8({
|
|
26397
|
-
firstTokenChainId: token.tokenChainId,
|
|
26398
|
-
firstTokenAddress: token.tokenAddress,
|
|
26399
|
-
secondTokenChainId: asset.pickedChainId,
|
|
26400
|
-
secondTokenAddress: asset.tokenAddress
|
|
26401
|
-
})
|
|
26402
|
-
)) {
|
|
26238
|
+
} else if (isTreatedAsNativeToken(apiKey, asset, dynamicTargetAssetCandidates)) {
|
|
26403
26239
|
badgeText = "Native";
|
|
26240
|
+
if (showsNativeTokensOnTop(apiKey)) {
|
|
26241
|
+
priority = 1e3;
|
|
26242
|
+
}
|
|
26404
26243
|
} else if (isUserSelected) {
|
|
26405
26244
|
badgeText = "Same Asset";
|
|
26406
26245
|
}
|
|
@@ -26822,10 +26661,53 @@ function SelectAsset({
|
|
|
26822
26661
|
}
|
|
26823
26662
|
));
|
|
26824
26663
|
}
|
|
26664
|
+
function isTreatedAsNativeToken(apiKey, asset, dynamicTargetAssetCandidates) {
|
|
26665
|
+
if (isEtherealCustomer(apiKey)) {
|
|
26666
|
+
if (isTokenEquivalent8({
|
|
26667
|
+
firstTokenChainId: mainnet11.id.toString(),
|
|
26668
|
+
firstTokenAddress: "0x90d2af7d622ca3141efa4d8f1f24d86e5974cc8f",
|
|
26669
|
+
// eUSDe (Ethereum)
|
|
26670
|
+
secondTokenChainId: asset.pickedChainId,
|
|
26671
|
+
secondTokenAddress: asset.tokenAddress
|
|
26672
|
+
})) {
|
|
26673
|
+
return true;
|
|
26674
|
+
}
|
|
26675
|
+
if (isTokenEquivalent8({
|
|
26676
|
+
firstTokenChainId: etherealChain.id.toString(),
|
|
26677
|
+
firstTokenAddress: NATIVE_TOKEN,
|
|
26678
|
+
// USDe (Ethereal) uses 0xeeee... address
|
|
26679
|
+
secondTokenChainId: asset.pickedChainId,
|
|
26680
|
+
secondTokenAddress: asset.tokenAddress
|
|
26681
|
+
})) {
|
|
26682
|
+
return true;
|
|
26683
|
+
}
|
|
26684
|
+
}
|
|
26685
|
+
if (isHyenaCustomer(apiKey)) {
|
|
26686
|
+
if (isTokenEquivalent8({
|
|
26687
|
+
firstTokenChainId: hyperEvmChain3.id.toString(),
|
|
26688
|
+
firstTokenAddress: "0x5d3a1ff2b6bab83b63cd9ad0787074081a52ef34",
|
|
26689
|
+
secondTokenChainId: asset.pickedChainId,
|
|
26690
|
+
secondTokenAddress: asset.tokenAddress
|
|
26691
|
+
})) {
|
|
26692
|
+
return true;
|
|
26693
|
+
}
|
|
26694
|
+
}
|
|
26695
|
+
return dynamicTargetAssetCandidates.some(
|
|
26696
|
+
(token) => isTokenEquivalent8({
|
|
26697
|
+
firstTokenChainId: token.tokenChainId,
|
|
26698
|
+
firstTokenAddress: token.tokenAddress,
|
|
26699
|
+
secondTokenChainId: asset.pickedChainId,
|
|
26700
|
+
secondTokenAddress: asset.tokenAddress
|
|
26701
|
+
})
|
|
26702
|
+
);
|
|
26703
|
+
}
|
|
26704
|
+
function showsNativeTokensOnTop(apiKey) {
|
|
26705
|
+
return isEtherealCustomer(apiKey) || isHyenaCustomer(apiKey);
|
|
26706
|
+
}
|
|
26825
26707
|
|
|
26826
26708
|
// src/modals/CheckoutModal/SourceChange/SourceChange.tsx
|
|
26827
26709
|
import { BridgeCustomerStatus as BridgeCustomerStatus6, MeldServiceProvider as MeldServiceProvider4 } from "@funkit/api-base";
|
|
26828
|
-
import React174, { useCallback as
|
|
26710
|
+
import React174, { useCallback as useCallback38, useEffect as useEffect46, useState as useState54 } from "react";
|
|
26829
26711
|
import { createPortal as createPortal18 } from "react-dom";
|
|
26830
26712
|
|
|
26831
26713
|
// src/modals/CheckoutModal/SourceChange/DefiPurchaseSection.tsx
|
|
@@ -26980,7 +26862,7 @@ function PayPal() {
|
|
|
26980
26862
|
const isMeldEnabled = useIsMeldEnabled();
|
|
26981
26863
|
const { checkoutItem } = useCheckoutContext();
|
|
26982
26864
|
const isPaypalReady = false;
|
|
26983
|
-
const onClick =
|
|
26865
|
+
const onClick = useCallback38(() => {
|
|
26984
26866
|
if (isMeldEnabled && isPaypalReady) {
|
|
26985
26867
|
openMeldPopup(() => mutateAsync(MeldServiceProvider4.PAYPAL));
|
|
26986
26868
|
} else {
|
|
@@ -27047,7 +26929,7 @@ function SourceChange({
|
|
|
27047
26929
|
brokerageFailed: false
|
|
27048
26930
|
});
|
|
27049
26931
|
};
|
|
27050
|
-
const onCloseConnectModal =
|
|
26932
|
+
const onCloseConnectModal = useCallback38(() => {
|
|
27051
26933
|
if (modalState.isSoftHidden) {
|
|
27052
26934
|
setModalState((state) => ({ ...state, isSoftHidden: false }));
|
|
27053
26935
|
}
|
|
@@ -27213,13 +27095,13 @@ import { createPortal as createPortal19 } from "react-dom";
|
|
|
27213
27095
|
|
|
27214
27096
|
// src/components/CopyAddress/CopyInputDisplayedAddress.tsx
|
|
27215
27097
|
import { truncateMiddleOfAddress } from "@funkit/utils";
|
|
27216
|
-
import React175, { useCallback as
|
|
27098
|
+
import React175, { useCallback as useCallback40, useState as useState56 } from "react";
|
|
27217
27099
|
|
|
27218
27100
|
// src/hooks/useCopyToClipboard.ts
|
|
27219
|
-
import { useCallback as
|
|
27101
|
+
import { useCallback as useCallback39, useEffect as useEffect47, useState as useState55 } from "react";
|
|
27220
27102
|
var useCopyToClipboard = (text, delay = 1500) => {
|
|
27221
27103
|
const [isCopied, setCopied] = useState55(false);
|
|
27222
|
-
const handleCopy =
|
|
27104
|
+
const handleCopy = useCallback39(() => {
|
|
27223
27105
|
if (!text) {
|
|
27224
27106
|
return;
|
|
27225
27107
|
}
|
|
@@ -27237,7 +27119,7 @@ var useCopyToClipboard = (text, delay = 1500) => {
|
|
|
27237
27119
|
};
|
|
27238
27120
|
|
|
27239
27121
|
// src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
|
|
27240
|
-
var copyButton = "_1kbzei93 _1rsrm2fen _1rsrm2ffk _1rsrm2fgd _1rsrm2fdm _1rsrm2fib
|
|
27122
|
+
var copyButton = "_1kbzei93 _1rsrm2fen _1rsrm2ffk _1rsrm2fgd _1rsrm2fdm _1rsrm2fib _1rsrm2f1qg _1rsrm2fm4 _1rsrm2fmh _1rsrm2foi";
|
|
27241
27123
|
var copyButtonIcon = "_1kbzei94";
|
|
27242
27124
|
var copyButtonIconActive = "_1kbzei96 _1kbzei94";
|
|
27243
27125
|
var copyButtonIconBase = "_1kbzei95";
|
|
@@ -27259,7 +27141,7 @@ function CopyInputDisplayedAddress({
|
|
|
27259
27141
|
const { handleCopy } = useCopyToClipboard(address);
|
|
27260
27142
|
const [isActive, setIsActive] = useState56(null);
|
|
27261
27143
|
const displayAddress = truncateAddress ? truncateMiddleOfAddress(address, 40, 24, 8) : address;
|
|
27262
|
-
const handleClick =
|
|
27144
|
+
const handleClick = useCallback40(() => {
|
|
27263
27145
|
if (isActive) {
|
|
27264
27146
|
return;
|
|
27265
27147
|
}
|
|
@@ -27533,10 +27415,7 @@ var QRCodeSkeletonLoader = ({
|
|
|
27533
27415
|
var QRCodeSkeletonLoader_default = QRCodeSkeletonLoader;
|
|
27534
27416
|
|
|
27535
27417
|
// src/components/TransferTokenDetails/TransferTokenDetails.tsx
|
|
27536
|
-
import {
|
|
27537
|
-
formatNumberAndStringify,
|
|
27538
|
-
formatSecondsToReadableForm as formatSecondsToReadableForm4
|
|
27539
|
-
} from "@funkit/utils";
|
|
27418
|
+
import { formatNumberAndStringify } from "@funkit/utils";
|
|
27540
27419
|
import React186 from "react";
|
|
27541
27420
|
|
|
27542
27421
|
// src/components/Icons/New/DollarIcon.tsx
|
|
@@ -27827,7 +27706,10 @@ var TransferTokenDetails = ({
|
|
|
27827
27706
|
estPriceImpact,
|
|
27828
27707
|
maxSlippage
|
|
27829
27708
|
}) => {
|
|
27830
|
-
const
|
|
27709
|
+
const { apiKey } = useFunkitConfig();
|
|
27710
|
+
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
27711
|
+
apiKey,
|
|
27712
|
+
null,
|
|
27831
27713
|
// not provided on purpose for <1min default visuals
|
|
27832
27714
|
estProcessingTime,
|
|
27833
27715
|
"token_transfer" /* TOKEN_TRANSFER */,
|
|
@@ -27892,7 +27774,7 @@ var TransferTokenDetails = ({
|
|
|
27892
27774
|
] : [],
|
|
27893
27775
|
{
|
|
27894
27776
|
text: "Processing time:",
|
|
27895
|
-
value:
|
|
27777
|
+
value: estimatedTimeText,
|
|
27896
27778
|
icon: /* @__PURE__ */ React186.createElement(SpeedometerIcon, null)
|
|
27897
27779
|
},
|
|
27898
27780
|
{
|
|
@@ -28575,9 +28457,9 @@ var FiatAccountDetail = {
|
|
|
28575
28457
|
|
|
28576
28458
|
// src/modals/CheckoutModal/VirtualFiatAccount/KycIframe.tsx
|
|
28577
28459
|
import { BridgeCustomerStatus as BridgeCustomerStatus7 } from "@funkit/api-base";
|
|
28578
|
-
import React194, { useCallback as
|
|
28460
|
+
import React194, { useCallback as useCallback41, useEffect as useEffect48, useMemo as useMemo42, useState as useState60 } from "react";
|
|
28579
28461
|
function useIframeListener(listeners) {
|
|
28580
|
-
const handleMessage =
|
|
28462
|
+
const handleMessage = useCallback41(
|
|
28581
28463
|
(event) => {
|
|
28582
28464
|
switch (event.data.name) {
|
|
28583
28465
|
case "load": {
|
|
@@ -28814,7 +28696,7 @@ function initialState(checkoutItem) {
|
|
|
28814
28696
|
function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
28815
28697
|
const { logEvent } = useTrack();
|
|
28816
28698
|
const [modalState, setModalState] = useState61(() => initialState(checkoutItem));
|
|
28817
|
-
const trackNextState =
|
|
28699
|
+
const trackNextState = useCallback42(
|
|
28818
28700
|
(nextState) => {
|
|
28819
28701
|
const trackEvent = trackEventFromNextState(nextState);
|
|
28820
28702
|
logEvent(trackEvent);
|
|
@@ -28822,7 +28704,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
|
28822
28704
|
[logEvent]
|
|
28823
28705
|
);
|
|
28824
28706
|
const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
|
|
28825
|
-
const onCloseWrapper =
|
|
28707
|
+
const onCloseWrapper = useCallback42(
|
|
28826
28708
|
(options) => {
|
|
28827
28709
|
const normalizedIsNewDeposit = !!options?.isNewDeposit;
|
|
28828
28710
|
checkoutItem.initSettings.onClose?.({
|
|
@@ -28847,7 +28729,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
|
28847
28729
|
const [stateHistory, setHistory] = useState61([]);
|
|
28848
28730
|
const prevStep = useRef25(null);
|
|
28849
28731
|
const hasHistoryEntry = stateHistory.length > 1;
|
|
28850
|
-
const onNext =
|
|
28732
|
+
const onNext = useCallback42(
|
|
28851
28733
|
(payload) => {
|
|
28852
28734
|
if (prevStep.current === modalState.step) {
|
|
28853
28735
|
return;
|
|
@@ -28888,7 +28770,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
|
28888
28770
|
trackNextState
|
|
28889
28771
|
]
|
|
28890
28772
|
);
|
|
28891
|
-
const onStepChange =
|
|
28773
|
+
const onStepChange = useCallback42(
|
|
28892
28774
|
(nextState) => {
|
|
28893
28775
|
if (prevStep.current === modalState.step) {
|
|
28894
28776
|
return;
|
|
@@ -28902,7 +28784,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
|
|
|
28902
28784
|
},
|
|
28903
28785
|
[modalState, animate, trackNextState]
|
|
28904
28786
|
);
|
|
28905
|
-
const onBack =
|
|
28787
|
+
const onBack = useCallback42(() => {
|
|
28906
28788
|
clearCheckoutQuoteMessages();
|
|
28907
28789
|
const backStepOverride = checkoutBackMap[modalState.step];
|
|
28908
28790
|
const prevState = [...stateHistory].reverse().find((s) => s.step === backStepOverride) ?? stateHistory[stateHistory.length - 1];
|
|
@@ -29105,7 +28987,7 @@ var FunConnectResultStep = ({
|
|
|
29105
28987
|
|
|
29106
28988
|
// src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
|
|
29107
28989
|
import { isMobile as isMobile8, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
|
|
29108
|
-
import React199, { useCallback as
|
|
28990
|
+
import React199, { useCallback as useCallback43, useEffect as useEffect51 } from "react";
|
|
29109
28991
|
|
|
29110
28992
|
// src/components/CopyAddress/OldCopyAddressButton.tsx
|
|
29111
28993
|
import React198 from "react";
|
|
@@ -29158,7 +29040,7 @@ function FunFarcasterConnectingStep({
|
|
|
29158
29040
|
}
|
|
29159
29041
|
}, [farcasterUri, mobile, safari]);
|
|
29160
29042
|
useSIWFarcasterListener(farcasterToken);
|
|
29161
|
-
const svgUrl =
|
|
29043
|
+
const svgUrl = useCallback43(async () => {
|
|
29162
29044
|
return (await import("./farcaster-MF6WINBA.js")).default;
|
|
29163
29045
|
}, []);
|
|
29164
29046
|
const promptText = mobile ? "To sign in with Farcaster, please open the Warpcast app." : "Scan this QR code or open the link with your mobile phone.";
|
|
@@ -29206,11 +29088,11 @@ function FunFarcasterConnectingStep({
|
|
|
29206
29088
|
|
|
29207
29089
|
// src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
|
|
29208
29090
|
import { isNotNullish as isNotNullish9 } from "@funkit/utils";
|
|
29209
|
-
import React202, { useCallback as
|
|
29091
|
+
import React202, { useCallback as useCallback45, useEffect as useEffect53, useState as useState64 } from "react";
|
|
29210
29092
|
|
|
29211
29093
|
// src/components/FunInput/FunTwoFaInput.tsx
|
|
29212
29094
|
import React200, {
|
|
29213
|
-
useCallback as
|
|
29095
|
+
useCallback as useCallback44,
|
|
29214
29096
|
useEffect as useEffect52,
|
|
29215
29097
|
useRef as useRef27,
|
|
29216
29098
|
useState as useState63
|
|
@@ -29237,12 +29119,12 @@ var FunTwoFaInput = ({
|
|
|
29237
29119
|
setFocusIndex(0);
|
|
29238
29120
|
}
|
|
29239
29121
|
}, [value]);
|
|
29240
|
-
const ensureFocus =
|
|
29122
|
+
const ensureFocus = useCallback44((nextIndex) => {
|
|
29241
29123
|
setTimeout(() => {
|
|
29242
29124
|
inputRefs.current[nextIndex]?.focus();
|
|
29243
29125
|
}, 10);
|
|
29244
29126
|
}, []);
|
|
29245
|
-
const handleBackspace =
|
|
29127
|
+
const handleBackspace = useCallback44(
|
|
29246
29128
|
(index) => {
|
|
29247
29129
|
if (index === maxInputLength - 1 && value.length === maxInputLength) {
|
|
29248
29130
|
onChange(value.slice(0, index));
|
|
@@ -29266,7 +29148,7 @@ var FunTwoFaInput = ({
|
|
|
29266
29148
|
},
|
|
29267
29149
|
[currentLength, initialInputLength, maxInputLength, onChange, value]
|
|
29268
29150
|
);
|
|
29269
|
-
const handleChange =
|
|
29151
|
+
const handleChange = useCallback44(
|
|
29270
29152
|
(changeEvent) => {
|
|
29271
29153
|
changeEvent.stopPropagation();
|
|
29272
29154
|
const nativeEvent = changeEvent.nativeEvent;
|
|
@@ -29435,7 +29317,7 @@ var FunWeb2ConnectingStep = ({
|
|
|
29435
29317
|
useEffect53(() => {
|
|
29436
29318
|
clearLoginError();
|
|
29437
29319
|
}, []);
|
|
29438
|
-
const handleOtpComplete =
|
|
29320
|
+
const handleOtpComplete = useCallback45(
|
|
29439
29321
|
async (finalOtpInput) => {
|
|
29440
29322
|
if (isNotNullish9(initialChainId)) {
|
|
29441
29323
|
await handleFunkitWeb2Login({
|
|
@@ -29582,7 +29464,7 @@ function FunConnectOptions({
|
|
|
29582
29464
|
const { loginConfig } = useFunkitConfig();
|
|
29583
29465
|
const prioritizedLoginType = loginConfig.prioritizedLogin;
|
|
29584
29466
|
const hasSecondarySignIn = prioritizedLoginType !== "none" && loginConfig.web2 && loginConfig.web3;
|
|
29585
|
-
const changeStep =
|
|
29467
|
+
const changeStep = useCallback46((newStep) => {
|
|
29586
29468
|
setStep(newStep);
|
|
29587
29469
|
if (isSignIn(newStep)) {
|
|
29588
29470
|
setSelectedWallet(void 0);
|
|
@@ -29590,7 +29472,7 @@ function FunConnectOptions({
|
|
|
29590
29472
|
}
|
|
29591
29473
|
}, []);
|
|
29592
29474
|
const { animation, navigateTo } = useAnimatedNavigation(changeStep);
|
|
29593
|
-
const handleBackToSignIn =
|
|
29475
|
+
const handleBackToSignIn = useCallback46(
|
|
29594
29476
|
(type) => {
|
|
29595
29477
|
const isPrimary = !hasSecondarySignIn || type === prioritizedLoginType;
|
|
29596
29478
|
navigateTo(
|
|
@@ -29601,7 +29483,7 @@ function FunConnectOptions({
|
|
|
29601
29483
|
[navigateTo, hasSecondarySignIn, prioritizedLoginType]
|
|
29602
29484
|
);
|
|
29603
29485
|
const walletConnectors = usePreparedWalletConnectors();
|
|
29604
|
-
const onRegenerateQrCode =
|
|
29486
|
+
const onRegenerateQrCode = useCallback46(
|
|
29605
29487
|
async (wallet) => {
|
|
29606
29488
|
const sWallet = walletConnectors.find((w) => wallet.id === w.id);
|
|
29607
29489
|
const uri = await sWallet?.getQrCodeUri?.();
|
|
@@ -29609,7 +29491,7 @@ function FunConnectOptions({
|
|
|
29609
29491
|
},
|
|
29610
29492
|
[walletConnectors]
|
|
29611
29493
|
);
|
|
29612
|
-
const connectToWallet =
|
|
29494
|
+
const connectToWallet = useCallback46(
|
|
29613
29495
|
async (wallet) => {
|
|
29614
29496
|
if (!wallet.ready) {
|
|
29615
29497
|
return;
|
|
@@ -29628,7 +29510,7 @@ function FunConnectOptions({
|
|
|
29628
29510
|
},
|
|
29629
29511
|
[changeStep, onRegenerateQrCode]
|
|
29630
29512
|
);
|
|
29631
|
-
const handleRetry =
|
|
29513
|
+
const handleRetry = useCallback46(() => {
|
|
29632
29514
|
if (!selectedWallet || selectedWallet.id === FUNKIT_CONNECT_WALLET_ID) {
|
|
29633
29515
|
handleBackToSignIn("web2");
|
|
29634
29516
|
} else {
|
|
@@ -29887,7 +29769,7 @@ function FunSignInStep({
|
|
|
29887
29769
|
changeStep(3 /* PENDING_WALLET */);
|
|
29888
29770
|
}
|
|
29889
29771
|
};
|
|
29890
|
-
const handleEmailSubmit =
|
|
29772
|
+
const handleEmailSubmit = useCallback47(async () => {
|
|
29891
29773
|
if (!isEmailInputValid) {
|
|
29892
29774
|
return;
|
|
29893
29775
|
}
|
|
@@ -30201,7 +30083,7 @@ var PaymentRouteSummarySkeletonLoader = () => /* @__PURE__ */ React209.createEle
|
|
|
30201
30083
|
function PaymentMethodSummary({
|
|
30202
30084
|
paymentMethodInfo,
|
|
30203
30085
|
customRecipient,
|
|
30204
|
-
|
|
30086
|
+
estimatedTimeText,
|
|
30205
30087
|
isLoading,
|
|
30206
30088
|
isWithdrawal = false
|
|
30207
30089
|
}) {
|
|
@@ -30222,12 +30104,12 @@ function PaymentMethodSummary({
|
|
|
30222
30104
|
width: "54"
|
|
30223
30105
|
}
|
|
30224
30106
|
)
|
|
30225
|
-
) : /* @__PURE__ */ React210.createElement(Text, { weight: "medium", size: "12", textAlign: "right" },
|
|
30107
|
+
) : /* @__PURE__ */ React210.createElement(Text, { weight: "medium", size: "12", textAlign: "right" }, estimatedTimeText)));
|
|
30226
30108
|
}
|
|
30227
30109
|
|
|
30228
30110
|
// src/modals/CheckoutModal/TransferToken/CheckoutNotifications.tsx
|
|
30229
30111
|
import clsx22 from "clsx";
|
|
30230
|
-
import React216, { useCallback as
|
|
30112
|
+
import React216, { useCallback as useCallback49, useEffect as useEffect56, useMemo as useMemo45, useState as useState68 } from "react";
|
|
30231
30113
|
|
|
30232
30114
|
// src/components/FunNotificationBanner/FunNotificationShowMoreButton.tsx
|
|
30233
30115
|
import React211 from "react";
|
|
@@ -30333,7 +30215,7 @@ var showMoreButtonStyle = "_4yitd93 _1rsrm2f12a _1rsrm2f1f _1rsrm2f1c _1rsrm2fls
|
|
|
30333
30215
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
|
|
30334
30216
|
import clsx20 from "clsx";
|
|
30335
30217
|
import { motion as motion14, useAnimate as useAnimate3 } from "motion/react";
|
|
30336
|
-
import React212, { useCallback as
|
|
30218
|
+
import React212, { useCallback as useCallback48, useEffect as useEffect55, useRef as useRef28 } from "react";
|
|
30337
30219
|
|
|
30338
30220
|
// src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
|
|
30339
30221
|
var STATUS_SPINNER_BOTTOM_POSITION = -5;
|
|
@@ -30582,7 +30464,7 @@ var FunNotificationBannerIcon = ({
|
|
|
30582
30464
|
fallbackIconUrl = FALLBACK_ASSET
|
|
30583
30465
|
}) => {
|
|
30584
30466
|
const [animationScope, animate] = useAnimate3();
|
|
30585
|
-
const triggerAnimationProcessingToCompleted =
|
|
30467
|
+
const triggerAnimationProcessingToCompleted = useCallback48(async () => {
|
|
30586
30468
|
const completedIconPath = document.querySelector(
|
|
30587
30469
|
`.${generateAnimationPrefixClassName("icon-wrapper-completed")} path`
|
|
30588
30470
|
);
|
|
@@ -30689,7 +30571,7 @@ var FunNotificationBannerIcon = ({
|
|
|
30689
30571
|
)
|
|
30690
30572
|
]);
|
|
30691
30573
|
}, [animate]);
|
|
30692
|
-
const triggerAnimationDelayedToFailed =
|
|
30574
|
+
const triggerAnimationDelayedToFailed = useCallback48(async () => {
|
|
30693
30575
|
await Promise.all([
|
|
30694
30576
|
animate(
|
|
30695
30577
|
`.${generateAnimationPrefixClassName("icon-wrapper")}`,
|
|
@@ -31371,7 +31253,7 @@ var CheckoutNotifications = ({
|
|
|
31371
31253
|
}, [isExpanded, combinedNotifications]);
|
|
31372
31254
|
const handleNotificationClose = (id) => setClosedNotifications((prev) => [...prev, id]);
|
|
31373
31255
|
const { logEvent } = useTrack();
|
|
31374
|
-
const handleNewNotification =
|
|
31256
|
+
const handleNewNotification = useCallback49(
|
|
31375
31257
|
(item) => {
|
|
31376
31258
|
const trackEvent = trackEventFromNotification(item);
|
|
31377
31259
|
logEvent(trackEvent);
|
|
@@ -31445,8 +31327,11 @@ var DirectExecutionNotifCenterContent2 = ({
|
|
|
31445
31327
|
paymentMethodInfo,
|
|
31446
31328
|
quote
|
|
31447
31329
|
}) => {
|
|
31330
|
+
const { apiKey } = useFunkitConfig();
|
|
31448
31331
|
const bottomSectionRef = useBottomSectionRef();
|
|
31449
|
-
const
|
|
31332
|
+
const { estimatedTimeText } = useCheckoutTimeEstimate(
|
|
31333
|
+
apiKey,
|
|
31334
|
+
null,
|
|
31450
31335
|
quote?.finalTimeEstimationMs,
|
|
31451
31336
|
paymentMethodInfo.paymentMethod,
|
|
31452
31337
|
false
|
|
@@ -31497,8 +31382,8 @@ var DirectExecutionNotifCenterContent2 = ({
|
|
|
31497
31382
|
paymentMethodInfo,
|
|
31498
31383
|
customRecipient,
|
|
31499
31384
|
isLoading: false,
|
|
31500
|
-
|
|
31501
|
-
|
|
31385
|
+
isWithdrawal: true,
|
|
31386
|
+
estimatedTimeText
|
|
31502
31387
|
}
|
|
31503
31388
|
),
|
|
31504
31389
|
/* @__PURE__ */ React217.createElement(HelpAlert, { onHelp })
|
|
@@ -31564,7 +31449,7 @@ function WithdrawalModal({
|
|
|
31564
31449
|
const [withdrawnAmount, setWithdrawnAmount] = useState69("");
|
|
31565
31450
|
const [quote, setQuote] = useState69();
|
|
31566
31451
|
const { logEvent } = useTrack();
|
|
31567
|
-
const onCloseWrapper =
|
|
31452
|
+
const onCloseWrapper = useCallback50(() => {
|
|
31568
31453
|
const metadata = {
|
|
31569
31454
|
checkoutStep: step,
|
|
31570
31455
|
checkoutId: withdrawalItem?.id,
|
|
@@ -31675,7 +31560,7 @@ import React232 from "react";
|
|
|
31675
31560
|
// src/modals/ProfileDetails/ActivityTraversalContext.tsx
|
|
31676
31561
|
import React220, {
|
|
31677
31562
|
createContext as createContext15,
|
|
31678
|
-
useCallback as
|
|
31563
|
+
useCallback as useCallback51,
|
|
31679
31564
|
useContext as useContext15,
|
|
31680
31565
|
useMemo as useMemo46,
|
|
31681
31566
|
useState as useState70
|
|
@@ -31697,7 +31582,7 @@ var ActivityTraversalProvider = ({
|
|
|
31697
31582
|
const [returnViewPresets, setReturnViewPresets] = useState70(
|
|
31698
31583
|
{}
|
|
31699
31584
|
);
|
|
31700
|
-
const onSelectActivity =
|
|
31585
|
+
const onSelectActivity = useCallback51(
|
|
31701
31586
|
({
|
|
31702
31587
|
checkoutId,
|
|
31703
31588
|
initialPage,
|
|
@@ -31715,7 +31600,7 @@ var ActivityTraversalProvider = ({
|
|
|
31715
31600
|
},
|
|
31716
31601
|
[]
|
|
31717
31602
|
);
|
|
31718
|
-
const resetActivityTraversal =
|
|
31603
|
+
const resetActivityTraversal = useCallback51(() => {
|
|
31719
31604
|
setSelectedPurchaseId(void 0);
|
|
31720
31605
|
setSelectedPurchaseInitView(void 0);
|
|
31721
31606
|
setReturnView(void 0);
|
|
@@ -31745,7 +31630,7 @@ var useActivityTraversal = () => {
|
|
|
31745
31630
|
};
|
|
31746
31631
|
|
|
31747
31632
|
// src/modals/ProfileDetails/ProfileDetails.tsx
|
|
31748
|
-
import React231, { useCallback as
|
|
31633
|
+
import React231, { useCallback as useCallback53, useState as useState73 } from "react";
|
|
31749
31634
|
|
|
31750
31635
|
// src/hooks/useCheckoutModalTitle.ts
|
|
31751
31636
|
function useCheckoutModalTitle(depositAddress, defaultTitle) {
|
|
@@ -32133,7 +32018,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
|
|
|
32133
32018
|
|
|
32134
32019
|
// src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
|
|
32135
32020
|
import React228 from "react";
|
|
32136
|
-
import { useCallback as
|
|
32021
|
+
import { useCallback as useCallback52, useState as useState71 } from "react";
|
|
32137
32022
|
|
|
32138
32023
|
// src/components/Icons/LogoutIcon.tsx
|
|
32139
32024
|
import React226 from "react";
|
|
@@ -32200,7 +32085,7 @@ var ProfileTitleSection = ({
|
|
|
32200
32085
|
onClose
|
|
32201
32086
|
}) => {
|
|
32202
32087
|
const [isDisconnectExpanded, setIsDisconnectExpanded] = useState71(false);
|
|
32203
|
-
const collapseDisconnect =
|
|
32088
|
+
const collapseDisconnect = useCallback52(
|
|
32204
32089
|
() => setIsDisconnectExpanded(false),
|
|
32205
32090
|
[]
|
|
32206
32091
|
);
|
|
@@ -32556,13 +32441,13 @@ function ProfileDetails({ onClose, defaultTab }) {
|
|
|
32556
32441
|
const [singleActivityPage, setSingleActivityPage] = useState73(
|
|
32557
32442
|
selectedPurchaseInitView ?? "detail" /* DETAIL */
|
|
32558
32443
|
);
|
|
32559
|
-
const resetView =
|
|
32444
|
+
const resetView = useCallback53(() => {
|
|
32560
32445
|
setView(returnView ?? 0 /* HOME */);
|
|
32561
32446
|
setSelectedHomeTab("checkouts" /* CHECKOUTS */);
|
|
32562
32447
|
resetActivityTraversal();
|
|
32563
32448
|
}, [resetActivityTraversal, returnView]);
|
|
32564
32449
|
const { animation, animate } = useAnimatedNavigation(void 0);
|
|
32565
|
-
const onSelectActivityWrapper =
|
|
32450
|
+
const onSelectActivityWrapper = useCallback53(
|
|
32566
32451
|
(activity) => {
|
|
32567
32452
|
onSelectActivity({
|
|
32568
32453
|
...activity,
|
|
@@ -32599,7 +32484,7 @@ function ProfileDetails({ onClose, defaultTab }) {
|
|
|
32599
32484
|
const isHelpPage = singleActivityPage === "help" /* HELP */;
|
|
32600
32485
|
const isCheckoutDetailView = isSingleActivityView && singleActivityPage === "detail" /* DETAIL */;
|
|
32601
32486
|
const withDivider = isSingleActivityView ? isHelpPage ? "scroll" : "always" : void 0;
|
|
32602
|
-
const handleHelp =
|
|
32487
|
+
const handleHelp = useCallback53(() => {
|
|
32603
32488
|
animate(() => setSingleActivityPage("help" /* HELP */));
|
|
32604
32489
|
}, [animate]);
|
|
32605
32490
|
const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
|
|
@@ -33106,7 +32991,6 @@ function FunCheckoutModalInner({
|
|
|
33106
32991
|
const checkoutConfig = hideModalTitleMetaIfTrue(
|
|
33107
32992
|
checkoutItem.initSettings.config,
|
|
33108
32993
|
HIDE_MODAL_META_TITLE_AND_DIVIDER.includes(modalState.step)
|
|
33109
|
-
// any is fine here, as we're just checking if the step is in the array
|
|
33110
32994
|
);
|
|
33111
32995
|
const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
|
|
33112
32996
|
depositAddress: checkoutItem.depositAddress ?? void 0,
|
|
@@ -33127,10 +33011,7 @@ function FunCheckoutModalInner({
|
|
|
33127
33011
|
withTopDivider: checkoutConfig.modalTitleMeta ? "always" : "scroll",
|
|
33128
33012
|
scrollableContent: CHECKOUT_DIALOG_CONTENT_ID
|
|
33129
33013
|
});
|
|
33130
|
-
const showBottomDivider = NEVER_SHOW_BOTTOM_DIVIDER_STEPS.includes(
|
|
33131
|
-
modalState.step
|
|
33132
|
-
// any is fine here, as we're just checking if the step is in the array
|
|
33133
|
-
) || modalState.hideBottomDivider ? "never" : ALWAYS_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) ? "always" : "scroll";
|
|
33014
|
+
const showBottomDivider = NEVER_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) || modalState.hideBottomDivider ? "never" : ALWAYS_SHOW_BOTTOM_DIVIDER_STEPS.includes(modalState.step) ? "always" : "scroll";
|
|
33134
33015
|
return /* @__PURE__ */ React239.createElement(
|
|
33135
33016
|
Dialog,
|
|
33136
33017
|
{
|
|
@@ -33234,16 +33115,16 @@ function ConnectModal({
|
|
|
33234
33115
|
function useModalStateValue() {
|
|
33235
33116
|
const [isModalOpen, setModalOpen] = useState74(false);
|
|
33236
33117
|
return {
|
|
33237
|
-
closeModal:
|
|
33118
|
+
closeModal: useCallback54(() => setModalOpen(false), []),
|
|
33238
33119
|
isModalOpen,
|
|
33239
|
-
openModal:
|
|
33120
|
+
openModal: useCallback54(() => setModalOpen(true), [])
|
|
33240
33121
|
};
|
|
33241
33122
|
}
|
|
33242
33123
|
function useModalStateValueWithProp() {
|
|
33243
33124
|
const [isModalOpen, setModalOpen] = useState74(false);
|
|
33244
33125
|
const [prop, setProp] = useState74(null);
|
|
33245
33126
|
return {
|
|
33246
|
-
closeModal:
|
|
33127
|
+
closeModal: useCallback54(() => {
|
|
33247
33128
|
setTimeout(
|
|
33248
33129
|
() => {
|
|
33249
33130
|
setProp(null);
|
|
@@ -33254,7 +33135,7 @@ function useModalStateValueWithProp() {
|
|
|
33254
33135
|
}, []),
|
|
33255
33136
|
isModalOpen,
|
|
33256
33137
|
prop,
|
|
33257
|
-
openModal:
|
|
33138
|
+
openModal: useCallback54((prop2) => {
|
|
33258
33139
|
if (prop2 != null) {
|
|
33259
33140
|
setProp(prop2);
|
|
33260
33141
|
}
|
|
@@ -33742,7 +33623,7 @@ var FunkitWeb2Provider = ({
|
|
|
33742
33623
|
const [isLoggingIn, setIsLoggingIn] = useState75(false);
|
|
33743
33624
|
const [loginErrorMessage, setLoginErrorMessage] = useState75("");
|
|
33744
33625
|
const [loggedInUser, setLoggedInUser] = useState75(null);
|
|
33745
|
-
const setLoginMethodAndCache =
|
|
33626
|
+
const setLoginMethodAndCache = useCallback55(
|
|
33746
33627
|
(method) => {
|
|
33747
33628
|
try {
|
|
33748
33629
|
setLoginMethod(method);
|
|
@@ -33766,7 +33647,7 @@ var FunkitWeb2Provider = ({
|
|
|
33766
33647
|
setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
|
|
33767
33648
|
setPrivy(newPrivy);
|
|
33768
33649
|
}, [chains]);
|
|
33769
|
-
const handleIframeMessage =
|
|
33650
|
+
const handleIframeMessage = useCallback55(
|
|
33770
33651
|
(e) => {
|
|
33771
33652
|
if (e.origin === PRIVY_AUTH_URL && privy) {
|
|
33772
33653
|
const iframeHandler = privy.embeddedWallet.getMessageHandler();
|
|
@@ -33775,7 +33656,7 @@ var FunkitWeb2Provider = ({
|
|
|
33775
33656
|
},
|
|
33776
33657
|
[privy]
|
|
33777
33658
|
);
|
|
33778
|
-
const handleFunkitWeb2Logout =
|
|
33659
|
+
const handleFunkitWeb2Logout = useCallback55(async () => {
|
|
33779
33660
|
if (privy) {
|
|
33780
33661
|
logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
|
|
33781
33662
|
numConnectors: connectors.length
|
|
@@ -33788,7 +33669,7 @@ var FunkitWeb2Provider = ({
|
|
|
33788
33669
|
setLoginMethodAndCache(null);
|
|
33789
33670
|
}
|
|
33790
33671
|
}, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
|
|
33791
|
-
const handleFreshPrivyLogin =
|
|
33672
|
+
const handleFreshPrivyLogin = useCallback55(
|
|
33792
33673
|
async ({
|
|
33793
33674
|
firstLoginCode,
|
|
33794
33675
|
secondLoginCode,
|
|
@@ -33840,7 +33721,7 @@ var FunkitWeb2Provider = ({
|
|
|
33840
33721
|
},
|
|
33841
33722
|
[handleFunkitWeb2Logout, privy]
|
|
33842
33723
|
);
|
|
33843
|
-
const getPrivyUserEmbeddedWallet =
|
|
33724
|
+
const getPrivyUserEmbeddedWallet = useCallback55(
|
|
33844
33725
|
async (inputPrivyUser) => {
|
|
33845
33726
|
try {
|
|
33846
33727
|
if (!privy || !inputPrivyUser) {
|
|
@@ -33859,7 +33740,7 @@ var FunkitWeb2Provider = ({
|
|
|
33859
33740
|
},
|
|
33860
33741
|
[privy]
|
|
33861
33742
|
);
|
|
33862
|
-
const getExistingPrivySession =
|
|
33743
|
+
const getExistingPrivySession = useCallback55(async () => {
|
|
33863
33744
|
try {
|
|
33864
33745
|
if (!privy) {
|
|
33865
33746
|
throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
|
|
@@ -33870,7 +33751,7 @@ var FunkitWeb2Provider = ({
|
|
|
33870
33751
|
return null;
|
|
33871
33752
|
}
|
|
33872
33753
|
}, [privy]);
|
|
33873
|
-
const handleFunkitWeb2Login =
|
|
33754
|
+
const handleFunkitWeb2Login = useCallback55(
|
|
33874
33755
|
async ({
|
|
33875
33756
|
chainId,
|
|
33876
33757
|
firstLoginCode,
|
|
@@ -33947,9 +33828,9 @@ var FunkitWeb2Provider = ({
|
|
|
33947
33828
|
wallets
|
|
33948
33829
|
]
|
|
33949
33830
|
);
|
|
33950
|
-
const clearLoginError =
|
|
33831
|
+
const clearLoginError = useCallback55(() => setLoginErrorMessage(""), []);
|
|
33951
33832
|
const initChainId = useInitialChainId();
|
|
33952
|
-
const handleAutoLoginFlows =
|
|
33833
|
+
const handleAutoLoginFlows = useCallback55(async () => {
|
|
33953
33834
|
if (isNotNullish11(loginMethod) && isNotNullish11(initChainId)) {
|
|
33954
33835
|
const queryParams = new URLSearchParams(window.location.search);
|
|
33955
33836
|
const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
|
|
@@ -33993,7 +33874,7 @@ var FunkitWeb2Provider = ({
|
|
|
33993
33874
|
initChainId
|
|
33994
33875
|
// Do not include `handleAutoLoginFlows`,
|
|
33995
33876
|
]);
|
|
33996
|
-
const handleOauthRedirect =
|
|
33877
|
+
const handleOauthRedirect = useCallback55(
|
|
33997
33878
|
async (authProvider) => {
|
|
33998
33879
|
if (!privy) {
|
|
33999
33880
|
throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
|
|
@@ -34019,7 +33900,7 @@ var FunkitWeb2Provider = ({
|
|
|
34019
33900
|
[privy, setLoginMethodAndCache]
|
|
34020
33901
|
);
|
|
34021
33902
|
const [isSendingOtpEmail, setIsSendingOtpEmail] = useState75(false);
|
|
34022
|
-
const handleSendOtpEmail =
|
|
33903
|
+
const handleSendOtpEmail = useCallback55(
|
|
34023
33904
|
async (emailAddress) => {
|
|
34024
33905
|
try {
|
|
34025
33906
|
if (!privy) {
|
|
@@ -34047,7 +33928,7 @@ var FunkitWeb2Provider = ({
|
|
|
34047
33928
|
[privy, setLoginMethodAndCache]
|
|
34048
33929
|
);
|
|
34049
33930
|
const [isGeneratingFcUri, setIsGeneratingFcUri] = useState75(false);
|
|
34050
|
-
const handleGenerateFcUri =
|
|
33931
|
+
const handleGenerateFcUri = useCallback55(async () => {
|
|
34051
33932
|
try {
|
|
34052
33933
|
if (!privy) {
|
|
34053
33934
|
throw new Error(ERROR_MESSAGES2.PRIVY_NOT_INITIALIZED);
|
|
@@ -34074,7 +33955,7 @@ var FunkitWeb2Provider = ({
|
|
|
34074
33955
|
setIsGeneratingFcUri(false);
|
|
34075
33956
|
}
|
|
34076
33957
|
}, [privy]);
|
|
34077
|
-
const getFcConnectionStatus =
|
|
33958
|
+
const getFcConnectionStatus = useCallback55(
|
|
34078
33959
|
async (channelToken) => {
|
|
34079
33960
|
try {
|
|
34080
33961
|
if (!privy) {
|
|
@@ -34221,7 +34102,7 @@ import React244 from "react";
|
|
|
34221
34102
|
import { useAccount as useAccount12, useBalance, useConfig as useConfig8 } from "wagmi";
|
|
34222
34103
|
|
|
34223
34104
|
// src/hooks/useIsMounted.ts
|
|
34224
|
-
import { useCallback as
|
|
34105
|
+
import { useCallback as useCallback56, useEffect as useEffect60, useState as useState77 } from "react";
|
|
34225
34106
|
function useIsMounted() {
|
|
34226
34107
|
const [isMounted, setIsMounted] = useState77(false);
|
|
34227
34108
|
useEffect60(() => {
|
|
@@ -34230,7 +34111,7 @@ function useIsMounted() {
|
|
|
34230
34111
|
setIsMounted(false);
|
|
34231
34112
|
};
|
|
34232
34113
|
}, []);
|
|
34233
|
-
return
|
|
34114
|
+
return useCallback56(() => isMounted, [isMounted]);
|
|
34234
34115
|
}
|
|
34235
34116
|
|
|
34236
34117
|
// src/components/ConnectButton/abbreviateETHBalance.ts
|
|
@@ -35091,11 +34972,11 @@ function FunkitStatsigProvider({
|
|
|
35091
34972
|
|
|
35092
34973
|
// src/providers/usePreloadImages.ts
|
|
35093
34974
|
import { isNotNullish as isNotNullish12 } from "@funkit/utils";
|
|
35094
|
-
import { useCallback as
|
|
34975
|
+
import { useCallback as useCallback57, useEffect as useEffect62 } from "react";
|
|
35095
34976
|
function usePreloadImages() {
|
|
35096
34977
|
const funkitConnectChains = useFunkitConnectChains();
|
|
35097
34978
|
const walletConnectors = useWalletConnectors();
|
|
35098
|
-
const preloadImages =
|
|
34979
|
+
const preloadImages = useCallback57(() => {
|
|
35099
34980
|
loadImages(
|
|
35100
34981
|
...walletConnectors.map((wallet) => wallet.iconUrl),
|
|
35101
34982
|
...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish12)
|