@funkit/connect 5.2.0 → 5.2.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (30) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/dist/{chunk-QBCQK5KX.js → chunk-3LR6KLPU.js} +2 -1
  3. package/dist/{chunk-2C7D5NQG.js → chunk-CRPOYQ6X.js} +24 -4
  4. package/dist/{chunk-PKXUTXYG.js → chunk-QMPPK7HO.js} +2 -1
  5. package/dist/components/Box/Box.d.ts +29 -29
  6. package/dist/components/Dropdown/BaseDropdown.css.d.ts +1 -1
  7. package/dist/config/getDefaultConfig.d.ts +291 -150
  8. package/dist/consts/funkit.d.ts +0 -1
  9. package/dist/css/sprinkles.css.d.ts +39 -29
  10. package/dist/domains/quote.d.ts +4 -10
  11. package/dist/domains/relay.d.ts +18 -0
  12. package/dist/hooks/useCheckoutAccountBalanceTransfer.d.ts +1 -1
  13. package/dist/hooks/useCheckoutDirectExecution.d.ts +22 -0
  14. package/dist/hooks/useCheckoutTimeEstimate.d.ts +2 -1
  15. package/dist/hooks/useRelayBypass.d.ts +11 -7
  16. package/dist/index.css +2454 -2373
  17. package/dist/index.d.ts +1 -1
  18. package/dist/index.js +665 -483
  19. package/dist/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.d.ts +5 -1
  20. package/dist/providers/FunkitCheckoutContext.d.ts +1 -1
  21. package/dist/providers/FunkitThemeProvider.d.ts +15 -0
  22. package/dist/providers/GeneralWalletProvider.d.ts +10 -74
  23. package/dist/themes/baseTheme.js +1 -1
  24. package/dist/themes/darkTheme.js +2 -2
  25. package/dist/themes/lightTheme.js +2 -2
  26. package/dist/utils/checkout.d.ts +2 -9
  27. package/dist/utils/flags/config.d.ts +22 -0
  28. package/dist/utils/tokenIconUrl.d.ts +2 -0
  29. package/dist/wallets/walletConnectors/index.js +64 -64
  30. package/package.json +7 -6
package/dist/index.js CHANGED
@@ -1,26 +1,26 @@
1
1
  "use client";
2
2
  import {
3
3
  darkTheme
4
- } from "./chunk-PKXUTXYG.js";
4
+ } from "./chunk-QMPPK7HO.js";
5
5
  import {
6
6
  lightTheme
7
- } from "./chunk-QBCQK5KX.js";
7
+ } from "./chunk-3LR6KLPU.js";
8
8
  import {
9
9
  systemFontStack
10
- } from "./chunk-2C7D5NQG.js";
10
+ } from "./chunk-CRPOYQ6X.js";
11
11
 
12
12
  // src/components/Dialog/DialogContent.css.ts
13
13
  var BASE_DIALOG_PADDING = "6";
14
14
  var SCROLL_BAR_WIDTH = 6;
15
15
  var contentCollapsed = "_1pzt423c";
16
16
  var contentExpanded = "_1pzt423b";
17
- var dialog = "_1pzt4231 _1rsrm2fj8 _1rsrm2fxe _1rsrm2fv _1rsrm2f14 _1rsrm2f18 _1rsrm2f182 _1rsrm2fa _1rsrm2f1i _1rsrm2fbl _1rsrm2feo _1rsrm2fc3 _1rsrm2fda _1rsrm2fcj";
18
- var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fj8 _1rsrm2fxe _1rsrm2fv _1rsrm2f14 _1rsrm2f18 _1rsrm2f182 _1rsrm2fa _1rsrm2f1i _1rsrm2fbl _1rsrm2feo _1rsrm2fc3 _1rsrm2fda _1rsrm2fcj";
19
- var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fj8 _1rsrm2fxe _1rsrm2fv _1rsrm2f14 _1rsrm2f18 _1rsrm2f182 _1rsrm2fa _1rsrm2f1i _1rsrm2fbl _1rsrm2feo _1rsrm2fc3 _1rsrm2fda _1rsrm2fcj";
20
- var dialogMobile = "_1pzt4235 _1rsrm2fw _1rsrm2f18";
17
+ var dialog = "_1pzt4231 _1rsrm2fje _1rsrm2fxq _1rsrm2fv _1rsrm2f1a _1rsrm2f1e _1rsrm2f18k _1rsrm2fa _1rsrm2f1o _1rsrm2fbr _1rsrm2feu _1rsrm2fc9 _1rsrm2fdg _1rsrm2fcp";
18
+ var dialogCompact = "_1pzt4232 _1pzt4231 _1rsrm2fje _1rsrm2fxq _1rsrm2fv _1rsrm2f1a _1rsrm2f1e _1rsrm2f18k _1rsrm2fa _1rsrm2f1o _1rsrm2fbr _1rsrm2feu _1rsrm2fc9 _1rsrm2fdg _1rsrm2fcp";
19
+ var dialogMedium = "_1pzt4233 _1pzt4231 _1rsrm2fje _1rsrm2fxq _1rsrm2fv _1rsrm2f1a _1rsrm2f1e _1rsrm2f18k _1rsrm2fa _1rsrm2f1o _1rsrm2fbr _1rsrm2feu _1rsrm2fc9 _1rsrm2fdg _1rsrm2fcp";
20
+ var dialogMobile = "_1pzt4235 _1rsrm2fw _1rsrm2f1e";
21
21
  var dividerTransition = "_1pzt423a";
22
22
  var fullHeightContent = "_1pzt4239";
23
- var scrollContent = "_1pzt4237 _1rsrm2fft";
23
+ var scrollContent = "_1pzt4237 _1rsrm2ffz";
24
24
  var scrollbarHidden = "_1pzt4238";
25
25
 
26
26
  // src/modals/DevTest/DevEmbed.tsx
@@ -43,8 +43,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
43
43
  import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
44
44
  var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
45
45
  var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
46
- var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2ffw", hover: "_1rsrm2ffx", active: "_1rsrm2ffy", selection: "_1rsrm2ffz", focused: "_1rsrm2fg0", focusedVisible: "_1rsrm2fg1" }, defaultClass: "_1rsrm2ffw" }, accentColorForeground: { conditions: { base: "_1rsrm2fg2", hover: "_1rsrm2fg3", active: "_1rsrm2fg4", selection: "_1rsrm2fg5", focused: "_1rsrm2fg6", focusedVisible: "_1rsrm2fg7" }, defaultClass: "_1rsrm2fg2" }, actionButtonBorder: { conditions: { base: "_1rsrm2fg8", hover: "_1rsrm2fg9", active: "_1rsrm2fga", selection: "_1rsrm2fgb", focused: "_1rsrm2fgc", focusedVisible: "_1rsrm2fgd" }, defaultClass: "_1rsrm2fg8" }, connectButtonBackground: { conditions: { base: "_1rsrm2fge", hover: "_1rsrm2fgf", active: "_1rsrm2fgg", selection: "_1rsrm2fgh", focused: "_1rsrm2fgi", focusedVisible: "_1rsrm2fgj" }, defaultClass: "_1rsrm2fge" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgk", hover: "_1rsrm2fgl", active: "_1rsrm2fgm", selection: "_1rsrm2fgn", focused: "_1rsrm2fgo", focusedVisible: "_1rsrm2fgp" }, defaultClass: "_1rsrm2fgk" }, connectButtonText: { conditions: { base: "_1rsrm2fgq", hover: "_1rsrm2fgr", active: "_1rsrm2fgs", selection: "_1rsrm2fgt", focused: "_1rsrm2fgu", focusedVisible: "_1rsrm2fgv" }, defaultClass: "_1rsrm2fgq" }, connectButtonTextError: { conditions: { base: "_1rsrm2fgw", hover: "_1rsrm2fgx", active: "_1rsrm2fgy", selection: "_1rsrm2fgz", focused: "_1rsrm2fh0", focusedVisible: "_1rsrm2fh1" }, defaultClass: "_1rsrm2fgw" }, connectionIndicator: { conditions: { base: "_1rsrm2fh2", hover: "_1rsrm2fh3", active: "_1rsrm2fh4", selection: "_1rsrm2fh5", focused: "_1rsrm2fh6", focusedVisible: "_1rsrm2fh7" }, defaultClass: "_1rsrm2fh2" }, error: { conditions: { base: "_1rsrm2fh8", hover: "_1rsrm2fh9", active: "_1rsrm2fha", selection: "_1rsrm2fhb", focused: "_1rsrm2fhc", focusedVisible: "_1rsrm2fhd" }, defaultClass: "_1rsrm2fh8" }, errorBackground: { conditions: { base: "_1rsrm2fhe", hover: "_1rsrm2fhf", active: "_1rsrm2fhg", selection: "_1rsrm2fhh", focused: "_1rsrm2fhi", focusedVisible: "_1rsrm2fhj" }, defaultClass: "_1rsrm2fhe" }, errorBorder: { conditions: { base: "_1rsrm2fhk", hover: "_1rsrm2fhl", active: "_1rsrm2fhm", selection: "_1rsrm2fhn", focused: "_1rsrm2fho", focusedVisible: "_1rsrm2fhp" }, defaultClass: "_1rsrm2fhk" }, generalBorder: { conditions: { base: "_1rsrm2fhq", hover: "_1rsrm2fhr", active: "_1rsrm2fhs", selection: "_1rsrm2fht", focused: "_1rsrm2fhu", focusedVisible: "_1rsrm2fhv" }, defaultClass: "_1rsrm2fhq" }, generalBorderDim: { conditions: { base: "_1rsrm2fhw", hover: "_1rsrm2fhx", active: "_1rsrm2fhy", selection: "_1rsrm2fhz", focused: "_1rsrm2fi0", focusedVisible: "_1rsrm2fi1" }, defaultClass: "_1rsrm2fhw" }, menuItemBackground: { conditions: { base: "_1rsrm2fi2", hover: "_1rsrm2fi3", active: "_1rsrm2fi4", selection: "_1rsrm2fi5", focused: "_1rsrm2fi6", focusedVisible: "_1rsrm2fi7" }, defaultClass: "_1rsrm2fi2" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fi8", hover: "_1rsrm2fi9", active: "_1rsrm2fia", selection: "_1rsrm2fib", focused: "_1rsrm2fic", focusedVisible: "_1rsrm2fid" }, defaultClass: "_1rsrm2fi8" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, standby: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, success: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, chainIconBorder: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, modalBackdrop: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, modalBackground: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, modalBorder: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, offBackground: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, hoverState: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, lightStroke: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, mediumStroke: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, heavyStroke: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, strokeColor: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, primaryText: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, secondaryText: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, tertiaryText: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, textSelection: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, inputBackground: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, inputBorderBase: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, inputBorderHover: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, actionColor: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, actionColorHover: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, actionColorDisabled: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, buttonPrimary: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, buttonDisabled: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, buttonWarning: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, buttonSuccess: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, transparent: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, buttonTextTertiary: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, buttonBackground: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, buttonIconStroke: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, newBadgeBackground: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, newBadgeBorder: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, newBadgeText: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, announceGradientFrom: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, announceGradientTo: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, modalHeaderDivider: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, modalFooterDivider: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, accentColorForeground: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" }, actionButtonBorder: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, connectButtonBackground: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, connectButtonText: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, connectButtonTextError: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, connectionIndicator: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, error: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, errorBackground: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, errorBorder: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, generalBorder: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, generalBorderDim: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, menuItemBackground: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, standby: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, success: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, chainIconBorder: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, modalBackdrop: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, modalBackground: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, modalBorder: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, offBackground: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, hoverState: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, lightStroke: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, mediumStroke: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, heavyStroke: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, strokeColor: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, primaryText: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" }, secondaryText: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, tertiaryText: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, textSelection: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, inputBackground: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, inputBorderBase: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, inputBorderHover: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, actionColor: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, actionColorHover: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, actionColorDisabled: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, buttonPrimary: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, buttonDisabled: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, buttonWarning: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, buttonSuccess: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, transparent: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, buttonBackground: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, buttonIconStroke: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, newBadgeBackground: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, newBadgeBorder: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, newBadgeText: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, announceGradientFrom: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, announceGradientTo: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, modalFooterDivider: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, dialog: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, selectedOption: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" }, selectedWallet: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, dropdown: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, notification: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, vertexDropdown: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, qrCode: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, accentColorForeground: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, actionButtonBorder: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" }, connectButtonBackground: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, connectButtonText: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, connectionIndicator: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, error: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, errorBackground: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, errorBorder: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, generalBorder: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, generalBorderDim: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, menuItemBackground: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, standby: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, success: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, chainIconBorder: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, modalBackdrop: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, modalBackground: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, modalBorder: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, offBackground: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, hoverState: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, lightStroke: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, mediumStroke: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, heavyStroke: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, strokeColor: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, primaryText: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, secondaryText: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, tertiaryText: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, textSelection: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, inputBackground: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, inputBorderBase: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, inputBorderHover: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, actionColor: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, actionColorHover: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, buttonPrimary: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, buttonDisabled: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, buttonWarning: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, buttonSuccess: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, transparent: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, buttonBackground: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, newBadgeText: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, announceGradientTo: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, connectButton: { defaultClass: "_1rsrm2ft" }, menuButton: { defaultClass: "_1rsrm2fu" }, modal: { defaultClass: "_1rsrm2fv" }, modalMobile: { defaultClass: "_1rsrm2fw" }, modalActionButton: { defaultClass: "_1rsrm2fx" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fy" }, summaryBox: { defaultClass: "_1rsrm2fz" }, youPayYouReceive: { defaultClass: "_1rsrm2f10" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f11" }, qrCode: { defaultClass: "_1rsrm2f12" }, full: { defaultClass: "_1rsrm2f13" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f14" }, dotted: { defaultClass: "_1rsrm2f15" }, hidden: { defaultClass: "_1rsrm2f16" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f17" }, "1": { defaultClass: "_1rsrm2f18" }, "2": { defaultClass: "_1rsrm2f19" }, "3": { defaultClass: "_1rsrm2f1a" }, "4": { defaultClass: "_1rsrm2f1b" }, "0.5": { defaultClass: "_1rsrm2f1c" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1d" }, pointer: { defaultClass: "_1rsrm2f1e" }, "not-allowed": { defaultClass: "_1rsrm2f1f" }, "default": { defaultClass: "_1rsrm2f1g" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1h" }, column: { defaultClass: "_1rsrm2f1i" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1j" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1k" }, "12": { defaultClass: "_1rsrm2f1l" }, "13": { defaultClass: "_1rsrm2f1m" }, "14": { defaultClass: "_1rsrm2f1n" }, "16": { defaultClass: "_1rsrm2f1o" }, "18": { defaultClass: "_1rsrm2f1p" }, "20": { defaultClass: "_1rsrm2f1q" }, "21": { defaultClass: "_1rsrm2f1r" }, "40": { defaultClass: "_1rsrm2f1s" }, "57": { defaultClass: "_1rsrm2f1t" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1u" }, medium: { defaultClass: "_1rsrm2f1v" }, semibold: { defaultClass: "_1rsrm2f1w" }, bold: { defaultClass: "_1rsrm2f1x" }, heavy: { defaultClass: "_1rsrm2f1y" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1z" }, "1": { defaultClass: "_1rsrm2f20" }, "2": { defaultClass: "_1rsrm2f21" }, "3": { defaultClass: "_1rsrm2f22" }, "4": { defaultClass: "_1rsrm2f23" }, "5": { defaultClass: "_1rsrm2f24" }, "6": { defaultClass: "_1rsrm2f25" }, "7": { defaultClass: "_1rsrm2f26" }, "8": { defaultClass: "_1rsrm2f27" }, "9": { defaultClass: "_1rsrm2f28" }, "10": { defaultClass: "_1rsrm2f29" }, "11": { defaultClass: "_1rsrm2f2a" }, "12": { defaultClass: "_1rsrm2f2b" }, "13": { defaultClass: "_1rsrm2f2c" }, "14": { defaultClass: "_1rsrm2f2d" }, "15": { defaultClass: "_1rsrm2f2e" }, "16": { defaultClass: "_1rsrm2f2f" }, "18": { defaultClass: "_1rsrm2f2g" }, "20": { defaultClass: "_1rsrm2f2h" }, "24": { defaultClass: "_1rsrm2f2i" }, "28": { defaultClass: "_1rsrm2f2j" }, "30": { defaultClass: "_1rsrm2f2k" }, "32": { defaultClass: "_1rsrm2f2l" }, "36": { defaultClass: "_1rsrm2f2m" }, "44": { defaultClass: "_1rsrm2f2n" }, "64": { defaultClass: "_1rsrm2f2o" }, "-1": { defaultClass: "_1rsrm2f2p" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f2q" }, "2": { defaultClass: "_1rsrm2f2r" }, "4": { defaultClass: "_1rsrm2f2s" }, "8": { defaultClass: "_1rsrm2f2t" }, "10": { defaultClass: "_1rsrm2f2u" }, "11": { defaultClass: "_1rsrm2f2v" }, "12": { defaultClass: "_1rsrm2f2w" }, "13": { defaultClass: "_1rsrm2f2x" }, "14": { defaultClass: "_1rsrm2f2y" }, "15": { defaultClass: "_1rsrm2f2z" }, "16": { defaultClass: "_1rsrm2f30" }, "18": { defaultClass: "_1rsrm2f31" }, "20": { defaultClass: "_1rsrm2f32" }, "24": { defaultClass: "_1rsrm2f33" }, "28": { defaultClass: "_1rsrm2f34" }, "30": { defaultClass: "_1rsrm2f35" }, "32": { defaultClass: "_1rsrm2f36" }, "34": { defaultClass: "_1rsrm2f37" }, "36": { defaultClass: "_1rsrm2f38" }, "40": { defaultClass: "_1rsrm2f39" }, "44": { defaultClass: "_1rsrm2f3a" }, "48": { defaultClass: "_1rsrm2f3b" }, "50": { defaultClass: "_1rsrm2f3c" }, "54": { defaultClass: "_1rsrm2f3d" }, "57": { defaultClass: "_1rsrm2f3e" }, "60": { defaultClass: "_1rsrm2f3f" }, "72": { defaultClass: "_1rsrm2f3g" }, "93": { defaultClass: "_1rsrm2f3h" }, "96": { defaultClass: "_1rsrm2f3i" }, "100": { defaultClass: "_1rsrm2f3j" }, "108": { defaultClass: "_1rsrm2f3k" }, "120": { defaultClass: "_1rsrm2f3l" }, "180": { defaultClass: "_1rsrm2f3m" }, "200": { defaultClass: "_1rsrm2f3n" }, "240": { defaultClass: "_1rsrm2f3o" }, half: { defaultClass: "_1rsrm2f3p" }, full: { defaultClass: "_1rsrm2f3q" }, max: { defaultClass: "_1rsrm2f3r" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3s" }, "flex-end": { defaultClass: "_1rsrm2f3t" }, center: { defaultClass: "_1rsrm2f3u" }, "space-between": { defaultClass: "_1rsrm2f3v" }, "space-around": { defaultClass: "_1rsrm2f3w" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3x" }, center: { defaultClass: "_1rsrm2f3y" }, right: { defaultClass: "_1rsrm2f3z" }, inherit: { defaultClass: "_1rsrm2f40" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f41" }, "1": { defaultClass: "_1rsrm2f42" }, "2": { defaultClass: "_1rsrm2f43" }, "3": { defaultClass: "_1rsrm2f44" }, "4": { defaultClass: "_1rsrm2f45" }, "5": { defaultClass: "_1rsrm2f46" }, "6": { defaultClass: "_1rsrm2f47" }, "7": { defaultClass: "_1rsrm2f48" }, "8": { defaultClass: "_1rsrm2f49" }, "9": { defaultClass: "_1rsrm2f4a" }, "10": { defaultClass: "_1rsrm2f4b" }, "11": { defaultClass: "_1rsrm2f4c" }, "12": { defaultClass: "_1rsrm2f4d" }, "13": { defaultClass: "_1rsrm2f4e" }, "14": { defaultClass: "_1rsrm2f4f" }, "15": { defaultClass: "_1rsrm2f4g" }, "16": { defaultClass: "_1rsrm2f4h" }, "18": { defaultClass: "_1rsrm2f4i" }, "20": { defaultClass: "_1rsrm2f4j" }, "24": { defaultClass: "_1rsrm2f4k" }, "28": { defaultClass: "_1rsrm2f4l" }, "30": { defaultClass: "_1rsrm2f4m" }, "32": { defaultClass: "_1rsrm2f4n" }, "36": { defaultClass: "_1rsrm2f4o" }, "44": { defaultClass: "_1rsrm2f4p" }, "64": { defaultClass: "_1rsrm2f4q" }, auto: { defaultClass: "_1rsrm2f4r" }, "-18": { defaultClass: "_1rsrm2f4s" }, "-12": { defaultClass: "_1rsrm2f4t" }, "-1": { defaultClass: "_1rsrm2f4u" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f4v" }, "1": { defaultClass: "_1rsrm2f4w" }, "2": { defaultClass: "_1rsrm2f4x" }, "3": { defaultClass: "_1rsrm2f4y" }, "4": { defaultClass: "_1rsrm2f4z" }, "5": { defaultClass: "_1rsrm2f50" }, "6": { defaultClass: "_1rsrm2f51" }, "7": { defaultClass: "_1rsrm2f52" }, "8": { defaultClass: "_1rsrm2f53" }, "9": { defaultClass: "_1rsrm2f54" }, "10": { defaultClass: "_1rsrm2f55" }, "11": { defaultClass: "_1rsrm2f56" }, "12": { defaultClass: "_1rsrm2f57" }, "13": { defaultClass: "_1rsrm2f58" }, "14": { defaultClass: "_1rsrm2f59" }, "15": { defaultClass: "_1rsrm2f5a" }, "16": { defaultClass: "_1rsrm2f5b" }, "18": { defaultClass: "_1rsrm2f5c" }, "20": { defaultClass: "_1rsrm2f5d" }, "24": { defaultClass: "_1rsrm2f5e" }, "28": { defaultClass: "_1rsrm2f5f" }, "30": { defaultClass: "_1rsrm2f5g" }, "32": { defaultClass: "_1rsrm2f5h" }, "36": { defaultClass: "_1rsrm2f5i" }, "44": { defaultClass: "_1rsrm2f5j" }, "64": { defaultClass: "_1rsrm2f5k" }, auto: { defaultClass: "_1rsrm2f5l" }, "-18": { defaultClass: "_1rsrm2f5m" }, "-12": { defaultClass: "_1rsrm2f5n" }, "-1": { defaultClass: "_1rsrm2f5o" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f5p" }, "1": { defaultClass: "_1rsrm2f5q" }, "2": { defaultClass: "_1rsrm2f5r" }, "3": { defaultClass: "_1rsrm2f5s" }, "4": { defaultClass: "_1rsrm2f5t" }, "5": { defaultClass: "_1rsrm2f5u" }, "6": { defaultClass: "_1rsrm2f5v" }, "7": { defaultClass: "_1rsrm2f5w" }, "8": { defaultClass: "_1rsrm2f5x" }, "9": { defaultClass: "_1rsrm2f5y" }, "10": { defaultClass: "_1rsrm2f5z" }, "11": { defaultClass: "_1rsrm2f60" }, "12": { defaultClass: "_1rsrm2f61" }, "13": { defaultClass: "_1rsrm2f62" }, "14": { defaultClass: "_1rsrm2f63" }, "15": { defaultClass: "_1rsrm2f64" }, "16": { defaultClass: "_1rsrm2f65" }, "18": { defaultClass: "_1rsrm2f66" }, "20": { defaultClass: "_1rsrm2f67" }, "24": { defaultClass: "_1rsrm2f68" }, "28": { defaultClass: "_1rsrm2f69" }, "30": { defaultClass: "_1rsrm2f6a" }, "32": { defaultClass: "_1rsrm2f6b" }, "36": { defaultClass: "_1rsrm2f6c" }, "44": { defaultClass: "_1rsrm2f6d" }, "64": { defaultClass: "_1rsrm2f6e" }, auto: { defaultClass: "_1rsrm2f6f" }, "-18": { defaultClass: "_1rsrm2f6g" }, "-12": { defaultClass: "_1rsrm2f6h" }, "-1": { defaultClass: "_1rsrm2f6i" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f6j" }, "1": { defaultClass: "_1rsrm2f6k" }, "2": { defaultClass: "_1rsrm2f6l" }, "3": { defaultClass: "_1rsrm2f6m" }, "4": { defaultClass: "_1rsrm2f6n" }, "5": { defaultClass: "_1rsrm2f6o" }, "6": { defaultClass: "_1rsrm2f6p" }, "7": { defaultClass: "_1rsrm2f6q" }, "8": { defaultClass: "_1rsrm2f6r" }, "9": { defaultClass: "_1rsrm2f6s" }, "10": { defaultClass: "_1rsrm2f6t" }, "11": { defaultClass: "_1rsrm2f6u" }, "12": { defaultClass: "_1rsrm2f6v" }, "13": { defaultClass: "_1rsrm2f6w" }, "14": { defaultClass: "_1rsrm2f6x" }, "15": { defaultClass: "_1rsrm2f6y" }, "16": { defaultClass: "_1rsrm2f6z" }, "18": { defaultClass: "_1rsrm2f70" }, "20": { defaultClass: "_1rsrm2f71" }, "24": { defaultClass: "_1rsrm2f72" }, "28": { defaultClass: "_1rsrm2f73" }, "30": { defaultClass: "_1rsrm2f74" }, "32": { defaultClass: "_1rsrm2f75" }, "36": { defaultClass: "_1rsrm2f76" }, "44": { defaultClass: "_1rsrm2f77" }, "64": { defaultClass: "_1rsrm2f78" }, auto: { defaultClass: "_1rsrm2f79" }, "-18": { defaultClass: "_1rsrm2f7a" }, "-12": { defaultClass: "_1rsrm2f7b" }, "-1": { defaultClass: "_1rsrm2f7c" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f7d" }, "2": { defaultClass: "_1rsrm2f7e" }, "4": { defaultClass: "_1rsrm2f7f" }, "8": { defaultClass: "_1rsrm2f7g" }, "10": { defaultClass: "_1rsrm2f7h" }, "11": { defaultClass: "_1rsrm2f7i" }, "12": { defaultClass: "_1rsrm2f7j" }, "13": { defaultClass: "_1rsrm2f7k" }, "14": { defaultClass: "_1rsrm2f7l" }, "15": { defaultClass: "_1rsrm2f7m" }, "16": { defaultClass: "_1rsrm2f7n" }, "18": { defaultClass: "_1rsrm2f7o" }, "20": { defaultClass: "_1rsrm2f7p" }, "24": { defaultClass: "_1rsrm2f7q" }, "28": { defaultClass: "_1rsrm2f7r" }, "30": { defaultClass: "_1rsrm2f7s" }, "32": { defaultClass: "_1rsrm2f7t" }, "34": { defaultClass: "_1rsrm2f7u" }, "36": { defaultClass: "_1rsrm2f7v" }, "40": { defaultClass: "_1rsrm2f7w" }, "44": { defaultClass: "_1rsrm2f7x" }, "48": { defaultClass: "_1rsrm2f7y" }, "50": { defaultClass: "_1rsrm2f7z" }, "54": { defaultClass: "_1rsrm2f80" }, "57": { defaultClass: "_1rsrm2f81" }, "60": { defaultClass: "_1rsrm2f82" }, "72": { defaultClass: "_1rsrm2f83" }, "93": { defaultClass: "_1rsrm2f84" }, "96": { defaultClass: "_1rsrm2f85" }, "100": { defaultClass: "_1rsrm2f86" }, "108": { defaultClass: "_1rsrm2f87" }, "120": { defaultClass: "_1rsrm2f88" }, "180": { defaultClass: "_1rsrm2f89" }, "200": { defaultClass: "_1rsrm2f8a" }, "240": { defaultClass: "_1rsrm2f8b" }, half: { defaultClass: "_1rsrm2f8c" }, full: { defaultClass: "_1rsrm2f8d" }, max: { defaultClass: "_1rsrm2f8e" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f8f" }, "2": { defaultClass: "_1rsrm2f8g" }, "4": { defaultClass: "_1rsrm2f8h" }, "8": { defaultClass: "_1rsrm2f8i" }, "10": { defaultClass: "_1rsrm2f8j" }, "11": { defaultClass: "_1rsrm2f8k" }, "12": { defaultClass: "_1rsrm2f8l" }, "13": { defaultClass: "_1rsrm2f8m" }, "14": { defaultClass: "_1rsrm2f8n" }, "15": { defaultClass: "_1rsrm2f8o" }, "16": { defaultClass: "_1rsrm2f8p" }, "18": { defaultClass: "_1rsrm2f8q" }, "20": { defaultClass: "_1rsrm2f8r" }, "24": { defaultClass: "_1rsrm2f8s" }, "28": { defaultClass: "_1rsrm2f8t" }, "30": { defaultClass: "_1rsrm2f8u" }, "32": { defaultClass: "_1rsrm2f8v" }, "34": { defaultClass: "_1rsrm2f8w" }, "36": { defaultClass: "_1rsrm2f8x" }, "40": { defaultClass: "_1rsrm2f8y" }, "44": { defaultClass: "_1rsrm2f8z" }, "48": { defaultClass: "_1rsrm2f90" }, "50": { defaultClass: "_1rsrm2f91" }, "54": { defaultClass: "_1rsrm2f92" }, "57": { defaultClass: "_1rsrm2f93" }, "60": { defaultClass: "_1rsrm2f94" }, "72": { defaultClass: "_1rsrm2f95" }, "93": { defaultClass: "_1rsrm2f96" }, "96": { defaultClass: "_1rsrm2f97" }, "100": { defaultClass: "_1rsrm2f98" }, "108": { defaultClass: "_1rsrm2f99" }, "120": { defaultClass: "_1rsrm2f9a" }, "180": { defaultClass: "_1rsrm2f9b" }, "200": { defaultClass: "_1rsrm2f9c" }, "240": { defaultClass: "_1rsrm2f9d" }, half: { defaultClass: "_1rsrm2f9e" }, full: { defaultClass: "_1rsrm2f9f" }, max: { defaultClass: "_1rsrm2f9g" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f9h" }, "2": { defaultClass: "_1rsrm2f9i" }, "4": { defaultClass: "_1rsrm2f9j" }, "8": { defaultClass: "_1rsrm2f9k" }, "10": { defaultClass: "_1rsrm2f9l" }, "11": { defaultClass: "_1rsrm2f9m" }, "12": { defaultClass: "_1rsrm2f9n" }, "13": { defaultClass: "_1rsrm2f9o" }, "14": { defaultClass: "_1rsrm2f9p" }, "15": { defaultClass: "_1rsrm2f9q" }, "16": { defaultClass: "_1rsrm2f9r" }, "18": { defaultClass: "_1rsrm2f9s" }, "20": { defaultClass: "_1rsrm2f9t" }, "24": { defaultClass: "_1rsrm2f9u" }, "28": { defaultClass: "_1rsrm2f9v" }, "30": { defaultClass: "_1rsrm2f9w" }, "32": { defaultClass: "_1rsrm2f9x" }, "34": { defaultClass: "_1rsrm2f9y" }, "36": { defaultClass: "_1rsrm2f9z" }, "40": { defaultClass: "_1rsrm2fa0" }, "44": { defaultClass: "_1rsrm2fa1" }, "48": { defaultClass: "_1rsrm2fa2" }, "50": { defaultClass: "_1rsrm2fa3" }, "54": { defaultClass: "_1rsrm2fa4" }, "57": { defaultClass: "_1rsrm2fa5" }, "60": { defaultClass: "_1rsrm2fa6" }, "72": { defaultClass: "_1rsrm2fa7" }, "93": { defaultClass: "_1rsrm2fa8" }, "96": { defaultClass: "_1rsrm2fa9" }, "100": { defaultClass: "_1rsrm2faa" }, "108": { defaultClass: "_1rsrm2fab" }, "120": { defaultClass: "_1rsrm2fac" }, "180": { defaultClass: "_1rsrm2fad" }, "200": { defaultClass: "_1rsrm2fae" }, "240": { defaultClass: "_1rsrm2faf" }, half: { defaultClass: "_1rsrm2fag" }, full: { defaultClass: "_1rsrm2fah" }, max: { defaultClass: "_1rsrm2fai" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2faj" }, "2": { defaultClass: "_1rsrm2fak" }, "4": { defaultClass: "_1rsrm2fal" }, "8": { defaultClass: "_1rsrm2fam" }, "10": { defaultClass: "_1rsrm2fan" }, "11": { defaultClass: "_1rsrm2fao" }, "12": { defaultClass: "_1rsrm2fap" }, "13": { defaultClass: "_1rsrm2faq" }, "14": { defaultClass: "_1rsrm2far" }, "15": { defaultClass: "_1rsrm2fas" }, "16": { defaultClass: "_1rsrm2fat" }, "18": { defaultClass: "_1rsrm2fau" }, "20": { defaultClass: "_1rsrm2fav" }, "24": { defaultClass: "_1rsrm2faw" }, "28": { defaultClass: "_1rsrm2fax" }, "30": { defaultClass: "_1rsrm2fay" }, "32": { defaultClass: "_1rsrm2faz" }, "34": { defaultClass: "_1rsrm2fb0" }, "36": { defaultClass: "_1rsrm2fb1" }, "40": { defaultClass: "_1rsrm2fb2" }, "44": { defaultClass: "_1rsrm2fb3" }, "48": { defaultClass: "_1rsrm2fb4" }, "50": { defaultClass: "_1rsrm2fb5" }, "54": { defaultClass: "_1rsrm2fb6" }, "57": { defaultClass: "_1rsrm2fb7" }, "60": { defaultClass: "_1rsrm2fb8" }, "72": { defaultClass: "_1rsrm2fb9" }, "93": { defaultClass: "_1rsrm2fba" }, "96": { defaultClass: "_1rsrm2fbb" }, "100": { defaultClass: "_1rsrm2fbc" }, "108": { defaultClass: "_1rsrm2fbd" }, "120": { defaultClass: "_1rsrm2fbe" }, "180": { defaultClass: "_1rsrm2fbf" }, "200": { defaultClass: "_1rsrm2fbg" }, "240": { defaultClass: "_1rsrm2fbh" }, half: { defaultClass: "_1rsrm2fbi" }, full: { defaultClass: "_1rsrm2fbj" }, max: { defaultClass: "_1rsrm2fbk" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fbl" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fbm" }, "1": { defaultClass: "_1rsrm2fbn" }, "2": { defaultClass: "_1rsrm2fbo" }, "3": { defaultClass: "_1rsrm2fbp" }, "4": { defaultClass: "_1rsrm2fbq" }, "5": { defaultClass: "_1rsrm2fbr" }, "6": { defaultClass: "_1rsrm2fbs" }, "7": { defaultClass: "_1rsrm2fbt" }, "8": { defaultClass: "_1rsrm2fbu" }, "9": { defaultClass: "_1rsrm2fbv" }, "10": { defaultClass: "_1rsrm2fbw" }, "11": { defaultClass: "_1rsrm2fbx" }, "12": { defaultClass: "_1rsrm2fby" }, "13": { defaultClass: "_1rsrm2fbz" }, "14": { defaultClass: "_1rsrm2fc0" }, "15": { defaultClass: "_1rsrm2fc1" }, "16": { defaultClass: "_1rsrm2fc2" }, "18": { defaultClass: "_1rsrm2fc3" }, "20": { defaultClass: "_1rsrm2fc4" }, "24": { defaultClass: "_1rsrm2fc5" }, "28": { defaultClass: "_1rsrm2fc6" }, "30": { defaultClass: "_1rsrm2fc7" }, "32": { defaultClass: "_1rsrm2fc8" }, "36": { defaultClass: "_1rsrm2fc9" }, "44": { defaultClass: "_1rsrm2fca" }, "64": { defaultClass: "_1rsrm2fcb" }, "-1": { defaultClass: "_1rsrm2fcc" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fcd" }, "1": { defaultClass: "_1rsrm2fce" }, "2": { defaultClass: "_1rsrm2fcf" }, "3": { defaultClass: "_1rsrm2fcg" }, "4": { defaultClass: "_1rsrm2fch" }, "5": { defaultClass: "_1rsrm2fci" }, "6": { defaultClass: "_1rsrm2fcj" }, "7": { defaultClass: "_1rsrm2fck" }, "8": { defaultClass: "_1rsrm2fcl" }, "9": { defaultClass: "_1rsrm2fcm" }, "10": { defaultClass: "_1rsrm2fcn" }, "11": { defaultClass: "_1rsrm2fco" }, "12": { defaultClass: "_1rsrm2fcp" }, "13": { defaultClass: "_1rsrm2fcq" }, "14": { defaultClass: "_1rsrm2fcr" }, "15": { defaultClass: "_1rsrm2fcs" }, "16": { defaultClass: "_1rsrm2fct" }, "18": { defaultClass: "_1rsrm2fcu" }, "20": { defaultClass: "_1rsrm2fcv" }, "24": { defaultClass: "_1rsrm2fcw" }, "28": { defaultClass: "_1rsrm2fcx" }, "30": { defaultClass: "_1rsrm2fcy" }, "32": { defaultClass: "_1rsrm2fcz" }, "36": { defaultClass: "_1rsrm2fd0" }, "44": { defaultClass: "_1rsrm2fd1" }, "64": { defaultClass: "_1rsrm2fd2" }, "-1": { defaultClass: "_1rsrm2fd3" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fd4" }, "1": { defaultClass: "_1rsrm2fd5" }, "2": { defaultClass: "_1rsrm2fd6" }, "3": { defaultClass: "_1rsrm2fd7" }, "4": { defaultClass: "_1rsrm2fd8" }, "5": { defaultClass: "_1rsrm2fd9" }, "6": { defaultClass: "_1rsrm2fda" }, "7": { defaultClass: "_1rsrm2fdb" }, "8": { defaultClass: "_1rsrm2fdc" }, "9": { defaultClass: "_1rsrm2fdd" }, "10": { defaultClass: "_1rsrm2fde" }, "11": { defaultClass: "_1rsrm2fdf" }, "12": { defaultClass: "_1rsrm2fdg" }, "13": { defaultClass: "_1rsrm2fdh" }, "14": { defaultClass: "_1rsrm2fdi" }, "15": { defaultClass: "_1rsrm2fdj" }, "16": { defaultClass: "_1rsrm2fdk" }, "18": { defaultClass: "_1rsrm2fdl" }, "20": { defaultClass: "_1rsrm2fdm" }, "24": { defaultClass: "_1rsrm2fdn" }, "28": { defaultClass: "_1rsrm2fdo" }, "30": { defaultClass: "_1rsrm2fdp" }, "32": { defaultClass: "_1rsrm2fdq" }, "36": { defaultClass: "_1rsrm2fdr" }, "44": { defaultClass: "_1rsrm2fds" }, "64": { defaultClass: "_1rsrm2fdt" }, "-1": { defaultClass: "_1rsrm2fdu" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fdv" }, "1": { defaultClass: "_1rsrm2fdw" }, "2": { defaultClass: "_1rsrm2fdx" }, "3": { defaultClass: "_1rsrm2fdy" }, "4": { defaultClass: "_1rsrm2fdz" }, "5": { defaultClass: "_1rsrm2fe0" }, "6": { defaultClass: "_1rsrm2fe1" }, "7": { defaultClass: "_1rsrm2fe2" }, "8": { defaultClass: "_1rsrm2fe3" }, "9": { defaultClass: "_1rsrm2fe4" }, "10": { defaultClass: "_1rsrm2fe5" }, "11": { defaultClass: "_1rsrm2fe6" }, "12": { defaultClass: "_1rsrm2fe7" }, "13": { defaultClass: "_1rsrm2fe8" }, "14": { defaultClass: "_1rsrm2fe9" }, "15": { defaultClass: "_1rsrm2fea" }, "16": { defaultClass: "_1rsrm2feb" }, "18": { defaultClass: "_1rsrm2fec" }, "20": { defaultClass: "_1rsrm2fed" }, "24": { defaultClass: "_1rsrm2fee" }, "28": { defaultClass: "_1rsrm2fef" }, "30": { defaultClass: "_1rsrm2feg" }, "32": { defaultClass: "_1rsrm2feh" }, "36": { defaultClass: "_1rsrm2fei" }, "44": { defaultClass: "_1rsrm2fej" }, "64": { defaultClass: "_1rsrm2fek" }, "-1": { defaultClass: "_1rsrm2fel" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fem" }, fixed: { defaultClass: "_1rsrm2fen" }, relative: { defaultClass: "_1rsrm2feo" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fep" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2feq" }, transform: { defaultClass: "_1rsrm2fer" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fes" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fet" }, "2": { defaultClass: "_1rsrm2feu" }, "4": { defaultClass: "_1rsrm2fev" }, "8": { defaultClass: "_1rsrm2few" }, "10": { defaultClass: "_1rsrm2fex" }, "11": { defaultClass: "_1rsrm2fey" }, "12": { defaultClass: "_1rsrm2fez" }, "13": { defaultClass: "_1rsrm2ff0" }, "14": { defaultClass: "_1rsrm2ff1" }, "15": { defaultClass: "_1rsrm2ff2" }, "16": { defaultClass: "_1rsrm2ff3" }, "18": { defaultClass: "_1rsrm2ff4" }, "20": { defaultClass: "_1rsrm2ff5" }, "24": { defaultClass: "_1rsrm2ff6" }, "28": { defaultClass: "_1rsrm2ff7" }, "30": { defaultClass: "_1rsrm2ff8" }, "32": { defaultClass: "_1rsrm2ff9" }, "34": { defaultClass: "_1rsrm2ffa" }, "36": { defaultClass: "_1rsrm2ffb" }, "40": { defaultClass: "_1rsrm2ffc" }, "44": { defaultClass: "_1rsrm2ffd" }, "48": { defaultClass: "_1rsrm2ffe" }, "50": { defaultClass: "_1rsrm2fff" }, "54": { defaultClass: "_1rsrm2ffg" }, "57": { defaultClass: "_1rsrm2ffh" }, "60": { defaultClass: "_1rsrm2ffi" }, "72": { defaultClass: "_1rsrm2ffj" }, "93": { defaultClass: "_1rsrm2ffk" }, "96": { defaultClass: "_1rsrm2ffl" }, "100": { defaultClass: "_1rsrm2ffm" }, "108": { defaultClass: "_1rsrm2ffn" }, "120": { defaultClass: "_1rsrm2ffo" }, "180": { defaultClass: "_1rsrm2ffp" }, "200": { defaultClass: "_1rsrm2ffq" }, "240": { defaultClass: "_1rsrm2ffr" }, half: { defaultClass: "_1rsrm2ffs" }, full: { defaultClass: "_1rsrm2fft" }, max: { defaultClass: "_1rsrm2ffu" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2ffv" } } } } });
47
- 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)", offBackgroundComplimentary: "var(--rk-colors-offBackgroundComplimentary)", hoverState: "var(--rk-colors-hoverState)", lightStroke: "var(--rk-colors-lightStroke)", mediumStroke: "var(--rk-colors-mediumStroke)", heavyStroke: "var(--rk-colors-heavyStroke)", strokeColor: "var(--rk-colors-strokeColor)", dydxSwitchActiveBackground: "var(--rk-colors-dydxSwitchActiveBackground)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", 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)", 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)" }, fonts: { body: "var(--rk-fonts-body)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)" }, fontSize: { "10": { fontSize: "var(--rk-fontSize-10-fontSize)", lineHeight: "var(--rk-fontSize-10-lineHeight)" }, "12": { fontSize: "var(--rk-fontSize-12-fontSize)", lineHeight: "var(--rk-fontSize-12-lineHeight)" }, "13": { fontSize: "var(--rk-fontSize-13-fontSize)", lineHeight: "var(--rk-fontSize-13-lineHeight)" }, "14": { fontSize: "var(--rk-fontSize-14-fontSize)", lineHeight: "var(--rk-fontSize-14-lineHeight)" }, "16": { fontSize: "var(--rk-fontSize-16-fontSize)", lineHeight: "var(--rk-fontSize-16-lineHeight)" }, "18": { fontSize: "var(--rk-fontSize-18-fontSize)", lineHeight: "var(--rk-fontSize-18-lineHeight)" }, "20": { fontSize: "var(--rk-fontSize-20-fontSize)", lineHeight: "var(--rk-fontSize-20-lineHeight)" }, "21": { fontSize: "var(--rk-fontSize-21-fontSize)", lineHeight: "var(--rk-fontSize-21-lineHeight)" }, "40": { fontSize: "var(--rk-fontSize-40-fontSize)", lineHeight: "var(--rk-fontSize-40-lineHeight)" }, "57": { fontSize: "var(--rk-fontSize-57-fontSize)", lineHeight: "var(--rk-fontSize-57-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)" }, 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)", vertexDropdown: "var(--rk-shadows-vertexDropdown)", qrCode: "var(--rk-shadows-qrCode)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
46
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection", "focused", "focusedVisible"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fg2", hover: "_1rsrm2fg3", active: "_1rsrm2fg4", selection: "_1rsrm2fg5", focused: "_1rsrm2fg6", focusedVisible: "_1rsrm2fg7" }, defaultClass: "_1rsrm2fg2" }, accentColorForeground: { conditions: { base: "_1rsrm2fg8", hover: "_1rsrm2fg9", active: "_1rsrm2fga", selection: "_1rsrm2fgb", focused: "_1rsrm2fgc", focusedVisible: "_1rsrm2fgd" }, defaultClass: "_1rsrm2fg8" }, actionButtonBorder: { conditions: { base: "_1rsrm2fge", hover: "_1rsrm2fgf", active: "_1rsrm2fgg", selection: "_1rsrm2fgh", focused: "_1rsrm2fgi", focusedVisible: "_1rsrm2fgj" }, defaultClass: "_1rsrm2fge" }, connectButtonBackground: { conditions: { base: "_1rsrm2fgk", hover: "_1rsrm2fgl", active: "_1rsrm2fgm", selection: "_1rsrm2fgn", focused: "_1rsrm2fgo", focusedVisible: "_1rsrm2fgp" }, defaultClass: "_1rsrm2fgk" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fgq", hover: "_1rsrm2fgr", active: "_1rsrm2fgs", selection: "_1rsrm2fgt", focused: "_1rsrm2fgu", focusedVisible: "_1rsrm2fgv" }, defaultClass: "_1rsrm2fgq" }, connectButtonText: { conditions: { base: "_1rsrm2fgw", hover: "_1rsrm2fgx", active: "_1rsrm2fgy", selection: "_1rsrm2fgz", focused: "_1rsrm2fh0", focusedVisible: "_1rsrm2fh1" }, defaultClass: "_1rsrm2fgw" }, connectButtonTextError: { conditions: { base: "_1rsrm2fh2", hover: "_1rsrm2fh3", active: "_1rsrm2fh4", selection: "_1rsrm2fh5", focused: "_1rsrm2fh6", focusedVisible: "_1rsrm2fh7" }, defaultClass: "_1rsrm2fh2" }, connectionIndicator: { conditions: { base: "_1rsrm2fh8", hover: "_1rsrm2fh9", active: "_1rsrm2fha", selection: "_1rsrm2fhb", focused: "_1rsrm2fhc", focusedVisible: "_1rsrm2fhd" }, defaultClass: "_1rsrm2fh8" }, error: { conditions: { base: "_1rsrm2fhe", hover: "_1rsrm2fhf", active: "_1rsrm2fhg", selection: "_1rsrm2fhh", focused: "_1rsrm2fhi", focusedVisible: "_1rsrm2fhj" }, defaultClass: "_1rsrm2fhe" }, errorBackground: { conditions: { base: "_1rsrm2fhk", hover: "_1rsrm2fhl", active: "_1rsrm2fhm", selection: "_1rsrm2fhn", focused: "_1rsrm2fho", focusedVisible: "_1rsrm2fhp" }, defaultClass: "_1rsrm2fhk" }, errorBorder: { conditions: { base: "_1rsrm2fhq", hover: "_1rsrm2fhr", active: "_1rsrm2fhs", selection: "_1rsrm2fht", focused: "_1rsrm2fhu", focusedVisible: "_1rsrm2fhv" }, defaultClass: "_1rsrm2fhq" }, generalBorder: { conditions: { base: "_1rsrm2fhw", hover: "_1rsrm2fhx", active: "_1rsrm2fhy", selection: "_1rsrm2fhz", focused: "_1rsrm2fi0", focusedVisible: "_1rsrm2fi1" }, defaultClass: "_1rsrm2fhw" }, generalBorderDim: { conditions: { base: "_1rsrm2fi2", hover: "_1rsrm2fi3", active: "_1rsrm2fi4", selection: "_1rsrm2fi5", focused: "_1rsrm2fi6", focusedVisible: "_1rsrm2fi7" }, defaultClass: "_1rsrm2fi2" }, menuItemBackground: { conditions: { base: "_1rsrm2fi8", hover: "_1rsrm2fi9", active: "_1rsrm2fia", selection: "_1rsrm2fib", focused: "_1rsrm2fic", focusedVisible: "_1rsrm2fid" }, defaultClass: "_1rsrm2fi8" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih", focused: "_1rsrm2fii", focusedVisible: "_1rsrm2fij" }, defaultClass: "_1rsrm2fie" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fik", hover: "_1rsrm2fil", active: "_1rsrm2fim", selection: "_1rsrm2fin", focused: "_1rsrm2fio", focusedVisible: "_1rsrm2fip" }, defaultClass: "_1rsrm2fik" }, standby: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit", focused: "_1rsrm2fiu", focusedVisible: "_1rsrm2fiv" }, defaultClass: "_1rsrm2fiq" }, success: { conditions: { base: "_1rsrm2fiw", hover: "_1rsrm2fix", active: "_1rsrm2fiy", selection: "_1rsrm2fiz", focused: "_1rsrm2fj0", focusedVisible: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiw" }, chainIconBorder: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5", focused: "_1rsrm2fj6", focusedVisible: "_1rsrm2fj7" }, defaultClass: "_1rsrm2fj2" }, modalBackdrop: { conditions: { base: "_1rsrm2fj8", hover: "_1rsrm2fj9", active: "_1rsrm2fja", selection: "_1rsrm2fjb", focused: "_1rsrm2fjc", focusedVisible: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fj8" }, modalBackground: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh", focused: "_1rsrm2fji", focusedVisible: "_1rsrm2fjj" }, defaultClass: "_1rsrm2fje" }, modalBorder: { conditions: { base: "_1rsrm2fjk", hover: "_1rsrm2fjl", active: "_1rsrm2fjm", selection: "_1rsrm2fjn", focused: "_1rsrm2fjo", focusedVisible: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjk" }, offBackground: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt", focused: "_1rsrm2fju", focusedVisible: "_1rsrm2fjv" }, defaultClass: "_1rsrm2fjq" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fjw", hover: "_1rsrm2fjx", active: "_1rsrm2fjy", selection: "_1rsrm2fjz", focused: "_1rsrm2fk0", focusedVisible: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjw" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5", focused: "_1rsrm2fk6", focusedVisible: "_1rsrm2fk7" }, defaultClass: "_1rsrm2fk2" }, hoverState: { conditions: { base: "_1rsrm2fk8", hover: "_1rsrm2fk9", active: "_1rsrm2fka", selection: "_1rsrm2fkb", focused: "_1rsrm2fkc", focusedVisible: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fk8" }, lightStroke: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh", focused: "_1rsrm2fki", focusedVisible: "_1rsrm2fkj" }, defaultClass: "_1rsrm2fke" }, mediumStroke: { conditions: { base: "_1rsrm2fkk", hover: "_1rsrm2fkl", active: "_1rsrm2fkm", selection: "_1rsrm2fkn", focused: "_1rsrm2fko", focusedVisible: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkk" }, heavyStroke: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt", focused: "_1rsrm2fku", focusedVisible: "_1rsrm2fkv" }, defaultClass: "_1rsrm2fkq" }, strokeColor: { conditions: { base: "_1rsrm2fkw", hover: "_1rsrm2fkx", active: "_1rsrm2fky", selection: "_1rsrm2fkz", focused: "_1rsrm2fl0", focusedVisible: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fkw" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5", focused: "_1rsrm2fl6", focusedVisible: "_1rsrm2fl7" }, defaultClass: "_1rsrm2fl2" }, primaryText: { conditions: { base: "_1rsrm2fl8", hover: "_1rsrm2fl9", active: "_1rsrm2fla", selection: "_1rsrm2flb", focused: "_1rsrm2flc", focusedVisible: "_1rsrm2fld" }, defaultClass: "_1rsrm2fl8" }, secondaryText: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh", focused: "_1rsrm2fli", focusedVisible: "_1rsrm2flj" }, defaultClass: "_1rsrm2fle" }, tertiaryText: { conditions: { base: "_1rsrm2flk", hover: "_1rsrm2fll", active: "_1rsrm2flm", selection: "_1rsrm2fln", focused: "_1rsrm2flo", focusedVisible: "_1rsrm2flp" }, defaultClass: "_1rsrm2flk" }, textSelection: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt", focused: "_1rsrm2flu", focusedVisible: "_1rsrm2flv" }, defaultClass: "_1rsrm2flq" }, inputBackground: { conditions: { base: "_1rsrm2flw", hover: "_1rsrm2flx", active: "_1rsrm2fly", selection: "_1rsrm2flz", focused: "_1rsrm2fm0", focusedVisible: "_1rsrm2fm1" }, defaultClass: "_1rsrm2flw" }, inputBorderBase: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5", focused: "_1rsrm2fm6", focusedVisible: "_1rsrm2fm7" }, defaultClass: "_1rsrm2fm2" }, inputBorderHover: { conditions: { base: "_1rsrm2fm8", hover: "_1rsrm2fm9", active: "_1rsrm2fma", selection: "_1rsrm2fmb", focused: "_1rsrm2fmc", focusedVisible: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fm8" }, actionColor: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh", focused: "_1rsrm2fmi", focusedVisible: "_1rsrm2fmj" }, defaultClass: "_1rsrm2fme" }, actionColorHover: { conditions: { base: "_1rsrm2fmk", hover: "_1rsrm2fml", active: "_1rsrm2fmm", selection: "_1rsrm2fmn", focused: "_1rsrm2fmo", focusedVisible: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmk" }, actionColorDisabled: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt", focused: "_1rsrm2fmu", focusedVisible: "_1rsrm2fmv" }, defaultClass: "_1rsrm2fmq" }, buttonPrimary: { conditions: { base: "_1rsrm2fmw", hover: "_1rsrm2fmx", active: "_1rsrm2fmy", selection: "_1rsrm2fmz", focused: "_1rsrm2fn0", focusedVisible: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmw" }, buttonDisabled: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5", focused: "_1rsrm2fn6", focusedVisible: "_1rsrm2fn7" }, defaultClass: "_1rsrm2fn2" }, buttonWarning: { conditions: { base: "_1rsrm2fn8", hover: "_1rsrm2fn9", active: "_1rsrm2fna", selection: "_1rsrm2fnb", focused: "_1rsrm2fnc", focusedVisible: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fn8" }, buttonSuccess: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh", focused: "_1rsrm2fni", focusedVisible: "_1rsrm2fnj" }, defaultClass: "_1rsrm2fne" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fnk", hover: "_1rsrm2fnl", active: "_1rsrm2fnm", selection: "_1rsrm2fnn", focused: "_1rsrm2fno", focusedVisible: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnk" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt", focused: "_1rsrm2fnu", focusedVisible: "_1rsrm2fnv" }, defaultClass: "_1rsrm2fnq" }, transparent: { conditions: { base: "_1rsrm2fnw", hover: "_1rsrm2fnx", active: "_1rsrm2fny", selection: "_1rsrm2fnz", focused: "_1rsrm2fo0", focusedVisible: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fnw" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5", focused: "_1rsrm2fo6", focusedVisible: "_1rsrm2fo7" }, defaultClass: "_1rsrm2fo2" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2fo8", hover: "_1rsrm2fo9", active: "_1rsrm2foa", selection: "_1rsrm2fob", focused: "_1rsrm2foc", focusedVisible: "_1rsrm2fod" }, defaultClass: "_1rsrm2fo8" }, buttonTextTertiary: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh", focused: "_1rsrm2foi", focusedVisible: "_1rsrm2foj" }, defaultClass: "_1rsrm2foe" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2fok", hover: "_1rsrm2fol", active: "_1rsrm2fom", selection: "_1rsrm2fon", focused: "_1rsrm2foo", focusedVisible: "_1rsrm2fop" }, defaultClass: "_1rsrm2fok" }, buttonBackground: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot", focused: "_1rsrm2fou", focusedVisible: "_1rsrm2fov" }, defaultClass: "_1rsrm2foq" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2fow", hover: "_1rsrm2fox", active: "_1rsrm2foy", selection: "_1rsrm2foz", focused: "_1rsrm2fp0", focusedVisible: "_1rsrm2fp1" }, defaultClass: "_1rsrm2fow" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5", focused: "_1rsrm2fp6", focusedVisible: "_1rsrm2fp7" }, defaultClass: "_1rsrm2fp2" }, buttonBorderHover: { conditions: { base: "_1rsrm2fp8", hover: "_1rsrm2fp9", active: "_1rsrm2fpa", selection: "_1rsrm2fpb", focused: "_1rsrm2fpc", focusedVisible: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fp8" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph", focused: "_1rsrm2fpi", focusedVisible: "_1rsrm2fpj" }, defaultClass: "_1rsrm2fpe" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fpk", hover: "_1rsrm2fpl", active: "_1rsrm2fpm", selection: "_1rsrm2fpn", focused: "_1rsrm2fpo", focusedVisible: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpk" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt", focused: "_1rsrm2fpu", focusedVisible: "_1rsrm2fpv" }, defaultClass: "_1rsrm2fpq" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2fpw", hover: "_1rsrm2fpx", active: "_1rsrm2fpy", selection: "_1rsrm2fpz", focused: "_1rsrm2fq0", focusedVisible: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpw" }, buttonIconStroke: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5", focused: "_1rsrm2fq6", focusedVisible: "_1rsrm2fq7" }, defaultClass: "_1rsrm2fq2" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2fq8", hover: "_1rsrm2fq9", active: "_1rsrm2fqa", selection: "_1rsrm2fqb", focused: "_1rsrm2fqc", focusedVisible: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fq8" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh", focused: "_1rsrm2fqi", focusedVisible: "_1rsrm2fqj" }, defaultClass: "_1rsrm2fqe" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2fqk", hover: "_1rsrm2fql", active: "_1rsrm2fqm", selection: "_1rsrm2fqn", focused: "_1rsrm2fqo", focusedVisible: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqk" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt", focused: "_1rsrm2fqu", focusedVisible: "_1rsrm2fqv" }, defaultClass: "_1rsrm2fqq" }, badgeTextSuccess: { conditions: { base: "_1rsrm2fqw", hover: "_1rsrm2fqx", active: "_1rsrm2fqy", selection: "_1rsrm2fqz", focused: "_1rsrm2fr0", focusedVisible: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqw" }, newBadgeBackground: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5", focused: "_1rsrm2fr6", focusedVisible: "_1rsrm2fr7" }, defaultClass: "_1rsrm2fr2" }, newBadgeBorder: { conditions: { base: "_1rsrm2fr8", hover: "_1rsrm2fr9", active: "_1rsrm2fra", selection: "_1rsrm2frb", focused: "_1rsrm2frc", focusedVisible: "_1rsrm2frd" }, defaultClass: "_1rsrm2fr8" }, newBadgeText: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh", focused: "_1rsrm2fri", focusedVisible: "_1rsrm2frj" }, defaultClass: "_1rsrm2fre" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2frk", hover: "_1rsrm2frl", active: "_1rsrm2frm", selection: "_1rsrm2frn", focused: "_1rsrm2fro", focusedVisible: "_1rsrm2frp" }, defaultClass: "_1rsrm2frk" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt", focused: "_1rsrm2fru", focusedVisible: "_1rsrm2frv" }, defaultClass: "_1rsrm2frq" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2frw", hover: "_1rsrm2frx", active: "_1rsrm2fry", selection: "_1rsrm2frz", focused: "_1rsrm2fs0", focusedVisible: "_1rsrm2fs1" }, defaultClass: "_1rsrm2frw" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5", focused: "_1rsrm2fs6", focusedVisible: "_1rsrm2fs7" }, defaultClass: "_1rsrm2fs2" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2fs8", hover: "_1rsrm2fs9", active: "_1rsrm2fsa", selection: "_1rsrm2fsb", focused: "_1rsrm2fsc", focusedVisible: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fs8" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh", focused: "_1rsrm2fsi", focusedVisible: "_1rsrm2fsj" }, defaultClass: "_1rsrm2fse" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2fsk", hover: "_1rsrm2fsl", active: "_1rsrm2fsm", selection: "_1rsrm2fsn", focused: "_1rsrm2fso", focusedVisible: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsk" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst", focused: "_1rsrm2fsu", focusedVisible: "_1rsrm2fsv" }, defaultClass: "_1rsrm2fsq" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2fsw", hover: "_1rsrm2fsx", active: "_1rsrm2fsy", selection: "_1rsrm2fsz", focused: "_1rsrm2ft0", focusedVisible: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsw" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5", focused: "_1rsrm2ft6", focusedVisible: "_1rsrm2ft7" }, defaultClass: "_1rsrm2ft2" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2ft8", hover: "_1rsrm2ft9", active: "_1rsrm2fta", selection: "_1rsrm2ftb", focused: "_1rsrm2ftc", focusedVisible: "_1rsrm2ftd" }, defaultClass: "_1rsrm2ft8" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth", focused: "_1rsrm2fti", focusedVisible: "_1rsrm2ftj" }, defaultClass: "_1rsrm2fte" }, announceGradientFrom: { conditions: { base: "_1rsrm2ftk", hover: "_1rsrm2ftl", active: "_1rsrm2ftm", selection: "_1rsrm2ftn", focused: "_1rsrm2fto", focusedVisible: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftk" }, announceGradientTo: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt", focused: "_1rsrm2ftu", focusedVisible: "_1rsrm2ftv" }, defaultClass: "_1rsrm2ftq" }, modalHeaderDivider: { conditions: { base: "_1rsrm2ftw", hover: "_1rsrm2ftx", active: "_1rsrm2fty", selection: "_1rsrm2ftz", focused: "_1rsrm2fu0", focusedVisible: "_1rsrm2fu1" }, defaultClass: "_1rsrm2ftw" }, modalFooterDivider: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5", focused: "_1rsrm2fu6", focusedVisible: "_1rsrm2fu7" }, defaultClass: "_1rsrm2fu2" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fu8", hover: "_1rsrm2fu9", active: "_1rsrm2fua", selection: "_1rsrm2fub", focused: "_1rsrm2fuc", focusedVisible: "_1rsrm2fud" }, defaultClass: "_1rsrm2fu8" }, accentColorForeground: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh", focused: "_1rsrm2fui", focusedVisible: "_1rsrm2fuj" }, defaultClass: "_1rsrm2fue" }, actionButtonBorder: { conditions: { base: "_1rsrm2fuk", hover: "_1rsrm2ful", active: "_1rsrm2fum", selection: "_1rsrm2fun", focused: "_1rsrm2fuo", focusedVisible: "_1rsrm2fup" }, defaultClass: "_1rsrm2fuk" }, connectButtonBackground: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut", focused: "_1rsrm2fuu", focusedVisible: "_1rsrm2fuv" }, defaultClass: "_1rsrm2fuq" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fuw", hover: "_1rsrm2fux", active: "_1rsrm2fuy", selection: "_1rsrm2fuz", focused: "_1rsrm2fv0", focusedVisible: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuw" }, connectButtonText: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5", focused: "_1rsrm2fv6", focusedVisible: "_1rsrm2fv7" }, defaultClass: "_1rsrm2fv2" }, connectButtonTextError: { conditions: { base: "_1rsrm2fv8", hover: "_1rsrm2fv9", active: "_1rsrm2fva", selection: "_1rsrm2fvb", focused: "_1rsrm2fvc", focusedVisible: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fv8" }, connectionIndicator: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh", focused: "_1rsrm2fvi", focusedVisible: "_1rsrm2fvj" }, defaultClass: "_1rsrm2fve" }, error: { conditions: { base: "_1rsrm2fvk", hover: "_1rsrm2fvl", active: "_1rsrm2fvm", selection: "_1rsrm2fvn", focused: "_1rsrm2fvo", focusedVisible: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvk" }, errorBackground: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt", focused: "_1rsrm2fvu", focusedVisible: "_1rsrm2fvv" }, defaultClass: "_1rsrm2fvq" }, errorBorder: { conditions: { base: "_1rsrm2fvw", hover: "_1rsrm2fvx", active: "_1rsrm2fvy", selection: "_1rsrm2fvz", focused: "_1rsrm2fw0", focusedVisible: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvw" }, generalBorder: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5", focused: "_1rsrm2fw6", focusedVisible: "_1rsrm2fw7" }, defaultClass: "_1rsrm2fw2" }, generalBorderDim: { conditions: { base: "_1rsrm2fw8", hover: "_1rsrm2fw9", active: "_1rsrm2fwa", selection: "_1rsrm2fwb", focused: "_1rsrm2fwc", focusedVisible: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fw8" }, menuItemBackground: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh", focused: "_1rsrm2fwi", focusedVisible: "_1rsrm2fwj" }, defaultClass: "_1rsrm2fwe" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fwk", hover: "_1rsrm2fwl", active: "_1rsrm2fwm", selection: "_1rsrm2fwn", focused: "_1rsrm2fwo", focusedVisible: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwk" }, focusedOptionBorder: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt", focused: "_1rsrm2fwu", focusedVisible: "_1rsrm2fwv" }, defaultClass: "_1rsrm2fwq" }, standby: { conditions: { base: "_1rsrm2fww", hover: "_1rsrm2fwx", active: "_1rsrm2fwy", selection: "_1rsrm2fwz", focused: "_1rsrm2fx0", focusedVisible: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fww" }, success: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5", focused: "_1rsrm2fx6", focusedVisible: "_1rsrm2fx7" }, defaultClass: "_1rsrm2fx2" }, chainIconBorder: { conditions: { base: "_1rsrm2fx8", hover: "_1rsrm2fx9", active: "_1rsrm2fxa", selection: "_1rsrm2fxb", focused: "_1rsrm2fxc", focusedVisible: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fx8" }, modalBackdrop: { conditions: { base: "_1rsrm2fxe", hover: "_1rsrm2fxf", active: "_1rsrm2fxg", selection: "_1rsrm2fxh", focused: "_1rsrm2fxi", focusedVisible: "_1rsrm2fxj" }, defaultClass: "_1rsrm2fxe" }, modalBackground: { conditions: { base: "_1rsrm2fxk", hover: "_1rsrm2fxl", active: "_1rsrm2fxm", selection: "_1rsrm2fxn", focused: "_1rsrm2fxo", focusedVisible: "_1rsrm2fxp" }, defaultClass: "_1rsrm2fxk" }, modalBorder: { conditions: { base: "_1rsrm2fxq", hover: "_1rsrm2fxr", active: "_1rsrm2fxs", selection: "_1rsrm2fxt", focused: "_1rsrm2fxu", focusedVisible: "_1rsrm2fxv" }, defaultClass: "_1rsrm2fxq" }, offBackground: { conditions: { base: "_1rsrm2fxw", hover: "_1rsrm2fxx", active: "_1rsrm2fxy", selection: "_1rsrm2fxz", focused: "_1rsrm2fy0", focusedVisible: "_1rsrm2fy1" }, defaultClass: "_1rsrm2fxw" }, offBackgroundInverse: { conditions: { base: "_1rsrm2fy2", hover: "_1rsrm2fy3", active: "_1rsrm2fy4", selection: "_1rsrm2fy5", focused: "_1rsrm2fy6", focusedVisible: "_1rsrm2fy7" }, defaultClass: "_1rsrm2fy2" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2fy8", hover: "_1rsrm2fy9", active: "_1rsrm2fya", selection: "_1rsrm2fyb", focused: "_1rsrm2fyc", focusedVisible: "_1rsrm2fyd" }, defaultClass: "_1rsrm2fy8" }, hoverState: { conditions: { base: "_1rsrm2fye", hover: "_1rsrm2fyf", active: "_1rsrm2fyg", selection: "_1rsrm2fyh", focused: "_1rsrm2fyi", focusedVisible: "_1rsrm2fyj" }, defaultClass: "_1rsrm2fye" }, lightStroke: { conditions: { base: "_1rsrm2fyk", hover: "_1rsrm2fyl", active: "_1rsrm2fym", selection: "_1rsrm2fyn", focused: "_1rsrm2fyo", focusedVisible: "_1rsrm2fyp" }, defaultClass: "_1rsrm2fyk" }, mediumStroke: { conditions: { base: "_1rsrm2fyq", hover: "_1rsrm2fyr", active: "_1rsrm2fys", selection: "_1rsrm2fyt", focused: "_1rsrm2fyu", focusedVisible: "_1rsrm2fyv" }, defaultClass: "_1rsrm2fyq" }, heavyStroke: { conditions: { base: "_1rsrm2fyw", hover: "_1rsrm2fyx", active: "_1rsrm2fyy", selection: "_1rsrm2fyz", focused: "_1rsrm2fz0", focusedVisible: "_1rsrm2fz1" }, defaultClass: "_1rsrm2fyw" }, strokeColor: { conditions: { base: "_1rsrm2fz2", hover: "_1rsrm2fz3", active: "_1rsrm2fz4", selection: "_1rsrm2fz5", focused: "_1rsrm2fz6", focusedVisible: "_1rsrm2fz7" }, defaultClass: "_1rsrm2fz2" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2fz8", hover: "_1rsrm2fz9", active: "_1rsrm2fza", selection: "_1rsrm2fzb", focused: "_1rsrm2fzc", focusedVisible: "_1rsrm2fzd" }, defaultClass: "_1rsrm2fz8" }, primaryText: { conditions: { base: "_1rsrm2fze", hover: "_1rsrm2fzf", active: "_1rsrm2fzg", selection: "_1rsrm2fzh", focused: "_1rsrm2fzi", focusedVisible: "_1rsrm2fzj" }, defaultClass: "_1rsrm2fze" }, secondaryText: { conditions: { base: "_1rsrm2fzk", hover: "_1rsrm2fzl", active: "_1rsrm2fzm", selection: "_1rsrm2fzn", focused: "_1rsrm2fzo", focusedVisible: "_1rsrm2fzp" }, defaultClass: "_1rsrm2fzk" }, tertiaryText: { conditions: { base: "_1rsrm2fzq", hover: "_1rsrm2fzr", active: "_1rsrm2fzs", selection: "_1rsrm2fzt", focused: "_1rsrm2fzu", focusedVisible: "_1rsrm2fzv" }, defaultClass: "_1rsrm2fzq" }, textSelection: { conditions: { base: "_1rsrm2fzw", hover: "_1rsrm2fzx", active: "_1rsrm2fzy", selection: "_1rsrm2fzz", focused: "_1rsrm2f100", focusedVisible: "_1rsrm2f101" }, defaultClass: "_1rsrm2fzw" }, inputBackground: { conditions: { base: "_1rsrm2f102", hover: "_1rsrm2f103", active: "_1rsrm2f104", selection: "_1rsrm2f105", focused: "_1rsrm2f106", focusedVisible: "_1rsrm2f107" }, defaultClass: "_1rsrm2f102" }, inputBorderBase: { conditions: { base: "_1rsrm2f108", hover: "_1rsrm2f109", active: "_1rsrm2f10a", selection: "_1rsrm2f10b", focused: "_1rsrm2f10c", focusedVisible: "_1rsrm2f10d" }, defaultClass: "_1rsrm2f108" }, inputBorderHover: { conditions: { base: "_1rsrm2f10e", hover: "_1rsrm2f10f", active: "_1rsrm2f10g", selection: "_1rsrm2f10h", focused: "_1rsrm2f10i", focusedVisible: "_1rsrm2f10j" }, defaultClass: "_1rsrm2f10e" }, actionColor: { conditions: { base: "_1rsrm2f10k", hover: "_1rsrm2f10l", active: "_1rsrm2f10m", selection: "_1rsrm2f10n", focused: "_1rsrm2f10o", focusedVisible: "_1rsrm2f10p" }, defaultClass: "_1rsrm2f10k" }, actionColorHover: { conditions: { base: "_1rsrm2f10q", hover: "_1rsrm2f10r", active: "_1rsrm2f10s", selection: "_1rsrm2f10t", focused: "_1rsrm2f10u", focusedVisible: "_1rsrm2f10v" }, defaultClass: "_1rsrm2f10q" }, actionColorDisabled: { conditions: { base: "_1rsrm2f10w", hover: "_1rsrm2f10x", active: "_1rsrm2f10y", selection: "_1rsrm2f10z", focused: "_1rsrm2f110", focusedVisible: "_1rsrm2f111" }, defaultClass: "_1rsrm2f10w" }, buttonPrimary: { conditions: { base: "_1rsrm2f112", hover: "_1rsrm2f113", active: "_1rsrm2f114", selection: "_1rsrm2f115", focused: "_1rsrm2f116", focusedVisible: "_1rsrm2f117" }, defaultClass: "_1rsrm2f112" }, buttonDisabled: { conditions: { base: "_1rsrm2f118", hover: "_1rsrm2f119", active: "_1rsrm2f11a", selection: "_1rsrm2f11b", focused: "_1rsrm2f11c", focusedVisible: "_1rsrm2f11d" }, defaultClass: "_1rsrm2f118" }, buttonWarning: { conditions: { base: "_1rsrm2f11e", hover: "_1rsrm2f11f", active: "_1rsrm2f11g", selection: "_1rsrm2f11h", focused: "_1rsrm2f11i", focusedVisible: "_1rsrm2f11j" }, defaultClass: "_1rsrm2f11e" }, buttonSuccess: { conditions: { base: "_1rsrm2f11k", hover: "_1rsrm2f11l", active: "_1rsrm2f11m", selection: "_1rsrm2f11n", focused: "_1rsrm2f11o", focusedVisible: "_1rsrm2f11p" }, defaultClass: "_1rsrm2f11k" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f11q", hover: "_1rsrm2f11r", active: "_1rsrm2f11s", selection: "_1rsrm2f11t", focused: "_1rsrm2f11u", focusedVisible: "_1rsrm2f11v" }, defaultClass: "_1rsrm2f11q" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f11w", hover: "_1rsrm2f11x", active: "_1rsrm2f11y", selection: "_1rsrm2f11z", focused: "_1rsrm2f120", focusedVisible: "_1rsrm2f121" }, defaultClass: "_1rsrm2f11w" }, transparent: { conditions: { base: "_1rsrm2f122", hover: "_1rsrm2f123", active: "_1rsrm2f124", selection: "_1rsrm2f125", focused: "_1rsrm2f126", focusedVisible: "_1rsrm2f127" }, defaultClass: "_1rsrm2f122" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f128", hover: "_1rsrm2f129", active: "_1rsrm2f12a", selection: "_1rsrm2f12b", focused: "_1rsrm2f12c", focusedVisible: "_1rsrm2f12d" }, defaultClass: "_1rsrm2f128" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f12e", hover: "_1rsrm2f12f", active: "_1rsrm2f12g", selection: "_1rsrm2f12h", focused: "_1rsrm2f12i", focusedVisible: "_1rsrm2f12j" }, defaultClass: "_1rsrm2f12e" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f12k", hover: "_1rsrm2f12l", active: "_1rsrm2f12m", selection: "_1rsrm2f12n", focused: "_1rsrm2f12o", focusedVisible: "_1rsrm2f12p" }, defaultClass: "_1rsrm2f12k" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f12q", hover: "_1rsrm2f12r", active: "_1rsrm2f12s", selection: "_1rsrm2f12t", focused: "_1rsrm2f12u", focusedVisible: "_1rsrm2f12v" }, defaultClass: "_1rsrm2f12q" }, buttonBackground: { conditions: { base: "_1rsrm2f12w", hover: "_1rsrm2f12x", active: "_1rsrm2f12y", selection: "_1rsrm2f12z", focused: "_1rsrm2f130", focusedVisible: "_1rsrm2f131" }, defaultClass: "_1rsrm2f12w" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f132", hover: "_1rsrm2f133", active: "_1rsrm2f134", selection: "_1rsrm2f135", focused: "_1rsrm2f136", focusedVisible: "_1rsrm2f137" }, defaultClass: "_1rsrm2f132" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f138", hover: "_1rsrm2f139", active: "_1rsrm2f13a", selection: "_1rsrm2f13b", focused: "_1rsrm2f13c", focusedVisible: "_1rsrm2f13d" }, defaultClass: "_1rsrm2f138" }, buttonBorderHover: { conditions: { base: "_1rsrm2f13e", hover: "_1rsrm2f13f", active: "_1rsrm2f13g", selection: "_1rsrm2f13h", focused: "_1rsrm2f13i", focusedVisible: "_1rsrm2f13j" }, defaultClass: "_1rsrm2f13e" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f13k", hover: "_1rsrm2f13l", active: "_1rsrm2f13m", selection: "_1rsrm2f13n", focused: "_1rsrm2f13o", focusedVisible: "_1rsrm2f13p" }, defaultClass: "_1rsrm2f13k" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f13q", hover: "_1rsrm2f13r", active: "_1rsrm2f13s", selection: "_1rsrm2f13t", focused: "_1rsrm2f13u", focusedVisible: "_1rsrm2f13v" }, defaultClass: "_1rsrm2f13q" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f13w", hover: "_1rsrm2f13x", active: "_1rsrm2f13y", selection: "_1rsrm2f13z", focused: "_1rsrm2f140", focusedVisible: "_1rsrm2f141" }, defaultClass: "_1rsrm2f13w" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f142", hover: "_1rsrm2f143", active: "_1rsrm2f144", selection: "_1rsrm2f145", focused: "_1rsrm2f146", focusedVisible: "_1rsrm2f147" }, defaultClass: "_1rsrm2f142" }, buttonIconStroke: { conditions: { base: "_1rsrm2f148", hover: "_1rsrm2f149", active: "_1rsrm2f14a", selection: "_1rsrm2f14b", focused: "_1rsrm2f14c", focusedVisible: "_1rsrm2f14d" }, defaultClass: "_1rsrm2f148" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f14e", hover: "_1rsrm2f14f", active: "_1rsrm2f14g", selection: "_1rsrm2f14h", focused: "_1rsrm2f14i", focusedVisible: "_1rsrm2f14j" }, defaultClass: "_1rsrm2f14e" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f14k", hover: "_1rsrm2f14l", active: "_1rsrm2f14m", selection: "_1rsrm2f14n", focused: "_1rsrm2f14o", focusedVisible: "_1rsrm2f14p" }, defaultClass: "_1rsrm2f14k" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f14q", hover: "_1rsrm2f14r", active: "_1rsrm2f14s", selection: "_1rsrm2f14t", focused: "_1rsrm2f14u", focusedVisible: "_1rsrm2f14v" }, defaultClass: "_1rsrm2f14q" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f14w", hover: "_1rsrm2f14x", active: "_1rsrm2f14y", selection: "_1rsrm2f14z", focused: "_1rsrm2f150", focusedVisible: "_1rsrm2f151" }, defaultClass: "_1rsrm2f14w" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f152", hover: "_1rsrm2f153", active: "_1rsrm2f154", selection: "_1rsrm2f155", focused: "_1rsrm2f156", focusedVisible: "_1rsrm2f157" }, defaultClass: "_1rsrm2f152" }, newBadgeBackground: { conditions: { base: "_1rsrm2f158", hover: "_1rsrm2f159", active: "_1rsrm2f15a", selection: "_1rsrm2f15b", focused: "_1rsrm2f15c", focusedVisible: "_1rsrm2f15d" }, defaultClass: "_1rsrm2f158" }, newBadgeBorder: { conditions: { base: "_1rsrm2f15e", hover: "_1rsrm2f15f", active: "_1rsrm2f15g", selection: "_1rsrm2f15h", focused: "_1rsrm2f15i", focusedVisible: "_1rsrm2f15j" }, defaultClass: "_1rsrm2f15e" }, newBadgeText: { conditions: { base: "_1rsrm2f15k", hover: "_1rsrm2f15l", active: "_1rsrm2f15m", selection: "_1rsrm2f15n", focused: "_1rsrm2f15o", focusedVisible: "_1rsrm2f15p" }, defaultClass: "_1rsrm2f15k" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f15q", hover: "_1rsrm2f15r", active: "_1rsrm2f15s", selection: "_1rsrm2f15t", focused: "_1rsrm2f15u", focusedVisible: "_1rsrm2f15v" }, defaultClass: "_1rsrm2f15q" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f15w", hover: "_1rsrm2f15x", active: "_1rsrm2f15y", selection: "_1rsrm2f15z", focused: "_1rsrm2f160", focusedVisible: "_1rsrm2f161" }, defaultClass: "_1rsrm2f15w" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f162", hover: "_1rsrm2f163", active: "_1rsrm2f164", selection: "_1rsrm2f165", focused: "_1rsrm2f166", focusedVisible: "_1rsrm2f167" }, defaultClass: "_1rsrm2f162" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f168", hover: "_1rsrm2f169", active: "_1rsrm2f16a", selection: "_1rsrm2f16b", focused: "_1rsrm2f16c", focusedVisible: "_1rsrm2f16d" }, defaultClass: "_1rsrm2f168" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f16e", hover: "_1rsrm2f16f", active: "_1rsrm2f16g", selection: "_1rsrm2f16h", focused: "_1rsrm2f16i", focusedVisible: "_1rsrm2f16j" }, defaultClass: "_1rsrm2f16e" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f16k", hover: "_1rsrm2f16l", active: "_1rsrm2f16m", selection: "_1rsrm2f16n", focused: "_1rsrm2f16o", focusedVisible: "_1rsrm2f16p" }, defaultClass: "_1rsrm2f16k" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f16q", hover: "_1rsrm2f16r", active: "_1rsrm2f16s", selection: "_1rsrm2f16t", focused: "_1rsrm2f16u", focusedVisible: "_1rsrm2f16v" }, defaultClass: "_1rsrm2f16q" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f16w", hover: "_1rsrm2f16x", active: "_1rsrm2f16y", selection: "_1rsrm2f16z", focused: "_1rsrm2f170", focusedVisible: "_1rsrm2f171" }, defaultClass: "_1rsrm2f16w" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f172", hover: "_1rsrm2f173", active: "_1rsrm2f174", selection: "_1rsrm2f175", focused: "_1rsrm2f176", focusedVisible: "_1rsrm2f177" }, defaultClass: "_1rsrm2f172" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f178", hover: "_1rsrm2f179", active: "_1rsrm2f17a", selection: "_1rsrm2f17b", focused: "_1rsrm2f17c", focusedVisible: "_1rsrm2f17d" }, defaultClass: "_1rsrm2f178" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f17e", hover: "_1rsrm2f17f", active: "_1rsrm2f17g", selection: "_1rsrm2f17h", focused: "_1rsrm2f17i", focusedVisible: "_1rsrm2f17j" }, defaultClass: "_1rsrm2f17e" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f17k", hover: "_1rsrm2f17l", active: "_1rsrm2f17m", selection: "_1rsrm2f17n", focused: "_1rsrm2f17o", focusedVisible: "_1rsrm2f17p" }, defaultClass: "_1rsrm2f17k" }, announceGradientFrom: { conditions: { base: "_1rsrm2f17q", hover: "_1rsrm2f17r", active: "_1rsrm2f17s", selection: "_1rsrm2f17t", focused: "_1rsrm2f17u", focusedVisible: "_1rsrm2f17v" }, defaultClass: "_1rsrm2f17q" }, announceGradientTo: { conditions: { base: "_1rsrm2f17w", hover: "_1rsrm2f17x", active: "_1rsrm2f17y", selection: "_1rsrm2f17z", focused: "_1rsrm2f180", focusedVisible: "_1rsrm2f181" }, defaultClass: "_1rsrm2f17w" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f182", hover: "_1rsrm2f183", active: "_1rsrm2f184", selection: "_1rsrm2f185", focused: "_1rsrm2f186", focusedVisible: "_1rsrm2f187" }, defaultClass: "_1rsrm2f182" }, modalFooterDivider: { conditions: { base: "_1rsrm2f188", hover: "_1rsrm2f189", active: "_1rsrm2f18a", selection: "_1rsrm2f18b", focused: "_1rsrm2f18c", focusedVisible: "_1rsrm2f18d" }, defaultClass: "_1rsrm2f188" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2f18e", hover: "_1rsrm2f18f", active: "_1rsrm2f18g", selection: "_1rsrm2f18h", focused: "_1rsrm2f18i", focusedVisible: "_1rsrm2f18j" }, defaultClass: "_1rsrm2f18e" }, dialog: { conditions: { base: "_1rsrm2f18k", hover: "_1rsrm2f18l", active: "_1rsrm2f18m", selection: "_1rsrm2f18n", focused: "_1rsrm2f18o", focusedVisible: "_1rsrm2f18p" }, defaultClass: "_1rsrm2f18k" }, selectedOption: { conditions: { base: "_1rsrm2f18q", hover: "_1rsrm2f18r", active: "_1rsrm2f18s", selection: "_1rsrm2f18t", focused: "_1rsrm2f18u", focusedVisible: "_1rsrm2f18v" }, defaultClass: "_1rsrm2f18q" }, selectedWallet: { conditions: { base: "_1rsrm2f18w", hover: "_1rsrm2f18x", active: "_1rsrm2f18y", selection: "_1rsrm2f18z", focused: "_1rsrm2f190", focusedVisible: "_1rsrm2f191" }, defaultClass: "_1rsrm2f18w" }, dropdown: { conditions: { base: "_1rsrm2f192", hover: "_1rsrm2f193", active: "_1rsrm2f194", selection: "_1rsrm2f195", focused: "_1rsrm2f196", focusedVisible: "_1rsrm2f197" }, defaultClass: "_1rsrm2f192" }, notification: { conditions: { base: "_1rsrm2f198", hover: "_1rsrm2f199", active: "_1rsrm2f19a", selection: "_1rsrm2f19b", focused: "_1rsrm2f19c", focusedVisible: "_1rsrm2f19d" }, defaultClass: "_1rsrm2f198" }, vertexDropdown: { conditions: { base: "_1rsrm2f19e", hover: "_1rsrm2f19f", active: "_1rsrm2f19g", selection: "_1rsrm2f19h", focused: "_1rsrm2f19i", focusedVisible: "_1rsrm2f19j" }, defaultClass: "_1rsrm2f19e" }, qrCode: { conditions: { base: "_1rsrm2f19k", hover: "_1rsrm2f19l", active: "_1rsrm2f19m", selection: "_1rsrm2f19n", focused: "_1rsrm2f19o", focusedVisible: "_1rsrm2f19p" }, defaultClass: "_1rsrm2f19k" }, buttonFocusedShadow: { conditions: { base: "_1rsrm2f19q", hover: "_1rsrm2f19r", active: "_1rsrm2f19s", selection: "_1rsrm2f19t", focused: "_1rsrm2f19u", focusedVisible: "_1rsrm2f19v" }, defaultClass: "_1rsrm2f19q" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2f19w", hover: "_1rsrm2f19x", active: "_1rsrm2f19y", selection: "_1rsrm2f19z", focused: "_1rsrm2f1a0", focusedVisible: "_1rsrm2f1a1" }, defaultClass: "_1rsrm2f19w" }, accentColorForeground: { conditions: { base: "_1rsrm2f1a2", hover: "_1rsrm2f1a3", active: "_1rsrm2f1a4", selection: "_1rsrm2f1a5", focused: "_1rsrm2f1a6", focusedVisible: "_1rsrm2f1a7" }, defaultClass: "_1rsrm2f1a2" }, actionButtonBorder: { conditions: { base: "_1rsrm2f1a8", hover: "_1rsrm2f1a9", active: "_1rsrm2f1aa", selection: "_1rsrm2f1ab", focused: "_1rsrm2f1ac", focusedVisible: "_1rsrm2f1ad" }, defaultClass: "_1rsrm2f1a8" }, connectButtonBackground: { conditions: { base: "_1rsrm2f1ae", hover: "_1rsrm2f1af", active: "_1rsrm2f1ag", selection: "_1rsrm2f1ah", focused: "_1rsrm2f1ai", focusedVisible: "_1rsrm2f1aj" }, defaultClass: "_1rsrm2f1ae" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2f1ak", hover: "_1rsrm2f1al", active: "_1rsrm2f1am", selection: "_1rsrm2f1an", focused: "_1rsrm2f1ao", focusedVisible: "_1rsrm2f1ap" }, defaultClass: "_1rsrm2f1ak" }, connectButtonText: { conditions: { base: "_1rsrm2f1aq", hover: "_1rsrm2f1ar", active: "_1rsrm2f1as", selection: "_1rsrm2f1at", focused: "_1rsrm2f1au", focusedVisible: "_1rsrm2f1av" }, defaultClass: "_1rsrm2f1aq" }, connectButtonTextError: { conditions: { base: "_1rsrm2f1aw", hover: "_1rsrm2f1ax", active: "_1rsrm2f1ay", selection: "_1rsrm2f1az", focused: "_1rsrm2f1b0", focusedVisible: "_1rsrm2f1b1" }, defaultClass: "_1rsrm2f1aw" }, connectionIndicator: { conditions: { base: "_1rsrm2f1b2", hover: "_1rsrm2f1b3", active: "_1rsrm2f1b4", selection: "_1rsrm2f1b5", focused: "_1rsrm2f1b6", focusedVisible: "_1rsrm2f1b7" }, defaultClass: "_1rsrm2f1b2" }, error: { conditions: { base: "_1rsrm2f1b8", hover: "_1rsrm2f1b9", active: "_1rsrm2f1ba", selection: "_1rsrm2f1bb", focused: "_1rsrm2f1bc", focusedVisible: "_1rsrm2f1bd" }, defaultClass: "_1rsrm2f1b8" }, errorBackground: { conditions: { base: "_1rsrm2f1be", hover: "_1rsrm2f1bf", active: "_1rsrm2f1bg", selection: "_1rsrm2f1bh", focused: "_1rsrm2f1bi", focusedVisible: "_1rsrm2f1bj" }, defaultClass: "_1rsrm2f1be" }, errorBorder: { conditions: { base: "_1rsrm2f1bk", hover: "_1rsrm2f1bl", active: "_1rsrm2f1bm", selection: "_1rsrm2f1bn", focused: "_1rsrm2f1bo", focusedVisible: "_1rsrm2f1bp" }, defaultClass: "_1rsrm2f1bk" }, generalBorder: { conditions: { base: "_1rsrm2f1bq", hover: "_1rsrm2f1br", active: "_1rsrm2f1bs", selection: "_1rsrm2f1bt", focused: "_1rsrm2f1bu", focusedVisible: "_1rsrm2f1bv" }, defaultClass: "_1rsrm2f1bq" }, generalBorderDim: { conditions: { base: "_1rsrm2f1bw", hover: "_1rsrm2f1bx", active: "_1rsrm2f1by", selection: "_1rsrm2f1bz", focused: "_1rsrm2f1c0", focusedVisible: "_1rsrm2f1c1" }, defaultClass: "_1rsrm2f1bw" }, menuItemBackground: { conditions: { base: "_1rsrm2f1c2", hover: "_1rsrm2f1c3", active: "_1rsrm2f1c4", selection: "_1rsrm2f1c5", focused: "_1rsrm2f1c6", focusedVisible: "_1rsrm2f1c7" }, defaultClass: "_1rsrm2f1c2" }, selectedOptionBorder: { conditions: { base: "_1rsrm2f1c8", hover: "_1rsrm2f1c9", active: "_1rsrm2f1ca", selection: "_1rsrm2f1cb", focused: "_1rsrm2f1cc", focusedVisible: "_1rsrm2f1cd" }, defaultClass: "_1rsrm2f1c8" }, focusedOptionBorder: { conditions: { base: "_1rsrm2f1ce", hover: "_1rsrm2f1cf", active: "_1rsrm2f1cg", selection: "_1rsrm2f1ch", focused: "_1rsrm2f1ci", focusedVisible: "_1rsrm2f1cj" }, defaultClass: "_1rsrm2f1ce" }, standby: { conditions: { base: "_1rsrm2f1ck", hover: "_1rsrm2f1cl", active: "_1rsrm2f1cm", selection: "_1rsrm2f1cn", focused: "_1rsrm2f1co", focusedVisible: "_1rsrm2f1cp" }, defaultClass: "_1rsrm2f1ck" }, success: { conditions: { base: "_1rsrm2f1cq", hover: "_1rsrm2f1cr", active: "_1rsrm2f1cs", selection: "_1rsrm2f1ct", focused: "_1rsrm2f1cu", focusedVisible: "_1rsrm2f1cv" }, defaultClass: "_1rsrm2f1cq" }, chainIconBorder: { conditions: { base: "_1rsrm2f1cw", hover: "_1rsrm2f1cx", active: "_1rsrm2f1cy", selection: "_1rsrm2f1cz", focused: "_1rsrm2f1d0", focusedVisible: "_1rsrm2f1d1" }, defaultClass: "_1rsrm2f1cw" }, modalBackdrop: { conditions: { base: "_1rsrm2f1d2", hover: "_1rsrm2f1d3", active: "_1rsrm2f1d4", selection: "_1rsrm2f1d5", focused: "_1rsrm2f1d6", focusedVisible: "_1rsrm2f1d7" }, defaultClass: "_1rsrm2f1d2" }, modalBackground: { conditions: { base: "_1rsrm2f1d8", hover: "_1rsrm2f1d9", active: "_1rsrm2f1da", selection: "_1rsrm2f1db", focused: "_1rsrm2f1dc", focusedVisible: "_1rsrm2f1dd" }, defaultClass: "_1rsrm2f1d8" }, modalBorder: { conditions: { base: "_1rsrm2f1de", hover: "_1rsrm2f1df", active: "_1rsrm2f1dg", selection: "_1rsrm2f1dh", focused: "_1rsrm2f1di", focusedVisible: "_1rsrm2f1dj" }, defaultClass: "_1rsrm2f1de" }, offBackground: { conditions: { base: "_1rsrm2f1dk", hover: "_1rsrm2f1dl", active: "_1rsrm2f1dm", selection: "_1rsrm2f1dn", focused: "_1rsrm2f1do", focusedVisible: "_1rsrm2f1dp" }, defaultClass: "_1rsrm2f1dk" }, offBackgroundInverse: { conditions: { base: "_1rsrm2f1dq", hover: "_1rsrm2f1dr", active: "_1rsrm2f1ds", selection: "_1rsrm2f1dt", focused: "_1rsrm2f1du", focusedVisible: "_1rsrm2f1dv" }, defaultClass: "_1rsrm2f1dq" }, offBackgroundComplimentary: { conditions: { base: "_1rsrm2f1dw", hover: "_1rsrm2f1dx", active: "_1rsrm2f1dy", selection: "_1rsrm2f1dz", focused: "_1rsrm2f1e0", focusedVisible: "_1rsrm2f1e1" }, defaultClass: "_1rsrm2f1dw" }, hoverState: { conditions: { base: "_1rsrm2f1e2", hover: "_1rsrm2f1e3", active: "_1rsrm2f1e4", selection: "_1rsrm2f1e5", focused: "_1rsrm2f1e6", focusedVisible: "_1rsrm2f1e7" }, defaultClass: "_1rsrm2f1e2" }, lightStroke: { conditions: { base: "_1rsrm2f1e8", hover: "_1rsrm2f1e9", active: "_1rsrm2f1ea", selection: "_1rsrm2f1eb", focused: "_1rsrm2f1ec", focusedVisible: "_1rsrm2f1ed" }, defaultClass: "_1rsrm2f1e8" }, mediumStroke: { conditions: { base: "_1rsrm2f1ee", hover: "_1rsrm2f1ef", active: "_1rsrm2f1eg", selection: "_1rsrm2f1eh", focused: "_1rsrm2f1ei", focusedVisible: "_1rsrm2f1ej" }, defaultClass: "_1rsrm2f1ee" }, heavyStroke: { conditions: { base: "_1rsrm2f1ek", hover: "_1rsrm2f1el", active: "_1rsrm2f1em", selection: "_1rsrm2f1en", focused: "_1rsrm2f1eo", focusedVisible: "_1rsrm2f1ep" }, defaultClass: "_1rsrm2f1ek" }, strokeColor: { conditions: { base: "_1rsrm2f1eq", hover: "_1rsrm2f1er", active: "_1rsrm2f1es", selection: "_1rsrm2f1et", focused: "_1rsrm2f1eu", focusedVisible: "_1rsrm2f1ev" }, defaultClass: "_1rsrm2f1eq" }, dydxSwitchActiveBackground: { conditions: { base: "_1rsrm2f1ew", hover: "_1rsrm2f1ex", active: "_1rsrm2f1ey", selection: "_1rsrm2f1ez", focused: "_1rsrm2f1f0", focusedVisible: "_1rsrm2f1f1" }, defaultClass: "_1rsrm2f1ew" }, primaryText: { conditions: { base: "_1rsrm2f1f2", hover: "_1rsrm2f1f3", active: "_1rsrm2f1f4", selection: "_1rsrm2f1f5", focused: "_1rsrm2f1f6", focusedVisible: "_1rsrm2f1f7" }, defaultClass: "_1rsrm2f1f2" }, secondaryText: { conditions: { base: "_1rsrm2f1f8", hover: "_1rsrm2f1f9", active: "_1rsrm2f1fa", selection: "_1rsrm2f1fb", focused: "_1rsrm2f1fc", focusedVisible: "_1rsrm2f1fd" }, defaultClass: "_1rsrm2f1f8" }, tertiaryText: { conditions: { base: "_1rsrm2f1fe", hover: "_1rsrm2f1ff", active: "_1rsrm2f1fg", selection: "_1rsrm2f1fh", focused: "_1rsrm2f1fi", focusedVisible: "_1rsrm2f1fj" }, defaultClass: "_1rsrm2f1fe" }, textSelection: { conditions: { base: "_1rsrm2f1fk", hover: "_1rsrm2f1fl", active: "_1rsrm2f1fm", selection: "_1rsrm2f1fn", focused: "_1rsrm2f1fo", focusedVisible: "_1rsrm2f1fp" }, defaultClass: "_1rsrm2f1fk" }, inputBackground: { conditions: { base: "_1rsrm2f1fq", hover: "_1rsrm2f1fr", active: "_1rsrm2f1fs", selection: "_1rsrm2f1ft", focused: "_1rsrm2f1fu", focusedVisible: "_1rsrm2f1fv" }, defaultClass: "_1rsrm2f1fq" }, inputBorderBase: { conditions: { base: "_1rsrm2f1fw", hover: "_1rsrm2f1fx", active: "_1rsrm2f1fy", selection: "_1rsrm2f1fz", focused: "_1rsrm2f1g0", focusedVisible: "_1rsrm2f1g1" }, defaultClass: "_1rsrm2f1fw" }, inputBorderHover: { conditions: { base: "_1rsrm2f1g2", hover: "_1rsrm2f1g3", active: "_1rsrm2f1g4", selection: "_1rsrm2f1g5", focused: "_1rsrm2f1g6", focusedVisible: "_1rsrm2f1g7" }, defaultClass: "_1rsrm2f1g2" }, actionColor: { conditions: { base: "_1rsrm2f1g8", hover: "_1rsrm2f1g9", active: "_1rsrm2f1ga", selection: "_1rsrm2f1gb", focused: "_1rsrm2f1gc", focusedVisible: "_1rsrm2f1gd" }, defaultClass: "_1rsrm2f1g8" }, actionColorHover: { conditions: { base: "_1rsrm2f1ge", hover: "_1rsrm2f1gf", active: "_1rsrm2f1gg", selection: "_1rsrm2f1gh", focused: "_1rsrm2f1gi", focusedVisible: "_1rsrm2f1gj" }, defaultClass: "_1rsrm2f1ge" }, actionColorDisabled: { conditions: { base: "_1rsrm2f1gk", hover: "_1rsrm2f1gl", active: "_1rsrm2f1gm", selection: "_1rsrm2f1gn", focused: "_1rsrm2f1go", focusedVisible: "_1rsrm2f1gp" }, defaultClass: "_1rsrm2f1gk" }, buttonPrimary: { conditions: { base: "_1rsrm2f1gq", hover: "_1rsrm2f1gr", active: "_1rsrm2f1gs", selection: "_1rsrm2f1gt", focused: "_1rsrm2f1gu", focusedVisible: "_1rsrm2f1gv" }, defaultClass: "_1rsrm2f1gq" }, buttonDisabled: { conditions: { base: "_1rsrm2f1gw", hover: "_1rsrm2f1gx", active: "_1rsrm2f1gy", selection: "_1rsrm2f1gz", focused: "_1rsrm2f1h0", focusedVisible: "_1rsrm2f1h1" }, defaultClass: "_1rsrm2f1gw" }, buttonWarning: { conditions: { base: "_1rsrm2f1h2", hover: "_1rsrm2f1h3", active: "_1rsrm2f1h4", selection: "_1rsrm2f1h5", focused: "_1rsrm2f1h6", focusedVisible: "_1rsrm2f1h7" }, defaultClass: "_1rsrm2f1h2" }, buttonSuccess: { conditions: { base: "_1rsrm2f1h8", hover: "_1rsrm2f1h9", active: "_1rsrm2f1ha", selection: "_1rsrm2f1hb", focused: "_1rsrm2f1hc", focusedVisible: "_1rsrm2f1hd" }, defaultClass: "_1rsrm2f1h8" }, buttonTextPrimary: { conditions: { base: "_1rsrm2f1he", hover: "_1rsrm2f1hf", active: "_1rsrm2f1hg", selection: "_1rsrm2f1hh", focused: "_1rsrm2f1hi", focusedVisible: "_1rsrm2f1hj" }, defaultClass: "_1rsrm2f1he" }, buttonTextDisabled: { conditions: { base: "_1rsrm2f1hk", hover: "_1rsrm2f1hl", active: "_1rsrm2f1hm", selection: "_1rsrm2f1hn", focused: "_1rsrm2f1ho", focusedVisible: "_1rsrm2f1hp" }, defaultClass: "_1rsrm2f1hk" }, transparent: { conditions: { base: "_1rsrm2f1hq", hover: "_1rsrm2f1hr", active: "_1rsrm2f1hs", selection: "_1rsrm2f1ht", focused: "_1rsrm2f1hu", focusedVisible: "_1rsrm2f1hv" }, defaultClass: "_1rsrm2f1hq" }, buttonBackgroundTertiary: { conditions: { base: "_1rsrm2f1hw", hover: "_1rsrm2f1hx", active: "_1rsrm2f1hy", selection: "_1rsrm2f1hz", focused: "_1rsrm2f1i0", focusedVisible: "_1rsrm2f1i1" }, defaultClass: "_1rsrm2f1hw" }, buttonBackgroundHoverTertiary: { conditions: { base: "_1rsrm2f1i2", hover: "_1rsrm2f1i3", active: "_1rsrm2f1i4", selection: "_1rsrm2f1i5", focused: "_1rsrm2f1i6", focusedVisible: "_1rsrm2f1i7" }, defaultClass: "_1rsrm2f1i2" }, buttonTextTertiary: { conditions: { base: "_1rsrm2f1i8", hover: "_1rsrm2f1i9", active: "_1rsrm2f1ia", selection: "_1rsrm2f1ib", focused: "_1rsrm2f1ic", focusedVisible: "_1rsrm2f1id" }, defaultClass: "_1rsrm2f1i8" }, buttonTextDisabledTertiary: { conditions: { base: "_1rsrm2f1ie", hover: "_1rsrm2f1if", active: "_1rsrm2f1ig", selection: "_1rsrm2f1ih", focused: "_1rsrm2f1ii", focusedVisible: "_1rsrm2f1ij" }, defaultClass: "_1rsrm2f1ie" }, buttonBackground: { conditions: { base: "_1rsrm2f1ik", hover: "_1rsrm2f1il", active: "_1rsrm2f1im", selection: "_1rsrm2f1in", focused: "_1rsrm2f1io", focusedVisible: "_1rsrm2f1ip" }, defaultClass: "_1rsrm2f1ik" }, buttonBackgroundHover: { conditions: { base: "_1rsrm2f1iq", hover: "_1rsrm2f1ir", active: "_1rsrm2f1is", selection: "_1rsrm2f1it", focused: "_1rsrm2f1iu", focusedVisible: "_1rsrm2f1iv" }, defaultClass: "_1rsrm2f1iq" }, buttonBackgroundDisabled: { conditions: { base: "_1rsrm2f1iw", hover: "_1rsrm2f1ix", active: "_1rsrm2f1iy", selection: "_1rsrm2f1iz", focused: "_1rsrm2f1j0", focusedVisible: "_1rsrm2f1j1" }, defaultClass: "_1rsrm2f1iw" }, buttonBorderHover: { conditions: { base: "_1rsrm2f1j2", hover: "_1rsrm2f1j3", active: "_1rsrm2f1j4", selection: "_1rsrm2f1j5", focused: "_1rsrm2f1j6", focusedVisible: "_1rsrm2f1j7" }, defaultClass: "_1rsrm2f1j2" }, buttonTextSecondaryDisabled: { conditions: { base: "_1rsrm2f1j8", hover: "_1rsrm2f1j9", active: "_1rsrm2f1ja", selection: "_1rsrm2f1jb", focused: "_1rsrm2f1jc", focusedVisible: "_1rsrm2f1jd" }, defaultClass: "_1rsrm2f1j8" }, buttonTextSecondary: { conditions: { base: "_1rsrm2f1je", hover: "_1rsrm2f1jf", active: "_1rsrm2f1jg", selection: "_1rsrm2f1jh", focused: "_1rsrm2f1ji", focusedVisible: "_1rsrm2f1jj" }, defaultClass: "_1rsrm2f1je" }, buttonIconBackgroundHover: { conditions: { base: "_1rsrm2f1jk", hover: "_1rsrm2f1jl", active: "_1rsrm2f1jm", selection: "_1rsrm2f1jn", focused: "_1rsrm2f1jo", focusedVisible: "_1rsrm2f1jp" }, defaultClass: "_1rsrm2f1jk" }, buttonIconBackgroundPressed: { conditions: { base: "_1rsrm2f1jq", hover: "_1rsrm2f1jr", active: "_1rsrm2f1js", selection: "_1rsrm2f1jt", focused: "_1rsrm2f1ju", focusedVisible: "_1rsrm2f1jv" }, defaultClass: "_1rsrm2f1jq" }, buttonIconStroke: { conditions: { base: "_1rsrm2f1jw", hover: "_1rsrm2f1jx", active: "_1rsrm2f1jy", selection: "_1rsrm2f1jz", focused: "_1rsrm2f1k0", focusedVisible: "_1rsrm2f1k1" }, defaultClass: "_1rsrm2f1jw" }, buttonBorderFocusedTertiary: { conditions: { base: "_1rsrm2f1k2", hover: "_1rsrm2f1k3", active: "_1rsrm2f1k4", selection: "_1rsrm2f1k5", focused: "_1rsrm2f1k6", focusedVisible: "_1rsrm2f1k7" }, defaultClass: "_1rsrm2f1k2" }, buttonFocusedOutline: { conditions: { base: "_1rsrm2f1k8", hover: "_1rsrm2f1k9", active: "_1rsrm2f1ka", selection: "_1rsrm2f1kb", focused: "_1rsrm2f1kc", focusedVisible: "_1rsrm2f1kd" }, defaultClass: "_1rsrm2f1k8" }, badgeBackgroundSuccess: { conditions: { base: "_1rsrm2f1ke", hover: "_1rsrm2f1kf", active: "_1rsrm2f1kg", selection: "_1rsrm2f1kh", focused: "_1rsrm2f1ki", focusedVisible: "_1rsrm2f1kj" }, defaultClass: "_1rsrm2f1ke" }, badgeBorderSuccess: { conditions: { base: "_1rsrm2f1kk", hover: "_1rsrm2f1kl", active: "_1rsrm2f1km", selection: "_1rsrm2f1kn", focused: "_1rsrm2f1ko", focusedVisible: "_1rsrm2f1kp" }, defaultClass: "_1rsrm2f1kk" }, badgeTextSuccess: { conditions: { base: "_1rsrm2f1kq", hover: "_1rsrm2f1kr", active: "_1rsrm2f1ks", selection: "_1rsrm2f1kt", focused: "_1rsrm2f1ku", focusedVisible: "_1rsrm2f1kv" }, defaultClass: "_1rsrm2f1kq" }, newBadgeBackground: { conditions: { base: "_1rsrm2f1kw", hover: "_1rsrm2f1kx", active: "_1rsrm2f1ky", selection: "_1rsrm2f1kz", focused: "_1rsrm2f1l0", focusedVisible: "_1rsrm2f1l1" }, defaultClass: "_1rsrm2f1kw" }, newBadgeBorder: { conditions: { base: "_1rsrm2f1l2", hover: "_1rsrm2f1l3", active: "_1rsrm2f1l4", selection: "_1rsrm2f1l5", focused: "_1rsrm2f1l6", focusedVisible: "_1rsrm2f1l7" }, defaultClass: "_1rsrm2f1l2" }, newBadgeText: { conditions: { base: "_1rsrm2f1l8", hover: "_1rsrm2f1l9", active: "_1rsrm2f1la", selection: "_1rsrm2f1lb", focused: "_1rsrm2f1lc", focusedVisible: "_1rsrm2f1ld" }, defaultClass: "_1rsrm2f1l8" }, inputAmountQuickOptionBaseBackground: { conditions: { base: "_1rsrm2f1le", hover: "_1rsrm2f1lf", active: "_1rsrm2f1lg", selection: "_1rsrm2f1lh", focused: "_1rsrm2f1li", focusedVisible: "_1rsrm2f1lj" }, defaultClass: "_1rsrm2f1le" }, inputAmountQuickOptionHoverBackground: { conditions: { base: "_1rsrm2f1lk", hover: "_1rsrm2f1ll", active: "_1rsrm2f1lm", selection: "_1rsrm2f1ln", focused: "_1rsrm2f1lo", focusedVisible: "_1rsrm2f1lp" }, defaultClass: "_1rsrm2f1lk" }, inputAmountQuickOptionActiveBackground: { conditions: { base: "_1rsrm2f1lq", hover: "_1rsrm2f1lr", active: "_1rsrm2f1ls", selection: "_1rsrm2f1lt", focused: "_1rsrm2f1lu", focusedVisible: "_1rsrm2f1lv" }, defaultClass: "_1rsrm2f1lq" }, inputAmountQuickOptionDisabledBackground: { conditions: { base: "_1rsrm2f1lw", hover: "_1rsrm2f1lx", active: "_1rsrm2f1ly", selection: "_1rsrm2f1lz", focused: "_1rsrm2f1m0", focusedVisible: "_1rsrm2f1m1" }, defaultClass: "_1rsrm2f1lw" }, inputAmountQuickOptionBaseBorder: { conditions: { base: "_1rsrm2f1m2", hover: "_1rsrm2f1m3", active: "_1rsrm2f1m4", selection: "_1rsrm2f1m5", focused: "_1rsrm2f1m6", focusedVisible: "_1rsrm2f1m7" }, defaultClass: "_1rsrm2f1m2" }, inputAmountQuickOptionHoverBorder: { conditions: { base: "_1rsrm2f1m8", hover: "_1rsrm2f1m9", active: "_1rsrm2f1ma", selection: "_1rsrm2f1mb", focused: "_1rsrm2f1mc", focusedVisible: "_1rsrm2f1md" }, defaultClass: "_1rsrm2f1m8" }, inputAmountQuickOptionActiveBorder: { conditions: { base: "_1rsrm2f1me", hover: "_1rsrm2f1mf", active: "_1rsrm2f1mg", selection: "_1rsrm2f1mh", focused: "_1rsrm2f1mi", focusedVisible: "_1rsrm2f1mj" }, defaultClass: "_1rsrm2f1me" }, inputAmountQuickOptionFocusedBorder: { conditions: { base: "_1rsrm2f1mk", hover: "_1rsrm2f1ml", active: "_1rsrm2f1mm", selection: "_1rsrm2f1mn", focused: "_1rsrm2f1mo", focusedVisible: "_1rsrm2f1mp" }, defaultClass: "_1rsrm2f1mk" }, youPayYouReceiveBackground: { conditions: { base: "_1rsrm2f1mq", hover: "_1rsrm2f1mr", active: "_1rsrm2f1ms", selection: "_1rsrm2f1mt", focused: "_1rsrm2f1mu", focusedVisible: "_1rsrm2f1mv" }, defaultClass: "_1rsrm2f1mq" }, youPayYouReceiveBorder: { conditions: { base: "_1rsrm2f1mw", hover: "_1rsrm2f1mx", active: "_1rsrm2f1my", selection: "_1rsrm2f1mz", focused: "_1rsrm2f1n0", focusedVisible: "_1rsrm2f1n1" }, defaultClass: "_1rsrm2f1mw" }, youPayYouReceivePrimaryText: { conditions: { base: "_1rsrm2f1n2", hover: "_1rsrm2f1n3", active: "_1rsrm2f1n4", selection: "_1rsrm2f1n5", focused: "_1rsrm2f1n6", focusedVisible: "_1rsrm2f1n7" }, defaultClass: "_1rsrm2f1n2" }, youPayYouReceiveSecondaryText: { conditions: { base: "_1rsrm2f1n8", hover: "_1rsrm2f1n9", active: "_1rsrm2f1na", selection: "_1rsrm2f1nb", focused: "_1rsrm2f1nc", focusedVisible: "_1rsrm2f1nd" }, defaultClass: "_1rsrm2f1n8" }, announceGradientFrom: { conditions: { base: "_1rsrm2f1ne", hover: "_1rsrm2f1nf", active: "_1rsrm2f1ng", selection: "_1rsrm2f1nh", focused: "_1rsrm2f1ni", focusedVisible: "_1rsrm2f1nj" }, defaultClass: "_1rsrm2f1ne" }, announceGradientTo: { conditions: { base: "_1rsrm2f1nk", hover: "_1rsrm2f1nl", active: "_1rsrm2f1nm", selection: "_1rsrm2f1nn", focused: "_1rsrm2f1no", focusedVisible: "_1rsrm2f1np" }, defaultClass: "_1rsrm2f1nk" }, modalHeaderDivider: { conditions: { base: "_1rsrm2f1nq", hover: "_1rsrm2f1nr", active: "_1rsrm2f1ns", selection: "_1rsrm2f1nt", focused: "_1rsrm2f1nu", focusedVisible: "_1rsrm2f1nv" }, defaultClass: "_1rsrm2f1nq" }, modalFooterDivider: { conditions: { base: "_1rsrm2f1nw", hover: "_1rsrm2f1nx", active: "_1rsrm2f1ny", selection: "_1rsrm2f1nz", focused: "_1rsrm2f1o0", focusedVisible: "_1rsrm2f1o1" }, defaultClass: "_1rsrm2f1nw" } } } } }, { conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 }, styles: { alignItems: { values: { "flex-start": { conditions: { smallScreen: "_1rsrm2f0", largeScreen: "_1rsrm2f1" }, defaultClass: "_1rsrm2f0" }, "flex-end": { conditions: { smallScreen: "_1rsrm2f2", largeScreen: "_1rsrm2f3" }, defaultClass: "_1rsrm2f2" }, center: { conditions: { smallScreen: "_1rsrm2f4", largeScreen: "_1rsrm2f5" }, defaultClass: "_1rsrm2f4" } } }, display: { values: { none: { conditions: { smallScreen: "_1rsrm2f6", largeScreen: "_1rsrm2f7" }, defaultClass: "_1rsrm2f6" }, block: { conditions: { smallScreen: "_1rsrm2f8", largeScreen: "_1rsrm2f9" }, defaultClass: "_1rsrm2f8" }, flex: { conditions: { smallScreen: "_1rsrm2fa", largeScreen: "_1rsrm2fb" }, defaultClass: "_1rsrm2fa" }, inline: { conditions: { smallScreen: "_1rsrm2fc", largeScreen: "_1rsrm2fd" }, defaultClass: "_1rsrm2fc" } } } } }, { conditions: void 0, styles: { margin: { mappings: ["marginTop", "marginBottom", "marginLeft", "marginRight"] }, marginX: { mappings: ["marginLeft", "marginRight"] }, marginY: { mappings: ["marginTop", "marginBottom"] }, padding: { mappings: ["paddingTop", "paddingBottom", "paddingLeft", "paddingRight"] }, paddingX: { mappings: ["paddingLeft", "paddingRight"] }, paddingY: { mappings: ["paddingTop", "paddingBottom"] }, alignSelf: { values: { "flex-start": { defaultClass: "_1rsrm2fe" }, "flex-end": { defaultClass: "_1rsrm2ff" }, center: { defaultClass: "_1rsrm2fg" } } }, backgroundSize: { values: { cover: { defaultClass: "_1rsrm2fh" } } }, borderRadius: { values: { "1": { defaultClass: "_1rsrm2fi" }, "4": { defaultClass: "_1rsrm2fj" }, "6": { defaultClass: "_1rsrm2fk" }, "8": { defaultClass: "_1rsrm2fl" }, "10": { defaultClass: "_1rsrm2fm" }, "11": { defaultClass: "_1rsrm2fn" }, "13": { defaultClass: "_1rsrm2fo" }, "16": { defaultClass: "_1rsrm2fp" }, "24": { defaultClass: "_1rsrm2fq" }, "30": { defaultClass: "_1rsrm2fr" }, actionButton: { defaultClass: "_1rsrm2fs" }, connectButton: { defaultClass: "_1rsrm2ft" }, menuButton: { defaultClass: "_1rsrm2fu" }, modal: { defaultClass: "_1rsrm2fv" }, modalMobile: { defaultClass: "_1rsrm2fw" }, modalActionButton: { defaultClass: "_1rsrm2fx" }, modalActionButtonMobile: { defaultClass: "_1rsrm2fy" }, summaryBox: { defaultClass: "_1rsrm2fz" }, youPayYouReceive: { defaultClass: "_1rsrm2f10" }, inputAmountSwitcher: { defaultClass: "_1rsrm2f11" }, qrCode: { defaultClass: "_1rsrm2f12" }, skeleton: { defaultClass: "_1rsrm2f13" }, tooltip: { defaultClass: "_1rsrm2f14" }, dropdown: { defaultClass: "_1rsrm2f15" }, dropdownItem: { defaultClass: "_1rsrm2f16" }, full: { defaultClass: "_1rsrm2f17" }, badge: { defaultClass: "_1rsrm2f18" }, smallBadge: { defaultClass: "_1rsrm2f19" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2f1a" }, dotted: { defaultClass: "_1rsrm2f1b" }, hidden: { defaultClass: "_1rsrm2f1c" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2f1d" }, "1": { defaultClass: "_1rsrm2f1e" }, "2": { defaultClass: "_1rsrm2f1f" }, "3": { defaultClass: "_1rsrm2f1g" }, "4": { defaultClass: "_1rsrm2f1h" }, "0.5": { defaultClass: "_1rsrm2f1i" } } }, cursor: { values: { help: { defaultClass: "_1rsrm2f1j" }, pointer: { defaultClass: "_1rsrm2f1k" }, "not-allowed": { defaultClass: "_1rsrm2f1l" }, "default": { defaultClass: "_1rsrm2f1m" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f1n" }, column: { defaultClass: "_1rsrm2f1o" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f1p" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f1q" }, "12": { defaultClass: "_1rsrm2f1r" }, "13": { defaultClass: "_1rsrm2f1s" }, "14": { defaultClass: "_1rsrm2f1t" }, "16": { defaultClass: "_1rsrm2f1u" }, "18": { defaultClass: "_1rsrm2f1v" }, "20": { defaultClass: "_1rsrm2f1w" }, "21": { defaultClass: "_1rsrm2f1x" }, "40": { defaultClass: "_1rsrm2f1y" }, "57": { defaultClass: "_1rsrm2f1z" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f20" }, medium: { defaultClass: "_1rsrm2f21" }, semibold: { defaultClass: "_1rsrm2f22" }, bold: { defaultClass: "_1rsrm2f23" }, heavy: { defaultClass: "_1rsrm2f24" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f25" }, "1": { defaultClass: "_1rsrm2f26" }, "2": { defaultClass: "_1rsrm2f27" }, "3": { defaultClass: "_1rsrm2f28" }, "4": { defaultClass: "_1rsrm2f29" }, "5": { defaultClass: "_1rsrm2f2a" }, "6": { defaultClass: "_1rsrm2f2b" }, "7": { defaultClass: "_1rsrm2f2c" }, "8": { defaultClass: "_1rsrm2f2d" }, "9": { defaultClass: "_1rsrm2f2e" }, "10": { defaultClass: "_1rsrm2f2f" }, "11": { defaultClass: "_1rsrm2f2g" }, "12": { defaultClass: "_1rsrm2f2h" }, "13": { defaultClass: "_1rsrm2f2i" }, "14": { defaultClass: "_1rsrm2f2j" }, "15": { defaultClass: "_1rsrm2f2k" }, "16": { defaultClass: "_1rsrm2f2l" }, "18": { defaultClass: "_1rsrm2f2m" }, "20": { defaultClass: "_1rsrm2f2n" }, "24": { defaultClass: "_1rsrm2f2o" }, "28": { defaultClass: "_1rsrm2f2p" }, "30": { defaultClass: "_1rsrm2f2q" }, "32": { defaultClass: "_1rsrm2f2r" }, "36": { defaultClass: "_1rsrm2f2s" }, "44": { defaultClass: "_1rsrm2f2t" }, "64": { defaultClass: "_1rsrm2f2u" }, "-1": { defaultClass: "_1rsrm2f2v" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f2w" }, "2": { defaultClass: "_1rsrm2f2x" }, "4": { defaultClass: "_1rsrm2f2y" }, "8": { defaultClass: "_1rsrm2f2z" }, "10": { defaultClass: "_1rsrm2f30" }, "11": { defaultClass: "_1rsrm2f31" }, "12": { defaultClass: "_1rsrm2f32" }, "13": { defaultClass: "_1rsrm2f33" }, "14": { defaultClass: "_1rsrm2f34" }, "15": { defaultClass: "_1rsrm2f35" }, "16": { defaultClass: "_1rsrm2f36" }, "18": { defaultClass: "_1rsrm2f37" }, "20": { defaultClass: "_1rsrm2f38" }, "24": { defaultClass: "_1rsrm2f39" }, "28": { defaultClass: "_1rsrm2f3a" }, "30": { defaultClass: "_1rsrm2f3b" }, "32": { defaultClass: "_1rsrm2f3c" }, "34": { defaultClass: "_1rsrm2f3d" }, "36": { defaultClass: "_1rsrm2f3e" }, "40": { defaultClass: "_1rsrm2f3f" }, "44": { defaultClass: "_1rsrm2f3g" }, "48": { defaultClass: "_1rsrm2f3h" }, "50": { defaultClass: "_1rsrm2f3i" }, "54": { defaultClass: "_1rsrm2f3j" }, "57": { defaultClass: "_1rsrm2f3k" }, "60": { defaultClass: "_1rsrm2f3l" }, "72": { defaultClass: "_1rsrm2f3m" }, "93": { defaultClass: "_1rsrm2f3n" }, "96": { defaultClass: "_1rsrm2f3o" }, "100": { defaultClass: "_1rsrm2f3p" }, "108": { defaultClass: "_1rsrm2f3q" }, "120": { defaultClass: "_1rsrm2f3r" }, "180": { defaultClass: "_1rsrm2f3s" }, "200": { defaultClass: "_1rsrm2f3t" }, "240": { defaultClass: "_1rsrm2f3u" }, half: { defaultClass: "_1rsrm2f3v" }, full: { defaultClass: "_1rsrm2f3w" }, max: { defaultClass: "_1rsrm2f3x" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3y" }, "flex-end": { defaultClass: "_1rsrm2f3z" }, center: { defaultClass: "_1rsrm2f40" }, "space-between": { defaultClass: "_1rsrm2f41" }, "space-around": { defaultClass: "_1rsrm2f42" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f43" }, center: { defaultClass: "_1rsrm2f44" }, right: { defaultClass: "_1rsrm2f45" }, inherit: { defaultClass: "_1rsrm2f46" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f47" }, "1": { defaultClass: "_1rsrm2f48" }, "2": { defaultClass: "_1rsrm2f49" }, "3": { defaultClass: "_1rsrm2f4a" }, "4": { defaultClass: "_1rsrm2f4b" }, "5": { defaultClass: "_1rsrm2f4c" }, "6": { defaultClass: "_1rsrm2f4d" }, "7": { defaultClass: "_1rsrm2f4e" }, "8": { defaultClass: "_1rsrm2f4f" }, "9": { defaultClass: "_1rsrm2f4g" }, "10": { defaultClass: "_1rsrm2f4h" }, "11": { defaultClass: "_1rsrm2f4i" }, "12": { defaultClass: "_1rsrm2f4j" }, "13": { defaultClass: "_1rsrm2f4k" }, "14": { defaultClass: "_1rsrm2f4l" }, "15": { defaultClass: "_1rsrm2f4m" }, "16": { defaultClass: "_1rsrm2f4n" }, "18": { defaultClass: "_1rsrm2f4o" }, "20": { defaultClass: "_1rsrm2f4p" }, "24": { defaultClass: "_1rsrm2f4q" }, "28": { defaultClass: "_1rsrm2f4r" }, "30": { defaultClass: "_1rsrm2f4s" }, "32": { defaultClass: "_1rsrm2f4t" }, "36": { defaultClass: "_1rsrm2f4u" }, "44": { defaultClass: "_1rsrm2f4v" }, "64": { defaultClass: "_1rsrm2f4w" }, auto: { defaultClass: "_1rsrm2f4x" }, "-18": { defaultClass: "_1rsrm2f4y" }, "-12": { defaultClass: "_1rsrm2f4z" }, "-1": { defaultClass: "_1rsrm2f50" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f51" }, "1": { defaultClass: "_1rsrm2f52" }, "2": { defaultClass: "_1rsrm2f53" }, "3": { defaultClass: "_1rsrm2f54" }, "4": { defaultClass: "_1rsrm2f55" }, "5": { defaultClass: "_1rsrm2f56" }, "6": { defaultClass: "_1rsrm2f57" }, "7": { defaultClass: "_1rsrm2f58" }, "8": { defaultClass: "_1rsrm2f59" }, "9": { defaultClass: "_1rsrm2f5a" }, "10": { defaultClass: "_1rsrm2f5b" }, "11": { defaultClass: "_1rsrm2f5c" }, "12": { defaultClass: "_1rsrm2f5d" }, "13": { defaultClass: "_1rsrm2f5e" }, "14": { defaultClass: "_1rsrm2f5f" }, "15": { defaultClass: "_1rsrm2f5g" }, "16": { defaultClass: "_1rsrm2f5h" }, "18": { defaultClass: "_1rsrm2f5i" }, "20": { defaultClass: "_1rsrm2f5j" }, "24": { defaultClass: "_1rsrm2f5k" }, "28": { defaultClass: "_1rsrm2f5l" }, "30": { defaultClass: "_1rsrm2f5m" }, "32": { defaultClass: "_1rsrm2f5n" }, "36": { defaultClass: "_1rsrm2f5o" }, "44": { defaultClass: "_1rsrm2f5p" }, "64": { defaultClass: "_1rsrm2f5q" }, auto: { defaultClass: "_1rsrm2f5r" }, "-18": { defaultClass: "_1rsrm2f5s" }, "-12": { defaultClass: "_1rsrm2f5t" }, "-1": { defaultClass: "_1rsrm2f5u" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f5v" }, "1": { defaultClass: "_1rsrm2f5w" }, "2": { defaultClass: "_1rsrm2f5x" }, "3": { defaultClass: "_1rsrm2f5y" }, "4": { defaultClass: "_1rsrm2f5z" }, "5": { defaultClass: "_1rsrm2f60" }, "6": { defaultClass: "_1rsrm2f61" }, "7": { defaultClass: "_1rsrm2f62" }, "8": { defaultClass: "_1rsrm2f63" }, "9": { defaultClass: "_1rsrm2f64" }, "10": { defaultClass: "_1rsrm2f65" }, "11": { defaultClass: "_1rsrm2f66" }, "12": { defaultClass: "_1rsrm2f67" }, "13": { defaultClass: "_1rsrm2f68" }, "14": { defaultClass: "_1rsrm2f69" }, "15": { defaultClass: "_1rsrm2f6a" }, "16": { defaultClass: "_1rsrm2f6b" }, "18": { defaultClass: "_1rsrm2f6c" }, "20": { defaultClass: "_1rsrm2f6d" }, "24": { defaultClass: "_1rsrm2f6e" }, "28": { defaultClass: "_1rsrm2f6f" }, "30": { defaultClass: "_1rsrm2f6g" }, "32": { defaultClass: "_1rsrm2f6h" }, "36": { defaultClass: "_1rsrm2f6i" }, "44": { defaultClass: "_1rsrm2f6j" }, "64": { defaultClass: "_1rsrm2f6k" }, auto: { defaultClass: "_1rsrm2f6l" }, "-18": { defaultClass: "_1rsrm2f6m" }, "-12": { defaultClass: "_1rsrm2f6n" }, "-1": { defaultClass: "_1rsrm2f6o" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f6p" }, "1": { defaultClass: "_1rsrm2f6q" }, "2": { defaultClass: "_1rsrm2f6r" }, "3": { defaultClass: "_1rsrm2f6s" }, "4": { defaultClass: "_1rsrm2f6t" }, "5": { defaultClass: "_1rsrm2f6u" }, "6": { defaultClass: "_1rsrm2f6v" }, "7": { defaultClass: "_1rsrm2f6w" }, "8": { defaultClass: "_1rsrm2f6x" }, "9": { defaultClass: "_1rsrm2f6y" }, "10": { defaultClass: "_1rsrm2f6z" }, "11": { defaultClass: "_1rsrm2f70" }, "12": { defaultClass: "_1rsrm2f71" }, "13": { defaultClass: "_1rsrm2f72" }, "14": { defaultClass: "_1rsrm2f73" }, "15": { defaultClass: "_1rsrm2f74" }, "16": { defaultClass: "_1rsrm2f75" }, "18": { defaultClass: "_1rsrm2f76" }, "20": { defaultClass: "_1rsrm2f77" }, "24": { defaultClass: "_1rsrm2f78" }, "28": { defaultClass: "_1rsrm2f79" }, "30": { defaultClass: "_1rsrm2f7a" }, "32": { defaultClass: "_1rsrm2f7b" }, "36": { defaultClass: "_1rsrm2f7c" }, "44": { defaultClass: "_1rsrm2f7d" }, "64": { defaultClass: "_1rsrm2f7e" }, auto: { defaultClass: "_1rsrm2f7f" }, "-18": { defaultClass: "_1rsrm2f7g" }, "-12": { defaultClass: "_1rsrm2f7h" }, "-1": { defaultClass: "_1rsrm2f7i" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f7j" }, "2": { defaultClass: "_1rsrm2f7k" }, "4": { defaultClass: "_1rsrm2f7l" }, "8": { defaultClass: "_1rsrm2f7m" }, "10": { defaultClass: "_1rsrm2f7n" }, "11": { defaultClass: "_1rsrm2f7o" }, "12": { defaultClass: "_1rsrm2f7p" }, "13": { defaultClass: "_1rsrm2f7q" }, "14": { defaultClass: "_1rsrm2f7r" }, "15": { defaultClass: "_1rsrm2f7s" }, "16": { defaultClass: "_1rsrm2f7t" }, "18": { defaultClass: "_1rsrm2f7u" }, "20": { defaultClass: "_1rsrm2f7v" }, "24": { defaultClass: "_1rsrm2f7w" }, "28": { defaultClass: "_1rsrm2f7x" }, "30": { defaultClass: "_1rsrm2f7y" }, "32": { defaultClass: "_1rsrm2f7z" }, "34": { defaultClass: "_1rsrm2f80" }, "36": { defaultClass: "_1rsrm2f81" }, "40": { defaultClass: "_1rsrm2f82" }, "44": { defaultClass: "_1rsrm2f83" }, "48": { defaultClass: "_1rsrm2f84" }, "50": { defaultClass: "_1rsrm2f85" }, "54": { defaultClass: "_1rsrm2f86" }, "57": { defaultClass: "_1rsrm2f87" }, "60": { defaultClass: "_1rsrm2f88" }, "72": { defaultClass: "_1rsrm2f89" }, "93": { defaultClass: "_1rsrm2f8a" }, "96": { defaultClass: "_1rsrm2f8b" }, "100": { defaultClass: "_1rsrm2f8c" }, "108": { defaultClass: "_1rsrm2f8d" }, "120": { defaultClass: "_1rsrm2f8e" }, "180": { defaultClass: "_1rsrm2f8f" }, "200": { defaultClass: "_1rsrm2f8g" }, "240": { defaultClass: "_1rsrm2f8h" }, half: { defaultClass: "_1rsrm2f8i" }, full: { defaultClass: "_1rsrm2f8j" }, max: { defaultClass: "_1rsrm2f8k" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f8l" }, "2": { defaultClass: "_1rsrm2f8m" }, "4": { defaultClass: "_1rsrm2f8n" }, "8": { defaultClass: "_1rsrm2f8o" }, "10": { defaultClass: "_1rsrm2f8p" }, "11": { defaultClass: "_1rsrm2f8q" }, "12": { defaultClass: "_1rsrm2f8r" }, "13": { defaultClass: "_1rsrm2f8s" }, "14": { defaultClass: "_1rsrm2f8t" }, "15": { defaultClass: "_1rsrm2f8u" }, "16": { defaultClass: "_1rsrm2f8v" }, "18": { defaultClass: "_1rsrm2f8w" }, "20": { defaultClass: "_1rsrm2f8x" }, "24": { defaultClass: "_1rsrm2f8y" }, "28": { defaultClass: "_1rsrm2f8z" }, "30": { defaultClass: "_1rsrm2f90" }, "32": { defaultClass: "_1rsrm2f91" }, "34": { defaultClass: "_1rsrm2f92" }, "36": { defaultClass: "_1rsrm2f93" }, "40": { defaultClass: "_1rsrm2f94" }, "44": { defaultClass: "_1rsrm2f95" }, "48": { defaultClass: "_1rsrm2f96" }, "50": { defaultClass: "_1rsrm2f97" }, "54": { defaultClass: "_1rsrm2f98" }, "57": { defaultClass: "_1rsrm2f99" }, "60": { defaultClass: "_1rsrm2f9a" }, "72": { defaultClass: "_1rsrm2f9b" }, "93": { defaultClass: "_1rsrm2f9c" }, "96": { defaultClass: "_1rsrm2f9d" }, "100": { defaultClass: "_1rsrm2f9e" }, "108": { defaultClass: "_1rsrm2f9f" }, "120": { defaultClass: "_1rsrm2f9g" }, "180": { defaultClass: "_1rsrm2f9h" }, "200": { defaultClass: "_1rsrm2f9i" }, "240": { defaultClass: "_1rsrm2f9j" }, half: { defaultClass: "_1rsrm2f9k" }, full: { defaultClass: "_1rsrm2f9l" }, max: { defaultClass: "_1rsrm2f9m" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f9n" }, "2": { defaultClass: "_1rsrm2f9o" }, "4": { defaultClass: "_1rsrm2f9p" }, "8": { defaultClass: "_1rsrm2f9q" }, "10": { defaultClass: "_1rsrm2f9r" }, "11": { defaultClass: "_1rsrm2f9s" }, "12": { defaultClass: "_1rsrm2f9t" }, "13": { defaultClass: "_1rsrm2f9u" }, "14": { defaultClass: "_1rsrm2f9v" }, "15": { defaultClass: "_1rsrm2f9w" }, "16": { defaultClass: "_1rsrm2f9x" }, "18": { defaultClass: "_1rsrm2f9y" }, "20": { defaultClass: "_1rsrm2f9z" }, "24": { defaultClass: "_1rsrm2fa0" }, "28": { defaultClass: "_1rsrm2fa1" }, "30": { defaultClass: "_1rsrm2fa2" }, "32": { defaultClass: "_1rsrm2fa3" }, "34": { defaultClass: "_1rsrm2fa4" }, "36": { defaultClass: "_1rsrm2fa5" }, "40": { defaultClass: "_1rsrm2fa6" }, "44": { defaultClass: "_1rsrm2fa7" }, "48": { defaultClass: "_1rsrm2fa8" }, "50": { defaultClass: "_1rsrm2fa9" }, "54": { defaultClass: "_1rsrm2faa" }, "57": { defaultClass: "_1rsrm2fab" }, "60": { defaultClass: "_1rsrm2fac" }, "72": { defaultClass: "_1rsrm2fad" }, "93": { defaultClass: "_1rsrm2fae" }, "96": { defaultClass: "_1rsrm2faf" }, "100": { defaultClass: "_1rsrm2fag" }, "108": { defaultClass: "_1rsrm2fah" }, "120": { defaultClass: "_1rsrm2fai" }, "180": { defaultClass: "_1rsrm2faj" }, "200": { defaultClass: "_1rsrm2fak" }, "240": { defaultClass: "_1rsrm2fal" }, half: { defaultClass: "_1rsrm2fam" }, full: { defaultClass: "_1rsrm2fan" }, max: { defaultClass: "_1rsrm2fao" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2fap" }, "2": { defaultClass: "_1rsrm2faq" }, "4": { defaultClass: "_1rsrm2far" }, "8": { defaultClass: "_1rsrm2fas" }, "10": { defaultClass: "_1rsrm2fat" }, "11": { defaultClass: "_1rsrm2fau" }, "12": { defaultClass: "_1rsrm2fav" }, "13": { defaultClass: "_1rsrm2faw" }, "14": { defaultClass: "_1rsrm2fax" }, "15": { defaultClass: "_1rsrm2fay" }, "16": { defaultClass: "_1rsrm2faz" }, "18": { defaultClass: "_1rsrm2fb0" }, "20": { defaultClass: "_1rsrm2fb1" }, "24": { defaultClass: "_1rsrm2fb2" }, "28": { defaultClass: "_1rsrm2fb3" }, "30": { defaultClass: "_1rsrm2fb4" }, "32": { defaultClass: "_1rsrm2fb5" }, "34": { defaultClass: "_1rsrm2fb6" }, "36": { defaultClass: "_1rsrm2fb7" }, "40": { defaultClass: "_1rsrm2fb8" }, "44": { defaultClass: "_1rsrm2fb9" }, "48": { defaultClass: "_1rsrm2fba" }, "50": { defaultClass: "_1rsrm2fbb" }, "54": { defaultClass: "_1rsrm2fbc" }, "57": { defaultClass: "_1rsrm2fbd" }, "60": { defaultClass: "_1rsrm2fbe" }, "72": { defaultClass: "_1rsrm2fbf" }, "93": { defaultClass: "_1rsrm2fbg" }, "96": { defaultClass: "_1rsrm2fbh" }, "100": { defaultClass: "_1rsrm2fbi" }, "108": { defaultClass: "_1rsrm2fbj" }, "120": { defaultClass: "_1rsrm2fbk" }, "180": { defaultClass: "_1rsrm2fbl" }, "200": { defaultClass: "_1rsrm2fbm" }, "240": { defaultClass: "_1rsrm2fbn" }, half: { defaultClass: "_1rsrm2fbo" }, full: { defaultClass: "_1rsrm2fbp" }, max: { defaultClass: "_1rsrm2fbq" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fbr" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fbs" }, "1": { defaultClass: "_1rsrm2fbt" }, "2": { defaultClass: "_1rsrm2fbu" }, "3": { defaultClass: "_1rsrm2fbv" }, "4": { defaultClass: "_1rsrm2fbw" }, "5": { defaultClass: "_1rsrm2fbx" }, "6": { defaultClass: "_1rsrm2fby" }, "7": { defaultClass: "_1rsrm2fbz" }, "8": { defaultClass: "_1rsrm2fc0" }, "9": { defaultClass: "_1rsrm2fc1" }, "10": { defaultClass: "_1rsrm2fc2" }, "11": { defaultClass: "_1rsrm2fc3" }, "12": { defaultClass: "_1rsrm2fc4" }, "13": { defaultClass: "_1rsrm2fc5" }, "14": { defaultClass: "_1rsrm2fc6" }, "15": { defaultClass: "_1rsrm2fc7" }, "16": { defaultClass: "_1rsrm2fc8" }, "18": { defaultClass: "_1rsrm2fc9" }, "20": { defaultClass: "_1rsrm2fca" }, "24": { defaultClass: "_1rsrm2fcb" }, "28": { defaultClass: "_1rsrm2fcc" }, "30": { defaultClass: "_1rsrm2fcd" }, "32": { defaultClass: "_1rsrm2fce" }, "36": { defaultClass: "_1rsrm2fcf" }, "44": { defaultClass: "_1rsrm2fcg" }, "64": { defaultClass: "_1rsrm2fch" }, "-1": { defaultClass: "_1rsrm2fci" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fcj" }, "1": { defaultClass: "_1rsrm2fck" }, "2": { defaultClass: "_1rsrm2fcl" }, "3": { defaultClass: "_1rsrm2fcm" }, "4": { defaultClass: "_1rsrm2fcn" }, "5": { defaultClass: "_1rsrm2fco" }, "6": { defaultClass: "_1rsrm2fcp" }, "7": { defaultClass: "_1rsrm2fcq" }, "8": { defaultClass: "_1rsrm2fcr" }, "9": { defaultClass: "_1rsrm2fcs" }, "10": { defaultClass: "_1rsrm2fct" }, "11": { defaultClass: "_1rsrm2fcu" }, "12": { defaultClass: "_1rsrm2fcv" }, "13": { defaultClass: "_1rsrm2fcw" }, "14": { defaultClass: "_1rsrm2fcx" }, "15": { defaultClass: "_1rsrm2fcy" }, "16": { defaultClass: "_1rsrm2fcz" }, "18": { defaultClass: "_1rsrm2fd0" }, "20": { defaultClass: "_1rsrm2fd1" }, "24": { defaultClass: "_1rsrm2fd2" }, "28": { defaultClass: "_1rsrm2fd3" }, "30": { defaultClass: "_1rsrm2fd4" }, "32": { defaultClass: "_1rsrm2fd5" }, "36": { defaultClass: "_1rsrm2fd6" }, "44": { defaultClass: "_1rsrm2fd7" }, "64": { defaultClass: "_1rsrm2fd8" }, "-1": { defaultClass: "_1rsrm2fd9" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fda" }, "1": { defaultClass: "_1rsrm2fdb" }, "2": { defaultClass: "_1rsrm2fdc" }, "3": { defaultClass: "_1rsrm2fdd" }, "4": { defaultClass: "_1rsrm2fde" }, "5": { defaultClass: "_1rsrm2fdf" }, "6": { defaultClass: "_1rsrm2fdg" }, "7": { defaultClass: "_1rsrm2fdh" }, "8": { defaultClass: "_1rsrm2fdi" }, "9": { defaultClass: "_1rsrm2fdj" }, "10": { defaultClass: "_1rsrm2fdk" }, "11": { defaultClass: "_1rsrm2fdl" }, "12": { defaultClass: "_1rsrm2fdm" }, "13": { defaultClass: "_1rsrm2fdn" }, "14": { defaultClass: "_1rsrm2fdo" }, "15": { defaultClass: "_1rsrm2fdp" }, "16": { defaultClass: "_1rsrm2fdq" }, "18": { defaultClass: "_1rsrm2fdr" }, "20": { defaultClass: "_1rsrm2fds" }, "24": { defaultClass: "_1rsrm2fdt" }, "28": { defaultClass: "_1rsrm2fdu" }, "30": { defaultClass: "_1rsrm2fdv" }, "32": { defaultClass: "_1rsrm2fdw" }, "36": { defaultClass: "_1rsrm2fdx" }, "44": { defaultClass: "_1rsrm2fdy" }, "64": { defaultClass: "_1rsrm2fdz" }, "-1": { defaultClass: "_1rsrm2fe0" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fe1" }, "1": { defaultClass: "_1rsrm2fe2" }, "2": { defaultClass: "_1rsrm2fe3" }, "3": { defaultClass: "_1rsrm2fe4" }, "4": { defaultClass: "_1rsrm2fe5" }, "5": { defaultClass: "_1rsrm2fe6" }, "6": { defaultClass: "_1rsrm2fe7" }, "7": { defaultClass: "_1rsrm2fe8" }, "8": { defaultClass: "_1rsrm2fe9" }, "9": { defaultClass: "_1rsrm2fea" }, "10": { defaultClass: "_1rsrm2feb" }, "11": { defaultClass: "_1rsrm2fec" }, "12": { defaultClass: "_1rsrm2fed" }, "13": { defaultClass: "_1rsrm2fee" }, "14": { defaultClass: "_1rsrm2fef" }, "15": { defaultClass: "_1rsrm2feg" }, "16": { defaultClass: "_1rsrm2feh" }, "18": { defaultClass: "_1rsrm2fei" }, "20": { defaultClass: "_1rsrm2fej" }, "24": { defaultClass: "_1rsrm2fek" }, "28": { defaultClass: "_1rsrm2fel" }, "30": { defaultClass: "_1rsrm2fem" }, "32": { defaultClass: "_1rsrm2fen" }, "36": { defaultClass: "_1rsrm2feo" }, "44": { defaultClass: "_1rsrm2fep" }, "64": { defaultClass: "_1rsrm2feq" }, "-1": { defaultClass: "_1rsrm2fer" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fes" }, fixed: { defaultClass: "_1rsrm2fet" }, relative: { defaultClass: "_1rsrm2feu" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fev" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2few" }, transform: { defaultClass: "_1rsrm2fex" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fey" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fez" }, "2": { defaultClass: "_1rsrm2ff0" }, "4": { defaultClass: "_1rsrm2ff1" }, "8": { defaultClass: "_1rsrm2ff2" }, "10": { defaultClass: "_1rsrm2ff3" }, "11": { defaultClass: "_1rsrm2ff4" }, "12": { defaultClass: "_1rsrm2ff5" }, "13": { defaultClass: "_1rsrm2ff6" }, "14": { defaultClass: "_1rsrm2ff7" }, "15": { defaultClass: "_1rsrm2ff8" }, "16": { defaultClass: "_1rsrm2ff9" }, "18": { defaultClass: "_1rsrm2ffa" }, "20": { defaultClass: "_1rsrm2ffb" }, "24": { defaultClass: "_1rsrm2ffc" }, "28": { defaultClass: "_1rsrm2ffd" }, "30": { defaultClass: "_1rsrm2ffe" }, "32": { defaultClass: "_1rsrm2fff" }, "34": { defaultClass: "_1rsrm2ffg" }, "36": { defaultClass: "_1rsrm2ffh" }, "40": { defaultClass: "_1rsrm2ffi" }, "44": { defaultClass: "_1rsrm2ffj" }, "48": { defaultClass: "_1rsrm2ffk" }, "50": { defaultClass: "_1rsrm2ffl" }, "54": { defaultClass: "_1rsrm2ffm" }, "57": { defaultClass: "_1rsrm2ffn" }, "60": { defaultClass: "_1rsrm2ffo" }, "72": { defaultClass: "_1rsrm2ffp" }, "93": { defaultClass: "_1rsrm2ffq" }, "96": { defaultClass: "_1rsrm2ffr" }, "100": { defaultClass: "_1rsrm2ffs" }, "108": { defaultClass: "_1rsrm2fft" }, "120": { defaultClass: "_1rsrm2ffu" }, "180": { defaultClass: "_1rsrm2ffv" }, "200": { defaultClass: "_1rsrm2ffw" }, "240": { defaultClass: "_1rsrm2ffx" }, half: { defaultClass: "_1rsrm2ffy" }, full: { defaultClass: "_1rsrm2ffz" }, max: { defaultClass: "_1rsrm2fg0" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fg1" } } } } });
47
+ 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)", offBackgroundComplimentary: "var(--rk-colors-offBackgroundComplimentary)", hoverState: "var(--rk-colors-hoverState)", lightStroke: "var(--rk-colors-lightStroke)", mediumStroke: "var(--rk-colors-mediumStroke)", heavyStroke: "var(--rk-colors-heavyStroke)", strokeColor: "var(--rk-colors-strokeColor)", dydxSwitchActiveBackground: "var(--rk-colors-dydxSwitchActiveBackground)", primaryText: "var(--rk-colors-primaryText)", secondaryText: "var(--rk-colors-secondaryText)", tertiaryText: "var(--rk-colors-tertiaryText)", textSelection: "var(--rk-colors-textSelection)", inputBackground: "var(--rk-colors-inputBackground)", inputBorderBase: "var(--rk-colors-inputBorderBase)", inputBorderHover: "var(--rk-colors-inputBorderHover)", actionColor: "var(--rk-colors-actionColor)", actionColorHover: "var(--rk-colors-actionColorHover)", actionColorDisabled: "var(--rk-colors-actionColorDisabled)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)", buttonBackgroundTertiary: "var(--rk-colors-buttonBackgroundTertiary)", buttonBackgroundHoverTertiary: "var(--rk-colors-buttonBackgroundHoverTertiary)", buttonTextTertiary: "var(--rk-colors-buttonTextTertiary)", buttonTextDisabledTertiary: "var(--rk-colors-buttonTextDisabledTertiary)", buttonBackground: "var(--rk-colors-buttonBackground)", buttonBackgroundHover: "var(--rk-colors-buttonBackgroundHover)", buttonBackgroundDisabled: "var(--rk-colors-buttonBackgroundDisabled)", buttonBorderHover: "var(--rk-colors-buttonBorderHover)", 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)", 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)" }, fonts: { body: "var(--rk-fonts-body)" }, fontWeight: { regular: "var(--rk-fontWeight-regular)", medium: "var(--rk-fontWeight-medium)", semibold: "var(--rk-fontWeight-semibold)", bold: "var(--rk-fontWeight-bold)", heavy: "var(--rk-fontWeight-heavy)" }, fontSize: { "10": { fontSize: "var(--rk-fontSize-10-fontSize)", lineHeight: "var(--rk-fontSize-10-lineHeight)" }, "12": { fontSize: "var(--rk-fontSize-12-fontSize)", lineHeight: "var(--rk-fontSize-12-lineHeight)" }, "13": { fontSize: "var(--rk-fontSize-13-fontSize)", lineHeight: "var(--rk-fontSize-13-lineHeight)" }, "14": { fontSize: "var(--rk-fontSize-14-fontSize)", lineHeight: "var(--rk-fontSize-14-lineHeight)" }, "16": { fontSize: "var(--rk-fontSize-16-fontSize)", lineHeight: "var(--rk-fontSize-16-lineHeight)" }, "18": { fontSize: "var(--rk-fontSize-18-fontSize)", lineHeight: "var(--rk-fontSize-18-lineHeight)" }, "20": { fontSize: "var(--rk-fontSize-20-fontSize)", lineHeight: "var(--rk-fontSize-20-lineHeight)" }, "21": { fontSize: "var(--rk-fontSize-21-fontSize)", lineHeight: "var(--rk-fontSize-21-lineHeight)" }, "40": { fontSize: "var(--rk-fontSize-40-fontSize)", lineHeight: "var(--rk-fontSize-40-lineHeight)" }, "57": { fontSize: "var(--rk-fontSize-57-fontSize)", lineHeight: "var(--rk-fontSize-57-lineHeight)" } }, radii: { actionButton: "var(--rk-radii-actionButton)", connectButton: "var(--rk-radii-connectButton)", menuButton: "var(--rk-radii-menuButton)", modal: "var(--rk-radii-modal)", modalMobile: "var(--rk-radii-modalMobile)", modalActionButton: "var(--rk-radii-modalActionButton)", modalActionButtonMobile: "var(--rk-radii-modalActionButtonMobile)", summaryBox: "var(--rk-radii-summaryBox)", youPayYouReceive: "var(--rk-radii-youPayYouReceive)", inputAmountSwitcher: "var(--rk-radii-inputAmountSwitcher)", qrCode: "var(--rk-radii-qrCode)", skeleton: "var(--rk-radii-skeleton)", tooltip: "var(--rk-radii-tooltip)", dropdown: "var(--rk-radii-dropdown)", dropdownItem: "var(--rk-radii-dropdownItem)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", dropdown: "var(--rk-shadows-dropdown)", notification: "var(--rk-shadows-notification)", vertexDropdown: "var(--rk-shadows-vertexDropdown)", qrCode: "var(--rk-shadows-qrCode)", buttonFocusedShadow: "var(--rk-shadows-buttonFocusedShadow)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
48
48
 
49
49
  // src/css/atoms.ts
50
50
  var atoms = ({ reset, ...rest }) => {
@@ -400,9 +400,9 @@ import React220, { useEffect as useEffect47, useState as useState64 } from "reac
400
400
 
401
401
  // src/css/touchableStyles.css.ts
402
402
  var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
403
- var base2 = "_7rkubb3 _1rsrm2feo";
403
+ var base2 = "_7rkubb3 _1rsrm2feu";
404
404
  var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
405
- var primaryBase = "_7rkubb5 _1rsrm2feo";
405
+ var primaryBase = "_7rkubb5 _1rsrm2feu";
406
406
 
407
407
  // src/css/touchableStyles.ts
408
408
  function touchableStyles({ active: active2, hover: hover2 }) {
@@ -502,7 +502,7 @@ import PrivyJS, {
502
502
  } from "@privy-io/js-sdk-core";
503
503
  import React217, {
504
504
  createContext as createContext18,
505
- useCallback as useCallback41,
505
+ useCallback as useCallback43,
506
506
  useContext as useContext18,
507
507
  useEffect as useEffect45,
508
508
  useMemo as useMemo38,
@@ -532,7 +532,6 @@ var NATIVE_TOKEN = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS;
532
532
  var FUNKIT_CONNECT_WALLET_ID = "funkitConnectWallet";
533
533
  var RESERVED_GROUP_NAME = "funkit-web2";
534
534
  var DEFAULT_FUNWALLET_INDEX = 0;
535
- var FUN_WORKER_EOA_ADDR = "0x1881ad6e231a14A8Be0f9AE6f9EFd8f3CFb09919";
536
535
  var FUN_ORG_NAME = "Fun.xyz";
537
536
  var FUN_TERMS_URL = "https://fun.xyz/terms";
538
537
  var FunkitSocialLoginMethod = /* @__PURE__ */ ((FunkitSocialLoginMethod2) => {
@@ -1012,7 +1011,7 @@ var useInitialChainId = () => useContext4(FunkitConnectChainContext).initialChai
1012
1011
  // src/providers/ModalContext.tsx
1013
1012
  import React216, {
1014
1013
  createContext as createContext17,
1015
- useCallback as useCallback40,
1014
+ useCallback as useCallback42,
1016
1015
  useContext as useContext17,
1017
1016
  useEffect as useEffect44,
1018
1017
  useMemo as useMemo37,
@@ -1022,15 +1021,15 @@ import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useC
1022
1021
 
1023
1022
  // src/components/Dialog/Dialog.css.ts
1024
1023
  var DialogAnimationTimeOut = 120;
1025
- var content = "_1r8f579 _1rsrm2fa _1rsrm2f1i _1rsrm2feo";
1026
- var contentSlideOut = "_1r8f57b _1rsrm2fa _1rsrm2f1i _1rsrm2feo";
1024
+ var content = "_1r8f579 _1rsrm2fa _1rsrm2f1o _1rsrm2feu";
1025
+ var contentSlideOut = "_1r8f57b _1rsrm2fa _1rsrm2f1o _1rsrm2feu";
1027
1026
  var dydxTitle = "_1r8f57c";
1028
- var overlay = "_1r8f575 _1rsrm2ffv _1rsrm2fj2 _1rsrm2fa _1rsrm2f3u _1rsrm2fen";
1029
- var overlayOut = "_1r8f577 _1rsrm2ffv _1rsrm2fj2 _1rsrm2fa _1rsrm2f3u _1rsrm2fen";
1027
+ var overlay = "_1r8f575 _1rsrm2fg1 _1rsrm2fj8 _1rsrm2fa _1rsrm2f40 _1rsrm2fet";
1028
+ var overlayOut = "_1r8f577 _1rsrm2fg1 _1rsrm2fj8 _1rsrm2fa _1rsrm2f40 _1rsrm2fet";
1030
1029
  var titleContainer = "_1r8f57d";
1031
- var topbarFadeBackground = "_1r8f57i _1rsrm2fj8 _1rsrm2fem";
1030
+ var topbarFadeBackground = "_1r8f57i _1rsrm2fje _1rsrm2fes";
1032
1031
  var topbarFadeWrapper = "_1r8f57g";
1033
- var topbarOverflowContent = "_1r8f57f _1rsrm2fcu _1rsrm2fdl";
1032
+ var topbarOverflowContent = "_1r8f57f _1rsrm2fd0 _1rsrm2fdr";
1034
1033
 
1035
1034
  // src/modals/AccountModal/AccountModal.tsx
1036
1035
  import React129 from "react";
@@ -1344,13 +1343,13 @@ import clsx3 from "clsx";
1344
1343
  import React12 from "react";
1345
1344
 
1346
1345
  // src/components/FunButton/FunButton.css.ts
1347
- var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1g8";
1346
+ var accentLinkStyle = "_1tyx5nu3 _1rsrm2f1gq";
1348
1347
  var funButtonClickableStyle = "_1tyx5nu6";
1349
1348
  var funButtonDisabledStyle = "_1tyx5nu8";
1350
1349
  var funButtonNonClickableStyle = "_1tyx5nu7";
1351
1350
  var pressedStyles = "_1tyx5nu1";
1352
1351
  var transitionStyles = "_1tyx5nu0";
1353
- var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1ek";
1352
+ var underlineLinkStyle = "_1tyx5nu5 _1rsrm2f1f2";
1354
1353
 
1355
1354
  // src/components/FunButton/FunIconButton.tsx
1356
1355
  var getTranslateStyle = (iconVisualWeightCenter) => {
@@ -3109,6 +3108,10 @@ var QR_CODE_WITH_SOLANA = {
3109
3108
  // solana - only enable once customers are on v5.0.11, anything prior will break
3110
3109
  1151111081099710: ["SOL"]
3111
3110
  };
3111
+ var QR_CODE_WITH_SOLANA_USDC = {
3112
+ ...QR_CODE_EVM,
3113
+ 1151111081099710: ["SOL", "USDC"]
3114
+ };
3112
3115
  var NEW_TRANSFER_TOKENS = {
3113
3116
  1: ["CBBTC"],
3114
3117
  8453: ["CBBTC"],
@@ -3211,7 +3214,7 @@ var flagConfig = {
3211
3214
  {
3212
3215
  key: "apiKey",
3213
3216
  type: "isAnyOf",
3214
- values: [POLYMARKET_API_KEY2, OSTIUM_API_KEY2]
3217
+ values: [POLYMARKET_API_KEY2, OSTIUM_API_KEY2, BANKR_API_KEY]
3215
3218
  }
3216
3219
  ],
3217
3220
  value: true
@@ -3220,7 +3223,27 @@ var flagConfig = {
3220
3223
  },
3221
3224
  [FlagKey.TokenTransferSourceChainsAndAssets]: {
3222
3225
  type: "string",
3223
- default_value: JSON.stringify(QR_CODE_WITH_SOLANA)
3226
+ default_value: JSON.stringify(QR_CODE_WITH_SOLANA),
3227
+ overrides: [
3228
+ {
3229
+ if_any: [
3230
+ {
3231
+ key: "userId",
3232
+ type: "pctRollout",
3233
+ pct: 75
3234
+ },
3235
+ {
3236
+ key: "userId",
3237
+ type: "isAnyOf",
3238
+ values: [
3239
+ "0x6ec0c2f25d323e7779925Cc20c3740101f990d9F",
3240
+ "0xbeFE12aA8cBa36DD79F50eE5E23828adB62f2FD6"
3241
+ ]
3242
+ }
3243
+ ],
3244
+ value: JSON.stringify(QR_CODE_WITH_SOLANA_USDC)
3245
+ }
3246
+ ]
3224
3247
  },
3225
3248
  [FlagKey.EnableTokenTransferUniversalDepositAddress]: {
3226
3249
  type: "boolean",
@@ -3313,9 +3336,34 @@ var flagConfig = {
3313
3336
  },
3314
3337
  [FlagKey.ShowInfoBanner]: {
3315
3338
  type: "string",
3339
+ // WARNING: DO NOT REMOVE OVERRIDES SOME CUSTOMERS DON'T WANT THIS
3316
3340
  default_value: JSON.stringify({
3317
3341
  message: ""
3318
- })
3342
+ }),
3343
+ overrides: [
3344
+ {
3345
+ if_any: [
3346
+ {
3347
+ key: "apiKey",
3348
+ type: "isAnyOf",
3349
+ values: [POLYMARKET_API_KEY2]
3350
+ }
3351
+ ],
3352
+ value: JSON.stringify({
3353
+ message: ""
3354
+ })
3355
+ },
3356
+ {
3357
+ if_any: [
3358
+ {
3359
+ key: "apiKey",
3360
+ type: "isAnyOf",
3361
+ values: [VERTEX_API_KEY2]
3362
+ }
3363
+ ],
3364
+ value: JSON.stringify({ message: "" })
3365
+ }
3366
+ ]
3319
3367
  },
3320
3368
  [FlagKey.CheckoutNotificationsRefreshInterval]: {
3321
3369
  type: "string",
@@ -3461,7 +3509,12 @@ import React46, {
3461
3509
  useMemo as useMemo4,
3462
3510
  useState as useState8
3463
3511
  } from "react";
3464
- import { useAccount as useAccount2, useDisconnect, useSwitchChain } from "wagmi";
3512
+ import {
3513
+ useAccount as useAccount2,
3514
+ useDisconnect,
3515
+ useReconnect,
3516
+ useSwitchChain
3517
+ } from "wagmi";
3465
3518
 
3466
3519
  // src/components/ConnectButton/formatENS.ts
3467
3520
  function formatENS(name) {
@@ -3595,7 +3648,6 @@ import {
3595
3648
  import {
3596
3649
  formatCryptoAndStringify,
3597
3650
  isTokenAddressEquivalent as isTokenAddressEquivalent2,
3598
- isTokenEquivalent as isTokenEquivalent2,
3599
3651
  roundUpToXDecimalPlaces
3600
3652
  } from "@funkit/utils";
3601
3653
  import { getBalance, readContract } from "@wagmi/core";
@@ -4188,20 +4240,6 @@ var isCheckoutValid = (checkout) => {
4188
4240
  const isSupported = !!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[checkout.fromChainId] && !!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3[checkout.toChainId];
4189
4241
  return isSupported;
4190
4242
  };
4191
- var isDirectExecutionFlow = ({
4192
- checkoutItem,
4193
- apiKey
4194
- }) => {
4195
- if (!checkoutItem) return false;
4196
- const sourceAsset = checkoutItem.selectedSourceAssetInfo;
4197
- const { config } = checkoutItem.initSettings;
4198
- return isVertexCustomer(apiKey) && isCheckoutPostActionRequired(config) && checkoutItem.selectedPaymentMethodInfo?.paymentMethod === "balance" /* ACCOUNT_BALANCE */ && isTokenEquivalent2({
4199
- firstTokenAddress: sourceAsset.address || "",
4200
- firstTokenChainId: sourceAsset.chainId,
4201
- secondTokenAddress: config.targetAsset,
4202
- secondTokenChainId: config.targetChain
4203
- });
4204
- };
4205
4243
  var isCheckoutHistoryDirectExecution = (checkoutId) => {
4206
4244
  return checkoutId.length === 66;
4207
4245
  };
@@ -4746,7 +4784,14 @@ var useFunkitDisconnect = () => {
4746
4784
  return {
4747
4785
  ...disconnectReturn,
4748
4786
  disconnect: handleLogout,
4749
- disconnectAsync: handleLogout
4787
+ disconnectAsync: async () => await handleLogout()
4788
+ };
4789
+ };
4790
+ var useFunkitReconnect = () => {
4791
+ const reconnectReturn = useReconnect();
4792
+ return {
4793
+ ...reconnectReturn
4794
+ // TODO: implement reconnect with funwallet handling
4750
4795
  };
4751
4796
  };
4752
4797
  var useFunkitSwitchChains = ({
@@ -4900,7 +4945,9 @@ var getStyleProps = (type, isDisabled) => {
4900
4945
  },
4901
4946
  color: {
4902
4947
  base: isDisabled ? "buttonTextDisabledTertiary" : "buttonTextTertiary"
4903
- }
4948
+ },
4949
+ paddingX: "10",
4950
+ paddingY: "10"
4904
4951
  };
4905
4952
  }
4906
4953
  return {
@@ -4912,7 +4959,16 @@ var getStyleProps = (type, isDisabled) => {
4912
4959
  color: isDisabled ? "buttonTextDisabled" : "buttonTextPrimary",
4913
4960
  boxShadow: {
4914
4961
  focusedVisible: isDisabled ? void 0 : "buttonFocusedShadow"
4915
- }
4962
+ },
4963
+ borderWidth: "1",
4964
+ borderColor: {
4965
+ base: "buttonBackground",
4966
+ active: "buttonBackground",
4967
+ hover: "buttonBorderHover"
4968
+ },
4969
+ borderStyle: isDisabled ? "hidden" : "solid",
4970
+ paddingX: "24",
4971
+ paddingY: isDisabled ? "11" : "10"
4916
4972
  };
4917
4973
  };
4918
4974
  function FunButton({
@@ -4928,21 +4984,9 @@ function FunButton({
4928
4984
  // TODO: remove this
4929
4985
  borderRadius
4930
4986
  }) {
4987
+ const { background, color, boxShadow, paddingX, paddingY, ...borderStyles } = getStyleProps(type, isDisabled);
4931
4988
  const isSecondary = type === "secondary";
4932
- const { background, color, boxShadow } = getStyleProps(type, isDisabled);
4933
4989
  const buttonTextSize = textSize ?? (isSecondary ? "10" : "12");
4934
- const buttonPaddings = {
4935
- paddingX: {
4936
- primary: "24",
4937
- secondary: void 0,
4938
- tertiary: "10"
4939
- }[type],
4940
- paddingY: {
4941
- primary: "11",
4942
- secondary: void 0,
4943
- tertiary: "10"
4944
- }[type]
4945
- };
4946
4990
  return /* @__PURE__ */ React48.createElement(
4947
4991
  Box,
4948
4992
  {
@@ -4952,7 +4996,9 @@ function FunButton({
4952
4996
  borderRadius: borderRadius ?? "actionButton",
4953
4997
  disabled: isDisabled,
4954
4998
  display: "block",
4955
- ...buttonPaddings,
4999
+ paddingX,
5000
+ paddingY,
5001
+ ...borderStyles,
4956
5002
  style: {
4957
5003
  willChange: "transform",
4958
5004
  whiteSpace: "nowrap",
@@ -5683,7 +5729,7 @@ var useActivityTraversal = () => {
5683
5729
  };
5684
5730
 
5685
5731
  // src/modals/ProfileDetails/ProfileDetails.tsx
5686
- import React128, { useCallback as useCallback22, useState as useState30 } from "react";
5732
+ import React128, { useCallback as useCallback24, useState as useState30 } from "react";
5687
5733
 
5688
5734
  // src/components/FunCheckoutHistory/FunCheckoutHistoryContent.tsx
5689
5735
  import React115 from "react";
@@ -5971,7 +6017,7 @@ function getCheckoutCompletionTime(checkout) {
5971
6017
  }
5972
6018
 
5973
6019
  // src/components/FunCheckoutHistory/FunCheckoutHistoryDetail.tsx
5974
- import React102, { useCallback as useCallback19, useMemo as useMemo12, useState as useState24 } from "react";
6020
+ import React102, { useCallback as useCallback21, useMemo as useMemo12, useState as useState24 } from "react";
5975
6021
  import { createPortal as createPortal2 } from "react-dom";
5976
6022
 
5977
6023
  // src/components/HelpAlert/HelpAlert.tsx
@@ -6127,33 +6173,305 @@ function getCheckoutStateBooleans(checkoutState, refundState) {
6127
6173
 
6128
6174
  // src/providers/FunkitCheckoutContext.tsx
6129
6175
  import {
6130
- DirectExecutionType,
6176
+ DirectExecutionType as DirectExecutionType2,
6131
6177
  createDirectExecution,
6132
6178
  deactivateCheckout as postApiDeactivateCheckout,
6133
6179
  initializeCheckout as postApiInitializeCheckout
6134
6180
  } from "@funkit/api-base";
6135
6181
  import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/chains";
6136
- import {
6137
- Chain as Chain2,
6138
- ContractInterface,
6139
- HashZero,
6140
- WALLET_CONTRACT_INTERFACE,
6141
- addOwnerTxParams
6142
- } from "@funkit/core";
6143
- import { FlagKey as FlagKey4, isNotNullish as isNotNullish4 } from "@funkit/utils";
6182
+ import { FlagKey as FlagKey5, isNotNullish as isNotNullish4 } from "@funkit/utils";
6144
6183
  import { waitForTransactionReceipt } from "@wagmi/core";
6145
6184
  import React62, {
6146
6185
  createContext as createContext12,
6147
- useCallback as useCallback10,
6186
+ useCallback as useCallback12,
6148
6187
  useContext as useContext12,
6149
6188
  useEffect as useEffect12,
6150
6189
  useState as useState13
6151
6190
  } from "react";
6152
6191
  import { flushSync } from "react-dom";
6153
6192
  import { v4 as uuid } from "uuid";
6154
- import { pad } from "viem";
6155
6193
  import { useAccount as useAccount3, useConfig as useConfig2, useWriteContract } from "wagmi";
6156
6194
 
6195
+ // src/hooks/useCheckoutDirectExecution.ts
6196
+ import {
6197
+ DirectExecutionType,
6198
+ getAssetPriceInfo as getAssetPriceInfo2
6199
+ } from "@funkit/api-base";
6200
+ import { isTokenEquivalent as isTokenEquivalent2 } from "@funkit/utils";
6201
+ import { useCallback as useCallback11 } from "react";
6202
+
6203
+ // src/domains/relay.ts
6204
+ import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST } from "@funkit/chains";
6205
+ import { isTokenAddressEquivalent as isTokenAddressEquivalent3 } from "@funkit/utils";
6206
+ import {
6207
+ LogLevel,
6208
+ MAINNET_RELAY_API,
6209
+ convertViemChainToRelayChain,
6210
+ createClient,
6211
+ getClient
6212
+ } from "@reservoir0x/relay-sdk";
6213
+ createClient({
6214
+ baseApiUrl: MAINNET_RELAY_API,
6215
+ // For now, enable only the checkout target chains funkit supports. In future, source chains may be added.
6216
+ chains: FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST.map(
6217
+ (fkChainInfo) => convertViemChainToRelayChain(fkChainInfo)
6218
+ ),
6219
+ logLevel: LogLevel.Verbose,
6220
+ logger: (message) => {
6221
+ logger.log("[RelayClient]:", message);
6222
+ }
6223
+ // source: "",
6224
+ });
6225
+ var FUN_RELAY_REFERRER = "funxyz";
6226
+ var RELAY_NATIVE_TOKEN = "0x0000000000000000000000000000000000000000";
6227
+ function convertFunToRelayTokenAddress(address) {
6228
+ return isTokenAddressEquivalent3({
6229
+ firstTokenAddress: address,
6230
+ secondTokenAddress: NATIVE_TOKEN
6231
+ }) ? RELAY_NATIVE_TOKEN : address;
6232
+ }
6233
+ async function getRelayQuote({
6234
+ toChainId,
6235
+ toTokenAddress,
6236
+ toTokenAmount,
6237
+ toTokenDecimals,
6238
+ fromChainId,
6239
+ fromTokenAddress,
6240
+ recipientAddress,
6241
+ userAddress
6242
+ }) {
6243
+ try {
6244
+ const relayClient = getClient();
6245
+ if (!relayClient) throw new Error("Relay client is not defined");
6246
+ const toMultipler = 10 ** toTokenDecimals;
6247
+ const toAmountBaseUnitBI = BigInt(Math.floor(toTokenAmount * toMultipler));
6248
+ logger.log("getRelayQuoteParams", {
6249
+ toChainId,
6250
+ toTokenAddress,
6251
+ toTokenAmount,
6252
+ toTokenDecimals,
6253
+ fromChainId,
6254
+ fromTokenAddress,
6255
+ recipientAddress,
6256
+ userAddress,
6257
+ relayClient,
6258
+ toAmountBaseUnitBI: toAmountBaseUnitBI.toString()
6259
+ });
6260
+ const relayQuote = await relayClient.actions.getQuote({
6261
+ chainId: Number(fromChainId),
6262
+ toChainId: Number(toChainId),
6263
+ currency: convertFunToRelayTokenAddress(fromTokenAddress),
6264
+ toCurrency: convertFunToRelayTokenAddress(toTokenAddress),
6265
+ amount: toAmountBaseUnitBI.toString(),
6266
+ tradeType: "EXACT_OUTPUT",
6267
+ recipient: recipientAddress,
6268
+ user: userAddress,
6269
+ options: {
6270
+ referrer: FUN_RELAY_REFERRER
6271
+ // appFees: [
6272
+ // {
6273
+ // fee: '0', // Funxyz fee
6274
+ // recipient: '', // Funxyz payment address
6275
+ // }
6276
+ // ]
6277
+ }
6278
+ });
6279
+ logger.log("relayQuote", relayQuote);
6280
+ const estTotalUsd = Number(relayQuote.details?.currencyIn?.amountUsd);
6281
+ const fromAmountString = relayQuote.details?.currencyIn?.amountFormatted || "";
6282
+ const fromAmountBaseUnitString = relayQuote.details?.currencyIn?.amount || "";
6283
+ const relayRequestId = relayQuote.steps[0]?.requestId;
6284
+ return {
6285
+ quoteId: `relay-${relayRequestId}`,
6286
+ estTotalFromAmount: fromAmountString,
6287
+ estSubtotalFromAmount: fromAmountString,
6288
+ estTotalFromAmountBaseUnit: fromAmountBaseUnitString,
6289
+ estSubtotalFromAmountBaseUnit: fromAmountBaseUnitString,
6290
+ estFeesFromAmountBaseUnit: "0",
6291
+ fromTokenAddress,
6292
+ estFeesUsd: 0,
6293
+ estSubtotalUsd: estTotalUsd,
6294
+ estTotalUsd,
6295
+ estCheckoutTimeMs: (relayQuote.details?.timeEstimate || 0) * 1e3,
6296
+ estMarketMakerGasUsd: 0,
6297
+ lpFeePercentage: 0,
6298
+ lpFeeUsd: 0,
6299
+ estFeesFromAmount: "0",
6300
+ metadata: {
6301
+ relayQuote
6302
+ }
6303
+ };
6304
+ } catch (err) {
6305
+ throw new Error(
6306
+ `An error occured trying to generate a relay quote: ${err instanceof Error ? err.message : JSON.stringify(err)}`
6307
+ );
6308
+ }
6309
+ }
6310
+
6311
+ // src/hooks/useRelayBypass.ts
6312
+ import { FlagKey as FlagKey4, isTokenAddressEquivalent as isTokenAddressEquivalent4 } from "@funkit/utils";
6313
+ import { useCallback as useCallback10 } from "react";
6314
+ function useRelayBypass() {
6315
+ const isRelayBypassEnabled = useFlag(FlagKey4.IsRelayBypassEnabled);
6316
+ const sourceTokensJsonString = useFlag(
6317
+ FlagKey4.RelayBypassSourceChainsAndAssets
6318
+ );
6319
+ const targetTokensJsonString = useFlag(
6320
+ FlagKey4.RelayBypassTargetChainsAndAssets
6321
+ );
6322
+ const sourceTokens = safeJSONParse(
6323
+ sourceTokensJsonString
6324
+ );
6325
+ const targetTokens = safeJSONParse(
6326
+ targetTokensJsonString
6327
+ );
6328
+ return {
6329
+ getIsRelayEnabled: useCallback10(
6330
+ ({
6331
+ fromChainId,
6332
+ fromTokenAddress,
6333
+ toChainId,
6334
+ toTokenAddress,
6335
+ paymentMethod
6336
+ }) => {
6337
+ return (
6338
+ // Whether the payment method is account balance (doesnt work for brokerage or card)
6339
+ paymentMethod === "balance" /* ACCOUNT_BALANCE */ && // Whether feature flag is enabled for the user / customer
6340
+ isRelayBypassEnabled && // Whether the source and target chain and asset are in the feature flag bypass list
6341
+ !!sourceTokens?.[Number.parseInt(fromChainId)]?.find(
6342
+ (token) => isTokenAddressEquivalent4({
6343
+ firstTokenAddress: token,
6344
+ secondTokenAddress: fromTokenAddress
6345
+ })
6346
+ ) && !!targetTokens?.[Number.parseInt(toChainId)]?.find(
6347
+ (token) => isTokenAddressEquivalent4({
6348
+ firstTokenAddress: token,
6349
+ secondTokenAddress: toTokenAddress
6350
+ })
6351
+ )
6352
+ );
6353
+ },
6354
+ [isRelayBypassEnabled, sourceTokens, targetTokens]
6355
+ )
6356
+ };
6357
+ }
6358
+
6359
+ // src/hooks/useCheckoutDirectExecution.ts
6360
+ var getDirectExecutionQuoteNoop = () => Promise.resolve(null);
6361
+ function useCheckoutDirectExecution() {
6362
+ const { apiKey } = useFunkitConfig();
6363
+ const { address } = useFunkitUserInfo();
6364
+ const { getIsRelayEnabled } = useRelayBypass();
6365
+ const getIsVertexDirectExecutionCase = useCallback11(
6366
+ (checkoutItem) => {
6367
+ const { config } = checkoutItem.initSettings;
6368
+ const sourceAsset = checkoutItem.selectedSourceAssetInfo;
6369
+ return isVertexCustomer(apiKey) && isCheckoutPostActionRequired(config) && checkoutItem.selectedPaymentMethodInfo?.paymentMethod === "balance" /* ACCOUNT_BALANCE */ && isTokenEquivalent2({
6370
+ firstTokenAddress: sourceAsset.address || "",
6371
+ firstTokenChainId: sourceAsset.chainId,
6372
+ secondTokenAddress: config.targetAsset,
6373
+ secondTokenChainId: config.targetChain
6374
+ });
6375
+ },
6376
+ [apiKey]
6377
+ );
6378
+ const getVertexDirectExecutionBaseQuote = useCallback11(
6379
+ async ({
6380
+ toChainId,
6381
+ toTokenAddress,
6382
+ toTokenAmount,
6383
+ toTokenDecimals,
6384
+ fromTokenAddress
6385
+ }) => {
6386
+ const { unitPrice } = await getAssetPriceInfo2({
6387
+ apiKey,
6388
+ chainId: toChainId,
6389
+ assetTokenAddress: toTokenAddress
6390
+ });
6391
+ const estTotalUsd = toTokenAmount * unitPrice;
6392
+ const toAmountBaseUnit = (toTokenAmount * 10 ** toTokenDecimals).toFixed();
6393
+ return {
6394
+ quoteId: "dummy-quote-id",
6395
+ estTotalFromAmountBaseUnit: toAmountBaseUnit,
6396
+ estSubtotalFromAmountBaseUnit: toAmountBaseUnit,
6397
+ estFeesFromAmountBaseUnit: "0",
6398
+ fromTokenAddress,
6399
+ estFeesUsd: 0,
6400
+ estSubtotalUsd: estTotalUsd,
6401
+ estTotalUsd,
6402
+ estCheckoutTimeMs: 0,
6403
+ estMarketMakerGasUsd: 0,
6404
+ lpFeePercentage: 0,
6405
+ lpFeeUsd: 0,
6406
+ estTotalFromAmount: toTokenAmount.toString(),
6407
+ estSubtotalFromAmount: toTokenAmount.toString(),
6408
+ estFeesFromAmount: "0"
6409
+ };
6410
+ },
6411
+ [apiKey]
6412
+ );
6413
+ const getRelayDirectExecutionBaseQuote = useCallback11(
6414
+ async ({
6415
+ fromChainId,
6416
+ toChainId,
6417
+ toTokenAddress,
6418
+ toTokenAmount,
6419
+ toTokenDecimals,
6420
+ fromTokenAddress,
6421
+ recipientAddress
6422
+ }) => {
6423
+ return await getRelayQuote({
6424
+ fromChainId,
6425
+ fromTokenAddress,
6426
+ toChainId,
6427
+ toTokenAddress,
6428
+ toTokenAmount,
6429
+ toTokenDecimals,
6430
+ recipientAddress,
6431
+ userAddress: address
6432
+ });
6433
+ },
6434
+ [address]
6435
+ );
6436
+ return {
6437
+ getDirectExecutionInfo: useCallback11(
6438
+ (checkoutItem) => {
6439
+ if (!checkoutItem) {
6440
+ return {
6441
+ isDirectExecution: false,
6442
+ directExecutionType: null,
6443
+ getDirectExecutionQuote: getDirectExecutionQuoteNoop
6444
+ };
6445
+ }
6446
+ const isVertexDirectExecutionCase = getIsVertexDirectExecutionCase(checkoutItem);
6447
+ const isRelayDirectExecutionCase = getIsRelayEnabled({
6448
+ fromChainId: checkoutItem.selectedSourceAssetInfo.chainId,
6449
+ fromTokenAddress: checkoutItem.selectedSourceAssetInfo.address || "",
6450
+ toChainId: checkoutItem.initSettings.config.targetChain,
6451
+ toTokenAddress: checkoutItem.initSettings.config.targetAsset,
6452
+ paymentMethod: checkoutItem.selectedPaymentMethodInfo?.paymentMethod
6453
+ });
6454
+ const isDirectExecution = Boolean(
6455
+ isVertexDirectExecutionCase || isRelayDirectExecutionCase
6456
+ );
6457
+ const type = isVertexDirectExecutionCase ? DirectExecutionType.VERTEX_DEPOSIT_COLLATERAL_WITH_REFERRAL : isRelayDirectExecutionCase ? DirectExecutionType.RELAY : null;
6458
+ const quoteAction = type === DirectExecutionType.VERTEX_DEPOSIT_COLLATERAL_WITH_REFERRAL ? getVertexDirectExecutionBaseQuote : type === DirectExecutionType.RELAY ? getRelayDirectExecutionBaseQuote : getDirectExecutionQuoteNoop;
6459
+ return {
6460
+ isDirectExecution,
6461
+ directExecutionType: type,
6462
+ getDirectExecutionQuote: quoteAction
6463
+ };
6464
+ },
6465
+ [
6466
+ getIsVertexDirectExecutionCase,
6467
+ getIsRelayEnabled,
6468
+ getVertexDirectExecutionBaseQuote,
6469
+ getRelayDirectExecutionBaseQuote
6470
+ ]
6471
+ )
6472
+ };
6473
+ }
6474
+
6157
6475
  // src/consts/checkout.ts
6158
6476
  var CHECKOUT_STEP_MESSAGE = {
6159
6477
  [1 /* PREPARING_DATA */]: "Preparing order data...",
@@ -6272,16 +6590,10 @@ function FunkitCheckoutProvider({ children }) {
6272
6590
  const { writeContractAsync } = useWriteContract();
6273
6591
  const wagmiConfig = useConfig2();
6274
6592
  const { connector } = useAccount3();
6275
- const {
6276
- walletAddress,
6277
- funWallet,
6278
- funWalletAuth,
6279
- logoutSymbol,
6280
- loginType,
6281
- userInfo
6282
- } = useGeneralWallet();
6593
+ const { walletAddress, logoutSymbol, loginType, userInfo } = useGeneralWallet();
6283
6594
  const { refreshCheckoutHistory } = useCheckoutHistoryContext();
6284
6595
  const { switchChainAsync } = useFunkitSwitchChains({});
6596
+ const { getDirectExecutionInfo } = useCheckoutDirectExecution();
6285
6597
  const [activeCheckout, setActiveCheckout] = useState13(null);
6286
6598
  useEffect12(() => {
6287
6599
  if (isNotNullish4(logoutSymbol)) {
@@ -6299,7 +6611,7 @@ function FunkitCheckoutProvider({ children }) {
6299
6611
  });
6300
6612
  }
6301
6613
  );
6302
- const initNewCheckout = useCallback10(
6614
+ const initNewCheckout = useCallback12(
6303
6615
  ({ config, ...initSettings }) => {
6304
6616
  const newCheckoutId = uuid();
6305
6617
  const newActiveCheckoutItem = {
@@ -6381,119 +6693,20 @@ function FunkitCheckoutProvider({ children }) {
6381
6693
  });
6382
6694
  }
6383
6695
  );
6384
- const generateSignedBatchOperation = useEffectEvent(
6385
- async ({
6386
- actionsParams,
6387
- checkoutItem,
6388
- bypassWalletInit,
6389
- stepMessageSetter
6390
- }) => {
6391
- if (!funWallet || !funWalletAuth) {
6392
- throw new Error("Funwallet or auth not defined");
6393
- }
6394
- const targetChainId = checkoutItem.initSettings.config.targetChain;
6395
- const isDirectExecution = isDirectExecutionFlow({
6396
- checkoutItem,
6397
- apiKey: funkitConfig.apiKey
6398
- });
6399
- const isVertex = isVertexCustomer(funkitConfig.apiKey);
6400
- if (isDirectExecution || isVertex) {
6401
- logger.log("generateSignedBatchOperation:bypassForCustomer", {
6402
- isVertex,
6403
- isDirectExecution
6404
- });
6405
- return { userOp: null };
6406
- }
6407
- try {
6408
- stepMessageSetter(
6409
- CHECKOUT_STEP_MESSAGE[1 /* PREPARING_DATA */]
6410
- );
6411
- const txParamsList = actionsParams.map((actionParam) => {
6412
- const tokenInterface = new ContractInterface(actionParam.contractAbi);
6413
- return tokenInterface.encodeTransactionParams(
6414
- actionParam.contractAddress,
6415
- actionParam.functionName,
6416
- actionParam.functionArgs,
6417
- actionParam.value ? actionParam.value : void 0
6418
- );
6419
- });
6420
- logger.log("originalTxParamsList", { txParamsList });
6421
- if (loginType === "web3" /* Web3 */) {
6422
- const funChainItem = await Chain2.getChain({
6423
- chainIdentifier: targetChainId
6424
- });
6425
- const [funWalletAddress, isFunWalletInited, funRbacContractAddr] = await Promise.all([
6426
- funWallet?.getAddress(),
6427
- funWallet?.getDeploymentStatus({
6428
- chain: targetChainId
6429
- }),
6430
- funChainItem.getAddress("rbacAddress")
6431
- ]);
6432
- let shouldOwnerBeAdded = true;
6433
- if (isFunWalletInited) {
6434
- const storedOwnerRule = await WALLET_CONTRACT_INTERFACE.readFromChain(
6435
- funWalletAddress,
6436
- "getState32WithAddr",
6437
- [pad(FUN_WORKER_EOA_ADDR, { size: 32 }), funRbacContractAddr],
6438
- funChainItem
6439
- );
6440
- logger.log("storedOwnerRule", {
6441
- storedOwnerRule,
6442
- isZero: storedOwnerRule === HashZero
6443
- });
6444
- shouldOwnerBeAdded = storedOwnerRule === HashZero;
6445
- }
6446
- if (shouldOwnerBeAdded) {
6447
- const addOwnerTxParamsItem = await addOwnerTxParams({
6448
- ownerId: FUN_WORKER_EOA_ADDR
6449
- });
6450
- txParamsList.unshift(addOwnerTxParamsItem);
6451
- }
6452
- }
6453
- logger.log("finalTxParamsList", { txParamsList });
6454
- const newConfig = getFunkitEnvForCheckoutEstimation({
6455
- chainId: targetChainId,
6456
- bypassWalletInit
6457
- });
6458
- const userId = await funWalletAuth?.getUserId();
6459
- if (loginType === "web3" /* Web3 */) {
6460
- stepMessageSetter(
6461
- WEB3_ACCOUNT_BALANCE_MESSAGE[0 /* SIGN_TX */]
6462
- );
6463
- }
6464
- const batchOperation = await funWallet.createBatchOperation(
6465
- funWalletAuth,
6466
- userId,
6467
- txParamsList,
6468
- newConfig
6469
- );
6470
- logger.log(
6471
- "_generateSignedBatchOperation:batchOperation",
6472
- batchOperation
6473
- );
6474
- return batchOperation;
6475
- } catch (err) {
6476
- logger.error("_generateSignedBatchOperation:error", err);
6477
- throw new Error(
6478
- "Unable to generate userOp. Ensure that your `actionParams` are valid and to sign prompted messages."
6479
- );
6480
- }
6481
- }
6482
- );
6483
- const startDirectExecutionCheckout = useCallback10(
6696
+ const startDirectExecutionCheckout = useCallback12(
6484
6697
  async ({
6485
6698
  stepMessageSetter,
6486
6699
  latestQuote,
6487
6700
  sourceOfFund,
6488
6701
  clientMetadata,
6489
- actionParams
6702
+ actionsParams
6490
6703
  }) => {
6491
6704
  const checkoutItem = assertCheckoutItem(activeCheckout);
6492
6705
  const targetChainId = Number.parseInt(
6493
6706
  checkoutItem.initSettings.config.targetChain
6494
6707
  );
6495
6708
  let finalHash = null;
6496
- const totalActionsCount = actionParams.length;
6709
+ const totalActionsCount = actionsParams.length;
6497
6710
  logger.log("startDirectExecutionCheckout:beforeLoop", {
6498
6711
  totalActionsCount
6499
6712
  });
@@ -6506,7 +6719,7 @@ function FunkitCheckoutProvider({ children }) {
6506
6719
  chainId: targetChainId
6507
6720
  });
6508
6721
  }
6509
- for (const [idx, actionParam] of actionParams.entries()) {
6722
+ for (const [idx, actionParam] of actionsParams.entries()) {
6510
6723
  const stepperString = totalActionsCount > 1 ? `(${idx + 1}/${totalActionsCount}) ` : "";
6511
6724
  stepMessageSetter(
6512
6725
  `${stepperString}${CHECKOUT_STEP_MESSAGE[3 /* WAITING_FOR_SIGNATURE */]}`
@@ -6543,7 +6756,7 @@ function FunkitCheckoutProvider({ children }) {
6543
6756
  config: checkoutItem.initSettings.config,
6544
6757
  walletAddress
6545
6758
  }),
6546
- type: DirectExecutionType.VERTEX_DEPOSIT_COLLATERAL_WITH_REFERRAL,
6759
+ type: DirectExecutionType2.VERTEX_DEPOSIT_COLLATERAL_WITH_REFERRAL,
6547
6760
  fromChainId: tokenChainId,
6548
6761
  fromTokenAddress: tokenAddress,
6549
6762
  toChainId: tokenChainId,
@@ -6572,11 +6785,10 @@ function FunkitCheckoutProvider({ children }) {
6572
6785
  writeContractAsync
6573
6786
  ]
6574
6787
  );
6575
- const startRegularCheckout = useCallback10(
6788
+ const startRegularCheckout = useCallback12(
6576
6789
  async ({
6577
6790
  stepMessageSetter,
6578
6791
  latestQuote,
6579
- batchUserOp,
6580
6792
  sourceOfFund,
6581
6793
  clientMetadata
6582
6794
  }) => {
@@ -6585,7 +6797,6 @@ function FunkitCheckoutProvider({ children }) {
6585
6797
  CHECKOUT_STEP_MESSAGE[0 /* CONFIRMING */]
6586
6798
  );
6587
6799
  const initResponse = await postApiInitializeCheckout({
6588
- userOp: batchUserOp ?? void 0,
6589
6800
  quoteId: latestQuote.baseQuote.quoteId,
6590
6801
  apiKey: funkitConfig.apiKey || "",
6591
6802
  logger,
@@ -6614,35 +6825,16 @@ function FunkitCheckoutProvider({ children }) {
6614
6825
  );
6615
6826
  }
6616
6827
  const checkoutItem = assertCheckoutItem(activeCheckout);
6617
- logger.log("shouldbatchOpBypassInit", { shouldbatchOpBypassInit });
6618
- let batchUserOp = null;
6828
+ const hasPostAction = isCheckoutPostActionRequired(
6829
+ checkoutItem.initSettings.config
6830
+ );
6619
6831
  logger.log("beforeSignatureChecks", {
6620
- isCheckoutPostActionRequired: isCheckoutPostActionRequired(
6621
- checkoutItem.initSettings.config
6622
- )
6832
+ shouldbatchOpBypassInit,
6833
+ isCheckoutPostActionRequired: hasPostAction
6623
6834
  });
6624
- let actionsParams;
6625
- if (isCheckoutPostActionRequired(checkoutItem.initSettings.config)) {
6626
- const currentChainId = await connector?.getChainId();
6627
- if (!FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[checkoutItem.initSettings.config.targetChain].isStandardEvmAddress || currentChainId && !FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5[currentChainId]?.isStandardEvmAddress) {
6628
- await switchChainAsync({
6629
- chainId: Number.parseInt(
6630
- checkoutItem.initSettings.config.targetChain
6631
- )
6632
- });
6633
- }
6634
- actionsParams = await evaluateCheckoutGenerateActionsParams(
6635
- checkoutItem.initSettings.config
6636
- );
6637
- logger.log("generatedActionsParams", actionsParams);
6638
- const signedBatchOperation = await generateSignedBatchOperation({
6639
- actionsParams,
6640
- checkoutItem,
6641
- bypassWalletInit: shouldbatchOpBypassInit,
6642
- stepMessageSetter
6643
- });
6644
- batchUserOp = signedBatchOperation.userOp;
6645
- }
6835
+ const actionsParams = hasPostAction ? await evaluateCheckoutGenerateActionsParams(
6836
+ checkoutItem.initSettings.config
6837
+ ) : [];
6646
6838
  if (!checkoutItem.selectedPaymentMethodInfo) {
6647
6839
  throw new Error("Invalid selectedPaymentMethodInfo");
6648
6840
  }
@@ -6656,20 +6848,16 @@ function FunkitCheckoutProvider({ children }) {
6656
6848
  latestQuote,
6657
6849
  actionsParams
6658
6850
  );
6659
- const isDirectExecution = isDirectExecutionFlow({
6660
- checkoutItem,
6661
- apiKey: funkitConfig.apiKey
6662
- });
6851
+ const { isDirectExecution } = getDirectExecutionInfo(checkoutItem);
6663
6852
  return isDirectExecution ? await startDirectExecutionCheckout({
6664
6853
  stepMessageSetter,
6665
6854
  latestQuote,
6666
6855
  sourceOfFund,
6667
6856
  clientMetadata,
6668
- actionParams: actionsParams ?? []
6857
+ actionsParams
6669
6858
  }) : await startRegularCheckout({
6670
6859
  stepMessageSetter,
6671
6860
  latestQuote,
6672
- batchUserOp,
6673
6861
  sourceOfFund,
6674
6862
  clientMetadata
6675
6863
  });
@@ -6746,15 +6934,15 @@ function useFunkitCheckout(props) {
6746
6934
  const { openFunCheckoutModal } = useFunCheckoutModal();
6747
6935
  const { connectModalOpen, openConnectModal } = useConnectModal();
6748
6936
  const { isUserLoggedIn } = useGeneralWallet();
6749
- const isCheckoutActivated = useFlag(FlagKey4.IsCheckoutActivated);
6750
- const onErrorWrapper = useCallback10(
6937
+ const isCheckoutActivated = useFlag(FlagKey5.IsCheckoutActivated);
6938
+ const onErrorWrapper = useCallback12(
6751
6939
  (payload) => {
6752
6940
  logger.warn(payload.message, payload);
6753
6941
  onError?.(payload);
6754
6942
  },
6755
6943
  [onError]
6756
6944
  );
6757
- const onOpenWrapper = useCallback10(
6945
+ const onOpenWrapper = useCallback12(
6758
6946
  (newId) => {
6759
6947
  props?.onOpen?.();
6760
6948
  openFunCheckoutModal?.(newId);
@@ -6835,7 +7023,7 @@ function useFunkitCheckout(props) {
6835
7023
  }
6836
7024
 
6837
7025
  // src/hooks/useFunListeners.ts
6838
- import { useCallback as useCallback11, useEffect as useEffect13, useRef as useRef5 } from "react";
7026
+ import { useCallback as useCallback13, useEffect as useEffect13, useRef as useRef5 } from "react";
6839
7027
  function useCheckoutHistoryListener(activate = true, singleDepositAddr) {
6840
7028
  const activeIntervalRef = useRef5();
6841
7029
  const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useCheckoutHistoryContext();
@@ -6858,21 +7046,21 @@ function useSIWFarcasterListener(channelToken) {
6858
7046
  const { getFcConnectionStatus, handleFunkitWeb2Login } = useFunkitWeb2Login();
6859
7047
  const intervalRef = useRef5();
6860
7048
  const [refreshSymbol, triggerRefreshSymbol] = useSymbolRefresh_default();
6861
- const startStatusListener = useCallback11(() => {
7049
+ const startStatusListener = useCallback13(() => {
6862
7050
  clearInterval(intervalRef.current);
6863
7051
  triggerRefreshSymbol();
6864
7052
  intervalRef.current = setInterval(() => {
6865
7053
  triggerRefreshSymbol();
6866
7054
  }, FARCASTER_STATUS_INTERVAL);
6867
7055
  }, [triggerRefreshSymbol]);
6868
- const stopStatusListener = useCallback11(() => {
7056
+ const stopStatusListener = useCallback13(() => {
6869
7057
  clearInterval(intervalRef.current);
6870
7058
  }, []);
6871
7059
  useEffect13(() => {
6872
7060
  startStatusListener();
6873
7061
  return () => stopStatusListener();
6874
7062
  }, []);
6875
- const check = useCallback11(async () => {
7063
+ const check = useCallback13(async () => {
6876
7064
  if (!channelToken || !initalChainid) return;
6877
7065
  const { isCompleted, fcMeta } = await getFcConnectionStatus(channelToken);
6878
7066
  if (!isCompleted) return;
@@ -7034,13 +7222,13 @@ import React99, { useState as useState22, useRef as useRef7 } from "react";
7034
7222
  import React63 from "react";
7035
7223
 
7036
7224
  // src/components/FunSkeletonLoader/FunSkeletonLoader.css.ts
7037
- var animateSkeletonClass = "dj0x602 _1rsrm2fm2";
7225
+ var animateSkeletonClass = "dj0x602 _1rsrm2fm8";
7038
7226
  var circleSkeletonClass = "dj0x603";
7039
7227
 
7040
7228
  // src/components/FunSkeletonLoader/FunSkeletonBlock.tsx
7041
7229
  function FunSkeletonBlock({
7042
7230
  width = "full",
7043
- borderRadius = "4",
7231
+ borderRadius = "skeleton",
7044
7232
  height,
7045
7233
  ...props
7046
7234
  }) {
@@ -7549,7 +7737,7 @@ var CombinedCreditCardOptionsIcon = () => {
7549
7737
 
7550
7738
  // src/components/FunConnectOptions/FunSignInStep.tsx
7551
7739
  import { groupBy, isMobile as isMobile4, isSafari as isSafari3, redirectInMobile as redirectInMobile2 } from "@funkit/utils";
7552
- import React92, { Fragment, useCallback as useCallback17, useMemo as useMemo10, useState as useState21 } from "react";
7740
+ import React92, { Fragment, useCallback as useCallback19, useMemo as useMemo10, useState as useState21 } from "react";
7553
7741
 
7554
7742
  // src/providers/walletConnectDeepLink.ts
7555
7743
  var storageKey2 = "WALLETCONNECT_DEEPLINK_CHOICE";
@@ -7654,9 +7842,9 @@ var SearchIcon = () => {
7654
7842
 
7655
7843
  // src/components/FunInput/FunInput.css.ts
7656
7844
  var baseWrapperStyles = "zue0i60";
7657
- var inputClass = "zue0i63 _1rsrm2fe7 _1rsrm2fby _1rsrm2fcp _1rsrm2fdg _1rsrm2f1ek";
7658
- var inputClassDisabled = "zue0i65 _1rsrm2fe7 _1rsrm2fby _1rsrm2fcp _1rsrm2fdg _1rsrm2f1g2";
7659
- var inputClassError = "zue0i67 _1rsrm2fe7 _1rsrm2fby _1rsrm2fcp _1rsrm2fdg _1rsrm2f1aq";
7845
+ var inputClass = "zue0i63 _1rsrm2fed _1rsrm2fc4 _1rsrm2fcv _1rsrm2fdm _1rsrm2f1f2";
7846
+ var inputClassDisabled = "zue0i65 _1rsrm2fed _1rsrm2fc4 _1rsrm2fcv _1rsrm2fdm _1rsrm2f1gk";
7847
+ var inputClassError = "zue0i67 _1rsrm2fed _1rsrm2fc4 _1rsrm2fcv _1rsrm2fdm _1rsrm2f1b8";
7660
7848
  var numberInputResetStyle = "zue0i61";
7661
7849
 
7662
7850
  // src/components/FunInput/FunInput.tsx
@@ -7811,7 +7999,7 @@ function FunBadge({
7811
7999
  paddingLeft = "6",
7812
8000
  paddingRight = "6",
7813
8001
  paddingY = "2",
7814
- borderRadius = "4",
8002
+ borderRadius = "badge",
7815
8003
  borderColor,
7816
8004
  shadow,
7817
8005
  iconSrc
@@ -7857,7 +8045,6 @@ var NewTokenBadge = ({ iconSymbol }) => {
7857
8045
  paddingLeft: tokenIcon ? "2" : "5",
7858
8046
  paddingRight: "5",
7859
8047
  paddingY: "0",
7860
- borderRadius: "30",
7861
8048
  weight: "semibold",
7862
8049
  shadow: "0px 1px 1px 0px rgba(0, 0, 0, 0.02)"
7863
8050
  },
@@ -7946,6 +8133,7 @@ var ModalSelection = ({
7946
8133
  recent && /* @__PURE__ */ React74.createElement(
7947
8134
  FunBadge,
7948
8135
  {
8136
+ borderRadius: "smallBadge",
7949
8137
  background: currentlySelected ? "accentColorForeground" : void 0
7950
8138
  },
7951
8139
  "Recent"
@@ -8211,7 +8399,7 @@ var SocialsIcon = () => {
8211
8399
  };
8212
8400
 
8213
8401
  // src/components/FunConnectOptions/FunConnectOptions.tsx
8214
- import React91, { useCallback as useCallback16, useMemo as useMemo9, useState as useState20 } from "react";
8402
+ import React91, { useCallback as useCallback18, useMemo as useMemo9, useState as useState20 } from "react";
8215
8403
 
8216
8404
  // src/components/FunConnectOptions/FunConnectResultStep.tsx
8217
8405
  import React81, { useEffect as useEffect15 } from "react";
@@ -8462,16 +8650,16 @@ var FunConnectResultStep = ({
8462
8650
 
8463
8651
  // src/components/FunConnectOptions/FunFarcasterConnectingStep.tsx
8464
8652
  import { isMobile as isMobile3, isSafari as isSafari2, redirectInMobile } from "@funkit/utils";
8465
- import React85, { useCallback as useCallback13, useEffect as useEffect17 } from "react";
8653
+ import React85, { useCallback as useCallback15, useEffect as useEffect17 } from "react";
8466
8654
 
8467
8655
  // src/components/CopyAddress/OldCopyAddressButton.tsx
8468
8656
  import React84 from "react";
8469
8657
 
8470
8658
  // src/hooks/useCopyToClipboard.ts
8471
- import { useCallback as useCallback12, useEffect as useEffect16, useState as useState17 } from "react";
8659
+ import { useCallback as useCallback14, useEffect as useEffect16, useState as useState17 } from "react";
8472
8660
  var useCopyToClipboard = (text) => {
8473
8661
  const [copied, setCopied] = useState17(false);
8474
- const copy = useCallback12(() => {
8662
+ const copy = useCallback14(() => {
8475
8663
  if (text) {
8476
8664
  navigator.clipboard.writeText(text);
8477
8665
  setCopied(true);
@@ -8559,7 +8747,7 @@ function FunFarcasterConnectingStep({
8559
8747
  }
8560
8748
  }, [farcasterUri, mobile, safari]);
8561
8749
  useSIWFarcasterListener(farcasterToken);
8562
- const svgUrl = useCallback13(async () => {
8750
+ const svgUrl = useCallback15(async () => {
8563
8751
  return (await import("./farcaster-MF6WINBA.js")).default;
8564
8752
  }, []);
8565
8753
  const promptText = mobile ? "To sign in with Farcaster, please open the Warpcast app." : "Scan this QR code or open the link with your mobile phone.";
@@ -8607,11 +8795,11 @@ function FunFarcasterConnectingStep({
8607
8795
 
8608
8796
  // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
8609
8797
  import { isNotNullish as isNotNullish5 } from "@funkit/utils";
8610
- import React88, { useCallback as useCallback15, useEffect as useEffect19, useState as useState19 } from "react";
8798
+ import React88, { useCallback as useCallback17, useEffect as useEffect19, useState as useState19 } from "react";
8611
8799
 
8612
8800
  // src/components/FunInput/FunTwoFaInput.tsx
8613
8801
  import React86, {
8614
- useCallback as useCallback14,
8802
+ useCallback as useCallback16,
8615
8803
  useEffect as useEffect18,
8616
8804
  useRef as useRef6,
8617
8805
  useState as useState18
@@ -8638,12 +8826,12 @@ var FunTwoFaInput = ({
8638
8826
  setFocusIndex(0);
8639
8827
  }
8640
8828
  }, [value]);
8641
- const ensureFocus = useCallback14((nextIndex) => {
8829
+ const ensureFocus = useCallback16((nextIndex) => {
8642
8830
  setTimeout(() => {
8643
8831
  inputRefs.current[nextIndex]?.focus();
8644
8832
  }, 10);
8645
8833
  }, []);
8646
- const handleBackspace = useCallback14(
8834
+ const handleBackspace = useCallback16(
8647
8835
  (index) => {
8648
8836
  if (index === maxInputLength - 1 && value.length === maxInputLength) {
8649
8837
  onChange(value.slice(0, index));
@@ -8667,7 +8855,7 @@ var FunTwoFaInput = ({
8667
8855
  },
8668
8856
  [currentLength, initialInputLength, maxInputLength, onChange, value]
8669
8857
  );
8670
- const handleChange = useCallback14(
8858
+ const handleChange = useCallback16(
8671
8859
  (changeEvent) => {
8672
8860
  changeEvent.stopPropagation();
8673
8861
  const nativeEvent = changeEvent.nativeEvent;
@@ -8830,7 +9018,7 @@ var FunWeb2ConnectingStep = ({
8830
9018
  useEffect19(() => {
8831
9019
  clearLoginError();
8832
9020
  }, []);
8833
- const handleOtpComplete = useCallback15(
9021
+ const handleOtpComplete = useCallback17(
8834
9022
  async (finalOtpInput) => {
8835
9023
  if (isNotNullish5(initialChainId)) {
8836
9024
  await handleFunkitWeb2Login({
@@ -8975,7 +9163,7 @@ function FunConnectOptions({
8975
9163
  const { loginConfig } = useFunkitConfig();
8976
9164
  const prioritizedLoginType = loginConfig.prioritizedLogin;
8977
9165
  const hasSecondarySignIn = prioritizedLoginType !== "none" && loginConfig.web2 && loginConfig.web3;
8978
- const changeStep = useCallback16((newStep) => {
9166
+ const changeStep = useCallback18((newStep) => {
8979
9167
  setStep(newStep);
8980
9168
  if (isSignIn(newStep)) {
8981
9169
  setSelectedWallet(void 0);
@@ -8983,7 +9171,7 @@ function FunConnectOptions({
8983
9171
  }
8984
9172
  }, []);
8985
9173
  const { animation, navigateTo } = useAnimatedNavigation(changeStep);
8986
- const handleBackToSignIn = useCallback16(
9174
+ const handleBackToSignIn = useCallback18(
8987
9175
  (type) => {
8988
9176
  const isPrimary = !hasSecondarySignIn || type === prioritizedLoginType;
8989
9177
  navigateTo(
@@ -8994,7 +9182,7 @@ function FunConnectOptions({
8994
9182
  [navigateTo, hasSecondarySignIn, prioritizedLoginType]
8995
9183
  );
8996
9184
  const walletConnectors = usePreparedWalletConnectors();
8997
- const onRegenerateQrCode = useCallback16(
9185
+ const onRegenerateQrCode = useCallback18(
8998
9186
  async (wallet) => {
8999
9187
  const sWallet = walletConnectors.find((w) => wallet.id === w.id);
9000
9188
  const uri = await sWallet?.getQrCodeUri?.();
@@ -9002,7 +9190,7 @@ function FunConnectOptions({
9002
9190
  },
9003
9191
  [walletConnectors]
9004
9192
  );
9005
- const connectToWallet = useCallback16(
9193
+ const connectToWallet = useCallback18(
9006
9194
  async (wallet) => {
9007
9195
  if (!wallet.ready) return;
9008
9196
  try {
@@ -9019,7 +9207,7 @@ function FunConnectOptions({
9019
9207
  },
9020
9208
  [changeStep, onRegenerateQrCode]
9021
9209
  );
9022
- const handleRetry = useCallback16(() => {
9210
+ const handleRetry = useCallback18(() => {
9023
9211
  if (!selectedWallet || selectedWallet.id === FUNKIT_CONNECT_WALLET_ID) {
9024
9212
  handleBackToSignIn("web2");
9025
9213
  } else {
@@ -9275,7 +9463,7 @@ function FunSignInStep({
9275
9463
  changeStep(3 /* PENDING_WALLET */);
9276
9464
  }
9277
9465
  };
9278
- const handleEmailSubmit = useCallback17(async () => {
9466
+ const handleEmailSubmit = useCallback19(async () => {
9279
9467
  if (!isEmailInputValid) return;
9280
9468
  try {
9281
9469
  const { success, error } = await handleSendOtpEmail(emailInput);
@@ -9786,7 +9974,7 @@ import React101, { useMemo as useMemo11 } from "react";
9786
9974
  // src/components/FunCountdown/FunCountdown.tsx
9787
9975
  import { noop as noop2 } from "@funkit/utils";
9788
9976
  import { AnimatePresence, motion } from "motion/react";
9789
- import React100, { useCallback as useCallback18, useEffect as useEffect21, useState as useState23 } from "react";
9977
+ import React100, { useCallback as useCallback20, useEffect as useEffect21, useState as useState23 } from "react";
9790
9978
 
9791
9979
  // src/hooks/useInterval.ts
9792
9980
  import { useEffect as useEffect20, useRef as useRef8 } from "react";
@@ -9806,8 +9994,8 @@ function useInterval(callback, delay) {
9806
9994
  }
9807
9995
 
9808
9996
  // src/components/FunCountdown/FunCountdown.css.ts
9809
- var backgroundRing = "_1t0bc111 _1rsrm2f1b8";
9810
- var counterRing = "_1t0bc113 _1rsrm2f19e";
9997
+ var backgroundRing = "_1t0bc111 _1rsrm2f1bq";
9998
+ var counterRing = "_1t0bc113 _1rsrm2f19w";
9811
9999
 
9812
10000
  // src/components/FunCountdown/FunCountdown.tsx
9813
10001
  var FunCountdown = ({
@@ -9840,7 +10028,7 @@ var FunCountdown = ({
9840
10028
  const onCountdownEndedOnce = useEffectEvent(onCountdownEnded);
9841
10029
  const onBeforeCountdownEndsOnce = useEffectEvent(onBeforeCountdownEnds);
9842
10030
  const onCountdownLastSecondOnce = useEffectEvent(onCountdownLastSecond);
9843
- const handleInterval = useCallback18(() => {
10031
+ const handleInterval = useCallback20(() => {
9844
10032
  if (isPaused) return;
9845
10033
  setRemainingSeconds((prev) => prev > 0 ? prev - 1 : prev);
9846
10034
  }, [isPaused]);
@@ -9957,13 +10145,14 @@ var FunCountdown = ({
9957
10145
  };
9958
10146
 
9959
10147
  // src/hooks/useCheckoutTimeEstimate.ts
9960
- import { FlagKey as FlagKey5 } from "@funkit/utils";
9961
- function useCheckoutTimeEstimate(originalTimeEstimationMs, paymentMethod = "card" /* CARD */) {
9962
- const timeEstimatesJsonString = useFlag(FlagKey5.CheckoutTimeEstimateOverrides);
10148
+ import { FlagKey as FlagKey6 } from "@funkit/utils";
10149
+ function useCheckoutTimeEstimate(originalTimeEstimationMs, paymentMethod = "card" /* CARD */, bypassFlag = false) {
10150
+ const timeEstimatesJsonString = useFlag(FlagKey6.CheckoutTimeEstimateOverrides);
9963
10151
  const timeEstimates = safeJSONParse(
9964
10152
  timeEstimatesJsonString
9965
10153
  );
9966
- if (!timeEstimates || !timeEstimates?.[paymentMethod]) {
10154
+ const hasFlagEstimate = !!timeEstimates?.[paymentMethod];
10155
+ if (bypassFlag || !hasFlagEstimate) {
9967
10156
  return Math.ceil((originalTimeEstimationMs || 0) / 1e3);
9968
10157
  }
9969
10158
  return timeEstimates[paymentMethod];
@@ -10107,7 +10296,7 @@ function FunCheckoutHistoryDetail({
10107
10296
  useCheckoutHistoryListener(isProcessing, checkoutHistoryInfo?.depositAddr);
10108
10297
  useWalletAssets({ enableRefetchInterval: isProcessing || isCompleted });
10109
10298
  const { beginCheckout } = useFunkitCheckout({});
10110
- const handleNewCheckout = useCallback19(
10299
+ const handleNewCheckout = useCallback21(
10111
10300
  (fromCheckout) => {
10112
10301
  onClose({ isNewDeposit: true });
10113
10302
  const historicalCheckout = fromCheckout.clientMetadata;
@@ -10305,7 +10494,7 @@ function FunTextAreaInput({
10305
10494
  // src/components/Dropdown/BaseDropdown.tsx
10306
10495
  import { isMobile as isMobile5, noop as noop3 } from "@funkit/utils";
10307
10496
  import { AnimatePresence as AnimatePresence2, motion as motion3 } from "motion/react";
10308
- import React109, { useCallback as useCallback20, useMemo as useMemo13, useState as useState25 } from "react";
10497
+ import React109, { useCallback as useCallback22, useMemo as useMemo13, useState as useState25 } from "react";
10309
10498
 
10310
10499
  // src/components/FunNoResults/FunNoResults.tsx
10311
10500
  import React105 from "react";
@@ -10470,8 +10659,8 @@ var AnimatedCaretDownIcon = ({
10470
10659
  var baseStyles2 = "_1dewiqw0";
10471
10660
 
10472
10661
  // src/components/Dropdown/BaseDropdown.css.ts
10473
- var BORDER_RADIUS = "connectButton";
10474
- var baseDropdownItemWrapperStyles = "_1nns6ys1 _1rsrm2fj";
10662
+ var BORDER_RADIUS = "dropdown";
10663
+ var baseDropdownItemWrapperStyles = "_1nns6ys1 _1rsrm2f16";
10475
10664
 
10476
10665
  // src/components/Dropdown/BaseActiveDropdownItem.tsx
10477
10666
  function BaseActiveDropdownItem({
@@ -10592,7 +10781,7 @@ function BaseDropdown({
10592
10781
  ),
10593
10782
  [options, searchInput]
10594
10783
  );
10595
- const closeDropdown = useCallback20(() => {
10784
+ const closeDropdown = useCallback22(() => {
10596
10785
  setIsOpened(false);
10597
10786
  resetSearchOnClose && setSearchInput("");
10598
10787
  }, [resetSearchOnClose]);
@@ -11365,7 +11554,7 @@ import clsx12 from "clsx";
11365
11554
  import React119, { useMemo as useMemo15 } from "react";
11366
11555
 
11367
11556
  // src/components/FunAssetAvatar/FunAssetAvatar.css.ts
11368
- var chainContainerStyle = "uwrdc22 _1rsrm2f13 _1rsrm2fa _1rsrm2f4 _1rsrm2f3u";
11557
+ var chainContainerStyle = "uwrdc22 _1rsrm2f17 _1rsrm2fa _1rsrm2f4 _1rsrm2f40";
11369
11558
  var containerStyle = "uwrdc20";
11370
11559
 
11371
11560
  // src/components/FunAssetAvatar/FunAssetAvatar.tsx
@@ -11480,7 +11669,7 @@ var RedRoundErrorCross = ({ size = 15 }) => {
11480
11669
 
11481
11670
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.css.ts
11482
11671
  var baseStyles3 = "ukct4t4";
11483
- var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f11q _1rsrm2fyj", defaultBackground: "_1rsrm2fnq _1rsrm2fk4", hoverBackground: "_1rsrm2fjl" };
11672
+ var homeCheckoutDisplayRowStyle = { defaultBorder: "ukct4t1 _1rsrm2f122 _1rsrm2fyv", defaultBackground: "_1rsrm2fnw _1rsrm2fka", hoverBackground: "_1rsrm2fjr" };
11484
11673
 
11485
11674
  // src/modals/ProfileDetails/FunProfileViews/Home/HomeCheckoutDisplayRow.tsx
11486
11675
  var TEXT_SIZE_MEDIUM = "13";
@@ -11775,7 +11964,7 @@ var HomeTokenBalanceDisplayRowSkeleton = () => {
11775
11964
 
11776
11965
  // src/modals/ProfileDetails/FunProfileViews/Home/ProfileTitleSection.tsx
11777
11966
  import React125 from "react";
11778
- import { useCallback as useCallback21, useState as useState28 } from "react";
11967
+ import { useCallback as useCallback23, useState as useState28 } from "react";
11779
11968
 
11780
11969
  // src/components/Icons/LogoutIcon.tsx
11781
11970
  import React123 from "react";
@@ -11843,7 +12032,7 @@ var ProfileTitleSection = ({
11843
12032
  }) => {
11844
12033
  const { apiKey } = useFunkitConfig();
11845
12034
  const [isDisconnectExpanded, setIsDisconnectExpanded] = useState28(false);
11846
- const collapseDisconnect = useCallback21(
12035
+ const collapseDisconnect = useCallback23(
11847
12036
  () => setIsDisconnectExpanded(false),
11848
12037
  []
11849
12038
  );
@@ -12199,13 +12388,13 @@ function ProfileDetails({ onClose, defaultTab }) {
12199
12388
  const [singleActivityPage, setSingleActivityPage] = useState30(
12200
12389
  selectedPurchaseInitView ?? "detail" /* DETAIL */
12201
12390
  );
12202
- const resetView = useCallback22(() => {
12391
+ const resetView = useCallback24(() => {
12203
12392
  setView(returnView ?? 0 /* HOME */);
12204
12393
  setSelectedHomeTab("checkouts" /* CHECKOUTS */);
12205
12394
  resetActivityTraversal();
12206
12395
  }, [resetActivityTraversal, returnView]);
12207
12396
  const { animation, animate } = useAnimatedNavigation(void 0);
12208
- const onSelectActivityWrapper = useCallback22(
12397
+ const onSelectActivityWrapper = useCallback24(
12209
12398
  (activity) => {
12210
12399
  onSelectActivity({
12211
12400
  ...activity,
@@ -12242,7 +12431,7 @@ function ProfileDetails({ onClose, defaultTab }) {
12242
12431
  const isHelpPage = singleActivityPage === "help" /* HELP */;
12243
12432
  const isCheckoutDetailView = isSingleActivityView && singleActivityPage === "detail" /* DETAIL */;
12244
12433
  const withDivider = isSingleActivityView ? isHelpPage ? "scroll" : "always" : void 0;
12245
- const handleHelp = useCallback22(() => {
12434
+ const handleHelp = useCallback24(() => {
12246
12435
  animate(() => setSingleActivityPage("help" /* HELP */));
12247
12436
  }, [animate]);
12248
12437
  const { onScroll, topbar, withTopDivider } = useCustomStatusAnimationAboveTopbar({
@@ -12453,7 +12642,7 @@ function ChainLineItem({
12453
12642
  !hideChainName ? /* @__PURE__ */ React133.createElement("div", null, chainItem.name) : null
12454
12643
  );
12455
12644
  }
12456
- var Chain3 = ({
12645
+ var Chain2 = ({
12457
12646
  chainId,
12458
12647
  currentChainId,
12459
12648
  switchChain,
@@ -12515,7 +12704,7 @@ var Chain3 = ({
12515
12704
  ))
12516
12705
  ), mobile && idx < funkitConnectChains.length - 1 && /* @__PURE__ */ React133.createElement(Box, { background: "generalBorderDim", height: "1", marginX: "8" }));
12517
12706
  };
12518
- var Chain_default = Chain3;
12707
+ var Chain_default = Chain2;
12519
12708
 
12520
12709
  // src/modals/ChainModal/ChainModal.css.ts
12521
12710
  var DesktopScrollClassName = "_1d2b1vf0";
@@ -12644,12 +12833,12 @@ function ChainModal({ onClose, open }) {
12644
12833
  import React214 from "react";
12645
12834
 
12646
12835
  // src/components/DydxSwitchModalTab/DydxSwitchModalTab.tsx
12647
- import React136, { useCallback as useCallback23 } from "react";
12836
+ import React136, { useCallback as useCallback25 } from "react";
12648
12837
 
12649
12838
  // src/hooks/useFunkitMaxCheckoutUsdInfo.ts
12650
- import { FlagKey as FlagKey6, formatCurrencyAndStringify as formatCurrencyAndStringify4 } from "@funkit/utils";
12839
+ import { FlagKey as FlagKey7, formatCurrencyAndStringify as formatCurrencyAndStringify4 } from "@funkit/utils";
12651
12840
  var useFunkitMaxCheckoutUsdInfo = () => {
12652
- const maxCheckoutUsd = Number(useFlag(FlagKey6.MaxCheckoutUsd));
12841
+ const maxCheckoutUsd = Number(useFlag(FlagKey7.MaxCheckoutUsd));
12653
12842
  const limitText = maxCheckoutUsd === Number.MAX_VALUE ? "no" : formatCurrencyAndStringify4(maxCheckoutUsd, {
12654
12843
  decimalPrecisionForSuffix: 0,
12655
12844
  minimumSignificantDigits: 0,
@@ -12758,7 +12947,7 @@ function DydxSwitchTab({
12758
12947
  }) {
12759
12948
  const { limitLabel } = useFunkitMaxCheckoutUsdInfo();
12760
12949
  const { apiKey } = useFunkitConfig();
12761
- const handleSwitch = useCallback23(() => {
12950
+ const handleSwitch = useCallback25(() => {
12762
12951
  onSwitch?.();
12763
12952
  onClose?.();
12764
12953
  }, [onSwitch, onClose]);
@@ -12796,7 +12985,7 @@ import React138, {
12796
12985
  useMemo as useMemo17,
12797
12986
  useState as useState31
12798
12987
  } from "react";
12799
- import { FlagKey as FlagKey7 } from "@funkit/utils";
12988
+ import { FlagKey as FlagKey8 } from "@funkit/utils";
12800
12989
 
12801
12990
  // src/providers/FunkitSandboxContext.tsx
12802
12991
  import { createContext as createContext13, useContext as useContext13 } from "react";
@@ -12878,7 +13067,7 @@ function useFunkitUserIp() {
12878
13067
  if (!userIpInfo) {
12879
13068
  return true;
12880
13069
  }
12881
- const blockedList = getFlag(FlagKey7.BlockedCountries, ALL_MATCH).split(",");
13070
+ const blockedList = getFlag(FlagKey8.BlockedCountries, ALL_MATCH).split(",");
12882
13071
  return isCountryBlocked(blockedList, userIpInfo);
12883
13072
  }, [getFlag, isLoadingFlags, isLoadingGeoCheck, userIpInfo]);
12884
13073
  return {
@@ -12938,7 +13127,7 @@ var FunNotificationShowMoreButton = ({
12938
13127
  import {
12939
13128
  getCheckoutsByUserId as getCheckoutsByUserId2
12940
13129
  } from "@funkit/api-base";
12941
- import { FlagKey as FlagKey8 } from "@funkit/utils";
13130
+ import { FlagKey as FlagKey9 } from "@funkit/utils";
12942
13131
  import { useQuery as useQuery4 } from "@tanstack/react-query";
12943
13132
  var hasCorrectPaymentMethod = (checkout, paymentMethod) => {
12944
13133
  if (!paymentMethod) return true;
@@ -12947,7 +13136,7 @@ var hasCorrectPaymentMethod = (checkout, paymentMethod) => {
12947
13136
  var isRecent = (checkout, timestampCutoff) => checkout.createdTimeMs > timestampCutoff;
12948
13137
  var DEFAULT_CUTOFF = 7 * 24 * 60 * 60 * 1e3;
12949
13138
  function useCheckoutRefreshInterval() {
12950
- const str = useFlag(FlagKey8.CheckoutNotificationsRefreshInterval);
13139
+ const str = useFlag(FlagKey9.CheckoutNotificationsRefreshInterval);
12951
13140
  return safeJSONParse(str) || { listRefresh: 50 * 1e3, itemRefresh: 5 * 1e3 };
12952
13141
  }
12953
13142
  var useRecentCheckouts = ({
@@ -12986,19 +13175,19 @@ import React141, { useState as useState32 } from "react";
12986
13175
  import clsx16 from "clsx";
12987
13176
 
12988
13177
  // src/components/FunNotificationBanner/FunNotificationBanner.css.ts
12989
- var notificationBannerStyle = "_1rsrm2feo _1rsrm2fp _1rsrm2fj8 _1rsrm2f18q";
12990
- var showMoreButtonStyle = "_4yitd93 _1rsrm2fvq _1rsrm2f17 _1rsrm2f14 _1rsrm2fj8 _1rsrm2fjl _1rsrm2fft";
13178
+ var notificationBannerStyle = "_1rsrm2feu _1rsrm2fp _1rsrm2fje _1rsrm2f198";
13179
+ var showMoreButtonStyle = "_4yitd93 _1rsrm2fw2 _1rsrm2f1d _1rsrm2f1a _1rsrm2fje _1rsrm2fjr _1rsrm2ffz";
12991
13180
 
12992
13181
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
12993
13182
  import clsx15 from "clsx";
12994
13183
  import { motion as motion4, useAnimate } from "motion/react";
12995
- import React140, { useCallback as useCallback24, useEffect as useEffect26, useRef as useRef13 } from "react";
13184
+ import React140, { useCallback as useCallback26, useEffect as useEffect26, useRef as useRef13 } from "react";
12996
13185
 
12997
13186
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.css.ts
12998
13187
  var STATUS_SPINNER_BOTTOM_POSITION = -5;
12999
13188
  var shadowStyle = "_1i8t3xj0";
13000
13189
  var statusIcon = "_1i8t3xj3 _1i8t3xj0";
13001
- var statusIconWrapper = "_1i8t3xj2 _1rsrm2fj8 _1rsrm2f13";
13190
+ var statusIconWrapper = "_1i8t3xj2 _1rsrm2fje _1rsrm2f17";
13002
13191
  var statusSpinner = "_1i8t3xj4 qe221a3";
13003
13192
 
13004
13193
  // src/components/FunNotificationBanner/FunNotificationBannerIcon.tsx
@@ -13241,7 +13430,7 @@ var FunNotificationBannerIcon = ({
13241
13430
  fallbackIconUrl = FALLBACK_ASSET
13242
13431
  }) => {
13243
13432
  const [animationScope, animate] = useAnimate();
13244
- const triggerAnimationProcessingToCompleted = useCallback24(async () => {
13433
+ const triggerAnimationProcessingToCompleted = useCallback26(async () => {
13245
13434
  const completedIconPath = document.querySelector(
13246
13435
  `.${generateAnimationPrefixClassName("icon-wrapper-completed")} path`
13247
13436
  );
@@ -13348,7 +13537,7 @@ var FunNotificationBannerIcon = ({
13348
13537
  )
13349
13538
  ]);
13350
13539
  }, [animate]);
13351
- const triggerAnimationDelayedToFailed = useCallback24(async () => {
13540
+ const triggerAnimationDelayedToFailed = useCallback26(async () => {
13352
13541
  await Promise.all([
13353
13542
  animate(
13354
13543
  `.${generateAnimationPrefixClassName("icon-wrapper")}`,
@@ -13843,7 +14032,7 @@ var getUpdatedCheckouts = (checkouts, initialCheckouts) => {
13843
14032
 
13844
14033
  // src/modals/CheckoutModal/stepTransition.ts
13845
14034
  import {
13846
- useCallback as useCallback39,
14035
+ useCallback as useCallback41,
13847
14036
  useRef as useRef21,
13848
14037
  useState as useState59
13849
14038
  } from "react";
@@ -13852,10 +14041,10 @@ import {
13852
14041
  import { useMemo as useMemo19 } from "react";
13853
14042
 
13854
14043
  // src/providers/FunkitQuoteContext.tsx
13855
- import { FlagKey as FlagKey9, isNotNullish as isNotNullish8 } from "@funkit/utils";
14044
+ import { FlagKey as FlagKey10, isNotNullish as isNotNullish8 } from "@funkit/utils";
13856
14045
  import React144, {
13857
14046
  createContext as createContext15,
13858
- useCallback as useCallback25,
14047
+ useCallback as useCallback27,
13859
14048
  useContext as useContext15,
13860
14049
  useEffect as useEffect28,
13861
14050
  useState as useState34
@@ -13929,13 +14118,12 @@ function generateQuoteApiErrorForDisplay(err) {
13929
14118
 
13930
14119
  // src/domains/quote.ts
13931
14120
  import {
13932
- getCheckoutQuote as getApiCheckoutQuote,
13933
- getAssetPriceInfo as getAssetPriceInfo3
14121
+ getCheckoutQuote as getApiCheckoutQuote
13934
14122
  } from "@funkit/api-base";
13935
14123
 
13936
14124
  // src/domains/fees.ts
13937
14125
  import {
13938
- getAssetPriceInfo as getAssetPriceInfo2,
14126
+ getAssetPriceInfo as getAssetPriceInfo3,
13939
14127
  getMoonpayBuyQuoteForCreditCard,
13940
14128
  meshPreviewTransfer,
13941
14129
  meshPreviewTransferProxy
@@ -14003,7 +14191,7 @@ async function evaluateAccountWalletFees({
14003
14191
  getGasPrice(wagmiConfig, {
14004
14192
  chainId: Number(selectedSourceAssetInfo.chainId)
14005
14193
  }),
14006
- getAssetPriceInfo2({
14194
+ getAssetPriceInfo3({
14007
14195
  chainId: selectedSourceAssetInfo.chainId,
14008
14196
  assetTokenAddress: NATIVE_TOKEN,
14009
14197
  apiKey,
@@ -14134,8 +14322,7 @@ function evaluateFeeBreakdown(evalItem, enableFrogProxyServer) {
14134
14322
  }
14135
14323
 
14136
14324
  // src/domains/quote.ts
14137
- var ONE_MINUTE_MS = 6e4;
14138
- async function getCheckoutBaseQuote(checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, wagmiConfig) {
14325
+ async function getCheckoutBaseQuote(checkoutItem, userId, walletAddress, apiKey, sponsorInitialTransferGasLimit, wagmiConfig, directExecutionInfo) {
14139
14326
  const toChainId = checkoutItem.initSettings.config.targetChain;
14140
14327
  const toTokenAddress = checkoutItem.initSettings.config.targetAsset;
14141
14328
  const fromChainId = checkoutItem.selectedSourceAssetInfo.chainId;
@@ -14145,14 +14332,17 @@ async function getCheckoutBaseQuote(checkoutItem, userId, walletAddress, apiKey,
14145
14332
  getTokenDecimals(wagmiConfig, fromChainId, fromTokenAddress)
14146
14333
  ]);
14147
14334
  const toTokenAmount = checkoutItem.initSettings.config.targetAssetAmount ?? 0;
14148
- const isDirectExecution = isDirectExecutionFlow({ checkoutItem, apiKey });
14149
- const baseQuote = isDirectExecution ? await getDirectExecutionBaseQuote({
14335
+ const baseQuote = directExecutionInfo.isDirectExecution ? await directExecutionInfo.getDirectExecutionQuote({
14150
14336
  toChainId,
14151
14337
  toTokenAddress,
14152
14338
  toTokenAmount,
14153
14339
  toTokenDecimals,
14340
+ fromChainId,
14154
14341
  fromTokenAddress,
14155
- apiKey
14342
+ recipientAddress: getCheckoutRecipient({
14343
+ config: checkoutItem.initSettings.config,
14344
+ walletAddress
14345
+ })
14156
14346
  }) : await getApiCheckoutQuote({
14157
14347
  userId,
14158
14348
  fromChainId,
@@ -14180,39 +14370,6 @@ async function getCheckoutBaseQuote(checkoutItem, userId, walletAddress, apiKey,
14180
14370
  logger.log("baseQuote", baseQuote);
14181
14371
  return baseQuote;
14182
14372
  }
14183
- async function getDirectExecutionBaseQuote({
14184
- toChainId,
14185
- toTokenAddress,
14186
- toTokenAmount,
14187
- toTokenDecimals,
14188
- fromTokenAddress,
14189
- apiKey
14190
- }) {
14191
- const { unitPrice } = await getAssetPriceInfo3({
14192
- apiKey,
14193
- chainId: toChainId,
14194
- assetTokenAddress: toTokenAddress
14195
- });
14196
- const estTotalUsd = toTokenAmount * unitPrice;
14197
- const toAmountBaseUnit = (toTokenAmount * 10 ** toTokenDecimals).toFixed();
14198
- return {
14199
- quoteId: "dummy-quote-id",
14200
- estTotalFromAmountBaseUnit: toAmountBaseUnit,
14201
- estSubtotalFromAmountBaseUnit: toAmountBaseUnit,
14202
- estFeesFromAmountBaseUnit: "0",
14203
- fromTokenAddress,
14204
- estFeesUsd: 0,
14205
- estSubtotalUsd: estTotalUsd,
14206
- estTotalUsd,
14207
- estCheckoutTimeMs: 0,
14208
- estMarketMakerGasUsd: 0,
14209
- lpFeePercentage: 0,
14210
- lpFeeUsd: 0,
14211
- estTotalFromAmount: toTokenAmount.toString(),
14212
- estSubtotalFromAmount: toTokenAmount.toString(),
14213
- estFeesFromAmount: "0"
14214
- };
14215
- }
14216
14373
  async function getQuoteFinalEstimation(baseQuote, checkoutItem, newPaymentMethodInfo, wagmiConfig, apiKey, loginType, enableFrogProxyServer) {
14217
14374
  const newFinalDollarValue = baseQuote.estSubtotalUsd;
14218
14375
  const finalFeesBreakdown = await evaluateFeeBreakdown(
@@ -14232,10 +14389,7 @@ async function getQuoteFinalEstimation(baseQuote, checkoutItem, newPaymentMethod
14232
14389
  ["brokerage" /* BROKERAGE */]: MESH_TIME_ESTIMATE_MS,
14233
14390
  ["token_transfer" /* TOKEN_TRANSFER */]: 0
14234
14391
  }[newPaymentMethodInfo.paymentMethod] || 0;
14235
- let finalTimeEstimationMs = baseQuote.estCheckoutTimeMs + additionalTimeMs;
14236
- if (finalTimeEstimationMs < ONE_MINUTE_MS) {
14237
- finalTimeEstimationMs += ONE_MINUTE_MS;
14238
- }
14392
+ const finalTimeEstimationMs = baseQuote.estCheckoutTimeMs + additionalTimeMs;
14239
14393
  logger.log("feesAndTimeEstimations", {
14240
14394
  quoteId: baseQuote.quoteId,
14241
14395
  newFinalDollarValue,
@@ -14305,7 +14459,8 @@ function FunkitQuoteProvider({ children }) {
14305
14459
  const funkitConfig = useFunkitConfig();
14306
14460
  const wagmiConfig = useConfig4();
14307
14461
  const { walletAddress, logoutSymbol, loginType, userInfo } = useGeneralWallet();
14308
- const enableFrogProxyServer = useFlag(FlagKey9.EnableFrogProxyServer);
14462
+ const enableFrogProxyServer = useFlag(FlagKey10.EnableFrogProxyServer);
14463
+ const { getDirectExecutionInfo } = useCheckoutDirectExecution();
14309
14464
  const [latestQuote, setLatestQuote] = useState34(null);
14310
14465
  const [isQuoting, setIsQuoting] = useState34(false);
14311
14466
  const [quoteStepMessage, setQuoteStepMessage] = useState34("");
@@ -14320,7 +14475,7 @@ function FunkitQuoteProvider({ children }) {
14320
14475
  });
14321
14476
  }
14322
14477
  }, [logoutSymbol]);
14323
- const setQuoteProgress = useCallback25(
14478
+ const setQuoteProgress = useCallback27(
14324
14479
  (state) => {
14325
14480
  setQuoteErrorMessage(state.quoteErrorMessage);
14326
14481
  setQuoteStepMessage(state.quoteStepMessage);
@@ -14328,7 +14483,7 @@ function FunkitQuoteProvider({ children }) {
14328
14483
  },
14329
14484
  []
14330
14485
  );
14331
- const clearCheckoutQuoteMessages = useCallback25(() => {
14486
+ const clearCheckoutQuoteMessages = useCallback27(() => {
14332
14487
  setQuoteStepMessage("");
14333
14488
  setQuoteErrorMessage("");
14334
14489
  }, []);
@@ -14361,13 +14516,15 @@ function FunkitQuoteProvider({ children }) {
14361
14516
  });
14362
14517
  let maxTargetAssetAmount;
14363
14518
  try {
14519
+ const directExecutionInfo = getDirectExecutionInfo(newCheckoutItem);
14364
14520
  const baseQuote = await getCheckoutBaseQuote(
14365
14521
  newCheckoutItem,
14366
14522
  userInfo.id,
14367
14523
  walletAddress,
14368
14524
  funkitConfig.apiKey,
14369
14525
  sponsorInitialTransferGasLimit,
14370
- wagmiConfig
14526
+ wagmiConfig,
14527
+ directExecutionInfo
14371
14528
  );
14372
14529
  if (!disableInformationStreaming) {
14373
14530
  setQuoteStepMessage(
@@ -14508,11 +14665,11 @@ import React145 from "react";
14508
14665
  import { noop as noop5 } from "@funkit/utils";
14509
14666
 
14510
14667
  // src/modals/CheckoutModal/CheckoutComplete/useLogCheckoutCompletion.ts
14511
- import { useCallback as useCallback26 } from "react";
14668
+ import { useCallback as useCallback28 } from "react";
14512
14669
  function useLogCheckoutCompletion() {
14513
14670
  const { latestQuote } = useQuoteContext();
14514
14671
  const { checkoutItem } = useCheckoutContext();
14515
- const logCheckoutCompletion = useCallback26(
14672
+ const logCheckoutCompletion = useCallback28(
14516
14673
  (depositAddress) => {
14517
14674
  if (depositAddress) {
14518
14675
  logger.log("checkoutFundingCompleted", {
@@ -14642,11 +14799,12 @@ var UserPresenceProvider = ({ children }) => {
14642
14799
  var useUserPresence = () => useContext16(UserPresenceContext);
14643
14800
 
14644
14801
  // src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
14645
- import { FlagKey as FlagKey14 } from "@funkit/utils";
14802
+ import { DirectExecutionType as DirectExecutionType3 } from "@funkit/api-base";
14803
+ import { FlagKey as FlagKey15 } from "@funkit/utils";
14646
14804
 
14647
14805
  // src/components/FunInfoBanner/FunInfoBanner.tsx
14648
14806
  import React150 from "react";
14649
- import { FlagKey as FlagKey10, safeParseJson as safeParseJson2 } from "@funkit/utils";
14807
+ import { FlagKey as FlagKey11, safeParseJson as safeParseJson2 } from "@funkit/utils";
14650
14808
 
14651
14809
  // src/components/FunInfoBanner/EphemeralInfoBanner.tsx
14652
14810
  import React149, { useState as useState36 } from "react";
@@ -14656,7 +14814,7 @@ import React148 from "react";
14656
14814
 
14657
14815
  // src/components/FunInfoBanner/InfoBanner.css.ts
14658
14816
  var anchorStyle = "vyedix0";
14659
- var iconWrapperStyle = "vyedix2 _1rsrm2ff5 _1rsrm2f32";
14817
+ var iconWrapperStyle = "vyedix2 _1rsrm2ffb _1rsrm2f38";
14660
14818
 
14661
14819
  // src/components/FunInfoBanner/InfoBanner.tsx
14662
14820
  var InfoBanner = ({ message, type }) => {
@@ -14846,7 +15004,7 @@ var EphemeralInfoBanner = ({
14846
15004
 
14847
15005
  // src/components/FunInfoBanner/FunInfoBanner.tsx
14848
15006
  var FunInfoBanner = () => {
14849
- const bannerJson = useFlag(FlagKey10.ShowInfoBanner);
15007
+ const bannerJson = useFlag(FlagKey11.ShowInfoBanner);
14850
15008
  const bannerData = safeParseJson2(bannerJson);
14851
15009
  if (!bannerData || !bannerData.message) return null;
14852
15010
  const { expireAtMs, ...bannerProps } = bannerData;
@@ -14858,7 +15016,10 @@ var FunInfoBanner = () => {
14858
15016
  };
14859
15017
 
14860
15018
  // src/components/FunTransactionSummary/PaymentAmountSummary.tsx
14861
- import { formatCurrencyAndStringify as formatCurrencyAndStringify5 } from "@funkit/utils";
15019
+ import {
15020
+ formatCurrencyAndStringify as formatCurrencyAndStringify5,
15021
+ isTokenAddressEquivalent as isTokenAddressEquivalent5
15022
+ } from "@funkit/utils";
14862
15023
  import NumberFlow from "@number-flow/react";
14863
15024
  import { motion as motion6 } from "motion/react";
14864
15025
  import React151, { useMemo as useMemo20 } from "react";
@@ -14898,15 +15059,23 @@ function PaymentAmountSummary({
14898
15059
  const sourceChainId = sourceAssetInfo?.chainId;
14899
15060
  const areSameChains = sourceChainId === targetChainId;
14900
15061
  const sourceIcon = sourceAssetInfo?.iconSrc ?? void 0;
15062
+ const isSameTokenAddress = isTokenAddressEquivalent5({
15063
+ firstTokenAddress: sourceTokenAddress,
15064
+ secondTokenAddress: targetTokenAddress
15065
+ });
14901
15066
  const showYouWillPaySummary = () => {
14902
15067
  if (isDydxCustomer(apiKey)) {
14903
15068
  return true;
14904
15069
  }
15070
+ const isExactSameToken = areSameChains && isSameTokenAddress;
15071
+ if (isVertexCustomer(apiKey) && !isExactSameToken) {
15072
+ return true;
15073
+ }
14905
15074
  const areSameTokenType = targetAssetTicker !== void 0 && (sourceSymbol.includes(targetAssetTicker) || targetAssetTicker.includes(sourceSymbol));
14906
15075
  if (areSameTokenType) {
14907
15076
  return false;
14908
15077
  }
14909
- return !areSameChains || sourceTokenAddress.toLowerCase() !== targetTokenAddress.toLowerCase();
15078
+ return !isExactSameToken;
14910
15079
  };
14911
15080
  return /* @__PURE__ */ React151.createElement(FunTxSummaryBox, null, showYouWillPaySummary() && /* @__PURE__ */ React151.createElement(React151.Fragment, null, /* @__PURE__ */ React151.createElement(
14912
15081
  PaymentAmountSummaryItem,
@@ -15005,7 +15174,7 @@ import { motion as motion8, useAnimationControls } from "motion/react";
15005
15174
 
15006
15175
  // src/components/FunTooltip/FunTooltip.tsx
15007
15176
  import React153, {
15008
- useCallback as useCallback27,
15177
+ useCallback as useCallback29,
15009
15178
  useEffect as useEffect30,
15010
15179
  useRef as useRef14,
15011
15180
  useState as useState37
@@ -15070,7 +15239,7 @@ var InfoIcon = ({ filled = false }) => {
15070
15239
 
15071
15240
  // src/components/FunTooltip/FunTooltip.css.ts
15072
15241
  var tooltipContainer = "z1l38i0";
15073
- var tooltipStyle = "z1l38i2 _1rsrm2fcl _1rsrm2fdc _1rsrm2fe1 _1rsrm2fbs _1rsrm2fj _1rsrm2fj8 _1rsrm2fye _1rsrm2f14 _1rsrm2f18";
15242
+ var tooltipStyle = "z1l38i2 _1rsrm2fcr _1rsrm2fdi _1rsrm2fe7 _1rsrm2fby _1rsrm2f14 _1rsrm2fje _1rsrm2fyq _1rsrm2f1a _1rsrm2f1e";
15074
15243
  var tooltipStyleCenter = "z1l38i3";
15075
15244
  var tooltipStyleLeft = "z1l38i5";
15076
15245
  var tooltipStyleRight = "z1l38i4";
@@ -15090,11 +15259,11 @@ var FunTooltip = ({
15090
15259
  const [isSafeToRenderInRight, setIsSafeToRenderInRight] = useState37(false);
15091
15260
  const delayRef = useRef14();
15092
15261
  const tooltipRef = useRef14(null);
15093
- const show = useCallback27(() => {
15262
+ const show = useCallback29(() => {
15094
15263
  clearTimeout(delayRef.current);
15095
15264
  setIsDisplayed(true);
15096
15265
  }, []);
15097
- const hide = useCallback27(() => {
15266
+ const hide = useCallback29(() => {
15098
15267
  delayRef.current = setTimeout(() => {
15099
15268
  setIsDisplayed(false);
15100
15269
  }, HIDE_DELAY);
@@ -15185,7 +15354,7 @@ var GasIcon = ({ size = 12 }) => /* @__PURE__ */ React154.createElement(
15185
15354
  );
15186
15355
 
15187
15356
  // src/components/FunTransactionSummary/PaymentFeesSummary.css.ts
15188
- var baseStyles4 = "_1rsrm2f1ew";
15357
+ var baseStyles4 = "_1rsrm2f1fe";
15189
15358
  var expandableStyles = "vkwve32";
15190
15359
  var feeLineHideStyles = "vkwve34";
15191
15360
  var feeLineShowStyles = "vkwve33";
@@ -15591,7 +15760,7 @@ import { ClientError as ClientError2 } from "@funkit/utils";
15591
15760
  import { useState as useState40 } from "react";
15592
15761
 
15593
15762
  // src/hooks/useAutoClearState.ts
15594
- import { useCallback as useCallback28, useEffect as useEffect31, useRef as useRef15, useState as useState39 } from "react";
15763
+ import { useCallback as useCallback30, useEffect as useEffect31, useRef as useRef15, useState as useState39 } from "react";
15595
15764
  function useAutoClearState(initialValue = null) {
15596
15765
  const [state, setState] = useState39(initialValue);
15597
15766
  const timeoutRef = useRef15();
@@ -15604,7 +15773,7 @@ function useAutoClearState(initialValue = null) {
15604
15773
  }, []);
15605
15774
  return [
15606
15775
  state,
15607
- useCallback28((newState, durationMs) => {
15776
+ useCallback30((newState, durationMs) => {
15608
15777
  if (timeoutRef.current) {
15609
15778
  clearTimeout(timeoutRef.current);
15610
15779
  timeoutRef.current = void 0;
@@ -15618,10 +15787,10 @@ function useAutoClearState(initialValue = null) {
15618
15787
  }
15619
15788
 
15620
15789
  // src/hooks/useIsBlacklisted.ts
15621
- import { FlagKey as FlagKey11 } from "@funkit/utils";
15790
+ import { FlagKey as FlagKey12 } from "@funkit/utils";
15622
15791
  import { useMemo as useMemo23 } from "react";
15623
15792
  var useIsBlacklisted = (walletAddress, customRecipient) => {
15624
- const flagStr = useFlag(FlagKey11.AddressBlacklist);
15793
+ const flagStr = useFlag(FlagKey12.AddressBlacklist);
15625
15794
  const blacklist = useMemo23(
15626
15795
  () => safeJSONParse(flagStr)?.map((addr) => addr.toLowerCase()) || [],
15627
15796
  [flagStr]
@@ -15766,11 +15935,11 @@ import { useState as useState42 } from "react";
15766
15935
  import { useEffect as useEffect32, useState as useState41 } from "react";
15767
15936
 
15768
15937
  // src/hooks/useCheckoutAccountBalanceTransfer.ts
15769
- import { useCallback as useCallback29 } from "react";
15938
+ import { useCallback as useCallback31 } from "react";
15770
15939
  function useCheckoutAccountBalanceTransfer() {
15771
15940
  const { checkoutItem } = useCheckoutContext();
15772
15941
  const { funWallet, funWalletAuth } = useGeneralWallet();
15773
- const generateCheckoutTransferOpItems = useCallback29(
15942
+ const generateCheckoutTransferOpItems = useCallback31(
15774
15943
  async (toAddress, tokenAmount) => {
15775
15944
  if (checkoutItem?.selectedSourceAssetInfo?.chainId) {
15776
15945
  const newConfig = getFunkitEnvForCheckoutEstimation({
@@ -15821,7 +15990,7 @@ function useCheckoutAccountBalanceTransfer() {
15821
15990
  // src/hooks/useMesh.tsx
15822
15991
  import { useQuery as useQuery6 } from "@tanstack/react-query";
15823
15992
  import React161, { useMemo as useMemo24 } from "react";
15824
- import { FlagKey as FlagKey12 } from "@funkit/utils";
15993
+ import { FlagKey as FlagKey13 } from "@funkit/utils";
15825
15994
 
15826
15995
  // src/components/FunSelectBrokerage/FunBrokerageItem.tsx
15827
15996
  import React160 from "react";
@@ -15874,7 +16043,7 @@ var FALLBACK_EXCHANGES = [
15874
16043
  var FALLBACK_EXCHANGES_STRING = FALLBACK_EXCHANGES.join(",");
15875
16044
  var useSupportedExchanges = () => {
15876
16045
  const supportedExchangesFlag = useFlag(
15877
- FlagKey12.SupportedExchangesV2,
16046
+ FlagKey13.SupportedExchangesV2,
15878
16047
  FALLBACK_EXCHANGES_STRING
15879
16048
  );
15880
16049
  return useMemo24(() => {
@@ -15970,7 +16139,7 @@ function useMeshAccountHoldings(targetChain, connection) {
15970
16139
  const { apiKey } = useFunkitConfig();
15971
16140
  const { integrations } = useMeshIntegrations();
15972
16141
  const meshDeviceId = getMeshDeviceIdFromLocalStorage();
15973
- const enableFrogProxyServer = useFlag(FlagKey12.EnableFrogProxyServer);
16142
+ const enableFrogProxyServer = useFlag(FlagKey13.EnableFrogProxyServer);
15974
16143
  const query = useQuery6({
15975
16144
  queryKey: [
15976
16145
  {
@@ -16149,13 +16318,13 @@ function useCheckoutQuote({
16149
16318
 
16150
16319
  // src/modals/CheckoutModal/ConfirmationStep/usePostCheckout.tsx
16151
16320
  import { meshPreviewTransfer as meshPreviewTransfer2, meshPreviewTransferProxy as meshPreviewTransferProxy2 } from "@funkit/api-base";
16152
- import { ClientError as ClientError3, FlagKey as FlagKey13, roundUpToXDecimalPlaces as roundUpToXDecimalPlaces3 } from "@funkit/utils";
16321
+ import { ClientError as ClientError3, FlagKey as FlagKey14, roundUpToXDecimalPlaces as roundUpToXDecimalPlaces3 } from "@funkit/utils";
16153
16322
  import React162, { useState as useState43 } from "react";
16154
16323
 
16155
16324
  // src/modals/CheckoutModal/ConfirmationStep/useAccountBalanceTransfer.ts
16156
16325
  import { getPaymasterDataForCheckoutSponsoredTransfer } from "@funkit/api-base";
16157
16326
  import { ERC20_ABI, USDT_ABI } from "@funkit/core";
16158
- import { useCallback as useCallback30 } from "react";
16327
+ import { useCallback as useCallback32 } from "react";
16159
16328
  import { useAccount as useAccount8, useSendTransaction, useWriteContract as useWriteContract2 } from "wagmi";
16160
16329
 
16161
16330
  // src/utils/isMainnetUsdt.ts
@@ -16179,7 +16348,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
16179
16348
  const { sendTransactionAsync } = useSendTransaction();
16180
16349
  const { cancelCheckout, checkoutItem } = useCheckoutContext();
16181
16350
  const { latestQuote } = useQuoteContext();
16182
- const handleWeb3AccountBalancePostCheckout = useCallback30(
16351
+ const handleWeb3AccountBalancePostCheckout = useCallback32(
16183
16352
  async (depositAddress) => {
16184
16353
  if (!latestQuote?.baseQuote.estTotalFromAmountBaseUnit) {
16185
16354
  return;
@@ -16283,7 +16452,7 @@ function useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage) {
16283
16452
  function useWeb2AccountBalancePostCheckout(apiKey) {
16284
16453
  const { latestQuote } = useQuoteContext();
16285
16454
  const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer();
16286
- const handleWeb2AccountBalancePostCheckout = useCallback30(
16455
+ const handleWeb2AccountBalancePostCheckout = useCallback32(
16287
16456
  async (depositAddress) => {
16288
16457
  const { rFunWallet, rFunWalletAuth, transferOp, envConfig } = await generateCheckoutTransferOpItems(
16289
16458
  depositAddress,
@@ -16332,7 +16501,7 @@ function useAccountBalancePostCheckout(setPostCheckoutStepMessage, apiKey) {
16332
16501
  const { loginType } = useGeneralWallet();
16333
16502
  const handleWeb2AccountBalancePostCheckout = useWeb2AccountBalancePostCheckout(apiKey);
16334
16503
  const handleWeb3AccountBalancePostCheckout = useWeb3AccountBalancePostCheckout(setPostCheckoutStepMessage);
16335
- const handleAccountBalancePostCheckout = useCallback30(
16504
+ const handleAccountBalancePostCheckout = useCallback32(
16336
16505
  async (depositAddress) => {
16337
16506
  if (loginType === "web2" /* Web2 */) {
16338
16507
  await handleWeb2AccountBalancePostCheckout(depositAddress);
@@ -16369,6 +16538,13 @@ function toPostCheckoutError(error) {
16369
16538
  if (isUserRejectedError(error)) {
16370
16539
  return POST_CHECKOUT_UI_ERRORS.SIGNATURE_DENIED;
16371
16540
  }
16541
+ if (error instanceof Error && error.name === "SwitchChainNotSupportedError") {
16542
+ return {
16543
+ disableContinue: true,
16544
+ message: "An error occurred while switching chains. Please check your wallet or contact support for help.",
16545
+ type: "error"
16546
+ };
16547
+ }
16372
16548
  if (error instanceof ClientError3) {
16373
16549
  return {
16374
16550
  disableContinue: true,
@@ -16387,7 +16563,7 @@ function usePostCheckout({
16387
16563
  const [error, setError] = useAutoClearState();
16388
16564
  const [isLoading, setIsLoading] = useState43(false);
16389
16565
  const [step, setStep] = useState43(null);
16390
- const enableFrogProxyServer = useFlag(FlagKey13.EnableFrogProxyServer);
16566
+ const enableFrogProxyServer = useFlag(FlagKey14.EnableFrogProxyServer);
16391
16567
  const handleMeshPostCheckout = async (depositAddress) => {
16392
16568
  const paymentMethodInfo = checkoutItem?.selectedPaymentMethodInfo;
16393
16569
  const meshDeviceId = getMeshDeviceIdFromLocalStorage();
@@ -16422,6 +16598,7 @@ function usePostCheckout({
16422
16598
  setStep,
16423
16599
  apiKey
16424
16600
  );
16601
+ const { getDirectExecutionInfo } = useCheckoutDirectExecution();
16425
16602
  const handlePostCheckout = async (depositAddress) => {
16426
16603
  try {
16427
16604
  if (!checkoutItem?.selectedPaymentMethodInfo) {
@@ -16433,7 +16610,8 @@ function usePostCheckout({
16433
16610
  depositTokenChainId: checkoutItem.selectedSourceAssetInfo.chainId ?? "",
16434
16611
  depositTokenAmount: Number(latestQuote?.baseQuote.estTotalFromAmount) || 0
16435
16612
  };
16436
- if (isDirectExecutionFlow({ checkoutItem, apiKey })) {
16613
+ const { isDirectExecution } = getDirectExecutionInfo(checkoutItem);
16614
+ if (isDirectExecution) {
16437
16615
  return onSuccess({ depositAddress, moonpayData, paymentMethodInfo });
16438
16616
  }
16439
16617
  setIsLoading(true);
@@ -16492,18 +16670,18 @@ function usePostCheckout({
16492
16670
  }
16493
16671
 
16494
16672
  // src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
16495
- import { useCallback as useCallback32, useEffect as useEffect33, useMemo as useMemo25, useRef as useRef16, useState as useState45 } from "react";
16673
+ import { useCallback as useCallback34, useEffect as useEffect33, useMemo as useMemo25, useRef as useRef16, useState as useState45 } from "react";
16496
16674
 
16497
16675
  // src/hooks/useCountdown.tsx
16498
16676
  import React163 from "react";
16499
- import { useCallback as useCallback31, useState as useState44 } from "react";
16677
+ import { useCallback as useCallback33, useState as useState44 } from "react";
16500
16678
  function useCountdown({
16501
16679
  onCountdownEnded,
16502
16680
  ...props
16503
16681
  }) {
16504
16682
  const [countdownKey, setCountdownKey] = useState44(0);
16505
16683
  const [isLastSecond, setIsLastSecond] = useState44(false);
16506
- const restartCountdown = useCallback31(() => {
16684
+ const restartCountdown = useCallback33(() => {
16507
16685
  setIsLastSecond(false);
16508
16686
  setCountdownKey((key) => key + 1);
16509
16687
  }, []);
@@ -16530,10 +16708,10 @@ function useCountdown({
16530
16708
  }
16531
16709
 
16532
16710
  // src/modals/CheckoutModal/ConfirmationStep/useQuoteRefresh.ts
16533
- var ESTIMATE_REFRESH_INTERVAL_SEC = 60;
16534
16711
  var BEFORE_COUNTDOWN_ENDS_SEC = 10;
16535
16712
  function useQuoteRefresh({
16536
- isOnHold
16713
+ isOnHold,
16714
+ refreshIntervalSeconds
16537
16715
  }) {
16538
16716
  const { setCheckoutQuote, isQuoting, quoteErrorMessage, quoteStepMessage } = useQuoteContext();
16539
16717
  const preloadedQuoteRef = useRef16();
@@ -16555,13 +16733,13 @@ function useQuoteRefresh({
16555
16733
  preloadedQuoteRef.current = data;
16556
16734
  }
16557
16735
  );
16558
- const preloadQuote = useCallback32(() => {
16736
+ const preloadQuote = useCallback34(() => {
16559
16737
  if (!isSourceAssetConfirming) {
16560
16738
  onSourceAssetConfirmed(true);
16561
16739
  }
16562
16740
  }, [isSourceAssetConfirming, onSourceAssetConfirmed]);
16563
16741
  const { countdown, isLastSecond, restartCountdown } = useCountdown({
16564
- countdownSeconds: ESTIMATE_REFRESH_INTERVAL_SEC,
16742
+ countdownSeconds: refreshIntervalSeconds,
16565
16743
  isHidden: isOnHold || isQuoting,
16566
16744
  isPaused: isOnHold || isQuoting,
16567
16745
  onBeforeCountdownEndsSeconds: BEFORE_COUNTDOWN_ENDS_SEC,
@@ -16569,7 +16747,7 @@ function useQuoteRefresh({
16569
16747
  onBeforeCountdownEnds: preloadQuote,
16570
16748
  onCountdownEnded: () => refreshQuote()
16571
16749
  });
16572
- const refreshQuote = useCallback32(
16750
+ const refreshQuote = useCallback34(
16573
16751
  async (forceHardRefresh = false) => {
16574
16752
  if (isOnHold) {
16575
16753
  setIsPendingRefresh(true);
@@ -16627,6 +16805,8 @@ function useQuoteRefresh({
16627
16805
  }
16628
16806
 
16629
16807
  // src/modals/CheckoutModal/ConfirmationStep/ConfirmationStep.tsx
16808
+ var DEFAULT_ESTIMATE_REFRESH_INTERVAL_SEC = 60;
16809
+ var RELAY_ESTIMATE_REFRESH_INTERVAL_SEC = 30;
16630
16810
  var ConfirmationStepInfo = {
16631
16811
  Component: ConfirmationStep,
16632
16812
  hideClose: true,
@@ -16679,13 +16859,11 @@ function ConfirmationStep({
16679
16859
  const { checkoutItem, updateTargetAssetAmount } = useCheckoutContext();
16680
16860
  const { latestQuote } = useQuoteContext();
16681
16861
  const funkitConfig = useFunkitConfig();
16682
- const showTagline = useFlag(FlagKey14.ShowPoweredTagline, false);
16862
+ const showTagline = useFlag(FlagKey15.ShowPoweredTagline, false);
16863
+ const { getDirectExecutionInfo } = useCheckoutDirectExecution();
16683
16864
  const { paymentMethodInfo } = modalState;
16684
16865
  const moonpayAmountCheck = paymentMethodInfo.paymentMethod === "card" /* CARD */ ? checkAmountForMoonpay(checkoutItem?.finalDollarValue || 0) : void 0;
16685
- const isDirectExecution = isDirectExecutionFlow({
16686
- checkoutItem,
16687
- apiKey: funkitConfig.apiKey
16688
- });
16866
+ const { isDirectExecution, directExecutionType } = getDirectExecutionInfo(checkoutItem);
16689
16867
  const {
16690
16868
  handlePostCheckout,
16691
16869
  isPostCheckoutLoading,
@@ -16734,7 +16912,8 @@ function ConfirmationStep({
16734
16912
  const { isRefreshing, isQuoting, countdown, quoteError, refreshQuote } = (
16735
16913
  // Block updates to the current quote during confirmation, post-checkout, and if its a direct execution
16736
16914
  useQuoteRefresh({
16737
- isOnHold: isInitialQuoting || isContinuing || isAway || isDirectExecution
16915
+ isOnHold: isInitialQuoting || isContinuing || isAway || directExecutionType === DirectExecutionType3.VERTEX_DEPOSIT_COLLATERAL_WITH_REFERRAL,
16916
+ refreshIntervalSeconds: directExecutionType === DirectExecutionType3.RELAY ? RELAY_ESTIMATE_REFRESH_INTERVAL_SEC : DEFAULT_ESTIMATE_REFRESH_INTERVAL_SEC
16738
16917
  })
16739
16918
  );
16740
16919
  const error = useMemo26(() => {
@@ -16772,7 +16951,8 @@ function ConfirmationStep({
16772
16951
  });
16773
16952
  const estimatedTime = useCheckoutTimeEstimate(
16774
16953
  latestQuote?.finalTimeEstimationMs,
16775
- paymentMethodInfo.paymentMethod
16954
+ paymentMethodInfo.paymentMethod,
16955
+ isDirectExecution
16776
16956
  );
16777
16957
  const continueConfig = () => {
16778
16958
  if (!quoteError) {
@@ -16825,7 +17005,7 @@ function ConfirmationStep({
16825
17005
  customRecipient,
16826
17006
  isLoading: isQuoteLoading,
16827
17007
  estimatedTime,
16828
- showTimeEstimate: !isDirectExecution
17008
+ showTimeEstimate: directExecutionType !== DirectExecutionType3.VERTEX_DEPOSIT_COLLATERAL_WITH_REFERRAL
16829
17009
  }
16830
17010
  ),
16831
17011
  /* @__PURE__ */ React164.createElement(
@@ -16839,7 +17019,7 @@ function ConfirmationStep({
16839
17019
  uiCustomizations
16840
17020
  }
16841
17021
  ),
16842
- isDirectExecution ? null : /* @__PURE__ */ React164.createElement(PaymentFeesSummary, { isLoading: isQuoteLoading, quote: latestQuote }),
17022
+ directExecutionType === DirectExecutionType3.VERTEX_DEPOSIT_COLLATERAL_WITH_REFERRAL ? null : /* @__PURE__ */ React164.createElement(PaymentFeesSummary, { isLoading: isQuoteLoading, quote: latestQuote }),
16843
17023
  /* @__PURE__ */ React164.createElement(Box, { display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React164.createElement(FunInfoBanner, null), /* @__PURE__ */ React164.createElement(
16844
17024
  FunAlert,
16845
17025
  {
@@ -16898,7 +17078,7 @@ function ConfirmationStep({
16898
17078
  }
16899
17079
 
16900
17080
  // src/modals/CheckoutModal/ConnectExchange.tsx
16901
- import React170, { useCallback as useCallback33, useState as useState47 } from "react";
17081
+ import React170, { useCallback as useCallback35, useState as useState47 } from "react";
16902
17082
  import { createPortal as createPortal6 } from "react-dom";
16903
17083
 
16904
17084
  // src/components/FunGuarantees/FunGuarantees.tsx
@@ -17068,7 +17248,7 @@ function ConnectExchange({
17068
17248
  });
17069
17249
  }
17070
17250
  });
17071
- const onClickContinue = useCallback33(async () => {
17251
+ const onClickContinue = useCallback35(async () => {
17072
17252
  try {
17073
17253
  setMeshPreError("");
17074
17254
  setIsLoadingMeshModal(true);
@@ -17124,7 +17304,7 @@ import React178, { useEffect as useEffect36 } from "react";
17124
17304
 
17125
17305
  // src/modals/CheckoutModal/InputAmount/InputAmountLoaded.tsx
17126
17306
  import {
17127
- FlagKey as FlagKey15,
17307
+ FlagKey as FlagKey16,
17128
17308
  formatCryptoAndStringify as formatCryptoAndStringify4,
17129
17309
  formatCurrencyAndStringify as formatCurrencyAndStringify7,
17130
17310
  isTokenEquivalent as isTokenEquivalent5,
@@ -17278,7 +17458,7 @@ var SwitchIcon = () => {
17278
17458
  };
17279
17459
 
17280
17460
  // src/hooks/useDynamicFont.ts
17281
- import { useCallback as useCallback34, useEffect as useEffect35, useRef as useRef17, useState as useState48 } from "react";
17461
+ import { useCallback as useCallback36, useEffect as useEffect35, useRef as useRef17, useState as useState48 } from "react";
17282
17462
  var SIZE_STEP = 1;
17283
17463
  var ALLOWANCE = 20;
17284
17464
  var useDynamicFont = (inputValue, max, min = 16) => {
@@ -17308,7 +17488,7 @@ var useDynamicFont = (inputValue, max, min = 16) => {
17308
17488
  };
17309
17489
  resizeText();
17310
17490
  }, [max, min, inputValue, fontSize]);
17311
- const resetText = useCallback34(() => setFontSize(max), [max]);
17491
+ const resetText = useCallback36(() => setFontSize(max), [max]);
17312
17492
  return { ref: inputRef, fontSize, resetText };
17313
17493
  };
17314
17494
 
@@ -17445,7 +17625,7 @@ var QuickOptions = ({
17445
17625
  };
17446
17626
 
17447
17627
  // src/modals/CheckoutModal/InputAmount/useAmountInput.ts
17448
- import { useCallback as useCallback35, useReducer as useReducer3 } from "react";
17628
+ import { useCallback as useCallback37, useReducer as useReducer3 } from "react";
17449
17629
 
17450
17630
  // src/modals/CheckoutModal/InputAmount/state.ts
17451
17631
  import { round as round2 } from "@funkit/utils";
@@ -17598,14 +17778,14 @@ function getDerivedState(state) {
17598
17778
  function useAmountInput(options) {
17599
17779
  const { unitPrice } = options;
17600
17780
  const [state, dispatch] = useReducer3(reduceState, options, initializeState);
17601
- const dispatchAndGetNewState = useCallback35(
17781
+ const dispatchAndGetNewState = useCallback37(
17602
17782
  (action) => {
17603
17783
  dispatch(action);
17604
17784
  return getDerivedState(reduceState(state, action));
17605
17785
  },
17606
17786
  [state]
17607
17787
  );
17608
- const onChange = useCallback35(
17788
+ const onChange = useCallback37(
17609
17789
  (event) => {
17610
17790
  dispatch({
17611
17791
  inputValue: event.target.value,
@@ -17615,7 +17795,7 @@ function useAmountInput(options) {
17615
17795
  },
17616
17796
  [unitPrice]
17617
17797
  );
17618
- const setUsdAmount = useCallback35(
17798
+ const setUsdAmount = useCallback37(
17619
17799
  (usdAmount) => dispatchAndGetNewState({
17620
17800
  type: "setUsdAmount",
17621
17801
  unitPrice,
@@ -17623,13 +17803,13 @@ function useAmountInput(options) {
17623
17803
  }),
17624
17804
  [dispatchAndGetNewState, unitPrice]
17625
17805
  );
17626
- const setInputInUsd = useCallback35((isInputInUsd) => {
17806
+ const setInputInUsd = useCallback37((isInputInUsd) => {
17627
17807
  dispatch({
17628
17808
  isInputInUsd,
17629
17809
  type: "setInputInUsd"
17630
17810
  });
17631
17811
  }, []);
17632
- const setUsdAvailableAmount = useCallback35((usdAvailableAmount) => {
17812
+ const setUsdAvailableAmount = useCallback37((usdAvailableAmount) => {
17633
17813
  dispatch({
17634
17814
  type: "setUsdAvailableAmount",
17635
17815
  usdAvailableAmount
@@ -17655,7 +17835,7 @@ function InputAmountLoaded({
17655
17835
  unitPrice,
17656
17836
  textCustomizations
17657
17837
  }) {
17658
- const maxCheckoutUsdString = useFlag(FlagKey15.MaxCheckoutUsd);
17838
+ const maxCheckoutUsdString = useFlag(FlagKey16.MaxCheckoutUsd);
17659
17839
  const { paymentMethod } = modalState.paymentMethodInfo;
17660
17840
  const targetChainId = modalState.targetChainId;
17661
17841
  const {
@@ -18192,7 +18372,7 @@ function InputAmount(props) {
18192
18372
 
18193
18373
  // src/modals/CheckoutModal/LoadingAccount.tsx
18194
18374
  import React182, { useEffect as useEffect37 } from "react";
18195
- import { FlagKey as FlagKey16 } from "@funkit/utils";
18375
+ import { FlagKey as FlagKey17 } from "@funkit/utils";
18196
18376
 
18197
18377
  // src/components/FunAsset/FunAssetLoading.tsx
18198
18378
  import React181 from "react";
@@ -18210,7 +18390,7 @@ import clsx20 from "clsx";
18210
18390
  import React179, { useRef as useRef18 } from "react";
18211
18391
 
18212
18392
  // src/components/FunOptionBox/FunOptionBox.css.ts
18213
- var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2fye _1rsrm2fwj", transparentBorder: "_1rsrm2f11q _1rsrm2fwj", activeBorder: "_1rsrm2fwe", disabledOptionBorder: "_1rsrm2fy8", defaultBackground: "_1rsrm2fnq _1rsrm2fjl", activeBackground: "_1rsrm2fnq _1rsrm2fnr _1rsrm2fns" };
18393
+ var funOptionBoxStyle = { baseStyle: "_1rfcluh0", defaultBorder: "_1rsrm2fyq _1rsrm2fwv", transparentBorder: "_1rsrm2f122 _1rsrm2fwv", activeBorder: "_1rsrm2fwq", disabledOptionBorder: "_1rsrm2fyk", defaultBackground: "_1rsrm2fnw _1rsrm2fjr", activeBackground: "_1rsrm2fnw _1rsrm2fnx _1rsrm2fny" };
18214
18394
 
18215
18395
  // src/components/FunOptionBox/FunOptionBox.tsx
18216
18396
  function FunOptionBox({
@@ -18362,7 +18542,7 @@ var FunAssetItem = ({
18362
18542
  justifyContent: "flex-end",
18363
18543
  gap: "12"
18364
18544
  },
18365
- badgeText && /* @__PURE__ */ React180.createElement(FunBadge, { borderRadius: "10", borderColor: "generalBorder" }, badgeText),
18545
+ badgeText && /* @__PURE__ */ React180.createElement(FunBadge, { borderColor: "generalBorder" }, badgeText),
18366
18546
  /* @__PURE__ */ React180.createElement(Box, { fontSize: TEXT_SIZE_MEDIUM2, fontWeight: "medium" }, formatCurrencyAndStringify8(asset.usdAmount || 0))
18367
18547
  )
18368
18548
  )
@@ -18482,7 +18662,7 @@ function LoadingAccount({
18482
18662
  const { data: meshHoldings, isLoading: isLoadingMesh } = useMeshAccountHoldings(targetChainId, connection);
18483
18663
  const { updateSelectedPaymentMethodInfo } = useCheckoutContext();
18484
18664
  const { isLoading: isLoadingFlags, getFlag } = useFlags();
18485
- const isTokenTransferEnabled = getFlag(FlagKey16.EnableTokenTransfer);
18665
+ const isTokenTransferEnabled = getFlag(FlagKey17.EnableTokenTransfer);
18486
18666
  useEffect37(() => {
18487
18667
  if (isLoadingFlags) return;
18488
18668
  if (hasSufficientAsset(walletAssets, targetChainId)) {
@@ -18543,7 +18723,7 @@ import {
18543
18723
  meshExecuteTransfer,
18544
18724
  meshExecuteTransferProxy
18545
18725
  } from "@funkit/api-base";
18546
- import { ClientError as ClientError4, FlagKey as FlagKey17, formatAddress as formatAddress7 } from "@funkit/utils";
18726
+ import { ClientError as ClientError4, FlagKey as FlagKey18, formatAddress as formatAddress7 } from "@funkit/utils";
18547
18727
  import React190, { useMemo as useMemo31, useState as useState49 } from "react";
18548
18728
  import { createPortal as createPortal8 } from "react-dom";
18549
18729
 
@@ -18767,7 +18947,7 @@ function MeshVerification({
18767
18947
  const executionStatus = executionContent?.status;
18768
18948
  const { checkoutItem } = useCheckoutContext();
18769
18949
  const bottomSectionRef = useBottomSectionRef();
18770
- const enableFrogProxyServer = useFlag(FlagKey17.EnableFrogProxyServer);
18950
+ const enableFrogProxyServer = useFlag(FlagKey18.EnableFrogProxyServer);
18771
18951
  const handleCompletion = useEffectEvent(async (finalOtpInput) => {
18772
18952
  try {
18773
18953
  setIsExecuting(true);
@@ -19029,7 +19209,7 @@ var VerificationPopup = ({
19029
19209
  };
19030
19210
 
19031
19211
  // src/modals/CheckoutModal/MoonpaySetup.tsx
19032
- import React192, { useCallback as useCallback36, useMemo as useMemo33, useState as useState51 } from "react";
19212
+ import React192, { useCallback as useCallback38, useMemo as useMemo33, useState as useState51 } from "react";
19033
19213
 
19034
19214
  // src/components/FunPayments/FunPaymentMoonpayType.css.ts
19035
19215
  var mpClass = "_1kmpeyf0";
@@ -19142,7 +19322,7 @@ function MoonpaySetup({
19142
19322
  const { paymentAddress, token, tokenChainId, depositAmount } = modalState;
19143
19323
  const [isSupportedRegion, setIsSupportedRegion] = useState51(true);
19144
19324
  const [isContinueEnabled, setIsContinueEnabled] = useState51(false);
19145
- const handleOnCompleted = useCallback36(() => {
19325
+ const handleOnCompleted = useCallback38(() => {
19146
19326
  onNext({
19147
19327
  depositAddress: paymentAddress
19148
19328
  });
@@ -19176,7 +19356,7 @@ function MoonpaySetup({
19176
19356
  }
19177
19357
 
19178
19358
  // src/modals/CheckoutModal/SelectAsset.tsx
19179
- import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST } from "@funkit/chains";
19359
+ import { FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2 } from "@funkit/chains";
19180
19360
  import { formatCurrencyAndStringify as formatCurrencyAndStringify9, isTokenEquivalent as isTokenEquivalent6 } from "@funkit/utils";
19181
19361
  import React199, { useEffect as useEffect40, useMemo as useMemo35, useState as useState52 } from "react";
19182
19362
  import { createPortal as createPortal9 } from "react-dom";
@@ -19282,29 +19462,31 @@ var ChainDropdown = ({
19282
19462
 
19283
19463
  // src/components/Dropdown/ReceiveTokenDropdown.tsx
19284
19464
  import React194 from "react";
19285
- var TOKEN_ICON_SIZE = 16;
19465
+
19466
+ // src/utils/tokenIconUrl.ts
19467
+ var getLocalTokenIconUrl = (symbol) => {
19468
+ return ASSET_LOGO_SRCS[symbol.toUpperCase()];
19469
+ };
19286
19470
  var getTokenIconUrl = (symbol, tokens) => {
19287
- const tokenSymbol = symbol.toUpperCase();
19288
19471
  if (tokens) {
19289
19472
  const token = tokens.find(
19290
- (token2) => token2.tokenSymbol.toLowerCase() === tokenSymbol.toLowerCase()
19473
+ (token2) => token2.tokenSymbol.toLowerCase() === symbol.toLowerCase()
19291
19474
  );
19292
19475
  if (token) {
19293
19476
  return token.iconSrc;
19294
19477
  }
19295
- return getLocalTokenIconUrl(tokenSymbol);
19478
+ return getLocalTokenIconUrl(symbol);
19296
19479
  }
19297
- return getLocalTokenIconUrl(tokenSymbol);
19298
- };
19299
- var getLocalTokenIconUrl = (symbol) => {
19300
- return ASSET_LOGO_SRCS[symbol.toUpperCase()];
19480
+ return getLocalTokenIconUrl(symbol);
19301
19481
  };
19482
+
19483
+ // src/components/Dropdown/ReceiveTokenDropdown.tsx
19484
+ var TOKEN_ICON_SIZE = 16;
19302
19485
  var aprTag = (badgeText) => /* @__PURE__ */ React194.createElement(
19303
19486
  FunBadge,
19304
19487
  {
19305
19488
  background: "badgeBackgroundSuccess",
19306
19489
  borderColor: "badgeBorderSuccess",
19307
- borderRadius: "10",
19308
19490
  color: "badgeTextSuccess"
19309
19491
  },
19310
19492
  badgeText
@@ -19394,13 +19576,13 @@ var ReceiveTokenDropdown = ({
19394
19576
 
19395
19577
  // src/components/NewTokenDepositAlert/NewTokenDepositAlert.tsx
19396
19578
  import React195 from "react";
19397
- import { FlagKey as FlagKey18, safeParseJson as safeParseJson3 } from "@funkit/utils";
19579
+ import { FlagKey as FlagKey19, safeParseJson as safeParseJson3 } from "@funkit/utils";
19398
19580
  var NewTokenDepositAlert = ({
19399
19581
  onClick
19400
19582
  }) => {
19401
- const alertJson = useFlag(FlagKey18.NewTokenAssetSelectionBanner);
19583
+ const alertJson = useFlag(FlagKey19.NewTokenAssetSelectionBanner);
19402
19584
  const alertData = safeParseJson3(alertJson);
19403
- const isTokenTransferEnabled = useFlag(FlagKey18.EnableTokenTransfer);
19585
+ const isTokenTransferEnabled = useFlag(FlagKey19.EnableTokenTransfer);
19404
19586
  if (!alertData || !isTokenTransferEnabled) return null;
19405
19587
  return /* @__PURE__ */ React195.createElement(
19406
19588
  FunAlert,
@@ -20129,7 +20311,7 @@ var SourcePaymentMethodItem = ({
20129
20311
  // src/hooks/useAllowedAssets.ts
20130
20312
  import { getAllowedAssets } from "@funkit/api-base";
20131
20313
  import { useQuery as useQuery8 } from "@tanstack/react-query";
20132
- import { useCallback as useCallback37, useMemo as useMemo34 } from "react";
20314
+ import { useCallback as useCallback39, useMemo as useMemo34 } from "react";
20133
20315
  function useAllowedAssets() {
20134
20316
  const { apiKey } = useFunkitConfig();
20135
20317
  const { data, isLoading } = useQuery8({
@@ -20152,7 +20334,7 @@ function useAllowedAssets() {
20152
20334
  }
20153
20335
  return ret;
20154
20336
  }, [data]);
20155
- const isAllowed = useCallback37(
20337
+ const isAllowed = useCallback39(
20156
20338
  (chainId, tokenAddress) => {
20157
20339
  return tokens[chainId]?.has(tokenAddress.toLowerCase());
20158
20340
  },
@@ -20497,7 +20679,7 @@ var FilterAssets = ({
20497
20679
  onFilterChange,
20498
20680
  label = "Your tokens"
20499
20681
  }) => {
20500
- const enabledChainIds = FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST.sort(
20682
+ const enabledChainIds = FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2.sort(
20501
20683
  (a, b) => a.name.localeCompare(b.name)
20502
20684
  ).map((chain) => chain.id);
20503
20685
  return /* @__PURE__ */ React199.createElement(
@@ -20764,7 +20946,7 @@ import React203, { useEffect as useEffect42, useState as useState55 } from "reac
20764
20946
 
20765
20947
  // src/components/FunPayments/FunPaymentMethods.tsx
20766
20948
  import {
20767
- FlagKey as FlagKey20,
20949
+ FlagKey as FlagKey21,
20768
20950
  formatCurrencyAndStringify as formatCurrencyAndStringify10,
20769
20951
  formatSecondsToReadableForm as formatSecondsToReadableForm3,
20770
20952
  safeParseJson as safeParseJson4
@@ -20773,9 +20955,9 @@ import React202, { Fragment as Fragment4, useEffect as useEffect41 } from "react
20773
20955
 
20774
20956
  // src/hooks/useEnabledTokenTransferChainTokens.ts
20775
20957
  import { solanaChain } from "@funkit/chains";
20776
- import { FlagKey as FlagKey19 } from "@funkit/utils";
20958
+ import { FlagKey as FlagKey20 } from "@funkit/utils";
20777
20959
  function useEnabledTokenTransferChainTokens(transferInit) {
20778
- const assetsJsonString = useFlag(FlagKey19.TokenTransferSourceChainsAndAssets);
20960
+ const assetsJsonString = useFlag(FlagKey20.TokenTransferSourceChainsAndAssets);
20779
20961
  const assets = safeJSONParse(assetsJsonString);
20780
20962
  if (!assets) return {};
20781
20963
  const hasSolanaAddress = !!transferInit?.solanaAddr;
@@ -20798,7 +20980,7 @@ function useEnabledTokenTransferChainTokens(transferInit) {
20798
20980
  // src/config/getDefaultConfig.ts
20799
20981
  import {
20800
20982
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO10,
20801
- FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2
20983
+ FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST as FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3
20802
20984
  } from "@funkit/chains";
20803
20985
  import { fallback } from "viem";
20804
20986
  import {
@@ -21474,7 +21656,7 @@ var getDefaultConfig = ({
21474
21656
  ...restWagmiParameters
21475
21657
  });
21476
21658
  };
21477
- var getDefaultChains = () => FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST2;
21659
+ var getDefaultChains = () => FUNKIT_CONNECT_SUPPORTED_CHECKOUT_CHAINS_INFO_LIST3;
21478
21660
  var getDefaultTransports = () => {
21479
21661
  const chains = getDefaultChains();
21480
21662
  return createDefaultTransports(chains);
@@ -21740,7 +21922,7 @@ var TransferPaymentMethodItem = ({
21740
21922
  keyIconSize
21741
21923
  }) => {
21742
21924
  const enabledChainTokens = useEnabledTokenTransferChainTokens();
21743
- const bannerJson = useFlag(FlagKey20.NewTokenAssetSelectionBanner);
21925
+ const bannerJson = useFlag(FlagKey21.NewTokenAssetSelectionBanner);
21744
21926
  const bannerData = safeParseJson4(bannerJson);
21745
21927
  const getTokenTransferIcon = () => {
21746
21928
  const uniqueChainIds = new Set(Object.keys(enabledChainTokens));
@@ -21828,7 +22010,7 @@ function AddPaymentMethodItem({
21828
22010
  }
21829
22011
 
21830
22012
  // src/hooks/usePaymentSources.ts
21831
- import { FlagKey as FlagKey21, isNotNullish as isNotNullish11 } from "@funkit/utils";
22013
+ import { FlagKey as FlagKey22, isNotNullish as isNotNullish11 } from "@funkit/utils";
21832
22014
  function useRemainingMeshExchangeConnections(selected) {
21833
22015
  const { getActiveConnection } = useFunkitMesh();
21834
22016
  const supportedExchanges = useSupportedExchanges();
@@ -21858,7 +22040,7 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
21858
22040
  const { isUserLoggedIn, walletAddress } = useGeneralWallet();
21859
22041
  const { hasUsableBalance } = useWalletAssetHoldings(targetChainId);
21860
22042
  const { apiKey, uiCustomizations } = useFunkitConfig();
21861
- const isTokenTransferEnabled = useFlag(FlagKey21.EnableTokenTransfer);
22043
+ const isTokenTransferEnabled = useFlag(FlagKey22.EnableTokenTransfer);
21862
22044
  const accountPaymentMethodInfo = createPaymentMethodInfo({
21863
22045
  paymentMethod: "balance" /* ACCOUNT_BALANCE */,
21864
22046
  walletAddress
@@ -21889,7 +22071,7 @@ var usePaymentSources = (paymentMethodInfo, targetChainId) => {
21889
22071
  // src/modals/CheckoutModal/SourceChange/useUpdateSourceAssetForCard.ts
21890
22072
  import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO11, dydxChain as dydxChain3 } from "@funkit/chains";
21891
22073
  import { getTokenAddressBySymbolAndChainId as getTokenAddressBySymbolAndChainId2 } from "@funkit/core";
21892
- import { useCallback as useCallback38, useState as useState54 } from "react";
22074
+ import { useCallback as useCallback40, useState as useState54 } from "react";
21893
22075
  import { mainnet as mainnet7, mantle, zkSync as zkSync2 } from "viem/chains";
21894
22076
  var pickSourceAssetForCard = async (checkoutItem, userIpInfo) => {
21895
22077
  if (!checkoutItem?.initSettings.config.targetChain) {
@@ -21945,7 +22127,7 @@ function useUpdateCardSourceAsset() {
21945
22127
  const { checkoutItem, updateSourceAsset } = useCheckoutContext();
21946
22128
  const { userIpInfo } = useFunkitUserIp();
21947
22129
  const [isUpdating, setIsUpdating] = useState54(false);
21948
- const onSelectCard = useCallback38(async () => {
22130
+ const onSelectCard = useCallback40(async () => {
21949
22131
  setIsUpdating(true);
21950
22132
  try {
21951
22133
  const source = await pickSourceAssetForCard(checkoutItem, userIpInfo);
@@ -22152,7 +22334,7 @@ function SourceChange({
22152
22334
  }
22153
22335
 
22154
22336
  // src/modals/CheckoutModal/TransferToken/TransferToken.tsx
22155
- import { FlagKey as FlagKey24 } from "@funkit/utils";
22337
+ import { FlagKey as FlagKey25 } from "@funkit/utils";
22156
22338
  import { motion as motion10, useAnimationControls as useAnimationControls3 } from "motion/react";
22157
22339
  import React213, { useEffect as useEffect43, useRef as useRef20, useState as useState58 } from "react";
22158
22340
  import { polygon as polygon6 } from "viem/chains";
@@ -22199,8 +22381,8 @@ var CheckCircleIcon = () => {
22199
22381
  };
22200
22382
 
22201
22383
  // src/components/CopyAddress/CopyInputDisplayedAddress.css.ts
22202
- var copyButton = "_1kbzei93 _1rsrm2fcp _1rsrm2fdg _1rsrm2fe3 _1rsrm2fbu _1rsrm2fa _1rsrm2f4 _1rsrm2f3u _1rsrm2fft _1rsrm2f1ek _1rsrm2f23 _1rsrm2fjk _1rsrm2fk3 _1rsrm2fm4";
22203
- var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1i _1rsrm2fye _1rsrm2f18 _1rsrm2ft _1rsrm2f14";
22384
+ var copyButton = "_1kbzei93 _1rsrm2fcv _1rsrm2fdm _1rsrm2fe9 _1rsrm2fc0 _1rsrm2fa _1rsrm2f4 _1rsrm2f40 _1rsrm2ffz _1rsrm2f1f2 _1rsrm2f29 _1rsrm2fjq _1rsrm2fk9 _1rsrm2fma";
22385
+ var copyButtonWrapper = "_1rsrm2fa _1rsrm2f4 _1rsrm2f1o _1rsrm2fyq _1rsrm2f1e _1rsrm2ft _1rsrm2f1a";
22204
22386
 
22205
22387
  // src/components/CopyAddress/CopyInputDisplayedAddress.tsx
22206
22388
  function CopyInputDisplayedAddress({
@@ -22213,16 +22395,13 @@ function CopyInputDisplayedAddress({
22213
22395
  }
22214
22396
 
22215
22397
  // src/components/Dropdown/TokenDropdown.tsx
22216
- import { FlagKey as FlagKey22, safeParseJson as safeParseJson5 } from "@funkit/utils";
22398
+ import { FlagKey as FlagKey23, safeParseJson as safeParseJson5 } from "@funkit/utils";
22217
22399
  import React206, { useState as useState56 } from "react";
22218
22400
  var TOKEN_ICON_SIZE2 = 16;
22219
- var getTokenIconUrl2 = (symbol) => {
22220
- return ASSET_LOGO_SRCS[symbol.toUpperCase()];
22221
- };
22222
22401
  var useNewTokens = () => {
22223
- const bannerJson = useFlag(FlagKey22.NewTokenAssetSelectionBanner);
22402
+ const bannerJson = useFlag(FlagKey23.NewTokenAssetSelectionBanner);
22224
22403
  const bannerData = safeParseJson5(bannerJson);
22225
- const newBadgeTokensJson = useFlag(FlagKey22.TokenTransferNewTokens);
22404
+ const newBadgeTokensJson = useFlag(FlagKey23.TokenTransferNewTokens);
22226
22405
  const newBadgeData = safeParseJson5(newBadgeTokensJson);
22227
22406
  const newTokens = newBadgeData && Object.values(newBadgeData).flat();
22228
22407
  const newUniqueTokens = new Set(newTokens);
@@ -22237,7 +22416,9 @@ var TokenDropdown = ({
22237
22416
  isLoading
22238
22417
  }) => {
22239
22418
  const enabledTokens = assets[selectedChainId];
22240
- const allTokens = Array.from(new Set(Object.values(assets).flat()));
22419
+ const allTokens = Array.from(
22420
+ new Set(Object.values(assets).flat())
22421
+ );
22241
22422
  const defaultToken = defaultSelectedToken ?? enabledTokens[0];
22242
22423
  const [isTouched, setIsTouched] = useState56(false);
22243
22424
  const [selectedSymbol, setSelectedSymbol] = useState56(defaultToken);
@@ -22272,7 +22453,7 @@ var TokenDropdown = ({
22272
22453
  borderRadius: "full",
22273
22454
  height: TOKEN_ICON_SIZE2,
22274
22455
  width: TOKEN_ICON_SIZE2,
22275
- src: getTokenIconUrl2(selectedSymbol),
22456
+ src: getTokenIconUrl(selectedSymbol),
22276
22457
  fallbackSrc: FALLBACK_ASSET
22277
22458
  }
22278
22459
  ),
@@ -22296,7 +22477,7 @@ var TokenDropdown = ({
22296
22477
  borderRadius: "full",
22297
22478
  height: TOKEN_ICON_SIZE2,
22298
22479
  width: TOKEN_ICON_SIZE2,
22299
- src: getTokenIconUrl2(symbol),
22480
+ src: getTokenIconUrl(symbol),
22300
22481
  fallbackSrc: FALLBACK_ASSET
22301
22482
  }
22302
22483
  ),
@@ -22307,7 +22488,7 @@ var TokenDropdown = ({
22307
22488
  }
22308
22489
  );
22309
22490
  },
22310
- preloadIconUrls: allTokens.map(getTokenIconUrl2)
22491
+ preloadIconUrls: allTokens.map((symbol) => getTokenIconUrl(symbol))
22311
22492
  }
22312
22493
  );
22313
22494
  };
@@ -22454,7 +22635,7 @@ var PercentageIcon = () => {
22454
22635
  };
22455
22636
 
22456
22637
  // src/components/TransferTokenDetails/TransferTokenDetails.css.ts
22457
- var detailsButton = "_18idq0t1 _1rsrm2fcp _1rsrm2fdg _1rsrm2fe3 _1rsrm2fbu _1rsrm2fft _1rsrm2fa _1rsrm2f4 _1rsrm2f3v _1rsrm2ft";
22638
+ var detailsButton = "_18idq0t1 _1rsrm2fcv _1rsrm2fdm _1rsrm2fe9 _1rsrm2fc0 _1rsrm2ffz _1rsrm2fa _1rsrm2f4 _1rsrm2f41 _1rsrm2ft";
22458
22639
 
22459
22640
  // src/components/TransferTokenDetails/TransferTokenDetails.tsx
22460
22641
  var TransferTokenDetails = ({
@@ -22668,12 +22849,12 @@ var useCheckoutTransferInit = (checkoutConfig) => {
22668
22849
 
22669
22850
  // src/hooks/useTokenTransfer.ts
22670
22851
  import { solanaChain as solanaChain2 } from "@funkit/chains";
22671
- import { FlagKey as FlagKey23 } from "@funkit/utils";
22852
+ import { FlagKey as FlagKey24 } from "@funkit/utils";
22672
22853
  import { mainnet as mainnet8, polygon as polygon5 } from "viem/chains";
22673
22854
  var useTokenTransfer = (selectedChainId, selectedToken) => {
22674
22855
  const { checkoutItem } = useCheckoutContext();
22675
22856
  const enableUniversal = useFlag(
22676
- FlagKey23.EnableTokenTransferUniversalDepositAddress,
22857
+ FlagKey24.EnableTokenTransferUniversalDepositAddress,
22677
22858
  false
22678
22859
  );
22679
22860
  const estPriceImpact = usePriceImpactEstimation(selectedToken);
@@ -22755,7 +22936,7 @@ function TransferToken({
22755
22936
  const filteredAssets = useEnabledTokenTransferChainTokens(
22756
22937
  transferInit ?? null
22757
22938
  );
22758
- const defaultChainIdFlag = useFlag(FlagKey24.TokenTransferDefaultChainId);
22939
+ const defaultChainIdFlag = useFlag(FlagKey25.TokenTransferDefaultChainId);
22759
22940
  const defaultChainId = defaultValues?.chainId ?? Number(defaultChainIdFlag);
22760
22941
  const validDefaultChainId = filteredAssets[defaultChainId] !== void 0 ? defaultChainId : polygon6.id;
22761
22942
  const [selectedChainId, setSelectedChainId] = useState58(validDefaultChainId);
@@ -22800,7 +22981,7 @@ function TransferToken({
22800
22981
  onClick: () => onNext({})
22801
22982
  }
22802
22983
  )),
22803
- /* @__PURE__ */ React213.createElement(Box, { width: "full", display: "flex", gap: "12" }, /* @__PURE__ */ React213.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React213.createElement(Text, { size: "12", weight: "medium" }, "Select token"), /* @__PURE__ */ React213.createElement(
22984
+ /* @__PURE__ */ React213.createElement(Box, { width: "full", display: "flex", gap: "12" }, /* @__PURE__ */ React213.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React213.createElement(Text, { size: "12", weight: "medium" }, "Supported token"), /* @__PURE__ */ React213.createElement(
22804
22985
  TokenDropdown,
22805
22986
  {
22806
22987
  isLoading: isLoadingDepositAddress,
@@ -22825,7 +23006,7 @@ function TransferToken({
22825
23006
  }
22826
23007
  }
22827
23008
  }
22828
- )), /* @__PURE__ */ React213.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React213.createElement(Text, { size: "12", weight: "medium" }, "Select chain"), /* @__PURE__ */ React213.createElement(
23009
+ )), /* @__PURE__ */ React213.createElement(Box, { width: "full", display: "flex", flexDirection: "column", gap: "4" }, /* @__PURE__ */ React213.createElement(Text, { size: "12", weight: "medium" }, "Supported chain"), /* @__PURE__ */ React213.createElement(
22829
23010
  ChainDropdown,
22830
23011
  {
22831
23012
  isLoading: isLoadingDepositAddress,
@@ -22964,7 +23145,7 @@ function initialState(checkoutItem) {
22964
23145
  function useCheckoutModalTransition(checkoutItem, onClose) {
22965
23146
  const [modalState, setModalState] = useState59(() => initialState(checkoutItem));
22966
23147
  const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification();
22967
- const onCloseWrapper = useCallback39(
23148
+ const onCloseWrapper = useCallback41(
22968
23149
  (options) => {
22969
23150
  const normalizedIsNewDeposit = !!options?.isNewDeposit;
22970
23151
  checkoutItem.initSettings.onClose?.({
@@ -22983,7 +23164,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
22983
23164
  const { animation, animate } = useAnimatedNavigation(void 0);
22984
23165
  const [stateHistory, setHistory] = useState59([]);
22985
23166
  const prevStep = useRef21(null);
22986
- const onNext = useCallback39(
23167
+ const onNext = useCallback41(
22987
23168
  (payload) => {
22988
23169
  if (prevStep.current === modalState.step) {
22989
23170
  return;
@@ -23011,7 +23192,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
23011
23192
  },
23012
23193
  [clearCheckoutQuoteMessages, modalState, animate]
23013
23194
  );
23014
- const onStepChange = useCallback39(
23195
+ const onStepChange = useCallback41(
23015
23196
  (nextState) => {
23016
23197
  if (prevStep.current === modalState.step) return;
23017
23198
  animate(() => {
@@ -23022,7 +23203,7 @@ function useCheckoutModalTransition(checkoutItem, onClose) {
23022
23203
  },
23023
23204
  [modalState, animate]
23024
23205
  );
23025
- const onBack = useCallback39(() => {
23206
+ const onBack = useCallback41(() => {
23026
23207
  clearCheckoutQuoteMessages();
23027
23208
  const prevState = stateHistory[stateHistory.length - 1];
23028
23209
  if (prevState) {
@@ -23225,16 +23406,16 @@ function ConnectModal({
23225
23406
  function useModalStateValue() {
23226
23407
  const [isModalOpen, setModalOpen] = useState60(false);
23227
23408
  return {
23228
- closeModal: useCallback40(() => setModalOpen(false), []),
23409
+ closeModal: useCallback42(() => setModalOpen(false), []),
23229
23410
  isModalOpen,
23230
- openModal: useCallback40(() => setModalOpen(true), [])
23411
+ openModal: useCallback42(() => setModalOpen(true), [])
23231
23412
  };
23232
23413
  }
23233
23414
  function useModalStateValueWithProp() {
23234
23415
  const [isModalOpen, setModalOpen] = useState60(false);
23235
23416
  const [prop, setProp] = useState60(null);
23236
23417
  return {
23237
- closeModal: useCallback40(() => {
23418
+ closeModal: useCallback42(() => {
23238
23419
  setTimeout(() => {
23239
23420
  setProp(null);
23240
23421
  }, DialogAnimationTimeOut);
@@ -23242,7 +23423,7 @@ function useModalStateValueWithProp() {
23242
23423
  }, []),
23243
23424
  isModalOpen,
23244
23425
  prop,
23245
- openModal: useCallback40((prop2) => {
23426
+ openModal: useCallback42((prop2) => {
23246
23427
  if (prop2 != null) setProp(prop2);
23247
23428
  setModalOpen(true);
23248
23429
  }, [])
@@ -23686,7 +23867,7 @@ var FunkitWeb2Provider = ({
23686
23867
  const [isLoggingIn, setIsLoggingIn] = useState61(false);
23687
23868
  const [loginErrorMessage, setLoginErrorMessage] = useState61("");
23688
23869
  const [loggedInUser, setLoggedInUser] = useState61(null);
23689
- const setLoginMethodAndCache = useCallback41(
23870
+ const setLoginMethodAndCache = useCallback43(
23690
23871
  (method) => {
23691
23872
  try {
23692
23873
  setLoginMethod(method);
@@ -23710,7 +23891,7 @@ var FunkitWeb2Provider = ({
23710
23891
  setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
23711
23892
  setPrivy(newPrivy);
23712
23893
  }, [chains]);
23713
- const handleIframeMessage = useCallback41(
23894
+ const handleIframeMessage = useCallback43(
23714
23895
  (e) => {
23715
23896
  if (e.origin === PRIVY_AUTH_URL && privy) {
23716
23897
  const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -23719,7 +23900,7 @@ var FunkitWeb2Provider = ({
23719
23900
  },
23720
23901
  [privy]
23721
23902
  );
23722
- const handleFunkitWeb2Logout = useCallback41(async () => {
23903
+ const handleFunkitWeb2Logout = useCallback43(async () => {
23723
23904
  if (privy) {
23724
23905
  logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
23725
23906
  numConnectors: connectors.length
@@ -23732,7 +23913,7 @@ var FunkitWeb2Provider = ({
23732
23913
  setLoginMethodAndCache(null);
23733
23914
  }
23734
23915
  }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
23735
- const handleFreshPrivyLogin = useCallback41(
23916
+ const handleFreshPrivyLogin = useCallback43(
23736
23917
  async ({
23737
23918
  firstLoginCode,
23738
23919
  secondLoginCode,
@@ -23781,7 +23962,7 @@ var FunkitWeb2Provider = ({
23781
23962
  },
23782
23963
  [handleFunkitWeb2Logout, privy]
23783
23964
  );
23784
- const getPrivyUserEmbeddedWallet = useCallback41(
23965
+ const getPrivyUserEmbeddedWallet = useCallback43(
23785
23966
  async (inputPrivyUser) => {
23786
23967
  try {
23787
23968
  if (!privy || !inputPrivyUser) {
@@ -23800,7 +23981,7 @@ var FunkitWeb2Provider = ({
23800
23981
  },
23801
23982
  [privy]
23802
23983
  );
23803
- const getExistingPrivySession = useCallback41(async () => {
23984
+ const getExistingPrivySession = useCallback43(async () => {
23804
23985
  try {
23805
23986
  if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
23806
23987
  const existingSession = await privy.user.get();
@@ -23809,7 +23990,7 @@ var FunkitWeb2Provider = ({
23809
23990
  return null;
23810
23991
  }
23811
23992
  }, [privy]);
23812
- const handleFunkitWeb2Login = useCallback41(
23993
+ const handleFunkitWeb2Login = useCallback43(
23813
23994
  async ({
23814
23995
  chainId,
23815
23996
  firstLoginCode,
@@ -23883,9 +24064,9 @@ var FunkitWeb2Provider = ({
23883
24064
  wallets
23884
24065
  ]
23885
24066
  );
23886
- const clearLoginError = useCallback41(() => setLoginErrorMessage(""), []);
24067
+ const clearLoginError = useCallback43(() => setLoginErrorMessage(""), []);
23887
24068
  const initChainId = useInitialChainId();
23888
- const handleAutoLoginFlows = useCallback41(async () => {
24069
+ const handleAutoLoginFlows = useCallback43(async () => {
23889
24070
  if (isNotNullish12(loginMethod) && isNotNullish12(initChainId)) {
23890
24071
  const queryParams = new URLSearchParams(window.location.search);
23891
24072
  const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -23929,7 +24110,7 @@ var FunkitWeb2Provider = ({
23929
24110
  initChainId
23930
24111
  // Do not include `handleAutoLoginFlows`,
23931
24112
  ]);
23932
- const handleOauthRedirect = useCallback41(
24113
+ const handleOauthRedirect = useCallback43(
23933
24114
  async (authProvider) => {
23934
24115
  if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
23935
24116
  try {
@@ -23953,7 +24134,7 @@ var FunkitWeb2Provider = ({
23953
24134
  [privy, setLoginMethodAndCache]
23954
24135
  );
23955
24136
  const [isSendingOtpEmail, setIsSendingOtpEmail] = useState61(false);
23956
- const handleSendOtpEmail = useCallback41(
24137
+ const handleSendOtpEmail = useCallback43(
23957
24138
  async (emailAddress) => {
23958
24139
  try {
23959
24140
  if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -23979,7 +24160,7 @@ var FunkitWeb2Provider = ({
23979
24160
  [privy, setLoginMethodAndCache]
23980
24161
  );
23981
24162
  const [isGeneratingFcUri, setIsGeneratingFcUri] = useState61(false);
23982
- const handleGenerateFcUri = useCallback41(async () => {
24163
+ const handleGenerateFcUri = useCallback43(async () => {
23983
24164
  try {
23984
24165
  if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
23985
24166
  setIsGeneratingFcUri(true);
@@ -24004,7 +24185,7 @@ var FunkitWeb2Provider = ({
24004
24185
  setIsGeneratingFcUri(false);
24005
24186
  }
24006
24187
  }, [privy]);
24007
- const getFcConnectionStatus = useCallback41(
24188
+ const getFcConnectionStatus = useCallback43(
24008
24189
  async (channelToken) => {
24009
24190
  try {
24010
24191
  if (!privy) throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -24144,7 +24325,7 @@ import React219 from "react";
24144
24325
  import { useAccount as useAccount12, useBalance, useConfig as useConfig7 } from "wagmi";
24145
24326
 
24146
24327
  // src/hooks/useIsMounted.ts
24147
- import { useCallback as useCallback42, useEffect as useEffect46, useState as useState63 } from "react";
24328
+ import { useCallback as useCallback44, useEffect as useEffect46, useState as useState63 } from "react";
24148
24329
  function useIsMounted() {
24149
24330
  const [isMounted, setIsMounted] = useState63(false);
24150
24331
  useEffect46(() => {
@@ -24153,7 +24334,7 @@ function useIsMounted() {
24153
24334
  setIsMounted(false);
24154
24335
  };
24155
24336
  }, []);
24156
- return useCallback42(() => isMounted, [isMounted]);
24337
+ return useCallback44(() => isMounted, [isMounted]);
24157
24338
  }
24158
24339
 
24159
24340
  // src/components/ConnectButton/abbreviateETHBalance.ts
@@ -24931,9 +25112,9 @@ function cssStringFromTheme(theme, options = {}) {
24931
25112
  }
24932
25113
 
24933
25114
  // src/hooks/useIsFunkitCheckoutActivated.ts
24934
- import { FlagKey as FlagKey25 } from "@funkit/utils";
25115
+ import { FlagKey as FlagKey26 } from "@funkit/utils";
24935
25116
  var useIsFunkitCheckoutActivated = () => {
24936
- const isCheckoutActivated = useFlag(FlagKey25.IsCheckoutActivated);
25117
+ const isCheckoutActivated = useFlag(FlagKey26.IsCheckoutActivated);
24937
25118
  return {
24938
25119
  isActivated: isCheckoutActivated
24939
25120
  };
@@ -25032,16 +25213,16 @@ function validateFunkitProviderProps(props) {
25032
25213
  }
25033
25214
 
25034
25215
  // src/providers/useFingerprint.ts
25035
- import { useCallback as useCallback43, useEffect as useEffect48 } from "react";
25216
+ import { useCallback as useCallback45, useEffect as useEffect48 } from "react";
25036
25217
  var storageKey5 = "funkit-connect-version";
25037
25218
  function setFunkitConnectVersion({ version }) {
25038
25219
  localStorage.setItem(storageKey5, version);
25039
25220
  }
25040
25221
  function getCurrentSdkVersion() {
25041
- return "5.2.0";
25222
+ return "5.2.1";
25042
25223
  }
25043
25224
  function useFingerprint() {
25044
- const fingerprint = useCallback43(() => {
25225
+ const fingerprint = useCallback45(() => {
25045
25226
  setFunkitConnectVersion({ version: getCurrentSdkVersion() });
25046
25227
  }, []);
25047
25228
  useEffect48(() => {
@@ -25051,11 +25232,11 @@ function useFingerprint() {
25051
25232
 
25052
25233
  // src/providers/usePreloadImages.ts
25053
25234
  import { isNotNullish as isNotNullish13 } from "@funkit/utils";
25054
- import { useCallback as useCallback44, useEffect as useEffect49 } from "react";
25235
+ import { useCallback as useCallback46, useEffect as useEffect49 } from "react";
25055
25236
  function usePreloadImages() {
25056
25237
  const funkitConnectChains = useFunkitConnectChains();
25057
25238
  const walletConnectors = useWalletConnectors();
25058
- const preloadImages = useCallback44(() => {
25239
+ const preloadImages = useCallback46(() => {
25059
25240
  loadImages(
25060
25241
  ...walletConnectors.map((wallet) => wallet.iconUrl),
25061
25242
  ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish13)
@@ -25207,6 +25388,7 @@ export {
25207
25388
  useFunkitCheckout,
25208
25389
  useFunkitDisconnect,
25209
25390
  useFunkitMaxCheckoutUsdInfo,
25391
+ useFunkitReconnect,
25210
25392
  useFunkitSwitchChains,
25211
25393
  useFunkitUserInfo,
25212
25394
  useIsFunkitCheckoutActivated,