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