@funkit/connect 2.0.1 → 2.0.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (60) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/dist/{chunk-FRT63PFR.js → chunk-3AR2EI7X.js} +0 -9
  3. package/dist/{chunk-ICLRFHOV.js → chunk-BZPWFPPL.js} +0 -9
  4. package/dist/components/Box/Box.d.ts +15 -15
  5. package/dist/components/ConnectButton/ConnectButtonRenderer.d.ts +0 -1
  6. package/dist/components/FunkitProvider/FunkitThemeProvider.d.ts +0 -36
  7. package/dist/components/index.d.ts +0 -1
  8. package/dist/css/sprinkles.css.d.ts +15 -33
  9. package/dist/index.css +869 -1279
  10. package/dist/index.d.ts +7 -8
  11. package/dist/index.js +411 -1253
  12. package/dist/themes/darkTheme.d.ts +0 -9
  13. package/dist/themes/darkTheme.js +1 -1
  14. package/dist/themes/lightTheme.d.ts +0 -9
  15. package/dist/themes/lightTheme.js +1 -1
  16. package/dist/wallets/walletConnectors/index.js +68 -68
  17. package/package.json +3 -3
  18. package/dist/components/Button/ActionButton.d.ts +0 -14
  19. package/dist/components/ConnectModal/ConnectModalIntro.d.ts +0 -5
  20. package/dist/components/Disclaimer/DisclaimerLink.d.ts +0 -5
  21. package/dist/components/Disclaimer/DisclaimerText.d.ts +0 -4
  22. package/dist/components/FunProgressBar/FunProgressBar.d.ts +0 -6
  23. package/dist/components/FunProgressBar/FunVerticalProgressBar.d.ts +0 -14
  24. package/dist/components/FunkitProvider/CoolModeContext.d.ts +0 -1
  25. package/dist/components/FunkitProvider/ShowRecentTransactionsContext.d.ts +0 -1
  26. package/dist/components/FunkitProvider/WalletButtonContext.d.ts +0 -12
  27. package/dist/components/FunkitProvider/useCoolMode.d.ts +0 -1
  28. package/dist/components/InfoButton/InfoButton.d.ts +0 -5
  29. package/dist/components/SignIn/SignIn.d.ts +0 -6
  30. package/dist/components/Txs/TxItem.d.ts +0 -7
  31. package/dist/components/Txs/TxList.d.ts +0 -7
  32. package/dist/components/Txs/Txs.css.d.ts +0 -2
  33. package/dist/components/WalletButton/WalletButton.css.d.ts +0 -2
  34. package/dist/components/WalletButton/WalletButton.d.ts +0 -8
  35. package/dist/components/WalletButton/WalletButtonRenderer.d.ts +0 -15
  36. package/dist/sign-FZVB2CS6.js +0 -6
  37. package/dist/transactions/TransactionStoreContext.d.ts +0 -6
  38. package/dist/transactions/transactionStore.d.ts +0 -21
  39. package/dist/transactions/useAddRecentTransaction.d.ts +0 -2
  40. package/dist/transactions/useClearRecentTransactions.d.ts +0 -1
  41. package/dist/transactions/useRecentTransactions.d.ts +0 -2
  42. package/dist/utils/chainToExplorerUrl.d.ts +0 -2
  43. package/dist/wallets/walletConnectors/chunk-2DWBVWFI.js +0 -87
  44. package/dist/wallets/walletConnectors/chunk-3F5GNHAG.js +0 -182
  45. package/dist/wallets/walletConnectors/chunk-3R3RNCGE.js +0 -100
  46. package/dist/wallets/walletConnectors/chunk-5L2OLU3J.js +0 -102
  47. package/dist/wallets/walletConnectors/chunk-BCXBFAL4.js +0 -98
  48. package/dist/wallets/walletConnectors/chunk-M4SPCKW4.js +0 -66
  49. package/dist/wallets/walletConnectors/chunk-MFS6NY6T.js +0 -105
  50. package/dist/wallets/walletConnectors/chunk-MOAWRDEM.js +0 -95
  51. package/dist/wallets/walletConnectors/chunk-NK3DYIAB.js +0 -92
  52. package/dist/wallets/walletConnectors/chunk-OMKARG6Y.js +0 -94
  53. package/dist/wallets/walletConnectors/chunk-OPO2D6GL.js +0 -102
  54. package/dist/wallets/walletConnectors/chunk-OXWTS7HX.js +0 -98
  55. package/dist/wallets/walletConnectors/chunk-PJRUHFBT.js +0 -71
  56. package/dist/wallets/walletConnectors/chunk-R5GNFRXW.js +0 -96
  57. package/dist/wallets/walletConnectors/chunk-S2IWMXKX.js +0 -94
  58. package/dist/wallets/walletConnectors/chunk-WH7S23VZ.js +0 -73
  59. package/dist/wallets/walletConnectors/chunk-XB2GFXBL.js +0 -107
  60. package/dist/wallets/walletConnectors/chunk-XUXFYTCV.js +0 -96
package/dist/index.js CHANGED
@@ -4,14 +4,26 @@ import {
4
4
  } from "./chunk-SW6GAS7K.js";
5
5
  import {
6
6
  darkTheme
7
- } from "./chunk-ICLRFHOV.js";
7
+ } from "./chunk-BZPWFPPL.js";
8
8
  import {
9
9
  lightTheme
10
- } from "./chunk-FRT63PFR.js";
10
+ } from "./chunk-3AR2EI7X.js";
11
11
  import "./chunk-I24HX4XM.js";
12
12
 
13
+ // src/components/Dialog/DialogContent.css.ts
14
+ var bottomSheetOverrides = "_1pzt4237";
15
+ var dialogContent = "_1pzt4231 _1rsrm2fhb _1rsrm2fnb _1rsrm2fr _1rsrm2fv _1rsrm2fz _1rsrm2fpz _1rsrm2fa _1rsrm2f15 _1rsrm2fab _1rsrm2fcu";
16
+ var dialogContentCompactMode = "_1pzt4234 _1pzt4231 _1rsrm2fhb _1rsrm2fnb _1rsrm2fr _1rsrm2fv _1rsrm2fz _1rsrm2fpz _1rsrm2fa _1rsrm2f15 _1rsrm2fab _1rsrm2fcu";
17
+ var dialogContentMobile = "_1pzt4236 _1rsrm2fs";
18
+
19
+ // src/__private__/index.ts
20
+ var __private__ = {
21
+ dialogContent,
22
+ dialogContentMobile
23
+ };
24
+
13
25
  // src/components/ConnectButton/ConnectButton.tsx
14
- import React135, { useContext as useContext27, useEffect as useEffect34, useState as useState44 } from "react";
26
+ import React131, { useContext as useContext22, useEffect as useEffect31, useState as useState41 } from "react";
15
27
 
16
28
  // src/css/sprinkles.css.ts
17
29
  import { createMapValueFn as _51c72 } from "@vanilla-extract/sprinkles/createUtils";
@@ -19,8 +31,8 @@ import { createNormalizeValueFn as _a49f6 } from "@vanilla-extract/sprinkles/cre
19
31
  import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRuntimeSprinkles";
20
32
  var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
21
33
  var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
22
- var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fe3", hover: "_1rsrm2fe4", active: "_1rsrm2fe5", selection: "_1rsrm2fe6" }, defaultClass: "_1rsrm2fe3" }, accentColorForeground: { conditions: { base: "_1rsrm2fe7", hover: "_1rsrm2fe8", active: "_1rsrm2fe9", selection: "_1rsrm2fea" }, defaultClass: "_1rsrm2fe7" }, actionButtonBorder: { conditions: { base: "_1rsrm2feb", hover: "_1rsrm2fec", active: "_1rsrm2fed", selection: "_1rsrm2fee" }, defaultClass: "_1rsrm2feb" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fef", hover: "_1rsrm2feg", active: "_1rsrm2feh", selection: "_1rsrm2fei" }, defaultClass: "_1rsrm2fef" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fej", hover: "_1rsrm2fek", active: "_1rsrm2fel", selection: "_1rsrm2fem" }, defaultClass: "_1rsrm2fej" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fen", hover: "_1rsrm2feo", active: "_1rsrm2fep", selection: "_1rsrm2feq" }, defaultClass: "_1rsrm2fen" }, closeButton: { conditions: { base: "_1rsrm2fer", hover: "_1rsrm2fes", active: "_1rsrm2fet", selection: "_1rsrm2feu" }, defaultClass: "_1rsrm2fer" }, closeButtonBackground: { conditions: { base: "_1rsrm2fev", hover: "_1rsrm2few", active: "_1rsrm2fex", selection: "_1rsrm2fey" }, defaultClass: "_1rsrm2fev" }, connectButtonBackground: { conditions: { base: "_1rsrm2fez", hover: "_1rsrm2ff0", active: "_1rsrm2ff1", selection: "_1rsrm2ff2" }, defaultClass: "_1rsrm2fez" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ff3", hover: "_1rsrm2ff4", active: "_1rsrm2ff5", selection: "_1rsrm2ff6" }, defaultClass: "_1rsrm2ff3" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2ff7", hover: "_1rsrm2ff8", active: "_1rsrm2ff9", selection: "_1rsrm2ffa" }, defaultClass: "_1rsrm2ff7" }, connectButtonText: { conditions: { base: "_1rsrm2ffb", hover: "_1rsrm2ffc", active: "_1rsrm2ffd", selection: "_1rsrm2ffe" }, defaultClass: "_1rsrm2ffb" }, connectButtonTextError: { conditions: { base: "_1rsrm2fff", hover: "_1rsrm2ffg", active: "_1rsrm2ffh", selection: "_1rsrm2ffi" }, defaultClass: "_1rsrm2fff" }, connectionIndicator: { conditions: { base: "_1rsrm2ffj", hover: "_1rsrm2ffk", active: "_1rsrm2ffl", selection: "_1rsrm2ffm" }, defaultClass: "_1rsrm2ffj" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2ffn", hover: "_1rsrm2ffo", active: "_1rsrm2ffp", selection: "_1rsrm2ffq" }, defaultClass: "_1rsrm2ffn" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2ffr", hover: "_1rsrm2ffs", active: "_1rsrm2fft", selection: "_1rsrm2ffu" }, defaultClass: "_1rsrm2ffr" }, error: { conditions: { base: "_1rsrm2ffv", hover: "_1rsrm2ffw", active: "_1rsrm2ffx", selection: "_1rsrm2ffy" }, defaultClass: "_1rsrm2ffv" }, generalBorder: { conditions: { base: "_1rsrm2ffz", hover: "_1rsrm2fg0", active: "_1rsrm2fg1", selection: "_1rsrm2fg2" }, defaultClass: "_1rsrm2ffz" }, generalBorderDim: { conditions: { base: "_1rsrm2fg3", hover: "_1rsrm2fg4", active: "_1rsrm2fg5", selection: "_1rsrm2fg6" }, defaultClass: "_1rsrm2fg3" }, menuItemBackground: { conditions: { base: "_1rsrm2fg7", hover: "_1rsrm2fg8", active: "_1rsrm2fg9", selection: "_1rsrm2fga" }, defaultClass: "_1rsrm2fg7" }, modalText: { conditions: { base: "_1rsrm2fgb", hover: "_1rsrm2fgc", active: "_1rsrm2fgd", selection: "_1rsrm2fge" }, defaultClass: "_1rsrm2fgb" }, modalTextDim: { conditions: { base: "_1rsrm2fgf", hover: "_1rsrm2fgg", active: "_1rsrm2fgh", selection: "_1rsrm2fgi" }, defaultClass: "_1rsrm2fgf" }, modalTextSecondary: { conditions: { base: "_1rsrm2fgj", hover: "_1rsrm2fgk", active: "_1rsrm2fgl", selection: "_1rsrm2fgm" }, defaultClass: "_1rsrm2fgj" }, profileAction: { conditions: { base: "_1rsrm2fgn", hover: "_1rsrm2fgo", active: "_1rsrm2fgp", selection: "_1rsrm2fgq" }, defaultClass: "_1rsrm2fgn" }, profileActionHover: { conditions: { base: "_1rsrm2fgr", hover: "_1rsrm2fgs", active: "_1rsrm2fgt", selection: "_1rsrm2fgu" }, defaultClass: "_1rsrm2fgr" }, profileForeground: { conditions: { base: "_1rsrm2fgv", hover: "_1rsrm2fgw", active: "_1rsrm2fgx", selection: "_1rsrm2fgy" }, defaultClass: "_1rsrm2fgv" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fgz", hover: "_1rsrm2fh0", active: "_1rsrm2fh1", selection: "_1rsrm2fh2" }, defaultClass: "_1rsrm2fgz" }, paymentOptionBorderBase: { conditions: { base: "_1rsrm2fh3", hover: "_1rsrm2fh4", active: "_1rsrm2fh5", selection: "_1rsrm2fh6" }, defaultClass: "_1rsrm2fh3" }, paymentOptionBorderHover: { conditions: { base: "_1rsrm2fh7", hover: "_1rsrm2fh8", active: "_1rsrm2fh9", selection: "_1rsrm2fha" }, defaultClass: "_1rsrm2fh7" }, paymentOptionBorderActive: { conditions: { base: "_1rsrm2fhb", hover: "_1rsrm2fhc", active: "_1rsrm2fhd", selection: "_1rsrm2fhe" }, defaultClass: "_1rsrm2fhb" }, paymentOptionBorderActiveHover: { conditions: { base: "_1rsrm2fhf", hover: "_1rsrm2fhg", active: "_1rsrm2fhh", selection: "_1rsrm2fhi" }, defaultClass: "_1rsrm2fhf" }, standby: { conditions: { base: "_1rsrm2fhj", hover: "_1rsrm2fhk", active: "_1rsrm2fhl", selection: "_1rsrm2fhm" }, defaultClass: "_1rsrm2fhj" }, solidLine: { conditions: { base: "_1rsrm2fhn", hover: "_1rsrm2fho", active: "_1rsrm2fhp", selection: "_1rsrm2fhq" }, defaultClass: "_1rsrm2fhn" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fhr", hover: "_1rsrm2fhs", active: "_1rsrm2fht", selection: "_1rsrm2fhu" }, defaultClass: "_1rsrm2fhr" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fhv", hover: "_1rsrm2fhw", active: "_1rsrm2fhx", selection: "_1rsrm2fhy" }, defaultClass: "_1rsrm2fhv" }, loadingBase: { conditions: { base: "_1rsrm2fhz", hover: "_1rsrm2fi0", active: "_1rsrm2fi1", selection: "_1rsrm2fi2" }, defaultClass: "_1rsrm2fhz" }, loadingAccent: { conditions: { base: "_1rsrm2fi3", hover: "_1rsrm2fi4", active: "_1rsrm2fi5", selection: "_1rsrm2fi6" }, defaultClass: "_1rsrm2fi3" }, modalBackdrop: { conditions: { base: "_1rsrm2fi7", hover: "_1rsrm2fi8", active: "_1rsrm2fi9", selection: "_1rsrm2fia" }, defaultClass: "_1rsrm2fi7" }, modalBackground: { conditions: { base: "_1rsrm2fib", hover: "_1rsrm2fic", active: "_1rsrm2fid", selection: "_1rsrm2fie" }, defaultClass: "_1rsrm2fib" }, modalBorder: { conditions: { base: "_1rsrm2fif", hover: "_1rsrm2fig", active: "_1rsrm2fih", selection: "_1rsrm2fii" }, defaultClass: "_1rsrm2fif" }, notificationPrimary: { conditions: { base: "_1rsrm2fij", hover: "_1rsrm2fik", active: "_1rsrm2fil", selection: "_1rsrm2fim" }, defaultClass: "_1rsrm2fij" }, textPrimary: { conditions: { base: "_1rsrm2fin", hover: "_1rsrm2fio", active: "_1rsrm2fip", selection: "_1rsrm2fiq" }, defaultClass: "_1rsrm2fin" }, textSecondary: { conditions: { base: "_1rsrm2fir", hover: "_1rsrm2fis", active: "_1rsrm2fit", selection: "_1rsrm2fiu" }, defaultClass: "_1rsrm2fir" }, textTertiary: { conditions: { base: "_1rsrm2fiv", hover: "_1rsrm2fiw", active: "_1rsrm2fix", selection: "_1rsrm2fiy" }, defaultClass: "_1rsrm2fiv" }, textDisabled: { conditions: { base: "_1rsrm2fiz", hover: "_1rsrm2fj0", active: "_1rsrm2fj1", selection: "_1rsrm2fj2" }, defaultClass: "_1rsrm2fiz" }, textSelection: { conditions: { base: "_1rsrm2fj3", hover: "_1rsrm2fj4", active: "_1rsrm2fj5", selection: "_1rsrm2fj6" }, defaultClass: "_1rsrm2fj3" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fj7", hover: "_1rsrm2fj8", active: "_1rsrm2fj9", selection: "_1rsrm2fja" }, defaultClass: "_1rsrm2fj7" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fjb", hover: "_1rsrm2fjc", active: "_1rsrm2fjd", selection: "_1rsrm2fje" }, defaultClass: "_1rsrm2fjb" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fjf", hover: "_1rsrm2fjg", active: "_1rsrm2fjh", selection: "_1rsrm2fji" }, defaultClass: "_1rsrm2fjf" }, optionBackground: { conditions: { base: "_1rsrm2fjj", hover: "_1rsrm2fjk", active: "_1rsrm2fjl", selection: "_1rsrm2fjm" }, defaultClass: "_1rsrm2fjj" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fjn", hover: "_1rsrm2fjo", active: "_1rsrm2fjp", selection: "_1rsrm2fjq" }, defaultClass: "_1rsrm2fjn" }, buttonPrimary: { conditions: { base: "_1rsrm2fjr", hover: "_1rsrm2fjs", active: "_1rsrm2fjt", selection: "_1rsrm2fju" }, defaultClass: "_1rsrm2fjr" }, buttonProcessing: { conditions: { base: "_1rsrm2fjv", hover: "_1rsrm2fjw", active: "_1rsrm2fjx", selection: "_1rsrm2fjy" }, defaultClass: "_1rsrm2fjv" }, buttonDisabled: { conditions: { base: "_1rsrm2fjz", hover: "_1rsrm2fk0", active: "_1rsrm2fk1", selection: "_1rsrm2fk2" }, defaultClass: "_1rsrm2fjz" }, buttonWarning: { conditions: { base: "_1rsrm2fk3", hover: "_1rsrm2fk4", active: "_1rsrm2fk5", selection: "_1rsrm2fk6" }, defaultClass: "_1rsrm2fk3" }, buttonSuccess: { conditions: { base: "_1rsrm2fk7", hover: "_1rsrm2fk8", active: "_1rsrm2fk9", selection: "_1rsrm2fka" }, defaultClass: "_1rsrm2fk7" }, buttonTextWarning: { conditions: { base: "_1rsrm2fkb", hover: "_1rsrm2fkc", active: "_1rsrm2fkd", selection: "_1rsrm2fke" }, defaultClass: "_1rsrm2fkb" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fkf", hover: "_1rsrm2fkg", active: "_1rsrm2fkh", selection: "_1rsrm2fki" }, defaultClass: "_1rsrm2fkf" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fkj", hover: "_1rsrm2fkk", active: "_1rsrm2fkl", selection: "_1rsrm2fkm" }, defaultClass: "_1rsrm2fkj" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fkn", hover: "_1rsrm2fko", active: "_1rsrm2fkp", selection: "_1rsrm2fkq" }, defaultClass: "_1rsrm2fkn" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fkr", hover: "_1rsrm2fks", active: "_1rsrm2fkt", selection: "_1rsrm2fku" }, defaultClass: "_1rsrm2fkr" }, transparent: { conditions: { base: "_1rsrm2fkv", hover: "_1rsrm2fkw", active: "_1rsrm2fkx", selection: "_1rsrm2fky" }, defaultClass: "_1rsrm2fkv" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fkz", hover: "_1rsrm2fl0", active: "_1rsrm2fl1", selection: "_1rsrm2fl2" }, defaultClass: "_1rsrm2fkz" }, accentColorForeground: { conditions: { base: "_1rsrm2fl3", hover: "_1rsrm2fl4", active: "_1rsrm2fl5", selection: "_1rsrm2fl6" }, defaultClass: "_1rsrm2fl3" }, actionButtonBorder: { conditions: { base: "_1rsrm2fl7", hover: "_1rsrm2fl8", active: "_1rsrm2fl9", selection: "_1rsrm2fla" }, defaultClass: "_1rsrm2fl7" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2flb", hover: "_1rsrm2flc", active: "_1rsrm2fld", selection: "_1rsrm2fle" }, defaultClass: "_1rsrm2flb" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2flf", hover: "_1rsrm2flg", active: "_1rsrm2flh", selection: "_1rsrm2fli" }, defaultClass: "_1rsrm2flf" }, actionButtonDisabled: { conditions: { base: "_1rsrm2flj", hover: "_1rsrm2flk", active: "_1rsrm2fll", selection: "_1rsrm2flm" }, defaultClass: "_1rsrm2flj" }, closeButton: { conditions: { base: "_1rsrm2fln", hover: "_1rsrm2flo", active: "_1rsrm2flp", selection: "_1rsrm2flq" }, defaultClass: "_1rsrm2fln" }, closeButtonBackground: { conditions: { base: "_1rsrm2flr", hover: "_1rsrm2fls", active: "_1rsrm2flt", selection: "_1rsrm2flu" }, defaultClass: "_1rsrm2flr" }, connectButtonBackground: { conditions: { base: "_1rsrm2flv", hover: "_1rsrm2flw", active: "_1rsrm2flx", selection: "_1rsrm2fly" }, defaultClass: "_1rsrm2flv" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2flz", hover: "_1rsrm2fm0", active: "_1rsrm2fm1", selection: "_1rsrm2fm2" }, defaultClass: "_1rsrm2flz" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fm3", hover: "_1rsrm2fm4", active: "_1rsrm2fm5", selection: "_1rsrm2fm6" }, defaultClass: "_1rsrm2fm3" }, connectButtonText: { conditions: { base: "_1rsrm2fm7", hover: "_1rsrm2fm8", active: "_1rsrm2fm9", selection: "_1rsrm2fma" }, defaultClass: "_1rsrm2fm7" }, connectButtonTextError: { conditions: { base: "_1rsrm2fmb", hover: "_1rsrm2fmc", active: "_1rsrm2fmd", selection: "_1rsrm2fme" }, defaultClass: "_1rsrm2fmb" }, connectionIndicator: { conditions: { base: "_1rsrm2fmf", hover: "_1rsrm2fmg", active: "_1rsrm2fmh", selection: "_1rsrm2fmi" }, defaultClass: "_1rsrm2fmf" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fmj", hover: "_1rsrm2fmk", active: "_1rsrm2fml", selection: "_1rsrm2fmm" }, defaultClass: "_1rsrm2fmj" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fmn", hover: "_1rsrm2fmo", active: "_1rsrm2fmp", selection: "_1rsrm2fmq" }, defaultClass: "_1rsrm2fmn" }, error: { conditions: { base: "_1rsrm2fmr", hover: "_1rsrm2fms", active: "_1rsrm2fmt", selection: "_1rsrm2fmu" }, defaultClass: "_1rsrm2fmr" }, generalBorder: { conditions: { base: "_1rsrm2fmv", hover: "_1rsrm2fmw", active: "_1rsrm2fmx", selection: "_1rsrm2fmy" }, defaultClass: "_1rsrm2fmv" }, generalBorderDim: { conditions: { base: "_1rsrm2fmz", hover: "_1rsrm2fn0", active: "_1rsrm2fn1", selection: "_1rsrm2fn2" }, defaultClass: "_1rsrm2fmz" }, menuItemBackground: { conditions: { base: "_1rsrm2fn3", hover: "_1rsrm2fn4", active: "_1rsrm2fn5", selection: "_1rsrm2fn6" }, defaultClass: "_1rsrm2fn3" }, modalText: { conditions: { base: "_1rsrm2fn7", hover: "_1rsrm2fn8", active: "_1rsrm2fn9", selection: "_1rsrm2fna" }, defaultClass: "_1rsrm2fn7" }, modalTextDim: { conditions: { base: "_1rsrm2fnb", hover: "_1rsrm2fnc", active: "_1rsrm2fnd", selection: "_1rsrm2fne" }, defaultClass: "_1rsrm2fnb" }, modalTextSecondary: { conditions: { base: "_1rsrm2fnf", hover: "_1rsrm2fng", active: "_1rsrm2fnh", selection: "_1rsrm2fni" }, defaultClass: "_1rsrm2fnf" }, profileAction: { conditions: { base: "_1rsrm2fnj", hover: "_1rsrm2fnk", active: "_1rsrm2fnl", selection: "_1rsrm2fnm" }, defaultClass: "_1rsrm2fnj" }, profileActionHover: { conditions: { base: "_1rsrm2fnn", hover: "_1rsrm2fno", active: "_1rsrm2fnp", selection: "_1rsrm2fnq" }, defaultClass: "_1rsrm2fnn" }, profileForeground: { conditions: { base: "_1rsrm2fnr", hover: "_1rsrm2fns", active: "_1rsrm2fnt", selection: "_1rsrm2fnu" }, defaultClass: "_1rsrm2fnr" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fnv", hover: "_1rsrm2fnw", active: "_1rsrm2fnx", selection: "_1rsrm2fny" }, defaultClass: "_1rsrm2fnv" }, paymentOptionBorderBase: { conditions: { base: "_1rsrm2fnz", hover: "_1rsrm2fo0", active: "_1rsrm2fo1", selection: "_1rsrm2fo2" }, defaultClass: "_1rsrm2fnz" }, paymentOptionBorderHover: { conditions: { base: "_1rsrm2fo3", hover: "_1rsrm2fo4", active: "_1rsrm2fo5", selection: "_1rsrm2fo6" }, defaultClass: "_1rsrm2fo3" }, paymentOptionBorderActive: { conditions: { base: "_1rsrm2fo7", hover: "_1rsrm2fo8", active: "_1rsrm2fo9", selection: "_1rsrm2foa" }, defaultClass: "_1rsrm2fo7" }, paymentOptionBorderActiveHover: { conditions: { base: "_1rsrm2fob", hover: "_1rsrm2foc", active: "_1rsrm2fod", selection: "_1rsrm2foe" }, defaultClass: "_1rsrm2fob" }, standby: { conditions: { base: "_1rsrm2fof", hover: "_1rsrm2fog", active: "_1rsrm2foh", selection: "_1rsrm2foi" }, defaultClass: "_1rsrm2fof" }, solidLine: { conditions: { base: "_1rsrm2foj", hover: "_1rsrm2fok", active: "_1rsrm2fol", selection: "_1rsrm2fom" }, defaultClass: "_1rsrm2foj" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fon", hover: "_1rsrm2foo", active: "_1rsrm2fop", selection: "_1rsrm2foq" }, defaultClass: "_1rsrm2fon" }, rightTranslucentLine: { conditions: { base: "_1rsrm2for", hover: "_1rsrm2fos", active: "_1rsrm2fot", selection: "_1rsrm2fou" }, defaultClass: "_1rsrm2for" }, loadingBase: { conditions: { base: "_1rsrm2fov", hover: "_1rsrm2fow", active: "_1rsrm2fox", selection: "_1rsrm2foy" }, defaultClass: "_1rsrm2fov" }, loadingAccent: { conditions: { base: "_1rsrm2foz", hover: "_1rsrm2fp0", active: "_1rsrm2fp1", selection: "_1rsrm2fp2" }, defaultClass: "_1rsrm2foz" }, modalBackdrop: { conditions: { base: "_1rsrm2fp3", hover: "_1rsrm2fp4", active: "_1rsrm2fp5", selection: "_1rsrm2fp6" }, defaultClass: "_1rsrm2fp3" }, modalBackground: { conditions: { base: "_1rsrm2fp7", hover: "_1rsrm2fp8", active: "_1rsrm2fp9", selection: "_1rsrm2fpa" }, defaultClass: "_1rsrm2fp7" }, modalBorder: { conditions: { base: "_1rsrm2fpb", hover: "_1rsrm2fpc", active: "_1rsrm2fpd", selection: "_1rsrm2fpe" }, defaultClass: "_1rsrm2fpb" }, notificationPrimary: { conditions: { base: "_1rsrm2fpf", hover: "_1rsrm2fpg", active: "_1rsrm2fph", selection: "_1rsrm2fpi" }, defaultClass: "_1rsrm2fpf" }, textPrimary: { conditions: { base: "_1rsrm2fpj", hover: "_1rsrm2fpk", active: "_1rsrm2fpl", selection: "_1rsrm2fpm" }, defaultClass: "_1rsrm2fpj" }, textSecondary: { conditions: { base: "_1rsrm2fpn", hover: "_1rsrm2fpo", active: "_1rsrm2fpp", selection: "_1rsrm2fpq" }, defaultClass: "_1rsrm2fpn" }, textTertiary: { conditions: { base: "_1rsrm2fpr", hover: "_1rsrm2fps", active: "_1rsrm2fpt", selection: "_1rsrm2fpu" }, defaultClass: "_1rsrm2fpr" }, textDisabled: { conditions: { base: "_1rsrm2fpv", hover: "_1rsrm2fpw", active: "_1rsrm2fpx", selection: "_1rsrm2fpy" }, defaultClass: "_1rsrm2fpv" }, textSelection: { conditions: { base: "_1rsrm2fpz", hover: "_1rsrm2fq0", active: "_1rsrm2fq1", selection: "_1rsrm2fq2" }, defaultClass: "_1rsrm2fpz" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fq3", hover: "_1rsrm2fq4", active: "_1rsrm2fq5", selection: "_1rsrm2fq6" }, defaultClass: "_1rsrm2fq3" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fq7", hover: "_1rsrm2fq8", active: "_1rsrm2fq9", selection: "_1rsrm2fqa" }, defaultClass: "_1rsrm2fq7" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fqb", hover: "_1rsrm2fqc", active: "_1rsrm2fqd", selection: "_1rsrm2fqe" }, defaultClass: "_1rsrm2fqb" }, optionBackground: { conditions: { base: "_1rsrm2fqf", hover: "_1rsrm2fqg", active: "_1rsrm2fqh", selection: "_1rsrm2fqi" }, defaultClass: "_1rsrm2fqf" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fqj", hover: "_1rsrm2fqk", active: "_1rsrm2fql", selection: "_1rsrm2fqm" }, defaultClass: "_1rsrm2fqj" }, buttonPrimary: { conditions: { base: "_1rsrm2fqn", hover: "_1rsrm2fqo", active: "_1rsrm2fqp", selection: "_1rsrm2fqq" }, defaultClass: "_1rsrm2fqn" }, buttonProcessing: { conditions: { base: "_1rsrm2fqr", hover: "_1rsrm2fqs", active: "_1rsrm2fqt", selection: "_1rsrm2fqu" }, defaultClass: "_1rsrm2fqr" }, buttonDisabled: { conditions: { base: "_1rsrm2fqv", hover: "_1rsrm2fqw", active: "_1rsrm2fqx", selection: "_1rsrm2fqy" }, defaultClass: "_1rsrm2fqv" }, buttonWarning: { conditions: { base: "_1rsrm2fqz", hover: "_1rsrm2fr0", active: "_1rsrm2fr1", selection: "_1rsrm2fr2" }, defaultClass: "_1rsrm2fqz" }, buttonSuccess: { conditions: { base: "_1rsrm2fr3", hover: "_1rsrm2fr4", active: "_1rsrm2fr5", selection: "_1rsrm2fr6" }, defaultClass: "_1rsrm2fr3" }, buttonTextWarning: { conditions: { base: "_1rsrm2fr7", hover: "_1rsrm2fr8", active: "_1rsrm2fr9", selection: "_1rsrm2fra" }, defaultClass: "_1rsrm2fr7" }, buttonTextSuccess: { conditions: { base: "_1rsrm2frb", hover: "_1rsrm2frc", active: "_1rsrm2frd", selection: "_1rsrm2fre" }, defaultClass: "_1rsrm2frb" }, buttonTextPrimary: { conditions: { base: "_1rsrm2frf", hover: "_1rsrm2frg", active: "_1rsrm2frh", selection: "_1rsrm2fri" }, defaultClass: "_1rsrm2frf" }, buttonTextSecondary: { conditions: { base: "_1rsrm2frj", hover: "_1rsrm2frk", active: "_1rsrm2frl", selection: "_1rsrm2frm" }, defaultClass: "_1rsrm2frj" }, buttonTextDisabled: { conditions: { base: "_1rsrm2frn", hover: "_1rsrm2fro", active: "_1rsrm2frp", selection: "_1rsrm2frq" }, defaultClass: "_1rsrm2frn" }, transparent: { conditions: { base: "_1rsrm2frr", hover: "_1rsrm2frs", active: "_1rsrm2frt", selection: "_1rsrm2fru" }, defaultClass: "_1rsrm2frr" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2frv", hover: "_1rsrm2frw", active: "_1rsrm2frx", selection: "_1rsrm2fry" }, defaultClass: "_1rsrm2frv" }, dialog: { conditions: { base: "_1rsrm2frz", hover: "_1rsrm2fs0", active: "_1rsrm2fs1", selection: "_1rsrm2fs2" }, defaultClass: "_1rsrm2frz" }, profileDetailsAction: { conditions: { base: "_1rsrm2fs3", hover: "_1rsrm2fs4", active: "_1rsrm2fs5", selection: "_1rsrm2fs6" }, defaultClass: "_1rsrm2fs3" }, selectedOption: { conditions: { base: "_1rsrm2fs7", hover: "_1rsrm2fs8", active: "_1rsrm2fs9", selection: "_1rsrm2fsa" }, defaultClass: "_1rsrm2fs7" }, selectedWallet: { conditions: { base: "_1rsrm2fsb", hover: "_1rsrm2fsc", active: "_1rsrm2fsd", selection: "_1rsrm2fse" }, defaultClass: "_1rsrm2fsb" }, walletLogo: { conditions: { base: "_1rsrm2fsf", hover: "_1rsrm2fsg", active: "_1rsrm2fsh", selection: "_1rsrm2fsi" }, defaultClass: "_1rsrm2fsf" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fsj", hover: "_1rsrm2fsk", active: "_1rsrm2fsl", selection: "_1rsrm2fsm" }, defaultClass: "_1rsrm2fsj" }, accentColorForeground: { conditions: { base: "_1rsrm2fsn", hover: "_1rsrm2fso", active: "_1rsrm2fsp", selection: "_1rsrm2fsq" }, defaultClass: "_1rsrm2fsn" }, actionButtonBorder: { conditions: { base: "_1rsrm2fsr", hover: "_1rsrm2fss", active: "_1rsrm2fst", selection: "_1rsrm2fsu" }, defaultClass: "_1rsrm2fsr" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fsv", hover: "_1rsrm2fsw", active: "_1rsrm2fsx", selection: "_1rsrm2fsy" }, defaultClass: "_1rsrm2fsv" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fsz", hover: "_1rsrm2ft0", active: "_1rsrm2ft1", selection: "_1rsrm2ft2" }, defaultClass: "_1rsrm2fsz" }, actionButtonDisabled: { conditions: { base: "_1rsrm2ft3", hover: "_1rsrm2ft4", active: "_1rsrm2ft5", selection: "_1rsrm2ft6" }, defaultClass: "_1rsrm2ft3" }, closeButton: { conditions: { base: "_1rsrm2ft7", hover: "_1rsrm2ft8", active: "_1rsrm2ft9", selection: "_1rsrm2fta" }, defaultClass: "_1rsrm2ft7" }, closeButtonBackground: { conditions: { base: "_1rsrm2ftb", hover: "_1rsrm2ftc", active: "_1rsrm2ftd", selection: "_1rsrm2fte" }, defaultClass: "_1rsrm2ftb" }, connectButtonBackground: { conditions: { base: "_1rsrm2ftf", hover: "_1rsrm2ftg", active: "_1rsrm2fth", selection: "_1rsrm2fti" }, defaultClass: "_1rsrm2ftf" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ftj", hover: "_1rsrm2ftk", active: "_1rsrm2ftl", selection: "_1rsrm2ftm" }, defaultClass: "_1rsrm2ftj" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2ftn", hover: "_1rsrm2fto", active: "_1rsrm2ftp", selection: "_1rsrm2ftq" }, defaultClass: "_1rsrm2ftn" }, connectButtonText: { conditions: { base: "_1rsrm2ftr", hover: "_1rsrm2fts", active: "_1rsrm2ftt", selection: "_1rsrm2ftu" }, defaultClass: "_1rsrm2ftr" }, connectButtonTextError: { conditions: { base: "_1rsrm2ftv", hover: "_1rsrm2ftw", active: "_1rsrm2ftx", selection: "_1rsrm2fty" }, defaultClass: "_1rsrm2ftv" }, connectionIndicator: { conditions: { base: "_1rsrm2ftz", hover: "_1rsrm2fu0", active: "_1rsrm2fu1", selection: "_1rsrm2fu2" }, defaultClass: "_1rsrm2ftz" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fu3", hover: "_1rsrm2fu4", active: "_1rsrm2fu5", selection: "_1rsrm2fu6" }, defaultClass: "_1rsrm2fu3" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fu7", hover: "_1rsrm2fu8", active: "_1rsrm2fu9", selection: "_1rsrm2fua" }, defaultClass: "_1rsrm2fu7" }, error: { conditions: { base: "_1rsrm2fub", hover: "_1rsrm2fuc", active: "_1rsrm2fud", selection: "_1rsrm2fue" }, defaultClass: "_1rsrm2fub" }, generalBorder: { conditions: { base: "_1rsrm2fuf", hover: "_1rsrm2fug", active: "_1rsrm2fuh", selection: "_1rsrm2fui" }, defaultClass: "_1rsrm2fuf" }, generalBorderDim: { conditions: { base: "_1rsrm2fuj", hover: "_1rsrm2fuk", active: "_1rsrm2ful", selection: "_1rsrm2fum" }, defaultClass: "_1rsrm2fuj" }, menuItemBackground: { conditions: { base: "_1rsrm2fun", hover: "_1rsrm2fuo", active: "_1rsrm2fup", selection: "_1rsrm2fuq" }, defaultClass: "_1rsrm2fun" }, modalText: { conditions: { base: "_1rsrm2fur", hover: "_1rsrm2fus", active: "_1rsrm2fut", selection: "_1rsrm2fuu" }, defaultClass: "_1rsrm2fur" }, modalTextDim: { conditions: { base: "_1rsrm2fuv", hover: "_1rsrm2fuw", active: "_1rsrm2fux", selection: "_1rsrm2fuy" }, defaultClass: "_1rsrm2fuv" }, modalTextSecondary: { conditions: { base: "_1rsrm2fuz", hover: "_1rsrm2fv0", active: "_1rsrm2fv1", selection: "_1rsrm2fv2" }, defaultClass: "_1rsrm2fuz" }, profileAction: { conditions: { base: "_1rsrm2fv3", hover: "_1rsrm2fv4", active: "_1rsrm2fv5", selection: "_1rsrm2fv6" }, defaultClass: "_1rsrm2fv3" }, profileActionHover: { conditions: { base: "_1rsrm2fv7", hover: "_1rsrm2fv8", active: "_1rsrm2fv9", selection: "_1rsrm2fva" }, defaultClass: "_1rsrm2fv7" }, profileForeground: { conditions: { base: "_1rsrm2fvb", hover: "_1rsrm2fvc", active: "_1rsrm2fvd", selection: "_1rsrm2fve" }, defaultClass: "_1rsrm2fvb" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fvf", hover: "_1rsrm2fvg", active: "_1rsrm2fvh", selection: "_1rsrm2fvi" }, defaultClass: "_1rsrm2fvf" }, paymentOptionBorderBase: { conditions: { base: "_1rsrm2fvj", hover: "_1rsrm2fvk", active: "_1rsrm2fvl", selection: "_1rsrm2fvm" }, defaultClass: "_1rsrm2fvj" }, paymentOptionBorderHover: { conditions: { base: "_1rsrm2fvn", hover: "_1rsrm2fvo", active: "_1rsrm2fvp", selection: "_1rsrm2fvq" }, defaultClass: "_1rsrm2fvn" }, paymentOptionBorderActive: { conditions: { base: "_1rsrm2fvr", hover: "_1rsrm2fvs", active: "_1rsrm2fvt", selection: "_1rsrm2fvu" }, defaultClass: "_1rsrm2fvr" }, paymentOptionBorderActiveHover: { conditions: { base: "_1rsrm2fvv", hover: "_1rsrm2fvw", active: "_1rsrm2fvx", selection: "_1rsrm2fvy" }, defaultClass: "_1rsrm2fvv" }, standby: { conditions: { base: "_1rsrm2fvz", hover: "_1rsrm2fw0", active: "_1rsrm2fw1", selection: "_1rsrm2fw2" }, defaultClass: "_1rsrm2fvz" }, solidLine: { conditions: { base: "_1rsrm2fw3", hover: "_1rsrm2fw4", active: "_1rsrm2fw5", selection: "_1rsrm2fw6" }, defaultClass: "_1rsrm2fw3" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fw7", hover: "_1rsrm2fw8", active: "_1rsrm2fw9", selection: "_1rsrm2fwa" }, defaultClass: "_1rsrm2fw7" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fwb", hover: "_1rsrm2fwc", active: "_1rsrm2fwd", selection: "_1rsrm2fwe" }, defaultClass: "_1rsrm2fwb" }, loadingBase: { conditions: { base: "_1rsrm2fwf", hover: "_1rsrm2fwg", active: "_1rsrm2fwh", selection: "_1rsrm2fwi" }, defaultClass: "_1rsrm2fwf" }, loadingAccent: { conditions: { base: "_1rsrm2fwj", hover: "_1rsrm2fwk", active: "_1rsrm2fwl", selection: "_1rsrm2fwm" }, defaultClass: "_1rsrm2fwj" }, modalBackdrop: { conditions: { base: "_1rsrm2fwn", hover: "_1rsrm2fwo", active: "_1rsrm2fwp", selection: "_1rsrm2fwq" }, defaultClass: "_1rsrm2fwn" }, modalBackground: { conditions: { base: "_1rsrm2fwr", hover: "_1rsrm2fws", active: "_1rsrm2fwt", selection: "_1rsrm2fwu" }, defaultClass: "_1rsrm2fwr" }, modalBorder: { conditions: { base: "_1rsrm2fwv", hover: "_1rsrm2fww", active: "_1rsrm2fwx", selection: "_1rsrm2fwy" }, defaultClass: "_1rsrm2fwv" }, notificationPrimary: { conditions: { base: "_1rsrm2fwz", hover: "_1rsrm2fx0", active: "_1rsrm2fx1", selection: "_1rsrm2fx2" }, defaultClass: "_1rsrm2fwz" }, textPrimary: { conditions: { base: "_1rsrm2fx3", hover: "_1rsrm2fx4", active: "_1rsrm2fx5", selection: "_1rsrm2fx6" }, defaultClass: "_1rsrm2fx3" }, textSecondary: { conditions: { base: "_1rsrm2fx7", hover: "_1rsrm2fx8", active: "_1rsrm2fx9", selection: "_1rsrm2fxa" }, defaultClass: "_1rsrm2fx7" }, textTertiary: { conditions: { base: "_1rsrm2fxb", hover: "_1rsrm2fxc", active: "_1rsrm2fxd", selection: "_1rsrm2fxe" }, defaultClass: "_1rsrm2fxb" }, textDisabled: { conditions: { base: "_1rsrm2fxf", hover: "_1rsrm2fxg", active: "_1rsrm2fxh", selection: "_1rsrm2fxi" }, defaultClass: "_1rsrm2fxf" }, textSelection: { conditions: { base: "_1rsrm2fxj", hover: "_1rsrm2fxk", active: "_1rsrm2fxl", selection: "_1rsrm2fxm" }, defaultClass: "_1rsrm2fxj" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fxn", hover: "_1rsrm2fxo", active: "_1rsrm2fxp", selection: "_1rsrm2fxq" }, defaultClass: "_1rsrm2fxn" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fxr", hover: "_1rsrm2fxs", active: "_1rsrm2fxt", selection: "_1rsrm2fxu" }, defaultClass: "_1rsrm2fxr" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fxv", hover: "_1rsrm2fxw", active: "_1rsrm2fxx", selection: "_1rsrm2fxy" }, defaultClass: "_1rsrm2fxv" }, optionBackground: { conditions: { base: "_1rsrm2fxz", hover: "_1rsrm2fy0", active: "_1rsrm2fy1", selection: "_1rsrm2fy2" }, defaultClass: "_1rsrm2fxz" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fy3", hover: "_1rsrm2fy4", active: "_1rsrm2fy5", selection: "_1rsrm2fy6" }, defaultClass: "_1rsrm2fy3" }, buttonPrimary: { conditions: { base: "_1rsrm2fy7", hover: "_1rsrm2fy8", active: "_1rsrm2fy9", selection: "_1rsrm2fya" }, defaultClass: "_1rsrm2fy7" }, buttonProcessing: { conditions: { base: "_1rsrm2fyb", hover: "_1rsrm2fyc", active: "_1rsrm2fyd", selection: "_1rsrm2fye" }, defaultClass: "_1rsrm2fyb" }, buttonDisabled: { conditions: { base: "_1rsrm2fyf", hover: "_1rsrm2fyg", active: "_1rsrm2fyh", selection: "_1rsrm2fyi" }, defaultClass: "_1rsrm2fyf" }, buttonWarning: { conditions: { base: "_1rsrm2fyj", hover: "_1rsrm2fyk", active: "_1rsrm2fyl", selection: "_1rsrm2fym" }, defaultClass: "_1rsrm2fyj" }, buttonSuccess: { conditions: { base: "_1rsrm2fyn", hover: "_1rsrm2fyo", active: "_1rsrm2fyp", selection: "_1rsrm2fyq" }, defaultClass: "_1rsrm2fyn" }, buttonTextWarning: { conditions: { base: "_1rsrm2fyr", hover: "_1rsrm2fys", active: "_1rsrm2fyt", selection: "_1rsrm2fyu" }, defaultClass: "_1rsrm2fyr" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fyv", hover: "_1rsrm2fyw", active: "_1rsrm2fyx", selection: "_1rsrm2fyy" }, defaultClass: "_1rsrm2fyv" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fyz", hover: "_1rsrm2fz0", active: "_1rsrm2fz1", selection: "_1rsrm2fz2" }, defaultClass: "_1rsrm2fyz" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fz3", hover: "_1rsrm2fz4", active: "_1rsrm2fz5", selection: "_1rsrm2fz6" }, defaultClass: "_1rsrm2fz3" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fz7", hover: "_1rsrm2fz8", active: "_1rsrm2fz9", selection: "_1rsrm2fza" }, defaultClass: "_1rsrm2fz7" }, transparent: { conditions: { base: "_1rsrm2fzb", hover: "_1rsrm2fzc", active: "_1rsrm2fzd", selection: "_1rsrm2fze" }, defaultClass: "_1rsrm2fzb" } } } } }, { 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" }, "6": { defaultClass: "_1rsrm2fj" }, "10": { defaultClass: "_1rsrm2fk" }, "13": { defaultClass: "_1rsrm2fl" }, "16": { defaultClass: "_1rsrm2fm" }, "24": { defaultClass: "_1rsrm2fn" }, actionButton: { defaultClass: "_1rsrm2fo" }, connectButton: { defaultClass: "_1rsrm2fp" }, menuButton: { defaultClass: "_1rsrm2fq" }, modal: { defaultClass: "_1rsrm2fr" }, modalMobile: { defaultClass: "_1rsrm2fs" }, "25%": { defaultClass: "_1rsrm2ft" }, full: { defaultClass: "_1rsrm2fu" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2fv" }, dotted: { defaultClass: "_1rsrm2fw" }, hidden: { defaultClass: "_1rsrm2fx" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2fy" }, "1": { defaultClass: "_1rsrm2fz" }, "2": { defaultClass: "_1rsrm2f10" }, "4": { defaultClass: "_1rsrm2f11" }, "0.5": { defaultClass: "_1rsrm2f12" } } }, cursor: { values: { pointer: { defaultClass: "_1rsrm2f13" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f14" }, column: { defaultClass: "_1rsrm2f15" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f16" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f17" }, "12": { defaultClass: "_1rsrm2f18" }, "13": { defaultClass: "_1rsrm2f19" }, "14": { defaultClass: "_1rsrm2f1a" }, "16": { defaultClass: "_1rsrm2f1b" }, "18": { defaultClass: "_1rsrm2f1c" }, "20": { defaultClass: "_1rsrm2f1d" }, "23": { defaultClass: "_1rsrm2f1e" }, "57": { defaultClass: "_1rsrm2f1f" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1g" }, medium: { defaultClass: "_1rsrm2f1h" }, semibold: { defaultClass: "_1rsrm2f1i" }, bold: { defaultClass: "_1rsrm2f1j" }, heavy: { defaultClass: "_1rsrm2f1k" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1l" }, "1": { defaultClass: "_1rsrm2f1m" }, "2": { defaultClass: "_1rsrm2f1n" }, "3": { defaultClass: "_1rsrm2f1o" }, "4": { defaultClass: "_1rsrm2f1p" }, "5": { defaultClass: "_1rsrm2f1q" }, "6": { defaultClass: "_1rsrm2f1r" }, "8": { defaultClass: "_1rsrm2f1s" }, "10": { defaultClass: "_1rsrm2f1t" }, "12": { defaultClass: "_1rsrm2f1u" }, "14": { defaultClass: "_1rsrm2f1v" }, "16": { defaultClass: "_1rsrm2f1w" }, "18": { defaultClass: "_1rsrm2f1x" }, "20": { defaultClass: "_1rsrm2f1y" }, "24": { defaultClass: "_1rsrm2f1z" }, "28": { defaultClass: "_1rsrm2f20" }, "30": { defaultClass: "_1rsrm2f21" }, "32": { defaultClass: "_1rsrm2f22" }, "36": { defaultClass: "_1rsrm2f23" }, "44": { defaultClass: "_1rsrm2f24" }, "64": { defaultClass: "_1rsrm2f25" }, "-1": { defaultClass: "_1rsrm2f26" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f27" }, "2": { defaultClass: "_1rsrm2f28" }, "4": { defaultClass: "_1rsrm2f29" }, "8": { defaultClass: "_1rsrm2f2a" }, "10": { defaultClass: "_1rsrm2f2b" }, "12": { defaultClass: "_1rsrm2f2c" }, "14": { defaultClass: "_1rsrm2f2d" }, "16": { defaultClass: "_1rsrm2f2e" }, "20": { defaultClass: "_1rsrm2f2f" }, "24": { defaultClass: "_1rsrm2f2g" }, "28": { defaultClass: "_1rsrm2f2h" }, "30": { defaultClass: "_1rsrm2f2i" }, "32": { defaultClass: "_1rsrm2f2j" }, "34": { defaultClass: "_1rsrm2f2k" }, "36": { defaultClass: "_1rsrm2f2l" }, "40": { defaultClass: "_1rsrm2f2m" }, "44": { defaultClass: "_1rsrm2f2n" }, "48": { defaultClass: "_1rsrm2f2o" }, "50": { defaultClass: "_1rsrm2f2p" }, "54": { defaultClass: "_1rsrm2f2q" }, "60": { defaultClass: "_1rsrm2f2r" }, "93": { defaultClass: "_1rsrm2f2s" }, "100": { defaultClass: "_1rsrm2f2t" }, "108": { defaultClass: "_1rsrm2f2u" }, "162": { defaultClass: "_1rsrm2f2v" }, "192": { defaultClass: "_1rsrm2f2w" }, "200": { defaultClass: "_1rsrm2f2x" }, "210": { defaultClass: "_1rsrm2f2y" }, "220": { defaultClass: "_1rsrm2f2z" }, "230": { defaultClass: "_1rsrm2f30" }, "240": { defaultClass: "_1rsrm2f31" }, "256": { defaultClass: "_1rsrm2f32" }, "320": { defaultClass: "_1rsrm2f33" }, "400": { defaultClass: "_1rsrm2f34" }, "440": { defaultClass: "_1rsrm2f35" }, "600": { defaultClass: "_1rsrm2f36" }, half: { defaultClass: "_1rsrm2f37" }, full: { defaultClass: "_1rsrm2f38" }, max: { defaultClass: "_1rsrm2f39" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3a" }, "flex-end": { defaultClass: "_1rsrm2f3b" }, center: { defaultClass: "_1rsrm2f3c" }, "space-between": { defaultClass: "_1rsrm2f3d" }, "space-around": { defaultClass: "_1rsrm2f3e" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3f" }, center: { defaultClass: "_1rsrm2f3g" }, right: { defaultClass: "_1rsrm2f3h" }, inherit: { defaultClass: "_1rsrm2f3i" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3j" }, "1": { defaultClass: "_1rsrm2f3k" }, "2": { defaultClass: "_1rsrm2f3l" }, "3": { defaultClass: "_1rsrm2f3m" }, "4": { defaultClass: "_1rsrm2f3n" }, "5": { defaultClass: "_1rsrm2f3o" }, "6": { defaultClass: "_1rsrm2f3p" }, "8": { defaultClass: "_1rsrm2f3q" }, "10": { defaultClass: "_1rsrm2f3r" }, "12": { defaultClass: "_1rsrm2f3s" }, "14": { defaultClass: "_1rsrm2f3t" }, "16": { defaultClass: "_1rsrm2f3u" }, "18": { defaultClass: "_1rsrm2f3v" }, "20": { defaultClass: "_1rsrm2f3w" }, "24": { defaultClass: "_1rsrm2f3x" }, "28": { defaultClass: "_1rsrm2f3y" }, "30": { defaultClass: "_1rsrm2f3z" }, "32": { defaultClass: "_1rsrm2f40" }, "36": { defaultClass: "_1rsrm2f41" }, "44": { defaultClass: "_1rsrm2f42" }, "64": { defaultClass: "_1rsrm2f43" }, "-1": { defaultClass: "_1rsrm2f44" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f45" }, "1": { defaultClass: "_1rsrm2f46" }, "2": { defaultClass: "_1rsrm2f47" }, "3": { defaultClass: "_1rsrm2f48" }, "4": { defaultClass: "_1rsrm2f49" }, "5": { defaultClass: "_1rsrm2f4a" }, "6": { defaultClass: "_1rsrm2f4b" }, "8": { defaultClass: "_1rsrm2f4c" }, "10": { defaultClass: "_1rsrm2f4d" }, "12": { defaultClass: "_1rsrm2f4e" }, "14": { defaultClass: "_1rsrm2f4f" }, "16": { defaultClass: "_1rsrm2f4g" }, "18": { defaultClass: "_1rsrm2f4h" }, "20": { defaultClass: "_1rsrm2f4i" }, "24": { defaultClass: "_1rsrm2f4j" }, "28": { defaultClass: "_1rsrm2f4k" }, "30": { defaultClass: "_1rsrm2f4l" }, "32": { defaultClass: "_1rsrm2f4m" }, "36": { defaultClass: "_1rsrm2f4n" }, "44": { defaultClass: "_1rsrm2f4o" }, "64": { defaultClass: "_1rsrm2f4p" }, "-1": { defaultClass: "_1rsrm2f4q" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f4r" }, "1": { defaultClass: "_1rsrm2f4s" }, "2": { defaultClass: "_1rsrm2f4t" }, "3": { defaultClass: "_1rsrm2f4u" }, "4": { defaultClass: "_1rsrm2f4v" }, "5": { defaultClass: "_1rsrm2f4w" }, "6": { defaultClass: "_1rsrm2f4x" }, "8": { defaultClass: "_1rsrm2f4y" }, "10": { defaultClass: "_1rsrm2f4z" }, "12": { defaultClass: "_1rsrm2f50" }, "14": { defaultClass: "_1rsrm2f51" }, "16": { defaultClass: "_1rsrm2f52" }, "18": { defaultClass: "_1rsrm2f53" }, "20": { defaultClass: "_1rsrm2f54" }, "24": { defaultClass: "_1rsrm2f55" }, "28": { defaultClass: "_1rsrm2f56" }, "30": { defaultClass: "_1rsrm2f57" }, "32": { defaultClass: "_1rsrm2f58" }, "36": { defaultClass: "_1rsrm2f59" }, "44": { defaultClass: "_1rsrm2f5a" }, "64": { defaultClass: "_1rsrm2f5b" }, "-1": { defaultClass: "_1rsrm2f5c" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f5d" }, "1": { defaultClass: "_1rsrm2f5e" }, "2": { defaultClass: "_1rsrm2f5f" }, "3": { defaultClass: "_1rsrm2f5g" }, "4": { defaultClass: "_1rsrm2f5h" }, "5": { defaultClass: "_1rsrm2f5i" }, "6": { defaultClass: "_1rsrm2f5j" }, "8": { defaultClass: "_1rsrm2f5k" }, "10": { defaultClass: "_1rsrm2f5l" }, "12": { defaultClass: "_1rsrm2f5m" }, "14": { defaultClass: "_1rsrm2f5n" }, "16": { defaultClass: "_1rsrm2f5o" }, "18": { defaultClass: "_1rsrm2f5p" }, "20": { defaultClass: "_1rsrm2f5q" }, "24": { defaultClass: "_1rsrm2f5r" }, "28": { defaultClass: "_1rsrm2f5s" }, "30": { defaultClass: "_1rsrm2f5t" }, "32": { defaultClass: "_1rsrm2f5u" }, "36": { defaultClass: "_1rsrm2f5v" }, "44": { defaultClass: "_1rsrm2f5w" }, "64": { defaultClass: "_1rsrm2f5x" }, "-1": { defaultClass: "_1rsrm2f5y" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f5z" }, "2": { defaultClass: "_1rsrm2f60" }, "4": { defaultClass: "_1rsrm2f61" }, "8": { defaultClass: "_1rsrm2f62" }, "10": { defaultClass: "_1rsrm2f63" }, "12": { defaultClass: "_1rsrm2f64" }, "14": { defaultClass: "_1rsrm2f65" }, "16": { defaultClass: "_1rsrm2f66" }, "20": { defaultClass: "_1rsrm2f67" }, "24": { defaultClass: "_1rsrm2f68" }, "28": { defaultClass: "_1rsrm2f69" }, "30": { defaultClass: "_1rsrm2f6a" }, "32": { defaultClass: "_1rsrm2f6b" }, "34": { defaultClass: "_1rsrm2f6c" }, "36": { defaultClass: "_1rsrm2f6d" }, "40": { defaultClass: "_1rsrm2f6e" }, "44": { defaultClass: "_1rsrm2f6f" }, "48": { defaultClass: "_1rsrm2f6g" }, "50": { defaultClass: "_1rsrm2f6h" }, "54": { defaultClass: "_1rsrm2f6i" }, "60": { defaultClass: "_1rsrm2f6j" }, "93": { defaultClass: "_1rsrm2f6k" }, "100": { defaultClass: "_1rsrm2f6l" }, "108": { defaultClass: "_1rsrm2f6m" }, "162": { defaultClass: "_1rsrm2f6n" }, "192": { defaultClass: "_1rsrm2f6o" }, "200": { defaultClass: "_1rsrm2f6p" }, "210": { defaultClass: "_1rsrm2f6q" }, "220": { defaultClass: "_1rsrm2f6r" }, "230": { defaultClass: "_1rsrm2f6s" }, "240": { defaultClass: "_1rsrm2f6t" }, "256": { defaultClass: "_1rsrm2f6u" }, "320": { defaultClass: "_1rsrm2f6v" }, "400": { defaultClass: "_1rsrm2f6w" }, "440": { defaultClass: "_1rsrm2f6x" }, "600": { defaultClass: "_1rsrm2f6y" }, half: { defaultClass: "_1rsrm2f6z" }, full: { defaultClass: "_1rsrm2f70" }, max: { defaultClass: "_1rsrm2f71" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f72" }, "2": { defaultClass: "_1rsrm2f73" }, "4": { defaultClass: "_1rsrm2f74" }, "8": { defaultClass: "_1rsrm2f75" }, "10": { defaultClass: "_1rsrm2f76" }, "12": { defaultClass: "_1rsrm2f77" }, "14": { defaultClass: "_1rsrm2f78" }, "16": { defaultClass: "_1rsrm2f79" }, "20": { defaultClass: "_1rsrm2f7a" }, "24": { defaultClass: "_1rsrm2f7b" }, "28": { defaultClass: "_1rsrm2f7c" }, "30": { defaultClass: "_1rsrm2f7d" }, "32": { defaultClass: "_1rsrm2f7e" }, "34": { defaultClass: "_1rsrm2f7f" }, "36": { defaultClass: "_1rsrm2f7g" }, "40": { defaultClass: "_1rsrm2f7h" }, "44": { defaultClass: "_1rsrm2f7i" }, "48": { defaultClass: "_1rsrm2f7j" }, "50": { defaultClass: "_1rsrm2f7k" }, "54": { defaultClass: "_1rsrm2f7l" }, "60": { defaultClass: "_1rsrm2f7m" }, "93": { defaultClass: "_1rsrm2f7n" }, "100": { defaultClass: "_1rsrm2f7o" }, "108": { defaultClass: "_1rsrm2f7p" }, "162": { defaultClass: "_1rsrm2f7q" }, "192": { defaultClass: "_1rsrm2f7r" }, "200": { defaultClass: "_1rsrm2f7s" }, "210": { defaultClass: "_1rsrm2f7t" }, "220": { defaultClass: "_1rsrm2f7u" }, "230": { defaultClass: "_1rsrm2f7v" }, "240": { defaultClass: "_1rsrm2f7w" }, "256": { defaultClass: "_1rsrm2f7x" }, "320": { defaultClass: "_1rsrm2f7y" }, "400": { defaultClass: "_1rsrm2f7z" }, "440": { defaultClass: "_1rsrm2f80" }, "600": { defaultClass: "_1rsrm2f81" }, half: { defaultClass: "_1rsrm2f82" }, full: { defaultClass: "_1rsrm2f83" }, max: { defaultClass: "_1rsrm2f84" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f85" }, "2": { defaultClass: "_1rsrm2f86" }, "4": { defaultClass: "_1rsrm2f87" }, "8": { defaultClass: "_1rsrm2f88" }, "10": { defaultClass: "_1rsrm2f89" }, "12": { defaultClass: "_1rsrm2f8a" }, "14": { defaultClass: "_1rsrm2f8b" }, "16": { defaultClass: "_1rsrm2f8c" }, "20": { defaultClass: "_1rsrm2f8d" }, "24": { defaultClass: "_1rsrm2f8e" }, "28": { defaultClass: "_1rsrm2f8f" }, "30": { defaultClass: "_1rsrm2f8g" }, "32": { defaultClass: "_1rsrm2f8h" }, "34": { defaultClass: "_1rsrm2f8i" }, "36": { defaultClass: "_1rsrm2f8j" }, "40": { defaultClass: "_1rsrm2f8k" }, "44": { defaultClass: "_1rsrm2f8l" }, "48": { defaultClass: "_1rsrm2f8m" }, "50": { defaultClass: "_1rsrm2f8n" }, "54": { defaultClass: "_1rsrm2f8o" }, "60": { defaultClass: "_1rsrm2f8p" }, "93": { defaultClass: "_1rsrm2f8q" }, "100": { defaultClass: "_1rsrm2f8r" }, "108": { defaultClass: "_1rsrm2f8s" }, "162": { defaultClass: "_1rsrm2f8t" }, "192": { defaultClass: "_1rsrm2f8u" }, "200": { defaultClass: "_1rsrm2f8v" }, "210": { defaultClass: "_1rsrm2f8w" }, "220": { defaultClass: "_1rsrm2f8x" }, "230": { defaultClass: "_1rsrm2f8y" }, "240": { defaultClass: "_1rsrm2f8z" }, "256": { defaultClass: "_1rsrm2f90" }, "320": { defaultClass: "_1rsrm2f91" }, "400": { defaultClass: "_1rsrm2f92" }, "440": { defaultClass: "_1rsrm2f93" }, "600": { defaultClass: "_1rsrm2f94" }, half: { defaultClass: "_1rsrm2f95" }, full: { defaultClass: "_1rsrm2f96" }, max: { defaultClass: "_1rsrm2f97" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2f98" }, "2": { defaultClass: "_1rsrm2f99" }, "4": { defaultClass: "_1rsrm2f9a" }, "8": { defaultClass: "_1rsrm2f9b" }, "10": { defaultClass: "_1rsrm2f9c" }, "12": { defaultClass: "_1rsrm2f9d" }, "14": { defaultClass: "_1rsrm2f9e" }, "16": { defaultClass: "_1rsrm2f9f" }, "20": { defaultClass: "_1rsrm2f9g" }, "24": { defaultClass: "_1rsrm2f9h" }, "28": { defaultClass: "_1rsrm2f9i" }, "30": { defaultClass: "_1rsrm2f9j" }, "32": { defaultClass: "_1rsrm2f9k" }, "34": { defaultClass: "_1rsrm2f9l" }, "36": { defaultClass: "_1rsrm2f9m" }, "40": { defaultClass: "_1rsrm2f9n" }, "44": { defaultClass: "_1rsrm2f9o" }, "48": { defaultClass: "_1rsrm2f9p" }, "50": { defaultClass: "_1rsrm2f9q" }, "54": { defaultClass: "_1rsrm2f9r" }, "60": { defaultClass: "_1rsrm2f9s" }, "93": { defaultClass: "_1rsrm2f9t" }, "100": { defaultClass: "_1rsrm2f9u" }, "108": { defaultClass: "_1rsrm2f9v" }, "162": { defaultClass: "_1rsrm2f9w" }, "192": { defaultClass: "_1rsrm2f9x" }, "200": { defaultClass: "_1rsrm2f9y" }, "210": { defaultClass: "_1rsrm2f9z" }, "220": { defaultClass: "_1rsrm2fa0" }, "230": { defaultClass: "_1rsrm2fa1" }, "240": { defaultClass: "_1rsrm2fa2" }, "256": { defaultClass: "_1rsrm2fa3" }, "320": { defaultClass: "_1rsrm2fa4" }, "400": { defaultClass: "_1rsrm2fa5" }, "440": { defaultClass: "_1rsrm2fa6" }, "600": { defaultClass: "_1rsrm2fa7" }, half: { defaultClass: "_1rsrm2fa8" }, full: { defaultClass: "_1rsrm2fa9" }, max: { defaultClass: "_1rsrm2faa" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fab" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fac" }, "1": { defaultClass: "_1rsrm2fad" }, "2": { defaultClass: "_1rsrm2fae" }, "3": { defaultClass: "_1rsrm2faf" }, "4": { defaultClass: "_1rsrm2fag" }, "5": { defaultClass: "_1rsrm2fah" }, "6": { defaultClass: "_1rsrm2fai" }, "8": { defaultClass: "_1rsrm2faj" }, "10": { defaultClass: "_1rsrm2fak" }, "12": { defaultClass: "_1rsrm2fal" }, "14": { defaultClass: "_1rsrm2fam" }, "16": { defaultClass: "_1rsrm2fan" }, "18": { defaultClass: "_1rsrm2fao" }, "20": { defaultClass: "_1rsrm2fap" }, "24": { defaultClass: "_1rsrm2faq" }, "28": { defaultClass: "_1rsrm2far" }, "30": { defaultClass: "_1rsrm2fas" }, "32": { defaultClass: "_1rsrm2fat" }, "36": { defaultClass: "_1rsrm2fau" }, "44": { defaultClass: "_1rsrm2fav" }, "64": { defaultClass: "_1rsrm2faw" }, "-1": { defaultClass: "_1rsrm2fax" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fay" }, "1": { defaultClass: "_1rsrm2faz" }, "2": { defaultClass: "_1rsrm2fb0" }, "3": { defaultClass: "_1rsrm2fb1" }, "4": { defaultClass: "_1rsrm2fb2" }, "5": { defaultClass: "_1rsrm2fb3" }, "6": { defaultClass: "_1rsrm2fb4" }, "8": { defaultClass: "_1rsrm2fb5" }, "10": { defaultClass: "_1rsrm2fb6" }, "12": { defaultClass: "_1rsrm2fb7" }, "14": { defaultClass: "_1rsrm2fb8" }, "16": { defaultClass: "_1rsrm2fb9" }, "18": { defaultClass: "_1rsrm2fba" }, "20": { defaultClass: "_1rsrm2fbb" }, "24": { defaultClass: "_1rsrm2fbc" }, "28": { defaultClass: "_1rsrm2fbd" }, "30": { defaultClass: "_1rsrm2fbe" }, "32": { defaultClass: "_1rsrm2fbf" }, "36": { defaultClass: "_1rsrm2fbg" }, "44": { defaultClass: "_1rsrm2fbh" }, "64": { defaultClass: "_1rsrm2fbi" }, "-1": { defaultClass: "_1rsrm2fbj" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fbk" }, "1": { defaultClass: "_1rsrm2fbl" }, "2": { defaultClass: "_1rsrm2fbm" }, "3": { defaultClass: "_1rsrm2fbn" }, "4": { defaultClass: "_1rsrm2fbo" }, "5": { defaultClass: "_1rsrm2fbp" }, "6": { defaultClass: "_1rsrm2fbq" }, "8": { defaultClass: "_1rsrm2fbr" }, "10": { defaultClass: "_1rsrm2fbs" }, "12": { defaultClass: "_1rsrm2fbt" }, "14": { defaultClass: "_1rsrm2fbu" }, "16": { defaultClass: "_1rsrm2fbv" }, "18": { defaultClass: "_1rsrm2fbw" }, "20": { defaultClass: "_1rsrm2fbx" }, "24": { defaultClass: "_1rsrm2fby" }, "28": { defaultClass: "_1rsrm2fbz" }, "30": { defaultClass: "_1rsrm2fc0" }, "32": { defaultClass: "_1rsrm2fc1" }, "36": { defaultClass: "_1rsrm2fc2" }, "44": { defaultClass: "_1rsrm2fc3" }, "64": { defaultClass: "_1rsrm2fc4" }, "-1": { defaultClass: "_1rsrm2fc5" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fc6" }, "1": { defaultClass: "_1rsrm2fc7" }, "2": { defaultClass: "_1rsrm2fc8" }, "3": { defaultClass: "_1rsrm2fc9" }, "4": { defaultClass: "_1rsrm2fca" }, "5": { defaultClass: "_1rsrm2fcb" }, "6": { defaultClass: "_1rsrm2fcc" }, "8": { defaultClass: "_1rsrm2fcd" }, "10": { defaultClass: "_1rsrm2fce" }, "12": { defaultClass: "_1rsrm2fcf" }, "14": { defaultClass: "_1rsrm2fcg" }, "16": { defaultClass: "_1rsrm2fch" }, "18": { defaultClass: "_1rsrm2fci" }, "20": { defaultClass: "_1rsrm2fcj" }, "24": { defaultClass: "_1rsrm2fck" }, "28": { defaultClass: "_1rsrm2fcl" }, "30": { defaultClass: "_1rsrm2fcm" }, "32": { defaultClass: "_1rsrm2fcn" }, "36": { defaultClass: "_1rsrm2fco" }, "44": { defaultClass: "_1rsrm2fcp" }, "64": { defaultClass: "_1rsrm2fcq" }, "-1": { defaultClass: "_1rsrm2fcr" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fcs" }, fixed: { defaultClass: "_1rsrm2fct" }, relative: { defaultClass: "_1rsrm2fcu" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fcv" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fcw" }, transform: { defaultClass: "_1rsrm2fcx" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fcy" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fcz" }, "2": { defaultClass: "_1rsrm2fd0" }, "4": { defaultClass: "_1rsrm2fd1" }, "8": { defaultClass: "_1rsrm2fd2" }, "10": { defaultClass: "_1rsrm2fd3" }, "12": { defaultClass: "_1rsrm2fd4" }, "14": { defaultClass: "_1rsrm2fd5" }, "16": { defaultClass: "_1rsrm2fd6" }, "20": { defaultClass: "_1rsrm2fd7" }, "24": { defaultClass: "_1rsrm2fd8" }, "28": { defaultClass: "_1rsrm2fd9" }, "30": { defaultClass: "_1rsrm2fda" }, "32": { defaultClass: "_1rsrm2fdb" }, "34": { defaultClass: "_1rsrm2fdc" }, "36": { defaultClass: "_1rsrm2fdd" }, "40": { defaultClass: "_1rsrm2fde" }, "44": { defaultClass: "_1rsrm2fdf" }, "48": { defaultClass: "_1rsrm2fdg" }, "50": { defaultClass: "_1rsrm2fdh" }, "54": { defaultClass: "_1rsrm2fdi" }, "60": { defaultClass: "_1rsrm2fdj" }, "93": { defaultClass: "_1rsrm2fdk" }, "100": { defaultClass: "_1rsrm2fdl" }, "108": { defaultClass: "_1rsrm2fdm" }, "162": { defaultClass: "_1rsrm2fdn" }, "192": { defaultClass: "_1rsrm2fdo" }, "200": { defaultClass: "_1rsrm2fdp" }, "210": { defaultClass: "_1rsrm2fdq" }, "220": { defaultClass: "_1rsrm2fdr" }, "230": { defaultClass: "_1rsrm2fds" }, "240": { defaultClass: "_1rsrm2fdt" }, "256": { defaultClass: "_1rsrm2fdu" }, "320": { defaultClass: "_1rsrm2fdv" }, "400": { defaultClass: "_1rsrm2fdw" }, "440": { defaultClass: "_1rsrm2fdx" }, "600": { defaultClass: "_1rsrm2fdy" }, half: { defaultClass: "_1rsrm2fdz" }, full: { defaultClass: "_1rsrm2fe0" }, max: { defaultClass: "_1rsrm2fe1" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fe2" } } } } });
23
- var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", actionButtonBorderMobile: "var(--rk-colors-actionButtonBorderMobile)", actionButtonSecondaryBackground: "var(--rk-colors-actionButtonSecondaryBackground)", actionButtonDisabled: "var(--rk-colors-actionButtonDisabled)", closeButton: "var(--rk-colors-closeButton)", closeButtonBackground: "var(--rk-colors-closeButtonBackground)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonInnerBackground: "var(--rk-colors-connectButtonInnerBackground)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", downloadBottomCardBackground: "var(--rk-colors-downloadBottomCardBackground)", downloadTopCardBackground: "var(--rk-colors-downloadTopCardBackground)", error: "var(--rk-colors-error)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", modalText: "var(--rk-colors-modalText)", modalTextDim: "var(--rk-colors-modalTextDim)", modalTextSecondary: "var(--rk-colors-modalTextSecondary)", profileAction: "var(--rk-colors-profileAction)", profileActionHover: "var(--rk-colors-profileActionHover)", profileForeground: "var(--rk-colors-profileForeground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", paymentOptionBorderBase: "var(--rk-colors-paymentOptionBorderBase)", paymentOptionBorderHover: "var(--rk-colors-paymentOptionBorderHover)", paymentOptionBorderActive: "var(--rk-colors-paymentOptionBorderActive)", paymentOptionBorderActiveHover: "var(--rk-colors-paymentOptionBorderActiveHover)", standby: "var(--rk-colors-standby)", solidLine: "var(--rk-colors-solidLine)", leftTranslucentLine: "var(--rk-colors-leftTranslucentLine)", rightTranslucentLine: "var(--rk-colors-rightTranslucentLine)", loadingBase: "var(--rk-colors-loadingBase)", loadingAccent: "var(--rk-colors-loadingAccent)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", notificationPrimary: "var(--rk-colors-notificationPrimary)", textPrimary: "var(--rk-colors-textPrimary)", textSecondary: "var(--rk-colors-textSecondary)", textTertiary: "var(--rk-colors-textTertiary)", textDisabled: "var(--rk-colors-textDisabled)", textSelection: "var(--rk-colors-textSelection)", inputFieldPrimary: "var(--rk-colors-inputFieldPrimary)", inputFieldPlaceholder: "var(--rk-colors-inputFieldPlaceholder)", inputFieldDisabled: "var(--rk-colors-inputFieldDisabled)", optionBackground: "var(--rk-colors-optionBackground)", optionBackgroundSecondary: "var(--rk-colors-optionBackgroundSecondary)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonProcessing: "var(--rk-colors-buttonProcessing)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextWarning: "var(--rk-colors-buttonTextWarning)", buttonTextSuccess: "var(--rk-colors-buttonTextSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)" }, 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)" }, "23": { fontSize: "var(--rk-fontSize-23-fontSize)", lineHeight: "var(--rk-fontSize-23-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)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", profileDetailsAction: "var(--rk-shadows-profileDetailsAction)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", walletLogo: "var(--rk-shadows-walletLogo)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
34
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fe3", hover: "_1rsrm2fe4", active: "_1rsrm2fe5", selection: "_1rsrm2fe6" }, defaultClass: "_1rsrm2fe3" }, accentColorForeground: { conditions: { base: "_1rsrm2fe7", hover: "_1rsrm2fe8", active: "_1rsrm2fe9", selection: "_1rsrm2fea" }, defaultClass: "_1rsrm2fe7" }, actionButtonBorder: { conditions: { base: "_1rsrm2feb", hover: "_1rsrm2fec", active: "_1rsrm2fed", selection: "_1rsrm2fee" }, defaultClass: "_1rsrm2feb" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fef", hover: "_1rsrm2feg", active: "_1rsrm2feh", selection: "_1rsrm2fei" }, defaultClass: "_1rsrm2fef" }, connectButtonBackground: { conditions: { base: "_1rsrm2fej", hover: "_1rsrm2fek", active: "_1rsrm2fel", selection: "_1rsrm2fem" }, defaultClass: "_1rsrm2fej" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fen", hover: "_1rsrm2feo", active: "_1rsrm2fep", selection: "_1rsrm2feq" }, defaultClass: "_1rsrm2fen" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fer", hover: "_1rsrm2fes", active: "_1rsrm2fet", selection: "_1rsrm2feu" }, defaultClass: "_1rsrm2fer" }, connectButtonText: { conditions: { base: "_1rsrm2fev", hover: "_1rsrm2few", active: "_1rsrm2fex", selection: "_1rsrm2fey" }, defaultClass: "_1rsrm2fev" }, connectButtonTextError: { conditions: { base: "_1rsrm2fez", hover: "_1rsrm2ff0", active: "_1rsrm2ff1", selection: "_1rsrm2ff2" }, defaultClass: "_1rsrm2fez" }, connectionIndicator: { conditions: { base: "_1rsrm2ff3", hover: "_1rsrm2ff4", active: "_1rsrm2ff5", selection: "_1rsrm2ff6" }, defaultClass: "_1rsrm2ff3" }, error: { conditions: { base: "_1rsrm2ff7", hover: "_1rsrm2ff8", active: "_1rsrm2ff9", selection: "_1rsrm2ffa" }, defaultClass: "_1rsrm2ff7" }, generalBorder: { conditions: { base: "_1rsrm2ffb", hover: "_1rsrm2ffc", active: "_1rsrm2ffd", selection: "_1rsrm2ffe" }, defaultClass: "_1rsrm2ffb" }, generalBorderDim: { conditions: { base: "_1rsrm2fff", hover: "_1rsrm2ffg", active: "_1rsrm2ffh", selection: "_1rsrm2ffi" }, defaultClass: "_1rsrm2fff" }, menuItemBackground: { conditions: { base: "_1rsrm2ffj", hover: "_1rsrm2ffk", active: "_1rsrm2ffl", selection: "_1rsrm2ffm" }, defaultClass: "_1rsrm2ffj" }, modalText: { conditions: { base: "_1rsrm2ffn", hover: "_1rsrm2ffo", active: "_1rsrm2ffp", selection: "_1rsrm2ffq" }, defaultClass: "_1rsrm2ffn" }, modalTextDim: { conditions: { base: "_1rsrm2ffr", hover: "_1rsrm2ffs", active: "_1rsrm2fft", selection: "_1rsrm2ffu" }, defaultClass: "_1rsrm2ffr" }, modalTextSecondary: { conditions: { base: "_1rsrm2ffv", hover: "_1rsrm2ffw", active: "_1rsrm2ffx", selection: "_1rsrm2ffy" }, defaultClass: "_1rsrm2ffv" }, profileAction: { conditions: { base: "_1rsrm2ffz", hover: "_1rsrm2fg0", active: "_1rsrm2fg1", selection: "_1rsrm2fg2" }, defaultClass: "_1rsrm2ffz" }, profileActionHover: { conditions: { base: "_1rsrm2fg3", hover: "_1rsrm2fg4", active: "_1rsrm2fg5", selection: "_1rsrm2fg6" }, defaultClass: "_1rsrm2fg3" }, profileForeground: { conditions: { base: "_1rsrm2fg7", hover: "_1rsrm2fg8", active: "_1rsrm2fg9", selection: "_1rsrm2fga" }, defaultClass: "_1rsrm2fg7" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fgb", hover: "_1rsrm2fgc", active: "_1rsrm2fgd", selection: "_1rsrm2fge" }, defaultClass: "_1rsrm2fgb" }, paymentOptionBorderBase: { conditions: { base: "_1rsrm2fgf", hover: "_1rsrm2fgg", active: "_1rsrm2fgh", selection: "_1rsrm2fgi" }, defaultClass: "_1rsrm2fgf" }, paymentOptionBorderHover: { conditions: { base: "_1rsrm2fgj", hover: "_1rsrm2fgk", active: "_1rsrm2fgl", selection: "_1rsrm2fgm" }, defaultClass: "_1rsrm2fgj" }, paymentOptionBorderActive: { conditions: { base: "_1rsrm2fgn", hover: "_1rsrm2fgo", active: "_1rsrm2fgp", selection: "_1rsrm2fgq" }, defaultClass: "_1rsrm2fgn" }, paymentOptionBorderActiveHover: { conditions: { base: "_1rsrm2fgr", hover: "_1rsrm2fgs", active: "_1rsrm2fgt", selection: "_1rsrm2fgu" }, defaultClass: "_1rsrm2fgr" }, standby: { conditions: { base: "_1rsrm2fgv", hover: "_1rsrm2fgw", active: "_1rsrm2fgx", selection: "_1rsrm2fgy" }, defaultClass: "_1rsrm2fgv" }, loadingBase: { conditions: { base: "_1rsrm2fgz", hover: "_1rsrm2fh0", active: "_1rsrm2fh1", selection: "_1rsrm2fh2" }, defaultClass: "_1rsrm2fgz" }, loadingAccent: { conditions: { base: "_1rsrm2fh3", hover: "_1rsrm2fh4", active: "_1rsrm2fh5", selection: "_1rsrm2fh6" }, defaultClass: "_1rsrm2fh3" }, modalBackdrop: { conditions: { base: "_1rsrm2fh7", hover: "_1rsrm2fh8", active: "_1rsrm2fh9", selection: "_1rsrm2fha" }, defaultClass: "_1rsrm2fh7" }, modalBackground: { conditions: { base: "_1rsrm2fhb", hover: "_1rsrm2fhc", active: "_1rsrm2fhd", selection: "_1rsrm2fhe" }, defaultClass: "_1rsrm2fhb" }, modalBorder: { conditions: { base: "_1rsrm2fhf", hover: "_1rsrm2fhg", active: "_1rsrm2fhh", selection: "_1rsrm2fhi" }, defaultClass: "_1rsrm2fhf" }, notificationPrimary: { conditions: { base: "_1rsrm2fhj", hover: "_1rsrm2fhk", active: "_1rsrm2fhl", selection: "_1rsrm2fhm" }, defaultClass: "_1rsrm2fhj" }, textPrimary: { conditions: { base: "_1rsrm2fhn", hover: "_1rsrm2fho", active: "_1rsrm2fhp", selection: "_1rsrm2fhq" }, defaultClass: "_1rsrm2fhn" }, textSecondary: { conditions: { base: "_1rsrm2fhr", hover: "_1rsrm2fhs", active: "_1rsrm2fht", selection: "_1rsrm2fhu" }, defaultClass: "_1rsrm2fhr" }, textTertiary: { conditions: { base: "_1rsrm2fhv", hover: "_1rsrm2fhw", active: "_1rsrm2fhx", selection: "_1rsrm2fhy" }, defaultClass: "_1rsrm2fhv" }, textDisabled: { conditions: { base: "_1rsrm2fhz", hover: "_1rsrm2fi0", active: "_1rsrm2fi1", selection: "_1rsrm2fi2" }, defaultClass: "_1rsrm2fhz" }, textSelection: { conditions: { base: "_1rsrm2fi3", hover: "_1rsrm2fi4", active: "_1rsrm2fi5", selection: "_1rsrm2fi6" }, defaultClass: "_1rsrm2fi3" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fi7", hover: "_1rsrm2fi8", active: "_1rsrm2fi9", selection: "_1rsrm2fia" }, defaultClass: "_1rsrm2fi7" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fib", hover: "_1rsrm2fic", active: "_1rsrm2fid", selection: "_1rsrm2fie" }, defaultClass: "_1rsrm2fib" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fif", hover: "_1rsrm2fig", active: "_1rsrm2fih", selection: "_1rsrm2fii" }, defaultClass: "_1rsrm2fif" }, optionBackground: { conditions: { base: "_1rsrm2fij", hover: "_1rsrm2fik", active: "_1rsrm2fil", selection: "_1rsrm2fim" }, defaultClass: "_1rsrm2fij" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fin", hover: "_1rsrm2fio", active: "_1rsrm2fip", selection: "_1rsrm2fiq" }, defaultClass: "_1rsrm2fin" }, buttonPrimary: { conditions: { base: "_1rsrm2fir", hover: "_1rsrm2fis", active: "_1rsrm2fit", selection: "_1rsrm2fiu" }, defaultClass: "_1rsrm2fir" }, buttonProcessing: { conditions: { base: "_1rsrm2fiv", hover: "_1rsrm2fiw", active: "_1rsrm2fix", selection: "_1rsrm2fiy" }, defaultClass: "_1rsrm2fiv" }, buttonDisabled: { conditions: { base: "_1rsrm2fiz", hover: "_1rsrm2fj0", active: "_1rsrm2fj1", selection: "_1rsrm2fj2" }, defaultClass: "_1rsrm2fiz" }, buttonWarning: { conditions: { base: "_1rsrm2fj3", hover: "_1rsrm2fj4", active: "_1rsrm2fj5", selection: "_1rsrm2fj6" }, defaultClass: "_1rsrm2fj3" }, buttonSuccess: { conditions: { base: "_1rsrm2fj7", hover: "_1rsrm2fj8", active: "_1rsrm2fj9", selection: "_1rsrm2fja" }, defaultClass: "_1rsrm2fj7" }, buttonTextWarning: { conditions: { base: "_1rsrm2fjb", hover: "_1rsrm2fjc", active: "_1rsrm2fjd", selection: "_1rsrm2fje" }, defaultClass: "_1rsrm2fjb" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fjf", hover: "_1rsrm2fjg", active: "_1rsrm2fjh", selection: "_1rsrm2fji" }, defaultClass: "_1rsrm2fjf" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fjj", hover: "_1rsrm2fjk", active: "_1rsrm2fjl", selection: "_1rsrm2fjm" }, defaultClass: "_1rsrm2fjj" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fjn", hover: "_1rsrm2fjo", active: "_1rsrm2fjp", selection: "_1rsrm2fjq" }, defaultClass: "_1rsrm2fjn" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fjr", hover: "_1rsrm2fjs", active: "_1rsrm2fjt", selection: "_1rsrm2fju" }, defaultClass: "_1rsrm2fjr" }, transparent: { conditions: { base: "_1rsrm2fjv", hover: "_1rsrm2fjw", active: "_1rsrm2fjx", selection: "_1rsrm2fjy" }, defaultClass: "_1rsrm2fjv" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fjz", hover: "_1rsrm2fk0", active: "_1rsrm2fk1", selection: "_1rsrm2fk2" }, defaultClass: "_1rsrm2fjz" }, accentColorForeground: { conditions: { base: "_1rsrm2fk3", hover: "_1rsrm2fk4", active: "_1rsrm2fk5", selection: "_1rsrm2fk6" }, defaultClass: "_1rsrm2fk3" }, actionButtonBorder: { conditions: { base: "_1rsrm2fk7", hover: "_1rsrm2fk8", active: "_1rsrm2fk9", selection: "_1rsrm2fka" }, defaultClass: "_1rsrm2fk7" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fkb", hover: "_1rsrm2fkc", active: "_1rsrm2fkd", selection: "_1rsrm2fke" }, defaultClass: "_1rsrm2fkb" }, connectButtonBackground: { conditions: { base: "_1rsrm2fkf", hover: "_1rsrm2fkg", active: "_1rsrm2fkh", selection: "_1rsrm2fki" }, defaultClass: "_1rsrm2fkf" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fkj", hover: "_1rsrm2fkk", active: "_1rsrm2fkl", selection: "_1rsrm2fkm" }, defaultClass: "_1rsrm2fkj" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fkn", hover: "_1rsrm2fko", active: "_1rsrm2fkp", selection: "_1rsrm2fkq" }, defaultClass: "_1rsrm2fkn" }, connectButtonText: { conditions: { base: "_1rsrm2fkr", hover: "_1rsrm2fks", active: "_1rsrm2fkt", selection: "_1rsrm2fku" }, defaultClass: "_1rsrm2fkr" }, connectButtonTextError: { conditions: { base: "_1rsrm2fkv", hover: "_1rsrm2fkw", active: "_1rsrm2fkx", selection: "_1rsrm2fky" }, defaultClass: "_1rsrm2fkv" }, connectionIndicator: { conditions: { base: "_1rsrm2fkz", hover: "_1rsrm2fl0", active: "_1rsrm2fl1", selection: "_1rsrm2fl2" }, defaultClass: "_1rsrm2fkz" }, error: { conditions: { base: "_1rsrm2fl3", hover: "_1rsrm2fl4", active: "_1rsrm2fl5", selection: "_1rsrm2fl6" }, defaultClass: "_1rsrm2fl3" }, generalBorder: { conditions: { base: "_1rsrm2fl7", hover: "_1rsrm2fl8", active: "_1rsrm2fl9", selection: "_1rsrm2fla" }, defaultClass: "_1rsrm2fl7" }, generalBorderDim: { conditions: { base: "_1rsrm2flb", hover: "_1rsrm2flc", active: "_1rsrm2fld", selection: "_1rsrm2fle" }, defaultClass: "_1rsrm2flb" }, menuItemBackground: { conditions: { base: "_1rsrm2flf", hover: "_1rsrm2flg", active: "_1rsrm2flh", selection: "_1rsrm2fli" }, defaultClass: "_1rsrm2flf" }, modalText: { conditions: { base: "_1rsrm2flj", hover: "_1rsrm2flk", active: "_1rsrm2fll", selection: "_1rsrm2flm" }, defaultClass: "_1rsrm2flj" }, modalTextDim: { conditions: { base: "_1rsrm2fln", hover: "_1rsrm2flo", active: "_1rsrm2flp", selection: "_1rsrm2flq" }, defaultClass: "_1rsrm2fln" }, modalTextSecondary: { conditions: { base: "_1rsrm2flr", hover: "_1rsrm2fls", active: "_1rsrm2flt", selection: "_1rsrm2flu" }, defaultClass: "_1rsrm2flr" }, profileAction: { conditions: { base: "_1rsrm2flv", hover: "_1rsrm2flw", active: "_1rsrm2flx", selection: "_1rsrm2fly" }, defaultClass: "_1rsrm2flv" }, profileActionHover: { conditions: { base: "_1rsrm2flz", hover: "_1rsrm2fm0", active: "_1rsrm2fm1", selection: "_1rsrm2fm2" }, defaultClass: "_1rsrm2flz" }, profileForeground: { conditions: { base: "_1rsrm2fm3", hover: "_1rsrm2fm4", active: "_1rsrm2fm5", selection: "_1rsrm2fm6" }, defaultClass: "_1rsrm2fm3" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fm7", hover: "_1rsrm2fm8", active: "_1rsrm2fm9", selection: "_1rsrm2fma" }, defaultClass: "_1rsrm2fm7" }, paymentOptionBorderBase: { conditions: { base: "_1rsrm2fmb", hover: "_1rsrm2fmc", active: "_1rsrm2fmd", selection: "_1rsrm2fme" }, defaultClass: "_1rsrm2fmb" }, paymentOptionBorderHover: { conditions: { base: "_1rsrm2fmf", hover: "_1rsrm2fmg", active: "_1rsrm2fmh", selection: "_1rsrm2fmi" }, defaultClass: "_1rsrm2fmf" }, paymentOptionBorderActive: { conditions: { base: "_1rsrm2fmj", hover: "_1rsrm2fmk", active: "_1rsrm2fml", selection: "_1rsrm2fmm" }, defaultClass: "_1rsrm2fmj" }, paymentOptionBorderActiveHover: { conditions: { base: "_1rsrm2fmn", hover: "_1rsrm2fmo", active: "_1rsrm2fmp", selection: "_1rsrm2fmq" }, defaultClass: "_1rsrm2fmn" }, standby: { conditions: { base: "_1rsrm2fmr", hover: "_1rsrm2fms", active: "_1rsrm2fmt", selection: "_1rsrm2fmu" }, defaultClass: "_1rsrm2fmr" }, loadingBase: { conditions: { base: "_1rsrm2fmv", hover: "_1rsrm2fmw", active: "_1rsrm2fmx", selection: "_1rsrm2fmy" }, defaultClass: "_1rsrm2fmv" }, loadingAccent: { conditions: { base: "_1rsrm2fmz", hover: "_1rsrm2fn0", active: "_1rsrm2fn1", selection: "_1rsrm2fn2" }, defaultClass: "_1rsrm2fmz" }, modalBackdrop: { conditions: { base: "_1rsrm2fn3", hover: "_1rsrm2fn4", active: "_1rsrm2fn5", selection: "_1rsrm2fn6" }, defaultClass: "_1rsrm2fn3" }, modalBackground: { conditions: { base: "_1rsrm2fn7", hover: "_1rsrm2fn8", active: "_1rsrm2fn9", selection: "_1rsrm2fna" }, defaultClass: "_1rsrm2fn7" }, modalBorder: { conditions: { base: "_1rsrm2fnb", hover: "_1rsrm2fnc", active: "_1rsrm2fnd", selection: "_1rsrm2fne" }, defaultClass: "_1rsrm2fnb" }, notificationPrimary: { conditions: { base: "_1rsrm2fnf", hover: "_1rsrm2fng", active: "_1rsrm2fnh", selection: "_1rsrm2fni" }, defaultClass: "_1rsrm2fnf" }, textPrimary: { conditions: { base: "_1rsrm2fnj", hover: "_1rsrm2fnk", active: "_1rsrm2fnl", selection: "_1rsrm2fnm" }, defaultClass: "_1rsrm2fnj" }, textSecondary: { conditions: { base: "_1rsrm2fnn", hover: "_1rsrm2fno", active: "_1rsrm2fnp", selection: "_1rsrm2fnq" }, defaultClass: "_1rsrm2fnn" }, textTertiary: { conditions: { base: "_1rsrm2fnr", hover: "_1rsrm2fns", active: "_1rsrm2fnt", selection: "_1rsrm2fnu" }, defaultClass: "_1rsrm2fnr" }, textDisabled: { conditions: { base: "_1rsrm2fnv", hover: "_1rsrm2fnw", active: "_1rsrm2fnx", selection: "_1rsrm2fny" }, defaultClass: "_1rsrm2fnv" }, textSelection: { conditions: { base: "_1rsrm2fnz", hover: "_1rsrm2fo0", active: "_1rsrm2fo1", selection: "_1rsrm2fo2" }, defaultClass: "_1rsrm2fnz" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fo3", hover: "_1rsrm2fo4", active: "_1rsrm2fo5", selection: "_1rsrm2fo6" }, defaultClass: "_1rsrm2fo3" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fo7", hover: "_1rsrm2fo8", active: "_1rsrm2fo9", selection: "_1rsrm2foa" }, defaultClass: "_1rsrm2fo7" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fob", hover: "_1rsrm2foc", active: "_1rsrm2fod", selection: "_1rsrm2foe" }, defaultClass: "_1rsrm2fob" }, optionBackground: { conditions: { base: "_1rsrm2fof", hover: "_1rsrm2fog", active: "_1rsrm2foh", selection: "_1rsrm2foi" }, defaultClass: "_1rsrm2fof" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2foj", hover: "_1rsrm2fok", active: "_1rsrm2fol", selection: "_1rsrm2fom" }, defaultClass: "_1rsrm2foj" }, buttonPrimary: { conditions: { base: "_1rsrm2fon", hover: "_1rsrm2foo", active: "_1rsrm2fop", selection: "_1rsrm2foq" }, defaultClass: "_1rsrm2fon" }, buttonProcessing: { conditions: { base: "_1rsrm2for", hover: "_1rsrm2fos", active: "_1rsrm2fot", selection: "_1rsrm2fou" }, defaultClass: "_1rsrm2for" }, buttonDisabled: { conditions: { base: "_1rsrm2fov", hover: "_1rsrm2fow", active: "_1rsrm2fox", selection: "_1rsrm2foy" }, defaultClass: "_1rsrm2fov" }, buttonWarning: { conditions: { base: "_1rsrm2foz", hover: "_1rsrm2fp0", active: "_1rsrm2fp1", selection: "_1rsrm2fp2" }, defaultClass: "_1rsrm2foz" }, buttonSuccess: { conditions: { base: "_1rsrm2fp3", hover: "_1rsrm2fp4", active: "_1rsrm2fp5", selection: "_1rsrm2fp6" }, defaultClass: "_1rsrm2fp3" }, buttonTextWarning: { conditions: { base: "_1rsrm2fp7", hover: "_1rsrm2fp8", active: "_1rsrm2fp9", selection: "_1rsrm2fpa" }, defaultClass: "_1rsrm2fp7" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fpb", hover: "_1rsrm2fpc", active: "_1rsrm2fpd", selection: "_1rsrm2fpe" }, defaultClass: "_1rsrm2fpb" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fpf", hover: "_1rsrm2fpg", active: "_1rsrm2fph", selection: "_1rsrm2fpi" }, defaultClass: "_1rsrm2fpf" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fpj", hover: "_1rsrm2fpk", active: "_1rsrm2fpl", selection: "_1rsrm2fpm" }, defaultClass: "_1rsrm2fpj" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpn", hover: "_1rsrm2fpo", active: "_1rsrm2fpp", selection: "_1rsrm2fpq" }, defaultClass: "_1rsrm2fpn" }, transparent: { conditions: { base: "_1rsrm2fpr", hover: "_1rsrm2fps", active: "_1rsrm2fpt", selection: "_1rsrm2fpu" }, defaultClass: "_1rsrm2fpr" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2fpv", hover: "_1rsrm2fpw", active: "_1rsrm2fpx", selection: "_1rsrm2fpy" }, defaultClass: "_1rsrm2fpv" }, dialog: { conditions: { base: "_1rsrm2fpz", hover: "_1rsrm2fq0", active: "_1rsrm2fq1", selection: "_1rsrm2fq2" }, defaultClass: "_1rsrm2fpz" }, profileDetailsAction: { conditions: { base: "_1rsrm2fq3", hover: "_1rsrm2fq4", active: "_1rsrm2fq5", selection: "_1rsrm2fq6" }, defaultClass: "_1rsrm2fq3" }, selectedOption: { conditions: { base: "_1rsrm2fq7", hover: "_1rsrm2fq8", active: "_1rsrm2fq9", selection: "_1rsrm2fqa" }, defaultClass: "_1rsrm2fq7" }, selectedWallet: { conditions: { base: "_1rsrm2fqb", hover: "_1rsrm2fqc", active: "_1rsrm2fqd", selection: "_1rsrm2fqe" }, defaultClass: "_1rsrm2fqb" }, walletLogo: { conditions: { base: "_1rsrm2fqf", hover: "_1rsrm2fqg", active: "_1rsrm2fqh", selection: "_1rsrm2fqi" }, defaultClass: "_1rsrm2fqf" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fqj", hover: "_1rsrm2fqk", active: "_1rsrm2fql", selection: "_1rsrm2fqm" }, defaultClass: "_1rsrm2fqj" }, accentColorForeground: { conditions: { base: "_1rsrm2fqn", hover: "_1rsrm2fqo", active: "_1rsrm2fqp", selection: "_1rsrm2fqq" }, defaultClass: "_1rsrm2fqn" }, actionButtonBorder: { conditions: { base: "_1rsrm2fqr", hover: "_1rsrm2fqs", active: "_1rsrm2fqt", selection: "_1rsrm2fqu" }, defaultClass: "_1rsrm2fqr" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fqv", hover: "_1rsrm2fqw", active: "_1rsrm2fqx", selection: "_1rsrm2fqy" }, defaultClass: "_1rsrm2fqv" }, connectButtonBackground: { conditions: { base: "_1rsrm2fqz", hover: "_1rsrm2fr0", active: "_1rsrm2fr1", selection: "_1rsrm2fr2" }, defaultClass: "_1rsrm2fqz" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fr3", hover: "_1rsrm2fr4", active: "_1rsrm2fr5", selection: "_1rsrm2fr6" }, defaultClass: "_1rsrm2fr3" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fr7", hover: "_1rsrm2fr8", active: "_1rsrm2fr9", selection: "_1rsrm2fra" }, defaultClass: "_1rsrm2fr7" }, connectButtonText: { conditions: { base: "_1rsrm2frb", hover: "_1rsrm2frc", active: "_1rsrm2frd", selection: "_1rsrm2fre" }, defaultClass: "_1rsrm2frb" }, connectButtonTextError: { conditions: { base: "_1rsrm2frf", hover: "_1rsrm2frg", active: "_1rsrm2frh", selection: "_1rsrm2fri" }, defaultClass: "_1rsrm2frf" }, connectionIndicator: { conditions: { base: "_1rsrm2frj", hover: "_1rsrm2frk", active: "_1rsrm2frl", selection: "_1rsrm2frm" }, defaultClass: "_1rsrm2frj" }, error: { conditions: { base: "_1rsrm2frn", hover: "_1rsrm2fro", active: "_1rsrm2frp", selection: "_1rsrm2frq" }, defaultClass: "_1rsrm2frn" }, generalBorder: { conditions: { base: "_1rsrm2frr", hover: "_1rsrm2frs", active: "_1rsrm2frt", selection: "_1rsrm2fru" }, defaultClass: "_1rsrm2frr" }, generalBorderDim: { conditions: { base: "_1rsrm2frv", hover: "_1rsrm2frw", active: "_1rsrm2frx", selection: "_1rsrm2fry" }, defaultClass: "_1rsrm2frv" }, menuItemBackground: { conditions: { base: "_1rsrm2frz", hover: "_1rsrm2fs0", active: "_1rsrm2fs1", selection: "_1rsrm2fs2" }, defaultClass: "_1rsrm2frz" }, modalText: { conditions: { base: "_1rsrm2fs3", hover: "_1rsrm2fs4", active: "_1rsrm2fs5", selection: "_1rsrm2fs6" }, defaultClass: "_1rsrm2fs3" }, modalTextDim: { conditions: { base: "_1rsrm2fs7", hover: "_1rsrm2fs8", active: "_1rsrm2fs9", selection: "_1rsrm2fsa" }, defaultClass: "_1rsrm2fs7" }, modalTextSecondary: { conditions: { base: "_1rsrm2fsb", hover: "_1rsrm2fsc", active: "_1rsrm2fsd", selection: "_1rsrm2fse" }, defaultClass: "_1rsrm2fsb" }, profileAction: { conditions: { base: "_1rsrm2fsf", hover: "_1rsrm2fsg", active: "_1rsrm2fsh", selection: "_1rsrm2fsi" }, defaultClass: "_1rsrm2fsf" }, profileActionHover: { conditions: { base: "_1rsrm2fsj", hover: "_1rsrm2fsk", active: "_1rsrm2fsl", selection: "_1rsrm2fsm" }, defaultClass: "_1rsrm2fsj" }, profileForeground: { conditions: { base: "_1rsrm2fsn", hover: "_1rsrm2fso", active: "_1rsrm2fsp", selection: "_1rsrm2fsq" }, defaultClass: "_1rsrm2fsn" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fsr", hover: "_1rsrm2fss", active: "_1rsrm2fst", selection: "_1rsrm2fsu" }, defaultClass: "_1rsrm2fsr" }, paymentOptionBorderBase: { conditions: { base: "_1rsrm2fsv", hover: "_1rsrm2fsw", active: "_1rsrm2fsx", selection: "_1rsrm2fsy" }, defaultClass: "_1rsrm2fsv" }, paymentOptionBorderHover: { conditions: { base: "_1rsrm2fsz", hover: "_1rsrm2ft0", active: "_1rsrm2ft1", selection: "_1rsrm2ft2" }, defaultClass: "_1rsrm2fsz" }, paymentOptionBorderActive: { conditions: { base: "_1rsrm2ft3", hover: "_1rsrm2ft4", active: "_1rsrm2ft5", selection: "_1rsrm2ft6" }, defaultClass: "_1rsrm2ft3" }, paymentOptionBorderActiveHover: { conditions: { base: "_1rsrm2ft7", hover: "_1rsrm2ft8", active: "_1rsrm2ft9", selection: "_1rsrm2fta" }, defaultClass: "_1rsrm2ft7" }, standby: { conditions: { base: "_1rsrm2ftb", hover: "_1rsrm2ftc", active: "_1rsrm2ftd", selection: "_1rsrm2fte" }, defaultClass: "_1rsrm2ftb" }, loadingBase: { conditions: { base: "_1rsrm2ftf", hover: "_1rsrm2ftg", active: "_1rsrm2fth", selection: "_1rsrm2fti" }, defaultClass: "_1rsrm2ftf" }, loadingAccent: { conditions: { base: "_1rsrm2ftj", hover: "_1rsrm2ftk", active: "_1rsrm2ftl", selection: "_1rsrm2ftm" }, defaultClass: "_1rsrm2ftj" }, modalBackdrop: { conditions: { base: "_1rsrm2ftn", hover: "_1rsrm2fto", active: "_1rsrm2ftp", selection: "_1rsrm2ftq" }, defaultClass: "_1rsrm2ftn" }, modalBackground: { conditions: { base: "_1rsrm2ftr", hover: "_1rsrm2fts", active: "_1rsrm2ftt", selection: "_1rsrm2ftu" }, defaultClass: "_1rsrm2ftr" }, modalBorder: { conditions: { base: "_1rsrm2ftv", hover: "_1rsrm2ftw", active: "_1rsrm2ftx", selection: "_1rsrm2fty" }, defaultClass: "_1rsrm2ftv" }, notificationPrimary: { conditions: { base: "_1rsrm2ftz", hover: "_1rsrm2fu0", active: "_1rsrm2fu1", selection: "_1rsrm2fu2" }, defaultClass: "_1rsrm2ftz" }, textPrimary: { conditions: { base: "_1rsrm2fu3", hover: "_1rsrm2fu4", active: "_1rsrm2fu5", selection: "_1rsrm2fu6" }, defaultClass: "_1rsrm2fu3" }, textSecondary: { conditions: { base: "_1rsrm2fu7", hover: "_1rsrm2fu8", active: "_1rsrm2fu9", selection: "_1rsrm2fua" }, defaultClass: "_1rsrm2fu7" }, textTertiary: { conditions: { base: "_1rsrm2fub", hover: "_1rsrm2fuc", active: "_1rsrm2fud", selection: "_1rsrm2fue" }, defaultClass: "_1rsrm2fub" }, textDisabled: { conditions: { base: "_1rsrm2fuf", hover: "_1rsrm2fug", active: "_1rsrm2fuh", selection: "_1rsrm2fui" }, defaultClass: "_1rsrm2fuf" }, textSelection: { conditions: { base: "_1rsrm2fuj", hover: "_1rsrm2fuk", active: "_1rsrm2ful", selection: "_1rsrm2fum" }, defaultClass: "_1rsrm2fuj" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fun", hover: "_1rsrm2fuo", active: "_1rsrm2fup", selection: "_1rsrm2fuq" }, defaultClass: "_1rsrm2fun" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fur", hover: "_1rsrm2fus", active: "_1rsrm2fut", selection: "_1rsrm2fuu" }, defaultClass: "_1rsrm2fur" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fuv", hover: "_1rsrm2fuw", active: "_1rsrm2fux", selection: "_1rsrm2fuy" }, defaultClass: "_1rsrm2fuv" }, optionBackground: { conditions: { base: "_1rsrm2fuz", hover: "_1rsrm2fv0", active: "_1rsrm2fv1", selection: "_1rsrm2fv2" }, defaultClass: "_1rsrm2fuz" }, optionBackgroundSecondary: { conditions: { base: "_1rsrm2fv3", hover: "_1rsrm2fv4", active: "_1rsrm2fv5", selection: "_1rsrm2fv6" }, defaultClass: "_1rsrm2fv3" }, buttonPrimary: { conditions: { base: "_1rsrm2fv7", hover: "_1rsrm2fv8", active: "_1rsrm2fv9", selection: "_1rsrm2fva" }, defaultClass: "_1rsrm2fv7" }, buttonProcessing: { conditions: { base: "_1rsrm2fvb", hover: "_1rsrm2fvc", active: "_1rsrm2fvd", selection: "_1rsrm2fve" }, defaultClass: "_1rsrm2fvb" }, buttonDisabled: { conditions: { base: "_1rsrm2fvf", hover: "_1rsrm2fvg", active: "_1rsrm2fvh", selection: "_1rsrm2fvi" }, defaultClass: "_1rsrm2fvf" }, buttonWarning: { conditions: { base: "_1rsrm2fvj", hover: "_1rsrm2fvk", active: "_1rsrm2fvl", selection: "_1rsrm2fvm" }, defaultClass: "_1rsrm2fvj" }, buttonSuccess: { conditions: { base: "_1rsrm2fvn", hover: "_1rsrm2fvo", active: "_1rsrm2fvp", selection: "_1rsrm2fvq" }, defaultClass: "_1rsrm2fvn" }, buttonTextWarning: { conditions: { base: "_1rsrm2fvr", hover: "_1rsrm2fvs", active: "_1rsrm2fvt", selection: "_1rsrm2fvu" }, defaultClass: "_1rsrm2fvr" }, buttonTextSuccess: { conditions: { base: "_1rsrm2fvv", hover: "_1rsrm2fvw", active: "_1rsrm2fvx", selection: "_1rsrm2fvy" }, defaultClass: "_1rsrm2fvv" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fvz", hover: "_1rsrm2fw0", active: "_1rsrm2fw1", selection: "_1rsrm2fw2" }, defaultClass: "_1rsrm2fvz" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fw3", hover: "_1rsrm2fw4", active: "_1rsrm2fw5", selection: "_1rsrm2fw6" }, defaultClass: "_1rsrm2fw3" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fw7", hover: "_1rsrm2fw8", active: "_1rsrm2fw9", selection: "_1rsrm2fwa" }, defaultClass: "_1rsrm2fw7" }, transparent: { conditions: { base: "_1rsrm2fwb", hover: "_1rsrm2fwc", active: "_1rsrm2fwd", selection: "_1rsrm2fwe" }, defaultClass: "_1rsrm2fwb" } } } } }, { 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" }, "6": { defaultClass: "_1rsrm2fj" }, "10": { defaultClass: "_1rsrm2fk" }, "13": { defaultClass: "_1rsrm2fl" }, "16": { defaultClass: "_1rsrm2fm" }, "24": { defaultClass: "_1rsrm2fn" }, actionButton: { defaultClass: "_1rsrm2fo" }, connectButton: { defaultClass: "_1rsrm2fp" }, menuButton: { defaultClass: "_1rsrm2fq" }, modal: { defaultClass: "_1rsrm2fr" }, modalMobile: { defaultClass: "_1rsrm2fs" }, "25%": { defaultClass: "_1rsrm2ft" }, full: { defaultClass: "_1rsrm2fu" } } }, borderStyle: { values: { solid: { defaultClass: "_1rsrm2fv" }, dotted: { defaultClass: "_1rsrm2fw" }, hidden: { defaultClass: "_1rsrm2fx" } } }, borderWidth: { values: { "0": { defaultClass: "_1rsrm2fy" }, "1": { defaultClass: "_1rsrm2fz" }, "2": { defaultClass: "_1rsrm2f10" }, "4": { defaultClass: "_1rsrm2f11" }, "0.5": { defaultClass: "_1rsrm2f12" } } }, cursor: { values: { pointer: { defaultClass: "_1rsrm2f13" } } }, flexDirection: { values: { row: { defaultClass: "_1rsrm2f14" }, column: { defaultClass: "_1rsrm2f15" } } }, fontFamily: { values: { body: { defaultClass: "_1rsrm2f16" } } }, fontSize: { values: { "10": { defaultClass: "_1rsrm2f17" }, "12": { defaultClass: "_1rsrm2f18" }, "13": { defaultClass: "_1rsrm2f19" }, "14": { defaultClass: "_1rsrm2f1a" }, "16": { defaultClass: "_1rsrm2f1b" }, "18": { defaultClass: "_1rsrm2f1c" }, "20": { defaultClass: "_1rsrm2f1d" }, "23": { defaultClass: "_1rsrm2f1e" }, "57": { defaultClass: "_1rsrm2f1f" } } }, fontWeight: { values: { regular: { defaultClass: "_1rsrm2f1g" }, medium: { defaultClass: "_1rsrm2f1h" }, semibold: { defaultClass: "_1rsrm2f1i" }, bold: { defaultClass: "_1rsrm2f1j" }, heavy: { defaultClass: "_1rsrm2f1k" } } }, gap: { values: { "0": { defaultClass: "_1rsrm2f1l" }, "1": { defaultClass: "_1rsrm2f1m" }, "2": { defaultClass: "_1rsrm2f1n" }, "3": { defaultClass: "_1rsrm2f1o" }, "4": { defaultClass: "_1rsrm2f1p" }, "5": { defaultClass: "_1rsrm2f1q" }, "6": { defaultClass: "_1rsrm2f1r" }, "8": { defaultClass: "_1rsrm2f1s" }, "10": { defaultClass: "_1rsrm2f1t" }, "12": { defaultClass: "_1rsrm2f1u" }, "14": { defaultClass: "_1rsrm2f1v" }, "16": { defaultClass: "_1rsrm2f1w" }, "18": { defaultClass: "_1rsrm2f1x" }, "20": { defaultClass: "_1rsrm2f1y" }, "24": { defaultClass: "_1rsrm2f1z" }, "28": { defaultClass: "_1rsrm2f20" }, "30": { defaultClass: "_1rsrm2f21" }, "32": { defaultClass: "_1rsrm2f22" }, "36": { defaultClass: "_1rsrm2f23" }, "44": { defaultClass: "_1rsrm2f24" }, "64": { defaultClass: "_1rsrm2f25" }, "-1": { defaultClass: "_1rsrm2f26" } } }, height: { values: { "1": { defaultClass: "_1rsrm2f27" }, "2": { defaultClass: "_1rsrm2f28" }, "4": { defaultClass: "_1rsrm2f29" }, "8": { defaultClass: "_1rsrm2f2a" }, "10": { defaultClass: "_1rsrm2f2b" }, "12": { defaultClass: "_1rsrm2f2c" }, "14": { defaultClass: "_1rsrm2f2d" }, "16": { defaultClass: "_1rsrm2f2e" }, "20": { defaultClass: "_1rsrm2f2f" }, "24": { defaultClass: "_1rsrm2f2g" }, "28": { defaultClass: "_1rsrm2f2h" }, "30": { defaultClass: "_1rsrm2f2i" }, "32": { defaultClass: "_1rsrm2f2j" }, "34": { defaultClass: "_1rsrm2f2k" }, "36": { defaultClass: "_1rsrm2f2l" }, "40": { defaultClass: "_1rsrm2f2m" }, "44": { defaultClass: "_1rsrm2f2n" }, "48": { defaultClass: "_1rsrm2f2o" }, "50": { defaultClass: "_1rsrm2f2p" }, "54": { defaultClass: "_1rsrm2f2q" }, "60": { defaultClass: "_1rsrm2f2r" }, "93": { defaultClass: "_1rsrm2f2s" }, "100": { defaultClass: "_1rsrm2f2t" }, "108": { defaultClass: "_1rsrm2f2u" }, "162": { defaultClass: "_1rsrm2f2v" }, "192": { defaultClass: "_1rsrm2f2w" }, "200": { defaultClass: "_1rsrm2f2x" }, "210": { defaultClass: "_1rsrm2f2y" }, "220": { defaultClass: "_1rsrm2f2z" }, "230": { defaultClass: "_1rsrm2f30" }, "240": { defaultClass: "_1rsrm2f31" }, "256": { defaultClass: "_1rsrm2f32" }, "320": { defaultClass: "_1rsrm2f33" }, "400": { defaultClass: "_1rsrm2f34" }, "440": { defaultClass: "_1rsrm2f35" }, "600": { defaultClass: "_1rsrm2f36" }, half: { defaultClass: "_1rsrm2f37" }, full: { defaultClass: "_1rsrm2f38" }, max: { defaultClass: "_1rsrm2f39" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f3a" }, "flex-end": { defaultClass: "_1rsrm2f3b" }, center: { defaultClass: "_1rsrm2f3c" }, "space-between": { defaultClass: "_1rsrm2f3d" }, "space-around": { defaultClass: "_1rsrm2f3e" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3f" }, center: { defaultClass: "_1rsrm2f3g" }, right: { defaultClass: "_1rsrm2f3h" }, inherit: { defaultClass: "_1rsrm2f3i" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3j" }, "1": { defaultClass: "_1rsrm2f3k" }, "2": { defaultClass: "_1rsrm2f3l" }, "3": { defaultClass: "_1rsrm2f3m" }, "4": { defaultClass: "_1rsrm2f3n" }, "5": { defaultClass: "_1rsrm2f3o" }, "6": { defaultClass: "_1rsrm2f3p" }, "8": { defaultClass: "_1rsrm2f3q" }, "10": { defaultClass: "_1rsrm2f3r" }, "12": { defaultClass: "_1rsrm2f3s" }, "14": { defaultClass: "_1rsrm2f3t" }, "16": { defaultClass: "_1rsrm2f3u" }, "18": { defaultClass: "_1rsrm2f3v" }, "20": { defaultClass: "_1rsrm2f3w" }, "24": { defaultClass: "_1rsrm2f3x" }, "28": { defaultClass: "_1rsrm2f3y" }, "30": { defaultClass: "_1rsrm2f3z" }, "32": { defaultClass: "_1rsrm2f40" }, "36": { defaultClass: "_1rsrm2f41" }, "44": { defaultClass: "_1rsrm2f42" }, "64": { defaultClass: "_1rsrm2f43" }, "-1": { defaultClass: "_1rsrm2f44" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f45" }, "1": { defaultClass: "_1rsrm2f46" }, "2": { defaultClass: "_1rsrm2f47" }, "3": { defaultClass: "_1rsrm2f48" }, "4": { defaultClass: "_1rsrm2f49" }, "5": { defaultClass: "_1rsrm2f4a" }, "6": { defaultClass: "_1rsrm2f4b" }, "8": { defaultClass: "_1rsrm2f4c" }, "10": { defaultClass: "_1rsrm2f4d" }, "12": { defaultClass: "_1rsrm2f4e" }, "14": { defaultClass: "_1rsrm2f4f" }, "16": { defaultClass: "_1rsrm2f4g" }, "18": { defaultClass: "_1rsrm2f4h" }, "20": { defaultClass: "_1rsrm2f4i" }, "24": { defaultClass: "_1rsrm2f4j" }, "28": { defaultClass: "_1rsrm2f4k" }, "30": { defaultClass: "_1rsrm2f4l" }, "32": { defaultClass: "_1rsrm2f4m" }, "36": { defaultClass: "_1rsrm2f4n" }, "44": { defaultClass: "_1rsrm2f4o" }, "64": { defaultClass: "_1rsrm2f4p" }, "-1": { defaultClass: "_1rsrm2f4q" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f4r" }, "1": { defaultClass: "_1rsrm2f4s" }, "2": { defaultClass: "_1rsrm2f4t" }, "3": { defaultClass: "_1rsrm2f4u" }, "4": { defaultClass: "_1rsrm2f4v" }, "5": { defaultClass: "_1rsrm2f4w" }, "6": { defaultClass: "_1rsrm2f4x" }, "8": { defaultClass: "_1rsrm2f4y" }, "10": { defaultClass: "_1rsrm2f4z" }, "12": { defaultClass: "_1rsrm2f50" }, "14": { defaultClass: "_1rsrm2f51" }, "16": { defaultClass: "_1rsrm2f52" }, "18": { defaultClass: "_1rsrm2f53" }, "20": { defaultClass: "_1rsrm2f54" }, "24": { defaultClass: "_1rsrm2f55" }, "28": { defaultClass: "_1rsrm2f56" }, "30": { defaultClass: "_1rsrm2f57" }, "32": { defaultClass: "_1rsrm2f58" }, "36": { defaultClass: "_1rsrm2f59" }, "44": { defaultClass: "_1rsrm2f5a" }, "64": { defaultClass: "_1rsrm2f5b" }, "-1": { defaultClass: "_1rsrm2f5c" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f5d" }, "1": { defaultClass: "_1rsrm2f5e" }, "2": { defaultClass: "_1rsrm2f5f" }, "3": { defaultClass: "_1rsrm2f5g" }, "4": { defaultClass: "_1rsrm2f5h" }, "5": { defaultClass: "_1rsrm2f5i" }, "6": { defaultClass: "_1rsrm2f5j" }, "8": { defaultClass: "_1rsrm2f5k" }, "10": { defaultClass: "_1rsrm2f5l" }, "12": { defaultClass: "_1rsrm2f5m" }, "14": { defaultClass: "_1rsrm2f5n" }, "16": { defaultClass: "_1rsrm2f5o" }, "18": { defaultClass: "_1rsrm2f5p" }, "20": { defaultClass: "_1rsrm2f5q" }, "24": { defaultClass: "_1rsrm2f5r" }, "28": { defaultClass: "_1rsrm2f5s" }, "30": { defaultClass: "_1rsrm2f5t" }, "32": { defaultClass: "_1rsrm2f5u" }, "36": { defaultClass: "_1rsrm2f5v" }, "44": { defaultClass: "_1rsrm2f5w" }, "64": { defaultClass: "_1rsrm2f5x" }, "-1": { defaultClass: "_1rsrm2f5y" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f5z" }, "2": { defaultClass: "_1rsrm2f60" }, "4": { defaultClass: "_1rsrm2f61" }, "8": { defaultClass: "_1rsrm2f62" }, "10": { defaultClass: "_1rsrm2f63" }, "12": { defaultClass: "_1rsrm2f64" }, "14": { defaultClass: "_1rsrm2f65" }, "16": { defaultClass: "_1rsrm2f66" }, "20": { defaultClass: "_1rsrm2f67" }, "24": { defaultClass: "_1rsrm2f68" }, "28": { defaultClass: "_1rsrm2f69" }, "30": { defaultClass: "_1rsrm2f6a" }, "32": { defaultClass: "_1rsrm2f6b" }, "34": { defaultClass: "_1rsrm2f6c" }, "36": { defaultClass: "_1rsrm2f6d" }, "40": { defaultClass: "_1rsrm2f6e" }, "44": { defaultClass: "_1rsrm2f6f" }, "48": { defaultClass: "_1rsrm2f6g" }, "50": { defaultClass: "_1rsrm2f6h" }, "54": { defaultClass: "_1rsrm2f6i" }, "60": { defaultClass: "_1rsrm2f6j" }, "93": { defaultClass: "_1rsrm2f6k" }, "100": { defaultClass: "_1rsrm2f6l" }, "108": { defaultClass: "_1rsrm2f6m" }, "162": { defaultClass: "_1rsrm2f6n" }, "192": { defaultClass: "_1rsrm2f6o" }, "200": { defaultClass: "_1rsrm2f6p" }, "210": { defaultClass: "_1rsrm2f6q" }, "220": { defaultClass: "_1rsrm2f6r" }, "230": { defaultClass: "_1rsrm2f6s" }, "240": { defaultClass: "_1rsrm2f6t" }, "256": { defaultClass: "_1rsrm2f6u" }, "320": { defaultClass: "_1rsrm2f6v" }, "400": { defaultClass: "_1rsrm2f6w" }, "440": { defaultClass: "_1rsrm2f6x" }, "600": { defaultClass: "_1rsrm2f6y" }, half: { defaultClass: "_1rsrm2f6z" }, full: { defaultClass: "_1rsrm2f70" }, max: { defaultClass: "_1rsrm2f71" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f72" }, "2": { defaultClass: "_1rsrm2f73" }, "4": { defaultClass: "_1rsrm2f74" }, "8": { defaultClass: "_1rsrm2f75" }, "10": { defaultClass: "_1rsrm2f76" }, "12": { defaultClass: "_1rsrm2f77" }, "14": { defaultClass: "_1rsrm2f78" }, "16": { defaultClass: "_1rsrm2f79" }, "20": { defaultClass: "_1rsrm2f7a" }, "24": { defaultClass: "_1rsrm2f7b" }, "28": { defaultClass: "_1rsrm2f7c" }, "30": { defaultClass: "_1rsrm2f7d" }, "32": { defaultClass: "_1rsrm2f7e" }, "34": { defaultClass: "_1rsrm2f7f" }, "36": { defaultClass: "_1rsrm2f7g" }, "40": { defaultClass: "_1rsrm2f7h" }, "44": { defaultClass: "_1rsrm2f7i" }, "48": { defaultClass: "_1rsrm2f7j" }, "50": { defaultClass: "_1rsrm2f7k" }, "54": { defaultClass: "_1rsrm2f7l" }, "60": { defaultClass: "_1rsrm2f7m" }, "93": { defaultClass: "_1rsrm2f7n" }, "100": { defaultClass: "_1rsrm2f7o" }, "108": { defaultClass: "_1rsrm2f7p" }, "162": { defaultClass: "_1rsrm2f7q" }, "192": { defaultClass: "_1rsrm2f7r" }, "200": { defaultClass: "_1rsrm2f7s" }, "210": { defaultClass: "_1rsrm2f7t" }, "220": { defaultClass: "_1rsrm2f7u" }, "230": { defaultClass: "_1rsrm2f7v" }, "240": { defaultClass: "_1rsrm2f7w" }, "256": { defaultClass: "_1rsrm2f7x" }, "320": { defaultClass: "_1rsrm2f7y" }, "400": { defaultClass: "_1rsrm2f7z" }, "440": { defaultClass: "_1rsrm2f80" }, "600": { defaultClass: "_1rsrm2f81" }, half: { defaultClass: "_1rsrm2f82" }, full: { defaultClass: "_1rsrm2f83" }, max: { defaultClass: "_1rsrm2f84" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f85" }, "2": { defaultClass: "_1rsrm2f86" }, "4": { defaultClass: "_1rsrm2f87" }, "8": { defaultClass: "_1rsrm2f88" }, "10": { defaultClass: "_1rsrm2f89" }, "12": { defaultClass: "_1rsrm2f8a" }, "14": { defaultClass: "_1rsrm2f8b" }, "16": { defaultClass: "_1rsrm2f8c" }, "20": { defaultClass: "_1rsrm2f8d" }, "24": { defaultClass: "_1rsrm2f8e" }, "28": { defaultClass: "_1rsrm2f8f" }, "30": { defaultClass: "_1rsrm2f8g" }, "32": { defaultClass: "_1rsrm2f8h" }, "34": { defaultClass: "_1rsrm2f8i" }, "36": { defaultClass: "_1rsrm2f8j" }, "40": { defaultClass: "_1rsrm2f8k" }, "44": { defaultClass: "_1rsrm2f8l" }, "48": { defaultClass: "_1rsrm2f8m" }, "50": { defaultClass: "_1rsrm2f8n" }, "54": { defaultClass: "_1rsrm2f8o" }, "60": { defaultClass: "_1rsrm2f8p" }, "93": { defaultClass: "_1rsrm2f8q" }, "100": { defaultClass: "_1rsrm2f8r" }, "108": { defaultClass: "_1rsrm2f8s" }, "162": { defaultClass: "_1rsrm2f8t" }, "192": { defaultClass: "_1rsrm2f8u" }, "200": { defaultClass: "_1rsrm2f8v" }, "210": { defaultClass: "_1rsrm2f8w" }, "220": { defaultClass: "_1rsrm2f8x" }, "230": { defaultClass: "_1rsrm2f8y" }, "240": { defaultClass: "_1rsrm2f8z" }, "256": { defaultClass: "_1rsrm2f90" }, "320": { defaultClass: "_1rsrm2f91" }, "400": { defaultClass: "_1rsrm2f92" }, "440": { defaultClass: "_1rsrm2f93" }, "600": { defaultClass: "_1rsrm2f94" }, half: { defaultClass: "_1rsrm2f95" }, full: { defaultClass: "_1rsrm2f96" }, max: { defaultClass: "_1rsrm2f97" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2f98" }, "2": { defaultClass: "_1rsrm2f99" }, "4": { defaultClass: "_1rsrm2f9a" }, "8": { defaultClass: "_1rsrm2f9b" }, "10": { defaultClass: "_1rsrm2f9c" }, "12": { defaultClass: "_1rsrm2f9d" }, "14": { defaultClass: "_1rsrm2f9e" }, "16": { defaultClass: "_1rsrm2f9f" }, "20": { defaultClass: "_1rsrm2f9g" }, "24": { defaultClass: "_1rsrm2f9h" }, "28": { defaultClass: "_1rsrm2f9i" }, "30": { defaultClass: "_1rsrm2f9j" }, "32": { defaultClass: "_1rsrm2f9k" }, "34": { defaultClass: "_1rsrm2f9l" }, "36": { defaultClass: "_1rsrm2f9m" }, "40": { defaultClass: "_1rsrm2f9n" }, "44": { defaultClass: "_1rsrm2f9o" }, "48": { defaultClass: "_1rsrm2f9p" }, "50": { defaultClass: "_1rsrm2f9q" }, "54": { defaultClass: "_1rsrm2f9r" }, "60": { defaultClass: "_1rsrm2f9s" }, "93": { defaultClass: "_1rsrm2f9t" }, "100": { defaultClass: "_1rsrm2f9u" }, "108": { defaultClass: "_1rsrm2f9v" }, "162": { defaultClass: "_1rsrm2f9w" }, "192": { defaultClass: "_1rsrm2f9x" }, "200": { defaultClass: "_1rsrm2f9y" }, "210": { defaultClass: "_1rsrm2f9z" }, "220": { defaultClass: "_1rsrm2fa0" }, "230": { defaultClass: "_1rsrm2fa1" }, "240": { defaultClass: "_1rsrm2fa2" }, "256": { defaultClass: "_1rsrm2fa3" }, "320": { defaultClass: "_1rsrm2fa4" }, "400": { defaultClass: "_1rsrm2fa5" }, "440": { defaultClass: "_1rsrm2fa6" }, "600": { defaultClass: "_1rsrm2fa7" }, half: { defaultClass: "_1rsrm2fa8" }, full: { defaultClass: "_1rsrm2fa9" }, max: { defaultClass: "_1rsrm2faa" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fab" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fac" }, "1": { defaultClass: "_1rsrm2fad" }, "2": { defaultClass: "_1rsrm2fae" }, "3": { defaultClass: "_1rsrm2faf" }, "4": { defaultClass: "_1rsrm2fag" }, "5": { defaultClass: "_1rsrm2fah" }, "6": { defaultClass: "_1rsrm2fai" }, "8": { defaultClass: "_1rsrm2faj" }, "10": { defaultClass: "_1rsrm2fak" }, "12": { defaultClass: "_1rsrm2fal" }, "14": { defaultClass: "_1rsrm2fam" }, "16": { defaultClass: "_1rsrm2fan" }, "18": { defaultClass: "_1rsrm2fao" }, "20": { defaultClass: "_1rsrm2fap" }, "24": { defaultClass: "_1rsrm2faq" }, "28": { defaultClass: "_1rsrm2far" }, "30": { defaultClass: "_1rsrm2fas" }, "32": { defaultClass: "_1rsrm2fat" }, "36": { defaultClass: "_1rsrm2fau" }, "44": { defaultClass: "_1rsrm2fav" }, "64": { defaultClass: "_1rsrm2faw" }, "-1": { defaultClass: "_1rsrm2fax" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fay" }, "1": { defaultClass: "_1rsrm2faz" }, "2": { defaultClass: "_1rsrm2fb0" }, "3": { defaultClass: "_1rsrm2fb1" }, "4": { defaultClass: "_1rsrm2fb2" }, "5": { defaultClass: "_1rsrm2fb3" }, "6": { defaultClass: "_1rsrm2fb4" }, "8": { defaultClass: "_1rsrm2fb5" }, "10": { defaultClass: "_1rsrm2fb6" }, "12": { defaultClass: "_1rsrm2fb7" }, "14": { defaultClass: "_1rsrm2fb8" }, "16": { defaultClass: "_1rsrm2fb9" }, "18": { defaultClass: "_1rsrm2fba" }, "20": { defaultClass: "_1rsrm2fbb" }, "24": { defaultClass: "_1rsrm2fbc" }, "28": { defaultClass: "_1rsrm2fbd" }, "30": { defaultClass: "_1rsrm2fbe" }, "32": { defaultClass: "_1rsrm2fbf" }, "36": { defaultClass: "_1rsrm2fbg" }, "44": { defaultClass: "_1rsrm2fbh" }, "64": { defaultClass: "_1rsrm2fbi" }, "-1": { defaultClass: "_1rsrm2fbj" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fbk" }, "1": { defaultClass: "_1rsrm2fbl" }, "2": { defaultClass: "_1rsrm2fbm" }, "3": { defaultClass: "_1rsrm2fbn" }, "4": { defaultClass: "_1rsrm2fbo" }, "5": { defaultClass: "_1rsrm2fbp" }, "6": { defaultClass: "_1rsrm2fbq" }, "8": { defaultClass: "_1rsrm2fbr" }, "10": { defaultClass: "_1rsrm2fbs" }, "12": { defaultClass: "_1rsrm2fbt" }, "14": { defaultClass: "_1rsrm2fbu" }, "16": { defaultClass: "_1rsrm2fbv" }, "18": { defaultClass: "_1rsrm2fbw" }, "20": { defaultClass: "_1rsrm2fbx" }, "24": { defaultClass: "_1rsrm2fby" }, "28": { defaultClass: "_1rsrm2fbz" }, "30": { defaultClass: "_1rsrm2fc0" }, "32": { defaultClass: "_1rsrm2fc1" }, "36": { defaultClass: "_1rsrm2fc2" }, "44": { defaultClass: "_1rsrm2fc3" }, "64": { defaultClass: "_1rsrm2fc4" }, "-1": { defaultClass: "_1rsrm2fc5" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fc6" }, "1": { defaultClass: "_1rsrm2fc7" }, "2": { defaultClass: "_1rsrm2fc8" }, "3": { defaultClass: "_1rsrm2fc9" }, "4": { defaultClass: "_1rsrm2fca" }, "5": { defaultClass: "_1rsrm2fcb" }, "6": { defaultClass: "_1rsrm2fcc" }, "8": { defaultClass: "_1rsrm2fcd" }, "10": { defaultClass: "_1rsrm2fce" }, "12": { defaultClass: "_1rsrm2fcf" }, "14": { defaultClass: "_1rsrm2fcg" }, "16": { defaultClass: "_1rsrm2fch" }, "18": { defaultClass: "_1rsrm2fci" }, "20": { defaultClass: "_1rsrm2fcj" }, "24": { defaultClass: "_1rsrm2fck" }, "28": { defaultClass: "_1rsrm2fcl" }, "30": { defaultClass: "_1rsrm2fcm" }, "32": { defaultClass: "_1rsrm2fcn" }, "36": { defaultClass: "_1rsrm2fco" }, "44": { defaultClass: "_1rsrm2fcp" }, "64": { defaultClass: "_1rsrm2fcq" }, "-1": { defaultClass: "_1rsrm2fcr" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fcs" }, fixed: { defaultClass: "_1rsrm2fct" }, relative: { defaultClass: "_1rsrm2fcu" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fcv" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fcw" }, transform: { defaultClass: "_1rsrm2fcx" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fcy" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fcz" }, "2": { defaultClass: "_1rsrm2fd0" }, "4": { defaultClass: "_1rsrm2fd1" }, "8": { defaultClass: "_1rsrm2fd2" }, "10": { defaultClass: "_1rsrm2fd3" }, "12": { defaultClass: "_1rsrm2fd4" }, "14": { defaultClass: "_1rsrm2fd5" }, "16": { defaultClass: "_1rsrm2fd6" }, "20": { defaultClass: "_1rsrm2fd7" }, "24": { defaultClass: "_1rsrm2fd8" }, "28": { defaultClass: "_1rsrm2fd9" }, "30": { defaultClass: "_1rsrm2fda" }, "32": { defaultClass: "_1rsrm2fdb" }, "34": { defaultClass: "_1rsrm2fdc" }, "36": { defaultClass: "_1rsrm2fdd" }, "40": { defaultClass: "_1rsrm2fde" }, "44": { defaultClass: "_1rsrm2fdf" }, "48": { defaultClass: "_1rsrm2fdg" }, "50": { defaultClass: "_1rsrm2fdh" }, "54": { defaultClass: "_1rsrm2fdi" }, "60": { defaultClass: "_1rsrm2fdj" }, "93": { defaultClass: "_1rsrm2fdk" }, "100": { defaultClass: "_1rsrm2fdl" }, "108": { defaultClass: "_1rsrm2fdm" }, "162": { defaultClass: "_1rsrm2fdn" }, "192": { defaultClass: "_1rsrm2fdo" }, "200": { defaultClass: "_1rsrm2fdp" }, "210": { defaultClass: "_1rsrm2fdq" }, "220": { defaultClass: "_1rsrm2fdr" }, "230": { defaultClass: "_1rsrm2fds" }, "240": { defaultClass: "_1rsrm2fdt" }, "256": { defaultClass: "_1rsrm2fdu" }, "320": { defaultClass: "_1rsrm2fdv" }, "400": { defaultClass: "_1rsrm2fdw" }, "440": { defaultClass: "_1rsrm2fdx" }, "600": { defaultClass: "_1rsrm2fdy" }, half: { defaultClass: "_1rsrm2fdz" }, full: { defaultClass: "_1rsrm2fe0" }, max: { defaultClass: "_1rsrm2fe1" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fe2" } } } } });
35
+ var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", actionButtonSecondaryBackground: "var(--rk-colors-actionButtonSecondaryBackground)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonInnerBackground: "var(--rk-colors-connectButtonInnerBackground)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", error: "var(--rk-colors-error)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", modalText: "var(--rk-colors-modalText)", modalTextDim: "var(--rk-colors-modalTextDim)", modalTextSecondary: "var(--rk-colors-modalTextSecondary)", profileAction: "var(--rk-colors-profileAction)", profileActionHover: "var(--rk-colors-profileActionHover)", profileForeground: "var(--rk-colors-profileForeground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", paymentOptionBorderBase: "var(--rk-colors-paymentOptionBorderBase)", paymentOptionBorderHover: "var(--rk-colors-paymentOptionBorderHover)", paymentOptionBorderActive: "var(--rk-colors-paymentOptionBorderActive)", paymentOptionBorderActiveHover: "var(--rk-colors-paymentOptionBorderActiveHover)", standby: "var(--rk-colors-standby)", loadingBase: "var(--rk-colors-loadingBase)", loadingAccent: "var(--rk-colors-loadingAccent)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", notificationPrimary: "var(--rk-colors-notificationPrimary)", textPrimary: "var(--rk-colors-textPrimary)", textSecondary: "var(--rk-colors-textSecondary)", textTertiary: "var(--rk-colors-textTertiary)", textDisabled: "var(--rk-colors-textDisabled)", textSelection: "var(--rk-colors-textSelection)", inputFieldPrimary: "var(--rk-colors-inputFieldPrimary)", inputFieldPlaceholder: "var(--rk-colors-inputFieldPlaceholder)", inputFieldDisabled: "var(--rk-colors-inputFieldDisabled)", optionBackground: "var(--rk-colors-optionBackground)", optionBackgroundSecondary: "var(--rk-colors-optionBackgroundSecondary)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonProcessing: "var(--rk-colors-buttonProcessing)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonSuccess: "var(--rk-colors-buttonSuccess)", buttonTextWarning: "var(--rk-colors-buttonTextWarning)", buttonTextSuccess: "var(--rk-colors-buttonTextSuccess)", buttonTextPrimary: "var(--rk-colors-buttonTextPrimary)", buttonTextSecondary: "var(--rk-colors-buttonTextSecondary)", buttonTextDisabled: "var(--rk-colors-buttonTextDisabled)", transparent: "var(--rk-colors-transparent)" }, 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)" }, "23": { fontSize: "var(--rk-fontSize-23-fontSize)", lineHeight: "var(--rk-fontSize-23-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)" }, shadows: { connectButton: "var(--rk-shadows-connectButton)", dialog: "var(--rk-shadows-dialog)", profileDetailsAction: "var(--rk-shadows-profileDetailsAction)", selectedOption: "var(--rk-shadows-selectedOption)", selectedWallet: "var(--rk-shadows-selectedWallet)", walletLogo: "var(--rk-shadows-walletLogo)" }, blurs: { modalOverlay: "var(--rk-blurs-modalOverlay)" }, moonpayTheme: "var(--rk-moonpayTheme)" };
24
36
 
25
37
  // src/css/touchableStyles.css.ts
26
38
  var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
@@ -44,7 +56,7 @@ function touchablePrimaryStyles({
44
56
  }
45
57
 
46
58
  // src/hooks/useConnectionStatus.ts
47
- import { useAccount as useAccount12 } from "wagmi";
59
+ import { useAccount as useAccount11 } from "wagmi";
48
60
 
49
61
  // src/components/FunkitProvider/AuthenticationContext.tsx
50
62
  import React, {
@@ -111,14 +123,6 @@ function FunkitConnectAuthenticationProvider({
111
123
  )
112
124
  }, children);
113
125
  }
114
- function useAuthenticationAdapter() {
115
- var _a;
116
- const { adapter } = (_a = useContext(AuthenticationContext)) != null ? _a : {};
117
- if (!adapter) {
118
- throw new Error("No authentication adapter found");
119
- }
120
- return adapter;
121
- }
122
126
  function useAuthenticationStatus() {
123
127
  var _a;
124
128
  const contextValue = useContext(AuthenticationContext);
@@ -130,13 +134,13 @@ import PrivyJS, {
130
134
  getUserEmbeddedWallet,
131
135
  LocalStorage
132
136
  } from "@privy-io/js-sdk-core";
133
- import React130, {
134
- createContext as createContext18,
135
- useCallback as useCallback31,
136
- useContext as useContext23,
137
- useEffect as useEffect30,
138
- useMemo as useMemo35,
139
- useState as useState39
137
+ import React127, {
138
+ createContext as createContext16,
139
+ useCallback as useCallback30,
140
+ useContext as useContext20,
141
+ useEffect as useEffect29,
142
+ useMemo as useMemo34,
143
+ useState as useState38
140
144
  } from "react";
141
145
  import { useConfig as useConfig5, useConnect as useConnect2, useDisconnect as useDisconnect3 } from "wagmi";
142
146
 
@@ -1146,15 +1150,15 @@ var useFunkitConnectChainsById = () => groupChainsById(useFunkitConnectChains())
1146
1150
  var useInitialChainId = () => useContext3(FunkitConnectChainContext).initialChainId;
1147
1151
 
1148
1152
  // src/components/FunkitProvider/ModalContext.tsx
1149
- import React129, {
1150
- createContext as createContext17,
1151
- useCallback as useCallback30,
1152
- useContext as useContext22,
1153
- useEffect as useEffect29,
1154
- useMemo as useMemo34,
1155
- useState as useState38
1153
+ import React126, {
1154
+ createContext as createContext15,
1155
+ useCallback as useCallback29,
1156
+ useContext as useContext19,
1157
+ useEffect as useEffect28,
1158
+ useMemo as useMemo33,
1159
+ useState as useState37
1156
1160
  } from "react";
1157
- import { useAccount as useAccount11, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
1161
+ import { useAccount as useAccount10, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
1158
1162
 
1159
1163
  // src/utils/checkoutHistory.ts
1160
1164
  var combineDepositAddressAndInitialPage = ({
@@ -1364,8 +1368,8 @@ var FunkitThemeProvider = ({
1364
1368
  var DialogAnimationTime = 150;
1365
1369
  var content = "_1r8f579 _1rsrm2fa _1rsrm2f15 _1rsrm2fcu";
1366
1370
  var contentSlideOut = "_1r8f57b _1rsrm2fa _1rsrm2f15 _1rsrm2fcu";
1367
- var overlay = "_1r8f575 _1rsrm2fe2 _1rsrm2fi7 _1rsrm2fa _1rsrm2f3c _1rsrm2fct";
1368
- var overlayOut = "_1r8f577 _1rsrm2fe2 _1rsrm2fi7 _1rsrm2fa _1rsrm2f3c _1rsrm2fct";
1371
+ var overlay = "_1r8f575 _1rsrm2fe2 _1rsrm2fh7 _1rsrm2fa _1rsrm2f3c _1rsrm2fct";
1372
+ var overlayOut = "_1r8f577 _1rsrm2fe2 _1rsrm2fh7 _1rsrm2fa _1rsrm2f3c _1rsrm2fct";
1369
1373
 
1370
1374
  // src/components/Dialog/FocusTrap.tsx
1371
1375
  import React8, { useCallback as useCallback2, useEffect as useEffect4, useRef } from "react";
@@ -1656,12 +1660,6 @@ var ShortFunToast = ({
1656
1660
  }, title))));
1657
1661
  };
1658
1662
 
1659
- // src/components/Dialog/DialogContent.css.ts
1660
- var bottomSheetOverrides = "_1pzt4237";
1661
- var dialogContent = "_1pzt4231 _1rsrm2fib _1rsrm2fpb _1rsrm2fr _1rsrm2fv _1rsrm2fz _1rsrm2frz _1rsrm2fa _1rsrm2f15 _1rsrm2fab _1rsrm2fcu";
1662
- var dialogContentCompactMode = "_1pzt4234 _1pzt4231 _1rsrm2fib _1rsrm2fpb _1rsrm2fr _1rsrm2fv _1rsrm2fz _1rsrm2frz _1rsrm2fa _1rsrm2f15 _1rsrm2fab _1rsrm2fcu";
1663
- var dialogContentMobile = "_1pzt4236 _1rsrm2fs";
1664
-
1665
1663
  // src/components/Dialog/DialogContent.tsx
1666
1664
  function DialogContent({
1667
1665
  bottomSheetOnMobile = false,
@@ -3907,7 +3905,7 @@ import React20 from "react";
3907
3905
 
3908
3906
  // src/components/FunButton/FunButton.css.ts
3909
3907
  var funIconButtonStyle = "_1tyx5nu3";
3910
- var funLinkButtonStyle = "_1tyx5nu1 _1rsrm2fy7";
3908
+ var funLinkButtonStyle = "_1tyx5nu1 _1rsrm2fv7";
3911
3909
  var iconStyle = "_1tyx5nu4";
3912
3910
  var rotateStyle = "_1tyx5nu6";
3913
3911
 
@@ -4468,8 +4466,8 @@ var SearchIcon = ({ selected }) => {
4468
4466
  };
4469
4467
 
4470
4468
  // src/components/FunInput/FunInput.css.ts
4471
- var inputClass = "zue0i61 _1rsrm2fxn";
4472
- var inputClassDisabled = "zue0i63 _1rsrm2fxv";
4469
+ var inputClass = "zue0i61 _1rsrm2fun";
4470
+ var inputClassDisabled = "zue0i63 _1rsrm2fuv";
4473
4471
 
4474
4472
  // src/components/FunInput/FunInput.tsx
4475
4473
  var InputTextSize = "57px";
@@ -6684,7 +6682,8 @@ function FunPaymentMoonpayType({
6684
6682
  })) : null, /* @__PURE__ */ React59.createElement(Box, {
6685
6683
  display: "flex",
6686
6684
  justifyContent: "center",
6687
- paddingBottom: "24"
6685
+ paddingBottom: "24",
6686
+ style: { minHeight: "65vh", maxHeight: "65vh" }
6688
6687
  }, /* @__PURE__ */ React59.createElement(MoonPayBuyWidget, {
6689
6688
  variant: "embedded",
6690
6689
  baseCurrencyCode: "usd",
@@ -11437,7 +11436,7 @@ var ProfileTitleSection = ({
11437
11436
  }, /* @__PURE__ */ React105.createElement(Avatar, {
11438
11437
  address: account.address,
11439
11438
  imageUrl: account.ensAvatar || userInfo.iconSrc,
11440
- loading: account.hasPendingTransactions,
11439
+ loading: false,
11441
11440
  size: 24
11442
11441
  })), /* @__PURE__ */ React105.createElement(Text, {
11443
11442
  color: "modalText",
@@ -11886,11 +11885,11 @@ function ChainModal({ onClose, open }) {
11886
11885
  }
11887
11886
 
11888
11887
  // src/components/ConnectModal/ConnectModal.tsx
11889
- import React126 from "react";
11890
- import { useAccount as useAccount10, useDisconnect as useDisconnect2 } from "wagmi";
11888
+ import React123 from "react";
11889
+ import { useAccount as useAccount9, useDisconnect as useDisconnect2 } from "wagmi";
11891
11890
 
11892
11891
  // src/components/FunConnectOptions/FunConnectOptions.tsx
11893
- import React123, { useCallback as useCallback28, useState as useState37 } from "react";
11892
+ import React122, { useCallback as useCallback28, useState as useState36 } from "react";
11894
11893
 
11895
11894
  // src/components/FunConnectOptions/FunConnectErrorStep.tsx
11896
11895
  import React111 from "react";
@@ -12074,7 +12073,7 @@ function FunFarcasterConnectingStep({
12074
12073
  }
12075
12074
 
12076
12075
  // src/components/FunConnectOptions/FunSignInStep.tsx
12077
- import React118, { useCallback as useCallback26, useContext as useContext20, useMemo as useMemo33, useState as useState35 } from "react";
12076
+ import React117, { useCallback as useCallback26, useMemo as useMemo32, useState as useState34 } from "react";
12078
12077
 
12079
12078
  // src/utils/groupBy.ts
12080
12079
  function groupBy(items, getKey) {
@@ -12094,15 +12093,9 @@ function groupBy(items, getKey) {
12094
12093
 
12095
12094
  // src/wallets/latestWalletId.ts
12096
12095
  var storageKey2 = "fkc-latest-id";
12097
- function getLatestWalletId() {
12098
- return typeof localStorage !== "undefined" ? localStorage.getItem(storageKey2) || "" : "";
12099
- }
12100
12096
  function addLatestWalletId(walletId) {
12101
12097
  localStorage.setItem(storageKey2, walletId);
12102
12098
  }
12103
- function clearLatestWalletId() {
12104
- localStorage.removeItem(storageKey2);
12105
- }
12106
12099
 
12107
12100
  // src/components/FunContainer/FunContainer.tsx
12108
12101
  import React113 from "react";
@@ -12147,25 +12140,6 @@ function FunContainer({
12147
12140
  }, isCollapsed ? /* @__PURE__ */ React113.createElement(React113.Fragment, null) : children));
12148
12141
  }
12149
12142
 
12150
- // src/components/FunkitProvider/WalletButtonContext.tsx
12151
- import React114, { createContext as createContext15, useMemo as useMemo32, useState as useState33 } from "react";
12152
- var WalletButtonContext = createContext15({
12153
- connector: null,
12154
- setConnector: () => void 0
12155
- });
12156
- function WalletButtonProvider({ children }) {
12157
- const [connector, setConnector] = useState33(null);
12158
- return /* @__PURE__ */ React114.createElement(WalletButtonContext.Provider, {
12159
- value: useMemo32(
12160
- () => ({
12161
- connector,
12162
- setConnector
12163
- }),
12164
- [connector]
12165
- )
12166
- }, children);
12167
- }
12168
-
12169
12143
  // src/components/FunkitProvider/walletConnectDeepLink.ts
12170
12144
  var storageKey3 = "WALLETCONNECT_DEEPLINK_CHOICE";
12171
12145
  function setWalletConnectDeepLink({
@@ -12185,21 +12159,21 @@ function clearWalletConnectDeepLink() {
12185
12159
  }
12186
12160
 
12187
12161
  // src/components/Icons/ProfileIcon.tsx
12188
- import React115 from "react";
12162
+ import React114 from "react";
12189
12163
  var ProfileIcon = () => {
12190
- return /* @__PURE__ */ React115.createElement("svg", {
12164
+ return /* @__PURE__ */ React114.createElement("svg", {
12191
12165
  width: "24",
12192
12166
  height: "24",
12193
12167
  viewBox: "0 0 24 24",
12194
12168
  fill: "none",
12195
12169
  xmlns: "http://www.w3.org/2000/svg"
12196
- }, /* @__PURE__ */ React115.createElement("path", {
12170
+ }, /* @__PURE__ */ React114.createElement("path", {
12197
12171
  d: "M12.1601 10.87C12.0601 10.86 11.9401 10.86 11.8301 10.87C9.45006 10.79 7.56006 8.84 7.56006 6.44C7.56006 3.99 9.54006 2 12.0001 2C14.4501 2 16.4401 3.99 16.4401 6.44C16.4301 8.84 14.5401 10.79 12.1601 10.87Z",
12198
12172
  stroke: "currentColor",
12199
12173
  strokeWidth: "1.5",
12200
12174
  strokeLinecap: "round",
12201
12175
  strokeLinejoin: "round"
12202
- }), /* @__PURE__ */ React115.createElement("path", {
12176
+ }), /* @__PURE__ */ React114.createElement("path", {
12203
12177
  d: "M7.15997 14.56C4.73997 16.18 4.73997 18.82 7.15997 20.43C9.90997 22.27 14.42 22.27 17.17 20.43C19.59 18.81 19.59 16.17 17.17 14.56C14.43 12.73 9.91997 12.73 7.15997 14.56Z",
12204
12178
  stroke: "currentColor",
12205
12179
  strokeWidth: "1.5",
@@ -12209,58 +12183,58 @@ var ProfileIcon = () => {
12209
12183
  };
12210
12184
 
12211
12185
  // src/components/Icons/SocialMediaIcons.tsx
12212
- import React116 from "react";
12186
+ import React115 from "react";
12213
12187
  var GoogleIcon = () => {
12214
- return /* @__PURE__ */ React116.createElement("svg", {
12188
+ return /* @__PURE__ */ React115.createElement("svg", {
12215
12189
  width: "18",
12216
12190
  height: "18",
12217
12191
  viewBox: "0 0 18 18",
12218
12192
  fill: "none",
12219
12193
  xmlns: "http://www.w3.org/2000/svg"
12220
- }, /* @__PURE__ */ React116.createElement("g", {
12194
+ }, /* @__PURE__ */ React115.createElement("g", {
12221
12195
  clipPath: "url(#clip0_1033_2902)"
12222
- }, /* @__PURE__ */ React116.createElement("g", {
12196
+ }, /* @__PURE__ */ React115.createElement("g", {
12223
12197
  clipPath: "url(#clip1_1033_2902)"
12224
- }, /* @__PURE__ */ React116.createElement("path", {
12198
+ }, /* @__PURE__ */ React115.createElement("path", {
12225
12199
  d: "M17.3612 7.68341C17.4368 7.68341 17.498 7.74467 17.498 7.82024V9.25684C17.498 9.79453 17.4481 10.3203 17.3523 10.8303C16.6113 14.7917 13.1213 17.7855 8.9381 17.7566C4.24421 17.7243 0.487676 13.9316 0.498068 9.23768C0.508395 4.55215 4.31009 0.756836 8.99804 0.756836C11.2948 0.756836 13.3787 1.668 14.9087 3.14806C14.9639 3.20148 14.9653 3.28954 14.911 3.34386L12.8786 5.37625C12.8263 5.42858 12.7417 5.42994 12.6881 5.37891C11.7278 4.46486 10.4286 3.9037 8.99804 3.9037C6.04392 3.9037 3.66508 6.26563 3.64503 9.21968C3.62487 12.1931 6.02931 14.6099 8.99804 14.6099C11.4068 14.6099 13.444 13.0187 14.1158 10.8303H9.13486C9.05929 10.8303 8.99804 10.769 8.99804 10.6934V7.8202C8.99804 7.74463 9.05929 7.68337 9.13486 7.68337H17.3612V7.68341Z",
12226
12200
  fill: "#2196F3"
12227
- }), /* @__PURE__ */ React116.createElement("path", {
12201
+ }), /* @__PURE__ */ React115.createElement("path", {
12228
12202
  d: "M17.3613 7.68359H16.3352C16.4107 7.68359 16.472 7.74485 16.472 7.82042V9.25702C16.472 9.79471 16.4221 10.3205 16.3263 10.8305C15.6193 14.6097 12.4104 17.5082 8.48453 17.7417C8.63474 17.7505 8.78595 17.7557 8.93822 17.7568C13.1215 17.7856 16.6114 14.7919 17.3524 10.8305C17.4482 10.3205 17.4981 9.79471 17.4981 9.25702V7.82039C17.4981 7.74485 17.4369 7.68359 17.3613 7.68359Z",
12229
12203
  fill: "#1E88E5"
12230
- }), /* @__PURE__ */ React116.createElement("path", {
12204
+ }), /* @__PURE__ */ React115.createElement("path", {
12231
12205
  d: "M4.13616 7.01503L1.55469 5.14981C3.00294 2.53038 5.79373 0.756836 8.99843 0.756836C11.2952 0.756836 13.3791 1.668 14.9091 3.14806C14.9643 3.20148 14.9657 3.28954 14.9114 3.34386L12.879 5.37625C12.8267 5.42848 12.7422 5.43011 12.6887 5.37918C11.7285 4.46496 10.4291 3.90373 8.99843 3.90373C6.84248 3.90373 4.98411 5.1782 4.13616 7.01503Z",
12232
12206
  fill: "#F44336"
12233
- }), /* @__PURE__ */ React116.createElement("path", {
12207
+ }), /* @__PURE__ */ React115.createElement("path", {
12234
12208
  d: "M3.39062 6.47666L4.13587 7.01511C4.90983 5.33855 6.52576 4.13108 8.44125 3.93303C8.45566 3.93147 8.46951 3.92957 8.48418 3.92818C8.31561 3.91218 8.14478 3.90381 7.97199 3.90381C6.0244 3.90381 4.32705 4.93055 3.39062 6.47666Z",
12235
12209
  fill: "#E53935"
12236
- }), /* @__PURE__ */ React116.createElement("path", {
12210
+ }), /* @__PURE__ */ React115.createElement("path", {
12237
12211
  d: "M13.882 3.14806C13.9373 3.20148 13.9387 3.28954 13.8843 3.34389L12.2347 4.99352C12.3927 5.11372 12.544 5.24228 12.6876 5.37894C12.7412 5.42998 12.8257 5.42862 12.8781 5.37629L14.9105 3.34389C14.9648 3.28954 14.9634 3.20152 14.9082 3.14806C13.3782 1.668 11.2943 0.756836 8.99753 0.756836C8.82517 0.756836 8.65418 0.76258 8.48438 0.772707C10.5775 0.897385 12.4668 1.77903 13.882 3.14806Z",
12238
12212
  fill: "#E53935"
12239
- }), /* @__PURE__ */ React116.createElement("path", {
12213
+ }), /* @__PURE__ */ React115.createElement("path", {
12240
12214
  d: "M15.232 15.0335C13.6798 16.7085 11.4606 17.7569 8.99676 17.7569C5.66894 17.7569 2.78784 15.8445 1.39258 13.0585L4.02808 11.2524C4.81894 13.2203 6.74572 14.61 8.99676 14.61C10.4094 14.61 11.6942 14.0628 12.6506 13.1686L15.232 15.0335Z",
12241
12215
  fill: "#4CAF50"
12242
- }), /* @__PURE__ */ React116.createElement("path", {
12216
+ }), /* @__PURE__ */ React115.createElement("path", {
12243
12217
  d: "M4.02911 11.2524L3.25195 11.785C4.15458 13.4665 5.92959 14.61 7.97161 14.61C8.1443 14.61 8.315 14.6015 8.4835 14.5856C6.45649 14.3923 4.75898 13.0686 4.02911 11.2524Z",
12244
12218
  fill: "#43A047"
12245
- }), /* @__PURE__ */ React116.createElement("path", {
12219
+ }), /* @__PURE__ */ React115.createElement("path", {
12246
12220
  d: "M8.99797 17.7569C11.4618 17.7569 13.681 16.7085 15.2332 15.0334L14.601 14.5767C13.1435 16.3905 10.9571 17.5939 8.48618 17.7414C8.65551 17.7515 8.82611 17.7569 8.99797 17.7569Z",
12247
12221
  fill: "#43A047"
12248
- }), /* @__PURE__ */ React116.createElement("path", {
12222
+ }), /* @__PURE__ */ React115.createElement("path", {
12249
12223
  d: "M3.64494 9.25693C3.64494 9.96223 3.7814 10.6358 4.0294 11.2525L1.39387 13.0585C0.820615 11.9147 0.498047 10.6234 0.498047 9.25693C0.498047 7.7673 0.881145 6.36726 1.5543 5.1499L4.13578 7.01512C3.82075 7.69681 3.64494 8.45654 3.64494 9.25693Z",
12250
12224
  fill: "#FFC107"
12251
- }), /* @__PURE__ */ React116.createElement("path", {
12225
+ }), /* @__PURE__ */ React115.createElement("path", {
12252
12226
  d: "M3.25262 11.7849L4.02977 11.2524C3.78177 10.6357 3.64531 9.96213 3.64531 9.25683C3.64531 8.45644 3.82112 7.69671 4.13615 7.01502L3.39091 6.47656C2.90697 7.2756 2.62611 8.21322 2.61927 9.21971C2.61296 10.1479 2.84296 11.0218 3.25262 11.7849Z",
12253
12227
  fill: "#FFB300"
12254
- }))), /* @__PURE__ */ React116.createElement("defs", null, /* @__PURE__ */ React116.createElement("clipPath", {
12228
+ }))), /* @__PURE__ */ React115.createElement("defs", null, /* @__PURE__ */ React115.createElement("clipPath", {
12255
12229
  id: "clip0_1033_2902"
12256
- }, /* @__PURE__ */ React116.createElement("rect", {
12230
+ }, /* @__PURE__ */ React115.createElement("rect", {
12257
12231
  width: "17",
12258
12232
  height: "17",
12259
12233
  fill: "white",
12260
12234
  transform: "translate(0.5 0.5)"
12261
- })), /* @__PURE__ */ React116.createElement("clipPath", {
12235
+ })), /* @__PURE__ */ React115.createElement("clipPath", {
12262
12236
  id: "clip1_1033_2902"
12263
- }, /* @__PURE__ */ React116.createElement("rect", {
12237
+ }, /* @__PURE__ */ React115.createElement("rect", {
12264
12238
  width: "17",
12265
12239
  height: "17",
12266
12240
  fill: "white",
@@ -12268,34 +12242,34 @@ var GoogleIcon = () => {
12268
12242
  }))));
12269
12243
  };
12270
12244
  var TwitterIcon = () => {
12271
- return /* @__PURE__ */ React116.createElement("svg", {
12245
+ return /* @__PURE__ */ React115.createElement("svg", {
12272
12246
  width: "17.6",
12273
12247
  height: "18",
12274
12248
  viewBox: "0 0 1200 1227",
12275
12249
  fill: "none",
12276
12250
  xmlns: "http://www.w3.org/2000/svg"
12277
- }, /* @__PURE__ */ React116.createElement("path", {
12251
+ }, /* @__PURE__ */ React115.createElement("path", {
12278
12252
  d: "M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z",
12279
12253
  fill: "currentColor"
12280
12254
  }));
12281
12255
  };
12282
12256
  var AppleIcon = () => {
12283
- return /* @__PURE__ */ React116.createElement("svg", {
12257
+ return /* @__PURE__ */ React115.createElement("svg", {
12284
12258
  width: "17",
12285
12259
  height: "18",
12286
12260
  viewBox: "0 0 17 18",
12287
12261
  fill: "none",
12288
12262
  xmlns: "http://www.w3.org/2000/svg"
12289
- }, /* @__PURE__ */ React116.createElement("g", {
12263
+ }, /* @__PURE__ */ React115.createElement("g", {
12290
12264
  clipPath: "url(#clip0_1049_3254)"
12291
- }, /* @__PURE__ */ React116.createElement("path", {
12265
+ }, /* @__PURE__ */ React115.createElement("path", {
12292
12266
  fillRule: "evenodd",
12293
12267
  clipRule: "evenodd",
12294
12268
  d: "M11.1086 3.21394C11.7283 2.4957 12.146 1.49533 12.0317 0.5C11.1387 0.534 10.0582 1.07047 9.4179 1.78787C8.84288 2.42451 8.34093 3.44176 8.47587 4.41755C9.47205 4.4915 10.4889 3.93302 11.1086 3.21394ZM13.3425 9.53125C13.3674 12.1042 15.6975 12.96 15.7233 12.9711C15.7044 13.0314 15.3511 14.1906 14.4959 15.3891C13.7559 16.4244 12.9883 17.4555 11.779 17.4776C10.5911 17.4988 10.2087 16.8027 8.84976 16.8027C7.49172 16.8027 7.06712 17.4554 5.94287 17.4988C4.77565 17.5404 3.88605 16.3787 3.14085 15.3468C1.61606 13.2363 0.451421 9.38257 2.01574 6.78162C2.79274 5.49048 4.18086 4.67162 5.68846 4.65122C6.83419 4.62997 7.91633 5.38999 8.61683 5.38999C9.31734 5.38999 10.6324 4.47625 12.0145 4.61055C12.593 4.6335 14.2174 4.83403 15.26 6.29685C15.1758 6.347 13.3218 7.38078 13.3425 9.53125Z",
12295
12269
  fill: "currentColor"
12296
- })), /* @__PURE__ */ React116.createElement("defs", null, /* @__PURE__ */ React116.createElement("clipPath", {
12270
+ })), /* @__PURE__ */ React115.createElement("defs", null, /* @__PURE__ */ React115.createElement("clipPath", {
12297
12271
  id: "clip0_1049_3254"
12298
- }, /* @__PURE__ */ React116.createElement("rect", {
12272
+ }, /* @__PURE__ */ React115.createElement("rect", {
12299
12273
  width: "17",
12300
12274
  height: "17",
12301
12275
  fill: "currentColor",
@@ -12303,187 +12277,26 @@ var AppleIcon = () => {
12303
12277
  }))));
12304
12278
  };
12305
12279
  var FarcasterIcon = () => {
12306
- return /* @__PURE__ */ React116.createElement("svg", {
12280
+ return /* @__PURE__ */ React115.createElement("svg", {
12307
12281
  width: "20",
12308
12282
  height: "20",
12309
12283
  viewBox: "0 0 1000 1000",
12310
12284
  fill: "none",
12311
12285
  xmlns: "http://www.w3.org/2000/svg"
12312
- }, /* @__PURE__ */ React116.createElement("path", {
12286
+ }, /* @__PURE__ */ React115.createElement("path", {
12313
12287
  d: "M257.778 155.556H742.222V844.445H671.111V528.889H670.414C662.554 441.677 589.258 373.333 500 373.333C410.742 373.333 337.446 441.677 329.586 528.889H328.889V844.445H257.778V155.556Z",
12314
12288
  fill: "#855DCD"
12315
- }), /* @__PURE__ */ React116.createElement("path", {
12289
+ }), /* @__PURE__ */ React115.createElement("path", {
12316
12290
  d: "M128.889 253.333L157.778 351.111H182.222V746.667C169.949 746.667 160 756.616 160 768.889V795.556H155.556C143.283 795.556 133.333 805.505 133.333 817.778V844.445H382.222V817.778C382.222 805.505 372.273 795.556 360 795.556H355.556V768.889C355.556 756.616 345.606 746.667 333.333 746.667H306.667V253.333H128.889Z",
12317
12291
  fill: "#855DCD"
12318
- }), /* @__PURE__ */ React116.createElement("path", {
12292
+ }), /* @__PURE__ */ React115.createElement("path", {
12319
12293
  d: "M675.556 746.667C663.283 746.667 653.333 756.616 653.333 768.889V795.556H648.889C636.616 795.556 626.667 805.505 626.667 817.778V844.445H875.556V817.778C875.556 805.505 865.606 795.556 853.333 795.556H848.889V768.889C848.889 756.616 838.94 746.667 826.667 746.667V351.111H851.111L880 253.333H702.222V746.667H675.556Z",
12320
12294
  fill: "#855DCD"
12321
12295
  }));
12322
12296
  };
12323
12297
 
12324
12298
  // src/components/ModalSelection/ModalSelection.tsx
12325
- import React117, { useContext as useContext19, useState as useState34 } from "react";
12326
-
12327
- // src/components/FunkitProvider/useCoolMode.ts
12328
- import { useContext as useContext18, useEffect as useEffect25, useRef as useRef9 } from "react";
12329
-
12330
- // src/components/FunkitProvider/CoolModeContext.ts
12331
- import { createContext as createContext16 } from "react";
12332
- var CoolModeContext = createContext16(false);
12333
-
12334
- // src/components/FunkitProvider/useCoolMode.ts
12335
- var useCoolMode = (imageUrl) => {
12336
- const ref = useRef9(null);
12337
- const coolModeEnabled = useContext18(CoolModeContext);
12338
- const resolvedImageUrl = useAsyncImage(imageUrl);
12339
- useEffect25(() => {
12340
- if (coolModeEnabled && ref.current && resolvedImageUrl) {
12341
- return makeElementCool(ref.current, resolvedImageUrl);
12342
- }
12343
- }, [coolModeEnabled, resolvedImageUrl]);
12344
- return ref;
12345
- };
12346
- var getContainer = () => {
12347
- const id = "_rk_coolMode";
12348
- const existingContainer = document.getElementById(id);
12349
- if (existingContainer) {
12350
- return existingContainer;
12351
- }
12352
- const container = document.createElement("div");
12353
- container.setAttribute("id", id);
12354
- container.setAttribute(
12355
- "style",
12356
- [
12357
- "overflow:hidden",
12358
- "position:fixed",
12359
- "height:100%",
12360
- "top:0",
12361
- "left:0",
12362
- "right:0",
12363
- "bottom:0",
12364
- "pointer-events:none",
12365
- "z-index:2147483647"
12366
- ].join(";")
12367
- );
12368
- document.body.appendChild(container);
12369
- return container;
12370
- };
12371
- var instanceCounter = 0;
12372
- function makeElementCool(element2, imageUrl) {
12373
- instanceCounter++;
12374
- const sizes = [15, 20, 25, 35, 45];
12375
- const limit = 35;
12376
- let particles = [];
12377
- let autoAddParticle = false;
12378
- let mouseX = 0;
12379
- let mouseY = 0;
12380
- const container = getContainer();
12381
- function createParticle() {
12382
- const size = sizes[Math.floor(Math.random() * sizes.length)];
12383
- const speedHorz = Math.random() * 10;
12384
- const speedUp = Math.random() * 25;
12385
- const spinVal = Math.random() * 360;
12386
- const spinSpeed = Math.random() * 35 * (Math.random() <= 0.5 ? -1 : 1);
12387
- const top = mouseY - size / 2;
12388
- const left = mouseX - size / 2;
12389
- const direction = Math.random() <= 0.5 ? -1 : 1;
12390
- const particle = document.createElement("div");
12391
- particle.innerHTML = `<img src="${imageUrl}" width="${size}" height="${size}" style="border-radius: 25%">`;
12392
- particle.setAttribute(
12393
- "style",
12394
- [
12395
- "position:absolute",
12396
- "will-change:transform",
12397
- `top:${top}px`,
12398
- `left:${left}px`,
12399
- `transform:rotate(${spinVal}deg)`
12400
- ].join(";")
12401
- );
12402
- container.appendChild(particle);
12403
- particles.push({
12404
- direction,
12405
- element: particle,
12406
- left,
12407
- size,
12408
- speedHorz,
12409
- speedUp,
12410
- spinSpeed,
12411
- spinVal,
12412
- top
12413
- });
12414
- }
12415
- function updateParticles() {
12416
- for (const p of particles) {
12417
- p.left = p.left - p.speedHorz * p.direction;
12418
- p.top = p.top - p.speedUp;
12419
- p.speedUp = Math.min(p.size, p.speedUp - 1);
12420
- p.spinVal = p.spinVal + p.spinSpeed;
12421
- if (p.top >= Math.max(window.innerHeight, document.body.clientHeight) + p.size) {
12422
- particles = particles.filter((o) => o !== p);
12423
- p.element.remove();
12424
- }
12425
- p.element.setAttribute(
12426
- "style",
12427
- [
12428
- "position:absolute",
12429
- "will-change:transform",
12430
- `top:${p.top}px`,
12431
- `left:${p.left}px`,
12432
- `transform:rotate(${p.spinVal}deg)`
12433
- ].join(";")
12434
- );
12435
- }
12436
- }
12437
- let animationFrame;
12438
- function loop() {
12439
- if (autoAddParticle && particles.length < limit) {
12440
- createParticle();
12441
- }
12442
- updateParticles();
12443
- animationFrame = requestAnimationFrame(loop);
12444
- }
12445
- loop();
12446
- const isTouchInteraction = "ontouchstart" in window || navigator.msMaxTouchPoints;
12447
- const tap = isTouchInteraction ? "touchstart" : "mousedown";
12448
- const tapEnd = isTouchInteraction ? "touchend" : "mouseup";
12449
- const move = isTouchInteraction ? "touchmove" : "mousemove";
12450
- const updateMousePosition = (e) => {
12451
- var _a, _b;
12452
- if ("touches" in e) {
12453
- mouseX = (_a = e.touches) == null ? void 0 : _a[0].clientX;
12454
- mouseY = (_b = e.touches) == null ? void 0 : _b[0].clientY;
12455
- } else {
12456
- mouseX = e.clientX;
12457
- mouseY = e.clientY;
12458
- }
12459
- };
12460
- const tapHandler = (e) => {
12461
- updateMousePosition(e);
12462
- autoAddParticle = true;
12463
- };
12464
- const disableAutoAddParticle = () => {
12465
- autoAddParticle = false;
12466
- };
12467
- element2.addEventListener(move, updateMousePosition, { passive: false });
12468
- element2.addEventListener(tap, tapHandler);
12469
- element2.addEventListener(tapEnd, disableAutoAddParticle);
12470
- element2.addEventListener("mouseleave", disableAutoAddParticle);
12471
- return () => {
12472
- element2.removeEventListener(move, updateMousePosition);
12473
- element2.removeEventListener(tap, tapHandler);
12474
- element2.removeEventListener(tapEnd, disableAutoAddParticle);
12475
- element2.removeEventListener("mouseleave", disableAutoAddParticle);
12476
- const interval = setInterval(() => {
12477
- if (animationFrame && particles.length === 0) {
12478
- cancelAnimationFrame(animationFrame);
12479
- clearInterval(interval);
12480
- if (--instanceCounter === 0) {
12481
- container.remove();
12482
- }
12483
- }
12484
- }, 500);
12485
- };
12486
- }
12299
+ import React116, { useContext as useContext18, useState as useState33 } from "react";
12487
12300
 
12488
12301
  // src/components/ModalSelection/ModalSelection.css.ts
12489
12302
  var transparentBorder = "kmn3fl0";
@@ -12502,16 +12315,14 @@ var ModalSelection = ({
12502
12315
  isFunkitSdkConnector: isFunkitSdkConnector2,
12503
12316
  ...urlProps
12504
12317
  }) => {
12505
- const coolModeRef = useCoolMode(iconUrl);
12506
- const [isMouseOver, setIsMouseOver] = useState34(false);
12507
- const { i18n: i18n2 } = useContext19(I18nContext);
12508
- return /* @__PURE__ */ React117.createElement(Box, {
12318
+ const [isMouseOver, setIsMouseOver] = useState33(false);
12319
+ const { i18n: i18n2 } = useContext18(I18nContext);
12320
+ return /* @__PURE__ */ React116.createElement(Box, {
12509
12321
  display: "flex",
12510
12322
  flexDirection: "column",
12511
12323
  onMouseEnter: () => setIsMouseOver(true),
12512
- onMouseLeave: () => setIsMouseOver(false),
12513
- ref: coolModeRef
12514
- }, /* @__PURE__ */ React117.createElement(Box, {
12324
+ onMouseLeave: () => setIsMouseOver(false)
12325
+ }, /* @__PURE__ */ React116.createElement(Box, {
12515
12326
  as,
12516
12327
  borderRadius: "menuButton",
12517
12328
  borderStyle: "solid",
@@ -12537,19 +12348,19 @@ var ModalSelection = ({
12537
12348
  background: { hover: "menuItemBackground" }
12538
12349
  },
12539
12350
  ...urlProps
12540
- }, /* @__PURE__ */ React117.createElement(Box, {
12351
+ }, /* @__PURE__ */ React116.createElement(Box, {
12541
12352
  color: currentlySelected ? "accentColorForeground" : "modalText",
12542
12353
  disabled: !ready,
12543
12354
  fontFamily: "body",
12544
12355
  fontSize: "16",
12545
12356
  fontWeight: "bold",
12546
12357
  transition: "default"
12547
- }, /* @__PURE__ */ React117.createElement(Box, {
12358
+ }, /* @__PURE__ */ React116.createElement(Box, {
12548
12359
  alignItems: "center",
12549
12360
  display: "flex",
12550
12361
  flexDirection: "row",
12551
12362
  gap: "12"
12552
- }, /* @__PURE__ */ React117.createElement(AsyncImage, {
12363
+ }, /* @__PURE__ */ React116.createElement(AsyncImage, {
12553
12364
  background: iconBackground,
12554
12365
  ...!isMouseOver && isFunkitSdkConnector2 ? { borderColor: "actionButtonBorder" } : {},
12555
12366
  useAsImage: !isFunkitSdkConnector2,
@@ -12557,10 +12368,10 @@ var ModalSelection = ({
12557
12368
  height: "28",
12558
12369
  src: iconUrl,
12559
12370
  width: "28"
12560
- }), /* @__PURE__ */ React117.createElement(Box, null, /* @__PURE__ */ React117.createElement(Box, {
12371
+ }), /* @__PURE__ */ React116.createElement(Box, null, /* @__PURE__ */ React116.createElement(Box, {
12561
12372
  style: { marginTop: recent ? -2 : void 0 },
12562
12373
  maxWidth: "200"
12563
- }, name), recent && /* @__PURE__ */ React117.createElement(Text, {
12374
+ }, name), recent && /* @__PURE__ */ React116.createElement(Text, {
12564
12375
  color: currentlySelected ? "accentColorForeground" : "accentColor",
12565
12376
  size: "12",
12566
12377
  style: { lineHeight: 1, marginTop: -1 },
@@ -12577,22 +12388,22 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
12577
12388
  {
12578
12389
  funkitKey: "google_oauth" /* GOOGLE */,
12579
12390
  provider: "google",
12580
- icon: /* @__PURE__ */ React118.createElement(GoogleIcon, null)
12391
+ icon: /* @__PURE__ */ React117.createElement(GoogleIcon, null)
12581
12392
  },
12582
12393
  {
12583
12394
  funkitKey: "twitter_oauth" /* TWITTER */,
12584
12395
  provider: "twitter",
12585
- icon: /* @__PURE__ */ React118.createElement(TwitterIcon, null)
12396
+ icon: /* @__PURE__ */ React117.createElement(TwitterIcon, null)
12586
12397
  },
12587
12398
  {
12588
12399
  funkitKey: "apple_oauth" /* APPLE */,
12589
12400
  provider: "apple",
12590
- icon: /* @__PURE__ */ React118.createElement(AppleIcon, null)
12401
+ icon: /* @__PURE__ */ React117.createElement(AppleIcon, null)
12591
12402
  },
12592
12403
  {
12593
12404
  funkitKey: "farcaster" /* FARCASTER */,
12594
12405
  provider: "farcaster",
12595
- icon: /* @__PURE__ */ React118.createElement(FarcasterIcon, null)
12406
+ icon: /* @__PURE__ */ React117.createElement(FarcasterIcon, null)
12596
12407
  }
12597
12408
  ];
12598
12409
  function getInitSignInType(loginModalConfig) {
@@ -12621,20 +12432,19 @@ function FunSignInStep({
12621
12432
  var _a, _b, _c;
12622
12433
  const funkitConfig = useFunkitConfig();
12623
12434
  const initSignInType = getInitSignInType(funkitConfig.loginModalConfig);
12624
- const [signInType, setSignInType] = useState35(initSignInType);
12625
- const [selectedOptionId, setSelectedOptionId] = useState35();
12435
+ const [signInType, setSignInType] = useState34(initSignInType);
12436
+ const [selectedOptionId, setSelectedOptionId] = useState34();
12626
12437
  const {
12627
12438
  isSendingOtpEmail,
12628
12439
  handleSendOtpEmail,
12629
12440
  handleOauthRedirect,
12630
12441
  handleGenerateFcUri
12631
12442
  } = useFunkitWeb2Login();
12632
- const isEmailInputValid = useMemo33(() => {
12443
+ const isEmailInputValid = useMemo32(() => {
12633
12444
  return validateEmailString(emailInput);
12634
12445
  }, [emailInput]);
12635
- const [emailError, setEmailError] = useState35();
12636
- const { connector } = useContext20(WalletButtonContext);
12637
- const mergeEIP6963WithRkConnectors = !connector;
12446
+ const [emailError, setEmailError] = useState34();
12447
+ const mergeEIP6963WithRkConnectors = true;
12638
12448
  const wallets = useWalletConnectors(mergeEIP6963WithRkConnectors).filter((wallet) => wallet.ready || !!wallet.extensionDownloadUrl).sort((a, b) => a.groupIndex - b.groupIndex);
12639
12449
  const groupedWallets = groupBy(wallets, (wallet) => wallet.groupName);
12640
12450
  const funkitConnectWallet2 = (_a = groupedWallets == null ? void 0 : groupedWallets[RESERVED_GROUP_NAME]) == null ? void 0 : _a[0];
@@ -12731,32 +12541,32 @@ function FunSignInStep({
12731
12541
  setSelectedWallet,
12732
12542
  changeStep
12733
12543
  ]);
12734
- const ENABLED_SOCIAL_ITEMS = useMemo33(() => {
12544
+ const ENABLED_SOCIAL_ITEMS = useMemo32(() => {
12735
12545
  return FULL_SOCIAL_LOGIN_OPTIONS.filter(
12736
12546
  (oAuthItem) => !!funkitConfig.loginModalConfig.web2SocialLogins[oAuthItem.funkitKey]
12737
12547
  );
12738
12548
  }, [funkitConfig.loginModalConfig.web2SocialLogins]);
12739
- const hasAnySocialEnabled = useMemo33(() => {
12549
+ const hasAnySocialEnabled = useMemo32(() => {
12740
12550
  return ENABLED_SOCIAL_ITEMS.length;
12741
12551
  }, [ENABLED_SOCIAL_ITEMS.length]);
12742
- const Web2LoginSection = ((_b = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _b.web2) ? /* @__PURE__ */ React118.createElement(FunContainer, {
12552
+ const Web2LoginSection = ((_b = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _b.web2) ? /* @__PURE__ */ React117.createElement(FunContainer, {
12743
12553
  title: hasAnySocialEnabled ? "Email & Social" : "Email",
12744
- titleSuffix: /* @__PURE__ */ React118.createElement(Box, {
12554
+ titleSuffix: /* @__PURE__ */ React117.createElement(Box, {
12745
12555
  color: "textPrimary"
12746
- }, /* @__PURE__ */ React118.createElement(ProfileIcon, null)),
12556
+ }, /* @__PURE__ */ React117.createElement(ProfileIcon, null)),
12747
12557
  isCollapsible: true,
12748
12558
  isCollapsed: signInType !== 0 /* WEB2 */,
12749
12559
  showHoverEffect: signInType !== 0 /* WEB2 */,
12750
12560
  onClick: () => onClickSection(0 /* WEB2 */),
12751
12561
  titlePaddingBottom: hasAnySocialEnabled ? "24" : "8"
12752
- }, /* @__PURE__ */ React118.createElement(Box, {
12562
+ }, /* @__PURE__ */ React117.createElement(Box, {
12753
12563
  display: "flex",
12754
12564
  flexDirection: "row",
12755
12565
  gap: "5",
12756
12566
  width: "full"
12757
- }, /* @__PURE__ */ React118.createElement(Box, {
12567
+ }, /* @__PURE__ */ React117.createElement(Box, {
12758
12568
  style: { flex: 1 }
12759
- }, /* @__PURE__ */ React118.createElement(FunInput, {
12569
+ }, /* @__PURE__ */ React117.createElement(FunInput, {
12760
12570
  label: "Email Address",
12761
12571
  placeholder: "Enter your email",
12762
12572
  value: emailInput,
@@ -12765,42 +12575,42 @@ function FunSignInStep({
12765
12575
  setEmailError(void 0);
12766
12576
  },
12767
12577
  onKeySubmit: handleEmailSubmit
12768
- })), /* @__PURE__ */ React118.createElement(Box, {
12578
+ })), /* @__PURE__ */ React117.createElement(Box, {
12769
12579
  style: { flex: 1, maxWidth: 115 }
12770
- }, /* @__PURE__ */ React118.createElement(Box, {
12580
+ }, /* @__PURE__ */ React117.createElement(Box, {
12771
12581
  id: "ghost-div",
12772
12582
  style: { height: 26 }
12773
- }), /* @__PURE__ */ React118.createElement(FunButton, {
12583
+ }), /* @__PURE__ */ React117.createElement(FunButton, {
12774
12584
  type: "primary",
12775
12585
  title: "Next",
12776
12586
  borderRadius: "menuButton",
12777
12587
  isDisabled: !isEmailInputValid || isSendingOtpEmail,
12778
- titleSuffix: isSendingOtpEmail ? /* @__PURE__ */ React118.createElement(Box, {
12588
+ titleSuffix: isSendingOtpEmail ? /* @__PURE__ */ React117.createElement(Box, {
12779
12589
  display: "flex",
12780
12590
  alignItems: "center",
12781
12591
  color: "textPrimary"
12782
- }, /* @__PURE__ */ React118.createElement(SpinnerIcon, {
12592
+ }, /* @__PURE__ */ React117.createElement(SpinnerIcon, {
12783
12593
  height: 16,
12784
12594
  width: 16
12785
12595
  })) : null,
12786
12596
  onClick: handleEmailSubmit,
12787
12597
  buttonStyle: { height: "48px" }
12788
- }))), hasAnySocialEnabled ? /* @__PURE__ */ React118.createElement(React118.Fragment, null, /* @__PURE__ */ React118.createElement(FunDivider, null), /* @__PURE__ */ React118.createElement(Box, {
12598
+ }))), hasAnySocialEnabled ? /* @__PURE__ */ React117.createElement(React117.Fragment, null, /* @__PURE__ */ React117.createElement(FunDivider, null), /* @__PURE__ */ React117.createElement(Box, {
12789
12599
  display: "flex",
12790
12600
  flexDirection: "column",
12791
12601
  gap: "14"
12792
- }, flags.getBool("connect_sign_in_show_social_label" /* ConnectSignInShowSocialLabel */, false) ? /* @__PURE__ */ React118.createElement(Box, {
12602
+ }, flags.getBool("connect_sign_in_show_social_label" /* ConnectSignInShowSocialLabel */, false) ? /* @__PURE__ */ React117.createElement(Box, {
12793
12603
  display: "flex",
12794
12604
  justifyContent: "center",
12795
12605
  width: "full"
12796
- }, /* @__PURE__ */ React118.createElement(Text, {
12606
+ }, /* @__PURE__ */ React117.createElement(Text, {
12797
12607
  size: "14",
12798
12608
  color: "modalTextSecondary",
12799
12609
  weight: "medium"
12800
- }, "or continue with")) : null, /* @__PURE__ */ React118.createElement(Box, {
12610
+ }, "or continue with")) : null, /* @__PURE__ */ React117.createElement(Box, {
12801
12611
  display: "flex",
12802
12612
  gap: "10"
12803
- }, ENABLED_SOCIAL_ITEMS.map((socialItem) => /* @__PURE__ */ React118.createElement(FunIconButton, {
12613
+ }, ENABLED_SOCIAL_ITEMS.map((socialItem) => /* @__PURE__ */ React117.createElement(FunIconButton, {
12804
12614
  key: socialItem.provider,
12805
12615
  onClick: async () => {
12806
12616
  if (socialItem.provider === "farcaster") {
@@ -12826,28 +12636,28 @@ function FunSignInStep({
12826
12636
  showBorder: true,
12827
12637
  size: "24",
12828
12638
  width: "full"
12829
- }))))) : null, emailError && /* @__PURE__ */ React118.createElement(Box, {
12639
+ }))))) : null, emailError && /* @__PURE__ */ React117.createElement(Box, {
12830
12640
  paddingTop: "18"
12831
- }, /* @__PURE__ */ React118.createElement(FunNotification, {
12641
+ }, /* @__PURE__ */ React117.createElement(FunNotification, {
12832
12642
  type: "error",
12833
12643
  description: emailError
12834
12644
  }))) : null;
12835
- const Web3LoginSection = ((_c = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _c.web3) && funWeb3ConnectWallets.length > 0 ? /* @__PURE__ */ React118.createElement(FunContainer, {
12645
+ const Web3LoginSection = ((_c = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _c.web3) && funWeb3ConnectWallets.length > 0 ? /* @__PURE__ */ React117.createElement(FunContainer, {
12836
12646
  title: "Connect Wallet",
12837
- titleSuffix: /* @__PURE__ */ React118.createElement(Box, {
12647
+ titleSuffix: /* @__PURE__ */ React117.createElement(Box, {
12838
12648
  color: "modalText"
12839
- }, /* @__PURE__ */ React118.createElement(WalletIcon, null)),
12649
+ }, /* @__PURE__ */ React117.createElement(WalletIcon, null)),
12840
12650
  isCollapsible: true,
12841
12651
  isCollapsed: signInType !== 1 /* WEB3 */,
12842
12652
  showHoverEffect: signInType !== 1 /* WEB3 */,
12843
12653
  onClick: () => onClickSection(1 /* WEB3 */)
12844
- }, /* @__PURE__ */ React118.createElement(Box, {
12654
+ }, /* @__PURE__ */ React117.createElement(Box, {
12845
12655
  display: "flex",
12846
12656
  flexDirection: "column",
12847
12657
  gap: "10",
12848
12658
  className: scrollClassName
12849
12659
  }, funWeb3ConnectWallets.map((wallet) => {
12850
- return /* @__PURE__ */ React118.createElement(ModalSelection, {
12660
+ return /* @__PURE__ */ React117.createElement(ModalSelection, {
12851
12661
  currentlySelected: wallet.id === selectedOptionId,
12852
12662
  iconBackground: wallet.iconBackground,
12853
12663
  iconUrl: wallet.iconUrl,
@@ -12859,14 +12669,14 @@ function FunSignInStep({
12859
12669
  testId: `wallet-option-${wallet.id}`
12860
12670
  });
12861
12671
  }))) : null;
12862
- return /* @__PURE__ */ React118.createElement(Box, {
12672
+ return /* @__PURE__ */ React117.createElement(Box, {
12863
12673
  minHeight: "320"
12864
- }, /* @__PURE__ */ React118.createElement(FunModalTitleSection, {
12674
+ }, /* @__PURE__ */ React117.createElement(FunModalTitleSection, {
12865
12675
  title: "Get Started",
12866
12676
  hasCloseButton: true,
12867
12677
  onClose,
12868
12678
  customJustifyContentStyle: "space-between"
12869
- }), /* @__PURE__ */ React118.createElement(Box, {
12679
+ }), /* @__PURE__ */ React117.createElement(Box, {
12870
12680
  display: "flex",
12871
12681
  flexDirection: "column",
12872
12682
  paddingY: "20",
@@ -12876,7 +12686,7 @@ function FunSignInStep({
12876
12686
  }
12877
12687
 
12878
12688
  // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
12879
- import React119, { useCallback as useCallback27, useEffect as useEffect26 } from "react";
12689
+ import React118, { useCallback as useCallback27, useEffect as useEffect25 } from "react";
12880
12690
  var FunWeb2ConnectingStep = (props) => {
12881
12691
  const initialChainId = useInitialChainId();
12882
12692
  const {
@@ -12887,8 +12697,8 @@ var FunWeb2ConnectingStep = (props) => {
12887
12697
  loginErrorMessage,
12888
12698
  clearLoginError
12889
12699
  } = useFunkitWeb2Login();
12890
- const [backAnimation, setBackAnimation] = React119.useState(false);
12891
- useEffect26(() => {
12700
+ const [backAnimation, setBackAnimation] = React118.useState(false);
12701
+ useEffect25(() => {
12892
12702
  props.setOtpInput("");
12893
12703
  clearLoginError();
12894
12704
  }, []);
@@ -12905,9 +12715,9 @@ var FunWeb2ConnectingStep = (props) => {
12905
12715
  },
12906
12716
  [handleFunkitWeb2Login, initialChainId, props.emailInput]
12907
12717
  );
12908
- return /* @__PURE__ */ React119.createElement(Box, {
12718
+ return /* @__PURE__ */ React118.createElement(Box, {
12909
12719
  height: "max"
12910
- }, /* @__PURE__ */ React119.createElement(FunModalTitleSection, {
12720
+ }, /* @__PURE__ */ React118.createElement(FunModalTitleSection, {
12911
12721
  title: "Verify Your Email",
12912
12722
  hasCloseButton: true,
12913
12723
  onClose: props.onClose,
@@ -12917,56 +12727,56 @@ var FunWeb2ConnectingStep = (props) => {
12917
12727
  setTimeout(props.onBack, 150);
12918
12728
  },
12919
12729
  skipBackDelay: true
12920
- }), /* @__PURE__ */ React119.createElement(Box, {
12730
+ }), /* @__PURE__ */ React118.createElement(Box, {
12921
12731
  display: "flex",
12922
12732
  flexDirection: "column",
12923
12733
  paddingY: "20",
12924
12734
  gap: "20",
12925
12735
  className: backAnimation ? animateContentOutClass : animateContentInClass
12926
- }, /* @__PURE__ */ React119.createElement(FunInput, {
12736
+ }, /* @__PURE__ */ React118.createElement(FunInput, {
12927
12737
  inputProps: { disabled: true },
12928
12738
  label: "Email Address",
12929
12739
  placeholder: props.emailInput,
12930
12740
  value: "",
12931
12741
  onChange: () => void 0
12932
- }), /* @__PURE__ */ React119.createElement(FunTwoFaInput, {
12742
+ }), /* @__PURE__ */ React118.createElement(FunTwoFaInput, {
12933
12743
  value: props.otpInput,
12934
12744
  onChange: props.setOtpInput,
12935
12745
  onCompleted: (input) => handleOtpComplete(input),
12936
12746
  hasError: !!loginErrorMessage,
12937
12747
  errorMessage: loginErrorMessage,
12938
12748
  inputLength: 6
12939
- }), /* @__PURE__ */ React119.createElement(Box, {
12749
+ }), /* @__PURE__ */ React118.createElement(Box, {
12940
12750
  display: "flex",
12941
12751
  flexDirection: "column",
12942
12752
  alignItems: "flex-start",
12943
12753
  justifyContent: "flex-start"
12944
- }, /* @__PURE__ */ React119.createElement(Box, {
12754
+ }, /* @__PURE__ */ React118.createElement(Box, {
12945
12755
  display: "flex",
12946
12756
  justifyContent: "center"
12947
- }, /* @__PURE__ */ React119.createElement(Text, {
12757
+ }, /* @__PURE__ */ React118.createElement(Text, {
12948
12758
  color: "modalTextDim",
12949
12759
  size: "12"
12950
- }, "A code was sent to your email."), isSendingOtpEmail ? /* @__PURE__ */ React119.createElement("div", {
12760
+ }, "A code was sent to your email."), isSendingOtpEmail ? /* @__PURE__ */ React118.createElement("div", {
12951
12761
  style: { paddingLeft: "4px" }
12952
- }, /* @__PURE__ */ React119.createElement(Text, {
12762
+ }, /* @__PURE__ */ React118.createElement(Text, {
12953
12763
  color: "modalTextDim",
12954
12764
  size: "12",
12955
12765
  weight: "medium"
12956
- }, "Sent!")) : /* @__PURE__ */ React119.createElement(FunLinkButton, {
12766
+ }, "Sent!")) : /* @__PURE__ */ React118.createElement(FunLinkButton, {
12957
12767
  onClick: () => handleSendOtpEmail(props.emailInput),
12958
12768
  text: "Resend Code.",
12959
12769
  color: "buttonPrimary"
12960
- }))), /* @__PURE__ */ React119.createElement(FunButton, {
12770
+ }))), /* @__PURE__ */ React118.createElement(FunButton, {
12961
12771
  type: "primary",
12962
12772
  title: "Sign In",
12963
12773
  borderRadius: "menuButton",
12964
12774
  isDisabled: props.otpInput.length < 6 || isLoggingIn,
12965
- titleSuffix: isLoggingIn ? /* @__PURE__ */ React119.createElement(Box, {
12775
+ titleSuffix: isLoggingIn ? /* @__PURE__ */ React118.createElement(Box, {
12966
12776
  display: "flex",
12967
12777
  alignItems: "center",
12968
12778
  color: "modalText"
12969
- }, /* @__PURE__ */ React119.createElement(SpinnerIcon, {
12779
+ }, /* @__PURE__ */ React118.createElement(SpinnerIcon, {
12970
12780
  height: 16,
12971
12781
  width: 16
12972
12782
  })) : null,
@@ -12975,13 +12785,13 @@ var FunWeb2ConnectingStep = (props) => {
12975
12785
  };
12976
12786
 
12977
12787
  // src/components/FunConnectOptions/FunWeb3ConnectingStep.tsx
12978
- import React122 from "react";
12788
+ import React121 from "react";
12979
12789
 
12980
12790
  // src/components/FunConnectOptions/ConnectDetails.tsx
12981
- import React121, { useEffect as useEffect28 } from "react";
12791
+ import React120, { useEffect as useEffect27 } from "react";
12982
12792
 
12983
12793
  // src/hooks/useWindowSize.ts
12984
- import { useEffect as useEffect27, useState as useState36 } from "react";
12794
+ import { useEffect as useEffect26, useState as useState35 } from "react";
12985
12795
 
12986
12796
  // src/utils/debounce.ts
12987
12797
  function debounce(fn, ms) {
@@ -12999,11 +12809,11 @@ function debounce(fn, ms) {
12999
12809
 
13000
12810
  // src/hooks/useWindowSize.ts
13001
12811
  var useWindowSize = () => {
13002
- const [windowSize, setWindowSize] = useState36({
12812
+ const [windowSize, setWindowSize] = useState35({
13003
12813
  height: void 0,
13004
12814
  width: void 0
13005
12815
  });
13006
- useEffect27(() => {
12816
+ useEffect26(() => {
13007
12817
  const handleResize = debounce(() => {
13008
12818
  setWindowSize({
13009
12819
  height: window.innerHeight,
@@ -13043,27 +12853,27 @@ function getPlatform() {
13043
12853
  }
13044
12854
 
13045
12855
  // src/components/Icons/LinkIcon.tsx
13046
- import React120 from "react";
12856
+ import React119 from "react";
13047
12857
  var LinkIcon = () => {
13048
- return /* @__PURE__ */ React120.createElement("svg", {
12858
+ return /* @__PURE__ */ React119.createElement("svg", {
13049
12859
  width: "21",
13050
12860
  height: "11",
13051
12861
  viewBox: "0 0 21 11",
13052
12862
  fill: "none",
13053
12863
  xmlns: "http://www.w3.org/2000/svg"
13054
- }, /* @__PURE__ */ React120.createElement("path", {
12864
+ }, /* @__PURE__ */ React119.createElement("path", {
13055
12865
  d: "M7.375 1.33325H5.29167C3.32748 1.33325 2.34539 1.33325 1.73519 1.94345C1.125 2.55365 1.125 3.53575 1.125 5.49992C1.125 7.46409 1.125 8.44617 1.7352 9.05638C2.34539 9.66658 3.32748 9.66658 5.29167 9.66658H7.375",
13056
12866
  stroke: "currentColor",
13057
12867
  strokeWidth: "2.08333",
13058
12868
  strokeLinecap: "round",
13059
12869
  strokeLinejoin: "round"
13060
- }), /* @__PURE__ */ React120.createElement("path", {
12870
+ }), /* @__PURE__ */ React119.createElement("path", {
13061
12871
  d: "M13.625 9.66658H15.7083C17.6725 9.66658 18.6546 9.66658 19.2648 9.05638C19.875 8.44617 19.875 7.46409 19.875 5.49992C19.875 3.53575 19.875 2.55364 19.2648 1.94344C18.6546 1.33325 17.6725 1.33325 15.7083 1.33325H13.625",
13062
12872
  stroke: "currentColor",
13063
12873
  strokeWidth: "2.08333",
13064
12874
  strokeLinecap: "round",
13065
12875
  strokeLinejoin: "round"
13066
- }), /* @__PURE__ */ React120.createElement("path", {
12876
+ }), /* @__PURE__ */ React119.createElement("path", {
13067
12877
  d: "M6.3335 5.5H14.6668",
13068
12878
  stroke: "currentColor",
13069
12879
  strokeWidth: "2.08333",
@@ -13110,14 +12920,14 @@ var getPlatformSrc = async () => {
13110
12920
  };
13111
12921
  var preloadPlatformIcon = () => loadImages(getPlatformSrc);
13112
12922
  function LinkItem() {
13113
- return /* @__PURE__ */ React121.createElement(Box, {
12923
+ return /* @__PURE__ */ React120.createElement(Box, {
13114
12924
  display: "flex",
13115
12925
  alignItems: "center",
13116
12926
  justifyContent: "center",
13117
12927
  width: "full"
13118
- }, /* @__PURE__ */ React121.createElement(Box, {
12928
+ }, /* @__PURE__ */ React120.createElement(Box, {
13119
12929
  style: { flex: 1 }
13120
- }, /* @__PURE__ */ React121.createElement(FunDivider, null)), /* @__PURE__ */ React121.createElement(Box, {
12930
+ }, /* @__PURE__ */ React120.createElement(FunDivider, null)), /* @__PURE__ */ React120.createElement(Box, {
13121
12931
  display: "flex",
13122
12932
  alignItems: "center",
13123
12933
  justifyContent: "center",
@@ -13125,9 +12935,9 @@ function LinkItem() {
13125
12935
  background: "modalBorder",
13126
12936
  padding: "8",
13127
12937
  borderRadius: "13"
13128
- }, /* @__PURE__ */ React121.createElement(LinkIcon, null)), /* @__PURE__ */ React121.createElement(Box, {
12938
+ }, /* @__PURE__ */ React120.createElement(LinkIcon, null)), /* @__PURE__ */ React120.createElement(Box, {
13129
12939
  style: { flex: 1 }
13130
- }, /* @__PURE__ */ React121.createElement(FunDivider, null)));
12940
+ }, /* @__PURE__ */ React120.createElement(FunDivider, null)));
13131
12941
  }
13132
12942
  function ConnectDetail({
13133
12943
  compactModeEnabled,
@@ -13154,92 +12964,92 @@ function ConnectDetail({
13154
12964
  const hasQrCode = qrCode && qrCodeUri;
13155
12965
  const { width: windowWidth } = useWindowSize();
13156
12966
  const smallWindow = windowWidth && windowWidth < 768;
13157
- useEffect28(() => {
12967
+ useEffect27(() => {
13158
12968
  preloadBrowserIcon();
13159
12969
  preloadPlatformIcon();
13160
12970
  }, []);
13161
- return /* @__PURE__ */ React121.createElement(Box, {
12971
+ return /* @__PURE__ */ React120.createElement(Box, {
13162
12972
  display: "flex",
13163
12973
  flexDirection: "column",
13164
12974
  height: "full",
13165
12975
  width: "full"
13166
- }, hasQrCode ? /* @__PURE__ */ React121.createElement(Box, {
12976
+ }, hasQrCode ? /* @__PURE__ */ React120.createElement(Box, {
13167
12977
  alignItems: "center",
13168
12978
  display: "flex",
13169
12979
  height: "full",
13170
12980
  justifyContent: "center",
13171
12981
  flexDirection: "column"
13172
- }, /* @__PURE__ */ React121.createElement(QRCode, {
12982
+ }, /* @__PURE__ */ React120.createElement(QRCode, {
13173
12983
  logoBackground: iconBackground,
13174
12984
  logoSize: compactModeEnabled ? 60 : 72,
13175
12985
  logoUrl: iconUrl,
13176
12986
  size: compactModeEnabled ? 318 : smallWindow ? Math.max(280, Math.min(windowWidth - 308, 382)) : 382,
13177
12987
  uri: qrCodeUri
13178
- }), /* @__PURE__ */ React121.createElement(Box, {
12988
+ }), /* @__PURE__ */ React120.createElement(Box, {
13179
12989
  display: "flex",
13180
12990
  alignItems: "center",
13181
12991
  justifyContent: "center",
13182
12992
  paddingTop: "20"
13183
- }, /* @__PURE__ */ React121.createElement(Text, {
12993
+ }, /* @__PURE__ */ React120.createElement(Text, {
13184
12994
  weight: "medium",
13185
12995
  color: "modalText",
13186
12996
  size: "14",
13187
12997
  style: { paddingRight: 8 }
13188
- }, "Copy Link"), /* @__PURE__ */ React121.createElement(CopyAddress, {
12998
+ }, "Copy Link"), /* @__PURE__ */ React120.createElement(CopyAddress, {
13189
12999
  address: qrCodeUri,
13190
13000
  type: "button"
13191
- }))) : /* @__PURE__ */ React121.createElement(Box, {
13001
+ }))) : /* @__PURE__ */ React120.createElement(Box, {
13192
13002
  alignItems: "center",
13193
13003
  display: "flex",
13194
13004
  justifyContent: "center",
13195
13005
  style: { flexGrow: 1 }
13196
- }, /* @__PURE__ */ React121.createElement(Box, {
13006
+ }, /* @__PURE__ */ React120.createElement(Box, {
13197
13007
  alignItems: "center",
13198
13008
  display: "flex",
13199
13009
  flexDirection: "column",
13200
13010
  gap: "8"
13201
- }, /* @__PURE__ */ React121.createElement(Box, {
13011
+ }, /* @__PURE__ */ React120.createElement(Box, {
13202
13012
  alignItems: "center",
13203
13013
  display: "flex",
13204
13014
  flexDirection: "column",
13205
13015
  gap: "4",
13206
13016
  style: { textAlign: "center" }
13207
- }, ready && !hasQrCode ? /* @__PURE__ */ React121.createElement(Box, {
13017
+ }, ready && !hasQrCode ? /* @__PURE__ */ React120.createElement(Box, {
13208
13018
  width: "full",
13209
13019
  display: "flex",
13210
13020
  flexDirection: "column",
13211
13021
  gap: "24"
13212
- }, /* @__PURE__ */ React121.createElement(Box, {
13022
+ }, /* @__PURE__ */ React120.createElement(Box, {
13213
13023
  id: "link-graphics",
13214
13024
  display: "flex",
13215
13025
  flexDirection: "row",
13216
13026
  justifyContent: "space-between"
13217
- }, /* @__PURE__ */ React121.createElement(Box, {
13027
+ }, /* @__PURE__ */ React120.createElement(Box, {
13218
13028
  style: { width: 80, height: 80 }
13219
- }, /* @__PURE__ */ React121.createElement(AsyncImage, {
13029
+ }, /* @__PURE__ */ React120.createElement(AsyncImage, {
13220
13030
  background: appConfig.logoBackground,
13221
13031
  borderRadius: "menuButton",
13222
13032
  src: appConfig.logoSrc,
13223
13033
  width: 80,
13224
13034
  height: 80
13225
- })), /* @__PURE__ */ React121.createElement(LinkItem, null), /* @__PURE__ */ React121.createElement(Box, {
13035
+ })), /* @__PURE__ */ React120.createElement(LinkItem, null), /* @__PURE__ */ React120.createElement(Box, {
13226
13036
  style: { width: 80, height: 80 }
13227
- }, /* @__PURE__ */ React121.createElement(AsyncImage, {
13037
+ }, /* @__PURE__ */ React120.createElement(AsyncImage, {
13228
13038
  background: iconBackground,
13229
13039
  borderRadius: "menuButton",
13230
13040
  src: iconUrl,
13231
13041
  width: 80,
13232
13042
  height: 80
13233
- }))), /* @__PURE__ */ React121.createElement(Box, {
13043
+ }))), /* @__PURE__ */ React120.createElement(Box, {
13234
13044
  id: "link-text",
13235
13045
  display: "flex",
13236
13046
  flexDirection: "column",
13237
13047
  gap: "10"
13238
- }, /* @__PURE__ */ React121.createElement(Text, {
13048
+ }, /* @__PURE__ */ React120.createElement(Text, {
13239
13049
  color: "accentColor",
13240
13050
  weight: "semibold",
13241
13051
  size: "18"
13242
- }, "Connecting to ", name, "..."), /* @__PURE__ */ React121.createElement(Text, {
13052
+ }, "Connecting to ", name, "..."), /* @__PURE__ */ React120.createElement(Text, {
13243
13053
  color: "modalTextSecondary",
13244
13054
  weight: "medium",
13245
13055
  size: "14"
@@ -13253,8 +13063,8 @@ function FunWeb3ConnectingStep({
13253
13063
  selectedWallet,
13254
13064
  qrCodeUri
13255
13065
  }) {
13256
- const [animateOut, setAnimateOut] = React122.useState(false);
13257
- return /* @__PURE__ */ React122.createElement(Box, null, /* @__PURE__ */ React122.createElement(FunModalTitleSection, {
13066
+ const [animateOut, setAnimateOut] = React121.useState(false);
13067
+ return /* @__PURE__ */ React121.createElement(Box, null, /* @__PURE__ */ React121.createElement(FunModalTitleSection, {
13258
13068
  title: "Connect Wallet",
13259
13069
  hasBackButton: true,
13260
13070
  onBack: () => {
@@ -13266,23 +13076,23 @@ function FunWeb3ConnectingStep({
13266
13076
  backAnimation: animateOut,
13267
13077
  hasCloseButton: true,
13268
13078
  onClose
13269
- }), selectedWallet ? /* @__PURE__ */ React122.createElement(Box, {
13079
+ }), selectedWallet ? /* @__PURE__ */ React121.createElement(Box, {
13270
13080
  display: "flex",
13271
13081
  flexDirection: "column",
13272
13082
  paddingY: "20",
13273
13083
  gap: "24",
13274
13084
  className: animateOut ? animateContentOutClass : animateContentInClass
13275
- }, /* @__PURE__ */ React122.createElement(ConnectDetail, {
13085
+ }, /* @__PURE__ */ React121.createElement(ConnectDetail, {
13276
13086
  compactModeEnabled: true,
13277
13087
  qrCodeUri,
13278
13088
  wallet: selectedWallet
13279
- }), /* @__PURE__ */ React122.createElement(FunButton, {
13089
+ }), /* @__PURE__ */ React121.createElement(FunButton, {
13280
13090
  isDisabled: true,
13281
- titleSuffix: /* @__PURE__ */ React122.createElement(Box, {
13091
+ titleSuffix: /* @__PURE__ */ React121.createElement(Box, {
13282
13092
  display: "flex",
13283
13093
  alignItems: "center",
13284
13094
  color: "modalText"
13285
- }, /* @__PURE__ */ React122.createElement(SpinnerIcon, {
13095
+ }, /* @__PURE__ */ React121.createElement(SpinnerIcon, {
13286
13096
  height: 21,
13287
13097
  width: 21
13288
13098
  })),
@@ -13292,13 +13102,13 @@ function FunWeb3ConnectingStep({
13292
13102
 
13293
13103
  // src/components/FunConnectOptions/FunConnectOptions.tsx
13294
13104
  function FunConnectOptions({ onClose }) {
13295
- const [step, setStep] = useState37(0 /* SIGNIN */);
13296
- const [selectedWallet, setSelectedWallet] = useState37();
13297
- const [qrCodeUri, setQrCodeUri] = useState37("");
13298
- const [emailInput, setEmailInput] = useState37("");
13299
- const [otpInput, setOtpInput] = useState37("");
13300
- const [farcasterUri, setFarcasterUri] = useState37("");
13301
- const [farcasterToken, setFarcasterToken] = useState37("");
13105
+ const [step, setStep] = useState36(0 /* SIGNIN */);
13106
+ const [selectedWallet, setSelectedWallet] = useState36();
13107
+ const [qrCodeUri, setQrCodeUri] = useState36("");
13108
+ const [emailInput, setEmailInput] = useState36("");
13109
+ const [otpInput, setOtpInput] = useState36("");
13110
+ const [farcasterUri, setFarcasterUri] = useState36("");
13111
+ const [farcasterToken, setFarcasterToken] = useState36("");
13302
13112
  const changeStep = (newStep) => {
13303
13113
  setStep(newStep);
13304
13114
  if (newStep === 0 /* SIGNIN */) {
@@ -13316,17 +13126,17 @@ function FunConnectOptions({ onClose }) {
13316
13126
  });
13317
13127
  }
13318
13128
  }, []);
13319
- return /* @__PURE__ */ React123.createElement(Box, {
13129
+ return /* @__PURE__ */ React122.createElement(Box, {
13320
13130
  display: "flex",
13321
13131
  flexDirection: "row"
13322
- }, /* @__PURE__ */ React123.createElement(Box, {
13132
+ }, /* @__PURE__ */ React122.createElement(Box, {
13323
13133
  display: "flex",
13324
13134
  flexDirection: "column",
13325
13135
  marginTop: "16",
13326
13136
  paddingX: "20",
13327
13137
  minWidth: "full",
13328
13138
  width: "full"
13329
- }, step === 0 /* SIGNIN */ ? /* @__PURE__ */ React123.createElement(FunSignInStep, {
13139
+ }, step === 0 /* SIGNIN */ ? /* @__PURE__ */ React122.createElement(FunSignInStep, {
13330
13140
  emailInput,
13331
13141
  setEmailInput,
13332
13142
  onClose,
@@ -13339,24 +13149,24 @@ function FunConnectOptions({ onClose }) {
13339
13149
  setFarcasterUri(connectUri);
13340
13150
  changeStep(3 /* PENDING_FARCASTER */);
13341
13151
  }
13342
- }) : step === 2 /* PENDING_WALLET */ ? /* @__PURE__ */ React123.createElement(FunWeb3ConnectingStep, {
13152
+ }) : step === 2 /* PENDING_WALLET */ ? /* @__PURE__ */ React122.createElement(FunWeb3ConnectingStep, {
13343
13153
  onClose,
13344
13154
  changeStep,
13345
13155
  selectedWallet,
13346
13156
  qrCodeUri
13347
- }) : step === 1 /* PENDING_EMAIL */ ? /* @__PURE__ */ React123.createElement(FunWeb2ConnectingStep, {
13157
+ }) : step === 1 /* PENDING_EMAIL */ ? /* @__PURE__ */ React122.createElement(FunWeb2ConnectingStep, {
13348
13158
  emailInput,
13349
13159
  otpInput,
13350
13160
  setOtpInput,
13351
13161
  onClose,
13352
13162
  onBack: () => changeStep(0 /* SIGNIN */),
13353
13163
  setSelectedWallet
13354
- }) : step === 3 /* PENDING_FARCASTER */ ? /* @__PURE__ */ React123.createElement(FunFarcasterConnectingStep, {
13164
+ }) : step === 3 /* PENDING_FARCASTER */ ? /* @__PURE__ */ React122.createElement(FunFarcasterConnectingStep, {
13355
13165
  farcasterUri,
13356
13166
  farcasterToken,
13357
13167
  changeStep,
13358
13168
  onClose
13359
- }) : step === 4 /* ERROR */ ? /* @__PURE__ */ React123.createElement(FunConnectErrorStep, {
13169
+ }) : step === 4 /* ERROR */ ? /* @__PURE__ */ React122.createElement(FunConnectErrorStep, {
13360
13170
  title: "Connection Failed",
13361
13171
  onBack: () => changeStep(0 /* SIGNIN */),
13362
13172
  onClose,
@@ -13375,293 +13185,39 @@ function FunConnectOptions({ onClose }) {
13375
13185
  }) : null));
13376
13186
  }
13377
13187
 
13378
- // src/components/SignIn/SignIn.tsx
13379
- import React125, { useCallback as useCallback29, useContext as useContext21, useRef as useRef10 } from "react";
13380
- import { UserRejectedRequestError } from "viem";
13381
- import { useAccount as useAccount9, useSignMessage } from "wagmi";
13382
-
13383
- // src/components/Button/ActionButton.tsx
13384
- import React124 from "react";
13385
- var sizeVariants = {
13386
- large: {
13387
- fontSize: "16",
13388
- paddingX: "24",
13389
- paddingY: "10"
13390
- },
13391
- medium: {
13392
- fontSize: "14",
13393
- height: "28",
13394
- paddingX: "12",
13395
- paddingY: "4"
13396
- },
13397
- small: {
13398
- fontSize: "14",
13399
- paddingX: "10",
13400
- paddingY: "5"
13401
- }
13402
- };
13403
- function ActionButton({
13404
- disabled = false,
13405
- href,
13406
- label,
13407
- onClick,
13408
- rel = "noreferrer noopener",
13409
- size = "medium",
13410
- target = "_blank",
13411
- testId,
13412
- type = "primary"
13413
- }) {
13414
- const isPrimary = type === "primary";
13415
- const isNotLarge = size !== "large";
13416
- const mobile = isMobile();
13417
- const background = !disabled ? isPrimary ? "accentColor" : isNotLarge ? "actionButtonSecondaryBackground" : null : "actionButtonSecondaryBackground";
13418
- const { fontSize, height, paddingX, paddingY } = sizeVariants[size];
13419
- const hasBorder = !mobile || !isNotLarge;
13420
- return /* @__PURE__ */ React124.createElement(Box, {
13421
- ...href ? !disabled ? { as: "a", href, rel, target } : {} : { as: "button", type: "button" },
13422
- onClick: !disabled ? onClick : void 0,
13423
- ...hasBorder ? {
13424
- borderColor: mobile && !isNotLarge && !isPrimary ? "actionButtonBorderMobile" : "actionButtonBorder",
13425
- borderStyle: "solid",
13426
- borderWidth: "1"
13427
- } : {},
13428
- borderRadius: "actionButton",
13429
- className: !disabled && touchableStyles({ active: "shrinkSm", hover: "grow" }),
13430
- display: "block",
13431
- paddingX,
13432
- paddingY,
13433
- style: { willChange: "transform" },
13434
- testId,
13435
- textAlign: "center",
13436
- transition: "transform",
13437
- ...background ? { background } : {},
13438
- ...height ? { height } : {}
13439
- }, /* @__PURE__ */ React124.createElement(Text, {
13440
- color: !disabled ? isPrimary ? "accentColorForeground" : "accentColor" : "modalTextSecondary",
13441
- size: fontSize,
13442
- weight: "bold"
13443
- }, label));
13444
- }
13445
-
13446
- // src/components/SignIn/SignIn.tsx
13447
- var signInIcon = async () => (await import("./sign-FZVB2CS6.js")).default;
13448
- function SignIn({
13449
- onClose,
13450
- onCloseModal
13451
- }) {
13452
- const { i18n: i18n2 } = useContext21(I18nContext);
13453
- const [{ status, ...state }, setState] = React125.useState({ status: "idle" });
13454
- const authAdapter = useAuthenticationAdapter();
13455
- const getNonce = useCallback29(async () => {
13456
- try {
13457
- const nonce = await authAdapter.getNonce();
13458
- setState((x) => ({ ...x, nonce }));
13459
- } catch {
13460
- setState((x) => ({
13461
- ...x,
13462
- errorMessage: i18n2.t("sign_in.message.preparing_error"),
13463
- status: "idle"
13464
- }));
13465
- }
13466
- }, [authAdapter, i18n2]);
13467
- const onceRef = useRef10(false);
13468
- React125.useEffect(() => {
13469
- if (onceRef.current)
13470
- return;
13471
- onceRef.current = true;
13472
- getNonce();
13473
- }, [getNonce]);
13474
- const mobile = isMobile();
13475
- const { address, chain: activeChain } = useAccount9();
13476
- const { signMessageAsync } = useSignMessage();
13477
- const signIn = async () => {
13478
- try {
13479
- const chainId = activeChain == null ? void 0 : activeChain.id;
13480
- const { nonce } = state;
13481
- if (!address || !chainId || !nonce) {
13482
- return;
13483
- }
13484
- setState((x) => ({
13485
- ...x,
13486
- errorMessage: void 0,
13487
- status: "signing"
13488
- }));
13489
- const message = authAdapter.createMessage({ address, chainId, nonce });
13490
- let signature;
13491
- try {
13492
- signature = await signMessageAsync({
13493
- message: authAdapter.getMessageBody({ message })
13494
- });
13495
- } catch (error) {
13496
- if (error instanceof UserRejectedRequestError) {
13497
- return setState((x) => ({
13498
- ...x,
13499
- status: "idle"
13500
- }));
13501
- }
13502
- return setState((x) => ({
13503
- ...x,
13504
- errorMessage: i18n2.t("sign_in.signature.signing_error"),
13505
- status: "idle"
13506
- }));
13507
- }
13508
- setState((x) => ({ ...x, status: "verifying" }));
13509
- try {
13510
- const verified = await authAdapter.verify({ message, signature });
13511
- if (verified) {
13512
- onCloseModal();
13513
- return;
13514
- }
13515
- throw new Error();
13516
- } catch {
13517
- return setState((x) => ({
13518
- ...x,
13519
- errorMessage: i18n2.t("sign_in.signature.verifying_error"),
13520
- status: "idle"
13521
- }));
13522
- }
13523
- } catch {
13524
- setState({
13525
- errorMessage: i18n2.t("sign_in.signature.oops_error"),
13526
- status: "idle"
13527
- });
13528
- }
13529
- };
13530
- return /* @__PURE__ */ React125.createElement(Box, {
13531
- position: "relative"
13532
- }, /* @__PURE__ */ React125.createElement(Box, {
13533
- display: "flex",
13534
- paddingRight: "16",
13535
- paddingTop: "16",
13536
- position: "absolute",
13537
- right: "0"
13538
- }, /* @__PURE__ */ React125.createElement(CloseButton, {
13539
- onClose
13540
- })), /* @__PURE__ */ React125.createElement(Box, {
13541
- alignItems: "center",
13542
- display: "flex",
13543
- flexDirection: "column",
13544
- gap: mobile ? "32" : "24",
13545
- padding: "24",
13546
- paddingX: "18",
13547
- style: { paddingTop: mobile ? "60px" : "36px" }
13548
- }, /* @__PURE__ */ React125.createElement(Box, {
13549
- alignItems: "center",
13550
- display: "flex",
13551
- flexDirection: "column",
13552
- gap: mobile ? "6" : "4",
13553
- style: { maxWidth: mobile ? 320 : 280 }
13554
- }, /* @__PURE__ */ React125.createElement(Box, {
13555
- alignItems: "center",
13556
- display: "flex",
13557
- flexDirection: "column",
13558
- gap: mobile ? "32" : "16"
13559
- }, /* @__PURE__ */ React125.createElement(AsyncImage, {
13560
- height: 40,
13561
- src: signInIcon,
13562
- width: 40
13563
- }), /* @__PURE__ */ React125.createElement(Text, {
13564
- color: "modalText",
13565
- size: mobile ? "20" : "18",
13566
- textAlign: "center",
13567
- weight: "heavy"
13568
- }, i18n2.t("sign_in.label"))), /* @__PURE__ */ React125.createElement(Box, {
13569
- alignItems: "center",
13570
- display: "flex",
13571
- flexDirection: "column",
13572
- gap: mobile ? "16" : "12"
13573
- }, /* @__PURE__ */ React125.createElement(Text, {
13574
- color: "modalTextSecondary",
13575
- size: mobile ? "16" : "14",
13576
- textAlign: "center"
13577
- }, i18n2.t("sign_in.description")), status === "idle" && state.errorMessage ? /* @__PURE__ */ React125.createElement(Text, {
13578
- color: "error",
13579
- size: mobile ? "16" : "14",
13580
- textAlign: "center",
13581
- weight: "bold"
13582
- }, state.errorMessage) : null)), /* @__PURE__ */ React125.createElement(Box, {
13583
- alignItems: !mobile ? "center" : void 0,
13584
- display: "flex",
13585
- flexDirection: "column",
13586
- gap: "8",
13587
- width: "full"
13588
- }, /* @__PURE__ */ React125.createElement(ActionButton, {
13589
- disabled: !state.nonce || status === "signing" || status === "verifying",
13590
- label: !state.nonce ? i18n2.t("sign_in.message.preparing") : status === "signing" ? i18n2.t("sign_in.signature.waiting") : status === "verifying" ? i18n2.t("sign_in.signature.verifying") : i18n2.t("sign_in.message.send"),
13591
- onClick: signIn,
13592
- size: mobile ? "large" : "medium",
13593
- testId: "auth-message-button"
13594
- }), mobile ? /* @__PURE__ */ React125.createElement(ActionButton, {
13595
- label: "Cancel",
13596
- onClick: onClose,
13597
- size: "large",
13598
- type: "secondary"
13599
- }) : /* @__PURE__ */ React125.createElement(Box, {
13600
- as: "button",
13601
- borderRadius: "full",
13602
- className: touchableStyles({ active: "shrink", hover: "grow" }),
13603
- display: "block",
13604
- onClick: onClose,
13605
- paddingX: "10",
13606
- paddingY: "5",
13607
- rel: "noreferrer",
13608
- style: { willChange: "transform" },
13609
- target: "_blank",
13610
- transition: "default"
13611
- }, /* @__PURE__ */ React125.createElement(Text, {
13612
- color: "closeButton",
13613
- size: mobile ? "16" : "14",
13614
- weight: "bold"
13615
- }, i18n2.t("sign_in.message.cancel"))))));
13616
- }
13617
-
13618
13188
  // src/components/ConnectModal/ConnectModal.tsx
13619
13189
  function ConnectModal({ onClose, open }) {
13620
13190
  const titleId = "rk_connect_title";
13621
13191
  const connectionStatus = useConnectionStatus();
13622
13192
  const { disconnect } = useDisconnect2();
13623
- const { isConnecting } = useAccount10();
13624
- const onAuthCancel = React126.useCallback(() => {
13193
+ const { isConnecting } = useAccount9();
13194
+ const onAuthCancel = React123.useCallback(() => {
13625
13195
  onClose();
13626
13196
  disconnect();
13627
13197
  }, [onClose, disconnect]);
13628
- const onConnectModalCancel = React126.useCallback(() => {
13198
+ const onConnectModalCancel = React123.useCallback(() => {
13629
13199
  if (isConnecting)
13630
13200
  disconnect();
13631
13201
  onClose();
13632
13202
  }, [onClose, disconnect, isConnecting]);
13633
13203
  if (connectionStatus === "disconnected" || connectionStatus === "loading") {
13634
- return /* @__PURE__ */ React126.createElement(Dialog, {
13204
+ return /* @__PURE__ */ React123.createElement(Dialog, {
13635
13205
  onClose: onConnectModalCancel,
13636
13206
  open,
13637
13207
  titleId,
13638
13208
  isSmartCloseable: true
13639
- }, /* @__PURE__ */ React126.createElement(DialogContent, {
13209
+ }, /* @__PURE__ */ React123.createElement(DialogContent, {
13640
13210
  bottomSheetOnMobile: true,
13641
13211
  padding: "0"
13642
- }, /* @__PURE__ */ React126.createElement(FunConnectOptions, {
13212
+ }, /* @__PURE__ */ React123.createElement(FunConnectOptions, {
13643
13213
  onClose: onConnectModalCancel
13644
13214
  })));
13645
13215
  }
13646
- if (connectionStatus === "unauthenticated") {
13647
- return /* @__PURE__ */ React126.createElement(Dialog, {
13648
- onClose: onAuthCancel,
13649
- open,
13650
- titleId,
13651
- isSmartCloseable: true
13652
- }, /* @__PURE__ */ React126.createElement(DialogContent, {
13653
- bottomSheetOnMobile: true,
13654
- padding: "0"
13655
- }, /* @__PURE__ */ React126.createElement(SignIn, {
13656
- onClose: onAuthCancel,
13657
- onCloseModal: onClose
13658
- })));
13659
- }
13660
13216
  return null;
13661
13217
  }
13662
13218
 
13663
13219
  // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.tsx
13664
- import React127 from "react";
13220
+ import React124 from "react";
13665
13221
  function FunCheckoutHistoryModal({
13666
13222
  onClose,
13667
13223
  open,
@@ -13673,17 +13229,17 @@ function FunCheckoutHistoryModal({
13673
13229
  "Unable to open checkout history modal without a depositAddress"
13674
13230
  );
13675
13231
  }
13676
- return /* @__PURE__ */ React127.createElement(Dialog, {
13232
+ return /* @__PURE__ */ React124.createElement(Dialog, {
13677
13233
  open,
13678
13234
  onClose,
13679
13235
  titleId: "fun-checkout-history-modal"
13680
- }, /* @__PURE__ */ React127.createElement(DialogContent, {
13236
+ }, /* @__PURE__ */ React124.createElement(DialogContent, {
13681
13237
  bottomSheetOnMobile: true,
13682
13238
  padding: "0"
13683
- }, /* @__PURE__ */ React127.createElement(Box, {
13239
+ }, /* @__PURE__ */ React124.createElement(Box, {
13684
13240
  paddingTop: "20",
13685
13241
  paddingX: "20"
13686
- }, /* @__PURE__ */ React127.createElement(FunCheckoutHistoryContent, {
13242
+ }, /* @__PURE__ */ React124.createElement(FunCheckoutHistoryContent, {
13687
13243
  depositAddress,
13688
13244
  initialPage,
13689
13245
  onClose,
@@ -13692,43 +13248,43 @@ function FunCheckoutHistoryModal({
13692
13248
  }
13693
13249
 
13694
13250
  // src/components/FunDevTestModal/FunDevTestModal.tsx
13695
- import React128 from "react";
13251
+ import React125 from "react";
13696
13252
  function FunDevTestModal({ onClose, open }) {
13697
- return /* @__PURE__ */ React128.createElement(Dialog, {
13253
+ return /* @__PURE__ */ React125.createElement(Dialog, {
13698
13254
  onClose,
13699
13255
  open,
13700
13256
  titleId: "dev/test modal"
13701
- }, /* @__PURE__ */ React128.createElement(DialogContent, {
13257
+ }, /* @__PURE__ */ React125.createElement(DialogContent, {
13702
13258
  bottomSheetOnMobile: true
13703
- }, /* @__PURE__ */ React128.createElement(Box, null)));
13259
+ }, /* @__PURE__ */ React125.createElement(Box, null)));
13704
13260
  }
13705
13261
 
13706
13262
  // src/components/FunkitProvider/ModalContext.tsx
13707
13263
  function useModalStateValue() {
13708
- const [isModalOpen, setModalOpen] = useState38(false);
13264
+ const [isModalOpen, setModalOpen] = useState37(false);
13709
13265
  return {
13710
- closeModal: useCallback30(() => setModalOpen(false), []),
13266
+ closeModal: useCallback29(() => setModalOpen(false), []),
13711
13267
  isModalOpen,
13712
- openModal: useCallback30(() => setModalOpen(true), [])
13268
+ openModal: useCallback29(() => setModalOpen(true), [])
13713
13269
  };
13714
13270
  }
13715
13271
  function useModalStateValueWithId() {
13716
- const [isModalOpen, setModalOpen] = useState38(false);
13717
- const [modalId, setModalId] = useState38(null);
13272
+ const [isModalOpen, setModalOpen] = useState37(false);
13273
+ const [modalId, setModalId] = useState37(null);
13718
13274
  return {
13719
- closeModal: useCallback30(() => {
13275
+ closeModal: useCallback29(() => {
13720
13276
  setModalId(null);
13721
13277
  setModalOpen(false);
13722
13278
  }, []),
13723
13279
  isModalOpen,
13724
13280
  modalId,
13725
- openModal: useCallback30((id) => {
13281
+ openModal: useCallback29((id) => {
13726
13282
  setModalId(id);
13727
13283
  setModalOpen(true);
13728
13284
  }, [])
13729
13285
  };
13730
13286
  }
13731
- var ModalContext = createContext17({
13287
+ var ModalContext = createContext15({
13732
13288
  accountModalOpen: false,
13733
13289
  chainModalOpen: false,
13734
13290
  connectModalOpen: false,
@@ -13755,7 +13311,7 @@ function ModalProvider({ children }) {
13755
13311
  isModalOpen: chainModalOpen,
13756
13312
  openModal: openChainModal
13757
13313
  } = useModalStateValue();
13758
- const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState38(false);
13314
+ const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState37(false);
13759
13315
  const {
13760
13316
  closeModal: closeFunCheckoutModal,
13761
13317
  isModalOpen: funCheckoutModalOpen,
@@ -13774,7 +13330,7 @@ function ModalProvider({ children }) {
13774
13330
  openModal: openFunDevTestModal
13775
13331
  } = useModalStateValue();
13776
13332
  const connectionStatus = useConnectionStatus();
13777
- const { chainId } = useAccount11();
13333
+ const { chainId } = useAccount10();
13778
13334
  const { chains } = useConfig4();
13779
13335
  const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
13780
13336
  function closeModals({
@@ -13793,12 +13349,12 @@ function ModalProvider({ children }) {
13793
13349
  onConnect: () => closeModals({ keepConnectModalOpen: isUnauthenticated }),
13794
13350
  onDisconnect: () => closeModals()
13795
13351
  });
13796
- useEffect29(() => {
13352
+ useEffect28(() => {
13797
13353
  if (isUnauthenticated)
13798
13354
  closeModals();
13799
13355
  }, [isUnauthenticated]);
13800
- return /* @__PURE__ */ React129.createElement(ModalContext.Provider, {
13801
- value: useMemo34(
13356
+ return /* @__PURE__ */ React126.createElement(ModalContext.Provider, {
13357
+ value: useMemo33(
13802
13358
  () => ({
13803
13359
  accountModalOpen,
13804
13360
  chainModalOpen,
@@ -13837,21 +13393,21 @@ function ModalProvider({ children }) {
13837
13393
  openFunDevTestModal
13838
13394
  ]
13839
13395
  )
13840
- }, children, /* @__PURE__ */ React129.createElement(ConnectModal, {
13396
+ }, children, /* @__PURE__ */ React126.createElement(ConnectModal, {
13841
13397
  onClose: closeConnectModal,
13842
13398
  open: connectModalOpen
13843
- }), /* @__PURE__ */ React129.createElement(AccountModal, {
13399
+ }), /* @__PURE__ */ React126.createElement(AccountModal, {
13844
13400
  onClose: closeAccountModal,
13845
13401
  open: accountModalOpen
13846
- }), /* @__PURE__ */ React129.createElement(ChainModal, {
13402
+ }), /* @__PURE__ */ React126.createElement(ChainModal, {
13847
13403
  onClose: closeChainModal,
13848
13404
  open: chainModalOpen
13849
- }), /* @__PURE__ */ React129.createElement(FunCheckoutModal, {
13405
+ }), /* @__PURE__ */ React126.createElement(FunCheckoutModal, {
13850
13406
  onClose: closeFunCheckoutModal,
13851
13407
  open: funCheckoutModalOpen,
13852
13408
  checkoutId: funCheckoutModalId,
13853
13409
  key: funCheckoutModalId
13854
- }), depositAddressInitialPageCombined ? /* @__PURE__ */ React129.createElement(FunCheckoutHistoryModal, {
13410
+ }), depositAddressInitialPageCombined ? /* @__PURE__ */ React126.createElement(FunCheckoutHistoryModal, {
13855
13411
  onClose: closeFunCheckoutHistoryModal,
13856
13412
  open: funCheckoutHistoryModalOpen,
13857
13413
  depositAddress: deconstructDepositAddressAndInitialPage(
@@ -13860,13 +13416,13 @@ function ModalProvider({ children }) {
13860
13416
  initialPage: deconstructDepositAddressAndInitialPage(
13861
13417
  depositAddressInitialPageCombined
13862
13418
  ).initialPage
13863
- }) : null, /* @__PURE__ */ React129.createElement(FunDevTestModal, {
13419
+ }) : null, /* @__PURE__ */ React126.createElement(FunDevTestModal, {
13864
13420
  onClose: closeFunDevTestModal,
13865
13421
  open: funDevTestModalOpen
13866
13422
  }));
13867
13423
  }
13868
13424
  function useModalState() {
13869
- const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext22(ModalContext);
13425
+ const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext19(ModalContext);
13870
13426
  return {
13871
13427
  accountModalOpen,
13872
13428
  chainModalOpen,
@@ -13874,19 +13430,19 @@ function useModalState() {
13874
13430
  };
13875
13431
  }
13876
13432
  function useAccountModal() {
13877
- const { accountModalOpen, openAccountModal } = useContext22(ModalContext);
13433
+ const { accountModalOpen, openAccountModal } = useContext19(ModalContext);
13878
13434
  return { accountModalOpen, openAccountModal };
13879
13435
  }
13880
13436
  function useChainModal() {
13881
- const { chainModalOpen, openChainModal } = useContext22(ModalContext);
13437
+ const { chainModalOpen, openChainModal } = useContext19(ModalContext);
13882
13438
  return { chainModalOpen, openChainModal };
13883
13439
  }
13884
13440
  function useWalletConnectOpenState() {
13885
- const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext22(ModalContext);
13441
+ const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext19(ModalContext);
13886
13442
  return { isWalletConnectModalOpen, setIsWalletConnectModalOpen };
13887
13443
  }
13888
13444
  function useConnectModal() {
13889
- const { connectModalOpen, openConnectModal } = useContext22(ModalContext);
13445
+ const { connectModalOpen, openConnectModal } = useContext19(ModalContext);
13890
13446
  const { isWalletConnectModalOpen } = useWalletConnectOpenState();
13891
13447
  return {
13892
13448
  connectModalOpen: connectModalOpen || isWalletConnectModalOpen,
@@ -13894,11 +13450,11 @@ function useConnectModal() {
13894
13450
  };
13895
13451
  }
13896
13452
  function useFunCheckoutModal() {
13897
- const { funCheckoutModalOpen, openFunCheckoutModal } = useContext22(ModalContext);
13453
+ const { funCheckoutModalOpen, openFunCheckoutModal } = useContext19(ModalContext);
13898
13454
  return { funCheckoutModalOpen, openFunCheckoutModal };
13899
13455
  }
13900
13456
  function useFunCheckoutHistoryModal() {
13901
- const { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal } = useContext22(ModalContext);
13457
+ const { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal } = useContext19(ModalContext);
13902
13458
  return { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal };
13903
13459
  }
13904
13460
 
@@ -14126,7 +13682,7 @@ var ERROR_MESSAGES = {
14126
13682
  PRIVY_USER_NOT_INITIALIZED: "Privy user not initialized",
14127
13683
  FARCASTER_NOT_INITIALIZED: "Unable to initialize Farcaster login"
14128
13684
  };
14129
- var FunkitWeb2Context = createContext18({
13685
+ var FunkitWeb2Context = createContext16({
14130
13686
  isSendingOtpEmail: false,
14131
13687
  isGeneratingFcUri: false,
14132
13688
  handleSendOtpEmail: () => Promise.resolve({ success: false, error: "" }),
@@ -14166,16 +13722,16 @@ var FunkitWeb2Provider = ({
14166
13722
  const { connectAsync } = useConnect2();
14167
13723
  const { chains } = useConfig5();
14168
13724
  const { connectors, disconnectAsync } = useDisconnect3();
14169
- const [privy, setPrivy] = useState39(null);
14170
- const [privyIframeUrl, setPrivyIframeUrl] = useState39();
14171
- const [loginMethod, setLoginMethod] = useState39(
13725
+ const [privy, setPrivy] = useState38(null);
13726
+ const [privyIframeUrl, setPrivyIframeUrl] = useState38();
13727
+ const [loginMethod, setLoginMethod] = useState38(
14172
13728
  getLoginMethodFromCache() || null
14173
13729
  );
14174
13730
  const wallets = useWalletConnectors();
14175
- const [isLoggingIn, setIsLoggingIn] = useState39(false);
14176
- const [loginErrorMessage, setLoginErrorMessage] = useState39("");
14177
- const [loggedInUser, setLoggedInUser] = useState39(null);
14178
- const setLoginMethodAndCache = useCallback31(
13731
+ const [isLoggingIn, setIsLoggingIn] = useState38(false);
13732
+ const [loginErrorMessage, setLoginErrorMessage] = useState38("");
13733
+ const [loggedInUser, setLoggedInUser] = useState38(null);
13734
+ const setLoginMethodAndCache = useCallback30(
14179
13735
  (method) => {
14180
13736
  try {
14181
13737
  setLoginMethod(method);
@@ -14190,7 +13746,7 @@ var FunkitWeb2Provider = ({
14190
13746
  },
14191
13747
  []
14192
13748
  );
14193
- useEffect30(() => {
13749
+ useEffect29(() => {
14194
13750
  const newPrivy = new PrivyJS({
14195
13751
  appId: funkitConfig.privyAppId,
14196
13752
  storage: new LocalStorage(),
@@ -14199,7 +13755,7 @@ var FunkitWeb2Provider = ({
14199
13755
  setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
14200
13756
  setPrivy(newPrivy);
14201
13757
  }, [chains, funkitConfig.privyAppId]);
14202
- const handleIframeMessage = useCallback31(
13758
+ const handleIframeMessage = useCallback30(
14203
13759
  (e) => {
14204
13760
  if (e.origin === PRIVY_AUTH_URL && privy) {
14205
13761
  const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -14208,7 +13764,7 @@ var FunkitWeb2Provider = ({
14208
13764
  },
14209
13765
  [privy]
14210
13766
  );
14211
- const handleFunkitWeb2Logout = useCallback31(async () => {
13767
+ const handleFunkitWeb2Logout = useCallback30(async () => {
14212
13768
  if (privy) {
14213
13769
  logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
14214
13770
  numConnectors: connectors.length
@@ -14221,7 +13777,7 @@ var FunkitWeb2Provider = ({
14221
13777
  setLoginMethodAndCache(null);
14222
13778
  }
14223
13779
  }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
14224
- const handleFreshPrivyLogin = useCallback31(
13780
+ const handleFreshPrivyLogin = useCallback30(
14225
13781
  async ({
14226
13782
  firstLoginCode,
14227
13783
  secondLoginCode,
@@ -14268,7 +13824,7 @@ var FunkitWeb2Provider = ({
14268
13824
  },
14269
13825
  [handleFunkitWeb2Logout, privy]
14270
13826
  );
14271
- const getPrivyUserEmbeddedWallet = useCallback31(
13827
+ const getPrivyUserEmbeddedWallet = useCallback30(
14272
13828
  async (inputPrivyUser) => {
14273
13829
  try {
14274
13830
  if (!privy || !inputPrivyUser)
@@ -14287,7 +13843,7 @@ var FunkitWeb2Provider = ({
14287
13843
  },
14288
13844
  [privy]
14289
13845
  );
14290
- const getExistingPrivySession = useCallback31(async () => {
13846
+ const getExistingPrivySession = useCallback30(async () => {
14291
13847
  try {
14292
13848
  if (!privy)
14293
13849
  throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -14297,7 +13853,7 @@ var FunkitWeb2Provider = ({
14297
13853
  return null;
14298
13854
  }
14299
13855
  }, [privy]);
14300
- const handleFunkitWeb2Login = useCallback31(
13856
+ const handleFunkitWeb2Login = useCallback30(
14301
13857
  async ({
14302
13858
  chainId,
14303
13859
  firstLoginCode,
@@ -14372,9 +13928,9 @@ var FunkitWeb2Provider = ({
14372
13928
  wallets
14373
13929
  ]
14374
13930
  );
14375
- const clearLoginError = useCallback31(() => setLoginErrorMessage(""), []);
13931
+ const clearLoginError = useCallback30(() => setLoginErrorMessage(""), []);
14376
13932
  const initChainId = useInitialChainId();
14377
- const handleAutoLoginFlows = useCallback31(async () => {
13933
+ const handleAutoLoginFlows = useCallback30(async () => {
14378
13934
  if (isNotNullish(loginMethod) && isNotNullish(initChainId)) {
14379
13935
  const queryParams = new URLSearchParams(window.location.search);
14380
13936
  const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -14396,7 +13952,7 @@ var FunkitWeb2Provider = ({
14396
13952
  }
14397
13953
  }
14398
13954
  }, [handleFunkitWeb2Login, initChainId, loginMethod]);
14399
- useEffect30(() => {
13955
+ useEffect29(() => {
14400
13956
  if (privy && privyIframeUrl && isNotNullish(initChainId)) {
14401
13957
  const iframe = document.getElementById(
14402
13958
  PRIVY_IFRAME_ID
@@ -14414,7 +13970,7 @@ var FunkitWeb2Provider = ({
14414
13970
  handleIframeMessage,
14415
13971
  initChainId
14416
13972
  ]);
14417
- const handleOauthRedirect = useCallback31(
13973
+ const handleOauthRedirect = useCallback30(
14418
13974
  async (authProvider) => {
14419
13975
  if (!privy)
14420
13976
  throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -14438,8 +13994,8 @@ var FunkitWeb2Provider = ({
14438
13994
  },
14439
13995
  [privy, setLoginMethodAndCache]
14440
13996
  );
14441
- const [isSendingOtpEmail, setIsSendingOtpEmail] = useState39(false);
14442
- const handleSendOtpEmail = useCallback31(
13997
+ const [isSendingOtpEmail, setIsSendingOtpEmail] = useState38(false);
13998
+ const handleSendOtpEmail = useCallback30(
14443
13999
  async (emailAddress) => {
14444
14000
  try {
14445
14001
  if (!privy)
@@ -14466,8 +14022,8 @@ var FunkitWeb2Provider = ({
14466
14022
  },
14467
14023
  [privy, setLoginMethodAndCache]
14468
14024
  );
14469
- const [isGeneratingFcUri, setIsGeneratingFcUri] = useState39(false);
14470
- const handleGenerateFcUri = useCallback31(async () => {
14025
+ const [isGeneratingFcUri, setIsGeneratingFcUri] = useState38(false);
14026
+ const handleGenerateFcUri = useCallback30(async () => {
14471
14027
  try {
14472
14028
  if (!privy)
14473
14029
  throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -14493,7 +14049,7 @@ var FunkitWeb2Provider = ({
14493
14049
  setIsGeneratingFcUri(false);
14494
14050
  }
14495
14051
  }, [privy]);
14496
- const getFcConnectionStatus = useCallback31(
14052
+ const getFcConnectionStatus = useCallback30(
14497
14053
  async (channelToken) => {
14498
14054
  try {
14499
14055
  if (!privy)
@@ -14514,7 +14070,7 @@ var FunkitWeb2Provider = ({
14514
14070
  },
14515
14071
  [privy]
14516
14072
  );
14517
- const web2UserInfo = useMemo35(() => {
14073
+ const web2UserInfo = useMemo34(() => {
14518
14074
  var _a;
14519
14075
  if (!loggedInUser || !(loggedInUser == null ? void 0 : loggedInUser.linked_accounts) || !((_a = loggedInUser == null ? void 0 : loggedInUser.linked_accounts) == null ? void 0 : _a.length)) {
14520
14076
  return PLACEHOLDER_FUNKIT_USER_INFO;
@@ -14583,20 +14139,20 @@ var FunkitWeb2Provider = ({
14583
14139
  handleFunkitWeb2Logout,
14584
14140
  web2UserInfo
14585
14141
  };
14586
- return /* @__PURE__ */ React130.createElement(FunkitWeb2Context.Provider, {
14142
+ return /* @__PURE__ */ React127.createElement(FunkitWeb2Context.Provider, {
14587
14143
  value: contextValue
14588
- }, privyIframeUrl ? /* @__PURE__ */ React130.createElement("iframe", {
14144
+ }, privyIframeUrl ? /* @__PURE__ */ React127.createElement("iframe", {
14589
14145
  id: PRIVY_IFRAME_ID,
14590
14146
  src: privyIframeUrl,
14591
14147
  style: { display: "none" }
14592
14148
  }) : null, children);
14593
14149
  };
14594
- var useFunkitWeb2Login = () => useContext23(FunkitWeb2Context);
14150
+ var useFunkitWeb2Login = () => useContext20(FunkitWeb2Context);
14595
14151
 
14596
14152
  // src/hooks/useConnectionStatus.ts
14597
14153
  function useConnectionStatus() {
14598
14154
  const authenticationStatus = useAuthenticationStatus();
14599
- const { isConnected } = useAccount12();
14155
+ const { isConnected } = useAccount11();
14600
14156
  const { isLoggingIn: isWeb2Connecting } = useFunkitWeb2Login();
14601
14157
  if (isWeb2Connecting) {
14602
14158
  return "loading";
@@ -14614,27 +14170,27 @@ function useConnectionStatus() {
14614
14170
  }
14615
14171
 
14616
14172
  // src/components/FunkitProvider/ShowBalanceContext.tsx
14617
- import React131, { createContext as createContext19, useContext as useContext24, useState as useState40 } from "react";
14618
- var ShowBalanceContext = createContext19({
14173
+ import React128, { createContext as createContext17, useContext as useContext21, useState as useState39 } from "react";
14174
+ var ShowBalanceContext = createContext17({
14619
14175
  showBalance: void 0,
14620
14176
  setShowBalance: () => void 0
14621
14177
  });
14622
14178
  function ShowBalanceProvider({ children }) {
14623
- const [showBalance, setShowBalance] = useState40();
14624
- return /* @__PURE__ */ React131.createElement(ShowBalanceContext.Provider, {
14179
+ const [showBalance, setShowBalance] = useState39();
14180
+ return /* @__PURE__ */ React128.createElement(ShowBalanceContext.Provider, {
14625
14181
  value: { showBalance, setShowBalance }
14626
14182
  }, children);
14627
14183
  }
14628
- var useShowBalance = () => useContext24(ShowBalanceContext);
14184
+ var useShowBalance = () => useContext21(ShowBalanceContext);
14629
14185
 
14630
14186
  // src/components/Icons/Dropdown.tsx
14631
- import React132 from "react";
14632
- var DropdownIcon = () => /* @__PURE__ */ React132.createElement("svg", {
14187
+ import React129 from "react";
14188
+ var DropdownIcon = () => /* @__PURE__ */ React129.createElement("svg", {
14633
14189
  fill: "none",
14634
14190
  height: "7",
14635
14191
  width: "14",
14636
14192
  xmlns: "http://www.w3.org/2000/svg"
14637
- }, /* @__PURE__ */ React132.createElement("path", {
14193
+ }, /* @__PURE__ */ React129.createElement("path", {
14638
14194
  d: "M12.75 1.54001L8.51647 5.0038C7.77974 5.60658 6.72026 5.60658 5.98352 5.0038L1.75 1.54001",
14639
14195
  stroke: "currentColor",
14640
14196
  strokeLinecap: "round",
@@ -14644,20 +14200,20 @@ var DropdownIcon = () => /* @__PURE__ */ React132.createElement("svg", {
14644
14200
  }));
14645
14201
 
14646
14202
  // src/components/ConnectButton/ConnectButtonRenderer.tsx
14647
- import React134, { useContext as useContext26 } from "react";
14648
- import { useAccount as useAccount16, useBalance, useConfig as useConfig6 } from "wagmi";
14203
+ import React130 from "react";
14204
+ import { useAccount as useAccount12, useBalance, useConfig as useConfig6 } from "wagmi";
14649
14205
 
14650
14206
  // src/hooks/useIsMounted.ts
14651
- import { useCallback as useCallback32, useEffect as useEffect31, useState as useState41 } from "react";
14207
+ import { useCallback as useCallback31, useEffect as useEffect30, useState as useState40 } from "react";
14652
14208
  function useIsMounted() {
14653
- const [isMounted, setIsMounted] = useState41(false);
14654
- useEffect31(() => {
14209
+ const [isMounted, setIsMounted] = useState40(false);
14210
+ useEffect30(() => {
14655
14211
  setIsMounted(true);
14656
14212
  return () => {
14657
14213
  setIsMounted(false);
14658
14214
  };
14659
14215
  }, []);
14660
- return useCallback32(() => isMounted, [isMounted]);
14216
+ return useCallback31(() => isMounted, [isMounted]);
14661
14217
  }
14662
14218
 
14663
14219
  // src/hooks/useMainnetEnsAvatar.ts
@@ -14676,215 +14232,6 @@ function useMainnetEnsAvatar(name) {
14676
14232
  return ensAvatar;
14677
14233
  }
14678
14234
 
14679
- // src/transactions/useRecentTransactions.ts
14680
- import { useEffect as useEffect33, useState as useState43 } from "react";
14681
- import { useAccount as useAccount15 } from "wagmi";
14682
-
14683
- // src/hooks/useChainId.ts
14684
- import { useAccount as useAccount13 } from "wagmi";
14685
- function useChainId() {
14686
- var _a;
14687
- const { chain: activeChain } = useAccount13();
14688
- return (_a = activeChain == null ? void 0 : activeChain.id) != null ? _a : null;
14689
- }
14690
-
14691
- // src/transactions/TransactionStoreContext.tsx
14692
- import React133, { createContext as createContext20, useContext as useContext25, useEffect as useEffect32, useState as useState42 } from "react";
14693
- import { useAccount as useAccount14, usePublicClient } from "wagmi";
14694
-
14695
- // src/transactions/transactionStore.ts
14696
- var storageKey5 = "rk-transactions";
14697
- function safeParseJsonData(string) {
14698
- try {
14699
- const value = string ? JSON.parse(string) : {};
14700
- return typeof value === "object" ? value : {};
14701
- } catch {
14702
- return {};
14703
- }
14704
- }
14705
- function loadData() {
14706
- return safeParseJsonData(
14707
- typeof localStorage !== "undefined" ? localStorage.getItem(storageKey5) : null
14708
- );
14709
- }
14710
- var transactionHashRegex = /^0x([A-Fa-f0-9]{64})$/;
14711
- function validateTransaction(transaction) {
14712
- const errors = [];
14713
- if (!transactionHashRegex.test(transaction.hash)) {
14714
- errors.push("Invalid transaction hash");
14715
- }
14716
- if (typeof transaction.description !== "string") {
14717
- errors.push("Transaction must have a description");
14718
- }
14719
- if (typeof transaction.confirmations !== "undefined" && (!Number.isInteger(transaction.confirmations) || transaction.confirmations < 1)) {
14720
- errors.push("Transaction confirmations must be a positiver integer");
14721
- }
14722
- return errors;
14723
- }
14724
- function createTransactionStore({
14725
- provider: initialProvider
14726
- }) {
14727
- let data = loadData();
14728
- let provider = initialProvider;
14729
- const listeners = /* @__PURE__ */ new Set();
14730
- const transactionRequestCache = /* @__PURE__ */ new Map();
14731
- function setProvider(newProvider) {
14732
- provider = newProvider;
14733
- }
14734
- function getTransactions(account, chainId) {
14735
- var _a, _b;
14736
- return (_b = (_a = data[account]) == null ? void 0 : _a[chainId]) != null ? _b : [];
14737
- }
14738
- function addTransaction(account, chainId, transaction) {
14739
- const errors = validateTransaction(transaction);
14740
- if (errors.length > 0) {
14741
- throw new Error(["Unable to add transaction", ...errors].join("\n"));
14742
- }
14743
- updateTransactions(account, chainId, (transactions) => {
14744
- return [
14745
- { ...transaction, status: "pending" },
14746
- ...transactions.filter(({ hash }) => {
14747
- return hash !== transaction.hash;
14748
- })
14749
- ];
14750
- });
14751
- }
14752
- function clearTransactions(account, chainId) {
14753
- updateTransactions(account, chainId, () => {
14754
- return [];
14755
- });
14756
- }
14757
- function setTransactionStatus(account, chainId, hash, status) {
14758
- updateTransactions(account, chainId, (transactions) => {
14759
- return transactions.map(
14760
- (transaction) => transaction.hash === hash ? { ...transaction, status } : transaction
14761
- );
14762
- });
14763
- }
14764
- async function waitForPendingTransactions(account, chainId) {
14765
- await Promise.all(
14766
- getTransactions(account, chainId).filter((transaction) => transaction.status === "pending").map(async (transaction) => {
14767
- const { confirmations, hash } = transaction;
14768
- const existingRequest = transactionRequestCache.get(hash);
14769
- if (existingRequest) {
14770
- return await existingRequest;
14771
- }
14772
- const requestPromise = provider.waitForTransactionReceipt({
14773
- confirmations,
14774
- hash,
14775
- timeout: 3e5
14776
- }).then(({ status }) => {
14777
- transactionRequestCache.delete(hash);
14778
- if (status === void 0) {
14779
- return;
14780
- }
14781
- setTransactionStatus(
14782
- account,
14783
- chainId,
14784
- hash,
14785
- status === 0 || status === "reverted" ? "failed" : "confirmed"
14786
- );
14787
- }).catch(() => {
14788
- setTransactionStatus(account, chainId, hash, "failed");
14789
- });
14790
- transactionRequestCache.set(hash, requestPromise);
14791
- return await requestPromise;
14792
- })
14793
- );
14794
- }
14795
- function updateTransactions(account, chainId, updateFn) {
14796
- var _a, _b;
14797
- data = loadData();
14798
- data[account] = (_a = data[account]) != null ? _a : {};
14799
- let completedTransactionCount = 0;
14800
- const MAX_COMPLETED_TRANSACTIONS = 10;
14801
- const transactions = updateFn((_b = data[account][chainId]) != null ? _b : []).filter(({ status }) => {
14802
- return status === "pending" ? true : completedTransactionCount++ <= MAX_COMPLETED_TRANSACTIONS;
14803
- });
14804
- data[account][chainId] = transactions.length > 0 ? transactions : void 0;
14805
- persistData();
14806
- notifyListeners();
14807
- waitForPendingTransactions(account, chainId);
14808
- }
14809
- function persistData() {
14810
- localStorage.setItem(storageKey5, JSON.stringify(data));
14811
- }
14812
- function notifyListeners() {
14813
- for (const listener of listeners) {
14814
- listener();
14815
- }
14816
- }
14817
- function onChange(fn) {
14818
- listeners.add(fn);
14819
- return () => {
14820
- listeners.delete(fn);
14821
- };
14822
- }
14823
- return {
14824
- addTransaction,
14825
- clearTransactions,
14826
- getTransactions,
14827
- onChange,
14828
- setProvider,
14829
- waitForPendingTransactions
14830
- };
14831
- }
14832
-
14833
- // src/transactions/TransactionStoreContext.tsx
14834
- var storeSingleton;
14835
- var TransactionStoreContext = createContext20(null);
14836
- function TransactionStoreProvider({
14837
- children
14838
- }) {
14839
- const provider = usePublicClient();
14840
- const { address } = useAccount14();
14841
- const chainId = useChainId();
14842
- const [store] = useState42(
14843
- () => storeSingleton != null ? storeSingleton : storeSingleton = createTransactionStore({ provider })
14844
- );
14845
- useEffect32(() => {
14846
- store.setProvider(provider);
14847
- }, [store, provider]);
14848
- useEffect32(() => {
14849
- if (address && chainId) {
14850
- store.waitForPendingTransactions(address, chainId);
14851
- }
14852
- }, [store, address, chainId]);
14853
- return /* @__PURE__ */ React133.createElement(TransactionStoreContext.Provider, {
14854
- value: store
14855
- }, children);
14856
- }
14857
- function useTransactionStore() {
14858
- const store = useContext25(TransactionStoreContext);
14859
- if (!store) {
14860
- throw new Error("Transaction hooks must be used within FunkitProvider");
14861
- }
14862
- return store;
14863
- }
14864
-
14865
- // src/transactions/useRecentTransactions.ts
14866
- function useRecentTransactions() {
14867
- const store = useTransactionStore();
14868
- const { address } = useAccount15();
14869
- const chainId = useChainId();
14870
- const [transactions, setTransactions] = useState43(
14871
- () => store && address && chainId ? store.getTransactions(address, chainId) : []
14872
- );
14873
- useEffect33(() => {
14874
- if (store && address && chainId) {
14875
- setTransactions(store.getTransactions(address, chainId));
14876
- return store.onChange(() => {
14877
- setTransactions(store.getTransactions(address, chainId));
14878
- });
14879
- }
14880
- }, [store, address, chainId]);
14881
- return transactions;
14882
- }
14883
-
14884
- // src/components/FunkitProvider/ShowRecentTransactionsContext.ts
14885
- import { createContext as createContext21 } from "react";
14886
- var ShowRecentTransactionsContext = createContext21(false);
14887
-
14888
14235
  // src/components/ConnectButton/abbreviateETHBalance.ts
14889
14236
  var units = ["k", "m", "b", "t"];
14890
14237
  function toPrecision(number, precision = 1) {
@@ -14918,10 +14265,10 @@ function ConnectButtonRenderer({
14918
14265
  }) {
14919
14266
  var _a, _b, _c, _d;
14920
14267
  const isMounted = useIsMounted();
14921
- const { address } = useAccount16();
14268
+ const { address } = useAccount12();
14922
14269
  const ensName = useMainnetEnsName(address);
14923
14270
  const ensAvatar = useMainnetEnsAvatar(ensName);
14924
- const { chainId } = useAccount16();
14271
+ const { chainId } = useAccount12();
14925
14272
  const { chains: wagmiChains } = useConfig6();
14926
14273
  const isCurrentChainSupported = wagmiChains.some(
14927
14274
  (chain) => chain.id === chainId
@@ -14933,8 +14280,6 @@ function ConnectButtonRenderer({
14933
14280
  const chainIconUrl = (_c = funkitConnectChain == null ? void 0 : funkitConnectChain.iconUrl) != null ? _c : void 0;
14934
14281
  const chainIconBackground = (_d = funkitConnectChain == null ? void 0 : funkitConnectChain.iconBackground) != null ? _d : void 0;
14935
14282
  const resolvedChainIconUrl = useAsyncImage(chainIconUrl);
14936
- const showRecentTransactions = useContext26(ShowRecentTransactionsContext);
14937
- const hasPendingTransactions = useRecentTransactions().some(({ status }) => status === "pending") && showRecentTransactions;
14938
14283
  const { showBalance } = useShowBalance();
14939
14284
  const computeShouldShowBalance = () => {
14940
14285
  if (typeof showBalance === "boolean") {
@@ -14954,7 +14299,7 @@ function ConnectButtonRenderer({
14954
14299
  const { openChainModal } = useChainModal();
14955
14300
  const { openAccountModal } = useAccountModal();
14956
14301
  const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
14957
- return /* @__PURE__ */ React134.createElement(React134.Fragment, null, children({
14302
+ return /* @__PURE__ */ React130.createElement(React130.Fragment, null, children({
14958
14303
  account: address ? {
14959
14304
  address,
14960
14305
  balanceDecimals: balanceData == null ? void 0 : balanceData.decimals,
@@ -14963,8 +14308,7 @@ function ConnectButtonRenderer({
14963
14308
  displayBalance,
14964
14309
  displayName: ensName ? formatENS(ensName) : formatAddress(address),
14965
14310
  ensAvatar: ensAvatar != null ? ensAvatar : void 0,
14966
- ensName: ensName != null ? ensName : void 0,
14967
- hasPendingTransactions
14311
+ ensName: ensName != null ? ensName : void 0
14968
14312
  } : void 0,
14969
14313
  accountModalOpen,
14970
14314
  authenticationStatus,
@@ -15002,8 +14346,8 @@ function ChainSelectorButton({
15002
14346
  chain
15003
14347
  }) {
15004
14348
  var _a, _b;
15005
- const { i18n: i18n2 } = useContext27(I18nContext);
15006
- return /* @__PURE__ */ React135.createElement(Box, {
14349
+ const { i18n: i18n2 } = useContext22(I18nContext);
14350
+ return /* @__PURE__ */ React131.createElement(Box, {
15007
14351
  alignItems: "center",
15008
14352
  "aria-label": "Chain Selector",
15009
14353
  as: "button",
@@ -15029,37 +14373,37 @@ function ChainSelectorButton({
15029
14373
  testId: unsupportedChain ? "wrong-network-button" : "chain-button",
15030
14374
  transition: "default",
15031
14375
  type: "button"
15032
- }, unsupportedChain ? /* @__PURE__ */ React135.createElement(Box, {
14376
+ }, unsupportedChain ? /* @__PURE__ */ React131.createElement(Box, {
15033
14377
  alignItems: "center",
15034
14378
  display: "flex",
15035
14379
  height: "24",
15036
14380
  paddingX: "4"
15037
- }, i18n2.t("connect_wallet.wrong_network.label")) : /* @__PURE__ */ React135.createElement(Box, {
14381
+ }, i18n2.t("connect_wallet.wrong_network.label")) : /* @__PURE__ */ React131.createElement(Box, {
15038
14382
  alignItems: "center",
15039
14383
  display: "flex",
15040
14384
  gap: "6"
15041
- }, chain.hasIcon ? /* @__PURE__ */ React135.createElement(Box, {
14385
+ }, chain.hasIcon ? /* @__PURE__ */ React131.createElement(Box, {
15042
14386
  display: mapResponsiveValue(
15043
14387
  chainStatus,
15044
14388
  (value) => value === "full" || value === "icon" ? "block" : "none"
15045
14389
  ),
15046
14390
  height: "24",
15047
14391
  width: "24"
15048
- }, /* @__PURE__ */ React135.createElement(AsyncImage, {
14392
+ }, /* @__PURE__ */ React131.createElement(AsyncImage, {
15049
14393
  alt: (_a = chain.name) != null ? _a : "Chain icon",
15050
14394
  background: chain.iconBackground,
15051
14395
  borderRadius: "full",
15052
14396
  height: "24",
15053
14397
  src: chain.iconUrl,
15054
14398
  width: "24"
15055
- })) : null, /* @__PURE__ */ React135.createElement(Box, {
14399
+ })) : null, /* @__PURE__ */ React131.createElement(Box, {
15056
14400
  display: mapResponsiveValue(chainStatus, (value) => {
15057
14401
  if (value === "icon" && !chain.iconUrl) {
15058
14402
  return "block";
15059
14403
  }
15060
14404
  return value === "full" || value === "name" ? "block" : "none";
15061
14405
  })
15062
- }, (_b = chain.name) != null ? _b : chain.id)), /* @__PURE__ */ React135.createElement(DropdownIcon, null));
14406
+ }, (_b = chain.name) != null ? _b : chain.id)), /* @__PURE__ */ React131.createElement(DropdownIcon, null));
15063
14407
  }
15064
14408
  function AccountButton({
15065
14409
  openAccountModal,
@@ -15068,7 +14412,7 @@ function AccountButton({
15068
14412
  accountStatus
15069
14413
  }) {
15070
14414
  const { userInfo } = useGeneralWallet();
15071
- return /* @__PURE__ */ React135.createElement(Box, {
14415
+ return /* @__PURE__ */ React131.createElement(Box, {
15072
14416
  alignItems: "center",
15073
14417
  as: "button",
15074
14418
  background: "accentColor",
@@ -15086,14 +14430,14 @@ function AccountButton({
15086
14430
  testId: "account-button",
15087
14431
  transition: "default",
15088
14432
  type: "button"
15089
- }, account.displayBalance && /* @__PURE__ */ React135.createElement(Box, {
14433
+ }, account.displayBalance && /* @__PURE__ */ React131.createElement(Box, {
15090
14434
  display: mapResponsiveValue(
15091
14435
  showBalance,
15092
14436
  (value) => value ? "block" : "none"
15093
14437
  ),
15094
14438
  padding: "8",
15095
14439
  paddingLeft: "12"
15096
- }, account.displayBalance), /* @__PURE__ */ React135.createElement(Box, {
14440
+ }, account.displayBalance), /* @__PURE__ */ React131.createElement(Box, {
15097
14441
  background: "connectButtonInnerBackground",
15098
14442
  borderColor: "accentColor",
15099
14443
  borderRadius: "connectButton",
@@ -15105,32 +14449,32 @@ function AccountButton({
15105
14449
  paddingX: "8",
15106
14450
  paddingY: "6",
15107
14451
  transition: "default"
15108
- }, /* @__PURE__ */ React135.createElement(Box, {
14452
+ }, /* @__PURE__ */ React131.createElement(Box, {
15109
14453
  alignItems: "center",
15110
14454
  display: "flex",
15111
14455
  gap: "6",
15112
14456
  height: "24"
15113
- }, /* @__PURE__ */ React135.createElement(Box, {
14457
+ }, /* @__PURE__ */ React131.createElement(Box, {
15114
14458
  display: mapResponsiveValue(
15115
14459
  accountStatus,
15116
14460
  (value) => value === "full" || value === "avatar" ? "block" : "none"
15117
14461
  )
15118
- }, /* @__PURE__ */ React135.createElement(Avatar, {
14462
+ }, /* @__PURE__ */ React131.createElement(Avatar, {
15119
14463
  address: account.address,
15120
14464
  imageUrl: account.ensAvatar || userInfo.iconSrc,
15121
- loading: account.hasPendingTransactions,
14465
+ loading: false,
15122
14466
  size: 24
15123
- })), /* @__PURE__ */ React135.createElement(Box, {
14467
+ })), /* @__PURE__ */ React131.createElement(Box, {
15124
14468
  alignItems: "center",
15125
14469
  display: "flex",
15126
14470
  gap: "6"
15127
- }, /* @__PURE__ */ React135.createElement(Box, {
14471
+ }, /* @__PURE__ */ React131.createElement(Box, {
15128
14472
  display: mapResponsiveValue(
15129
14473
  accountStatus,
15130
14474
  (value) => value === "full" || value === "address" ? "block" : "none"
15131
14475
  ),
15132
14476
  style: { textWrap: "nowrap" }
15133
- }, userInfo.nameTruncated), /* @__PURE__ */ React135.createElement(DropdownIcon, null)))));
14477
+ }, userInfo.nameTruncated), /* @__PURE__ */ React131.createElement(DropdownIcon, null)))));
15134
14478
  }
15135
14479
  function ConnectButton({
15136
14480
  accountStatus = defaultProps.accountStatus,
@@ -15143,14 +14487,14 @@ function ConnectButton({
15143
14487
  const chains = useFunkitConnectChains();
15144
14488
  const connectionStatus = useConnectionStatus();
15145
14489
  const { setShowBalance } = useShowBalance();
15146
- const [ready, setReady] = useState44(false);
15147
- const { i18n: i18n2 } = useContext27(I18nContext);
15148
- useEffect34(() => {
14490
+ const [ready, setReady] = useState41(false);
14491
+ const { i18n: i18n2 } = useContext22(I18nContext);
14492
+ useEffect31(() => {
15149
14493
  setShowBalance(showBalance);
15150
14494
  if (!ready)
15151
14495
  setReady(true);
15152
14496
  }, [showBalance, setShowBalance, ready]);
15153
- return ready ? /* @__PURE__ */ React135.createElement(ConnectButtonRenderer, null, ({
14497
+ return ready ? /* @__PURE__ */ React131.createElement(ConnectButtonRenderer, null, ({
15154
14498
  account,
15155
14499
  chain,
15156
14500
  mounted,
@@ -15161,7 +14505,7 @@ function ConnectButton({
15161
14505
  var _a;
15162
14506
  const ready2 = mounted && connectionStatus !== "loading";
15163
14507
  const unsupportedChain = (_a = chain == null ? void 0 : chain.unsupported) != null ? _a : false;
15164
- return /* @__PURE__ */ React135.createElement(Box, {
14508
+ return /* @__PURE__ */ React131.createElement(Box, {
15165
14509
  display: "flex",
15166
14510
  gap: "12",
15167
14511
  ...!ready2 && {
@@ -15172,17 +14516,17 @@ function ConnectButton({
15172
14516
  userSelect: "none"
15173
14517
  }
15174
14518
  }
15175
- }, ready2 && account && connectionStatus === "connected" ? /* @__PURE__ */ React135.createElement(React135.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React135.createElement(ChainSelectorButton, {
14519
+ }, ready2 && account && connectionStatus === "connected" ? /* @__PURE__ */ React131.createElement(React131.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React131.createElement(ChainSelectorButton, {
15176
14520
  unsupportedChain,
15177
14521
  chainStatus,
15178
14522
  openChainModal,
15179
14523
  chain
15180
- }), !unsupportedChain && /* @__PURE__ */ React135.createElement(AccountButton, {
14524
+ }), !unsupportedChain && /* @__PURE__ */ React131.createElement(AccountButton, {
15181
14525
  openAccountModal,
15182
14526
  account,
15183
14527
  showBalance,
15184
14528
  accountStatus
15185
- })) : /* @__PURE__ */ React135.createElement(Box, {
14529
+ })) : /* @__PURE__ */ React131.createElement(Box, {
15186
14530
  as: "button",
15187
14531
  background: "accentColor",
15188
14532
  borderRadius: "connectButton",
@@ -15201,19 +14545,19 @@ function ConnectButton({
15201
14545
  testId: "connect-button",
15202
14546
  transition: "default",
15203
14547
  type: "button"
15204
- }, /* @__PURE__ */ React135.createElement(Box, {
14548
+ }, /* @__PURE__ */ React131.createElement(Box, {
15205
14549
  display: "flex",
15206
14550
  gap: "8",
15207
14551
  alignItems: "center"
15208
14552
  }, mounted && label === "Connect Wallet" ? i18n2.t("connect_wallet.label") : label, suffixIcon)));
15209
- }) : /* @__PURE__ */ React135.createElement(React135.Fragment, null);
14553
+ }) : /* @__PURE__ */ React131.createElement(React131.Fragment, null);
15210
14554
  }
15211
14555
  ConnectButton.__defaultProps = defaultProps;
15212
14556
  ConnectButton.Custom = ConnectButtonRenderer;
15213
14557
 
15214
14558
  // src/components/FunkitProvider/FunkitProvider.tsx
15215
14559
  import { QueryClientProvider } from "@tanstack/react-query";
15216
- import React139, { createContext as createContext23, useContext as useContext28 } from "react";
14560
+ import React135, { createContext as createContext19, useContext as useContext23 } from "react";
15217
14561
  import { useAccountEffect as useAccountEffect3, WagmiProvider } from "wagmi";
15218
14562
 
15219
14563
  // src/config/getDefaultConfig.ts
@@ -16029,42 +15373,42 @@ function validateFunkitProviderProps(props) {
16029
15373
  }
16030
15374
 
16031
15375
  // src/components/FunkitProvider/AppContext.ts
16032
- import { createContext as createContext22 } from "react";
15376
+ import { createContext as createContext18 } from "react";
16033
15377
  var defaultAppInfo = {
16034
15378
  appName: void 0,
16035
15379
  disclaimer: void 0,
16036
15380
  learnMoreUrl: "https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore"
16037
15381
  };
16038
- var AppContext = createContext22(defaultAppInfo);
15382
+ var AppContext = createContext18(defaultAppInfo);
16039
15383
 
16040
15384
  // src/components/FunkitProvider/useFingerprint.ts
16041
- import { useCallback as useCallback33, useEffect as useEffect35 } from "react";
16042
- var storageKey6 = "funkit-connect-version";
15385
+ import { useCallback as useCallback32, useEffect as useEffect32 } from "react";
15386
+ var storageKey5 = "funkit-connect-version";
16043
15387
  function setFunkitConnectVersion({ version }) {
16044
- localStorage.setItem(storageKey6, version);
15388
+ localStorage.setItem(storageKey5, version);
16045
15389
  }
16046
15390
  function getCurrentSdkVersion() {
16047
- return "2.0.1";
15391
+ return "2.0.3";
16048
15392
  }
16049
15393
  function useFingerprint() {
16050
- const fingerprint = useCallback33(() => {
15394
+ const fingerprint = useCallback32(() => {
16051
15395
  setFunkitConnectVersion({ version: getCurrentSdkVersion() });
16052
15396
  }, []);
16053
- useEffect35(() => {
15397
+ useEffect32(() => {
16054
15398
  fingerprint();
16055
15399
  }, [fingerprint]);
16056
15400
  }
16057
15401
 
16058
15402
  // src/components/FunkitProvider/usePreloadImages.ts
16059
- import { useCallback as useCallback34, useEffect as useEffect36 } from "react";
15403
+ import { useCallback as useCallback33, useEffect as useEffect33 } from "react";
16060
15404
 
16061
15405
  // src/components/Icons/Assets.tsx
16062
- import React137 from "react";
15406
+ import React133 from "react";
16063
15407
  var src = async () => (await import("./assets-26YY4GVD.js")).default;
16064
15408
  var preloadAssetsIcon = () => loadImages(src);
16065
15409
 
16066
15410
  // src/components/Icons/Login.tsx
16067
- import React138 from "react";
15411
+ import React134 from "react";
16068
15412
  var src2 = async () => (await import("./login-ZSMM5UYL.js")).default;
16069
15413
  var preloadLoginIcon = () => loadImages(src2);
16070
15414
 
@@ -16072,8 +15416,7 @@ var preloadLoginIcon = () => loadImages(src2);
16072
15416
  function usePreloadImages() {
16073
15417
  const funkitConnectChains = useFunkitConnectChains();
16074
15418
  const walletConnectors = useWalletConnectors();
16075
- const isUnauthenticated = useAuthenticationStatus() === "unauthenticated";
16076
- const preloadImages = useCallback34(() => {
15419
+ const preloadImages = useCallback33(() => {
16077
15420
  loadImages(
16078
15421
  ...walletConnectors.map((wallet) => wallet.iconUrl),
16079
15422
  ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish)
@@ -16082,17 +15425,14 @@ function usePreloadImages() {
16082
15425
  preloadAssetsIcon();
16083
15426
  preloadLoginIcon();
16084
15427
  }
16085
- if (isUnauthenticated) {
16086
- loadImages(signInIcon);
16087
- }
16088
- }, [walletConnectors, funkitConnectChains, isUnauthenticated]);
16089
- useEffect36(() => {
15428
+ }, [walletConnectors, funkitConnectChains]);
15429
+ useEffect33(() => {
16090
15430
  preloadImages();
16091
15431
  }, [preloadImages]);
16092
15432
  }
16093
15433
 
16094
15434
  // src/components/FunkitProvider/FunkitProvider.tsx
16095
- var ThemeIdContext2 = createContext23(void 0);
15435
+ var ThemeIdContext2 = createContext19(void 0);
16096
15436
  var attr2 = "data-rk";
16097
15437
  var createThemeRootProps2 = (id) => ({ [attr2]: id || "" });
16098
15438
  var createThemeRootSelector = (id) => {
@@ -16120,9 +15460,9 @@ function FunkitProvider(props) {
16120
15460
  !!props.debug,
16121
15461
  getCurrentSdkVersion()
16122
15462
  );
16123
- const MainChild = /* @__PURE__ */ React139.createElement(FunkitThemeProvider, {
15463
+ const MainChild = /* @__PURE__ */ React135.createElement(FunkitThemeProvider, {
16124
15464
  theme: props.theme
16125
- }, /* @__PURE__ */ React139.createElement(FunkitProviderInner, {
15465
+ }, /* @__PURE__ */ React135.createElement(FunkitProviderInner, {
16126
15466
  appInfo: props.appInfo,
16127
15467
  avatar: props.avatar,
16128
15468
  id: props.id,
@@ -16133,9 +15473,9 @@ function FunkitProvider(props) {
16133
15473
  sandbox: props.sandbox,
16134
15474
  modalSize: props.modalSize
16135
15475
  }, props.children));
16136
- return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React139.createElement(WagmiProvider, {
15476
+ return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React135.createElement(WagmiProvider, {
16137
15477
  config: finalWagmiConfig
16138
- }, /* @__PURE__ */ React139.createElement(QueryClientProvider, {
15478
+ }, /* @__PURE__ */ React135.createElement(QueryClientProvider, {
16139
15479
  client: finalQueryClient
16140
15480
  }, MainChild)) : MainChild;
16141
15481
  }
@@ -16163,37 +15503,31 @@ function FunkitProviderInner({
16163
15503
  const avatarContext = avatar != null ? avatar : defaultAvatar;
16164
15504
  const isSandboxMode = !!sandbox;
16165
15505
  const modalSizeFinal = modalSize || ModalSizeOptions.WIDE;
16166
- const coolMode = false;
16167
- const showRecentTransactions = false;
16168
- return /* @__PURE__ */ React139.createElement(FunkitConfigContext.Provider, {
15506
+ return /* @__PURE__ */ React135.createElement(FunkitConfigContext.Provider, {
16169
15507
  value: funkitConfig
16170
- }, /* @__PURE__ */ React139.createElement(FunkitConnectChainProvider, {
15508
+ }, /* @__PURE__ */ React135.createElement(FunkitConnectChainProvider, {
16171
15509
  initialChain
16172
- }, /* @__PURE__ */ React139.createElement(WalletButtonProvider, null, /* @__PURE__ */ React139.createElement(I18nProvider, {
15510
+ }, /* @__PURE__ */ React135.createElement(I18nProvider, {
16173
15511
  locale
16174
- }, /* @__PURE__ */ React139.createElement(CoolModeContext.Provider, {
16175
- value: coolMode
16176
- }, /* @__PURE__ */ React139.createElement(ModalSizeProvider, {
15512
+ }, /* @__PURE__ */ React135.createElement(ModalSizeProvider, {
16177
15513
  modalSize: modalSizeFinal
16178
- }, /* @__PURE__ */ React139.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React139.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React139.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React139.createElement(ShowRecentTransactionsContext.Provider, {
16179
- value: showRecentTransactions
16180
- }, /* @__PURE__ */ React139.createElement(FunkitSandboxContext.Provider, {
15514
+ }, /* @__PURE__ */ React135.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React135.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React135.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React135.createElement(FunkitSandboxContext.Provider, {
16181
15515
  value: isSandboxMode
16182
- }, /* @__PURE__ */ React139.createElement(FunkitMeshProvider, null, /* @__PURE__ */ React139.createElement(TransactionStoreProvider, null, /* @__PURE__ */ React139.createElement(AvatarContext.Provider, {
15516
+ }, /* @__PURE__ */ React135.createElement(FunkitMeshProvider, null, /* @__PURE__ */ React135.createElement(AvatarContext.Provider, {
16183
15517
  value: avatarContext
16184
- }, /* @__PURE__ */ React139.createElement(AppContext.Provider, {
15518
+ }, /* @__PURE__ */ React135.createElement(AppContext.Provider, {
16185
15519
  value: appContext
16186
- }, /* @__PURE__ */ React139.createElement(ThemeIdContext2.Provider, {
15520
+ }, /* @__PURE__ */ React135.createElement(ThemeIdContext2.Provider, {
16187
15521
  value: id
16188
- }, /* @__PURE__ */ React139.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React139.createElement(FunToastProvider, null, /* @__PURE__ */ React139.createElement(FunkitMoonpayProvider, {
15522
+ }, /* @__PURE__ */ React135.createElement(ShowBalanceProvider, null, /* @__PURE__ */ React135.createElement(FunToastProvider, null, /* @__PURE__ */ React135.createElement(FunkitMoonpayProvider, {
16189
15523
  debug: !!debug
16190
- }, /* @__PURE__ */ React139.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React139.createElement("div", {
15524
+ }, /* @__PURE__ */ React135.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React135.createElement("div", {
16191
15525
  ...createThemeRootProps2(id),
16192
15526
  style: {
16193
15527
  width: "100%",
16194
15528
  height: "100%"
16195
15529
  }
16196
- }, /* @__PURE__ */ React139.createElement("style", {
15530
+ }, /* @__PURE__ */ React135.createElement("style", {
16197
15531
  dangerouslySetInnerHTML: {
16198
15532
  __html: [
16199
15533
  `${selector}{${cssStringFromTheme(
@@ -16201,414 +15535,215 @@ function FunkitProviderInner({
16201
15535
  )}}`
16202
15536
  ].join("")
16203
15537
  }
16204
- }), children) : children))))))))))))))))))));
15538
+ }), children) : children))))))))))))))));
16205
15539
  }
16206
15540
 
16207
- // src/components/WalletButton/WalletButton.tsx
16208
- import React141, { useContext as useContext30 } from "react";
16209
-
16210
- // src/components/WalletButton/WalletButton.css.ts
16211
- var border = "_85s11r0";
16212
- var maxWidth = "_85s11r1";
16213
-
16214
- // src/components/WalletButton/WalletButtonRenderer.tsx
16215
- import React140, {
16216
- useContext as useContext29,
16217
- useEffect as useEffect37,
16218
- useMemo as useMemo36,
16219
- useState as useState45
16220
- } from "react";
16221
- import { useAccount as useAccount17, useAccountEffect as useAccountEffect4 } from "wagmi";
16222
- function WalletButtonRenderer({
16223
- wallet = "rainbow",
16224
- children
16225
- }) {
16226
- const isMounted = useIsMounted();
16227
- const { openConnectModal } = useConnectModal();
16228
- const { connectModalOpen } = useModalState();
16229
- const { connector, setConnector } = useContext29(WalletButtonContext);
16230
- const [firstConnector] = useWalletConnectors().filter((wallet2) => wallet2.isFunkitSdkConnector).filter((_wallet) => _wallet.id.toLowerCase() === wallet.toLowerCase()).sort((a, b) => a.groupIndex - b.groupIndex);
16231
- if (!firstConnector) {
16232
- throw new Error("Connector not found");
16233
- }
16234
- const connectionStatus = useConnectionStatus();
16235
- const [loading, setLoading] = useState45(false);
16236
- const [isError, setIsError] = useState45(false);
16237
- const mobile = isMobile();
16238
- useEffect37(() => {
16239
- if (!connectModalOpen && connector)
16240
- setConnector(null);
16241
- }, [connectModalOpen, connector, setConnector]);
16242
- const { isConnected, isConnecting } = useAccount17();
16243
- useAccountEffect4({
16244
- onConnect: () => {
16245
- if (isError)
16246
- setIsError(false);
16247
- },
16248
- onDisconnect: clearLatestWalletId
16249
- });
16250
- const isLastWalletIdConnected = useMemo36(() => {
16251
- const lastWalletId = getLatestWalletId();
16252
- if (!lastWalletId || !(firstConnector == null ? void 0 : firstConnector.id)) {
16253
- return false;
16254
- }
16255
- if (!isConnected)
16256
- return false;
16257
- return lastWalletId === (firstConnector == null ? void 0 : firstConnector.id);
16258
- }, [isConnected, firstConnector]);
16259
- const connectWallet = async () => {
16260
- var _a;
16261
- try {
16262
- setLoading(true);
16263
- if (isError)
16264
- setIsError(false);
16265
- await ((_a = firstConnector == null ? void 0 : firstConnector.connect) == null ? void 0 : _a.call(firstConnector));
16266
- } catch {
16267
- setIsError(true);
16268
- } finally {
16269
- setLoading(false);
16270
- }
16271
- };
16272
- const isStatusLoading = connectionStatus === "loading";
16273
- const ready = !isConnecting && !!openConnectModal && firstConnector && !isStatusLoading;
16274
- const isNotSupported = !(firstConnector == null ? void 0 : firstConnector.installed) || !(firstConnector == null ? void 0 : firstConnector.ready);
16275
- return /* @__PURE__ */ React140.createElement(React140.Fragment, null, children({
16276
- error: isError,
16277
- loading,
16278
- connected: isLastWalletIdConnected,
16279
- ready,
16280
- mounted: isMounted(),
16281
- connector: firstConnector,
16282
- connect: async () => {
16283
- addLatestWalletId((firstConnector == null ? void 0 : firstConnector.id) || "");
16284
- if (mobile || isNotSupported) {
16285
- openConnectModal == null ? void 0 : openConnectModal();
16286
- setConnector(firstConnector);
16287
- return;
16288
- }
16289
- await connectWallet();
16290
- }
16291
- }));
16292
- }
16293
-
16294
- // src/components/WalletButton/WalletButton.tsx
16295
- var WalletButton = ({ wallet }) => {
16296
- const { i18n: i18n2 } = useContext30(I18nContext);
16297
- return /* @__PURE__ */ React141.createElement(WalletButtonRenderer, {
16298
- wallet
16299
- }, ({ ready, connect, connected, mounted, connector, loading }) => {
16300
- const isDisabled = !ready || loading;
16301
- const connectorName = (connector == null ? void 0 : connector.name) || "";
16302
- if (!mounted)
16303
- return;
16304
- return /* @__PURE__ */ React141.createElement(Box, {
16305
- display: "flex",
16306
- flexDirection: "column",
16307
- alignItems: "center",
16308
- disabled: isDisabled,
16309
- style: {
16310
- pointerEvents: isDisabled ? "none" : "all"
16311
- }
16312
- }, /* @__PURE__ */ React141.createElement(Box, {
16313
- as: "button",
16314
- borderRadius: "menuButton",
16315
- borderStyle: "solid",
16316
- borderWidth: "1",
16317
- className: [
16318
- maxWidth,
16319
- border,
16320
- touchableStyles({
16321
- active: "shrink",
16322
- hover: "grow"
16323
- })
16324
- ],
16325
- minHeight: "44",
16326
- onClick: connect,
16327
- disabled: !ready || loading,
16328
- padding: "6",
16329
- style: { willChange: "transform" },
16330
- testId: `wallet-button-${(connector == null ? void 0 : connector.id) || ""}`,
16331
- transition: "default",
16332
- width: "full",
16333
- background: "connectButtonBackground"
16334
- }, /* @__PURE__ */ React141.createElement(Box, {
16335
- color: "modalText",
16336
- fontFamily: "body",
16337
- fontSize: "16",
16338
- fontWeight: "bold",
16339
- transition: "default",
16340
- display: "flex",
16341
- alignItems: "center"
16342
- }, /* @__PURE__ */ React141.createElement(Box, {
16343
- alignItems: "center",
16344
- display: "flex",
16345
- flexDirection: "row",
16346
- gap: "12",
16347
- paddingRight: "6"
16348
- }, /* @__PURE__ */ React141.createElement(Box, null, loading ? /* @__PURE__ */ React141.createElement(SpinnerIcon, null) : /* @__PURE__ */ React141.createElement(AsyncImage, {
16349
- background: connector == null ? void 0 : connector.iconBackground,
16350
- borderRadius: "6",
16351
- height: "28",
16352
- src: connector == null ? void 0 : connector.iconUrl,
16353
- width: "28"
16354
- })), /* @__PURE__ */ React141.createElement(Box, {
16355
- alignItems: "center",
16356
- display: "flex",
16357
- flexDirection: "column",
16358
- color: "modalText"
16359
- }, /* @__PURE__ */ React141.createElement(Box, {
16360
- testId: `wallet-button-label-${(connector == null ? void 0 : connector.id) || ""}`
16361
- }, loading ? i18n2.t("connect.status.connecting", {
16362
- wallet: connectorName
16363
- }) : connectorName)), connected ? /* @__PURE__ */ React141.createElement(Box, {
16364
- background: "connectionIndicator",
16365
- borderColor: "selectedOptionBorder",
16366
- borderRadius: "full",
16367
- borderStyle: "solid",
16368
- borderWidth: "1",
16369
- height: "8",
16370
- width: "8"
16371
- }) : null))));
16372
- });
16373
- };
16374
- WalletButton.Custom = WalletButtonRenderer;
16375
-
16376
- // src/wallets/getDefaultWallets.ts
16377
- function getDefaultWallets(parameters) {
16378
- const wallets = [
16379
- {
16380
- groupName: "Popular",
16381
- wallets: [
16382
- rainbowWallet,
16383
- coinbaseWallet,
16384
- metaMaskWallet,
16385
- walletConnectWallet
16386
- ]
16387
- }
16388
- ];
16389
- if (parameters) {
16390
- return {
16391
- connectors: connectorsForWallets(wallets, parameters),
16392
- wallets
16393
- };
16394
- }
16395
- return {
16396
- wallets
16397
- };
16398
- }
16399
-
16400
- // src/__private__/index.ts
16401
- var __private__ = {
16402
- dialogContent,
16403
- dialogContentMobile
16404
- };
16405
-
16406
15541
  // src/components/Icons/FunkitPaymentsIconLine.tsx
16407
- import React142 from "react";
15542
+ import React136 from "react";
16408
15543
  function MetaMaskPaymentIcon({ size = 16 }) {
16409
- return /* @__PURE__ */ React142.createElement("svg", {
15544
+ return /* @__PURE__ */ React136.createElement("svg", {
16410
15545
  width: size,
16411
15546
  height: size,
16412
15547
  viewBox: "0 0 28 28",
16413
15548
  fill: "none",
16414
15549
  xmlns: "http://www.w3.org/2000/svg"
16415
- }, /* @__PURE__ */ React142.createElement("path", {
15550
+ }, /* @__PURE__ */ React136.createElement("path", {
16416
15551
  d: "M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z",
16417
15552
  fill: "#E2761B",
16418
15553
  stroke: "#E2761B",
16419
15554
  strokeWidth: "0.0878845",
16420
15555
  strokeLinecap: "round",
16421
15556
  strokeLinejoin: "round"
16422
- }), /* @__PURE__ */ React142.createElement("path", {
15557
+ }), /* @__PURE__ */ React136.createElement("path", {
16423
15558
  d: "M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z",
16424
15559
  fill: "#E4761B",
16425
15560
  stroke: "#E4761B",
16426
15561
  strokeWidth: "0.0878845",
16427
15562
  strokeLinecap: "round",
16428
15563
  strokeLinejoin: "round"
16429
- }), /* @__PURE__ */ React142.createElement("path", {
15564
+ }), /* @__PURE__ */ React136.createElement("path", {
16430
15565
  d: "M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z",
16431
15566
  fill: "#E4761B",
16432
15567
  stroke: "#E4761B",
16433
15568
  strokeWidth: "0.0878845",
16434
15569
  strokeLinecap: "round",
16435
15570
  strokeLinejoin: "round"
16436
- }), /* @__PURE__ */ React142.createElement("path", {
15571
+ }), /* @__PURE__ */ React136.createElement("path", {
16437
15572
  d: "M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z",
16438
15573
  fill: "#E4761B",
16439
15574
  stroke: "#E4761B",
16440
15575
  strokeWidth: "0.0878845",
16441
15576
  strokeLinecap: "round",
16442
15577
  strokeLinejoin: "round"
16443
- }), /* @__PURE__ */ React142.createElement("path", {
15578
+ }), /* @__PURE__ */ React136.createElement("path", {
16444
15579
  d: "M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z",
16445
15580
  fill: "#E4761B",
16446
15581
  stroke: "#E4761B",
16447
15582
  strokeWidth: "0.0878845",
16448
15583
  strokeLinecap: "round",
16449
15584
  strokeLinejoin: "round"
16450
- }), /* @__PURE__ */ React142.createElement("path", {
15585
+ }), /* @__PURE__ */ React136.createElement("path", {
16451
15586
  d: "M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z",
16452
15587
  fill: "#E4761B",
16453
15588
  stroke: "#E4761B",
16454
15589
  strokeWidth: "0.0878845",
16455
15590
  strokeLinecap: "round",
16456
15591
  strokeLinejoin: "round"
16457
- }), /* @__PURE__ */ React142.createElement("path", {
15592
+ }), /* @__PURE__ */ React136.createElement("path", {
16458
15593
  d: "M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z",
16459
15594
  fill: "#E4761B",
16460
15595
  stroke: "#E4761B",
16461
15596
  strokeWidth: "0.0878845",
16462
15597
  strokeLinecap: "round",
16463
15598
  strokeLinejoin: "round"
16464
- }), /* @__PURE__ */ React142.createElement("path", {
15599
+ }), /* @__PURE__ */ React136.createElement("path", {
16465
15600
  d: "M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z",
16466
15601
  fill: "#E4761B",
16467
15602
  stroke: "#E4761B",
16468
15603
  strokeWidth: "0.0878845",
16469
15604
  strokeLinecap: "round",
16470
15605
  strokeLinejoin: "round"
16471
- }), /* @__PURE__ */ React142.createElement("path", {
15606
+ }), /* @__PURE__ */ React136.createElement("path", {
16472
15607
  d: "M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z",
16473
15608
  fill: "#D7C1B3",
16474
15609
  stroke: "#D7C1B3",
16475
15610
  strokeWidth: "0.0878845",
16476
15611
  strokeLinecap: "round",
16477
15612
  strokeLinejoin: "round"
16478
- }), /* @__PURE__ */ React142.createElement("path", {
15613
+ }), /* @__PURE__ */ React136.createElement("path", {
16479
15614
  d: "M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z",
16480
15615
  fill: "#D7C1B3",
16481
15616
  stroke: "#D7C1B3",
16482
15617
  strokeWidth: "0.0878845",
16483
15618
  strokeLinecap: "round",
16484
15619
  strokeLinejoin: "round"
16485
- }), /* @__PURE__ */ React142.createElement("path", {
15620
+ }), /* @__PURE__ */ React136.createElement("path", {
16486
15621
  d: "M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z",
16487
15622
  fill: "#233447",
16488
15623
  stroke: "#233447",
16489
15624
  strokeWidth: "0.0878845",
16490
15625
  strokeLinecap: "round",
16491
15626
  strokeLinejoin: "round"
16492
- }), /* @__PURE__ */ React142.createElement("path", {
15627
+ }), /* @__PURE__ */ React136.createElement("path", {
16493
15628
  d: "M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z",
16494
15629
  fill: "#233447",
16495
15630
  stroke: "#233447",
16496
15631
  strokeWidth: "0.0878845",
16497
15632
  strokeLinecap: "round",
16498
15633
  strokeLinejoin: "round"
16499
- }), /* @__PURE__ */ React142.createElement("path", {
15634
+ }), /* @__PURE__ */ React136.createElement("path", {
16500
15635
  d: "M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z",
16501
15636
  fill: "#CD6116",
16502
15637
  stroke: "#CD6116",
16503
15638
  strokeWidth: "0.0878845",
16504
15639
  strokeLinecap: "round",
16505
15640
  strokeLinejoin: "round"
16506
- }), /* @__PURE__ */ React142.createElement("path", {
15641
+ }), /* @__PURE__ */ React136.createElement("path", {
16507
15642
  d: "M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z",
16508
15643
  fill: "#CD6116",
16509
15644
  stroke: "#CD6116",
16510
15645
  strokeWidth: "0.0878845",
16511
15646
  strokeLinecap: "round",
16512
15647
  strokeLinejoin: "round"
16513
- }), /* @__PURE__ */ React142.createElement("path", {
15648
+ }), /* @__PURE__ */ React136.createElement("path", {
16514
15649
  d: "M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z",
16515
15650
  fill: "#CD6116",
16516
15651
  stroke: "#CD6116",
16517
15652
  strokeWidth: "0.0878845",
16518
15653
  strokeLinecap: "round",
16519
15654
  strokeLinejoin: "round"
16520
- }), /* @__PURE__ */ React142.createElement("path", {
15655
+ }), /* @__PURE__ */ React136.createElement("path", {
16521
15656
  d: "M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z",
16522
15657
  fill: "#CD6116",
16523
15658
  stroke: "#CD6116",
16524
15659
  strokeWidth: "0.0878845",
16525
15660
  strokeLinecap: "round",
16526
15661
  strokeLinejoin: "round"
16527
- }), /* @__PURE__ */ React142.createElement("path", {
15662
+ }), /* @__PURE__ */ React136.createElement("path", {
16528
15663
  d: "M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z",
16529
15664
  fill: "#E4751F",
16530
15665
  stroke: "#E4751F",
16531
15666
  strokeWidth: "0.0878845",
16532
15667
  strokeLinecap: "round",
16533
15668
  strokeLinejoin: "round"
16534
- }), /* @__PURE__ */ React142.createElement("path", {
15669
+ }), /* @__PURE__ */ React136.createElement("path", {
16535
15670
  d: "M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z",
16536
15671
  fill: "#E4751F",
16537
15672
  stroke: "#E4751F",
16538
15673
  strokeWidth: "0.0878845",
16539
15674
  strokeLinecap: "round",
16540
15675
  strokeLinejoin: "round"
16541
- }), /* @__PURE__ */ React142.createElement("path", {
15676
+ }), /* @__PURE__ */ React136.createElement("path", {
16542
15677
  d: "M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z",
16543
15678
  fill: "#E4751F",
16544
15679
  stroke: "#E4751F",
16545
15680
  strokeWidth: "0.0878845",
16546
15681
  strokeLinecap: "round",
16547
15682
  strokeLinejoin: "round"
16548
- }), /* @__PURE__ */ React142.createElement("path", {
15683
+ }), /* @__PURE__ */ React136.createElement("path", {
16549
15684
  d: "M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z",
16550
15685
  fill: "#E4751F",
16551
15686
  stroke: "#E4751F",
16552
15687
  strokeWidth: "0.0878845",
16553
15688
  strokeLinecap: "round",
16554
15689
  strokeLinejoin: "round"
16555
- }), /* @__PURE__ */ React142.createElement("path", {
15690
+ }), /* @__PURE__ */ React136.createElement("path", {
16556
15691
  d: "M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z",
16557
15692
  fill: "#F6851B",
16558
15693
  stroke: "#F6851B",
16559
15694
  strokeWidth: "0.0878845",
16560
15695
  strokeLinecap: "round",
16561
15696
  strokeLinejoin: "round"
16562
- }), /* @__PURE__ */ React142.createElement("path", {
15697
+ }), /* @__PURE__ */ React136.createElement("path", {
16563
15698
  d: "M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z",
16564
15699
  fill: "#F6851B",
16565
15700
  stroke: "#F6851B",
16566
15701
  strokeWidth: "0.0878845",
16567
15702
  strokeLinecap: "round",
16568
15703
  strokeLinejoin: "round"
16569
- }), /* @__PURE__ */ React142.createElement("path", {
15704
+ }), /* @__PURE__ */ React136.createElement("path", {
16570
15705
  d: "M15.8456 23.0521L15.8719 22.2348L15.6522 22.0414H12.339L12.1368 22.2348L12.1544 23.0521L9.38606 21.7426L10.3528 22.5336L12.3126 23.8958H15.6786L17.6472 22.5336L18.6139 21.7426L15.8456 23.0521Z",
16571
15706
  fill: "#C0AD9E",
16572
15707
  stroke: "#C0AD9E",
16573
15708
  strokeWidth: "0.0878845",
16574
15709
  strokeLinecap: "round",
16575
15710
  strokeLinejoin: "round"
16576
- }), /* @__PURE__ */ React142.createElement("path", {
15711
+ }), /* @__PURE__ */ React136.createElement("path", {
16577
15712
  d: "M15.6347 20.2925L15.2128 20.0025H12.7784L12.3566 20.2925L12.1368 22.2348L12.339 22.0414H15.6522L15.8719 22.2348L15.6347 20.2925Z",
16578
15713
  fill: "#161616",
16579
15714
  stroke: "#161616",
16580
15715
  strokeWidth: "0.0878845",
16581
15716
  strokeLinecap: "round",
16582
15717
  strokeLinejoin: "round"
16583
- }), /* @__PURE__ */ React142.createElement("path", {
15718
+ }), /* @__PURE__ */ React136.createElement("path", {
16584
15719
  d: "M24.4583 10.0364L25.2053 6.45072L24.0891 3.1199L15.6347 9.39485L18.8864 12.1456L23.4827 13.4903L24.5022 12.3038L24.0628 11.9874L24.7658 11.3459L24.221 10.924L24.924 10.3879L24.4583 10.0364Z",
16585
15720
  fill: "#763D16",
16586
15721
  stroke: "#763D16",
16587
15722
  strokeWidth: "0.0878845",
16588
15723
  strokeLinecap: "round",
16589
15724
  strokeLinejoin: "round"
16590
- }), /* @__PURE__ */ React142.createElement("path", {
15725
+ }), /* @__PURE__ */ React136.createElement("path", {
16591
15726
  d: "M2.79472 6.45072L3.54174 10.0364L3.06717 10.3879L3.77024 10.924L3.23415 11.3459L3.93722 11.9874L3.4978 12.3038L4.50847 13.4903L9.10483 12.1456L12.3566 9.39485L3.90207 3.1199L2.79472 6.45072Z",
16592
15727
  fill: "#763D16",
16593
15728
  stroke: "#763D16",
16594
15729
  strokeWidth: "0.0878845",
16595
15730
  strokeLinecap: "round",
16596
15731
  strokeLinejoin: "round"
16597
- }), /* @__PURE__ */ React142.createElement("path", {
15732
+ }), /* @__PURE__ */ React136.createElement("path", {
16598
15733
  d: "M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z",
16599
15734
  fill: "#F6851B",
16600
15735
  stroke: "#F6851B",
16601
15736
  strokeWidth: "0.0878845",
16602
15737
  strokeLinecap: "round",
16603
15738
  strokeLinejoin: "round"
16604
- }), /* @__PURE__ */ React142.createElement("path", {
15739
+ }), /* @__PURE__ */ React136.createElement("path", {
16605
15740
  d: "M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z",
16606
15741
  fill: "#F6851B",
16607
15742
  stroke: "#F6851B",
16608
15743
  strokeWidth: "0.0878845",
16609
15744
  strokeLinecap: "round",
16610
15745
  strokeLinejoin: "round"
16611
- }), /* @__PURE__ */ React142.createElement("path", {
15746
+ }), /* @__PURE__ */ React136.createElement("path", {
16612
15747
  d: "M15.3446 14.4658L15.6347 9.39485L16.9705 5.7828H11.0383L12.3566 9.39485L12.6642 14.4658L12.7696 16.0653L12.7784 20.0025H15.2128L15.2304 16.0653L15.3446 14.4658Z",
16613
15748
  fill: "#F6851B",
16614
15749
  stroke: "#F6851B",
@@ -16618,29 +15753,29 @@ function MetaMaskPaymentIcon({ size = 16 }) {
16618
15753
  }));
16619
15754
  }
16620
15755
  function MastercardPaymentIcon({ size = 16 }) {
16621
- return /* @__PURE__ */ React142.createElement("svg", {
15756
+ return /* @__PURE__ */ React136.createElement("svg", {
16622
15757
  xmlns: "http://www.w3.org/2000/svg",
16623
15758
  height: size,
16624
15759
  viewBox: "0 0 152.407 108"
16625
- }, /* @__PURE__ */ React142.createElement("g", null, /* @__PURE__ */ React142.createElement("rect", {
15760
+ }, /* @__PURE__ */ React136.createElement("g", null, /* @__PURE__ */ React136.createElement("rect", {
16626
15761
  width: "152.407",
16627
15762
  height: "108",
16628
15763
  fill: "transparent"
16629
- }), /* @__PURE__ */ React142.createElement("g", null, /* @__PURE__ */ React142.createElement("rect", {
15764
+ }), /* @__PURE__ */ React136.createElement("g", null, /* @__PURE__ */ React136.createElement("rect", {
16630
15765
  x: "60.4117",
16631
15766
  y: "25.6968",
16632
15767
  width: "31.5",
16633
15768
  height: "56.6064",
16634
15769
  fill: "#ff5f00"
16635
- }), /* @__PURE__ */ React142.createElement("path", {
15770
+ }), /* @__PURE__ */ React136.createElement("path", {
16636
15771
  d: "M382.20839,306a35.9375,35.9375,0,0,1,13.7499-28.3032,36,36,0,1,0,0,56.6064A35.938,35.938,0,0,1,382.20839,306Z",
16637
15772
  transform: "translate(-319.79649 -252)",
16638
15773
  fill: "#eb001b"
16639
- }), /* @__PURE__ */ React142.createElement("path", {
15774
+ }), /* @__PURE__ */ React136.createElement("path", {
16640
15775
  d: "M454.20349,306a35.99867,35.99867,0,0,1-58.2452,28.3032,36.00518,36.00518,0,0,0,0-56.6064A35.99867,35.99867,0,0,1,454.20349,306Z",
16641
15776
  transform: "translate(-319.79649 -252)",
16642
15777
  fill: "#f79e1b"
16643
- }), /* @__PURE__ */ React142.createElement("path", {
15778
+ }), /* @__PURE__ */ React136.createElement("path", {
16644
15779
  d: "M450.76889,328.3077v-1.1589h.4673v-.2361h-1.1901v.2361h.4675v1.1589Zm2.3105,0v-1.3973h-.3648l-.41959.9611-.41971-.9611h-.365v1.3973h.2576v-1.054l.3935.9087h.2671l.39351-.911v1.0563Z",
16645
15780
  transform: "translate(-319.79649 -252)",
16646
15781
  fill: "#f79e1b"
@@ -16650,20 +15785,44 @@ function FunkitPaymentsIconLine({
16650
15785
  size = 16,
16651
15786
  gap = "2"
16652
15787
  }) {
16653
- return /* @__PURE__ */ React142.createElement(Box, {
15788
+ return /* @__PURE__ */ React136.createElement(Box, {
16654
15789
  display: "flex",
16655
15790
  flexDirection: "row",
16656
15791
  gap,
16657
15792
  alignItems: "center",
16658
15793
  justifyContent: "center"
16659
- }, /* @__PURE__ */ React142.createElement(MetaMaskPaymentIcon, {
15794
+ }, /* @__PURE__ */ React136.createElement(MetaMaskPaymentIcon, {
16660
15795
  size
16661
- }), /* @__PURE__ */ React142.createElement(MastercardPaymentIcon, {
15796
+ }), /* @__PURE__ */ React136.createElement(MastercardPaymentIcon, {
16662
15797
  size
16663
- }), /* @__PURE__ */ React142.createElement(CoinbaseIcon, {
15798
+ }), /* @__PURE__ */ React136.createElement(CoinbaseIcon, {
16664
15799
  size
16665
15800
  }));
16666
15801
  }
15802
+
15803
+ // src/wallets/getDefaultWallets.ts
15804
+ function getDefaultWallets(parameters) {
15805
+ const wallets = [
15806
+ {
15807
+ groupName: "Popular",
15808
+ wallets: [
15809
+ rainbowWallet,
15810
+ coinbaseWallet,
15811
+ metaMaskWallet,
15812
+ walletConnectWallet
15813
+ ]
15814
+ }
15815
+ ];
15816
+ if (parameters) {
15817
+ return {
15818
+ connectors: connectorsForWallets(wallets, parameters),
15819
+ wallets
15820
+ };
15821
+ }
15822
+ return {
15823
+ wallets
15824
+ };
15825
+ }
16667
15826
  export {
16668
15827
  ConnectButton,
16669
15828
  FunkitConnectAuthenticationProvider,
@@ -16672,7 +15831,6 @@ export {
16672
15831
  FunkitSocialLoginMethod,
16673
15832
  NATIVE_TOKEN,
16674
15833
  PaymentMethod,
16675
- WalletButton,
16676
15834
  __private__,
16677
15835
  createAuthenticationAdapter,
16678
15836
  createFunkitWagmiConfig,