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