@funkit/connect 2.0.2 → 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 (78) hide show
  1. package/CHANGELOG.md +10 -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 +865 -1279
  10. package/dist/index.d.ts +7 -8
  11. package/dist/index.js +411 -1254
  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/bifrostWallet/bifrostWallet.js +2 -2
  17. package/dist/wallets/walletConnectors/bitgetWallet/bitgetWallet.js +2 -2
  18. package/dist/wallets/walletConnectors/bybitWallet/bybitWallet.js +2 -2
  19. package/dist/wallets/walletConnectors/clvWallet/clvWallet.js +2 -2
  20. package/dist/wallets/walletConnectors/coin98Wallet/coin98Wallet.js +2 -2
  21. package/dist/wallets/walletConnectors/coreWallet/coreWallet.js +2 -2
  22. package/dist/wallets/walletConnectors/foxWallet/foxWallet.js +2 -2
  23. package/dist/wallets/walletConnectors/frontierWallet/frontierWallet.js +2 -2
  24. package/dist/wallets/walletConnectors/gateWallet/gateWallet.js +2 -2
  25. package/dist/wallets/walletConnectors/index.js +68 -68
  26. package/dist/wallets/walletConnectors/metaMaskWallet/metaMaskWallet.js +2 -2
  27. package/dist/wallets/walletConnectors/okxWallet/okxWallet.js +2 -2
  28. package/dist/wallets/walletConnectors/rainbowWallet/rainbowWallet.js +2 -2
  29. package/dist/wallets/walletConnectors/roninWallet/roninWallet.js +2 -2
  30. package/dist/wallets/walletConnectors/safepalWallet/safepalWallet.js +2 -2
  31. package/dist/wallets/walletConnectors/subWallet/subWallet.js +2 -2
  32. package/dist/wallets/walletConnectors/tokenPocketWallet/tokenPocketWallet.js +2 -2
  33. package/dist/wallets/walletConnectors/trustWallet/trustWallet.js +2 -2
  34. package/dist/wallets/walletConnectors/zerionWallet/zerionWallet.js +2 -2
  35. package/package.json +3 -3
  36. package/dist/components/Button/ActionButton.d.ts +0 -14
  37. package/dist/components/ConnectModal/ConnectModalIntro.d.ts +0 -5
  38. package/dist/components/Disclaimer/DisclaimerLink.d.ts +0 -5
  39. package/dist/components/Disclaimer/DisclaimerText.d.ts +0 -4
  40. package/dist/components/FunProgressBar/FunProgressBar.d.ts +0 -6
  41. package/dist/components/FunProgressBar/FunVerticalProgressBar.d.ts +0 -14
  42. package/dist/components/FunkitProvider/CoolModeContext.d.ts +0 -1
  43. package/dist/components/FunkitProvider/ShowRecentTransactionsContext.d.ts +0 -1
  44. package/dist/components/FunkitProvider/WalletButtonContext.d.ts +0 -12
  45. package/dist/components/FunkitProvider/useCoolMode.d.ts +0 -1
  46. package/dist/components/InfoButton/InfoButton.d.ts +0 -5
  47. package/dist/components/SignIn/SignIn.d.ts +0 -6
  48. package/dist/components/Txs/TxItem.d.ts +0 -7
  49. package/dist/components/Txs/TxList.d.ts +0 -7
  50. package/dist/components/Txs/Txs.css.d.ts +0 -2
  51. package/dist/components/WalletButton/WalletButton.css.d.ts +0 -2
  52. package/dist/components/WalletButton/WalletButton.d.ts +0 -8
  53. package/dist/components/WalletButton/WalletButtonRenderer.d.ts +0 -15
  54. package/dist/sign-FZVB2CS6.js +0 -6
  55. package/dist/transactions/TransactionStoreContext.d.ts +0 -6
  56. package/dist/transactions/transactionStore.d.ts +0 -21
  57. package/dist/transactions/useAddRecentTransaction.d.ts +0 -2
  58. package/dist/transactions/useClearRecentTransactions.d.ts +0 -1
  59. package/dist/transactions/useRecentTransactions.d.ts +0 -2
  60. package/dist/utils/chainToExplorerUrl.d.ts +0 -2
  61. package/dist/wallets/walletConnectors/chunk-2DWBVWFI.js +0 -87
  62. package/dist/wallets/walletConnectors/chunk-3F5GNHAG.js +0 -182
  63. package/dist/wallets/walletConnectors/chunk-3R3RNCGE.js +0 -100
  64. package/dist/wallets/walletConnectors/chunk-5L2OLU3J.js +0 -102
  65. package/dist/wallets/walletConnectors/chunk-BCXBFAL4.js +0 -98
  66. package/dist/wallets/walletConnectors/chunk-M4SPCKW4.js +0 -66
  67. package/dist/wallets/walletConnectors/chunk-MFS6NY6T.js +0 -105
  68. package/dist/wallets/walletConnectors/chunk-MOAWRDEM.js +0 -95
  69. package/dist/wallets/walletConnectors/chunk-NK3DYIAB.js +0 -92
  70. package/dist/wallets/walletConnectors/chunk-OMKARG6Y.js +0 -94
  71. package/dist/wallets/walletConnectors/chunk-OPO2D6GL.js +0 -102
  72. package/dist/wallets/walletConnectors/chunk-OXWTS7HX.js +0 -98
  73. package/dist/wallets/walletConnectors/chunk-PJRUHFBT.js +0 -71
  74. package/dist/wallets/walletConnectors/chunk-R5GNFRXW.js +0 -96
  75. package/dist/wallets/walletConnectors/chunk-S2IWMXKX.js +0 -94
  76. package/dist/wallets/walletConnectors/chunk-WH7S23VZ.js +0 -73
  77. package/dist/wallets/walletConnectors/chunk-XB2GFXBL.js +0 -107
  78. package/dist/wallets/walletConnectors/chunk-XUXFYTCV.js +0 -96
package/dist/index.js CHANGED
@@ -2,16 +2,28 @@
2
2
  import {
3
3
  en_US_default
4
4
  } from "./chunk-SW6GAS7K.js";
5
- import {
6
- lightTheme
7
- } from "./chunk-FRT63PFR.js";
8
5
  import {
9
6
  darkTheme
10
- } from "./chunk-ICLRFHOV.js";
7
+ } from "./chunk-BZPWFPPL.js";
8
+ import {
9
+ lightTheme
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";
@@ -11438,7 +11436,7 @@ var ProfileTitleSection = ({
11438
11436
  }, /* @__PURE__ */ React105.createElement(Avatar, {
11439
11437
  address: account.address,
11440
11438
  imageUrl: account.ensAvatar || userInfo.iconSrc,
11441
- loading: account.hasPendingTransactions,
11439
+ loading: false,
11442
11440
  size: 24
11443
11441
  })), /* @__PURE__ */ React105.createElement(Text, {
11444
11442
  color: "modalText",
@@ -11887,11 +11885,11 @@ function ChainModal({ onClose, open }) {
11887
11885
  }
11888
11886
 
11889
11887
  // src/components/ConnectModal/ConnectModal.tsx
11890
- import React126 from "react";
11891
- import { useAccount as useAccount10, useDisconnect as useDisconnect2 } from "wagmi";
11888
+ import React123 from "react";
11889
+ import { useAccount as useAccount9, useDisconnect as useDisconnect2 } from "wagmi";
11892
11890
 
11893
11891
  // src/components/FunConnectOptions/FunConnectOptions.tsx
11894
- import React123, { useCallback as useCallback28, useState as useState37 } from "react";
11892
+ import React122, { useCallback as useCallback28, useState as useState36 } from "react";
11895
11893
 
11896
11894
  // src/components/FunConnectOptions/FunConnectErrorStep.tsx
11897
11895
  import React111 from "react";
@@ -12075,7 +12073,7 @@ function FunFarcasterConnectingStep({
12075
12073
  }
12076
12074
 
12077
12075
  // src/components/FunConnectOptions/FunSignInStep.tsx
12078
- 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";
12079
12077
 
12080
12078
  // src/utils/groupBy.ts
12081
12079
  function groupBy(items, getKey) {
@@ -12095,15 +12093,9 @@ function groupBy(items, getKey) {
12095
12093
 
12096
12094
  // src/wallets/latestWalletId.ts
12097
12095
  var storageKey2 = "fkc-latest-id";
12098
- function getLatestWalletId() {
12099
- return typeof localStorage !== "undefined" ? localStorage.getItem(storageKey2) || "" : "";
12100
- }
12101
12096
  function addLatestWalletId(walletId) {
12102
12097
  localStorage.setItem(storageKey2, walletId);
12103
12098
  }
12104
- function clearLatestWalletId() {
12105
- localStorage.removeItem(storageKey2);
12106
- }
12107
12099
 
12108
12100
  // src/components/FunContainer/FunContainer.tsx
12109
12101
  import React113 from "react";
@@ -12148,25 +12140,6 @@ function FunContainer({
12148
12140
  }, isCollapsed ? /* @__PURE__ */ React113.createElement(React113.Fragment, null) : children));
12149
12141
  }
12150
12142
 
12151
- // src/components/FunkitProvider/WalletButtonContext.tsx
12152
- import React114, { createContext as createContext15, useMemo as useMemo32, useState as useState33 } from "react";
12153
- var WalletButtonContext = createContext15({
12154
- connector: null,
12155
- setConnector: () => void 0
12156
- });
12157
- function WalletButtonProvider({ children }) {
12158
- const [connector, setConnector] = useState33(null);
12159
- return /* @__PURE__ */ React114.createElement(WalletButtonContext.Provider, {
12160
- value: useMemo32(
12161
- () => ({
12162
- connector,
12163
- setConnector
12164
- }),
12165
- [connector]
12166
- )
12167
- }, children);
12168
- }
12169
-
12170
12143
  // src/components/FunkitProvider/walletConnectDeepLink.ts
12171
12144
  var storageKey3 = "WALLETCONNECT_DEEPLINK_CHOICE";
12172
12145
  function setWalletConnectDeepLink({
@@ -12186,21 +12159,21 @@ function clearWalletConnectDeepLink() {
12186
12159
  }
12187
12160
 
12188
12161
  // src/components/Icons/ProfileIcon.tsx
12189
- import React115 from "react";
12162
+ import React114 from "react";
12190
12163
  var ProfileIcon = () => {
12191
- return /* @__PURE__ */ React115.createElement("svg", {
12164
+ return /* @__PURE__ */ React114.createElement("svg", {
12192
12165
  width: "24",
12193
12166
  height: "24",
12194
12167
  viewBox: "0 0 24 24",
12195
12168
  fill: "none",
12196
12169
  xmlns: "http://www.w3.org/2000/svg"
12197
- }, /* @__PURE__ */ React115.createElement("path", {
12170
+ }, /* @__PURE__ */ React114.createElement("path", {
12198
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",
12199
12172
  stroke: "currentColor",
12200
12173
  strokeWidth: "1.5",
12201
12174
  strokeLinecap: "round",
12202
12175
  strokeLinejoin: "round"
12203
- }), /* @__PURE__ */ React115.createElement("path", {
12176
+ }), /* @__PURE__ */ React114.createElement("path", {
12204
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",
12205
12178
  stroke: "currentColor",
12206
12179
  strokeWidth: "1.5",
@@ -12210,58 +12183,58 @@ var ProfileIcon = () => {
12210
12183
  };
12211
12184
 
12212
12185
  // src/components/Icons/SocialMediaIcons.tsx
12213
- import React116 from "react";
12186
+ import React115 from "react";
12214
12187
  var GoogleIcon = () => {
12215
- return /* @__PURE__ */ React116.createElement("svg", {
12188
+ return /* @__PURE__ */ React115.createElement("svg", {
12216
12189
  width: "18",
12217
12190
  height: "18",
12218
12191
  viewBox: "0 0 18 18",
12219
12192
  fill: "none",
12220
12193
  xmlns: "http://www.w3.org/2000/svg"
12221
- }, /* @__PURE__ */ React116.createElement("g", {
12194
+ }, /* @__PURE__ */ React115.createElement("g", {
12222
12195
  clipPath: "url(#clip0_1033_2902)"
12223
- }, /* @__PURE__ */ React116.createElement("g", {
12196
+ }, /* @__PURE__ */ React115.createElement("g", {
12224
12197
  clipPath: "url(#clip1_1033_2902)"
12225
- }, /* @__PURE__ */ React116.createElement("path", {
12198
+ }, /* @__PURE__ */ React115.createElement("path", {
12226
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",
12227
12200
  fill: "#2196F3"
12228
- }), /* @__PURE__ */ React116.createElement("path", {
12201
+ }), /* @__PURE__ */ React115.createElement("path", {
12229
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",
12230
12203
  fill: "#1E88E5"
12231
- }), /* @__PURE__ */ React116.createElement("path", {
12204
+ }), /* @__PURE__ */ React115.createElement("path", {
12232
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",
12233
12206
  fill: "#F44336"
12234
- }), /* @__PURE__ */ React116.createElement("path", {
12207
+ }), /* @__PURE__ */ React115.createElement("path", {
12235
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",
12236
12209
  fill: "#E53935"
12237
- }), /* @__PURE__ */ React116.createElement("path", {
12210
+ }), /* @__PURE__ */ React115.createElement("path", {
12238
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",
12239
12212
  fill: "#E53935"
12240
- }), /* @__PURE__ */ React116.createElement("path", {
12213
+ }), /* @__PURE__ */ React115.createElement("path", {
12241
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",
12242
12215
  fill: "#4CAF50"
12243
- }), /* @__PURE__ */ React116.createElement("path", {
12216
+ }), /* @__PURE__ */ React115.createElement("path", {
12244
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",
12245
12218
  fill: "#43A047"
12246
- }), /* @__PURE__ */ React116.createElement("path", {
12219
+ }), /* @__PURE__ */ React115.createElement("path", {
12247
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",
12248
12221
  fill: "#43A047"
12249
- }), /* @__PURE__ */ React116.createElement("path", {
12222
+ }), /* @__PURE__ */ React115.createElement("path", {
12250
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",
12251
12224
  fill: "#FFC107"
12252
- }), /* @__PURE__ */ React116.createElement("path", {
12225
+ }), /* @__PURE__ */ React115.createElement("path", {
12253
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",
12254
12227
  fill: "#FFB300"
12255
- }))), /* @__PURE__ */ React116.createElement("defs", null, /* @__PURE__ */ React116.createElement("clipPath", {
12228
+ }))), /* @__PURE__ */ React115.createElement("defs", null, /* @__PURE__ */ React115.createElement("clipPath", {
12256
12229
  id: "clip0_1033_2902"
12257
- }, /* @__PURE__ */ React116.createElement("rect", {
12230
+ }, /* @__PURE__ */ React115.createElement("rect", {
12258
12231
  width: "17",
12259
12232
  height: "17",
12260
12233
  fill: "white",
12261
12234
  transform: "translate(0.5 0.5)"
12262
- })), /* @__PURE__ */ React116.createElement("clipPath", {
12235
+ })), /* @__PURE__ */ React115.createElement("clipPath", {
12263
12236
  id: "clip1_1033_2902"
12264
- }, /* @__PURE__ */ React116.createElement("rect", {
12237
+ }, /* @__PURE__ */ React115.createElement("rect", {
12265
12238
  width: "17",
12266
12239
  height: "17",
12267
12240
  fill: "white",
@@ -12269,34 +12242,34 @@ var GoogleIcon = () => {
12269
12242
  }))));
12270
12243
  };
12271
12244
  var TwitterIcon = () => {
12272
- return /* @__PURE__ */ React116.createElement("svg", {
12245
+ return /* @__PURE__ */ React115.createElement("svg", {
12273
12246
  width: "17.6",
12274
12247
  height: "18",
12275
12248
  viewBox: "0 0 1200 1227",
12276
12249
  fill: "none",
12277
12250
  xmlns: "http://www.w3.org/2000/svg"
12278
- }, /* @__PURE__ */ React116.createElement("path", {
12251
+ }, /* @__PURE__ */ React115.createElement("path", {
12279
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",
12280
12253
  fill: "currentColor"
12281
12254
  }));
12282
12255
  };
12283
12256
  var AppleIcon = () => {
12284
- return /* @__PURE__ */ React116.createElement("svg", {
12257
+ return /* @__PURE__ */ React115.createElement("svg", {
12285
12258
  width: "17",
12286
12259
  height: "18",
12287
12260
  viewBox: "0 0 17 18",
12288
12261
  fill: "none",
12289
12262
  xmlns: "http://www.w3.org/2000/svg"
12290
- }, /* @__PURE__ */ React116.createElement("g", {
12263
+ }, /* @__PURE__ */ React115.createElement("g", {
12291
12264
  clipPath: "url(#clip0_1049_3254)"
12292
- }, /* @__PURE__ */ React116.createElement("path", {
12265
+ }, /* @__PURE__ */ React115.createElement("path", {
12293
12266
  fillRule: "evenodd",
12294
12267
  clipRule: "evenodd",
12295
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",
12296
12269
  fill: "currentColor"
12297
- })), /* @__PURE__ */ React116.createElement("defs", null, /* @__PURE__ */ React116.createElement("clipPath", {
12270
+ })), /* @__PURE__ */ React115.createElement("defs", null, /* @__PURE__ */ React115.createElement("clipPath", {
12298
12271
  id: "clip0_1049_3254"
12299
- }, /* @__PURE__ */ React116.createElement("rect", {
12272
+ }, /* @__PURE__ */ React115.createElement("rect", {
12300
12273
  width: "17",
12301
12274
  height: "17",
12302
12275
  fill: "currentColor",
@@ -12304,187 +12277,26 @@ var AppleIcon = () => {
12304
12277
  }))));
12305
12278
  };
12306
12279
  var FarcasterIcon = () => {
12307
- return /* @__PURE__ */ React116.createElement("svg", {
12280
+ return /* @__PURE__ */ React115.createElement("svg", {
12308
12281
  width: "20",
12309
12282
  height: "20",
12310
12283
  viewBox: "0 0 1000 1000",
12311
12284
  fill: "none",
12312
12285
  xmlns: "http://www.w3.org/2000/svg"
12313
- }, /* @__PURE__ */ React116.createElement("path", {
12286
+ }, /* @__PURE__ */ React115.createElement("path", {
12314
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",
12315
12288
  fill: "#855DCD"
12316
- }), /* @__PURE__ */ React116.createElement("path", {
12289
+ }), /* @__PURE__ */ React115.createElement("path", {
12317
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",
12318
12291
  fill: "#855DCD"
12319
- }), /* @__PURE__ */ React116.createElement("path", {
12292
+ }), /* @__PURE__ */ React115.createElement("path", {
12320
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",
12321
12294
  fill: "#855DCD"
12322
12295
  }));
12323
12296
  };
12324
12297
 
12325
12298
  // src/components/ModalSelection/ModalSelection.tsx
12326
- import React117, { useContext as useContext19, useState as useState34 } from "react";
12327
-
12328
- // src/components/FunkitProvider/useCoolMode.ts
12329
- import { useContext as useContext18, useEffect as useEffect25, useRef as useRef9 } from "react";
12330
-
12331
- // src/components/FunkitProvider/CoolModeContext.ts
12332
- import { createContext as createContext16 } from "react";
12333
- var CoolModeContext = createContext16(false);
12334
-
12335
- // src/components/FunkitProvider/useCoolMode.ts
12336
- var useCoolMode = (imageUrl) => {
12337
- const ref = useRef9(null);
12338
- const coolModeEnabled = useContext18(CoolModeContext);
12339
- const resolvedImageUrl = useAsyncImage(imageUrl);
12340
- useEffect25(() => {
12341
- if (coolModeEnabled && ref.current && resolvedImageUrl) {
12342
- return makeElementCool(ref.current, resolvedImageUrl);
12343
- }
12344
- }, [coolModeEnabled, resolvedImageUrl]);
12345
- return ref;
12346
- };
12347
- var getContainer = () => {
12348
- const id = "_rk_coolMode";
12349
- const existingContainer = document.getElementById(id);
12350
- if (existingContainer) {
12351
- return existingContainer;
12352
- }
12353
- const container = document.createElement("div");
12354
- container.setAttribute("id", id);
12355
- container.setAttribute(
12356
- "style",
12357
- [
12358
- "overflow:hidden",
12359
- "position:fixed",
12360
- "height:100%",
12361
- "top:0",
12362
- "left:0",
12363
- "right:0",
12364
- "bottom:0",
12365
- "pointer-events:none",
12366
- "z-index:2147483647"
12367
- ].join(";")
12368
- );
12369
- document.body.appendChild(container);
12370
- return container;
12371
- };
12372
- var instanceCounter = 0;
12373
- function makeElementCool(element2, imageUrl) {
12374
- instanceCounter++;
12375
- const sizes = [15, 20, 25, 35, 45];
12376
- const limit = 35;
12377
- let particles = [];
12378
- let autoAddParticle = false;
12379
- let mouseX = 0;
12380
- let mouseY = 0;
12381
- const container = getContainer();
12382
- function createParticle() {
12383
- const size = sizes[Math.floor(Math.random() * sizes.length)];
12384
- const speedHorz = Math.random() * 10;
12385
- const speedUp = Math.random() * 25;
12386
- const spinVal = Math.random() * 360;
12387
- const spinSpeed = Math.random() * 35 * (Math.random() <= 0.5 ? -1 : 1);
12388
- const top = mouseY - size / 2;
12389
- const left = mouseX - size / 2;
12390
- const direction = Math.random() <= 0.5 ? -1 : 1;
12391
- const particle = document.createElement("div");
12392
- particle.innerHTML = `<img src="${imageUrl}" width="${size}" height="${size}" style="border-radius: 25%">`;
12393
- particle.setAttribute(
12394
- "style",
12395
- [
12396
- "position:absolute",
12397
- "will-change:transform",
12398
- `top:${top}px`,
12399
- `left:${left}px`,
12400
- `transform:rotate(${spinVal}deg)`
12401
- ].join(";")
12402
- );
12403
- container.appendChild(particle);
12404
- particles.push({
12405
- direction,
12406
- element: particle,
12407
- left,
12408
- size,
12409
- speedHorz,
12410
- speedUp,
12411
- spinSpeed,
12412
- spinVal,
12413
- top
12414
- });
12415
- }
12416
- function updateParticles() {
12417
- for (const p of particles) {
12418
- p.left = p.left - p.speedHorz * p.direction;
12419
- p.top = p.top - p.speedUp;
12420
- p.speedUp = Math.min(p.size, p.speedUp - 1);
12421
- p.spinVal = p.spinVal + p.spinSpeed;
12422
- if (p.top >= Math.max(window.innerHeight, document.body.clientHeight) + p.size) {
12423
- particles = particles.filter((o) => o !== p);
12424
- p.element.remove();
12425
- }
12426
- p.element.setAttribute(
12427
- "style",
12428
- [
12429
- "position:absolute",
12430
- "will-change:transform",
12431
- `top:${p.top}px`,
12432
- `left:${p.left}px`,
12433
- `transform:rotate(${p.spinVal}deg)`
12434
- ].join(";")
12435
- );
12436
- }
12437
- }
12438
- let animationFrame;
12439
- function loop() {
12440
- if (autoAddParticle && particles.length < limit) {
12441
- createParticle();
12442
- }
12443
- updateParticles();
12444
- animationFrame = requestAnimationFrame(loop);
12445
- }
12446
- loop();
12447
- const isTouchInteraction = "ontouchstart" in window || navigator.msMaxTouchPoints;
12448
- const tap = isTouchInteraction ? "touchstart" : "mousedown";
12449
- const tapEnd = isTouchInteraction ? "touchend" : "mouseup";
12450
- const move = isTouchInteraction ? "touchmove" : "mousemove";
12451
- const updateMousePosition = (e) => {
12452
- var _a, _b;
12453
- if ("touches" in e) {
12454
- mouseX = (_a = e.touches) == null ? void 0 : _a[0].clientX;
12455
- mouseY = (_b = e.touches) == null ? void 0 : _b[0].clientY;
12456
- } else {
12457
- mouseX = e.clientX;
12458
- mouseY = e.clientY;
12459
- }
12460
- };
12461
- const tapHandler = (e) => {
12462
- updateMousePosition(e);
12463
- autoAddParticle = true;
12464
- };
12465
- const disableAutoAddParticle = () => {
12466
- autoAddParticle = false;
12467
- };
12468
- element2.addEventListener(move, updateMousePosition, { passive: false });
12469
- element2.addEventListener(tap, tapHandler);
12470
- element2.addEventListener(tapEnd, disableAutoAddParticle);
12471
- element2.addEventListener("mouseleave", disableAutoAddParticle);
12472
- return () => {
12473
- element2.removeEventListener(move, updateMousePosition);
12474
- element2.removeEventListener(tap, tapHandler);
12475
- element2.removeEventListener(tapEnd, disableAutoAddParticle);
12476
- element2.removeEventListener("mouseleave", disableAutoAddParticle);
12477
- const interval = setInterval(() => {
12478
- if (animationFrame && particles.length === 0) {
12479
- cancelAnimationFrame(animationFrame);
12480
- clearInterval(interval);
12481
- if (--instanceCounter === 0) {
12482
- container.remove();
12483
- }
12484
- }
12485
- }, 500);
12486
- };
12487
- }
12299
+ import React116, { useContext as useContext18, useState as useState33 } from "react";
12488
12300
 
12489
12301
  // src/components/ModalSelection/ModalSelection.css.ts
12490
12302
  var transparentBorder = "kmn3fl0";
@@ -12503,16 +12315,14 @@ var ModalSelection = ({
12503
12315
  isFunkitSdkConnector: isFunkitSdkConnector2,
12504
12316
  ...urlProps
12505
12317
  }) => {
12506
- const coolModeRef = useCoolMode(iconUrl);
12507
- const [isMouseOver, setIsMouseOver] = useState34(false);
12508
- const { i18n: i18n2 } = useContext19(I18nContext);
12509
- return /* @__PURE__ */ React117.createElement(Box, {
12318
+ const [isMouseOver, setIsMouseOver] = useState33(false);
12319
+ const { i18n: i18n2 } = useContext18(I18nContext);
12320
+ return /* @__PURE__ */ React116.createElement(Box, {
12510
12321
  display: "flex",
12511
12322
  flexDirection: "column",
12512
12323
  onMouseEnter: () => setIsMouseOver(true),
12513
- onMouseLeave: () => setIsMouseOver(false),
12514
- ref: coolModeRef
12515
- }, /* @__PURE__ */ React117.createElement(Box, {
12324
+ onMouseLeave: () => setIsMouseOver(false)
12325
+ }, /* @__PURE__ */ React116.createElement(Box, {
12516
12326
  as,
12517
12327
  borderRadius: "menuButton",
12518
12328
  borderStyle: "solid",
@@ -12538,19 +12348,19 @@ var ModalSelection = ({
12538
12348
  background: { hover: "menuItemBackground" }
12539
12349
  },
12540
12350
  ...urlProps
12541
- }, /* @__PURE__ */ React117.createElement(Box, {
12351
+ }, /* @__PURE__ */ React116.createElement(Box, {
12542
12352
  color: currentlySelected ? "accentColorForeground" : "modalText",
12543
12353
  disabled: !ready,
12544
12354
  fontFamily: "body",
12545
12355
  fontSize: "16",
12546
12356
  fontWeight: "bold",
12547
12357
  transition: "default"
12548
- }, /* @__PURE__ */ React117.createElement(Box, {
12358
+ }, /* @__PURE__ */ React116.createElement(Box, {
12549
12359
  alignItems: "center",
12550
12360
  display: "flex",
12551
12361
  flexDirection: "row",
12552
12362
  gap: "12"
12553
- }, /* @__PURE__ */ React117.createElement(AsyncImage, {
12363
+ }, /* @__PURE__ */ React116.createElement(AsyncImage, {
12554
12364
  background: iconBackground,
12555
12365
  ...!isMouseOver && isFunkitSdkConnector2 ? { borderColor: "actionButtonBorder" } : {},
12556
12366
  useAsImage: !isFunkitSdkConnector2,
@@ -12558,10 +12368,10 @@ var ModalSelection = ({
12558
12368
  height: "28",
12559
12369
  src: iconUrl,
12560
12370
  width: "28"
12561
- }), /* @__PURE__ */ React117.createElement(Box, null, /* @__PURE__ */ React117.createElement(Box, {
12371
+ }), /* @__PURE__ */ React116.createElement(Box, null, /* @__PURE__ */ React116.createElement(Box, {
12562
12372
  style: { marginTop: recent ? -2 : void 0 },
12563
12373
  maxWidth: "200"
12564
- }, name), recent && /* @__PURE__ */ React117.createElement(Text, {
12374
+ }, name), recent && /* @__PURE__ */ React116.createElement(Text, {
12565
12375
  color: currentlySelected ? "accentColorForeground" : "accentColor",
12566
12376
  size: "12",
12567
12377
  style: { lineHeight: 1, marginTop: -1 },
@@ -12578,22 +12388,22 @@ var FULL_SOCIAL_LOGIN_OPTIONS = [
12578
12388
  {
12579
12389
  funkitKey: "google_oauth" /* GOOGLE */,
12580
12390
  provider: "google",
12581
- icon: /* @__PURE__ */ React118.createElement(GoogleIcon, null)
12391
+ icon: /* @__PURE__ */ React117.createElement(GoogleIcon, null)
12582
12392
  },
12583
12393
  {
12584
12394
  funkitKey: "twitter_oauth" /* TWITTER */,
12585
12395
  provider: "twitter",
12586
- icon: /* @__PURE__ */ React118.createElement(TwitterIcon, null)
12396
+ icon: /* @__PURE__ */ React117.createElement(TwitterIcon, null)
12587
12397
  },
12588
12398
  {
12589
12399
  funkitKey: "apple_oauth" /* APPLE */,
12590
12400
  provider: "apple",
12591
- icon: /* @__PURE__ */ React118.createElement(AppleIcon, null)
12401
+ icon: /* @__PURE__ */ React117.createElement(AppleIcon, null)
12592
12402
  },
12593
12403
  {
12594
12404
  funkitKey: "farcaster" /* FARCASTER */,
12595
12405
  provider: "farcaster",
12596
- icon: /* @__PURE__ */ React118.createElement(FarcasterIcon, null)
12406
+ icon: /* @__PURE__ */ React117.createElement(FarcasterIcon, null)
12597
12407
  }
12598
12408
  ];
12599
12409
  function getInitSignInType(loginModalConfig) {
@@ -12622,20 +12432,19 @@ function FunSignInStep({
12622
12432
  var _a, _b, _c;
12623
12433
  const funkitConfig = useFunkitConfig();
12624
12434
  const initSignInType = getInitSignInType(funkitConfig.loginModalConfig);
12625
- const [signInType, setSignInType] = useState35(initSignInType);
12626
- const [selectedOptionId, setSelectedOptionId] = useState35();
12435
+ const [signInType, setSignInType] = useState34(initSignInType);
12436
+ const [selectedOptionId, setSelectedOptionId] = useState34();
12627
12437
  const {
12628
12438
  isSendingOtpEmail,
12629
12439
  handleSendOtpEmail,
12630
12440
  handleOauthRedirect,
12631
12441
  handleGenerateFcUri
12632
12442
  } = useFunkitWeb2Login();
12633
- const isEmailInputValid = useMemo33(() => {
12443
+ const isEmailInputValid = useMemo32(() => {
12634
12444
  return validateEmailString(emailInput);
12635
12445
  }, [emailInput]);
12636
- const [emailError, setEmailError] = useState35();
12637
- const { connector } = useContext20(WalletButtonContext);
12638
- const mergeEIP6963WithRkConnectors = !connector;
12446
+ const [emailError, setEmailError] = useState34();
12447
+ const mergeEIP6963WithRkConnectors = true;
12639
12448
  const wallets = useWalletConnectors(mergeEIP6963WithRkConnectors).filter((wallet) => wallet.ready || !!wallet.extensionDownloadUrl).sort((a, b) => a.groupIndex - b.groupIndex);
12640
12449
  const groupedWallets = groupBy(wallets, (wallet) => wallet.groupName);
12641
12450
  const funkitConnectWallet2 = (_a = groupedWallets == null ? void 0 : groupedWallets[RESERVED_GROUP_NAME]) == null ? void 0 : _a[0];
@@ -12732,32 +12541,32 @@ function FunSignInStep({
12732
12541
  setSelectedWallet,
12733
12542
  changeStep
12734
12543
  ]);
12735
- const ENABLED_SOCIAL_ITEMS = useMemo33(() => {
12544
+ const ENABLED_SOCIAL_ITEMS = useMemo32(() => {
12736
12545
  return FULL_SOCIAL_LOGIN_OPTIONS.filter(
12737
12546
  (oAuthItem) => !!funkitConfig.loginModalConfig.web2SocialLogins[oAuthItem.funkitKey]
12738
12547
  );
12739
12548
  }, [funkitConfig.loginModalConfig.web2SocialLogins]);
12740
- const hasAnySocialEnabled = useMemo33(() => {
12549
+ const hasAnySocialEnabled = useMemo32(() => {
12741
12550
  return ENABLED_SOCIAL_ITEMS.length;
12742
12551
  }, [ENABLED_SOCIAL_ITEMS.length]);
12743
- 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, {
12744
12553
  title: hasAnySocialEnabled ? "Email & Social" : "Email",
12745
- titleSuffix: /* @__PURE__ */ React118.createElement(Box, {
12554
+ titleSuffix: /* @__PURE__ */ React117.createElement(Box, {
12746
12555
  color: "textPrimary"
12747
- }, /* @__PURE__ */ React118.createElement(ProfileIcon, null)),
12556
+ }, /* @__PURE__ */ React117.createElement(ProfileIcon, null)),
12748
12557
  isCollapsible: true,
12749
12558
  isCollapsed: signInType !== 0 /* WEB2 */,
12750
12559
  showHoverEffect: signInType !== 0 /* WEB2 */,
12751
12560
  onClick: () => onClickSection(0 /* WEB2 */),
12752
12561
  titlePaddingBottom: hasAnySocialEnabled ? "24" : "8"
12753
- }, /* @__PURE__ */ React118.createElement(Box, {
12562
+ }, /* @__PURE__ */ React117.createElement(Box, {
12754
12563
  display: "flex",
12755
12564
  flexDirection: "row",
12756
12565
  gap: "5",
12757
12566
  width: "full"
12758
- }, /* @__PURE__ */ React118.createElement(Box, {
12567
+ }, /* @__PURE__ */ React117.createElement(Box, {
12759
12568
  style: { flex: 1 }
12760
- }, /* @__PURE__ */ React118.createElement(FunInput, {
12569
+ }, /* @__PURE__ */ React117.createElement(FunInput, {
12761
12570
  label: "Email Address",
12762
12571
  placeholder: "Enter your email",
12763
12572
  value: emailInput,
@@ -12766,42 +12575,42 @@ function FunSignInStep({
12766
12575
  setEmailError(void 0);
12767
12576
  },
12768
12577
  onKeySubmit: handleEmailSubmit
12769
- })), /* @__PURE__ */ React118.createElement(Box, {
12578
+ })), /* @__PURE__ */ React117.createElement(Box, {
12770
12579
  style: { flex: 1, maxWidth: 115 }
12771
- }, /* @__PURE__ */ React118.createElement(Box, {
12580
+ }, /* @__PURE__ */ React117.createElement(Box, {
12772
12581
  id: "ghost-div",
12773
12582
  style: { height: 26 }
12774
- }), /* @__PURE__ */ React118.createElement(FunButton, {
12583
+ }), /* @__PURE__ */ React117.createElement(FunButton, {
12775
12584
  type: "primary",
12776
12585
  title: "Next",
12777
12586
  borderRadius: "menuButton",
12778
12587
  isDisabled: !isEmailInputValid || isSendingOtpEmail,
12779
- titleSuffix: isSendingOtpEmail ? /* @__PURE__ */ React118.createElement(Box, {
12588
+ titleSuffix: isSendingOtpEmail ? /* @__PURE__ */ React117.createElement(Box, {
12780
12589
  display: "flex",
12781
12590
  alignItems: "center",
12782
12591
  color: "textPrimary"
12783
- }, /* @__PURE__ */ React118.createElement(SpinnerIcon, {
12592
+ }, /* @__PURE__ */ React117.createElement(SpinnerIcon, {
12784
12593
  height: 16,
12785
12594
  width: 16
12786
12595
  })) : null,
12787
12596
  onClick: handleEmailSubmit,
12788
12597
  buttonStyle: { height: "48px" }
12789
- }))), 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, {
12790
12599
  display: "flex",
12791
12600
  flexDirection: "column",
12792
12601
  gap: "14"
12793
- }, 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, {
12794
12603
  display: "flex",
12795
12604
  justifyContent: "center",
12796
12605
  width: "full"
12797
- }, /* @__PURE__ */ React118.createElement(Text, {
12606
+ }, /* @__PURE__ */ React117.createElement(Text, {
12798
12607
  size: "14",
12799
12608
  color: "modalTextSecondary",
12800
12609
  weight: "medium"
12801
- }, "or continue with")) : null, /* @__PURE__ */ React118.createElement(Box, {
12610
+ }, "or continue with")) : null, /* @__PURE__ */ React117.createElement(Box, {
12802
12611
  display: "flex",
12803
12612
  gap: "10"
12804
- }, ENABLED_SOCIAL_ITEMS.map((socialItem) => /* @__PURE__ */ React118.createElement(FunIconButton, {
12613
+ }, ENABLED_SOCIAL_ITEMS.map((socialItem) => /* @__PURE__ */ React117.createElement(FunIconButton, {
12805
12614
  key: socialItem.provider,
12806
12615
  onClick: async () => {
12807
12616
  if (socialItem.provider === "farcaster") {
@@ -12827,28 +12636,28 @@ function FunSignInStep({
12827
12636
  showBorder: true,
12828
12637
  size: "24",
12829
12638
  width: "full"
12830
- }))))) : null, emailError && /* @__PURE__ */ React118.createElement(Box, {
12639
+ }))))) : null, emailError && /* @__PURE__ */ React117.createElement(Box, {
12831
12640
  paddingTop: "18"
12832
- }, /* @__PURE__ */ React118.createElement(FunNotification, {
12641
+ }, /* @__PURE__ */ React117.createElement(FunNotification, {
12833
12642
  type: "error",
12834
12643
  description: emailError
12835
12644
  }))) : null;
12836
- 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, {
12837
12646
  title: "Connect Wallet",
12838
- titleSuffix: /* @__PURE__ */ React118.createElement(Box, {
12647
+ titleSuffix: /* @__PURE__ */ React117.createElement(Box, {
12839
12648
  color: "modalText"
12840
- }, /* @__PURE__ */ React118.createElement(WalletIcon, null)),
12649
+ }, /* @__PURE__ */ React117.createElement(WalletIcon, null)),
12841
12650
  isCollapsible: true,
12842
12651
  isCollapsed: signInType !== 1 /* WEB3 */,
12843
12652
  showHoverEffect: signInType !== 1 /* WEB3 */,
12844
12653
  onClick: () => onClickSection(1 /* WEB3 */)
12845
- }, /* @__PURE__ */ React118.createElement(Box, {
12654
+ }, /* @__PURE__ */ React117.createElement(Box, {
12846
12655
  display: "flex",
12847
12656
  flexDirection: "column",
12848
12657
  gap: "10",
12849
12658
  className: scrollClassName
12850
12659
  }, funWeb3ConnectWallets.map((wallet) => {
12851
- return /* @__PURE__ */ React118.createElement(ModalSelection, {
12660
+ return /* @__PURE__ */ React117.createElement(ModalSelection, {
12852
12661
  currentlySelected: wallet.id === selectedOptionId,
12853
12662
  iconBackground: wallet.iconBackground,
12854
12663
  iconUrl: wallet.iconUrl,
@@ -12860,14 +12669,14 @@ function FunSignInStep({
12860
12669
  testId: `wallet-option-${wallet.id}`
12861
12670
  });
12862
12671
  }))) : null;
12863
- return /* @__PURE__ */ React118.createElement(Box, {
12672
+ return /* @__PURE__ */ React117.createElement(Box, {
12864
12673
  minHeight: "320"
12865
- }, /* @__PURE__ */ React118.createElement(FunModalTitleSection, {
12674
+ }, /* @__PURE__ */ React117.createElement(FunModalTitleSection, {
12866
12675
  title: "Get Started",
12867
12676
  hasCloseButton: true,
12868
12677
  onClose,
12869
12678
  customJustifyContentStyle: "space-between"
12870
- }), /* @__PURE__ */ React118.createElement(Box, {
12679
+ }), /* @__PURE__ */ React117.createElement(Box, {
12871
12680
  display: "flex",
12872
12681
  flexDirection: "column",
12873
12682
  paddingY: "20",
@@ -12877,7 +12686,7 @@ function FunSignInStep({
12877
12686
  }
12878
12687
 
12879
12688
  // src/components/FunConnectOptions/FunWeb2ConnectingStep.tsx
12880
- import React119, { useCallback as useCallback27, useEffect as useEffect26 } from "react";
12689
+ import React118, { useCallback as useCallback27, useEffect as useEffect25 } from "react";
12881
12690
  var FunWeb2ConnectingStep = (props) => {
12882
12691
  const initialChainId = useInitialChainId();
12883
12692
  const {
@@ -12888,8 +12697,8 @@ var FunWeb2ConnectingStep = (props) => {
12888
12697
  loginErrorMessage,
12889
12698
  clearLoginError
12890
12699
  } = useFunkitWeb2Login();
12891
- const [backAnimation, setBackAnimation] = React119.useState(false);
12892
- useEffect26(() => {
12700
+ const [backAnimation, setBackAnimation] = React118.useState(false);
12701
+ useEffect25(() => {
12893
12702
  props.setOtpInput("");
12894
12703
  clearLoginError();
12895
12704
  }, []);
@@ -12906,9 +12715,9 @@ var FunWeb2ConnectingStep = (props) => {
12906
12715
  },
12907
12716
  [handleFunkitWeb2Login, initialChainId, props.emailInput]
12908
12717
  );
12909
- return /* @__PURE__ */ React119.createElement(Box, {
12718
+ return /* @__PURE__ */ React118.createElement(Box, {
12910
12719
  height: "max"
12911
- }, /* @__PURE__ */ React119.createElement(FunModalTitleSection, {
12720
+ }, /* @__PURE__ */ React118.createElement(FunModalTitleSection, {
12912
12721
  title: "Verify Your Email",
12913
12722
  hasCloseButton: true,
12914
12723
  onClose: props.onClose,
@@ -12918,56 +12727,56 @@ var FunWeb2ConnectingStep = (props) => {
12918
12727
  setTimeout(props.onBack, 150);
12919
12728
  },
12920
12729
  skipBackDelay: true
12921
- }), /* @__PURE__ */ React119.createElement(Box, {
12730
+ }), /* @__PURE__ */ React118.createElement(Box, {
12922
12731
  display: "flex",
12923
12732
  flexDirection: "column",
12924
12733
  paddingY: "20",
12925
12734
  gap: "20",
12926
12735
  className: backAnimation ? animateContentOutClass : animateContentInClass
12927
- }, /* @__PURE__ */ React119.createElement(FunInput, {
12736
+ }, /* @__PURE__ */ React118.createElement(FunInput, {
12928
12737
  inputProps: { disabled: true },
12929
12738
  label: "Email Address",
12930
12739
  placeholder: props.emailInput,
12931
12740
  value: "",
12932
12741
  onChange: () => void 0
12933
- }), /* @__PURE__ */ React119.createElement(FunTwoFaInput, {
12742
+ }), /* @__PURE__ */ React118.createElement(FunTwoFaInput, {
12934
12743
  value: props.otpInput,
12935
12744
  onChange: props.setOtpInput,
12936
12745
  onCompleted: (input) => handleOtpComplete(input),
12937
12746
  hasError: !!loginErrorMessage,
12938
12747
  errorMessage: loginErrorMessage,
12939
12748
  inputLength: 6
12940
- }), /* @__PURE__ */ React119.createElement(Box, {
12749
+ }), /* @__PURE__ */ React118.createElement(Box, {
12941
12750
  display: "flex",
12942
12751
  flexDirection: "column",
12943
12752
  alignItems: "flex-start",
12944
12753
  justifyContent: "flex-start"
12945
- }, /* @__PURE__ */ React119.createElement(Box, {
12754
+ }, /* @__PURE__ */ React118.createElement(Box, {
12946
12755
  display: "flex",
12947
12756
  justifyContent: "center"
12948
- }, /* @__PURE__ */ React119.createElement(Text, {
12757
+ }, /* @__PURE__ */ React118.createElement(Text, {
12949
12758
  color: "modalTextDim",
12950
12759
  size: "12"
12951
- }, "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", {
12952
12761
  style: { paddingLeft: "4px" }
12953
- }, /* @__PURE__ */ React119.createElement(Text, {
12762
+ }, /* @__PURE__ */ React118.createElement(Text, {
12954
12763
  color: "modalTextDim",
12955
12764
  size: "12",
12956
12765
  weight: "medium"
12957
- }, "Sent!")) : /* @__PURE__ */ React119.createElement(FunLinkButton, {
12766
+ }, "Sent!")) : /* @__PURE__ */ React118.createElement(FunLinkButton, {
12958
12767
  onClick: () => handleSendOtpEmail(props.emailInput),
12959
12768
  text: "Resend Code.",
12960
12769
  color: "buttonPrimary"
12961
- }))), /* @__PURE__ */ React119.createElement(FunButton, {
12770
+ }))), /* @__PURE__ */ React118.createElement(FunButton, {
12962
12771
  type: "primary",
12963
12772
  title: "Sign In",
12964
12773
  borderRadius: "menuButton",
12965
12774
  isDisabled: props.otpInput.length < 6 || isLoggingIn,
12966
- titleSuffix: isLoggingIn ? /* @__PURE__ */ React119.createElement(Box, {
12775
+ titleSuffix: isLoggingIn ? /* @__PURE__ */ React118.createElement(Box, {
12967
12776
  display: "flex",
12968
12777
  alignItems: "center",
12969
12778
  color: "modalText"
12970
- }, /* @__PURE__ */ React119.createElement(SpinnerIcon, {
12779
+ }, /* @__PURE__ */ React118.createElement(SpinnerIcon, {
12971
12780
  height: 16,
12972
12781
  width: 16
12973
12782
  })) : null,
@@ -12976,13 +12785,13 @@ var FunWeb2ConnectingStep = (props) => {
12976
12785
  };
12977
12786
 
12978
12787
  // src/components/FunConnectOptions/FunWeb3ConnectingStep.tsx
12979
- import React122 from "react";
12788
+ import React121 from "react";
12980
12789
 
12981
12790
  // src/components/FunConnectOptions/ConnectDetails.tsx
12982
- import React121, { useEffect as useEffect28 } from "react";
12791
+ import React120, { useEffect as useEffect27 } from "react";
12983
12792
 
12984
12793
  // src/hooks/useWindowSize.ts
12985
- import { useEffect as useEffect27, useState as useState36 } from "react";
12794
+ import { useEffect as useEffect26, useState as useState35 } from "react";
12986
12795
 
12987
12796
  // src/utils/debounce.ts
12988
12797
  function debounce(fn, ms) {
@@ -13000,11 +12809,11 @@ function debounce(fn, ms) {
13000
12809
 
13001
12810
  // src/hooks/useWindowSize.ts
13002
12811
  var useWindowSize = () => {
13003
- const [windowSize, setWindowSize] = useState36({
12812
+ const [windowSize, setWindowSize] = useState35({
13004
12813
  height: void 0,
13005
12814
  width: void 0
13006
12815
  });
13007
- useEffect27(() => {
12816
+ useEffect26(() => {
13008
12817
  const handleResize = debounce(() => {
13009
12818
  setWindowSize({
13010
12819
  height: window.innerHeight,
@@ -13044,27 +12853,27 @@ function getPlatform() {
13044
12853
  }
13045
12854
 
13046
12855
  // src/components/Icons/LinkIcon.tsx
13047
- import React120 from "react";
12856
+ import React119 from "react";
13048
12857
  var LinkIcon = () => {
13049
- return /* @__PURE__ */ React120.createElement("svg", {
12858
+ return /* @__PURE__ */ React119.createElement("svg", {
13050
12859
  width: "21",
13051
12860
  height: "11",
13052
12861
  viewBox: "0 0 21 11",
13053
12862
  fill: "none",
13054
12863
  xmlns: "http://www.w3.org/2000/svg"
13055
- }, /* @__PURE__ */ React120.createElement("path", {
12864
+ }, /* @__PURE__ */ React119.createElement("path", {
13056
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",
13057
12866
  stroke: "currentColor",
13058
12867
  strokeWidth: "2.08333",
13059
12868
  strokeLinecap: "round",
13060
12869
  strokeLinejoin: "round"
13061
- }), /* @__PURE__ */ React120.createElement("path", {
12870
+ }), /* @__PURE__ */ React119.createElement("path", {
13062
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",
13063
12872
  stroke: "currentColor",
13064
12873
  strokeWidth: "2.08333",
13065
12874
  strokeLinecap: "round",
13066
12875
  strokeLinejoin: "round"
13067
- }), /* @__PURE__ */ React120.createElement("path", {
12876
+ }), /* @__PURE__ */ React119.createElement("path", {
13068
12877
  d: "M6.3335 5.5H14.6668",
13069
12878
  stroke: "currentColor",
13070
12879
  strokeWidth: "2.08333",
@@ -13111,14 +12920,14 @@ var getPlatformSrc = async () => {
13111
12920
  };
13112
12921
  var preloadPlatformIcon = () => loadImages(getPlatformSrc);
13113
12922
  function LinkItem() {
13114
- return /* @__PURE__ */ React121.createElement(Box, {
12923
+ return /* @__PURE__ */ React120.createElement(Box, {
13115
12924
  display: "flex",
13116
12925
  alignItems: "center",
13117
12926
  justifyContent: "center",
13118
12927
  width: "full"
13119
- }, /* @__PURE__ */ React121.createElement(Box, {
12928
+ }, /* @__PURE__ */ React120.createElement(Box, {
13120
12929
  style: { flex: 1 }
13121
- }, /* @__PURE__ */ React121.createElement(FunDivider, null)), /* @__PURE__ */ React121.createElement(Box, {
12930
+ }, /* @__PURE__ */ React120.createElement(FunDivider, null)), /* @__PURE__ */ React120.createElement(Box, {
13122
12931
  display: "flex",
13123
12932
  alignItems: "center",
13124
12933
  justifyContent: "center",
@@ -13126,9 +12935,9 @@ function LinkItem() {
13126
12935
  background: "modalBorder",
13127
12936
  padding: "8",
13128
12937
  borderRadius: "13"
13129
- }, /* @__PURE__ */ React121.createElement(LinkIcon, null)), /* @__PURE__ */ React121.createElement(Box, {
12938
+ }, /* @__PURE__ */ React120.createElement(LinkIcon, null)), /* @__PURE__ */ React120.createElement(Box, {
13130
12939
  style: { flex: 1 }
13131
- }, /* @__PURE__ */ React121.createElement(FunDivider, null)));
12940
+ }, /* @__PURE__ */ React120.createElement(FunDivider, null)));
13132
12941
  }
13133
12942
  function ConnectDetail({
13134
12943
  compactModeEnabled,
@@ -13155,92 +12964,92 @@ function ConnectDetail({
13155
12964
  const hasQrCode = qrCode && qrCodeUri;
13156
12965
  const { width: windowWidth } = useWindowSize();
13157
12966
  const smallWindow = windowWidth && windowWidth < 768;
13158
- useEffect28(() => {
12967
+ useEffect27(() => {
13159
12968
  preloadBrowserIcon();
13160
12969
  preloadPlatformIcon();
13161
12970
  }, []);
13162
- return /* @__PURE__ */ React121.createElement(Box, {
12971
+ return /* @__PURE__ */ React120.createElement(Box, {
13163
12972
  display: "flex",
13164
12973
  flexDirection: "column",
13165
12974
  height: "full",
13166
12975
  width: "full"
13167
- }, hasQrCode ? /* @__PURE__ */ React121.createElement(Box, {
12976
+ }, hasQrCode ? /* @__PURE__ */ React120.createElement(Box, {
13168
12977
  alignItems: "center",
13169
12978
  display: "flex",
13170
12979
  height: "full",
13171
12980
  justifyContent: "center",
13172
12981
  flexDirection: "column"
13173
- }, /* @__PURE__ */ React121.createElement(QRCode, {
12982
+ }, /* @__PURE__ */ React120.createElement(QRCode, {
13174
12983
  logoBackground: iconBackground,
13175
12984
  logoSize: compactModeEnabled ? 60 : 72,
13176
12985
  logoUrl: iconUrl,
13177
12986
  size: compactModeEnabled ? 318 : smallWindow ? Math.max(280, Math.min(windowWidth - 308, 382)) : 382,
13178
12987
  uri: qrCodeUri
13179
- }), /* @__PURE__ */ React121.createElement(Box, {
12988
+ }), /* @__PURE__ */ React120.createElement(Box, {
13180
12989
  display: "flex",
13181
12990
  alignItems: "center",
13182
12991
  justifyContent: "center",
13183
12992
  paddingTop: "20"
13184
- }, /* @__PURE__ */ React121.createElement(Text, {
12993
+ }, /* @__PURE__ */ React120.createElement(Text, {
13185
12994
  weight: "medium",
13186
12995
  color: "modalText",
13187
12996
  size: "14",
13188
12997
  style: { paddingRight: 8 }
13189
- }, "Copy Link"), /* @__PURE__ */ React121.createElement(CopyAddress, {
12998
+ }, "Copy Link"), /* @__PURE__ */ React120.createElement(CopyAddress, {
13190
12999
  address: qrCodeUri,
13191
13000
  type: "button"
13192
- }))) : /* @__PURE__ */ React121.createElement(Box, {
13001
+ }))) : /* @__PURE__ */ React120.createElement(Box, {
13193
13002
  alignItems: "center",
13194
13003
  display: "flex",
13195
13004
  justifyContent: "center",
13196
13005
  style: { flexGrow: 1 }
13197
- }, /* @__PURE__ */ React121.createElement(Box, {
13006
+ }, /* @__PURE__ */ React120.createElement(Box, {
13198
13007
  alignItems: "center",
13199
13008
  display: "flex",
13200
13009
  flexDirection: "column",
13201
13010
  gap: "8"
13202
- }, /* @__PURE__ */ React121.createElement(Box, {
13011
+ }, /* @__PURE__ */ React120.createElement(Box, {
13203
13012
  alignItems: "center",
13204
13013
  display: "flex",
13205
13014
  flexDirection: "column",
13206
13015
  gap: "4",
13207
13016
  style: { textAlign: "center" }
13208
- }, ready && !hasQrCode ? /* @__PURE__ */ React121.createElement(Box, {
13017
+ }, ready && !hasQrCode ? /* @__PURE__ */ React120.createElement(Box, {
13209
13018
  width: "full",
13210
13019
  display: "flex",
13211
13020
  flexDirection: "column",
13212
13021
  gap: "24"
13213
- }, /* @__PURE__ */ React121.createElement(Box, {
13022
+ }, /* @__PURE__ */ React120.createElement(Box, {
13214
13023
  id: "link-graphics",
13215
13024
  display: "flex",
13216
13025
  flexDirection: "row",
13217
13026
  justifyContent: "space-between"
13218
- }, /* @__PURE__ */ React121.createElement(Box, {
13027
+ }, /* @__PURE__ */ React120.createElement(Box, {
13219
13028
  style: { width: 80, height: 80 }
13220
- }, /* @__PURE__ */ React121.createElement(AsyncImage, {
13029
+ }, /* @__PURE__ */ React120.createElement(AsyncImage, {
13221
13030
  background: appConfig.logoBackground,
13222
13031
  borderRadius: "menuButton",
13223
13032
  src: appConfig.logoSrc,
13224
13033
  width: 80,
13225
13034
  height: 80
13226
- })), /* @__PURE__ */ React121.createElement(LinkItem, null), /* @__PURE__ */ React121.createElement(Box, {
13035
+ })), /* @__PURE__ */ React120.createElement(LinkItem, null), /* @__PURE__ */ React120.createElement(Box, {
13227
13036
  style: { width: 80, height: 80 }
13228
- }, /* @__PURE__ */ React121.createElement(AsyncImage, {
13037
+ }, /* @__PURE__ */ React120.createElement(AsyncImage, {
13229
13038
  background: iconBackground,
13230
13039
  borderRadius: "menuButton",
13231
13040
  src: iconUrl,
13232
13041
  width: 80,
13233
13042
  height: 80
13234
- }))), /* @__PURE__ */ React121.createElement(Box, {
13043
+ }))), /* @__PURE__ */ React120.createElement(Box, {
13235
13044
  id: "link-text",
13236
13045
  display: "flex",
13237
13046
  flexDirection: "column",
13238
13047
  gap: "10"
13239
- }, /* @__PURE__ */ React121.createElement(Text, {
13048
+ }, /* @__PURE__ */ React120.createElement(Text, {
13240
13049
  color: "accentColor",
13241
13050
  weight: "semibold",
13242
13051
  size: "18"
13243
- }, "Connecting to ", name, "..."), /* @__PURE__ */ React121.createElement(Text, {
13052
+ }, "Connecting to ", name, "..."), /* @__PURE__ */ React120.createElement(Text, {
13244
13053
  color: "modalTextSecondary",
13245
13054
  weight: "medium",
13246
13055
  size: "14"
@@ -13254,8 +13063,8 @@ function FunWeb3ConnectingStep({
13254
13063
  selectedWallet,
13255
13064
  qrCodeUri
13256
13065
  }) {
13257
- const [animateOut, setAnimateOut] = React122.useState(false);
13258
- 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, {
13259
13068
  title: "Connect Wallet",
13260
13069
  hasBackButton: true,
13261
13070
  onBack: () => {
@@ -13267,23 +13076,23 @@ function FunWeb3ConnectingStep({
13267
13076
  backAnimation: animateOut,
13268
13077
  hasCloseButton: true,
13269
13078
  onClose
13270
- }), selectedWallet ? /* @__PURE__ */ React122.createElement(Box, {
13079
+ }), selectedWallet ? /* @__PURE__ */ React121.createElement(Box, {
13271
13080
  display: "flex",
13272
13081
  flexDirection: "column",
13273
13082
  paddingY: "20",
13274
13083
  gap: "24",
13275
13084
  className: animateOut ? animateContentOutClass : animateContentInClass
13276
- }, /* @__PURE__ */ React122.createElement(ConnectDetail, {
13085
+ }, /* @__PURE__ */ React121.createElement(ConnectDetail, {
13277
13086
  compactModeEnabled: true,
13278
13087
  qrCodeUri,
13279
13088
  wallet: selectedWallet
13280
- }), /* @__PURE__ */ React122.createElement(FunButton, {
13089
+ }), /* @__PURE__ */ React121.createElement(FunButton, {
13281
13090
  isDisabled: true,
13282
- titleSuffix: /* @__PURE__ */ React122.createElement(Box, {
13091
+ titleSuffix: /* @__PURE__ */ React121.createElement(Box, {
13283
13092
  display: "flex",
13284
13093
  alignItems: "center",
13285
13094
  color: "modalText"
13286
- }, /* @__PURE__ */ React122.createElement(SpinnerIcon, {
13095
+ }, /* @__PURE__ */ React121.createElement(SpinnerIcon, {
13287
13096
  height: 21,
13288
13097
  width: 21
13289
13098
  })),
@@ -13293,13 +13102,13 @@ function FunWeb3ConnectingStep({
13293
13102
 
13294
13103
  // src/components/FunConnectOptions/FunConnectOptions.tsx
13295
13104
  function FunConnectOptions({ onClose }) {
13296
- const [step, setStep] = useState37(0 /* SIGNIN */);
13297
- const [selectedWallet, setSelectedWallet] = useState37();
13298
- const [qrCodeUri, setQrCodeUri] = useState37("");
13299
- const [emailInput, setEmailInput] = useState37("");
13300
- const [otpInput, setOtpInput] = useState37("");
13301
- const [farcasterUri, setFarcasterUri] = useState37("");
13302
- 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("");
13303
13112
  const changeStep = (newStep) => {
13304
13113
  setStep(newStep);
13305
13114
  if (newStep === 0 /* SIGNIN */) {
@@ -13317,17 +13126,17 @@ function FunConnectOptions({ onClose }) {
13317
13126
  });
13318
13127
  }
13319
13128
  }, []);
13320
- return /* @__PURE__ */ React123.createElement(Box, {
13129
+ return /* @__PURE__ */ React122.createElement(Box, {
13321
13130
  display: "flex",
13322
13131
  flexDirection: "row"
13323
- }, /* @__PURE__ */ React123.createElement(Box, {
13132
+ }, /* @__PURE__ */ React122.createElement(Box, {
13324
13133
  display: "flex",
13325
13134
  flexDirection: "column",
13326
13135
  marginTop: "16",
13327
13136
  paddingX: "20",
13328
13137
  minWidth: "full",
13329
13138
  width: "full"
13330
- }, step === 0 /* SIGNIN */ ? /* @__PURE__ */ React123.createElement(FunSignInStep, {
13139
+ }, step === 0 /* SIGNIN */ ? /* @__PURE__ */ React122.createElement(FunSignInStep, {
13331
13140
  emailInput,
13332
13141
  setEmailInput,
13333
13142
  onClose,
@@ -13340,24 +13149,24 @@ function FunConnectOptions({ onClose }) {
13340
13149
  setFarcasterUri(connectUri);
13341
13150
  changeStep(3 /* PENDING_FARCASTER */);
13342
13151
  }
13343
- }) : step === 2 /* PENDING_WALLET */ ? /* @__PURE__ */ React123.createElement(FunWeb3ConnectingStep, {
13152
+ }) : step === 2 /* PENDING_WALLET */ ? /* @__PURE__ */ React122.createElement(FunWeb3ConnectingStep, {
13344
13153
  onClose,
13345
13154
  changeStep,
13346
13155
  selectedWallet,
13347
13156
  qrCodeUri
13348
- }) : step === 1 /* PENDING_EMAIL */ ? /* @__PURE__ */ React123.createElement(FunWeb2ConnectingStep, {
13157
+ }) : step === 1 /* PENDING_EMAIL */ ? /* @__PURE__ */ React122.createElement(FunWeb2ConnectingStep, {
13349
13158
  emailInput,
13350
13159
  otpInput,
13351
13160
  setOtpInput,
13352
13161
  onClose,
13353
13162
  onBack: () => changeStep(0 /* SIGNIN */),
13354
13163
  setSelectedWallet
13355
- }) : step === 3 /* PENDING_FARCASTER */ ? /* @__PURE__ */ React123.createElement(FunFarcasterConnectingStep, {
13164
+ }) : step === 3 /* PENDING_FARCASTER */ ? /* @__PURE__ */ React122.createElement(FunFarcasterConnectingStep, {
13356
13165
  farcasterUri,
13357
13166
  farcasterToken,
13358
13167
  changeStep,
13359
13168
  onClose
13360
- }) : step === 4 /* ERROR */ ? /* @__PURE__ */ React123.createElement(FunConnectErrorStep, {
13169
+ }) : step === 4 /* ERROR */ ? /* @__PURE__ */ React122.createElement(FunConnectErrorStep, {
13361
13170
  title: "Connection Failed",
13362
13171
  onBack: () => changeStep(0 /* SIGNIN */),
13363
13172
  onClose,
@@ -13376,293 +13185,39 @@ function FunConnectOptions({ onClose }) {
13376
13185
  }) : null));
13377
13186
  }
13378
13187
 
13379
- // src/components/SignIn/SignIn.tsx
13380
- import React125, { useCallback as useCallback29, useContext as useContext21, useRef as useRef10 } from "react";
13381
- import { UserRejectedRequestError } from "viem";
13382
- import { useAccount as useAccount9, useSignMessage } from "wagmi";
13383
-
13384
- // src/components/Button/ActionButton.tsx
13385
- import React124 from "react";
13386
- var sizeVariants = {
13387
- large: {
13388
- fontSize: "16",
13389
- paddingX: "24",
13390
- paddingY: "10"
13391
- },
13392
- medium: {
13393
- fontSize: "14",
13394
- height: "28",
13395
- paddingX: "12",
13396
- paddingY: "4"
13397
- },
13398
- small: {
13399
- fontSize: "14",
13400
- paddingX: "10",
13401
- paddingY: "5"
13402
- }
13403
- };
13404
- function ActionButton({
13405
- disabled = false,
13406
- href,
13407
- label,
13408
- onClick,
13409
- rel = "noreferrer noopener",
13410
- size = "medium",
13411
- target = "_blank",
13412
- testId,
13413
- type = "primary"
13414
- }) {
13415
- const isPrimary = type === "primary";
13416
- const isNotLarge = size !== "large";
13417
- const mobile = isMobile();
13418
- const background = !disabled ? isPrimary ? "accentColor" : isNotLarge ? "actionButtonSecondaryBackground" : null : "actionButtonSecondaryBackground";
13419
- const { fontSize, height, paddingX, paddingY } = sizeVariants[size];
13420
- const hasBorder = !mobile || !isNotLarge;
13421
- return /* @__PURE__ */ React124.createElement(Box, {
13422
- ...href ? !disabled ? { as: "a", href, rel, target } : {} : { as: "button", type: "button" },
13423
- onClick: !disabled ? onClick : void 0,
13424
- ...hasBorder ? {
13425
- borderColor: mobile && !isNotLarge && !isPrimary ? "actionButtonBorderMobile" : "actionButtonBorder",
13426
- borderStyle: "solid",
13427
- borderWidth: "1"
13428
- } : {},
13429
- borderRadius: "actionButton",
13430
- className: !disabled && touchableStyles({ active: "shrinkSm", hover: "grow" }),
13431
- display: "block",
13432
- paddingX,
13433
- paddingY,
13434
- style: { willChange: "transform" },
13435
- testId,
13436
- textAlign: "center",
13437
- transition: "transform",
13438
- ...background ? { background } : {},
13439
- ...height ? { height } : {}
13440
- }, /* @__PURE__ */ React124.createElement(Text, {
13441
- color: !disabled ? isPrimary ? "accentColorForeground" : "accentColor" : "modalTextSecondary",
13442
- size: fontSize,
13443
- weight: "bold"
13444
- }, label));
13445
- }
13446
-
13447
- // src/components/SignIn/SignIn.tsx
13448
- var signInIcon = async () => (await import("./sign-FZVB2CS6.js")).default;
13449
- function SignIn({
13450
- onClose,
13451
- onCloseModal
13452
- }) {
13453
- const { i18n: i18n2 } = useContext21(I18nContext);
13454
- const [{ status, ...state }, setState] = React125.useState({ status: "idle" });
13455
- const authAdapter = useAuthenticationAdapter();
13456
- const getNonce = useCallback29(async () => {
13457
- try {
13458
- const nonce = await authAdapter.getNonce();
13459
- setState((x) => ({ ...x, nonce }));
13460
- } catch {
13461
- setState((x) => ({
13462
- ...x,
13463
- errorMessage: i18n2.t("sign_in.message.preparing_error"),
13464
- status: "idle"
13465
- }));
13466
- }
13467
- }, [authAdapter, i18n2]);
13468
- const onceRef = useRef10(false);
13469
- React125.useEffect(() => {
13470
- if (onceRef.current)
13471
- return;
13472
- onceRef.current = true;
13473
- getNonce();
13474
- }, [getNonce]);
13475
- const mobile = isMobile();
13476
- const { address, chain: activeChain } = useAccount9();
13477
- const { signMessageAsync } = useSignMessage();
13478
- const signIn = async () => {
13479
- try {
13480
- const chainId = activeChain == null ? void 0 : activeChain.id;
13481
- const { nonce } = state;
13482
- if (!address || !chainId || !nonce) {
13483
- return;
13484
- }
13485
- setState((x) => ({
13486
- ...x,
13487
- errorMessage: void 0,
13488
- status: "signing"
13489
- }));
13490
- const message = authAdapter.createMessage({ address, chainId, nonce });
13491
- let signature;
13492
- try {
13493
- signature = await signMessageAsync({
13494
- message: authAdapter.getMessageBody({ message })
13495
- });
13496
- } catch (error) {
13497
- if (error instanceof UserRejectedRequestError) {
13498
- return setState((x) => ({
13499
- ...x,
13500
- status: "idle"
13501
- }));
13502
- }
13503
- return setState((x) => ({
13504
- ...x,
13505
- errorMessage: i18n2.t("sign_in.signature.signing_error"),
13506
- status: "idle"
13507
- }));
13508
- }
13509
- setState((x) => ({ ...x, status: "verifying" }));
13510
- try {
13511
- const verified = await authAdapter.verify({ message, signature });
13512
- if (verified) {
13513
- onCloseModal();
13514
- return;
13515
- }
13516
- throw new Error();
13517
- } catch {
13518
- return setState((x) => ({
13519
- ...x,
13520
- errorMessage: i18n2.t("sign_in.signature.verifying_error"),
13521
- status: "idle"
13522
- }));
13523
- }
13524
- } catch {
13525
- setState({
13526
- errorMessage: i18n2.t("sign_in.signature.oops_error"),
13527
- status: "idle"
13528
- });
13529
- }
13530
- };
13531
- return /* @__PURE__ */ React125.createElement(Box, {
13532
- position: "relative"
13533
- }, /* @__PURE__ */ React125.createElement(Box, {
13534
- display: "flex",
13535
- paddingRight: "16",
13536
- paddingTop: "16",
13537
- position: "absolute",
13538
- right: "0"
13539
- }, /* @__PURE__ */ React125.createElement(CloseButton, {
13540
- onClose
13541
- })), /* @__PURE__ */ React125.createElement(Box, {
13542
- alignItems: "center",
13543
- display: "flex",
13544
- flexDirection: "column",
13545
- gap: mobile ? "32" : "24",
13546
- padding: "24",
13547
- paddingX: "18",
13548
- style: { paddingTop: mobile ? "60px" : "36px" }
13549
- }, /* @__PURE__ */ React125.createElement(Box, {
13550
- alignItems: "center",
13551
- display: "flex",
13552
- flexDirection: "column",
13553
- gap: mobile ? "6" : "4",
13554
- style: { maxWidth: mobile ? 320 : 280 }
13555
- }, /* @__PURE__ */ React125.createElement(Box, {
13556
- alignItems: "center",
13557
- display: "flex",
13558
- flexDirection: "column",
13559
- gap: mobile ? "32" : "16"
13560
- }, /* @__PURE__ */ React125.createElement(AsyncImage, {
13561
- height: 40,
13562
- src: signInIcon,
13563
- width: 40
13564
- }), /* @__PURE__ */ React125.createElement(Text, {
13565
- color: "modalText",
13566
- size: mobile ? "20" : "18",
13567
- textAlign: "center",
13568
- weight: "heavy"
13569
- }, i18n2.t("sign_in.label"))), /* @__PURE__ */ React125.createElement(Box, {
13570
- alignItems: "center",
13571
- display: "flex",
13572
- flexDirection: "column",
13573
- gap: mobile ? "16" : "12"
13574
- }, /* @__PURE__ */ React125.createElement(Text, {
13575
- color: "modalTextSecondary",
13576
- size: mobile ? "16" : "14",
13577
- textAlign: "center"
13578
- }, i18n2.t("sign_in.description")), status === "idle" && state.errorMessage ? /* @__PURE__ */ React125.createElement(Text, {
13579
- color: "error",
13580
- size: mobile ? "16" : "14",
13581
- textAlign: "center",
13582
- weight: "bold"
13583
- }, state.errorMessage) : null)), /* @__PURE__ */ React125.createElement(Box, {
13584
- alignItems: !mobile ? "center" : void 0,
13585
- display: "flex",
13586
- flexDirection: "column",
13587
- gap: "8",
13588
- width: "full"
13589
- }, /* @__PURE__ */ React125.createElement(ActionButton, {
13590
- disabled: !state.nonce || status === "signing" || status === "verifying",
13591
- 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"),
13592
- onClick: signIn,
13593
- size: mobile ? "large" : "medium",
13594
- testId: "auth-message-button"
13595
- }), mobile ? /* @__PURE__ */ React125.createElement(ActionButton, {
13596
- label: "Cancel",
13597
- onClick: onClose,
13598
- size: "large",
13599
- type: "secondary"
13600
- }) : /* @__PURE__ */ React125.createElement(Box, {
13601
- as: "button",
13602
- borderRadius: "full",
13603
- className: touchableStyles({ active: "shrink", hover: "grow" }),
13604
- display: "block",
13605
- onClick: onClose,
13606
- paddingX: "10",
13607
- paddingY: "5",
13608
- rel: "noreferrer",
13609
- style: { willChange: "transform" },
13610
- target: "_blank",
13611
- transition: "default"
13612
- }, /* @__PURE__ */ React125.createElement(Text, {
13613
- color: "closeButton",
13614
- size: mobile ? "16" : "14",
13615
- weight: "bold"
13616
- }, i18n2.t("sign_in.message.cancel"))))));
13617
- }
13618
-
13619
13188
  // src/components/ConnectModal/ConnectModal.tsx
13620
13189
  function ConnectModal({ onClose, open }) {
13621
13190
  const titleId = "rk_connect_title";
13622
13191
  const connectionStatus = useConnectionStatus();
13623
13192
  const { disconnect } = useDisconnect2();
13624
- const { isConnecting } = useAccount10();
13625
- const onAuthCancel = React126.useCallback(() => {
13193
+ const { isConnecting } = useAccount9();
13194
+ const onAuthCancel = React123.useCallback(() => {
13626
13195
  onClose();
13627
13196
  disconnect();
13628
13197
  }, [onClose, disconnect]);
13629
- const onConnectModalCancel = React126.useCallback(() => {
13198
+ const onConnectModalCancel = React123.useCallback(() => {
13630
13199
  if (isConnecting)
13631
13200
  disconnect();
13632
13201
  onClose();
13633
13202
  }, [onClose, disconnect, isConnecting]);
13634
13203
  if (connectionStatus === "disconnected" || connectionStatus === "loading") {
13635
- return /* @__PURE__ */ React126.createElement(Dialog, {
13204
+ return /* @__PURE__ */ React123.createElement(Dialog, {
13636
13205
  onClose: onConnectModalCancel,
13637
13206
  open,
13638
13207
  titleId,
13639
13208
  isSmartCloseable: true
13640
- }, /* @__PURE__ */ React126.createElement(DialogContent, {
13209
+ }, /* @__PURE__ */ React123.createElement(DialogContent, {
13641
13210
  bottomSheetOnMobile: true,
13642
13211
  padding: "0"
13643
- }, /* @__PURE__ */ React126.createElement(FunConnectOptions, {
13212
+ }, /* @__PURE__ */ React123.createElement(FunConnectOptions, {
13644
13213
  onClose: onConnectModalCancel
13645
13214
  })));
13646
13215
  }
13647
- if (connectionStatus === "unauthenticated") {
13648
- return /* @__PURE__ */ React126.createElement(Dialog, {
13649
- onClose: onAuthCancel,
13650
- open,
13651
- titleId,
13652
- isSmartCloseable: true
13653
- }, /* @__PURE__ */ React126.createElement(DialogContent, {
13654
- bottomSheetOnMobile: true,
13655
- padding: "0"
13656
- }, /* @__PURE__ */ React126.createElement(SignIn, {
13657
- onClose: onAuthCancel,
13658
- onCloseModal: onClose
13659
- })));
13660
- }
13661
13216
  return null;
13662
13217
  }
13663
13218
 
13664
13219
  // src/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.tsx
13665
- import React127 from "react";
13220
+ import React124 from "react";
13666
13221
  function FunCheckoutHistoryModal({
13667
13222
  onClose,
13668
13223
  open,
@@ -13674,17 +13229,17 @@ function FunCheckoutHistoryModal({
13674
13229
  "Unable to open checkout history modal without a depositAddress"
13675
13230
  );
13676
13231
  }
13677
- return /* @__PURE__ */ React127.createElement(Dialog, {
13232
+ return /* @__PURE__ */ React124.createElement(Dialog, {
13678
13233
  open,
13679
13234
  onClose,
13680
13235
  titleId: "fun-checkout-history-modal"
13681
- }, /* @__PURE__ */ React127.createElement(DialogContent, {
13236
+ }, /* @__PURE__ */ React124.createElement(DialogContent, {
13682
13237
  bottomSheetOnMobile: true,
13683
13238
  padding: "0"
13684
- }, /* @__PURE__ */ React127.createElement(Box, {
13239
+ }, /* @__PURE__ */ React124.createElement(Box, {
13685
13240
  paddingTop: "20",
13686
13241
  paddingX: "20"
13687
- }, /* @__PURE__ */ React127.createElement(FunCheckoutHistoryContent, {
13242
+ }, /* @__PURE__ */ React124.createElement(FunCheckoutHistoryContent, {
13688
13243
  depositAddress,
13689
13244
  initialPage,
13690
13245
  onClose,
@@ -13693,43 +13248,43 @@ function FunCheckoutHistoryModal({
13693
13248
  }
13694
13249
 
13695
13250
  // src/components/FunDevTestModal/FunDevTestModal.tsx
13696
- import React128 from "react";
13251
+ import React125 from "react";
13697
13252
  function FunDevTestModal({ onClose, open }) {
13698
- return /* @__PURE__ */ React128.createElement(Dialog, {
13253
+ return /* @__PURE__ */ React125.createElement(Dialog, {
13699
13254
  onClose,
13700
13255
  open,
13701
13256
  titleId: "dev/test modal"
13702
- }, /* @__PURE__ */ React128.createElement(DialogContent, {
13257
+ }, /* @__PURE__ */ React125.createElement(DialogContent, {
13703
13258
  bottomSheetOnMobile: true
13704
- }, /* @__PURE__ */ React128.createElement(Box, null)));
13259
+ }, /* @__PURE__ */ React125.createElement(Box, null)));
13705
13260
  }
13706
13261
 
13707
13262
  // src/components/FunkitProvider/ModalContext.tsx
13708
13263
  function useModalStateValue() {
13709
- const [isModalOpen, setModalOpen] = useState38(false);
13264
+ const [isModalOpen, setModalOpen] = useState37(false);
13710
13265
  return {
13711
- closeModal: useCallback30(() => setModalOpen(false), []),
13266
+ closeModal: useCallback29(() => setModalOpen(false), []),
13712
13267
  isModalOpen,
13713
- openModal: useCallback30(() => setModalOpen(true), [])
13268
+ openModal: useCallback29(() => setModalOpen(true), [])
13714
13269
  };
13715
13270
  }
13716
13271
  function useModalStateValueWithId() {
13717
- const [isModalOpen, setModalOpen] = useState38(false);
13718
- const [modalId, setModalId] = useState38(null);
13272
+ const [isModalOpen, setModalOpen] = useState37(false);
13273
+ const [modalId, setModalId] = useState37(null);
13719
13274
  return {
13720
- closeModal: useCallback30(() => {
13275
+ closeModal: useCallback29(() => {
13721
13276
  setModalId(null);
13722
13277
  setModalOpen(false);
13723
13278
  }, []),
13724
13279
  isModalOpen,
13725
13280
  modalId,
13726
- openModal: useCallback30((id) => {
13281
+ openModal: useCallback29((id) => {
13727
13282
  setModalId(id);
13728
13283
  setModalOpen(true);
13729
13284
  }, [])
13730
13285
  };
13731
13286
  }
13732
- var ModalContext = createContext17({
13287
+ var ModalContext = createContext15({
13733
13288
  accountModalOpen: false,
13734
13289
  chainModalOpen: false,
13735
13290
  connectModalOpen: false,
@@ -13756,7 +13311,7 @@ function ModalProvider({ children }) {
13756
13311
  isModalOpen: chainModalOpen,
13757
13312
  openModal: openChainModal
13758
13313
  } = useModalStateValue();
13759
- const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState38(false);
13314
+ const [isWalletConnectModalOpen, setIsWalletConnectModalOpen] = useState37(false);
13760
13315
  const {
13761
13316
  closeModal: closeFunCheckoutModal,
13762
13317
  isModalOpen: funCheckoutModalOpen,
@@ -13775,7 +13330,7 @@ function ModalProvider({ children }) {
13775
13330
  openModal: openFunDevTestModal
13776
13331
  } = useModalStateValue();
13777
13332
  const connectionStatus = useConnectionStatus();
13778
- const { chainId } = useAccount11();
13333
+ const { chainId } = useAccount10();
13779
13334
  const { chains } = useConfig4();
13780
13335
  const isCurrentChainSupported = chains.some((chain) => chain.id === chainId);
13781
13336
  function closeModals({
@@ -13794,12 +13349,12 @@ function ModalProvider({ children }) {
13794
13349
  onConnect: () => closeModals({ keepConnectModalOpen: isUnauthenticated }),
13795
13350
  onDisconnect: () => closeModals()
13796
13351
  });
13797
- useEffect29(() => {
13352
+ useEffect28(() => {
13798
13353
  if (isUnauthenticated)
13799
13354
  closeModals();
13800
13355
  }, [isUnauthenticated]);
13801
- return /* @__PURE__ */ React129.createElement(ModalContext.Provider, {
13802
- value: useMemo34(
13356
+ return /* @__PURE__ */ React126.createElement(ModalContext.Provider, {
13357
+ value: useMemo33(
13803
13358
  () => ({
13804
13359
  accountModalOpen,
13805
13360
  chainModalOpen,
@@ -13838,21 +13393,21 @@ function ModalProvider({ children }) {
13838
13393
  openFunDevTestModal
13839
13394
  ]
13840
13395
  )
13841
- }, children, /* @__PURE__ */ React129.createElement(ConnectModal, {
13396
+ }, children, /* @__PURE__ */ React126.createElement(ConnectModal, {
13842
13397
  onClose: closeConnectModal,
13843
13398
  open: connectModalOpen
13844
- }), /* @__PURE__ */ React129.createElement(AccountModal, {
13399
+ }), /* @__PURE__ */ React126.createElement(AccountModal, {
13845
13400
  onClose: closeAccountModal,
13846
13401
  open: accountModalOpen
13847
- }), /* @__PURE__ */ React129.createElement(ChainModal, {
13402
+ }), /* @__PURE__ */ React126.createElement(ChainModal, {
13848
13403
  onClose: closeChainModal,
13849
13404
  open: chainModalOpen
13850
- }), /* @__PURE__ */ React129.createElement(FunCheckoutModal, {
13405
+ }), /* @__PURE__ */ React126.createElement(FunCheckoutModal, {
13851
13406
  onClose: closeFunCheckoutModal,
13852
13407
  open: funCheckoutModalOpen,
13853
13408
  checkoutId: funCheckoutModalId,
13854
13409
  key: funCheckoutModalId
13855
- }), depositAddressInitialPageCombined ? /* @__PURE__ */ React129.createElement(FunCheckoutHistoryModal, {
13410
+ }), depositAddressInitialPageCombined ? /* @__PURE__ */ React126.createElement(FunCheckoutHistoryModal, {
13856
13411
  onClose: closeFunCheckoutHistoryModal,
13857
13412
  open: funCheckoutHistoryModalOpen,
13858
13413
  depositAddress: deconstructDepositAddressAndInitialPage(
@@ -13861,13 +13416,13 @@ function ModalProvider({ children }) {
13861
13416
  initialPage: deconstructDepositAddressAndInitialPage(
13862
13417
  depositAddressInitialPageCombined
13863
13418
  ).initialPage
13864
- }) : null, /* @__PURE__ */ React129.createElement(FunDevTestModal, {
13419
+ }) : null, /* @__PURE__ */ React126.createElement(FunDevTestModal, {
13865
13420
  onClose: closeFunDevTestModal,
13866
13421
  open: funDevTestModalOpen
13867
13422
  }));
13868
13423
  }
13869
13424
  function useModalState() {
13870
- const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext22(ModalContext);
13425
+ const { accountModalOpen, chainModalOpen, connectModalOpen } = useContext19(ModalContext);
13871
13426
  return {
13872
13427
  accountModalOpen,
13873
13428
  chainModalOpen,
@@ -13875,19 +13430,19 @@ function useModalState() {
13875
13430
  };
13876
13431
  }
13877
13432
  function useAccountModal() {
13878
- const { accountModalOpen, openAccountModal } = useContext22(ModalContext);
13433
+ const { accountModalOpen, openAccountModal } = useContext19(ModalContext);
13879
13434
  return { accountModalOpen, openAccountModal };
13880
13435
  }
13881
13436
  function useChainModal() {
13882
- const { chainModalOpen, openChainModal } = useContext22(ModalContext);
13437
+ const { chainModalOpen, openChainModal } = useContext19(ModalContext);
13883
13438
  return { chainModalOpen, openChainModal };
13884
13439
  }
13885
13440
  function useWalletConnectOpenState() {
13886
- const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext22(ModalContext);
13441
+ const { isWalletConnectModalOpen, setIsWalletConnectModalOpen } = useContext19(ModalContext);
13887
13442
  return { isWalletConnectModalOpen, setIsWalletConnectModalOpen };
13888
13443
  }
13889
13444
  function useConnectModal() {
13890
- const { connectModalOpen, openConnectModal } = useContext22(ModalContext);
13445
+ const { connectModalOpen, openConnectModal } = useContext19(ModalContext);
13891
13446
  const { isWalletConnectModalOpen } = useWalletConnectOpenState();
13892
13447
  return {
13893
13448
  connectModalOpen: connectModalOpen || isWalletConnectModalOpen,
@@ -13895,11 +13450,11 @@ function useConnectModal() {
13895
13450
  };
13896
13451
  }
13897
13452
  function useFunCheckoutModal() {
13898
- const { funCheckoutModalOpen, openFunCheckoutModal } = useContext22(ModalContext);
13453
+ const { funCheckoutModalOpen, openFunCheckoutModal } = useContext19(ModalContext);
13899
13454
  return { funCheckoutModalOpen, openFunCheckoutModal };
13900
13455
  }
13901
13456
  function useFunCheckoutHistoryModal() {
13902
- const { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal } = useContext22(ModalContext);
13457
+ const { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal } = useContext19(ModalContext);
13903
13458
  return { funCheckoutHistoryModalOpen, openFunCheckoutHistoryModal };
13904
13459
  }
13905
13460
 
@@ -14127,7 +13682,7 @@ var ERROR_MESSAGES = {
14127
13682
  PRIVY_USER_NOT_INITIALIZED: "Privy user not initialized",
14128
13683
  FARCASTER_NOT_INITIALIZED: "Unable to initialize Farcaster login"
14129
13684
  };
14130
- var FunkitWeb2Context = createContext18({
13685
+ var FunkitWeb2Context = createContext16({
14131
13686
  isSendingOtpEmail: false,
14132
13687
  isGeneratingFcUri: false,
14133
13688
  handleSendOtpEmail: () => Promise.resolve({ success: false, error: "" }),
@@ -14167,16 +13722,16 @@ var FunkitWeb2Provider = ({
14167
13722
  const { connectAsync } = useConnect2();
14168
13723
  const { chains } = useConfig5();
14169
13724
  const { connectors, disconnectAsync } = useDisconnect3();
14170
- const [privy, setPrivy] = useState39(null);
14171
- const [privyIframeUrl, setPrivyIframeUrl] = useState39();
14172
- const [loginMethod, setLoginMethod] = useState39(
13725
+ const [privy, setPrivy] = useState38(null);
13726
+ const [privyIframeUrl, setPrivyIframeUrl] = useState38();
13727
+ const [loginMethod, setLoginMethod] = useState38(
14173
13728
  getLoginMethodFromCache() || null
14174
13729
  );
14175
13730
  const wallets = useWalletConnectors();
14176
- const [isLoggingIn, setIsLoggingIn] = useState39(false);
14177
- const [loginErrorMessage, setLoginErrorMessage] = useState39("");
14178
- const [loggedInUser, setLoggedInUser] = useState39(null);
14179
- const setLoginMethodAndCache = useCallback31(
13731
+ const [isLoggingIn, setIsLoggingIn] = useState38(false);
13732
+ const [loginErrorMessage, setLoginErrorMessage] = useState38("");
13733
+ const [loggedInUser, setLoggedInUser] = useState38(null);
13734
+ const setLoginMethodAndCache = useCallback30(
14180
13735
  (method) => {
14181
13736
  try {
14182
13737
  setLoginMethod(method);
@@ -14191,7 +13746,7 @@ var FunkitWeb2Provider = ({
14191
13746
  },
14192
13747
  []
14193
13748
  );
14194
- useEffect30(() => {
13749
+ useEffect29(() => {
14195
13750
  const newPrivy = new PrivyJS({
14196
13751
  appId: funkitConfig.privyAppId,
14197
13752
  storage: new LocalStorage(),
@@ -14200,7 +13755,7 @@ var FunkitWeb2Provider = ({
14200
13755
  setPrivyIframeUrl(newPrivy.embeddedWallet.getURL());
14201
13756
  setPrivy(newPrivy);
14202
13757
  }, [chains, funkitConfig.privyAppId]);
14203
- const handleIframeMessage = useCallback31(
13758
+ const handleIframeMessage = useCallback30(
14204
13759
  (e) => {
14205
13760
  if (e.origin === PRIVY_AUTH_URL && privy) {
14206
13761
  const iframeHandler = privy.embeddedWallet.getMessageHandler();
@@ -14209,7 +13764,7 @@ var FunkitWeb2Provider = ({
14209
13764
  },
14210
13765
  [privy]
14211
13766
  );
14212
- const handleFunkitWeb2Logout = useCallback31(async () => {
13767
+ const handleFunkitWeb2Logout = useCallback30(async () => {
14213
13768
  if (privy) {
14214
13769
  logger.log("handleFunkitWeb2Logout_disconnecting_connectors", {
14215
13770
  numConnectors: connectors.length
@@ -14222,7 +13777,7 @@ var FunkitWeb2Provider = ({
14222
13777
  setLoginMethodAndCache(null);
14223
13778
  }
14224
13779
  }, [connectors, disconnectAsync, privy, setLoginMethodAndCache]);
14225
- const handleFreshPrivyLogin = useCallback31(
13780
+ const handleFreshPrivyLogin = useCallback30(
14226
13781
  async ({
14227
13782
  firstLoginCode,
14228
13783
  secondLoginCode,
@@ -14269,7 +13824,7 @@ var FunkitWeb2Provider = ({
14269
13824
  },
14270
13825
  [handleFunkitWeb2Logout, privy]
14271
13826
  );
14272
- const getPrivyUserEmbeddedWallet = useCallback31(
13827
+ const getPrivyUserEmbeddedWallet = useCallback30(
14273
13828
  async (inputPrivyUser) => {
14274
13829
  try {
14275
13830
  if (!privy || !inputPrivyUser)
@@ -14288,7 +13843,7 @@ var FunkitWeb2Provider = ({
14288
13843
  },
14289
13844
  [privy]
14290
13845
  );
14291
- const getExistingPrivySession = useCallback31(async () => {
13846
+ const getExistingPrivySession = useCallback30(async () => {
14292
13847
  try {
14293
13848
  if (!privy)
14294
13849
  throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -14298,7 +13853,7 @@ var FunkitWeb2Provider = ({
14298
13853
  return null;
14299
13854
  }
14300
13855
  }, [privy]);
14301
- const handleFunkitWeb2Login = useCallback31(
13856
+ const handleFunkitWeb2Login = useCallback30(
14302
13857
  async ({
14303
13858
  chainId,
14304
13859
  firstLoginCode,
@@ -14373,9 +13928,9 @@ var FunkitWeb2Provider = ({
14373
13928
  wallets
14374
13929
  ]
14375
13930
  );
14376
- const clearLoginError = useCallback31(() => setLoginErrorMessage(""), []);
13931
+ const clearLoginError = useCallback30(() => setLoginErrorMessage(""), []);
14377
13932
  const initChainId = useInitialChainId();
14378
- const handleAutoLoginFlows = useCallback31(async () => {
13933
+ const handleAutoLoginFlows = useCallback30(async () => {
14379
13934
  if (isNotNullish(loginMethod) && isNotNullish(initChainId)) {
14380
13935
  const queryParams = new URLSearchParams(window.location.search);
14381
13936
  const oauthCode = queryParams.get(PRIVY_OAUTH_CODE_URL_PARAM);
@@ -14397,7 +13952,7 @@ var FunkitWeb2Provider = ({
14397
13952
  }
14398
13953
  }
14399
13954
  }, [handleFunkitWeb2Login, initChainId, loginMethod]);
14400
- useEffect30(() => {
13955
+ useEffect29(() => {
14401
13956
  if (privy && privyIframeUrl && isNotNullish(initChainId)) {
14402
13957
  const iframe = document.getElementById(
14403
13958
  PRIVY_IFRAME_ID
@@ -14415,7 +13970,7 @@ var FunkitWeb2Provider = ({
14415
13970
  handleIframeMessage,
14416
13971
  initChainId
14417
13972
  ]);
14418
- const handleOauthRedirect = useCallback31(
13973
+ const handleOauthRedirect = useCallback30(
14419
13974
  async (authProvider) => {
14420
13975
  if (!privy)
14421
13976
  throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -14439,8 +13994,8 @@ var FunkitWeb2Provider = ({
14439
13994
  },
14440
13995
  [privy, setLoginMethodAndCache]
14441
13996
  );
14442
- const [isSendingOtpEmail, setIsSendingOtpEmail] = useState39(false);
14443
- const handleSendOtpEmail = useCallback31(
13997
+ const [isSendingOtpEmail, setIsSendingOtpEmail] = useState38(false);
13998
+ const handleSendOtpEmail = useCallback30(
14444
13999
  async (emailAddress) => {
14445
14000
  try {
14446
14001
  if (!privy)
@@ -14467,8 +14022,8 @@ var FunkitWeb2Provider = ({
14467
14022
  },
14468
14023
  [privy, setLoginMethodAndCache]
14469
14024
  );
14470
- const [isGeneratingFcUri, setIsGeneratingFcUri] = useState39(false);
14471
- const handleGenerateFcUri = useCallback31(async () => {
14025
+ const [isGeneratingFcUri, setIsGeneratingFcUri] = useState38(false);
14026
+ const handleGenerateFcUri = useCallback30(async () => {
14472
14027
  try {
14473
14028
  if (!privy)
14474
14029
  throw new Error(ERROR_MESSAGES.PRIVY_NOT_INITIALIZED);
@@ -14494,7 +14049,7 @@ var FunkitWeb2Provider = ({
14494
14049
  setIsGeneratingFcUri(false);
14495
14050
  }
14496
14051
  }, [privy]);
14497
- const getFcConnectionStatus = useCallback31(
14052
+ const getFcConnectionStatus = useCallback30(
14498
14053
  async (channelToken) => {
14499
14054
  try {
14500
14055
  if (!privy)
@@ -14515,7 +14070,7 @@ var FunkitWeb2Provider = ({
14515
14070
  },
14516
14071
  [privy]
14517
14072
  );
14518
- const web2UserInfo = useMemo35(() => {
14073
+ const web2UserInfo = useMemo34(() => {
14519
14074
  var _a;
14520
14075
  if (!loggedInUser || !(loggedInUser == null ? void 0 : loggedInUser.linked_accounts) || !((_a = loggedInUser == null ? void 0 : loggedInUser.linked_accounts) == null ? void 0 : _a.length)) {
14521
14076
  return PLACEHOLDER_FUNKIT_USER_INFO;
@@ -14584,20 +14139,20 @@ var FunkitWeb2Provider = ({
14584
14139
  handleFunkitWeb2Logout,
14585
14140
  web2UserInfo
14586
14141
  };
14587
- return /* @__PURE__ */ React130.createElement(FunkitWeb2Context.Provider, {
14142
+ return /* @__PURE__ */ React127.createElement(FunkitWeb2Context.Provider, {
14588
14143
  value: contextValue
14589
- }, privyIframeUrl ? /* @__PURE__ */ React130.createElement("iframe", {
14144
+ }, privyIframeUrl ? /* @__PURE__ */ React127.createElement("iframe", {
14590
14145
  id: PRIVY_IFRAME_ID,
14591
14146
  src: privyIframeUrl,
14592
14147
  style: { display: "none" }
14593
14148
  }) : null, children);
14594
14149
  };
14595
- var useFunkitWeb2Login = () => useContext23(FunkitWeb2Context);
14150
+ var useFunkitWeb2Login = () => useContext20(FunkitWeb2Context);
14596
14151
 
14597
14152
  // src/hooks/useConnectionStatus.ts
14598
14153
  function useConnectionStatus() {
14599
14154
  const authenticationStatus = useAuthenticationStatus();
14600
- const { isConnected } = useAccount12();
14155
+ const { isConnected } = useAccount11();
14601
14156
  const { isLoggingIn: isWeb2Connecting } = useFunkitWeb2Login();
14602
14157
  if (isWeb2Connecting) {
14603
14158
  return "loading";
@@ -14615,27 +14170,27 @@ function useConnectionStatus() {
14615
14170
  }
14616
14171
 
14617
14172
  // src/components/FunkitProvider/ShowBalanceContext.tsx
14618
- import React131, { createContext as createContext19, useContext as useContext24, useState as useState40 } from "react";
14619
- var ShowBalanceContext = createContext19({
14173
+ import React128, { createContext as createContext17, useContext as useContext21, useState as useState39 } from "react";
14174
+ var ShowBalanceContext = createContext17({
14620
14175
  showBalance: void 0,
14621
14176
  setShowBalance: () => void 0
14622
14177
  });
14623
14178
  function ShowBalanceProvider({ children }) {
14624
- const [showBalance, setShowBalance] = useState40();
14625
- return /* @__PURE__ */ React131.createElement(ShowBalanceContext.Provider, {
14179
+ const [showBalance, setShowBalance] = useState39();
14180
+ return /* @__PURE__ */ React128.createElement(ShowBalanceContext.Provider, {
14626
14181
  value: { showBalance, setShowBalance }
14627
14182
  }, children);
14628
14183
  }
14629
- var useShowBalance = () => useContext24(ShowBalanceContext);
14184
+ var useShowBalance = () => useContext21(ShowBalanceContext);
14630
14185
 
14631
14186
  // src/components/Icons/Dropdown.tsx
14632
- import React132 from "react";
14633
- var DropdownIcon = () => /* @__PURE__ */ React132.createElement("svg", {
14187
+ import React129 from "react";
14188
+ var DropdownIcon = () => /* @__PURE__ */ React129.createElement("svg", {
14634
14189
  fill: "none",
14635
14190
  height: "7",
14636
14191
  width: "14",
14637
14192
  xmlns: "http://www.w3.org/2000/svg"
14638
- }, /* @__PURE__ */ React132.createElement("path", {
14193
+ }, /* @__PURE__ */ React129.createElement("path", {
14639
14194
  d: "M12.75 1.54001L8.51647 5.0038C7.77974 5.60658 6.72026 5.60658 5.98352 5.0038L1.75 1.54001",
14640
14195
  stroke: "currentColor",
14641
14196
  strokeLinecap: "round",
@@ -14645,20 +14200,20 @@ var DropdownIcon = () => /* @__PURE__ */ React132.createElement("svg", {
14645
14200
  }));
14646
14201
 
14647
14202
  // src/components/ConnectButton/ConnectButtonRenderer.tsx
14648
- import React134, { useContext as useContext26 } from "react";
14649
- 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";
14650
14205
 
14651
14206
  // src/hooks/useIsMounted.ts
14652
- 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";
14653
14208
  function useIsMounted() {
14654
- const [isMounted, setIsMounted] = useState41(false);
14655
- useEffect31(() => {
14209
+ const [isMounted, setIsMounted] = useState40(false);
14210
+ useEffect30(() => {
14656
14211
  setIsMounted(true);
14657
14212
  return () => {
14658
14213
  setIsMounted(false);
14659
14214
  };
14660
14215
  }, []);
14661
- return useCallback32(() => isMounted, [isMounted]);
14216
+ return useCallback31(() => isMounted, [isMounted]);
14662
14217
  }
14663
14218
 
14664
14219
  // src/hooks/useMainnetEnsAvatar.ts
@@ -14677,215 +14232,6 @@ function useMainnetEnsAvatar(name) {
14677
14232
  return ensAvatar;
14678
14233
  }
14679
14234
 
14680
- // src/transactions/useRecentTransactions.ts
14681
- import { useEffect as useEffect33, useState as useState43 } from "react";
14682
- import { useAccount as useAccount15 } from "wagmi";
14683
-
14684
- // src/hooks/useChainId.ts
14685
- import { useAccount as useAccount13 } from "wagmi";
14686
- function useChainId() {
14687
- var _a;
14688
- const { chain: activeChain } = useAccount13();
14689
- return (_a = activeChain == null ? void 0 : activeChain.id) != null ? _a : null;
14690
- }
14691
-
14692
- // src/transactions/TransactionStoreContext.tsx
14693
- import React133, { createContext as createContext20, useContext as useContext25, useEffect as useEffect32, useState as useState42 } from "react";
14694
- import { useAccount as useAccount14, usePublicClient } from "wagmi";
14695
-
14696
- // src/transactions/transactionStore.ts
14697
- var storageKey5 = "rk-transactions";
14698
- function safeParseJsonData(string) {
14699
- try {
14700
- const value = string ? JSON.parse(string) : {};
14701
- return typeof value === "object" ? value : {};
14702
- } catch {
14703
- return {};
14704
- }
14705
- }
14706
- function loadData() {
14707
- return safeParseJsonData(
14708
- typeof localStorage !== "undefined" ? localStorage.getItem(storageKey5) : null
14709
- );
14710
- }
14711
- var transactionHashRegex = /^0x([A-Fa-f0-9]{64})$/;
14712
- function validateTransaction(transaction) {
14713
- const errors = [];
14714
- if (!transactionHashRegex.test(transaction.hash)) {
14715
- errors.push("Invalid transaction hash");
14716
- }
14717
- if (typeof transaction.description !== "string") {
14718
- errors.push("Transaction must have a description");
14719
- }
14720
- if (typeof transaction.confirmations !== "undefined" && (!Number.isInteger(transaction.confirmations) || transaction.confirmations < 1)) {
14721
- errors.push("Transaction confirmations must be a positiver integer");
14722
- }
14723
- return errors;
14724
- }
14725
- function createTransactionStore({
14726
- provider: initialProvider
14727
- }) {
14728
- let data = loadData();
14729
- let provider = initialProvider;
14730
- const listeners = /* @__PURE__ */ new Set();
14731
- const transactionRequestCache = /* @__PURE__ */ new Map();
14732
- function setProvider(newProvider) {
14733
- provider = newProvider;
14734
- }
14735
- function getTransactions(account, chainId) {
14736
- var _a, _b;
14737
- return (_b = (_a = data[account]) == null ? void 0 : _a[chainId]) != null ? _b : [];
14738
- }
14739
- function addTransaction(account, chainId, transaction) {
14740
- const errors = validateTransaction(transaction);
14741
- if (errors.length > 0) {
14742
- throw new Error(["Unable to add transaction", ...errors].join("\n"));
14743
- }
14744
- updateTransactions(account, chainId, (transactions) => {
14745
- return [
14746
- { ...transaction, status: "pending" },
14747
- ...transactions.filter(({ hash }) => {
14748
- return hash !== transaction.hash;
14749
- })
14750
- ];
14751
- });
14752
- }
14753
- function clearTransactions(account, chainId) {
14754
- updateTransactions(account, chainId, () => {
14755
- return [];
14756
- });
14757
- }
14758
- function setTransactionStatus(account, chainId, hash, status) {
14759
- updateTransactions(account, chainId, (transactions) => {
14760
- return transactions.map(
14761
- (transaction) => transaction.hash === hash ? { ...transaction, status } : transaction
14762
- );
14763
- });
14764
- }
14765
- async function waitForPendingTransactions(account, chainId) {
14766
- await Promise.all(
14767
- getTransactions(account, chainId).filter((transaction) => transaction.status === "pending").map(async (transaction) => {
14768
- const { confirmations, hash } = transaction;
14769
- const existingRequest = transactionRequestCache.get(hash);
14770
- if (existingRequest) {
14771
- return await existingRequest;
14772
- }
14773
- const requestPromise = provider.waitForTransactionReceipt({
14774
- confirmations,
14775
- hash,
14776
- timeout: 3e5
14777
- }).then(({ status }) => {
14778
- transactionRequestCache.delete(hash);
14779
- if (status === void 0) {
14780
- return;
14781
- }
14782
- setTransactionStatus(
14783
- account,
14784
- chainId,
14785
- hash,
14786
- status === 0 || status === "reverted" ? "failed" : "confirmed"
14787
- );
14788
- }).catch(() => {
14789
- setTransactionStatus(account, chainId, hash, "failed");
14790
- });
14791
- transactionRequestCache.set(hash, requestPromise);
14792
- return await requestPromise;
14793
- })
14794
- );
14795
- }
14796
- function updateTransactions(account, chainId, updateFn) {
14797
- var _a, _b;
14798
- data = loadData();
14799
- data[account] = (_a = data[account]) != null ? _a : {};
14800
- let completedTransactionCount = 0;
14801
- const MAX_COMPLETED_TRANSACTIONS = 10;
14802
- const transactions = updateFn((_b = data[account][chainId]) != null ? _b : []).filter(({ status }) => {
14803
- return status === "pending" ? true : completedTransactionCount++ <= MAX_COMPLETED_TRANSACTIONS;
14804
- });
14805
- data[account][chainId] = transactions.length > 0 ? transactions : void 0;
14806
- persistData();
14807
- notifyListeners();
14808
- waitForPendingTransactions(account, chainId);
14809
- }
14810
- function persistData() {
14811
- localStorage.setItem(storageKey5, JSON.stringify(data));
14812
- }
14813
- function notifyListeners() {
14814
- for (const listener of listeners) {
14815
- listener();
14816
- }
14817
- }
14818
- function onChange(fn) {
14819
- listeners.add(fn);
14820
- return () => {
14821
- listeners.delete(fn);
14822
- };
14823
- }
14824
- return {
14825
- addTransaction,
14826
- clearTransactions,
14827
- getTransactions,
14828
- onChange,
14829
- setProvider,
14830
- waitForPendingTransactions
14831
- };
14832
- }
14833
-
14834
- // src/transactions/TransactionStoreContext.tsx
14835
- var storeSingleton;
14836
- var TransactionStoreContext = createContext20(null);
14837
- function TransactionStoreProvider({
14838
- children
14839
- }) {
14840
- const provider = usePublicClient();
14841
- const { address } = useAccount14();
14842
- const chainId = useChainId();
14843
- const [store] = useState42(
14844
- () => storeSingleton != null ? storeSingleton : storeSingleton = createTransactionStore({ provider })
14845
- );
14846
- useEffect32(() => {
14847
- store.setProvider(provider);
14848
- }, [store, provider]);
14849
- useEffect32(() => {
14850
- if (address && chainId) {
14851
- store.waitForPendingTransactions(address, chainId);
14852
- }
14853
- }, [store, address, chainId]);
14854
- return /* @__PURE__ */ React133.createElement(TransactionStoreContext.Provider, {
14855
- value: store
14856
- }, children);
14857
- }
14858
- function useTransactionStore() {
14859
- const store = useContext25(TransactionStoreContext);
14860
- if (!store) {
14861
- throw new Error("Transaction hooks must be used within FunkitProvider");
14862
- }
14863
- return store;
14864
- }
14865
-
14866
- // src/transactions/useRecentTransactions.ts
14867
- function useRecentTransactions() {
14868
- const store = useTransactionStore();
14869
- const { address } = useAccount15();
14870
- const chainId = useChainId();
14871
- const [transactions, setTransactions] = useState43(
14872
- () => store && address && chainId ? store.getTransactions(address, chainId) : []
14873
- );
14874
- useEffect33(() => {
14875
- if (store && address && chainId) {
14876
- setTransactions(store.getTransactions(address, chainId));
14877
- return store.onChange(() => {
14878
- setTransactions(store.getTransactions(address, chainId));
14879
- });
14880
- }
14881
- }, [store, address, chainId]);
14882
- return transactions;
14883
- }
14884
-
14885
- // src/components/FunkitProvider/ShowRecentTransactionsContext.ts
14886
- import { createContext as createContext21 } from "react";
14887
- var ShowRecentTransactionsContext = createContext21(false);
14888
-
14889
14235
  // src/components/ConnectButton/abbreviateETHBalance.ts
14890
14236
  var units = ["k", "m", "b", "t"];
14891
14237
  function toPrecision(number, precision = 1) {
@@ -14919,10 +14265,10 @@ function ConnectButtonRenderer({
14919
14265
  }) {
14920
14266
  var _a, _b, _c, _d;
14921
14267
  const isMounted = useIsMounted();
14922
- const { address } = useAccount16();
14268
+ const { address } = useAccount12();
14923
14269
  const ensName = useMainnetEnsName(address);
14924
14270
  const ensAvatar = useMainnetEnsAvatar(ensName);
14925
- const { chainId } = useAccount16();
14271
+ const { chainId } = useAccount12();
14926
14272
  const { chains: wagmiChains } = useConfig6();
14927
14273
  const isCurrentChainSupported = wagmiChains.some(
14928
14274
  (chain) => chain.id === chainId
@@ -14934,8 +14280,6 @@ function ConnectButtonRenderer({
14934
14280
  const chainIconUrl = (_c = funkitConnectChain == null ? void 0 : funkitConnectChain.iconUrl) != null ? _c : void 0;
14935
14281
  const chainIconBackground = (_d = funkitConnectChain == null ? void 0 : funkitConnectChain.iconBackground) != null ? _d : void 0;
14936
14282
  const resolvedChainIconUrl = useAsyncImage(chainIconUrl);
14937
- const showRecentTransactions = useContext26(ShowRecentTransactionsContext);
14938
- const hasPendingTransactions = useRecentTransactions().some(({ status }) => status === "pending") && showRecentTransactions;
14939
14283
  const { showBalance } = useShowBalance();
14940
14284
  const computeShouldShowBalance = () => {
14941
14285
  if (typeof showBalance === "boolean") {
@@ -14955,7 +14299,7 @@ function ConnectButtonRenderer({
14955
14299
  const { openChainModal } = useChainModal();
14956
14300
  const { openAccountModal } = useAccountModal();
14957
14301
  const { accountModalOpen, chainModalOpen, connectModalOpen } = useModalState();
14958
- return /* @__PURE__ */ React134.createElement(React134.Fragment, null, children({
14302
+ return /* @__PURE__ */ React130.createElement(React130.Fragment, null, children({
14959
14303
  account: address ? {
14960
14304
  address,
14961
14305
  balanceDecimals: balanceData == null ? void 0 : balanceData.decimals,
@@ -14964,8 +14308,7 @@ function ConnectButtonRenderer({
14964
14308
  displayBalance,
14965
14309
  displayName: ensName ? formatENS(ensName) : formatAddress(address),
14966
14310
  ensAvatar: ensAvatar != null ? ensAvatar : void 0,
14967
- ensName: ensName != null ? ensName : void 0,
14968
- hasPendingTransactions
14311
+ ensName: ensName != null ? ensName : void 0
14969
14312
  } : void 0,
14970
14313
  accountModalOpen,
14971
14314
  authenticationStatus,
@@ -15003,8 +14346,8 @@ function ChainSelectorButton({
15003
14346
  chain
15004
14347
  }) {
15005
14348
  var _a, _b;
15006
- const { i18n: i18n2 } = useContext27(I18nContext);
15007
- return /* @__PURE__ */ React135.createElement(Box, {
14349
+ const { i18n: i18n2 } = useContext22(I18nContext);
14350
+ return /* @__PURE__ */ React131.createElement(Box, {
15008
14351
  alignItems: "center",
15009
14352
  "aria-label": "Chain Selector",
15010
14353
  as: "button",
@@ -15030,37 +14373,37 @@ function ChainSelectorButton({
15030
14373
  testId: unsupportedChain ? "wrong-network-button" : "chain-button",
15031
14374
  transition: "default",
15032
14375
  type: "button"
15033
- }, unsupportedChain ? /* @__PURE__ */ React135.createElement(Box, {
14376
+ }, unsupportedChain ? /* @__PURE__ */ React131.createElement(Box, {
15034
14377
  alignItems: "center",
15035
14378
  display: "flex",
15036
14379
  height: "24",
15037
14380
  paddingX: "4"
15038
- }, i18n2.t("connect_wallet.wrong_network.label")) : /* @__PURE__ */ React135.createElement(Box, {
14381
+ }, i18n2.t("connect_wallet.wrong_network.label")) : /* @__PURE__ */ React131.createElement(Box, {
15039
14382
  alignItems: "center",
15040
14383
  display: "flex",
15041
14384
  gap: "6"
15042
- }, chain.hasIcon ? /* @__PURE__ */ React135.createElement(Box, {
14385
+ }, chain.hasIcon ? /* @__PURE__ */ React131.createElement(Box, {
15043
14386
  display: mapResponsiveValue(
15044
14387
  chainStatus,
15045
14388
  (value) => value === "full" || value === "icon" ? "block" : "none"
15046
14389
  ),
15047
14390
  height: "24",
15048
14391
  width: "24"
15049
- }, /* @__PURE__ */ React135.createElement(AsyncImage, {
14392
+ }, /* @__PURE__ */ React131.createElement(AsyncImage, {
15050
14393
  alt: (_a = chain.name) != null ? _a : "Chain icon",
15051
14394
  background: chain.iconBackground,
15052
14395
  borderRadius: "full",
15053
14396
  height: "24",
15054
14397
  src: chain.iconUrl,
15055
14398
  width: "24"
15056
- })) : null, /* @__PURE__ */ React135.createElement(Box, {
14399
+ })) : null, /* @__PURE__ */ React131.createElement(Box, {
15057
14400
  display: mapResponsiveValue(chainStatus, (value) => {
15058
14401
  if (value === "icon" && !chain.iconUrl) {
15059
14402
  return "block";
15060
14403
  }
15061
14404
  return value === "full" || value === "name" ? "block" : "none";
15062
14405
  })
15063
- }, (_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));
15064
14407
  }
15065
14408
  function AccountButton({
15066
14409
  openAccountModal,
@@ -15069,7 +14412,7 @@ function AccountButton({
15069
14412
  accountStatus
15070
14413
  }) {
15071
14414
  const { userInfo } = useGeneralWallet();
15072
- return /* @__PURE__ */ React135.createElement(Box, {
14415
+ return /* @__PURE__ */ React131.createElement(Box, {
15073
14416
  alignItems: "center",
15074
14417
  as: "button",
15075
14418
  background: "accentColor",
@@ -15087,14 +14430,14 @@ function AccountButton({
15087
14430
  testId: "account-button",
15088
14431
  transition: "default",
15089
14432
  type: "button"
15090
- }, account.displayBalance && /* @__PURE__ */ React135.createElement(Box, {
14433
+ }, account.displayBalance && /* @__PURE__ */ React131.createElement(Box, {
15091
14434
  display: mapResponsiveValue(
15092
14435
  showBalance,
15093
14436
  (value) => value ? "block" : "none"
15094
14437
  ),
15095
14438
  padding: "8",
15096
14439
  paddingLeft: "12"
15097
- }, account.displayBalance), /* @__PURE__ */ React135.createElement(Box, {
14440
+ }, account.displayBalance), /* @__PURE__ */ React131.createElement(Box, {
15098
14441
  background: "connectButtonInnerBackground",
15099
14442
  borderColor: "accentColor",
15100
14443
  borderRadius: "connectButton",
@@ -15106,32 +14449,32 @@ function AccountButton({
15106
14449
  paddingX: "8",
15107
14450
  paddingY: "6",
15108
14451
  transition: "default"
15109
- }, /* @__PURE__ */ React135.createElement(Box, {
14452
+ }, /* @__PURE__ */ React131.createElement(Box, {
15110
14453
  alignItems: "center",
15111
14454
  display: "flex",
15112
14455
  gap: "6",
15113
14456
  height: "24"
15114
- }, /* @__PURE__ */ React135.createElement(Box, {
14457
+ }, /* @__PURE__ */ React131.createElement(Box, {
15115
14458
  display: mapResponsiveValue(
15116
14459
  accountStatus,
15117
14460
  (value) => value === "full" || value === "avatar" ? "block" : "none"
15118
14461
  )
15119
- }, /* @__PURE__ */ React135.createElement(Avatar, {
14462
+ }, /* @__PURE__ */ React131.createElement(Avatar, {
15120
14463
  address: account.address,
15121
14464
  imageUrl: account.ensAvatar || userInfo.iconSrc,
15122
- loading: account.hasPendingTransactions,
14465
+ loading: false,
15123
14466
  size: 24
15124
- })), /* @__PURE__ */ React135.createElement(Box, {
14467
+ })), /* @__PURE__ */ React131.createElement(Box, {
15125
14468
  alignItems: "center",
15126
14469
  display: "flex",
15127
14470
  gap: "6"
15128
- }, /* @__PURE__ */ React135.createElement(Box, {
14471
+ }, /* @__PURE__ */ React131.createElement(Box, {
15129
14472
  display: mapResponsiveValue(
15130
14473
  accountStatus,
15131
14474
  (value) => value === "full" || value === "address" ? "block" : "none"
15132
14475
  ),
15133
14476
  style: { textWrap: "nowrap" }
15134
- }, userInfo.nameTruncated), /* @__PURE__ */ React135.createElement(DropdownIcon, null)))));
14477
+ }, userInfo.nameTruncated), /* @__PURE__ */ React131.createElement(DropdownIcon, null)))));
15135
14478
  }
15136
14479
  function ConnectButton({
15137
14480
  accountStatus = defaultProps.accountStatus,
@@ -15144,14 +14487,14 @@ function ConnectButton({
15144
14487
  const chains = useFunkitConnectChains();
15145
14488
  const connectionStatus = useConnectionStatus();
15146
14489
  const { setShowBalance } = useShowBalance();
15147
- const [ready, setReady] = useState44(false);
15148
- const { i18n: i18n2 } = useContext27(I18nContext);
15149
- useEffect34(() => {
14490
+ const [ready, setReady] = useState41(false);
14491
+ const { i18n: i18n2 } = useContext22(I18nContext);
14492
+ useEffect31(() => {
15150
14493
  setShowBalance(showBalance);
15151
14494
  if (!ready)
15152
14495
  setReady(true);
15153
14496
  }, [showBalance, setShowBalance, ready]);
15154
- return ready ? /* @__PURE__ */ React135.createElement(ConnectButtonRenderer, null, ({
14497
+ return ready ? /* @__PURE__ */ React131.createElement(ConnectButtonRenderer, null, ({
15155
14498
  account,
15156
14499
  chain,
15157
14500
  mounted,
@@ -15162,7 +14505,7 @@ function ConnectButton({
15162
14505
  var _a;
15163
14506
  const ready2 = mounted && connectionStatus !== "loading";
15164
14507
  const unsupportedChain = (_a = chain == null ? void 0 : chain.unsupported) != null ? _a : false;
15165
- return /* @__PURE__ */ React135.createElement(Box, {
14508
+ return /* @__PURE__ */ React131.createElement(Box, {
15166
14509
  display: "flex",
15167
14510
  gap: "12",
15168
14511
  ...!ready2 && {
@@ -15173,17 +14516,17 @@ function ConnectButton({
15173
14516
  userSelect: "none"
15174
14517
  }
15175
14518
  }
15176
- }, 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, {
15177
14520
  unsupportedChain,
15178
14521
  chainStatus,
15179
14522
  openChainModal,
15180
14523
  chain
15181
- }), !unsupportedChain && /* @__PURE__ */ React135.createElement(AccountButton, {
14524
+ }), !unsupportedChain && /* @__PURE__ */ React131.createElement(AccountButton, {
15182
14525
  openAccountModal,
15183
14526
  account,
15184
14527
  showBalance,
15185
14528
  accountStatus
15186
- })) : /* @__PURE__ */ React135.createElement(Box, {
14529
+ })) : /* @__PURE__ */ React131.createElement(Box, {
15187
14530
  as: "button",
15188
14531
  background: "accentColor",
15189
14532
  borderRadius: "connectButton",
@@ -15202,19 +14545,19 @@ function ConnectButton({
15202
14545
  testId: "connect-button",
15203
14546
  transition: "default",
15204
14547
  type: "button"
15205
- }, /* @__PURE__ */ React135.createElement(Box, {
14548
+ }, /* @__PURE__ */ React131.createElement(Box, {
15206
14549
  display: "flex",
15207
14550
  gap: "8",
15208
14551
  alignItems: "center"
15209
14552
  }, mounted && label === "Connect Wallet" ? i18n2.t("connect_wallet.label") : label, suffixIcon)));
15210
- }) : /* @__PURE__ */ React135.createElement(React135.Fragment, null);
14553
+ }) : /* @__PURE__ */ React131.createElement(React131.Fragment, null);
15211
14554
  }
15212
14555
  ConnectButton.__defaultProps = defaultProps;
15213
14556
  ConnectButton.Custom = ConnectButtonRenderer;
15214
14557
 
15215
14558
  // src/components/FunkitProvider/FunkitProvider.tsx
15216
14559
  import { QueryClientProvider } from "@tanstack/react-query";
15217
- import React139, { createContext as createContext23, useContext as useContext28 } from "react";
14560
+ import React135, { createContext as createContext19, useContext as useContext23 } from "react";
15218
14561
  import { useAccountEffect as useAccountEffect3, WagmiProvider } from "wagmi";
15219
14562
 
15220
14563
  // src/config/getDefaultConfig.ts
@@ -16030,42 +15373,42 @@ function validateFunkitProviderProps(props) {
16030
15373
  }
16031
15374
 
16032
15375
  // src/components/FunkitProvider/AppContext.ts
16033
- import { createContext as createContext22 } from "react";
15376
+ import { createContext as createContext18 } from "react";
16034
15377
  var defaultAppInfo = {
16035
15378
  appName: void 0,
16036
15379
  disclaimer: void 0,
16037
15380
  learnMoreUrl: "https://learn.rainbow.me/understanding-web3?utm_source=rainbowkit&utm_campaign=learnmore"
16038
15381
  };
16039
- var AppContext = createContext22(defaultAppInfo);
15382
+ var AppContext = createContext18(defaultAppInfo);
16040
15383
 
16041
15384
  // src/components/FunkitProvider/useFingerprint.ts
16042
- import { useCallback as useCallback33, useEffect as useEffect35 } from "react";
16043
- var storageKey6 = "funkit-connect-version";
15385
+ import { useCallback as useCallback32, useEffect as useEffect32 } from "react";
15386
+ var storageKey5 = "funkit-connect-version";
16044
15387
  function setFunkitConnectVersion({ version }) {
16045
- localStorage.setItem(storageKey6, version);
15388
+ localStorage.setItem(storageKey5, version);
16046
15389
  }
16047
15390
  function getCurrentSdkVersion() {
16048
- return "2.0.2";
15391
+ return "2.0.3";
16049
15392
  }
16050
15393
  function useFingerprint() {
16051
- const fingerprint = useCallback33(() => {
15394
+ const fingerprint = useCallback32(() => {
16052
15395
  setFunkitConnectVersion({ version: getCurrentSdkVersion() });
16053
15396
  }, []);
16054
- useEffect35(() => {
15397
+ useEffect32(() => {
16055
15398
  fingerprint();
16056
15399
  }, [fingerprint]);
16057
15400
  }
16058
15401
 
16059
15402
  // src/components/FunkitProvider/usePreloadImages.ts
16060
- import { useCallback as useCallback34, useEffect as useEffect36 } from "react";
15403
+ import { useCallback as useCallback33, useEffect as useEffect33 } from "react";
16061
15404
 
16062
15405
  // src/components/Icons/Assets.tsx
16063
- import React137 from "react";
15406
+ import React133 from "react";
16064
15407
  var src = async () => (await import("./assets-26YY4GVD.js")).default;
16065
15408
  var preloadAssetsIcon = () => loadImages(src);
16066
15409
 
16067
15410
  // src/components/Icons/Login.tsx
16068
- import React138 from "react";
15411
+ import React134 from "react";
16069
15412
  var src2 = async () => (await import("./login-ZSMM5UYL.js")).default;
16070
15413
  var preloadLoginIcon = () => loadImages(src2);
16071
15414
 
@@ -16073,8 +15416,7 @@ var preloadLoginIcon = () => loadImages(src2);
16073
15416
  function usePreloadImages() {
16074
15417
  const funkitConnectChains = useFunkitConnectChains();
16075
15418
  const walletConnectors = useWalletConnectors();
16076
- const isUnauthenticated = useAuthenticationStatus() === "unauthenticated";
16077
- const preloadImages = useCallback34(() => {
15419
+ const preloadImages = useCallback33(() => {
16078
15420
  loadImages(
16079
15421
  ...walletConnectors.map((wallet) => wallet.iconUrl),
16080
15422
  ...funkitConnectChains.map((chain) => chain.iconUrl).filter(isNotNullish)
@@ -16083,17 +15425,14 @@ function usePreloadImages() {
16083
15425
  preloadAssetsIcon();
16084
15426
  preloadLoginIcon();
16085
15427
  }
16086
- if (isUnauthenticated) {
16087
- loadImages(signInIcon);
16088
- }
16089
- }, [walletConnectors, funkitConnectChains, isUnauthenticated]);
16090
- useEffect36(() => {
15428
+ }, [walletConnectors, funkitConnectChains]);
15429
+ useEffect33(() => {
16091
15430
  preloadImages();
16092
15431
  }, [preloadImages]);
16093
15432
  }
16094
15433
 
16095
15434
  // src/components/FunkitProvider/FunkitProvider.tsx
16096
- var ThemeIdContext2 = createContext23(void 0);
15435
+ var ThemeIdContext2 = createContext19(void 0);
16097
15436
  var attr2 = "data-rk";
16098
15437
  var createThemeRootProps2 = (id) => ({ [attr2]: id || "" });
16099
15438
  var createThemeRootSelector = (id) => {
@@ -16121,9 +15460,9 @@ function FunkitProvider(props) {
16121
15460
  !!props.debug,
16122
15461
  getCurrentSdkVersion()
16123
15462
  );
16124
- const MainChild = /* @__PURE__ */ React139.createElement(FunkitThemeProvider, {
15463
+ const MainChild = /* @__PURE__ */ React135.createElement(FunkitThemeProvider, {
16125
15464
  theme: props.theme
16126
- }, /* @__PURE__ */ React139.createElement(FunkitProviderInner, {
15465
+ }, /* @__PURE__ */ React135.createElement(FunkitProviderInner, {
16127
15466
  appInfo: props.appInfo,
16128
15467
  avatar: props.avatar,
16129
15468
  id: props.id,
@@ -16134,9 +15473,9 @@ function FunkitProvider(props) {
16134
15473
  sandbox: props.sandbox,
16135
15474
  modalSize: props.modalSize
16136
15475
  }, props.children));
16137
- return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React139.createElement(WagmiProvider, {
15476
+ return finalWagmiConfig && finalQueryClient ? /* @__PURE__ */ React135.createElement(WagmiProvider, {
16138
15477
  config: finalWagmiConfig
16139
- }, /* @__PURE__ */ React139.createElement(QueryClientProvider, {
15478
+ }, /* @__PURE__ */ React135.createElement(QueryClientProvider, {
16140
15479
  client: finalQueryClient
16141
15480
  }, MainChild)) : MainChild;
16142
15481
  }
@@ -16164,37 +15503,31 @@ function FunkitProviderInner({
16164
15503
  const avatarContext = avatar != null ? avatar : defaultAvatar;
16165
15504
  const isSandboxMode = !!sandbox;
16166
15505
  const modalSizeFinal = modalSize || ModalSizeOptions.WIDE;
16167
- const coolMode = false;
16168
- const showRecentTransactions = false;
16169
- return /* @__PURE__ */ React139.createElement(FunkitConfigContext.Provider, {
15506
+ return /* @__PURE__ */ React135.createElement(FunkitConfigContext.Provider, {
16170
15507
  value: funkitConfig
16171
- }, /* @__PURE__ */ React139.createElement(FunkitConnectChainProvider, {
15508
+ }, /* @__PURE__ */ React135.createElement(FunkitConnectChainProvider, {
16172
15509
  initialChain
16173
- }, /* @__PURE__ */ React139.createElement(WalletButtonProvider, null, /* @__PURE__ */ React139.createElement(I18nProvider, {
15510
+ }, /* @__PURE__ */ React135.createElement(I18nProvider, {
16174
15511
  locale
16175
- }, /* @__PURE__ */ React139.createElement(CoolModeContext.Provider, {
16176
- value: coolMode
16177
- }, /* @__PURE__ */ React139.createElement(ModalSizeProvider, {
15512
+ }, /* @__PURE__ */ React135.createElement(ModalSizeProvider, {
16178
15513
  modalSize: modalSizeFinal
16179
- }, /* @__PURE__ */ React139.createElement(FunkitWeb2Provider, null, /* @__PURE__ */ React139.createElement(GeneralWalletProvider, null, /* @__PURE__ */ React139.createElement(FunkitCheckoutProvider, null, /* @__PURE__ */ React139.createElement(ShowRecentTransactionsContext.Provider, {
16180
- value: showRecentTransactions
16181
- }, /* @__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, {
16182
15515
  value: isSandboxMode
16183
- }, /* @__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, {
16184
15517
  value: avatarContext
16185
- }, /* @__PURE__ */ React139.createElement(AppContext.Provider, {
15518
+ }, /* @__PURE__ */ React135.createElement(AppContext.Provider, {
16186
15519
  value: appContext
16187
- }, /* @__PURE__ */ React139.createElement(ThemeIdContext2.Provider, {
15520
+ }, /* @__PURE__ */ React135.createElement(ThemeIdContext2.Provider, {
16188
15521
  value: id
16189
- }, /* @__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, {
16190
15523
  debug: !!debug
16191
- }, /* @__PURE__ */ React139.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React139.createElement("div", {
15524
+ }, /* @__PURE__ */ React135.createElement(ModalProvider, null, activeTheme ? /* @__PURE__ */ React135.createElement("div", {
16192
15525
  ...createThemeRootProps2(id),
16193
15526
  style: {
16194
15527
  width: "100%",
16195
15528
  height: "100%"
16196
15529
  }
16197
- }, /* @__PURE__ */ React139.createElement("style", {
15530
+ }, /* @__PURE__ */ React135.createElement("style", {
16198
15531
  dangerouslySetInnerHTML: {
16199
15532
  __html: [
16200
15533
  `${selector}{${cssStringFromTheme(
@@ -16202,414 +15535,215 @@ function FunkitProviderInner({
16202
15535
  )}}`
16203
15536
  ].join("")
16204
15537
  }
16205
- }), children) : children))))))))))))))))))));
16206
- }
16207
-
16208
- // src/components/WalletButton/WalletButton.tsx
16209
- import React141, { useContext as useContext30 } from "react";
16210
-
16211
- // src/components/WalletButton/WalletButton.css.ts
16212
- var border = "_85s11r0";
16213
- var maxWidth = "_85s11r1";
16214
-
16215
- // src/components/WalletButton/WalletButtonRenderer.tsx
16216
- import React140, {
16217
- useContext as useContext29,
16218
- useEffect as useEffect37,
16219
- useMemo as useMemo36,
16220
- useState as useState45
16221
- } from "react";
16222
- import { useAccount as useAccount17, useAccountEffect as useAccountEffect4 } from "wagmi";
16223
- function WalletButtonRenderer({
16224
- wallet = "rainbow",
16225
- children
16226
- }) {
16227
- const isMounted = useIsMounted();
16228
- const { openConnectModal } = useConnectModal();
16229
- const { connectModalOpen } = useModalState();
16230
- const { connector, setConnector } = useContext29(WalletButtonContext);
16231
- const [firstConnector] = useWalletConnectors().filter((wallet2) => wallet2.isFunkitSdkConnector).filter((_wallet) => _wallet.id.toLowerCase() === wallet.toLowerCase()).sort((a, b) => a.groupIndex - b.groupIndex);
16232
- if (!firstConnector) {
16233
- throw new Error("Connector not found");
16234
- }
16235
- const connectionStatus = useConnectionStatus();
16236
- const [loading, setLoading] = useState45(false);
16237
- const [isError, setIsError] = useState45(false);
16238
- const mobile = isMobile();
16239
- useEffect37(() => {
16240
- if (!connectModalOpen && connector)
16241
- setConnector(null);
16242
- }, [connectModalOpen, connector, setConnector]);
16243
- const { isConnected, isConnecting } = useAccount17();
16244
- useAccountEffect4({
16245
- onConnect: () => {
16246
- if (isError)
16247
- setIsError(false);
16248
- },
16249
- onDisconnect: clearLatestWalletId
16250
- });
16251
- const isLastWalletIdConnected = useMemo36(() => {
16252
- const lastWalletId = getLatestWalletId();
16253
- if (!lastWalletId || !(firstConnector == null ? void 0 : firstConnector.id)) {
16254
- return false;
16255
- }
16256
- if (!isConnected)
16257
- return false;
16258
- return lastWalletId === (firstConnector == null ? void 0 : firstConnector.id);
16259
- }, [isConnected, firstConnector]);
16260
- const connectWallet = async () => {
16261
- var _a;
16262
- try {
16263
- setLoading(true);
16264
- if (isError)
16265
- setIsError(false);
16266
- await ((_a = firstConnector == null ? void 0 : firstConnector.connect) == null ? void 0 : _a.call(firstConnector));
16267
- } catch {
16268
- setIsError(true);
16269
- } finally {
16270
- setLoading(false);
16271
- }
16272
- };
16273
- const isStatusLoading = connectionStatus === "loading";
16274
- const ready = !isConnecting && !!openConnectModal && firstConnector && !isStatusLoading;
16275
- const isNotSupported = !(firstConnector == null ? void 0 : firstConnector.installed) || !(firstConnector == null ? void 0 : firstConnector.ready);
16276
- return /* @__PURE__ */ React140.createElement(React140.Fragment, null, children({
16277
- error: isError,
16278
- loading,
16279
- connected: isLastWalletIdConnected,
16280
- ready,
16281
- mounted: isMounted(),
16282
- connector: firstConnector,
16283
- connect: async () => {
16284
- addLatestWalletId((firstConnector == null ? void 0 : firstConnector.id) || "");
16285
- if (mobile || isNotSupported) {
16286
- openConnectModal == null ? void 0 : openConnectModal();
16287
- setConnector(firstConnector);
16288
- return;
16289
- }
16290
- await connectWallet();
16291
- }
16292
- }));
16293
- }
16294
-
16295
- // src/components/WalletButton/WalletButton.tsx
16296
- var WalletButton = ({ wallet }) => {
16297
- const { i18n: i18n2 } = useContext30(I18nContext);
16298
- return /* @__PURE__ */ React141.createElement(WalletButtonRenderer, {
16299
- wallet
16300
- }, ({ ready, connect, connected, mounted, connector, loading }) => {
16301
- const isDisabled = !ready || loading;
16302
- const connectorName = (connector == null ? void 0 : connector.name) || "";
16303
- if (!mounted)
16304
- return;
16305
- return /* @__PURE__ */ React141.createElement(Box, {
16306
- display: "flex",
16307
- flexDirection: "column",
16308
- alignItems: "center",
16309
- disabled: isDisabled,
16310
- style: {
16311
- pointerEvents: isDisabled ? "none" : "all"
16312
- }
16313
- }, /* @__PURE__ */ React141.createElement(Box, {
16314
- as: "button",
16315
- borderRadius: "menuButton",
16316
- borderStyle: "solid",
16317
- borderWidth: "1",
16318
- className: [
16319
- maxWidth,
16320
- border,
16321
- touchableStyles({
16322
- active: "shrink",
16323
- hover: "grow"
16324
- })
16325
- ],
16326
- minHeight: "44",
16327
- onClick: connect,
16328
- disabled: !ready || loading,
16329
- padding: "6",
16330
- style: { willChange: "transform" },
16331
- testId: `wallet-button-${(connector == null ? void 0 : connector.id) || ""}`,
16332
- transition: "default",
16333
- width: "full",
16334
- background: "connectButtonBackground"
16335
- }, /* @__PURE__ */ React141.createElement(Box, {
16336
- color: "modalText",
16337
- fontFamily: "body",
16338
- fontSize: "16",
16339
- fontWeight: "bold",
16340
- transition: "default",
16341
- display: "flex",
16342
- alignItems: "center"
16343
- }, /* @__PURE__ */ React141.createElement(Box, {
16344
- alignItems: "center",
16345
- display: "flex",
16346
- flexDirection: "row",
16347
- gap: "12",
16348
- paddingRight: "6"
16349
- }, /* @__PURE__ */ React141.createElement(Box, null, loading ? /* @__PURE__ */ React141.createElement(SpinnerIcon, null) : /* @__PURE__ */ React141.createElement(AsyncImage, {
16350
- background: connector == null ? void 0 : connector.iconBackground,
16351
- borderRadius: "6",
16352
- height: "28",
16353
- src: connector == null ? void 0 : connector.iconUrl,
16354
- width: "28"
16355
- })), /* @__PURE__ */ React141.createElement(Box, {
16356
- alignItems: "center",
16357
- display: "flex",
16358
- flexDirection: "column",
16359
- color: "modalText"
16360
- }, /* @__PURE__ */ React141.createElement(Box, {
16361
- testId: `wallet-button-label-${(connector == null ? void 0 : connector.id) || ""}`
16362
- }, loading ? i18n2.t("connect.status.connecting", {
16363
- wallet: connectorName
16364
- }) : connectorName)), connected ? /* @__PURE__ */ React141.createElement(Box, {
16365
- background: "connectionIndicator",
16366
- borderColor: "selectedOptionBorder",
16367
- borderRadius: "full",
16368
- borderStyle: "solid",
16369
- borderWidth: "1",
16370
- height: "8",
16371
- width: "8"
16372
- }) : null))));
16373
- });
16374
- };
16375
- WalletButton.Custom = WalletButtonRenderer;
16376
-
16377
- // src/wallets/getDefaultWallets.ts
16378
- function getDefaultWallets(parameters) {
16379
- const wallets = [
16380
- {
16381
- groupName: "Popular",
16382
- wallets: [
16383
- rainbowWallet,
16384
- coinbaseWallet,
16385
- metaMaskWallet,
16386
- walletConnectWallet
16387
- ]
16388
- }
16389
- ];
16390
- if (parameters) {
16391
- return {
16392
- connectors: connectorsForWallets(wallets, parameters),
16393
- wallets
16394
- };
16395
- }
16396
- return {
16397
- wallets
16398
- };
15538
+ }), children) : children))))))))))))))));
16399
15539
  }
16400
15540
 
16401
- // src/__private__/index.ts
16402
- var __private__ = {
16403
- dialogContent,
16404
- dialogContentMobile
16405
- };
16406
-
16407
15541
  // src/components/Icons/FunkitPaymentsIconLine.tsx
16408
- import React142 from "react";
15542
+ import React136 from "react";
16409
15543
  function MetaMaskPaymentIcon({ size = 16 }) {
16410
- return /* @__PURE__ */ React142.createElement("svg", {
15544
+ return /* @__PURE__ */ React136.createElement("svg", {
16411
15545
  width: size,
16412
15546
  height: size,
16413
15547
  viewBox: "0 0 28 28",
16414
15548
  fill: "none",
16415
15549
  xmlns: "http://www.w3.org/2000/svg"
16416
- }, /* @__PURE__ */ React142.createElement("path", {
15550
+ }, /* @__PURE__ */ React136.createElement("path", {
16417
15551
  d: "M24.0891 3.1199L15.3446 9.61456L16.9617 5.7828L24.0891 3.1199Z",
16418
15552
  fill: "#E2761B",
16419
15553
  stroke: "#E2761B",
16420
15554
  strokeWidth: "0.0878845",
16421
15555
  strokeLinecap: "round",
16422
15556
  strokeLinejoin: "round"
16423
- }), /* @__PURE__ */ React142.createElement("path", {
15557
+ }), /* @__PURE__ */ React136.createElement("path", {
16424
15558
  d: "M3.90207 3.1199L12.5763 9.67608L11.0383 5.7828L3.90207 3.1199Z",
16425
15559
  fill: "#E4761B",
16426
15560
  stroke: "#E4761B",
16427
15561
  strokeWidth: "0.0878845",
16428
15562
  strokeLinecap: "round",
16429
15563
  strokeLinejoin: "round"
16430
- }), /* @__PURE__ */ React142.createElement("path", {
15564
+ }), /* @__PURE__ */ React136.createElement("path", {
16431
15565
  d: "M20.9429 18.1745L18.6139 21.7426L23.597 23.1136L25.0295 18.2536L20.9429 18.1745Z",
16432
15566
  fill: "#E4761B",
16433
15567
  stroke: "#E4761B",
16434
15568
  strokeWidth: "0.0878845",
16435
15569
  strokeLinecap: "round",
16436
15570
  strokeLinejoin: "round"
16437
- }), /* @__PURE__ */ React142.createElement("path", {
15571
+ }), /* @__PURE__ */ React136.createElement("path", {
16438
15572
  d: "M2.97929 18.2536L4.40301 23.1136L9.38607 21.7426L7.05713 18.1745L2.97929 18.2536Z",
16439
15573
  fill: "#E4761B",
16440
15574
  stroke: "#E4761B",
16441
15575
  strokeWidth: "0.0878845",
16442
15576
  strokeLinecap: "round",
16443
15577
  strokeLinejoin: "round"
16444
- }), /* @__PURE__ */ React142.createElement("path", {
15578
+ }), /* @__PURE__ */ React136.createElement("path", {
16445
15579
  d: "M9.10483 12.1456L7.71626 14.2461L12.6642 14.4658L12.4884 9.14877L9.10483 12.1456Z",
16446
15580
  fill: "#E4761B",
16447
15581
  stroke: "#E4761B",
16448
15582
  strokeWidth: "0.0878845",
16449
15583
  strokeLinecap: "round",
16450
15584
  strokeLinejoin: "round"
16451
- }), /* @__PURE__ */ React142.createElement("path", {
15585
+ }), /* @__PURE__ */ React136.createElement("path", {
16452
15586
  d: "M18.8864 12.1456L15.4589 9.08725L15.3446 14.4658L20.2837 14.2461L18.8864 12.1456Z",
16453
15587
  fill: "#E4761B",
16454
15588
  stroke: "#E4761B",
16455
15589
  strokeWidth: "0.0878845",
16456
15590
  strokeLinecap: "round",
16457
15591
  strokeLinejoin: "round"
16458
- }), /* @__PURE__ */ React142.createElement("path", {
15592
+ }), /* @__PURE__ */ React136.createElement("path", {
16459
15593
  d: "M9.38606 21.7426L12.3566 20.2925L9.79033 18.2888L9.38606 21.7426Z",
16460
15594
  fill: "#E4761B",
16461
15595
  stroke: "#E4761B",
16462
15596
  strokeWidth: "0.0878845",
16463
15597
  strokeLinecap: "round",
16464
15598
  strokeLinejoin: "round"
16465
- }), /* @__PURE__ */ React142.createElement("path", {
15599
+ }), /* @__PURE__ */ React136.createElement("path", {
16466
15600
  d: "M15.6347 20.2925L18.6139 21.7426L18.2009 18.2888L15.6347 20.2925Z",
16467
15601
  fill: "#E4761B",
16468
15602
  stroke: "#E4761B",
16469
15603
  strokeWidth: "0.0878845",
16470
15604
  strokeLinecap: "round",
16471
15605
  strokeLinejoin: "round"
16472
- }), /* @__PURE__ */ React142.createElement("path", {
15606
+ }), /* @__PURE__ */ React136.createElement("path", {
16473
15607
  d: "M18.6139 21.7426L15.6347 20.2925L15.8719 22.2348L15.8456 23.0521L18.6139 21.7426Z",
16474
15608
  fill: "#D7C1B3",
16475
15609
  stroke: "#D7C1B3",
16476
15610
  strokeWidth: "0.0878845",
16477
15611
  strokeLinecap: "round",
16478
15612
  strokeLinejoin: "round"
16479
- }), /* @__PURE__ */ React142.createElement("path", {
15613
+ }), /* @__PURE__ */ React136.createElement("path", {
16480
15614
  d: "M9.38606 21.7426L12.1544 23.0521L12.1368 22.2348L12.3566 20.2925L9.38606 21.7426Z",
16481
15615
  fill: "#D7C1B3",
16482
15616
  stroke: "#D7C1B3",
16483
15617
  strokeWidth: "0.0878845",
16484
15618
  strokeLinecap: "round",
16485
15619
  strokeLinejoin: "round"
16486
- }), /* @__PURE__ */ React142.createElement("path", {
15620
+ }), /* @__PURE__ */ React136.createElement("path", {
16487
15621
  d: "M12.1984 17.0056L9.72002 16.2762L11.4689 15.4765L12.1984 17.0056Z",
16488
15622
  fill: "#233447",
16489
15623
  stroke: "#233447",
16490
15624
  strokeWidth: "0.0878845",
16491
15625
  strokeLinecap: "round",
16492
15626
  strokeLinejoin: "round"
16493
- }), /* @__PURE__ */ React142.createElement("path", {
15627
+ }), /* @__PURE__ */ React136.createElement("path", {
16494
15628
  d: "M15.7928 17.0056L16.5223 15.4765L18.28 16.2762L15.7928 17.0056Z",
16495
15629
  fill: "#233447",
16496
15630
  stroke: "#233447",
16497
15631
  strokeWidth: "0.0878845",
16498
15632
  strokeLinecap: "round",
16499
15633
  strokeLinejoin: "round"
16500
- }), /* @__PURE__ */ React142.createElement("path", {
15634
+ }), /* @__PURE__ */ React136.createElement("path", {
16501
15635
  d: "M9.38606 21.7426L9.80791 18.1745L7.05712 18.2536L9.38606 21.7426Z",
16502
15636
  fill: "#CD6116",
16503
15637
  stroke: "#CD6116",
16504
15638
  strokeWidth: "0.0878845",
16505
15639
  strokeLinecap: "round",
16506
15640
  strokeLinejoin: "round"
16507
- }), /* @__PURE__ */ React142.createElement("path", {
15641
+ }), /* @__PURE__ */ React136.createElement("path", {
16508
15642
  d: "M18.1921 18.1745L18.6139 21.7426L20.9429 18.2536L18.1921 18.1745Z",
16509
15643
  fill: "#CD6116",
16510
15644
  stroke: "#CD6116",
16511
15645
  strokeWidth: "0.0878845",
16512
15646
  strokeLinecap: "round",
16513
15647
  strokeLinejoin: "round"
16514
- }), /* @__PURE__ */ React142.createElement("path", {
15648
+ }), /* @__PURE__ */ React136.createElement("path", {
16515
15649
  d: "M20.2837 14.2461L15.3446 14.4658L15.8016 17.0057L16.5311 15.4765L18.2888 16.2762L20.2837 14.2461Z",
16516
15650
  fill: "#CD6116",
16517
15651
  stroke: "#CD6116",
16518
15652
  strokeWidth: "0.0878845",
16519
15653
  strokeLinecap: "round",
16520
15654
  strokeLinejoin: "round"
16521
- }), /* @__PURE__ */ React142.createElement("path", {
15655
+ }), /* @__PURE__ */ React136.createElement("path", {
16522
15656
  d: "M9.72002 16.2762L11.4777 15.4765L12.1984 17.0057L12.6642 14.4658L7.71626 14.2461L9.72002 16.2762Z",
16523
15657
  fill: "#CD6116",
16524
15658
  stroke: "#CD6116",
16525
15659
  strokeWidth: "0.0878845",
16526
15660
  strokeLinecap: "round",
16527
15661
  strokeLinejoin: "round"
16528
- }), /* @__PURE__ */ React142.createElement("path", {
15662
+ }), /* @__PURE__ */ React136.createElement("path", {
16529
15663
  d: "M7.71626 14.2461L9.79033 18.2888L9.72002 16.2762L7.71626 14.2461Z",
16530
15664
  fill: "#E4751F",
16531
15665
  stroke: "#E4751F",
16532
15666
  strokeWidth: "0.0878845",
16533
15667
  strokeLinecap: "round",
16534
15668
  strokeLinejoin: "round"
16535
- }), /* @__PURE__ */ React142.createElement("path", {
15669
+ }), /* @__PURE__ */ React136.createElement("path", {
16536
15670
  d: "M18.2888 16.2762L18.2009 18.2888L20.2837 14.2461L18.2888 16.2762Z",
16537
15671
  fill: "#E4751F",
16538
15672
  stroke: "#E4751F",
16539
15673
  strokeWidth: "0.0878845",
16540
15674
  strokeLinecap: "round",
16541
15675
  strokeLinejoin: "round"
16542
- }), /* @__PURE__ */ React142.createElement("path", {
15676
+ }), /* @__PURE__ */ React136.createElement("path", {
16543
15677
  d: "M12.6642 14.4658L12.1984 17.0057L12.7784 20.0025L12.9102 16.0565L12.6642 14.4658Z",
16544
15678
  fill: "#E4751F",
16545
15679
  stroke: "#E4751F",
16546
15680
  strokeWidth: "0.0878845",
16547
15681
  strokeLinecap: "round",
16548
15682
  strokeLinejoin: "round"
16549
- }), /* @__PURE__ */ React142.createElement("path", {
15683
+ }), /* @__PURE__ */ React136.createElement("path", {
16550
15684
  d: "M15.3446 14.4658L15.1073 16.0477L15.2128 20.0025L15.8016 17.0057L15.3446 14.4658Z",
16551
15685
  fill: "#E4751F",
16552
15686
  stroke: "#E4751F",
16553
15687
  strokeWidth: "0.0878845",
16554
15688
  strokeLinecap: "round",
16555
15689
  strokeLinejoin: "round"
16556
- }), /* @__PURE__ */ React142.createElement("path", {
15690
+ }), /* @__PURE__ */ React136.createElement("path", {
16557
15691
  d: "M15.8016 17.0056L15.2128 20.0025L15.6347 20.2925L18.2009 18.2888L18.2888 16.2762L15.8016 17.0056Z",
16558
15692
  fill: "#F6851B",
16559
15693
  stroke: "#F6851B",
16560
15694
  strokeWidth: "0.0878845",
16561
15695
  strokeLinecap: "round",
16562
15696
  strokeLinejoin: "round"
16563
- }), /* @__PURE__ */ React142.createElement("path", {
15697
+ }), /* @__PURE__ */ React136.createElement("path", {
16564
15698
  d: "M9.72002 16.2762L9.79033 18.2888L12.3566 20.2925L12.7784 20.0025L12.1984 17.0056L9.72002 16.2762Z",
16565
15699
  fill: "#F6851B",
16566
15700
  stroke: "#F6851B",
16567
15701
  strokeWidth: "0.0878845",
16568
15702
  strokeLinecap: "round",
16569
15703
  strokeLinejoin: "round"
16570
- }), /* @__PURE__ */ React142.createElement("path", {
15704
+ }), /* @__PURE__ */ React136.createElement("path", {
16571
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",
16572
15706
  fill: "#C0AD9E",
16573
15707
  stroke: "#C0AD9E",
16574
15708
  strokeWidth: "0.0878845",
16575
15709
  strokeLinecap: "round",
16576
15710
  strokeLinejoin: "round"
16577
- }), /* @__PURE__ */ React142.createElement("path", {
15711
+ }), /* @__PURE__ */ React136.createElement("path", {
16578
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",
16579
15713
  fill: "#161616",
16580
15714
  stroke: "#161616",
16581
15715
  strokeWidth: "0.0878845",
16582
15716
  strokeLinecap: "round",
16583
15717
  strokeLinejoin: "round"
16584
- }), /* @__PURE__ */ React142.createElement("path", {
15718
+ }), /* @__PURE__ */ React136.createElement("path", {
16585
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",
16586
15720
  fill: "#763D16",
16587
15721
  stroke: "#763D16",
16588
15722
  strokeWidth: "0.0878845",
16589
15723
  strokeLinecap: "round",
16590
15724
  strokeLinejoin: "round"
16591
- }), /* @__PURE__ */ React142.createElement("path", {
15725
+ }), /* @__PURE__ */ React136.createElement("path", {
16592
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",
16593
15727
  fill: "#763D16",
16594
15728
  stroke: "#763D16",
16595
15729
  strokeWidth: "0.0878845",
16596
15730
  strokeLinecap: "round",
16597
15731
  strokeLinejoin: "round"
16598
- }), /* @__PURE__ */ React142.createElement("path", {
15732
+ }), /* @__PURE__ */ React136.createElement("path", {
16599
15733
  d: "M23.4827 13.4903L18.8864 12.1456L20.2837 14.2461L18.2009 18.2888L20.9429 18.2536H25.0295L23.4827 13.4903Z",
16600
15734
  fill: "#F6851B",
16601
15735
  stroke: "#F6851B",
16602
15736
  strokeWidth: "0.0878845",
16603
15737
  strokeLinecap: "round",
16604
15738
  strokeLinejoin: "round"
16605
- }), /* @__PURE__ */ React142.createElement("path", {
15739
+ }), /* @__PURE__ */ React136.createElement("path", {
16606
15740
  d: "M9.10484 12.1456L4.50848 13.4903L2.97929 18.2536H7.05713L9.79033 18.2888L7.71626 14.2461L9.10484 12.1456Z",
16607
15741
  fill: "#F6851B",
16608
15742
  stroke: "#F6851B",
16609
15743
  strokeWidth: "0.0878845",
16610
15744
  strokeLinecap: "round",
16611
15745
  strokeLinejoin: "round"
16612
- }), /* @__PURE__ */ React142.createElement("path", {
15746
+ }), /* @__PURE__ */ React136.createElement("path", {
16613
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",
16614
15748
  fill: "#F6851B",
16615
15749
  stroke: "#F6851B",
@@ -16619,29 +15753,29 @@ function MetaMaskPaymentIcon({ size = 16 }) {
16619
15753
  }));
16620
15754
  }
16621
15755
  function MastercardPaymentIcon({ size = 16 }) {
16622
- return /* @__PURE__ */ React142.createElement("svg", {
15756
+ return /* @__PURE__ */ React136.createElement("svg", {
16623
15757
  xmlns: "http://www.w3.org/2000/svg",
16624
15758
  height: size,
16625
15759
  viewBox: "0 0 152.407 108"
16626
- }, /* @__PURE__ */ React142.createElement("g", null, /* @__PURE__ */ React142.createElement("rect", {
15760
+ }, /* @__PURE__ */ React136.createElement("g", null, /* @__PURE__ */ React136.createElement("rect", {
16627
15761
  width: "152.407",
16628
15762
  height: "108",
16629
15763
  fill: "transparent"
16630
- }), /* @__PURE__ */ React142.createElement("g", null, /* @__PURE__ */ React142.createElement("rect", {
15764
+ }), /* @__PURE__ */ React136.createElement("g", null, /* @__PURE__ */ React136.createElement("rect", {
16631
15765
  x: "60.4117",
16632
15766
  y: "25.6968",
16633
15767
  width: "31.5",
16634
15768
  height: "56.6064",
16635
15769
  fill: "#ff5f00"
16636
- }), /* @__PURE__ */ React142.createElement("path", {
15770
+ }), /* @__PURE__ */ React136.createElement("path", {
16637
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",
16638
15772
  transform: "translate(-319.79649 -252)",
16639
15773
  fill: "#eb001b"
16640
- }), /* @__PURE__ */ React142.createElement("path", {
15774
+ }), /* @__PURE__ */ React136.createElement("path", {
16641
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",
16642
15776
  transform: "translate(-319.79649 -252)",
16643
15777
  fill: "#f79e1b"
16644
- }), /* @__PURE__ */ React142.createElement("path", {
15778
+ }), /* @__PURE__ */ React136.createElement("path", {
16645
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",
16646
15780
  transform: "translate(-319.79649 -252)",
16647
15781
  fill: "#f79e1b"
@@ -16651,20 +15785,44 @@ function FunkitPaymentsIconLine({
16651
15785
  size = 16,
16652
15786
  gap = "2"
16653
15787
  }) {
16654
- return /* @__PURE__ */ React142.createElement(Box, {
15788
+ return /* @__PURE__ */ React136.createElement(Box, {
16655
15789
  display: "flex",
16656
15790
  flexDirection: "row",
16657
15791
  gap,
16658
15792
  alignItems: "center",
16659
15793
  justifyContent: "center"
16660
- }, /* @__PURE__ */ React142.createElement(MetaMaskPaymentIcon, {
15794
+ }, /* @__PURE__ */ React136.createElement(MetaMaskPaymentIcon, {
16661
15795
  size
16662
- }), /* @__PURE__ */ React142.createElement(MastercardPaymentIcon, {
15796
+ }), /* @__PURE__ */ React136.createElement(MastercardPaymentIcon, {
16663
15797
  size
16664
- }), /* @__PURE__ */ React142.createElement(CoinbaseIcon, {
15798
+ }), /* @__PURE__ */ React136.createElement(CoinbaseIcon, {
16665
15799
  size
16666
15800
  }));
16667
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
+ }
16668
15826
  export {
16669
15827
  ConnectButton,
16670
15828
  FunkitConnectAuthenticationProvider,
@@ -16673,7 +15831,6 @@ export {
16673
15831
  FunkitSocialLoginMethod,
16674
15832
  NATIVE_TOKEN,
16675
15833
  PaymentMethod,
16676
- WalletButton,
16677
15834
  __private__,
16678
15835
  createAuthenticationAdapter,
16679
15836
  createFunkitWagmiConfig,