@funkit/connect 1.0.5 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (26) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/dist/components/Box/Box.d.ts +6 -6
  3. package/dist/components/ConnectButton/ConnectButton.d.ts +3 -1
  4. package/dist/components/FunAssetAvatar/FunAssetAvatar.d.ts +3 -2
  5. package/dist/components/FunCheckoutHistoryModal/FunCheckoutHistoryModal.d.ts +1 -2
  6. package/dist/components/FunCheckoutModal/FunCheckoutModal.d.ts +1 -1
  7. package/dist/components/FunTransactionSummary/FunTransactionSummary.d.ts +2 -1
  8. package/dist/components/FunkitProvider/FunkitCheckoutContext.d.ts +16 -17
  9. package/dist/components/FunkitProvider/FunkitConfigContext.d.ts +22 -3
  10. package/dist/components/FunkitProvider/ModalContext.d.ts +1 -1
  11. package/dist/consts/funkit.d.ts +1 -0
  12. package/dist/consts/quote.d.ts +13 -0
  13. package/dist/css/sprinkles.css.d.ts +6 -6
  14. package/dist/hooks/useCheckoutQuoteNotification.d.ts +7 -0
  15. package/dist/hooks/useCheckoutType.d.ts +4 -2
  16. package/dist/hooks/useFunListeners.d.ts +1 -1
  17. package/dist/index.css +1325 -1289
  18. package/dist/index.d.ts +1 -0
  19. package/dist/index.js +980 -674
  20. package/dist/utils/checkout.d.ts +1 -1
  21. package/dist/utils/checkoutFees.d.ts +27 -0
  22. package/dist/utils/formatNumber.d.ts +1 -0
  23. package/dist/wallets/walletConnectors/funkitConnectWallet/funkitConnectWallet.js +2 -1
  24. package/dist/wallets/walletConnectors/index.js +64 -64
  25. package/dist/zetachain-WXXDOYLF.js +6 -0
  26. package/package.json +3 -3
package/dist/index.js CHANGED
@@ -20,14 +20,14 @@ import { createSprinkles as _ad221 } from "@vanilla-extract/sprinkles/createRunt
20
20
  var largeScreenMinWidth = 768;
21
21
  var mapResponsiveValue = _51c72({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
22
22
  var normalizeResponsiveValue = _a49f6({ conditions: { defaultCondition: "smallScreen", conditionNames: ["smallScreen", "largeScreen"], responsiveArray: void 0 } });
23
- var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fdq", hover: "_1rsrm2fdr", active: "_1rsrm2fds", selection: "_1rsrm2fdt" }, defaultClass: "_1rsrm2fdq" }, accentColorForeground: { conditions: { base: "_1rsrm2fdu", hover: "_1rsrm2fdv", active: "_1rsrm2fdw", selection: "_1rsrm2fdx" }, defaultClass: "_1rsrm2fdu" }, actionButtonBorder: { conditions: { base: "_1rsrm2fdy", hover: "_1rsrm2fdz", active: "_1rsrm2fe0", selection: "_1rsrm2fe1" }, defaultClass: "_1rsrm2fdy" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fe2", hover: "_1rsrm2fe3", active: "_1rsrm2fe4", selection: "_1rsrm2fe5" }, defaultClass: "_1rsrm2fe2" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fe6", hover: "_1rsrm2fe7", active: "_1rsrm2fe8", selection: "_1rsrm2fe9" }, defaultClass: "_1rsrm2fe6" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fea", hover: "_1rsrm2feb", active: "_1rsrm2fec", selection: "_1rsrm2fed" }, defaultClass: "_1rsrm2fea" }, closeButton: { conditions: { base: "_1rsrm2fee", hover: "_1rsrm2fef", active: "_1rsrm2feg", selection: "_1rsrm2feh" }, defaultClass: "_1rsrm2fee" }, closeButtonBackground: { conditions: { base: "_1rsrm2fei", hover: "_1rsrm2fej", active: "_1rsrm2fek", selection: "_1rsrm2fel" }, defaultClass: "_1rsrm2fei" }, connectButtonBackground: { conditions: { base: "_1rsrm2fem", hover: "_1rsrm2fen", active: "_1rsrm2feo", selection: "_1rsrm2fep" }, defaultClass: "_1rsrm2fem" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2feq", hover: "_1rsrm2fer", active: "_1rsrm2fes", selection: "_1rsrm2fet" }, defaultClass: "_1rsrm2feq" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2feu", hover: "_1rsrm2fev", active: "_1rsrm2few", selection: "_1rsrm2fex" }, defaultClass: "_1rsrm2feu" }, connectButtonText: { conditions: { base: "_1rsrm2fey", hover: "_1rsrm2fez", active: "_1rsrm2ff0", selection: "_1rsrm2ff1" }, defaultClass: "_1rsrm2fey" }, connectButtonTextError: { conditions: { base: "_1rsrm2ff2", hover: "_1rsrm2ff3", active: "_1rsrm2ff4", selection: "_1rsrm2ff5" }, defaultClass: "_1rsrm2ff2" }, connectionIndicator: { conditions: { base: "_1rsrm2ff6", hover: "_1rsrm2ff7", active: "_1rsrm2ff8", selection: "_1rsrm2ff9" }, defaultClass: "_1rsrm2ff6" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2ffa", hover: "_1rsrm2ffb", active: "_1rsrm2ffc", selection: "_1rsrm2ffd" }, defaultClass: "_1rsrm2ffa" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2ffe", hover: "_1rsrm2fff", active: "_1rsrm2ffg", selection: "_1rsrm2ffh" }, defaultClass: "_1rsrm2ffe" }, error: { conditions: { base: "_1rsrm2ffi", hover: "_1rsrm2ffj", active: "_1rsrm2ffk", selection: "_1rsrm2ffl" }, defaultClass: "_1rsrm2ffi" }, generalBorder: { conditions: { base: "_1rsrm2ffm", hover: "_1rsrm2ffn", active: "_1rsrm2ffo", selection: "_1rsrm2ffp" }, defaultClass: "_1rsrm2ffm" }, generalBorderDim: { conditions: { base: "_1rsrm2ffq", hover: "_1rsrm2ffr", active: "_1rsrm2ffs", selection: "_1rsrm2fft" }, defaultClass: "_1rsrm2ffq" }, menuItemBackground: { conditions: { base: "_1rsrm2ffu", hover: "_1rsrm2ffv", active: "_1rsrm2ffw", selection: "_1rsrm2ffx" }, defaultClass: "_1rsrm2ffu" }, modalText: { conditions: { base: "_1rsrm2ffy", hover: "_1rsrm2ffz", active: "_1rsrm2fg0", selection: "_1rsrm2fg1" }, defaultClass: "_1rsrm2ffy" }, modalTextDim: { conditions: { base: "_1rsrm2fg2", hover: "_1rsrm2fg3", active: "_1rsrm2fg4", selection: "_1rsrm2fg5" }, defaultClass: "_1rsrm2fg2" }, modalTextSecondary: { conditions: { base: "_1rsrm2fg6", hover: "_1rsrm2fg7", active: "_1rsrm2fg8", selection: "_1rsrm2fg9" }, defaultClass: "_1rsrm2fg6" }, profileAction: { conditions: { base: "_1rsrm2fga", hover: "_1rsrm2fgb", active: "_1rsrm2fgc", selection: "_1rsrm2fgd" }, defaultClass: "_1rsrm2fga" }, profileActionHover: { conditions: { base: "_1rsrm2fge", hover: "_1rsrm2fgf", active: "_1rsrm2fgg", selection: "_1rsrm2fgh" }, defaultClass: "_1rsrm2fge" }, profileForeground: { conditions: { base: "_1rsrm2fgi", hover: "_1rsrm2fgj", active: "_1rsrm2fgk", selection: "_1rsrm2fgl" }, defaultClass: "_1rsrm2fgi" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fgm", hover: "_1rsrm2fgn", active: "_1rsrm2fgo", selection: "_1rsrm2fgp" }, defaultClass: "_1rsrm2fgm" }, standby: { conditions: { base: "_1rsrm2fgq", hover: "_1rsrm2fgr", active: "_1rsrm2fgs", selection: "_1rsrm2fgt" }, defaultClass: "_1rsrm2fgq" }, solidLine: { conditions: { base: "_1rsrm2fgu", hover: "_1rsrm2fgv", active: "_1rsrm2fgw", selection: "_1rsrm2fgx" }, defaultClass: "_1rsrm2fgu" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fgy", hover: "_1rsrm2fgz", active: "_1rsrm2fh0", selection: "_1rsrm2fh1" }, defaultClass: "_1rsrm2fgy" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fh2", hover: "_1rsrm2fh3", active: "_1rsrm2fh4", selection: "_1rsrm2fh5" }, defaultClass: "_1rsrm2fh2" }, loadingBase: { conditions: { base: "_1rsrm2fh6", hover: "_1rsrm2fh7", active: "_1rsrm2fh8", selection: "_1rsrm2fh9" }, defaultClass: "_1rsrm2fh6" }, loadingAccent: { conditions: { base: "_1rsrm2fha", hover: "_1rsrm2fhb", active: "_1rsrm2fhc", selection: "_1rsrm2fhd" }, defaultClass: "_1rsrm2fha" }, modalBackdrop: { conditions: { base: "_1rsrm2fhe", hover: "_1rsrm2fhf", active: "_1rsrm2fhg", selection: "_1rsrm2fhh" }, defaultClass: "_1rsrm2fhe" }, modalBackground: { conditions: { base: "_1rsrm2fhi", hover: "_1rsrm2fhj", active: "_1rsrm2fhk", selection: "_1rsrm2fhl" }, defaultClass: "_1rsrm2fhi" }, modalBorder: { conditions: { base: "_1rsrm2fhm", hover: "_1rsrm2fhn", active: "_1rsrm2fho", selection: "_1rsrm2fhp" }, defaultClass: "_1rsrm2fhm" }, notificationPrimary: { conditions: { base: "_1rsrm2fhq", hover: "_1rsrm2fhr", active: "_1rsrm2fhs", selection: "_1rsrm2fht" }, defaultClass: "_1rsrm2fhq" }, textPrimary: { conditions: { base: "_1rsrm2fhu", hover: "_1rsrm2fhv", active: "_1rsrm2fhw", selection: "_1rsrm2fhx" }, defaultClass: "_1rsrm2fhu" }, textSecondary: { conditions: { base: "_1rsrm2fhy", hover: "_1rsrm2fhz", active: "_1rsrm2fi0", selection: "_1rsrm2fi1" }, defaultClass: "_1rsrm2fhy" }, textTertiary: { conditions: { base: "_1rsrm2fi2", hover: "_1rsrm2fi3", active: "_1rsrm2fi4", selection: "_1rsrm2fi5" }, defaultClass: "_1rsrm2fi2" }, textDisabled: { conditions: { base: "_1rsrm2fi6", hover: "_1rsrm2fi7", active: "_1rsrm2fi8", selection: "_1rsrm2fi9" }, defaultClass: "_1rsrm2fi6" }, textSelection: { conditions: { base: "_1rsrm2fia", hover: "_1rsrm2fib", active: "_1rsrm2fic", selection: "_1rsrm2fid" }, defaultClass: "_1rsrm2fia" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih" }, defaultClass: "_1rsrm2fie" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fii", hover: "_1rsrm2fij", active: "_1rsrm2fik", selection: "_1rsrm2fil" }, defaultClass: "_1rsrm2fii" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio", selection: "_1rsrm2fip" }, defaultClass: "_1rsrm2fim" }, strokePrimary: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit" }, defaultClass: "_1rsrm2fiq" }, strokeSecondary: { conditions: { base: "_1rsrm2fiu", hover: "_1rsrm2fiv", active: "_1rsrm2fiw", selection: "_1rsrm2fix" }, defaultClass: "_1rsrm2fiu" }, buttonPrimary: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0", selection: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiy" }, buttonProcessing: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5" }, defaultClass: "_1rsrm2fj2" }, buttonDisabled: { conditions: { base: "_1rsrm2fj6", hover: "_1rsrm2fj7", active: "_1rsrm2fj8", selection: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj6" }, buttonWarning: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fja" }, buttonTextWarning: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh" }, defaultClass: "_1rsrm2fje" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fji", hover: "_1rsrm2fjj", active: "_1rsrm2fjk", selection: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fji" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjm" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt" }, defaultClass: "_1rsrm2fjq" }, transparent: { conditions: { base: "_1rsrm2fju", hover: "_1rsrm2fjv", active: "_1rsrm2fjw", selection: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fju" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjy" }, accentColorForeground: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5" }, defaultClass: "_1rsrm2fk2" }, actionButtonBorder: { conditions: { base: "_1rsrm2fk6", hover: "_1rsrm2fk7", active: "_1rsrm2fk8", selection: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk6" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fka" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh" }, defaultClass: "_1rsrm2fke" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fki", hover: "_1rsrm2fkj", active: "_1rsrm2fkk", selection: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fki" }, closeButton: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkm" }, closeButtonBackground: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt" }, defaultClass: "_1rsrm2fkq" }, connectButtonBackground: { conditions: { base: "_1rsrm2fku", hover: "_1rsrm2fkv", active: "_1rsrm2fkw", selection: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fku" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fky" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5" }, defaultClass: "_1rsrm2fl2" }, connectButtonText: { conditions: { base: "_1rsrm2fl6", hover: "_1rsrm2fl7", active: "_1rsrm2fl8", selection: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl6" }, connectButtonTextError: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld" }, defaultClass: "_1rsrm2fla" }, connectionIndicator: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh" }, defaultClass: "_1rsrm2fle" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fli", hover: "_1rsrm2flj", active: "_1rsrm2flk", selection: "_1rsrm2fll" }, defaultClass: "_1rsrm2fli" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp" }, defaultClass: "_1rsrm2flm" }, error: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt" }, defaultClass: "_1rsrm2flq" }, generalBorder: { conditions: { base: "_1rsrm2flu", hover: "_1rsrm2flv", active: "_1rsrm2flw", selection: "_1rsrm2flx" }, defaultClass: "_1rsrm2flu" }, generalBorderDim: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1" }, defaultClass: "_1rsrm2fly" }, menuItemBackground: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5" }, defaultClass: "_1rsrm2fm2" }, modalText: { conditions: { base: "_1rsrm2fm6", hover: "_1rsrm2fm7", active: "_1rsrm2fm8", selection: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm6" }, modalTextDim: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fma" }, modalTextSecondary: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh" }, defaultClass: "_1rsrm2fme" }, profileAction: { conditions: { base: "_1rsrm2fmi", hover: "_1rsrm2fmj", active: "_1rsrm2fmk", selection: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmi" }, profileActionHover: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmm" }, profileForeground: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt" }, defaultClass: "_1rsrm2fmq" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fmu", hover: "_1rsrm2fmv", active: "_1rsrm2fmw", selection: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fmu" }, standby: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmy" }, solidLine: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5" }, defaultClass: "_1rsrm2fn2" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fn6", hover: "_1rsrm2fn7", active: "_1rsrm2fn8", selection: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn6" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fna" }, loadingBase: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh" }, defaultClass: "_1rsrm2fne" }, loadingAccent: { conditions: { base: "_1rsrm2fni", hover: "_1rsrm2fnj", active: "_1rsrm2fnk", selection: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fni" }, modalBackdrop: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnm" }, modalBackground: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt" }, defaultClass: "_1rsrm2fnq" }, modalBorder: { conditions: { base: "_1rsrm2fnu", hover: "_1rsrm2fnv", active: "_1rsrm2fnw", selection: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fnu" }, notificationPrimary: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fny" }, textPrimary: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5" }, defaultClass: "_1rsrm2fo2" }, textSecondary: { conditions: { base: "_1rsrm2fo6", hover: "_1rsrm2fo7", active: "_1rsrm2fo8", selection: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo6" }, textTertiary: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod" }, defaultClass: "_1rsrm2foa" }, textDisabled: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh" }, defaultClass: "_1rsrm2foe" }, textSelection: { conditions: { base: "_1rsrm2foi", hover: "_1rsrm2foj", active: "_1rsrm2fok", selection: "_1rsrm2fol" }, defaultClass: "_1rsrm2foi" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop" }, defaultClass: "_1rsrm2fom" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot" }, defaultClass: "_1rsrm2foq" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fou", hover: "_1rsrm2fov", active: "_1rsrm2fow", selection: "_1rsrm2fox" }, defaultClass: "_1rsrm2fou" }, strokePrimary: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1" }, defaultClass: "_1rsrm2foy" }, strokeSecondary: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5" }, defaultClass: "_1rsrm2fp2" }, buttonPrimary: { conditions: { base: "_1rsrm2fp6", hover: "_1rsrm2fp7", active: "_1rsrm2fp8", selection: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp6" }, buttonProcessing: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fpa" }, buttonDisabled: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph" }, defaultClass: "_1rsrm2fpe" }, buttonWarning: { conditions: { base: "_1rsrm2fpi", hover: "_1rsrm2fpj", active: "_1rsrm2fpk", selection: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpi" }, buttonTextWarning: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpm" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt" }, defaultClass: "_1rsrm2fpq" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fpu", hover: "_1rsrm2fpv", active: "_1rsrm2fpw", selection: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fpu" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpy" }, transparent: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5" }, defaultClass: "_1rsrm2fq2" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2fq6", hover: "_1rsrm2fq7", active: "_1rsrm2fq8", selection: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq6" }, dialog: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fqa" }, profileDetailsAction: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh" }, defaultClass: "_1rsrm2fqe" }, selectedOption: { conditions: { base: "_1rsrm2fqi", hover: "_1rsrm2fqj", active: "_1rsrm2fqk", selection: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqi" }, selectedWallet: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqm" }, walletLogo: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt" }, defaultClass: "_1rsrm2fqq" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fqu", hover: "_1rsrm2fqv", active: "_1rsrm2fqw", selection: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqu" }, accentColorForeground: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqy" }, actionButtonBorder: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5" }, defaultClass: "_1rsrm2fr2" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fr6", hover: "_1rsrm2fr7", active: "_1rsrm2fr8", selection: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr6" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd" }, defaultClass: "_1rsrm2fra" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh" }, defaultClass: "_1rsrm2fre" }, closeButton: { conditions: { base: "_1rsrm2fri", hover: "_1rsrm2frj", active: "_1rsrm2frk", selection: "_1rsrm2frl" }, defaultClass: "_1rsrm2fri" }, closeButtonBackground: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp" }, defaultClass: "_1rsrm2frm" }, connectButtonBackground: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt" }, defaultClass: "_1rsrm2frq" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fru", hover: "_1rsrm2frv", active: "_1rsrm2frw", selection: "_1rsrm2frx" }, defaultClass: "_1rsrm2fru" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1" }, defaultClass: "_1rsrm2fry" }, connectButtonText: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5" }, defaultClass: "_1rsrm2fs2" }, connectButtonTextError: { conditions: { base: "_1rsrm2fs6", hover: "_1rsrm2fs7", active: "_1rsrm2fs8", selection: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs6" }, connectionIndicator: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fsa" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh" }, defaultClass: "_1rsrm2fse" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fsi", hover: "_1rsrm2fsj", active: "_1rsrm2fsk", selection: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsi" }, error: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsm" }, generalBorder: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst" }, defaultClass: "_1rsrm2fsq" }, generalBorderDim: { conditions: { base: "_1rsrm2fsu", hover: "_1rsrm2fsv", active: "_1rsrm2fsw", selection: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fsu" }, menuItemBackground: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsy" }, modalText: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5" }, defaultClass: "_1rsrm2ft2" }, modalTextDim: { conditions: { base: "_1rsrm2ft6", hover: "_1rsrm2ft7", active: "_1rsrm2ft8", selection: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft6" }, modalTextSecondary: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd" }, defaultClass: "_1rsrm2fta" }, profileAction: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth" }, defaultClass: "_1rsrm2fte" }, profileActionHover: { conditions: { base: "_1rsrm2fti", hover: "_1rsrm2ftj", active: "_1rsrm2ftk", selection: "_1rsrm2ftl" }, defaultClass: "_1rsrm2fti" }, profileForeground: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftm" }, selectedOptionBorder: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt" }, defaultClass: "_1rsrm2ftq" }, standby: { conditions: { base: "_1rsrm2ftu", hover: "_1rsrm2ftv", active: "_1rsrm2ftw", selection: "_1rsrm2ftx" }, defaultClass: "_1rsrm2ftu" }, solidLine: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1" }, defaultClass: "_1rsrm2fty" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5" }, defaultClass: "_1rsrm2fu2" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fu6", hover: "_1rsrm2fu7", active: "_1rsrm2fu8", selection: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu6" }, loadingBase: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud" }, defaultClass: "_1rsrm2fua" }, loadingAccent: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh" }, defaultClass: "_1rsrm2fue" }, modalBackdrop: { conditions: { base: "_1rsrm2fui", hover: "_1rsrm2fuj", active: "_1rsrm2fuk", selection: "_1rsrm2ful" }, defaultClass: "_1rsrm2fui" }, modalBackground: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup" }, defaultClass: "_1rsrm2fum" }, modalBorder: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut" }, defaultClass: "_1rsrm2fuq" }, notificationPrimary: { conditions: { base: "_1rsrm2fuu", hover: "_1rsrm2fuv", active: "_1rsrm2fuw", selection: "_1rsrm2fux" }, defaultClass: "_1rsrm2fuu" }, textPrimary: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuy" }, textSecondary: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5" }, defaultClass: "_1rsrm2fv2" }, textTertiary: { conditions: { base: "_1rsrm2fv6", hover: "_1rsrm2fv7", active: "_1rsrm2fv8", selection: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv6" }, textDisabled: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fva" }, textSelection: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh" }, defaultClass: "_1rsrm2fve" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fvi", hover: "_1rsrm2fvj", active: "_1rsrm2fvk", selection: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvi" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvm" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt" }, defaultClass: "_1rsrm2fvq" }, strokePrimary: { conditions: { base: "_1rsrm2fvu", hover: "_1rsrm2fvv", active: "_1rsrm2fvw", selection: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvu" }, strokeSecondary: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvy" }, buttonPrimary: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5" }, defaultClass: "_1rsrm2fw2" }, buttonProcessing: { conditions: { base: "_1rsrm2fw6", hover: "_1rsrm2fw7", active: "_1rsrm2fw8", selection: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw6" }, buttonDisabled: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fwa" }, buttonWarning: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh" }, defaultClass: "_1rsrm2fwe" }, buttonTextWarning: { conditions: { base: "_1rsrm2fwi", hover: "_1rsrm2fwj", active: "_1rsrm2fwk", selection: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwi" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwm" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt" }, defaultClass: "_1rsrm2fwq" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fwu", hover: "_1rsrm2fwv", active: "_1rsrm2fww", selection: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fwu" }, transparent: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fwy" } } } } }, { 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" }, "20": { defaultClass: "_1rsrm2f2e" }, "24": { defaultClass: "_1rsrm2f2f" }, "28": { defaultClass: "_1rsrm2f2g" }, "30": { defaultClass: "_1rsrm2f2h" }, "32": { defaultClass: "_1rsrm2f2i" }, "34": { defaultClass: "_1rsrm2f2j" }, "36": { defaultClass: "_1rsrm2f2k" }, "40": { defaultClass: "_1rsrm2f2l" }, "44": { defaultClass: "_1rsrm2f2m" }, "48": { defaultClass: "_1rsrm2f2n" }, "54": { defaultClass: "_1rsrm2f2o" }, "60": { defaultClass: "_1rsrm2f2p" }, "93": { defaultClass: "_1rsrm2f2q" }, "100": { defaultClass: "_1rsrm2f2r" }, "108": { defaultClass: "_1rsrm2f2s" }, "162": { defaultClass: "_1rsrm2f2t" }, "192": { defaultClass: "_1rsrm2f2u" }, "200": { defaultClass: "_1rsrm2f2v" }, "210": { defaultClass: "_1rsrm2f2w" }, "220": { defaultClass: "_1rsrm2f2x" }, "230": { defaultClass: "_1rsrm2f2y" }, "240": { defaultClass: "_1rsrm2f2z" }, "256": { defaultClass: "_1rsrm2f30" }, "320": { defaultClass: "_1rsrm2f31" }, "400": { defaultClass: "_1rsrm2f32" }, "440": { defaultClass: "_1rsrm2f33" }, "600": { defaultClass: "_1rsrm2f34" }, half: { defaultClass: "_1rsrm2f35" }, full: { defaultClass: "_1rsrm2f36" }, max: { defaultClass: "_1rsrm2f37" } } }, justifyContent: { values: { "flex-start": { defaultClass: "_1rsrm2f38" }, "flex-end": { defaultClass: "_1rsrm2f39" }, center: { defaultClass: "_1rsrm2f3a" }, "space-between": { defaultClass: "_1rsrm2f3b" }, "space-around": { defaultClass: "_1rsrm2f3c" } } }, textAlign: { values: { left: { defaultClass: "_1rsrm2f3d" }, center: { defaultClass: "_1rsrm2f3e" }, inherit: { defaultClass: "_1rsrm2f3f" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3g" }, "1": { defaultClass: "_1rsrm2f3h" }, "2": { defaultClass: "_1rsrm2f3i" }, "3": { defaultClass: "_1rsrm2f3j" }, "4": { defaultClass: "_1rsrm2f3k" }, "5": { defaultClass: "_1rsrm2f3l" }, "6": { defaultClass: "_1rsrm2f3m" }, "8": { defaultClass: "_1rsrm2f3n" }, "10": { defaultClass: "_1rsrm2f3o" }, "12": { defaultClass: "_1rsrm2f3p" }, "14": { defaultClass: "_1rsrm2f3q" }, "16": { defaultClass: "_1rsrm2f3r" }, "18": { defaultClass: "_1rsrm2f3s" }, "20": { defaultClass: "_1rsrm2f3t" }, "24": { defaultClass: "_1rsrm2f3u" }, "28": { defaultClass: "_1rsrm2f3v" }, "30": { defaultClass: "_1rsrm2f3w" }, "32": { defaultClass: "_1rsrm2f3x" }, "36": { defaultClass: "_1rsrm2f3y" }, "44": { defaultClass: "_1rsrm2f3z" }, "64": { defaultClass: "_1rsrm2f40" }, "-1": { defaultClass: "_1rsrm2f41" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f42" }, "1": { defaultClass: "_1rsrm2f43" }, "2": { defaultClass: "_1rsrm2f44" }, "3": { defaultClass: "_1rsrm2f45" }, "4": { defaultClass: "_1rsrm2f46" }, "5": { defaultClass: "_1rsrm2f47" }, "6": { defaultClass: "_1rsrm2f48" }, "8": { defaultClass: "_1rsrm2f49" }, "10": { defaultClass: "_1rsrm2f4a" }, "12": { defaultClass: "_1rsrm2f4b" }, "14": { defaultClass: "_1rsrm2f4c" }, "16": { defaultClass: "_1rsrm2f4d" }, "18": { defaultClass: "_1rsrm2f4e" }, "20": { defaultClass: "_1rsrm2f4f" }, "24": { defaultClass: "_1rsrm2f4g" }, "28": { defaultClass: "_1rsrm2f4h" }, "30": { defaultClass: "_1rsrm2f4i" }, "32": { defaultClass: "_1rsrm2f4j" }, "36": { defaultClass: "_1rsrm2f4k" }, "44": { defaultClass: "_1rsrm2f4l" }, "64": { defaultClass: "_1rsrm2f4m" }, "-1": { defaultClass: "_1rsrm2f4n" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f4o" }, "1": { defaultClass: "_1rsrm2f4p" }, "2": { defaultClass: "_1rsrm2f4q" }, "3": { defaultClass: "_1rsrm2f4r" }, "4": { defaultClass: "_1rsrm2f4s" }, "5": { defaultClass: "_1rsrm2f4t" }, "6": { defaultClass: "_1rsrm2f4u" }, "8": { defaultClass: "_1rsrm2f4v" }, "10": { defaultClass: "_1rsrm2f4w" }, "12": { defaultClass: "_1rsrm2f4x" }, "14": { defaultClass: "_1rsrm2f4y" }, "16": { defaultClass: "_1rsrm2f4z" }, "18": { defaultClass: "_1rsrm2f50" }, "20": { defaultClass: "_1rsrm2f51" }, "24": { defaultClass: "_1rsrm2f52" }, "28": { defaultClass: "_1rsrm2f53" }, "30": { defaultClass: "_1rsrm2f54" }, "32": { defaultClass: "_1rsrm2f55" }, "36": { defaultClass: "_1rsrm2f56" }, "44": { defaultClass: "_1rsrm2f57" }, "64": { defaultClass: "_1rsrm2f58" }, "-1": { defaultClass: "_1rsrm2f59" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f5a" }, "1": { defaultClass: "_1rsrm2f5b" }, "2": { defaultClass: "_1rsrm2f5c" }, "3": { defaultClass: "_1rsrm2f5d" }, "4": { defaultClass: "_1rsrm2f5e" }, "5": { defaultClass: "_1rsrm2f5f" }, "6": { defaultClass: "_1rsrm2f5g" }, "8": { defaultClass: "_1rsrm2f5h" }, "10": { defaultClass: "_1rsrm2f5i" }, "12": { defaultClass: "_1rsrm2f5j" }, "14": { defaultClass: "_1rsrm2f5k" }, "16": { defaultClass: "_1rsrm2f5l" }, "18": { defaultClass: "_1rsrm2f5m" }, "20": { defaultClass: "_1rsrm2f5n" }, "24": { defaultClass: "_1rsrm2f5o" }, "28": { defaultClass: "_1rsrm2f5p" }, "30": { defaultClass: "_1rsrm2f5q" }, "32": { defaultClass: "_1rsrm2f5r" }, "36": { defaultClass: "_1rsrm2f5s" }, "44": { defaultClass: "_1rsrm2f5t" }, "64": { defaultClass: "_1rsrm2f5u" }, "-1": { defaultClass: "_1rsrm2f5v" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f5w" }, "2": { defaultClass: "_1rsrm2f5x" }, "4": { defaultClass: "_1rsrm2f5y" }, "8": { defaultClass: "_1rsrm2f5z" }, "10": { defaultClass: "_1rsrm2f60" }, "12": { defaultClass: "_1rsrm2f61" }, "14": { defaultClass: "_1rsrm2f62" }, "20": { defaultClass: "_1rsrm2f63" }, "24": { defaultClass: "_1rsrm2f64" }, "28": { defaultClass: "_1rsrm2f65" }, "30": { defaultClass: "_1rsrm2f66" }, "32": { defaultClass: "_1rsrm2f67" }, "34": { defaultClass: "_1rsrm2f68" }, "36": { defaultClass: "_1rsrm2f69" }, "40": { defaultClass: "_1rsrm2f6a" }, "44": { defaultClass: "_1rsrm2f6b" }, "48": { defaultClass: "_1rsrm2f6c" }, "54": { defaultClass: "_1rsrm2f6d" }, "60": { defaultClass: "_1rsrm2f6e" }, "93": { defaultClass: "_1rsrm2f6f" }, "100": { defaultClass: "_1rsrm2f6g" }, "108": { defaultClass: "_1rsrm2f6h" }, "162": { defaultClass: "_1rsrm2f6i" }, "192": { defaultClass: "_1rsrm2f6j" }, "200": { defaultClass: "_1rsrm2f6k" }, "210": { defaultClass: "_1rsrm2f6l" }, "220": { defaultClass: "_1rsrm2f6m" }, "230": { defaultClass: "_1rsrm2f6n" }, "240": { defaultClass: "_1rsrm2f6o" }, "256": { defaultClass: "_1rsrm2f6p" }, "320": { defaultClass: "_1rsrm2f6q" }, "400": { defaultClass: "_1rsrm2f6r" }, "440": { defaultClass: "_1rsrm2f6s" }, "600": { defaultClass: "_1rsrm2f6t" }, half: { defaultClass: "_1rsrm2f6u" }, full: { defaultClass: "_1rsrm2f6v" }, max: { defaultClass: "_1rsrm2f6w" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f6x" }, "2": { defaultClass: "_1rsrm2f6y" }, "4": { defaultClass: "_1rsrm2f6z" }, "8": { defaultClass: "_1rsrm2f70" }, "10": { defaultClass: "_1rsrm2f71" }, "12": { defaultClass: "_1rsrm2f72" }, "14": { defaultClass: "_1rsrm2f73" }, "20": { defaultClass: "_1rsrm2f74" }, "24": { defaultClass: "_1rsrm2f75" }, "28": { defaultClass: "_1rsrm2f76" }, "30": { defaultClass: "_1rsrm2f77" }, "32": { defaultClass: "_1rsrm2f78" }, "34": { defaultClass: "_1rsrm2f79" }, "36": { defaultClass: "_1rsrm2f7a" }, "40": { defaultClass: "_1rsrm2f7b" }, "44": { defaultClass: "_1rsrm2f7c" }, "48": { defaultClass: "_1rsrm2f7d" }, "54": { defaultClass: "_1rsrm2f7e" }, "60": { defaultClass: "_1rsrm2f7f" }, "93": { defaultClass: "_1rsrm2f7g" }, "100": { defaultClass: "_1rsrm2f7h" }, "108": { defaultClass: "_1rsrm2f7i" }, "162": { defaultClass: "_1rsrm2f7j" }, "192": { defaultClass: "_1rsrm2f7k" }, "200": { defaultClass: "_1rsrm2f7l" }, "210": { defaultClass: "_1rsrm2f7m" }, "220": { defaultClass: "_1rsrm2f7n" }, "230": { defaultClass: "_1rsrm2f7o" }, "240": { defaultClass: "_1rsrm2f7p" }, "256": { defaultClass: "_1rsrm2f7q" }, "320": { defaultClass: "_1rsrm2f7r" }, "400": { defaultClass: "_1rsrm2f7s" }, "440": { defaultClass: "_1rsrm2f7t" }, "600": { defaultClass: "_1rsrm2f7u" }, half: { defaultClass: "_1rsrm2f7v" }, full: { defaultClass: "_1rsrm2f7w" }, max: { defaultClass: "_1rsrm2f7x" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f7y" }, "2": { defaultClass: "_1rsrm2f7z" }, "4": { defaultClass: "_1rsrm2f80" }, "8": { defaultClass: "_1rsrm2f81" }, "10": { defaultClass: "_1rsrm2f82" }, "12": { defaultClass: "_1rsrm2f83" }, "14": { defaultClass: "_1rsrm2f84" }, "20": { defaultClass: "_1rsrm2f85" }, "24": { defaultClass: "_1rsrm2f86" }, "28": { defaultClass: "_1rsrm2f87" }, "30": { defaultClass: "_1rsrm2f88" }, "32": { defaultClass: "_1rsrm2f89" }, "34": { defaultClass: "_1rsrm2f8a" }, "36": { defaultClass: "_1rsrm2f8b" }, "40": { defaultClass: "_1rsrm2f8c" }, "44": { defaultClass: "_1rsrm2f8d" }, "48": { defaultClass: "_1rsrm2f8e" }, "54": { defaultClass: "_1rsrm2f8f" }, "60": { defaultClass: "_1rsrm2f8g" }, "93": { defaultClass: "_1rsrm2f8h" }, "100": { defaultClass: "_1rsrm2f8i" }, "108": { defaultClass: "_1rsrm2f8j" }, "162": { defaultClass: "_1rsrm2f8k" }, "192": { defaultClass: "_1rsrm2f8l" }, "200": { defaultClass: "_1rsrm2f8m" }, "210": { defaultClass: "_1rsrm2f8n" }, "220": { defaultClass: "_1rsrm2f8o" }, "230": { defaultClass: "_1rsrm2f8p" }, "240": { defaultClass: "_1rsrm2f8q" }, "256": { defaultClass: "_1rsrm2f8r" }, "320": { defaultClass: "_1rsrm2f8s" }, "400": { defaultClass: "_1rsrm2f8t" }, "440": { defaultClass: "_1rsrm2f8u" }, "600": { defaultClass: "_1rsrm2f8v" }, half: { defaultClass: "_1rsrm2f8w" }, full: { defaultClass: "_1rsrm2f8x" }, max: { defaultClass: "_1rsrm2f8y" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2f8z" }, "2": { defaultClass: "_1rsrm2f90" }, "4": { defaultClass: "_1rsrm2f91" }, "8": { defaultClass: "_1rsrm2f92" }, "10": { defaultClass: "_1rsrm2f93" }, "12": { defaultClass: "_1rsrm2f94" }, "14": { defaultClass: "_1rsrm2f95" }, "20": { defaultClass: "_1rsrm2f96" }, "24": { defaultClass: "_1rsrm2f97" }, "28": { defaultClass: "_1rsrm2f98" }, "30": { defaultClass: "_1rsrm2f99" }, "32": { defaultClass: "_1rsrm2f9a" }, "34": { defaultClass: "_1rsrm2f9b" }, "36": { defaultClass: "_1rsrm2f9c" }, "40": { defaultClass: "_1rsrm2f9d" }, "44": { defaultClass: "_1rsrm2f9e" }, "48": { defaultClass: "_1rsrm2f9f" }, "54": { defaultClass: "_1rsrm2f9g" }, "60": { defaultClass: "_1rsrm2f9h" }, "93": { defaultClass: "_1rsrm2f9i" }, "100": { defaultClass: "_1rsrm2f9j" }, "108": { defaultClass: "_1rsrm2f9k" }, "162": { defaultClass: "_1rsrm2f9l" }, "192": { defaultClass: "_1rsrm2f9m" }, "200": { defaultClass: "_1rsrm2f9n" }, "210": { defaultClass: "_1rsrm2f9o" }, "220": { defaultClass: "_1rsrm2f9p" }, "230": { defaultClass: "_1rsrm2f9q" }, "240": { defaultClass: "_1rsrm2f9r" }, "256": { defaultClass: "_1rsrm2f9s" }, "320": { defaultClass: "_1rsrm2f9t" }, "400": { defaultClass: "_1rsrm2f9u" }, "440": { defaultClass: "_1rsrm2f9v" }, "600": { defaultClass: "_1rsrm2f9w" }, half: { defaultClass: "_1rsrm2f9x" }, full: { defaultClass: "_1rsrm2f9y" }, max: { defaultClass: "_1rsrm2f9z" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2fa0" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fa1" }, "1": { defaultClass: "_1rsrm2fa2" }, "2": { defaultClass: "_1rsrm2fa3" }, "3": { defaultClass: "_1rsrm2fa4" }, "4": { defaultClass: "_1rsrm2fa5" }, "5": { defaultClass: "_1rsrm2fa6" }, "6": { defaultClass: "_1rsrm2fa7" }, "8": { defaultClass: "_1rsrm2fa8" }, "10": { defaultClass: "_1rsrm2fa9" }, "12": { defaultClass: "_1rsrm2faa" }, "14": { defaultClass: "_1rsrm2fab" }, "16": { defaultClass: "_1rsrm2fac" }, "18": { defaultClass: "_1rsrm2fad" }, "20": { defaultClass: "_1rsrm2fae" }, "24": { defaultClass: "_1rsrm2faf" }, "28": { defaultClass: "_1rsrm2fag" }, "30": { defaultClass: "_1rsrm2fah" }, "32": { defaultClass: "_1rsrm2fai" }, "36": { defaultClass: "_1rsrm2faj" }, "44": { defaultClass: "_1rsrm2fak" }, "64": { defaultClass: "_1rsrm2fal" }, "-1": { defaultClass: "_1rsrm2fam" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fan" }, "1": { defaultClass: "_1rsrm2fao" }, "2": { defaultClass: "_1rsrm2fap" }, "3": { defaultClass: "_1rsrm2faq" }, "4": { defaultClass: "_1rsrm2far" }, "5": { defaultClass: "_1rsrm2fas" }, "6": { defaultClass: "_1rsrm2fat" }, "8": { defaultClass: "_1rsrm2fau" }, "10": { defaultClass: "_1rsrm2fav" }, "12": { defaultClass: "_1rsrm2faw" }, "14": { defaultClass: "_1rsrm2fax" }, "16": { defaultClass: "_1rsrm2fay" }, "18": { defaultClass: "_1rsrm2faz" }, "20": { defaultClass: "_1rsrm2fb0" }, "24": { defaultClass: "_1rsrm2fb1" }, "28": { defaultClass: "_1rsrm2fb2" }, "30": { defaultClass: "_1rsrm2fb3" }, "32": { defaultClass: "_1rsrm2fb4" }, "36": { defaultClass: "_1rsrm2fb5" }, "44": { defaultClass: "_1rsrm2fb6" }, "64": { defaultClass: "_1rsrm2fb7" }, "-1": { defaultClass: "_1rsrm2fb8" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fb9" }, "1": { defaultClass: "_1rsrm2fba" }, "2": { defaultClass: "_1rsrm2fbb" }, "3": { defaultClass: "_1rsrm2fbc" }, "4": { defaultClass: "_1rsrm2fbd" }, "5": { defaultClass: "_1rsrm2fbe" }, "6": { defaultClass: "_1rsrm2fbf" }, "8": { defaultClass: "_1rsrm2fbg" }, "10": { defaultClass: "_1rsrm2fbh" }, "12": { defaultClass: "_1rsrm2fbi" }, "14": { defaultClass: "_1rsrm2fbj" }, "16": { defaultClass: "_1rsrm2fbk" }, "18": { defaultClass: "_1rsrm2fbl" }, "20": { defaultClass: "_1rsrm2fbm" }, "24": { defaultClass: "_1rsrm2fbn" }, "28": { defaultClass: "_1rsrm2fbo" }, "30": { defaultClass: "_1rsrm2fbp" }, "32": { defaultClass: "_1rsrm2fbq" }, "36": { defaultClass: "_1rsrm2fbr" }, "44": { defaultClass: "_1rsrm2fbs" }, "64": { defaultClass: "_1rsrm2fbt" }, "-1": { defaultClass: "_1rsrm2fbu" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fbv" }, "1": { defaultClass: "_1rsrm2fbw" }, "2": { defaultClass: "_1rsrm2fbx" }, "3": { defaultClass: "_1rsrm2fby" }, "4": { defaultClass: "_1rsrm2fbz" }, "5": { defaultClass: "_1rsrm2fc0" }, "6": { defaultClass: "_1rsrm2fc1" }, "8": { defaultClass: "_1rsrm2fc2" }, "10": { defaultClass: "_1rsrm2fc3" }, "12": { defaultClass: "_1rsrm2fc4" }, "14": { defaultClass: "_1rsrm2fc5" }, "16": { defaultClass: "_1rsrm2fc6" }, "18": { defaultClass: "_1rsrm2fc7" }, "20": { defaultClass: "_1rsrm2fc8" }, "24": { defaultClass: "_1rsrm2fc9" }, "28": { defaultClass: "_1rsrm2fca" }, "30": { defaultClass: "_1rsrm2fcb" }, "32": { defaultClass: "_1rsrm2fcc" }, "36": { defaultClass: "_1rsrm2fcd" }, "44": { defaultClass: "_1rsrm2fce" }, "64": { defaultClass: "_1rsrm2fcf" }, "-1": { defaultClass: "_1rsrm2fcg" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fch" }, fixed: { defaultClass: "_1rsrm2fci" }, relative: { defaultClass: "_1rsrm2fcj" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fck" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fcl" }, transform: { defaultClass: "_1rsrm2fcm" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fcn" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fco" }, "2": { defaultClass: "_1rsrm2fcp" }, "4": { defaultClass: "_1rsrm2fcq" }, "8": { defaultClass: "_1rsrm2fcr" }, "10": { defaultClass: "_1rsrm2fcs" }, "12": { defaultClass: "_1rsrm2fct" }, "14": { defaultClass: "_1rsrm2fcu" }, "20": { defaultClass: "_1rsrm2fcv" }, "24": { defaultClass: "_1rsrm2fcw" }, "28": { defaultClass: "_1rsrm2fcx" }, "30": { defaultClass: "_1rsrm2fcy" }, "32": { defaultClass: "_1rsrm2fcz" }, "34": { defaultClass: "_1rsrm2fd0" }, "36": { defaultClass: "_1rsrm2fd1" }, "40": { defaultClass: "_1rsrm2fd2" }, "44": { defaultClass: "_1rsrm2fd3" }, "48": { defaultClass: "_1rsrm2fd4" }, "54": { defaultClass: "_1rsrm2fd5" }, "60": { defaultClass: "_1rsrm2fd6" }, "93": { defaultClass: "_1rsrm2fd7" }, "100": { defaultClass: "_1rsrm2fd8" }, "108": { defaultClass: "_1rsrm2fd9" }, "162": { defaultClass: "_1rsrm2fda" }, "192": { defaultClass: "_1rsrm2fdb" }, "200": { defaultClass: "_1rsrm2fdc" }, "210": { defaultClass: "_1rsrm2fdd" }, "220": { defaultClass: "_1rsrm2fde" }, "230": { defaultClass: "_1rsrm2fdf" }, "240": { defaultClass: "_1rsrm2fdg" }, "256": { defaultClass: "_1rsrm2fdh" }, "320": { defaultClass: "_1rsrm2fdi" }, "400": { defaultClass: "_1rsrm2fdj" }, "440": { defaultClass: "_1rsrm2fdk" }, "600": { defaultClass: "_1rsrm2fdl" }, half: { defaultClass: "_1rsrm2fdm" }, full: { defaultClass: "_1rsrm2fdn" }, max: { defaultClass: "_1rsrm2fdo" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fdp" } } } } });
23
+ var sprinkles = _ad221({ conditions: { defaultCondition: "base", conditionNames: ["base", "hover", "active", "selection"], responsiveArray: void 0 }, styles: { background: { values: { accentColor: { conditions: { base: "_1rsrm2fe2", hover: "_1rsrm2fe3", active: "_1rsrm2fe4", selection: "_1rsrm2fe5" }, defaultClass: "_1rsrm2fe2" }, accentColorForeground: { conditions: { base: "_1rsrm2fe6", hover: "_1rsrm2fe7", active: "_1rsrm2fe8", selection: "_1rsrm2fe9" }, defaultClass: "_1rsrm2fe6" }, actionButtonBorder: { conditions: { base: "_1rsrm2fea", hover: "_1rsrm2feb", active: "_1rsrm2fec", selection: "_1rsrm2fed" }, defaultClass: "_1rsrm2fea" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fee", hover: "_1rsrm2fef", active: "_1rsrm2feg", selection: "_1rsrm2feh" }, defaultClass: "_1rsrm2fee" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fei", hover: "_1rsrm2fej", active: "_1rsrm2fek", selection: "_1rsrm2fel" }, defaultClass: "_1rsrm2fei" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fem", hover: "_1rsrm2fen", active: "_1rsrm2feo", selection: "_1rsrm2fep" }, defaultClass: "_1rsrm2fem" }, closeButton: { conditions: { base: "_1rsrm2feq", hover: "_1rsrm2fer", active: "_1rsrm2fes", selection: "_1rsrm2fet" }, defaultClass: "_1rsrm2feq" }, closeButtonBackground: { conditions: { base: "_1rsrm2feu", hover: "_1rsrm2fev", active: "_1rsrm2few", selection: "_1rsrm2fex" }, defaultClass: "_1rsrm2feu" }, connectButtonBackground: { conditions: { base: "_1rsrm2fey", hover: "_1rsrm2fez", active: "_1rsrm2ff0", selection: "_1rsrm2ff1" }, defaultClass: "_1rsrm2fey" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2ff2", hover: "_1rsrm2ff3", active: "_1rsrm2ff4", selection: "_1rsrm2ff5" }, defaultClass: "_1rsrm2ff2" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2ff6", hover: "_1rsrm2ff7", active: "_1rsrm2ff8", selection: "_1rsrm2ff9" }, defaultClass: "_1rsrm2ff6" }, connectButtonText: { conditions: { base: "_1rsrm2ffa", hover: "_1rsrm2ffb", active: "_1rsrm2ffc", selection: "_1rsrm2ffd" }, defaultClass: "_1rsrm2ffa" }, connectButtonTextError: { conditions: { base: "_1rsrm2ffe", hover: "_1rsrm2fff", active: "_1rsrm2ffg", selection: "_1rsrm2ffh" }, defaultClass: "_1rsrm2ffe" }, connectionIndicator: { conditions: { base: "_1rsrm2ffi", hover: "_1rsrm2ffj", active: "_1rsrm2ffk", selection: "_1rsrm2ffl" }, defaultClass: "_1rsrm2ffi" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2ffm", hover: "_1rsrm2ffn", active: "_1rsrm2ffo", selection: "_1rsrm2ffp" }, defaultClass: "_1rsrm2ffm" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2ffq", hover: "_1rsrm2ffr", active: "_1rsrm2ffs", selection: "_1rsrm2fft" }, defaultClass: "_1rsrm2ffq" }, error: { conditions: { base: "_1rsrm2ffu", hover: "_1rsrm2ffv", active: "_1rsrm2ffw", selection: "_1rsrm2ffx" }, defaultClass: "_1rsrm2ffu" }, generalBorder: { conditions: { base: "_1rsrm2ffy", hover: "_1rsrm2ffz", active: "_1rsrm2fg0", selection: "_1rsrm2fg1" }, defaultClass: "_1rsrm2ffy" }, generalBorderDim: { conditions: { base: "_1rsrm2fg2", hover: "_1rsrm2fg3", active: "_1rsrm2fg4", selection: "_1rsrm2fg5" }, defaultClass: "_1rsrm2fg2" }, menuItemBackground: { conditions: { base: "_1rsrm2fg6", hover: "_1rsrm2fg7", active: "_1rsrm2fg8", selection: "_1rsrm2fg9" }, defaultClass: "_1rsrm2fg6" }, modalText: { conditions: { base: "_1rsrm2fga", hover: "_1rsrm2fgb", active: "_1rsrm2fgc", selection: "_1rsrm2fgd" }, defaultClass: "_1rsrm2fga" }, modalTextDim: { conditions: { base: "_1rsrm2fge", hover: "_1rsrm2fgf", active: "_1rsrm2fgg", selection: "_1rsrm2fgh" }, defaultClass: "_1rsrm2fge" }, modalTextSecondary: { conditions: { base: "_1rsrm2fgi", hover: "_1rsrm2fgj", active: "_1rsrm2fgk", selection: "_1rsrm2fgl" }, defaultClass: "_1rsrm2fgi" }, profileAction: { conditions: { base: "_1rsrm2fgm", hover: "_1rsrm2fgn", active: "_1rsrm2fgo", selection: "_1rsrm2fgp" }, defaultClass: "_1rsrm2fgm" }, profileActionHover: { conditions: { base: "_1rsrm2fgq", hover: "_1rsrm2fgr", active: "_1rsrm2fgs", selection: "_1rsrm2fgt" }, defaultClass: "_1rsrm2fgq" }, profileForeground: { conditions: { base: "_1rsrm2fgu", hover: "_1rsrm2fgv", active: "_1rsrm2fgw", selection: "_1rsrm2fgx" }, defaultClass: "_1rsrm2fgu" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fgy", hover: "_1rsrm2fgz", active: "_1rsrm2fh0", selection: "_1rsrm2fh1" }, defaultClass: "_1rsrm2fgy" }, standby: { conditions: { base: "_1rsrm2fh2", hover: "_1rsrm2fh3", active: "_1rsrm2fh4", selection: "_1rsrm2fh5" }, defaultClass: "_1rsrm2fh2" }, solidLine: { conditions: { base: "_1rsrm2fh6", hover: "_1rsrm2fh7", active: "_1rsrm2fh8", selection: "_1rsrm2fh9" }, defaultClass: "_1rsrm2fh6" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fha", hover: "_1rsrm2fhb", active: "_1rsrm2fhc", selection: "_1rsrm2fhd" }, defaultClass: "_1rsrm2fha" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fhe", hover: "_1rsrm2fhf", active: "_1rsrm2fhg", selection: "_1rsrm2fhh" }, defaultClass: "_1rsrm2fhe" }, loadingBase: { conditions: { base: "_1rsrm2fhi", hover: "_1rsrm2fhj", active: "_1rsrm2fhk", selection: "_1rsrm2fhl" }, defaultClass: "_1rsrm2fhi" }, loadingAccent: { conditions: { base: "_1rsrm2fhm", hover: "_1rsrm2fhn", active: "_1rsrm2fho", selection: "_1rsrm2fhp" }, defaultClass: "_1rsrm2fhm" }, modalBackdrop: { conditions: { base: "_1rsrm2fhq", hover: "_1rsrm2fhr", active: "_1rsrm2fhs", selection: "_1rsrm2fht" }, defaultClass: "_1rsrm2fhq" }, modalBackground: { conditions: { base: "_1rsrm2fhu", hover: "_1rsrm2fhv", active: "_1rsrm2fhw", selection: "_1rsrm2fhx" }, defaultClass: "_1rsrm2fhu" }, modalBorder: { conditions: { base: "_1rsrm2fhy", hover: "_1rsrm2fhz", active: "_1rsrm2fi0", selection: "_1rsrm2fi1" }, defaultClass: "_1rsrm2fhy" }, notificationPrimary: { conditions: { base: "_1rsrm2fi2", hover: "_1rsrm2fi3", active: "_1rsrm2fi4", selection: "_1rsrm2fi5" }, defaultClass: "_1rsrm2fi2" }, textPrimary: { conditions: { base: "_1rsrm2fi6", hover: "_1rsrm2fi7", active: "_1rsrm2fi8", selection: "_1rsrm2fi9" }, defaultClass: "_1rsrm2fi6" }, textSecondary: { conditions: { base: "_1rsrm2fia", hover: "_1rsrm2fib", active: "_1rsrm2fic", selection: "_1rsrm2fid" }, defaultClass: "_1rsrm2fia" }, textTertiary: { conditions: { base: "_1rsrm2fie", hover: "_1rsrm2fif", active: "_1rsrm2fig", selection: "_1rsrm2fih" }, defaultClass: "_1rsrm2fie" }, textDisabled: { conditions: { base: "_1rsrm2fii", hover: "_1rsrm2fij", active: "_1rsrm2fik", selection: "_1rsrm2fil" }, defaultClass: "_1rsrm2fii" }, textSelection: { conditions: { base: "_1rsrm2fim", hover: "_1rsrm2fin", active: "_1rsrm2fio", selection: "_1rsrm2fip" }, defaultClass: "_1rsrm2fim" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fiq", hover: "_1rsrm2fir", active: "_1rsrm2fis", selection: "_1rsrm2fit" }, defaultClass: "_1rsrm2fiq" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fiu", hover: "_1rsrm2fiv", active: "_1rsrm2fiw", selection: "_1rsrm2fix" }, defaultClass: "_1rsrm2fiu" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fiy", hover: "_1rsrm2fiz", active: "_1rsrm2fj0", selection: "_1rsrm2fj1" }, defaultClass: "_1rsrm2fiy" }, strokePrimary: { conditions: { base: "_1rsrm2fj2", hover: "_1rsrm2fj3", active: "_1rsrm2fj4", selection: "_1rsrm2fj5" }, defaultClass: "_1rsrm2fj2" }, strokeSecondary: { conditions: { base: "_1rsrm2fj6", hover: "_1rsrm2fj7", active: "_1rsrm2fj8", selection: "_1rsrm2fj9" }, defaultClass: "_1rsrm2fj6" }, buttonPrimary: { conditions: { base: "_1rsrm2fja", hover: "_1rsrm2fjb", active: "_1rsrm2fjc", selection: "_1rsrm2fjd" }, defaultClass: "_1rsrm2fja" }, buttonProcessing: { conditions: { base: "_1rsrm2fje", hover: "_1rsrm2fjf", active: "_1rsrm2fjg", selection: "_1rsrm2fjh" }, defaultClass: "_1rsrm2fje" }, buttonDisabled: { conditions: { base: "_1rsrm2fji", hover: "_1rsrm2fjj", active: "_1rsrm2fjk", selection: "_1rsrm2fjl" }, defaultClass: "_1rsrm2fji" }, buttonWarning: { conditions: { base: "_1rsrm2fjm", hover: "_1rsrm2fjn", active: "_1rsrm2fjo", selection: "_1rsrm2fjp" }, defaultClass: "_1rsrm2fjm" }, buttonTextWarning: { conditions: { base: "_1rsrm2fjq", hover: "_1rsrm2fjr", active: "_1rsrm2fjs", selection: "_1rsrm2fjt" }, defaultClass: "_1rsrm2fjq" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fju", hover: "_1rsrm2fjv", active: "_1rsrm2fjw", selection: "_1rsrm2fjx" }, defaultClass: "_1rsrm2fju" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fjy", hover: "_1rsrm2fjz", active: "_1rsrm2fk0", selection: "_1rsrm2fk1" }, defaultClass: "_1rsrm2fjy" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fk2", hover: "_1rsrm2fk3", active: "_1rsrm2fk4", selection: "_1rsrm2fk5" }, defaultClass: "_1rsrm2fk2" }, transparent: { conditions: { base: "_1rsrm2fk6", hover: "_1rsrm2fk7", active: "_1rsrm2fk8", selection: "_1rsrm2fk9" }, defaultClass: "_1rsrm2fk6" } } }, borderColor: { values: { accentColor: { conditions: { base: "_1rsrm2fka", hover: "_1rsrm2fkb", active: "_1rsrm2fkc", selection: "_1rsrm2fkd" }, defaultClass: "_1rsrm2fka" }, accentColorForeground: { conditions: { base: "_1rsrm2fke", hover: "_1rsrm2fkf", active: "_1rsrm2fkg", selection: "_1rsrm2fkh" }, defaultClass: "_1rsrm2fke" }, actionButtonBorder: { conditions: { base: "_1rsrm2fki", hover: "_1rsrm2fkj", active: "_1rsrm2fkk", selection: "_1rsrm2fkl" }, defaultClass: "_1rsrm2fki" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fkm", hover: "_1rsrm2fkn", active: "_1rsrm2fko", selection: "_1rsrm2fkp" }, defaultClass: "_1rsrm2fkm" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2fkq", hover: "_1rsrm2fkr", active: "_1rsrm2fks", selection: "_1rsrm2fkt" }, defaultClass: "_1rsrm2fkq" }, actionButtonDisabled: { conditions: { base: "_1rsrm2fku", hover: "_1rsrm2fkv", active: "_1rsrm2fkw", selection: "_1rsrm2fkx" }, defaultClass: "_1rsrm2fku" }, closeButton: { conditions: { base: "_1rsrm2fky", hover: "_1rsrm2fkz", active: "_1rsrm2fl0", selection: "_1rsrm2fl1" }, defaultClass: "_1rsrm2fky" }, closeButtonBackground: { conditions: { base: "_1rsrm2fl2", hover: "_1rsrm2fl3", active: "_1rsrm2fl4", selection: "_1rsrm2fl5" }, defaultClass: "_1rsrm2fl2" }, connectButtonBackground: { conditions: { base: "_1rsrm2fl6", hover: "_1rsrm2fl7", active: "_1rsrm2fl8", selection: "_1rsrm2fl9" }, defaultClass: "_1rsrm2fl6" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fla", hover: "_1rsrm2flb", active: "_1rsrm2flc", selection: "_1rsrm2fld" }, defaultClass: "_1rsrm2fla" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fle", hover: "_1rsrm2flf", active: "_1rsrm2flg", selection: "_1rsrm2flh" }, defaultClass: "_1rsrm2fle" }, connectButtonText: { conditions: { base: "_1rsrm2fli", hover: "_1rsrm2flj", active: "_1rsrm2flk", selection: "_1rsrm2fll" }, defaultClass: "_1rsrm2fli" }, connectButtonTextError: { conditions: { base: "_1rsrm2flm", hover: "_1rsrm2fln", active: "_1rsrm2flo", selection: "_1rsrm2flp" }, defaultClass: "_1rsrm2flm" }, connectionIndicator: { conditions: { base: "_1rsrm2flq", hover: "_1rsrm2flr", active: "_1rsrm2fls", selection: "_1rsrm2flt" }, defaultClass: "_1rsrm2flq" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2flu", hover: "_1rsrm2flv", active: "_1rsrm2flw", selection: "_1rsrm2flx" }, defaultClass: "_1rsrm2flu" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fly", hover: "_1rsrm2flz", active: "_1rsrm2fm0", selection: "_1rsrm2fm1" }, defaultClass: "_1rsrm2fly" }, error: { conditions: { base: "_1rsrm2fm2", hover: "_1rsrm2fm3", active: "_1rsrm2fm4", selection: "_1rsrm2fm5" }, defaultClass: "_1rsrm2fm2" }, generalBorder: { conditions: { base: "_1rsrm2fm6", hover: "_1rsrm2fm7", active: "_1rsrm2fm8", selection: "_1rsrm2fm9" }, defaultClass: "_1rsrm2fm6" }, generalBorderDim: { conditions: { base: "_1rsrm2fma", hover: "_1rsrm2fmb", active: "_1rsrm2fmc", selection: "_1rsrm2fmd" }, defaultClass: "_1rsrm2fma" }, menuItemBackground: { conditions: { base: "_1rsrm2fme", hover: "_1rsrm2fmf", active: "_1rsrm2fmg", selection: "_1rsrm2fmh" }, defaultClass: "_1rsrm2fme" }, modalText: { conditions: { base: "_1rsrm2fmi", hover: "_1rsrm2fmj", active: "_1rsrm2fmk", selection: "_1rsrm2fml" }, defaultClass: "_1rsrm2fmi" }, modalTextDim: { conditions: { base: "_1rsrm2fmm", hover: "_1rsrm2fmn", active: "_1rsrm2fmo", selection: "_1rsrm2fmp" }, defaultClass: "_1rsrm2fmm" }, modalTextSecondary: { conditions: { base: "_1rsrm2fmq", hover: "_1rsrm2fmr", active: "_1rsrm2fms", selection: "_1rsrm2fmt" }, defaultClass: "_1rsrm2fmq" }, profileAction: { conditions: { base: "_1rsrm2fmu", hover: "_1rsrm2fmv", active: "_1rsrm2fmw", selection: "_1rsrm2fmx" }, defaultClass: "_1rsrm2fmu" }, profileActionHover: { conditions: { base: "_1rsrm2fmy", hover: "_1rsrm2fmz", active: "_1rsrm2fn0", selection: "_1rsrm2fn1" }, defaultClass: "_1rsrm2fmy" }, profileForeground: { conditions: { base: "_1rsrm2fn2", hover: "_1rsrm2fn3", active: "_1rsrm2fn4", selection: "_1rsrm2fn5" }, defaultClass: "_1rsrm2fn2" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fn6", hover: "_1rsrm2fn7", active: "_1rsrm2fn8", selection: "_1rsrm2fn9" }, defaultClass: "_1rsrm2fn6" }, standby: { conditions: { base: "_1rsrm2fna", hover: "_1rsrm2fnb", active: "_1rsrm2fnc", selection: "_1rsrm2fnd" }, defaultClass: "_1rsrm2fna" }, solidLine: { conditions: { base: "_1rsrm2fne", hover: "_1rsrm2fnf", active: "_1rsrm2fng", selection: "_1rsrm2fnh" }, defaultClass: "_1rsrm2fne" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fni", hover: "_1rsrm2fnj", active: "_1rsrm2fnk", selection: "_1rsrm2fnl" }, defaultClass: "_1rsrm2fni" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fnm", hover: "_1rsrm2fnn", active: "_1rsrm2fno", selection: "_1rsrm2fnp" }, defaultClass: "_1rsrm2fnm" }, loadingBase: { conditions: { base: "_1rsrm2fnq", hover: "_1rsrm2fnr", active: "_1rsrm2fns", selection: "_1rsrm2fnt" }, defaultClass: "_1rsrm2fnq" }, loadingAccent: { conditions: { base: "_1rsrm2fnu", hover: "_1rsrm2fnv", active: "_1rsrm2fnw", selection: "_1rsrm2fnx" }, defaultClass: "_1rsrm2fnu" }, modalBackdrop: { conditions: { base: "_1rsrm2fny", hover: "_1rsrm2fnz", active: "_1rsrm2fo0", selection: "_1rsrm2fo1" }, defaultClass: "_1rsrm2fny" }, modalBackground: { conditions: { base: "_1rsrm2fo2", hover: "_1rsrm2fo3", active: "_1rsrm2fo4", selection: "_1rsrm2fo5" }, defaultClass: "_1rsrm2fo2" }, modalBorder: { conditions: { base: "_1rsrm2fo6", hover: "_1rsrm2fo7", active: "_1rsrm2fo8", selection: "_1rsrm2fo9" }, defaultClass: "_1rsrm2fo6" }, notificationPrimary: { conditions: { base: "_1rsrm2foa", hover: "_1rsrm2fob", active: "_1rsrm2foc", selection: "_1rsrm2fod" }, defaultClass: "_1rsrm2foa" }, textPrimary: { conditions: { base: "_1rsrm2foe", hover: "_1rsrm2fof", active: "_1rsrm2fog", selection: "_1rsrm2foh" }, defaultClass: "_1rsrm2foe" }, textSecondary: { conditions: { base: "_1rsrm2foi", hover: "_1rsrm2foj", active: "_1rsrm2fok", selection: "_1rsrm2fol" }, defaultClass: "_1rsrm2foi" }, textTertiary: { conditions: { base: "_1rsrm2fom", hover: "_1rsrm2fon", active: "_1rsrm2foo", selection: "_1rsrm2fop" }, defaultClass: "_1rsrm2fom" }, textDisabled: { conditions: { base: "_1rsrm2foq", hover: "_1rsrm2for", active: "_1rsrm2fos", selection: "_1rsrm2fot" }, defaultClass: "_1rsrm2foq" }, textSelection: { conditions: { base: "_1rsrm2fou", hover: "_1rsrm2fov", active: "_1rsrm2fow", selection: "_1rsrm2fox" }, defaultClass: "_1rsrm2fou" }, inputFieldPrimary: { conditions: { base: "_1rsrm2foy", hover: "_1rsrm2foz", active: "_1rsrm2fp0", selection: "_1rsrm2fp1" }, defaultClass: "_1rsrm2foy" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fp2", hover: "_1rsrm2fp3", active: "_1rsrm2fp4", selection: "_1rsrm2fp5" }, defaultClass: "_1rsrm2fp2" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fp6", hover: "_1rsrm2fp7", active: "_1rsrm2fp8", selection: "_1rsrm2fp9" }, defaultClass: "_1rsrm2fp6" }, strokePrimary: { conditions: { base: "_1rsrm2fpa", hover: "_1rsrm2fpb", active: "_1rsrm2fpc", selection: "_1rsrm2fpd" }, defaultClass: "_1rsrm2fpa" }, strokeSecondary: { conditions: { base: "_1rsrm2fpe", hover: "_1rsrm2fpf", active: "_1rsrm2fpg", selection: "_1rsrm2fph" }, defaultClass: "_1rsrm2fpe" }, buttonPrimary: { conditions: { base: "_1rsrm2fpi", hover: "_1rsrm2fpj", active: "_1rsrm2fpk", selection: "_1rsrm2fpl" }, defaultClass: "_1rsrm2fpi" }, buttonProcessing: { conditions: { base: "_1rsrm2fpm", hover: "_1rsrm2fpn", active: "_1rsrm2fpo", selection: "_1rsrm2fpp" }, defaultClass: "_1rsrm2fpm" }, buttonDisabled: { conditions: { base: "_1rsrm2fpq", hover: "_1rsrm2fpr", active: "_1rsrm2fps", selection: "_1rsrm2fpt" }, defaultClass: "_1rsrm2fpq" }, buttonWarning: { conditions: { base: "_1rsrm2fpu", hover: "_1rsrm2fpv", active: "_1rsrm2fpw", selection: "_1rsrm2fpx" }, defaultClass: "_1rsrm2fpu" }, buttonTextWarning: { conditions: { base: "_1rsrm2fpy", hover: "_1rsrm2fpz", active: "_1rsrm2fq0", selection: "_1rsrm2fq1" }, defaultClass: "_1rsrm2fpy" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fq2", hover: "_1rsrm2fq3", active: "_1rsrm2fq4", selection: "_1rsrm2fq5" }, defaultClass: "_1rsrm2fq2" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fq6", hover: "_1rsrm2fq7", active: "_1rsrm2fq8", selection: "_1rsrm2fq9" }, defaultClass: "_1rsrm2fq6" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fqa", hover: "_1rsrm2fqb", active: "_1rsrm2fqc", selection: "_1rsrm2fqd" }, defaultClass: "_1rsrm2fqa" }, transparent: { conditions: { base: "_1rsrm2fqe", hover: "_1rsrm2fqf", active: "_1rsrm2fqg", selection: "_1rsrm2fqh" }, defaultClass: "_1rsrm2fqe" } } }, boxShadow: { values: { connectButton: { conditions: { base: "_1rsrm2fqi", hover: "_1rsrm2fqj", active: "_1rsrm2fqk", selection: "_1rsrm2fql" }, defaultClass: "_1rsrm2fqi" }, dialog: { conditions: { base: "_1rsrm2fqm", hover: "_1rsrm2fqn", active: "_1rsrm2fqo", selection: "_1rsrm2fqp" }, defaultClass: "_1rsrm2fqm" }, profileDetailsAction: { conditions: { base: "_1rsrm2fqq", hover: "_1rsrm2fqr", active: "_1rsrm2fqs", selection: "_1rsrm2fqt" }, defaultClass: "_1rsrm2fqq" }, selectedOption: { conditions: { base: "_1rsrm2fqu", hover: "_1rsrm2fqv", active: "_1rsrm2fqw", selection: "_1rsrm2fqx" }, defaultClass: "_1rsrm2fqu" }, selectedWallet: { conditions: { base: "_1rsrm2fqy", hover: "_1rsrm2fqz", active: "_1rsrm2fr0", selection: "_1rsrm2fr1" }, defaultClass: "_1rsrm2fqy" }, walletLogo: { conditions: { base: "_1rsrm2fr2", hover: "_1rsrm2fr3", active: "_1rsrm2fr4", selection: "_1rsrm2fr5" }, defaultClass: "_1rsrm2fr2" } } }, color: { values: { accentColor: { conditions: { base: "_1rsrm2fr6", hover: "_1rsrm2fr7", active: "_1rsrm2fr8", selection: "_1rsrm2fr9" }, defaultClass: "_1rsrm2fr6" }, accentColorForeground: { conditions: { base: "_1rsrm2fra", hover: "_1rsrm2frb", active: "_1rsrm2frc", selection: "_1rsrm2frd" }, defaultClass: "_1rsrm2fra" }, actionButtonBorder: { conditions: { base: "_1rsrm2fre", hover: "_1rsrm2frf", active: "_1rsrm2frg", selection: "_1rsrm2frh" }, defaultClass: "_1rsrm2fre" }, actionButtonBorderMobile: { conditions: { base: "_1rsrm2fri", hover: "_1rsrm2frj", active: "_1rsrm2frk", selection: "_1rsrm2frl" }, defaultClass: "_1rsrm2fri" }, actionButtonSecondaryBackground: { conditions: { base: "_1rsrm2frm", hover: "_1rsrm2frn", active: "_1rsrm2fro", selection: "_1rsrm2frp" }, defaultClass: "_1rsrm2frm" }, actionButtonDisabled: { conditions: { base: "_1rsrm2frq", hover: "_1rsrm2frr", active: "_1rsrm2frs", selection: "_1rsrm2frt" }, defaultClass: "_1rsrm2frq" }, closeButton: { conditions: { base: "_1rsrm2fru", hover: "_1rsrm2frv", active: "_1rsrm2frw", selection: "_1rsrm2frx" }, defaultClass: "_1rsrm2fru" }, closeButtonBackground: { conditions: { base: "_1rsrm2fry", hover: "_1rsrm2frz", active: "_1rsrm2fs0", selection: "_1rsrm2fs1" }, defaultClass: "_1rsrm2fry" }, connectButtonBackground: { conditions: { base: "_1rsrm2fs2", hover: "_1rsrm2fs3", active: "_1rsrm2fs4", selection: "_1rsrm2fs5" }, defaultClass: "_1rsrm2fs2" }, connectButtonBackgroundError: { conditions: { base: "_1rsrm2fs6", hover: "_1rsrm2fs7", active: "_1rsrm2fs8", selection: "_1rsrm2fs9" }, defaultClass: "_1rsrm2fs6" }, connectButtonInnerBackground: { conditions: { base: "_1rsrm2fsa", hover: "_1rsrm2fsb", active: "_1rsrm2fsc", selection: "_1rsrm2fsd" }, defaultClass: "_1rsrm2fsa" }, connectButtonText: { conditions: { base: "_1rsrm2fse", hover: "_1rsrm2fsf", active: "_1rsrm2fsg", selection: "_1rsrm2fsh" }, defaultClass: "_1rsrm2fse" }, connectButtonTextError: { conditions: { base: "_1rsrm2fsi", hover: "_1rsrm2fsj", active: "_1rsrm2fsk", selection: "_1rsrm2fsl" }, defaultClass: "_1rsrm2fsi" }, connectionIndicator: { conditions: { base: "_1rsrm2fsm", hover: "_1rsrm2fsn", active: "_1rsrm2fso", selection: "_1rsrm2fsp" }, defaultClass: "_1rsrm2fsm" }, downloadBottomCardBackground: { conditions: { base: "_1rsrm2fsq", hover: "_1rsrm2fsr", active: "_1rsrm2fss", selection: "_1rsrm2fst" }, defaultClass: "_1rsrm2fsq" }, downloadTopCardBackground: { conditions: { base: "_1rsrm2fsu", hover: "_1rsrm2fsv", active: "_1rsrm2fsw", selection: "_1rsrm2fsx" }, defaultClass: "_1rsrm2fsu" }, error: { conditions: { base: "_1rsrm2fsy", hover: "_1rsrm2fsz", active: "_1rsrm2ft0", selection: "_1rsrm2ft1" }, defaultClass: "_1rsrm2fsy" }, generalBorder: { conditions: { base: "_1rsrm2ft2", hover: "_1rsrm2ft3", active: "_1rsrm2ft4", selection: "_1rsrm2ft5" }, defaultClass: "_1rsrm2ft2" }, generalBorderDim: { conditions: { base: "_1rsrm2ft6", hover: "_1rsrm2ft7", active: "_1rsrm2ft8", selection: "_1rsrm2ft9" }, defaultClass: "_1rsrm2ft6" }, menuItemBackground: { conditions: { base: "_1rsrm2fta", hover: "_1rsrm2ftb", active: "_1rsrm2ftc", selection: "_1rsrm2ftd" }, defaultClass: "_1rsrm2fta" }, modalText: { conditions: { base: "_1rsrm2fte", hover: "_1rsrm2ftf", active: "_1rsrm2ftg", selection: "_1rsrm2fth" }, defaultClass: "_1rsrm2fte" }, modalTextDim: { conditions: { base: "_1rsrm2fti", hover: "_1rsrm2ftj", active: "_1rsrm2ftk", selection: "_1rsrm2ftl" }, defaultClass: "_1rsrm2fti" }, modalTextSecondary: { conditions: { base: "_1rsrm2ftm", hover: "_1rsrm2ftn", active: "_1rsrm2fto", selection: "_1rsrm2ftp" }, defaultClass: "_1rsrm2ftm" }, profileAction: { conditions: { base: "_1rsrm2ftq", hover: "_1rsrm2ftr", active: "_1rsrm2fts", selection: "_1rsrm2ftt" }, defaultClass: "_1rsrm2ftq" }, profileActionHover: { conditions: { base: "_1rsrm2ftu", hover: "_1rsrm2ftv", active: "_1rsrm2ftw", selection: "_1rsrm2ftx" }, defaultClass: "_1rsrm2ftu" }, profileForeground: { conditions: { base: "_1rsrm2fty", hover: "_1rsrm2ftz", active: "_1rsrm2fu0", selection: "_1rsrm2fu1" }, defaultClass: "_1rsrm2fty" }, selectedOptionBorder: { conditions: { base: "_1rsrm2fu2", hover: "_1rsrm2fu3", active: "_1rsrm2fu4", selection: "_1rsrm2fu5" }, defaultClass: "_1rsrm2fu2" }, standby: { conditions: { base: "_1rsrm2fu6", hover: "_1rsrm2fu7", active: "_1rsrm2fu8", selection: "_1rsrm2fu9" }, defaultClass: "_1rsrm2fu6" }, solidLine: { conditions: { base: "_1rsrm2fua", hover: "_1rsrm2fub", active: "_1rsrm2fuc", selection: "_1rsrm2fud" }, defaultClass: "_1rsrm2fua" }, leftTranslucentLine: { conditions: { base: "_1rsrm2fue", hover: "_1rsrm2fuf", active: "_1rsrm2fug", selection: "_1rsrm2fuh" }, defaultClass: "_1rsrm2fue" }, rightTranslucentLine: { conditions: { base: "_1rsrm2fui", hover: "_1rsrm2fuj", active: "_1rsrm2fuk", selection: "_1rsrm2ful" }, defaultClass: "_1rsrm2fui" }, loadingBase: { conditions: { base: "_1rsrm2fum", hover: "_1rsrm2fun", active: "_1rsrm2fuo", selection: "_1rsrm2fup" }, defaultClass: "_1rsrm2fum" }, loadingAccent: { conditions: { base: "_1rsrm2fuq", hover: "_1rsrm2fur", active: "_1rsrm2fus", selection: "_1rsrm2fut" }, defaultClass: "_1rsrm2fuq" }, modalBackdrop: { conditions: { base: "_1rsrm2fuu", hover: "_1rsrm2fuv", active: "_1rsrm2fuw", selection: "_1rsrm2fux" }, defaultClass: "_1rsrm2fuu" }, modalBackground: { conditions: { base: "_1rsrm2fuy", hover: "_1rsrm2fuz", active: "_1rsrm2fv0", selection: "_1rsrm2fv1" }, defaultClass: "_1rsrm2fuy" }, modalBorder: { conditions: { base: "_1rsrm2fv2", hover: "_1rsrm2fv3", active: "_1rsrm2fv4", selection: "_1rsrm2fv5" }, defaultClass: "_1rsrm2fv2" }, notificationPrimary: { conditions: { base: "_1rsrm2fv6", hover: "_1rsrm2fv7", active: "_1rsrm2fv8", selection: "_1rsrm2fv9" }, defaultClass: "_1rsrm2fv6" }, textPrimary: { conditions: { base: "_1rsrm2fva", hover: "_1rsrm2fvb", active: "_1rsrm2fvc", selection: "_1rsrm2fvd" }, defaultClass: "_1rsrm2fva" }, textSecondary: { conditions: { base: "_1rsrm2fve", hover: "_1rsrm2fvf", active: "_1rsrm2fvg", selection: "_1rsrm2fvh" }, defaultClass: "_1rsrm2fve" }, textTertiary: { conditions: { base: "_1rsrm2fvi", hover: "_1rsrm2fvj", active: "_1rsrm2fvk", selection: "_1rsrm2fvl" }, defaultClass: "_1rsrm2fvi" }, textDisabled: { conditions: { base: "_1rsrm2fvm", hover: "_1rsrm2fvn", active: "_1rsrm2fvo", selection: "_1rsrm2fvp" }, defaultClass: "_1rsrm2fvm" }, textSelection: { conditions: { base: "_1rsrm2fvq", hover: "_1rsrm2fvr", active: "_1rsrm2fvs", selection: "_1rsrm2fvt" }, defaultClass: "_1rsrm2fvq" }, inputFieldPrimary: { conditions: { base: "_1rsrm2fvu", hover: "_1rsrm2fvv", active: "_1rsrm2fvw", selection: "_1rsrm2fvx" }, defaultClass: "_1rsrm2fvu" }, inputFieldPlaceholder: { conditions: { base: "_1rsrm2fvy", hover: "_1rsrm2fvz", active: "_1rsrm2fw0", selection: "_1rsrm2fw1" }, defaultClass: "_1rsrm2fvy" }, inputFieldDisabled: { conditions: { base: "_1rsrm2fw2", hover: "_1rsrm2fw3", active: "_1rsrm2fw4", selection: "_1rsrm2fw5" }, defaultClass: "_1rsrm2fw2" }, strokePrimary: { conditions: { base: "_1rsrm2fw6", hover: "_1rsrm2fw7", active: "_1rsrm2fw8", selection: "_1rsrm2fw9" }, defaultClass: "_1rsrm2fw6" }, strokeSecondary: { conditions: { base: "_1rsrm2fwa", hover: "_1rsrm2fwb", active: "_1rsrm2fwc", selection: "_1rsrm2fwd" }, defaultClass: "_1rsrm2fwa" }, buttonPrimary: { conditions: { base: "_1rsrm2fwe", hover: "_1rsrm2fwf", active: "_1rsrm2fwg", selection: "_1rsrm2fwh" }, defaultClass: "_1rsrm2fwe" }, buttonProcessing: { conditions: { base: "_1rsrm2fwi", hover: "_1rsrm2fwj", active: "_1rsrm2fwk", selection: "_1rsrm2fwl" }, defaultClass: "_1rsrm2fwi" }, buttonDisabled: { conditions: { base: "_1rsrm2fwm", hover: "_1rsrm2fwn", active: "_1rsrm2fwo", selection: "_1rsrm2fwp" }, defaultClass: "_1rsrm2fwm" }, buttonWarning: { conditions: { base: "_1rsrm2fwq", hover: "_1rsrm2fwr", active: "_1rsrm2fws", selection: "_1rsrm2fwt" }, defaultClass: "_1rsrm2fwq" }, buttonTextWarning: { conditions: { base: "_1rsrm2fwu", hover: "_1rsrm2fwv", active: "_1rsrm2fww", selection: "_1rsrm2fwx" }, defaultClass: "_1rsrm2fwu" }, buttonTextPrimary: { conditions: { base: "_1rsrm2fwy", hover: "_1rsrm2fwz", active: "_1rsrm2fx0", selection: "_1rsrm2fx1" }, defaultClass: "_1rsrm2fwy" }, buttonTextSecondary: { conditions: { base: "_1rsrm2fx2", hover: "_1rsrm2fx3", active: "_1rsrm2fx4", selection: "_1rsrm2fx5" }, defaultClass: "_1rsrm2fx2" }, buttonTextDisabled: { conditions: { base: "_1rsrm2fx6", hover: "_1rsrm2fx7", active: "_1rsrm2fx8", selection: "_1rsrm2fx9" }, defaultClass: "_1rsrm2fx6" }, transparent: { conditions: { base: "_1rsrm2fxa", hover: "_1rsrm2fxb", active: "_1rsrm2fxc", selection: "_1rsrm2fxd" }, defaultClass: "_1rsrm2fxa" } } } } }, { 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" }, inherit: { defaultClass: "_1rsrm2f3h" } } }, marginBottom: { values: { "0": { defaultClass: "_1rsrm2f3i" }, "1": { defaultClass: "_1rsrm2f3j" }, "2": { defaultClass: "_1rsrm2f3k" }, "3": { defaultClass: "_1rsrm2f3l" }, "4": { defaultClass: "_1rsrm2f3m" }, "5": { defaultClass: "_1rsrm2f3n" }, "6": { defaultClass: "_1rsrm2f3o" }, "8": { defaultClass: "_1rsrm2f3p" }, "10": { defaultClass: "_1rsrm2f3q" }, "12": { defaultClass: "_1rsrm2f3r" }, "14": { defaultClass: "_1rsrm2f3s" }, "16": { defaultClass: "_1rsrm2f3t" }, "18": { defaultClass: "_1rsrm2f3u" }, "20": { defaultClass: "_1rsrm2f3v" }, "24": { defaultClass: "_1rsrm2f3w" }, "28": { defaultClass: "_1rsrm2f3x" }, "30": { defaultClass: "_1rsrm2f3y" }, "32": { defaultClass: "_1rsrm2f3z" }, "36": { defaultClass: "_1rsrm2f40" }, "44": { defaultClass: "_1rsrm2f41" }, "64": { defaultClass: "_1rsrm2f42" }, "-1": { defaultClass: "_1rsrm2f43" } } }, marginLeft: { values: { "0": { defaultClass: "_1rsrm2f44" }, "1": { defaultClass: "_1rsrm2f45" }, "2": { defaultClass: "_1rsrm2f46" }, "3": { defaultClass: "_1rsrm2f47" }, "4": { defaultClass: "_1rsrm2f48" }, "5": { defaultClass: "_1rsrm2f49" }, "6": { defaultClass: "_1rsrm2f4a" }, "8": { defaultClass: "_1rsrm2f4b" }, "10": { defaultClass: "_1rsrm2f4c" }, "12": { defaultClass: "_1rsrm2f4d" }, "14": { defaultClass: "_1rsrm2f4e" }, "16": { defaultClass: "_1rsrm2f4f" }, "18": { defaultClass: "_1rsrm2f4g" }, "20": { defaultClass: "_1rsrm2f4h" }, "24": { defaultClass: "_1rsrm2f4i" }, "28": { defaultClass: "_1rsrm2f4j" }, "30": { defaultClass: "_1rsrm2f4k" }, "32": { defaultClass: "_1rsrm2f4l" }, "36": { defaultClass: "_1rsrm2f4m" }, "44": { defaultClass: "_1rsrm2f4n" }, "64": { defaultClass: "_1rsrm2f4o" }, "-1": { defaultClass: "_1rsrm2f4p" } } }, marginRight: { values: { "0": { defaultClass: "_1rsrm2f4q" }, "1": { defaultClass: "_1rsrm2f4r" }, "2": { defaultClass: "_1rsrm2f4s" }, "3": { defaultClass: "_1rsrm2f4t" }, "4": { defaultClass: "_1rsrm2f4u" }, "5": { defaultClass: "_1rsrm2f4v" }, "6": { defaultClass: "_1rsrm2f4w" }, "8": { defaultClass: "_1rsrm2f4x" }, "10": { defaultClass: "_1rsrm2f4y" }, "12": { defaultClass: "_1rsrm2f4z" }, "14": { defaultClass: "_1rsrm2f50" }, "16": { defaultClass: "_1rsrm2f51" }, "18": { defaultClass: "_1rsrm2f52" }, "20": { defaultClass: "_1rsrm2f53" }, "24": { defaultClass: "_1rsrm2f54" }, "28": { defaultClass: "_1rsrm2f55" }, "30": { defaultClass: "_1rsrm2f56" }, "32": { defaultClass: "_1rsrm2f57" }, "36": { defaultClass: "_1rsrm2f58" }, "44": { defaultClass: "_1rsrm2f59" }, "64": { defaultClass: "_1rsrm2f5a" }, "-1": { defaultClass: "_1rsrm2f5b" } } }, marginTop: { values: { "0": { defaultClass: "_1rsrm2f5c" }, "1": { defaultClass: "_1rsrm2f5d" }, "2": { defaultClass: "_1rsrm2f5e" }, "3": { defaultClass: "_1rsrm2f5f" }, "4": { defaultClass: "_1rsrm2f5g" }, "5": { defaultClass: "_1rsrm2f5h" }, "6": { defaultClass: "_1rsrm2f5i" }, "8": { defaultClass: "_1rsrm2f5j" }, "10": { defaultClass: "_1rsrm2f5k" }, "12": { defaultClass: "_1rsrm2f5l" }, "14": { defaultClass: "_1rsrm2f5m" }, "16": { defaultClass: "_1rsrm2f5n" }, "18": { defaultClass: "_1rsrm2f5o" }, "20": { defaultClass: "_1rsrm2f5p" }, "24": { defaultClass: "_1rsrm2f5q" }, "28": { defaultClass: "_1rsrm2f5r" }, "30": { defaultClass: "_1rsrm2f5s" }, "32": { defaultClass: "_1rsrm2f5t" }, "36": { defaultClass: "_1rsrm2f5u" }, "44": { defaultClass: "_1rsrm2f5v" }, "64": { defaultClass: "_1rsrm2f5w" }, "-1": { defaultClass: "_1rsrm2f5x" } } }, minHeight: { values: { "1": { defaultClass: "_1rsrm2f5y" }, "2": { defaultClass: "_1rsrm2f5z" }, "4": { defaultClass: "_1rsrm2f60" }, "8": { defaultClass: "_1rsrm2f61" }, "10": { defaultClass: "_1rsrm2f62" }, "12": { defaultClass: "_1rsrm2f63" }, "14": { defaultClass: "_1rsrm2f64" }, "16": { defaultClass: "_1rsrm2f65" }, "20": { defaultClass: "_1rsrm2f66" }, "24": { defaultClass: "_1rsrm2f67" }, "28": { defaultClass: "_1rsrm2f68" }, "30": { defaultClass: "_1rsrm2f69" }, "32": { defaultClass: "_1rsrm2f6a" }, "34": { defaultClass: "_1rsrm2f6b" }, "36": { defaultClass: "_1rsrm2f6c" }, "40": { defaultClass: "_1rsrm2f6d" }, "44": { defaultClass: "_1rsrm2f6e" }, "48": { defaultClass: "_1rsrm2f6f" }, "50": { defaultClass: "_1rsrm2f6g" }, "54": { defaultClass: "_1rsrm2f6h" }, "60": { defaultClass: "_1rsrm2f6i" }, "93": { defaultClass: "_1rsrm2f6j" }, "100": { defaultClass: "_1rsrm2f6k" }, "108": { defaultClass: "_1rsrm2f6l" }, "162": { defaultClass: "_1rsrm2f6m" }, "192": { defaultClass: "_1rsrm2f6n" }, "200": { defaultClass: "_1rsrm2f6o" }, "210": { defaultClass: "_1rsrm2f6p" }, "220": { defaultClass: "_1rsrm2f6q" }, "230": { defaultClass: "_1rsrm2f6r" }, "240": { defaultClass: "_1rsrm2f6s" }, "256": { defaultClass: "_1rsrm2f6t" }, "320": { defaultClass: "_1rsrm2f6u" }, "400": { defaultClass: "_1rsrm2f6v" }, "440": { defaultClass: "_1rsrm2f6w" }, "600": { defaultClass: "_1rsrm2f6x" }, half: { defaultClass: "_1rsrm2f6y" }, full: { defaultClass: "_1rsrm2f6z" }, max: { defaultClass: "_1rsrm2f70" } } }, maxHeight: { values: { "1": { defaultClass: "_1rsrm2f71" }, "2": { defaultClass: "_1rsrm2f72" }, "4": { defaultClass: "_1rsrm2f73" }, "8": { defaultClass: "_1rsrm2f74" }, "10": { defaultClass: "_1rsrm2f75" }, "12": { defaultClass: "_1rsrm2f76" }, "14": { defaultClass: "_1rsrm2f77" }, "16": { defaultClass: "_1rsrm2f78" }, "20": { defaultClass: "_1rsrm2f79" }, "24": { defaultClass: "_1rsrm2f7a" }, "28": { defaultClass: "_1rsrm2f7b" }, "30": { defaultClass: "_1rsrm2f7c" }, "32": { defaultClass: "_1rsrm2f7d" }, "34": { defaultClass: "_1rsrm2f7e" }, "36": { defaultClass: "_1rsrm2f7f" }, "40": { defaultClass: "_1rsrm2f7g" }, "44": { defaultClass: "_1rsrm2f7h" }, "48": { defaultClass: "_1rsrm2f7i" }, "50": { defaultClass: "_1rsrm2f7j" }, "54": { defaultClass: "_1rsrm2f7k" }, "60": { defaultClass: "_1rsrm2f7l" }, "93": { defaultClass: "_1rsrm2f7m" }, "100": { defaultClass: "_1rsrm2f7n" }, "108": { defaultClass: "_1rsrm2f7o" }, "162": { defaultClass: "_1rsrm2f7p" }, "192": { defaultClass: "_1rsrm2f7q" }, "200": { defaultClass: "_1rsrm2f7r" }, "210": { defaultClass: "_1rsrm2f7s" }, "220": { defaultClass: "_1rsrm2f7t" }, "230": { defaultClass: "_1rsrm2f7u" }, "240": { defaultClass: "_1rsrm2f7v" }, "256": { defaultClass: "_1rsrm2f7w" }, "320": { defaultClass: "_1rsrm2f7x" }, "400": { defaultClass: "_1rsrm2f7y" }, "440": { defaultClass: "_1rsrm2f7z" }, "600": { defaultClass: "_1rsrm2f80" }, half: { defaultClass: "_1rsrm2f81" }, full: { defaultClass: "_1rsrm2f82" }, max: { defaultClass: "_1rsrm2f83" } } }, maxWidth: { values: { "1": { defaultClass: "_1rsrm2f84" }, "2": { defaultClass: "_1rsrm2f85" }, "4": { defaultClass: "_1rsrm2f86" }, "8": { defaultClass: "_1rsrm2f87" }, "10": { defaultClass: "_1rsrm2f88" }, "12": { defaultClass: "_1rsrm2f89" }, "14": { defaultClass: "_1rsrm2f8a" }, "16": { defaultClass: "_1rsrm2f8b" }, "20": { defaultClass: "_1rsrm2f8c" }, "24": { defaultClass: "_1rsrm2f8d" }, "28": { defaultClass: "_1rsrm2f8e" }, "30": { defaultClass: "_1rsrm2f8f" }, "32": { defaultClass: "_1rsrm2f8g" }, "34": { defaultClass: "_1rsrm2f8h" }, "36": { defaultClass: "_1rsrm2f8i" }, "40": { defaultClass: "_1rsrm2f8j" }, "44": { defaultClass: "_1rsrm2f8k" }, "48": { defaultClass: "_1rsrm2f8l" }, "50": { defaultClass: "_1rsrm2f8m" }, "54": { defaultClass: "_1rsrm2f8n" }, "60": { defaultClass: "_1rsrm2f8o" }, "93": { defaultClass: "_1rsrm2f8p" }, "100": { defaultClass: "_1rsrm2f8q" }, "108": { defaultClass: "_1rsrm2f8r" }, "162": { defaultClass: "_1rsrm2f8s" }, "192": { defaultClass: "_1rsrm2f8t" }, "200": { defaultClass: "_1rsrm2f8u" }, "210": { defaultClass: "_1rsrm2f8v" }, "220": { defaultClass: "_1rsrm2f8w" }, "230": { defaultClass: "_1rsrm2f8x" }, "240": { defaultClass: "_1rsrm2f8y" }, "256": { defaultClass: "_1rsrm2f8z" }, "320": { defaultClass: "_1rsrm2f90" }, "400": { defaultClass: "_1rsrm2f91" }, "440": { defaultClass: "_1rsrm2f92" }, "600": { defaultClass: "_1rsrm2f93" }, half: { defaultClass: "_1rsrm2f94" }, full: { defaultClass: "_1rsrm2f95" }, max: { defaultClass: "_1rsrm2f96" } } }, minWidth: { values: { "1": { defaultClass: "_1rsrm2f97" }, "2": { defaultClass: "_1rsrm2f98" }, "4": { defaultClass: "_1rsrm2f99" }, "8": { defaultClass: "_1rsrm2f9a" }, "10": { defaultClass: "_1rsrm2f9b" }, "12": { defaultClass: "_1rsrm2f9c" }, "14": { defaultClass: "_1rsrm2f9d" }, "16": { defaultClass: "_1rsrm2f9e" }, "20": { defaultClass: "_1rsrm2f9f" }, "24": { defaultClass: "_1rsrm2f9g" }, "28": { defaultClass: "_1rsrm2f9h" }, "30": { defaultClass: "_1rsrm2f9i" }, "32": { defaultClass: "_1rsrm2f9j" }, "34": { defaultClass: "_1rsrm2f9k" }, "36": { defaultClass: "_1rsrm2f9l" }, "40": { defaultClass: "_1rsrm2f9m" }, "44": { defaultClass: "_1rsrm2f9n" }, "48": { defaultClass: "_1rsrm2f9o" }, "50": { defaultClass: "_1rsrm2f9p" }, "54": { defaultClass: "_1rsrm2f9q" }, "60": { defaultClass: "_1rsrm2f9r" }, "93": { defaultClass: "_1rsrm2f9s" }, "100": { defaultClass: "_1rsrm2f9t" }, "108": { defaultClass: "_1rsrm2f9u" }, "162": { defaultClass: "_1rsrm2f9v" }, "192": { defaultClass: "_1rsrm2f9w" }, "200": { defaultClass: "_1rsrm2f9x" }, "210": { defaultClass: "_1rsrm2f9y" }, "220": { defaultClass: "_1rsrm2f9z" }, "230": { defaultClass: "_1rsrm2fa0" }, "240": { defaultClass: "_1rsrm2fa1" }, "256": { defaultClass: "_1rsrm2fa2" }, "320": { defaultClass: "_1rsrm2fa3" }, "400": { defaultClass: "_1rsrm2fa4" }, "440": { defaultClass: "_1rsrm2fa5" }, "600": { defaultClass: "_1rsrm2fa6" }, half: { defaultClass: "_1rsrm2fa7" }, full: { defaultClass: "_1rsrm2fa8" }, max: { defaultClass: "_1rsrm2fa9" } } }, overflow: { values: { hidden: { defaultClass: "_1rsrm2faa" } } }, paddingBottom: { values: { "0": { defaultClass: "_1rsrm2fab" }, "1": { defaultClass: "_1rsrm2fac" }, "2": { defaultClass: "_1rsrm2fad" }, "3": { defaultClass: "_1rsrm2fae" }, "4": { defaultClass: "_1rsrm2faf" }, "5": { defaultClass: "_1rsrm2fag" }, "6": { defaultClass: "_1rsrm2fah" }, "8": { defaultClass: "_1rsrm2fai" }, "10": { defaultClass: "_1rsrm2faj" }, "12": { defaultClass: "_1rsrm2fak" }, "14": { defaultClass: "_1rsrm2fal" }, "16": { defaultClass: "_1rsrm2fam" }, "18": { defaultClass: "_1rsrm2fan" }, "20": { defaultClass: "_1rsrm2fao" }, "24": { defaultClass: "_1rsrm2fap" }, "28": { defaultClass: "_1rsrm2faq" }, "30": { defaultClass: "_1rsrm2far" }, "32": { defaultClass: "_1rsrm2fas" }, "36": { defaultClass: "_1rsrm2fat" }, "44": { defaultClass: "_1rsrm2fau" }, "64": { defaultClass: "_1rsrm2fav" }, "-1": { defaultClass: "_1rsrm2faw" } } }, paddingLeft: { values: { "0": { defaultClass: "_1rsrm2fax" }, "1": { defaultClass: "_1rsrm2fay" }, "2": { defaultClass: "_1rsrm2faz" }, "3": { defaultClass: "_1rsrm2fb0" }, "4": { defaultClass: "_1rsrm2fb1" }, "5": { defaultClass: "_1rsrm2fb2" }, "6": { defaultClass: "_1rsrm2fb3" }, "8": { defaultClass: "_1rsrm2fb4" }, "10": { defaultClass: "_1rsrm2fb5" }, "12": { defaultClass: "_1rsrm2fb6" }, "14": { defaultClass: "_1rsrm2fb7" }, "16": { defaultClass: "_1rsrm2fb8" }, "18": { defaultClass: "_1rsrm2fb9" }, "20": { defaultClass: "_1rsrm2fba" }, "24": { defaultClass: "_1rsrm2fbb" }, "28": { defaultClass: "_1rsrm2fbc" }, "30": { defaultClass: "_1rsrm2fbd" }, "32": { defaultClass: "_1rsrm2fbe" }, "36": { defaultClass: "_1rsrm2fbf" }, "44": { defaultClass: "_1rsrm2fbg" }, "64": { defaultClass: "_1rsrm2fbh" }, "-1": { defaultClass: "_1rsrm2fbi" } } }, paddingRight: { values: { "0": { defaultClass: "_1rsrm2fbj" }, "1": { defaultClass: "_1rsrm2fbk" }, "2": { defaultClass: "_1rsrm2fbl" }, "3": { defaultClass: "_1rsrm2fbm" }, "4": { defaultClass: "_1rsrm2fbn" }, "5": { defaultClass: "_1rsrm2fbo" }, "6": { defaultClass: "_1rsrm2fbp" }, "8": { defaultClass: "_1rsrm2fbq" }, "10": { defaultClass: "_1rsrm2fbr" }, "12": { defaultClass: "_1rsrm2fbs" }, "14": { defaultClass: "_1rsrm2fbt" }, "16": { defaultClass: "_1rsrm2fbu" }, "18": { defaultClass: "_1rsrm2fbv" }, "20": { defaultClass: "_1rsrm2fbw" }, "24": { defaultClass: "_1rsrm2fbx" }, "28": { defaultClass: "_1rsrm2fby" }, "30": { defaultClass: "_1rsrm2fbz" }, "32": { defaultClass: "_1rsrm2fc0" }, "36": { defaultClass: "_1rsrm2fc1" }, "44": { defaultClass: "_1rsrm2fc2" }, "64": { defaultClass: "_1rsrm2fc3" }, "-1": { defaultClass: "_1rsrm2fc4" } } }, paddingTop: { values: { "0": { defaultClass: "_1rsrm2fc5" }, "1": { defaultClass: "_1rsrm2fc6" }, "2": { defaultClass: "_1rsrm2fc7" }, "3": { defaultClass: "_1rsrm2fc8" }, "4": { defaultClass: "_1rsrm2fc9" }, "5": { defaultClass: "_1rsrm2fca" }, "6": { defaultClass: "_1rsrm2fcb" }, "8": { defaultClass: "_1rsrm2fcc" }, "10": { defaultClass: "_1rsrm2fcd" }, "12": { defaultClass: "_1rsrm2fce" }, "14": { defaultClass: "_1rsrm2fcf" }, "16": { defaultClass: "_1rsrm2fcg" }, "18": { defaultClass: "_1rsrm2fch" }, "20": { defaultClass: "_1rsrm2fci" }, "24": { defaultClass: "_1rsrm2fcj" }, "28": { defaultClass: "_1rsrm2fck" }, "30": { defaultClass: "_1rsrm2fcl" }, "32": { defaultClass: "_1rsrm2fcm" }, "36": { defaultClass: "_1rsrm2fcn" }, "44": { defaultClass: "_1rsrm2fco" }, "64": { defaultClass: "_1rsrm2fcp" }, "-1": { defaultClass: "_1rsrm2fcq" } } }, position: { values: { absolute: { defaultClass: "_1rsrm2fcr" }, fixed: { defaultClass: "_1rsrm2fcs" }, relative: { defaultClass: "_1rsrm2fct" } } }, right: { values: { "0": { defaultClass: "_1rsrm2fcu" } } }, transition: { values: { "default": { defaultClass: "_1rsrm2fcv" }, transform: { defaultClass: "_1rsrm2fcw" } } }, userSelect: { values: { none: { defaultClass: "_1rsrm2fcx" } } }, width: { values: { "1": { defaultClass: "_1rsrm2fcy" }, "2": { defaultClass: "_1rsrm2fcz" }, "4": { defaultClass: "_1rsrm2fd0" }, "8": { defaultClass: "_1rsrm2fd1" }, "10": { defaultClass: "_1rsrm2fd2" }, "12": { defaultClass: "_1rsrm2fd3" }, "14": { defaultClass: "_1rsrm2fd4" }, "16": { defaultClass: "_1rsrm2fd5" }, "20": { defaultClass: "_1rsrm2fd6" }, "24": { defaultClass: "_1rsrm2fd7" }, "28": { defaultClass: "_1rsrm2fd8" }, "30": { defaultClass: "_1rsrm2fd9" }, "32": { defaultClass: "_1rsrm2fda" }, "34": { defaultClass: "_1rsrm2fdb" }, "36": { defaultClass: "_1rsrm2fdc" }, "40": { defaultClass: "_1rsrm2fdd" }, "44": { defaultClass: "_1rsrm2fde" }, "48": { defaultClass: "_1rsrm2fdf" }, "50": { defaultClass: "_1rsrm2fdg" }, "54": { defaultClass: "_1rsrm2fdh" }, "60": { defaultClass: "_1rsrm2fdi" }, "93": { defaultClass: "_1rsrm2fdj" }, "100": { defaultClass: "_1rsrm2fdk" }, "108": { defaultClass: "_1rsrm2fdl" }, "162": { defaultClass: "_1rsrm2fdm" }, "192": { defaultClass: "_1rsrm2fdn" }, "200": { defaultClass: "_1rsrm2fdo" }, "210": { defaultClass: "_1rsrm2fdp" }, "220": { defaultClass: "_1rsrm2fdq" }, "230": { defaultClass: "_1rsrm2fdr" }, "240": { defaultClass: "_1rsrm2fds" }, "256": { defaultClass: "_1rsrm2fdt" }, "320": { defaultClass: "_1rsrm2fdu" }, "400": { defaultClass: "_1rsrm2fdv" }, "440": { defaultClass: "_1rsrm2fdw" }, "600": { defaultClass: "_1rsrm2fdx" }, half: { defaultClass: "_1rsrm2fdy" }, full: { defaultClass: "_1rsrm2fdz" }, max: { defaultClass: "_1rsrm2fe0" } } }, backdropFilter: { values: { modalOverlay: { defaultClass: "_1rsrm2fe1" } } } } });
24
24
  var themeVars = { colors: { accentColor: "var(--rk-colors-accentColor)", accentColorForeground: "var(--rk-colors-accentColorForeground)", actionButtonBorder: "var(--rk-colors-actionButtonBorder)", actionButtonBorderMobile: "var(--rk-colors-actionButtonBorderMobile)", actionButtonSecondaryBackground: "var(--rk-colors-actionButtonSecondaryBackground)", actionButtonDisabled: "var(--rk-colors-actionButtonDisabled)", closeButton: "var(--rk-colors-closeButton)", closeButtonBackground: "var(--rk-colors-closeButtonBackground)", connectButtonBackground: "var(--rk-colors-connectButtonBackground)", connectButtonBackgroundError: "var(--rk-colors-connectButtonBackgroundError)", connectButtonInnerBackground: "var(--rk-colors-connectButtonInnerBackground)", connectButtonText: "var(--rk-colors-connectButtonText)", connectButtonTextError: "var(--rk-colors-connectButtonTextError)", connectionIndicator: "var(--rk-colors-connectionIndicator)", downloadBottomCardBackground: "var(--rk-colors-downloadBottomCardBackground)", downloadTopCardBackground: "var(--rk-colors-downloadTopCardBackground)", error: "var(--rk-colors-error)", generalBorder: "var(--rk-colors-generalBorder)", generalBorderDim: "var(--rk-colors-generalBorderDim)", menuItemBackground: "var(--rk-colors-menuItemBackground)", modalText: "var(--rk-colors-modalText)", modalTextDim: "var(--rk-colors-modalTextDim)", modalTextSecondary: "var(--rk-colors-modalTextSecondary)", profileAction: "var(--rk-colors-profileAction)", profileActionHover: "var(--rk-colors-profileActionHover)", profileForeground: "var(--rk-colors-profileForeground)", selectedOptionBorder: "var(--rk-colors-selectedOptionBorder)", standby: "var(--rk-colors-standby)", solidLine: "var(--rk-colors-solidLine)", leftTranslucentLine: "var(--rk-colors-leftTranslucentLine)", rightTranslucentLine: "var(--rk-colors-rightTranslucentLine)", loadingBase: "var(--rk-colors-loadingBase)", loadingAccent: "var(--rk-colors-loadingAccent)", modalBackdrop: "var(--rk-colors-modalBackdrop)", modalBackground: "var(--rk-colors-modalBackground)", modalBorder: "var(--rk-colors-modalBorder)", notificationPrimary: "var(--rk-colors-notificationPrimary)", textPrimary: "var(--rk-colors-textPrimary)", textSecondary: "var(--rk-colors-textSecondary)", textTertiary: "var(--rk-colors-textTertiary)", textDisabled: "var(--rk-colors-textDisabled)", textSelection: "var(--rk-colors-textSelection)", inputFieldPrimary: "var(--rk-colors-inputFieldPrimary)", inputFieldPlaceholder: "var(--rk-colors-inputFieldPlaceholder)", inputFieldDisabled: "var(--rk-colors-inputFieldDisabled)", strokePrimary: "var(--rk-colors-strokePrimary)", strokeSecondary: "var(--rk-colors-strokeSecondary)", buttonPrimary: "var(--rk-colors-buttonPrimary)", buttonProcessing: "var(--rk-colors-buttonProcessing)", buttonDisabled: "var(--rk-colors-buttonDisabled)", buttonWarning: "var(--rk-colors-buttonWarning)", buttonTextWarning: "var(--rk-colors-buttonTextWarning)", 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)" }, 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)" } };
25
25
 
26
26
  // src/css/touchableStyles.css.ts
27
27
  var active = { shrink: "_7rkubb8", shrinkSm: "_7rkubb9" };
28
- var base = "_7rkubb3 _1rsrm2fcj";
28
+ var base = "_7rkubb3 _1rsrm2fct";
29
29
  var hover = { grow: "_7rkubb6", growLg: "_7rkubb7" };
30
- var primaryBase = "_7rkubb5 _1rsrm2fcj";
30
+ var primaryBase = "_7rkubb5 _1rsrm2fct";
31
31
 
32
32
  // src/css/touchableStyles.ts
33
33
  function touchableStyles({ active: active2, hover: hover2 }) {
@@ -136,7 +136,7 @@ import React139, {
136
136
  useCallback as useCallback25,
137
137
  useContext as useContext22,
138
138
  useEffect as useEffect27,
139
- useMemo as useMemo31,
139
+ useMemo as useMemo32,
140
140
  useState as useState38
141
141
  } from "react";
142
142
  import { useConnect as useConnect2, useDisconnect as useDisconnect3 } from "wagmi";
@@ -150,6 +150,7 @@ var NATIVE_TOKEN = FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS;
150
150
  var FUNKIT_CONNECT_WALLET_ID = "funkitConnectWallet";
151
151
  var RESERVED_GROUP_NAME = "funkit-web2";
152
152
  var DEFAULT_FUNWALLET_INDEX = 0;
153
+ var FUN_WORKER_EOA_ADDR = "0x61d048E5bECBd111c5D1e9BfFa1e284EBcb230Cc";
153
154
  var FROM_PROGRESS_CHECKOUT_STATES = [
154
155
  CheckoutState.FROM_UNFUNDED,
155
156
  CheckoutState.FROM_FUNDED,
@@ -158,7 +159,8 @@ var FROM_PROGRESS_CHECKOUT_STATES = [
158
159
  var TO_PROGRESS_CHECKOUT_STATES = [
159
160
  CheckoutState.TO_UNFUNDED,
160
161
  CheckoutState.TO_FUNDED,
161
- CheckoutState.TO_POOLED
162
+ CheckoutState.TO_POOLED,
163
+ CheckoutState.TO_READY
162
164
  ];
163
165
  var IN_PROGRESS_CHECKOUT_STATES = [
164
166
  ...TO_PROGRESS_CHECKOUT_STATES,
@@ -355,6 +357,10 @@ var xdcIcon = {
355
357
  iconBackground: "#f9f7ec",
356
358
  iconUrl: async () => (await import("./xdc-3JFKXD2F.js")).default
357
359
  };
360
+ var zetachainIcon = {
361
+ iconBackground: "#000000",
362
+ iconUrl: async () => (await import("./zetachain-WXXDOYLF.js")).default
363
+ };
358
364
  var zkSyncIcon = {
359
365
  iconBackground: "#f9f7ec",
360
366
  iconUrl: async () => (await import("./zkSync-TPYAH57A.js")).default
@@ -400,6 +406,12 @@ var chainMetadataByName = {
400
406
  sepolia: { chainId: 11155111, ...ethereumIcon },
401
407
  xdc: { chainId: 50, name: "XinFin", ...xdcIcon },
402
408
  xdcTestnet: { chainId: 51, ...xdcIcon },
409
+ zetachain: { chainId: 7e3, name: "ZetaChain", ...zetachainIcon },
410
+ zetachainAthensTestnet: {
411
+ chainId: 7001,
412
+ name: "Zeta Athens",
413
+ ...zetachainIcon
414
+ },
403
415
  zkSync: { chainId: 324, name: "zkSync", ...zkSyncIcon },
404
416
  zkSyncTestnet: { chainId: 280, ...zkSyncIcon },
405
417
  zora: { chainId: 7777777, name: "Zora", ...zoraIcon },
@@ -474,7 +486,7 @@ import React138, {
474
486
  useCallback as useCallback24,
475
487
  useContext as useContext21,
476
488
  useEffect as useEffect26,
477
- useMemo as useMemo30,
489
+ useMemo as useMemo31,
478
490
  useState as useState37
479
491
  } from "react";
480
492
  import { useAccount as useAccount11, useAccountEffect as useAccountEffect2, useConfig as useConfig4 } from "wagmi";
@@ -650,10 +662,10 @@ var FunkitThemeProvider = ({
650
662
 
651
663
  // src/components/Dialog/Dialog.css.ts
652
664
  var DialogAnimationTime = 150;
653
- var content = "_1r8f579 _1rsrm2fa _1rsrm2f15 _1rsrm2fcj";
654
- var contentSlideOut = "_1r8f57b _1rsrm2fa _1rsrm2f15 _1rsrm2fcj";
655
- var overlay = "_1r8f575 _1rsrm2fdp _1rsrm2fhe _1rsrm2fa _1rsrm2f3a _1rsrm2fci";
656
- var overlayOut = "_1r8f577 _1rsrm2fdp _1rsrm2fhe _1rsrm2fa _1rsrm2f3a _1rsrm2fci";
665
+ var content = "_1r8f579 _1rsrm2fa _1rsrm2f15 _1rsrm2fct";
666
+ var contentSlideOut = "_1r8f57b _1rsrm2fa _1rsrm2f15 _1rsrm2fct";
667
+ var overlay = "_1r8f575 _1rsrm2fe1 _1rsrm2fhq _1rsrm2fa _1rsrm2f3c _1rsrm2fcs";
668
+ var overlayOut = "_1r8f577 _1rsrm2fe1 _1rsrm2fhq _1rsrm2fa _1rsrm2f3c _1rsrm2fcs";
657
669
 
658
670
  // src/components/Dialog/FocusTrap.tsx
659
671
  import React5, { useCallback as useCallback2, useEffect as useEffect3, useRef } from "react";
@@ -1095,11 +1107,11 @@ var ShortFunToast = ({
1095
1107
 
1096
1108
  // src/components/Dialog/DialogContent.css.ts
1097
1109
  var bottomSheetOverrides = "_1pzt4237";
1098
- var dialogContent = "_1pzt4231 _1rsrm2fhi _1rsrm2fnu _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fqa _1rsrm2fa _1rsrm2f15 _1rsrm2fa0 _1rsrm2fcj";
1099
- var dialogContentCompactMode = "_1pzt4234 _1pzt4231 _1rsrm2fhi _1rsrm2fnu _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fqa _1rsrm2fa _1rsrm2f15 _1rsrm2fa0 _1rsrm2fcj";
1110
+ var dialogContent = "_1pzt4231 _1rsrm2fhu _1rsrm2fo6 _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fqm _1rsrm2fa _1rsrm2f15 _1rsrm2faa _1rsrm2fct";
1111
+ var dialogContentCompactMode = "_1pzt4234 _1pzt4231 _1rsrm2fhu _1rsrm2fo6 _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fqm _1rsrm2fa _1rsrm2f15 _1rsrm2faa _1rsrm2fct";
1100
1112
  var dialogContentMobile = "_1pzt4236 _1rsrm2fs";
1101
- var dialogContentWideDesktop = "_1pzt4233 _1pzt4231 _1rsrm2fhi _1rsrm2fnu _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fqa _1rsrm2fa _1rsrm2f15 _1rsrm2fa0 _1rsrm2fcj";
1102
- var dialogContentWideMobile = "_1pzt4232 _1pzt4231 _1rsrm2fhi _1rsrm2fnu _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fqa _1rsrm2fa _1rsrm2f15 _1rsrm2fa0 _1rsrm2fcj";
1113
+ var dialogContentWideDesktop = "_1pzt4233 _1pzt4231 _1rsrm2fhu _1rsrm2fo6 _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fqm _1rsrm2fa _1rsrm2f15 _1rsrm2faa _1rsrm2fct";
1114
+ var dialogContentWideMobile = "_1pzt4232 _1pzt4231 _1rsrm2fhu _1rsrm2fo6 _1rsrm2fr _1rsrm2fv _1rsrm2fy _1rsrm2fqm _1rsrm2fa _1rsrm2f15 _1rsrm2faa _1rsrm2fct";
1103
1115
 
1104
1116
  // src/components/Dialog/DialogContent.tsx
1105
1117
  function DialogContent({
@@ -1395,6 +1407,7 @@ function GeneralWalletProvider({ children }) {
1395
1407
  }, [refreshSymbol, activeChain]);
1396
1408
  const startAssetsListener = useCallback4(() => {
1397
1409
  clearInterval(intervalRef.current);
1410
+ triggerRefreshSymbol();
1398
1411
  intervalRef.current = setInterval(() => {
1399
1412
  triggerRefreshSymbol();
1400
1413
  }, FETCH_ASSETS_INTERVAL_MS);
@@ -1490,7 +1503,7 @@ import React101, { useState as useState30 } from "react";
1490
1503
 
1491
1504
  // src/components/ConnectOptions/DesktopOptions.css.ts
1492
1505
  var QRCodeBackgroundClassName = "mu4zht0";
1493
- var ScrollClassName = "mu4zht2 _1rsrm2faz _1rsrm2fbl";
1506
+ var ScrollClassName = "mu4zht2 _1rsrm2fb9 _1rsrm2fbv";
1494
1507
  var sidebar = "mu4zht3";
1495
1508
  var sidebarCompactMode = "mu4zht4";
1496
1509
 
@@ -1507,6 +1520,8 @@ import { useEffect as useEffect8 } from "react";
1507
1520
 
1508
1521
  // src/components/FunkitProvider/FunkitCheckoutContext.tsx
1509
1522
  import {
1523
+ addOwnerTxParams,
1524
+ Chain,
1510
1525
  ContractInterface,
1511
1526
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO3,
1512
1527
  getAssetPriceInfoForCheckout as getAssetPriceInfoForCheckout2,
@@ -1515,10 +1530,13 @@ import {
1515
1530
  getCheckoutsByFunWalletAddress,
1516
1531
  getCheckoutsByRecipientAddress,
1517
1532
  getMoonpayBuyQuoteForCreditCard,
1533
+ HashZero,
1518
1534
  initializeCheckout as postApiInitializeCheckout,
1519
1535
  isAddress as isAddress2,
1520
- meshPreviewTransfer
1536
+ meshPreviewTransfer,
1537
+ WALLET_CONTRACT_INTERFACE
1521
1538
  } from "@funkit/core";
1539
+ import { estimateGas } from "@wagmi/core";
1522
1540
  import React19, {
1523
1541
  createContext as createContext9,
1524
1542
  useCallback as useCallback5,
@@ -1529,22 +1547,61 @@ import React19, {
1529
1547
  useState as useState9
1530
1548
  } from "react";
1531
1549
  import { v4 as uuid } from "uuid";
1550
+ import {
1551
+ encodeFunctionData,
1552
+ erc20Abi,
1553
+ formatEther,
1554
+ pad
1555
+ } from "viem";
1532
1556
  import { useConfig as useConfig2 } from "wagmi";
1533
1557
 
1558
+ // src/consts/quote.ts
1559
+ var PENDING_QUOTE_MESSAGE_GENERATOR = {
1560
+ [0 /* PREPARING */]: () => "Preparing your quote...",
1561
+ [1 /* VERIFYING_PROVIDER */]: (provider) => `Verifying with ${provider} provider...`,
1562
+ [2 /* ESTIMATING_GAS */]: () => "Estimating gas...",
1563
+ [3 /* FINALIZING */]: () => "Finalizing your quote..."
1564
+ };
1565
+ var QUOTE_API_ERROR_STRING_INFO = {
1566
+ [0 /* NO_ROUTE_FOUND */]: {
1567
+ check: "No available route found",
1568
+ display: "No available route found. Please try again with another payment asset."
1569
+ },
1570
+ [1 /* INSUFFICIENT_AMOUNT_GENERAL */]: {
1571
+ check: "try to increase the amount",
1572
+ display: "Checkout amount is too low. Please try again with a higher amount."
1573
+ },
1574
+ [2 /* INSUFFICIENT_AMOUNT_FOR_BRDIGE */]: {
1575
+ check: "target token must be at least",
1576
+ display: "Checkout amount is too low. Please try again with a higher amount."
1577
+ }
1578
+ };
1579
+ function generateQuoteApiErrorForDisplay(errorMessage = "") {
1580
+ const errorMessageNormalized = errorMessage.toLowerCase();
1581
+ console.log(Object.values(QUOTE_API_ERROR_STRING_INFO));
1582
+ const foundItem = Object.values(QUOTE_API_ERROR_STRING_INFO).find(
1583
+ (infoItem) => errorMessageNormalized.includes(infoItem.check.toLowerCase())
1584
+ );
1585
+ return (foundItem == null ? void 0 : foundItem.display) || "";
1586
+ }
1587
+
1534
1588
  // src/hooks/useCheckoutType.ts
1535
1589
  function getCheckoutType(checkoutItem) {
1536
1590
  var _a;
1537
1591
  if (!checkoutItem) {
1538
1592
  return {
1539
1593
  isCheckoutCrFlow: false,
1540
- isCheckoutSpecialCrFlow: false
1594
+ isCheckoutDirectCrFlow: false,
1595
+ isCheckoutPostActionRequired: false
1541
1596
  };
1542
1597
  }
1543
1598
  const isCheckoutCrFlow = !!checkoutItem.initSettings.config.customRecipient;
1544
- const isCheckoutSpecialCrFlow = isCheckoutCrFlow && checkoutItem.selectedSourceAssetInfo.chainId === checkoutItem.initSettings.config.targetChain && ((_a = checkoutItem.selectedSourceAssetInfo.address) == null ? void 0 : _a.toLowerCase()) === checkoutItem.initSettings.config.targetAsset.toLowerCase();
1599
+ const isCheckoutDirectCrFlow = isCheckoutCrFlow && checkoutItem.selectedSourceAssetInfo.chainId === checkoutItem.initSettings.config.targetChain && ((_a = checkoutItem.selectedSourceAssetInfo.address) == null ? void 0 : _a.toLowerCase()) === checkoutItem.initSettings.config.targetAsset.toLowerCase();
1600
+ const isCheckoutPostActionRequired = !!checkoutItem.initSettings.config.actionsParams.length;
1545
1601
  return {
1546
1602
  isCheckoutCrFlow,
1547
- isCheckoutSpecialCrFlow
1603
+ isCheckoutDirectCrFlow,
1604
+ isCheckoutPostActionRequired
1548
1605
  };
1549
1606
  }
1550
1607
  function useCheckoutType(checkoutItem) {
@@ -1553,7 +1610,6 @@ function useCheckoutType(checkoutItem) {
1553
1610
 
1554
1611
  // src/utils/checkout.ts
1555
1612
  import {
1556
- Chain,
1557
1613
  CHECKOUT_SPONSOR_SUPPORT_CHAINS,
1558
1614
  CheckoutState as CheckoutState2,
1559
1615
  CONTRACT_ADDRESSES,
@@ -1561,7 +1617,7 @@ import {
1561
1617
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO,
1562
1618
  getAssetPriceInfoForCheckout,
1563
1619
  getEnvOptions,
1564
- Token
1620
+ getTokenInfo
1565
1621
  } from "@funkit/core";
1566
1622
  import { getBalance } from "@wagmi/core";
1567
1623
  import { isAddress } from "viem";
@@ -1727,6 +1783,9 @@ function _formatTruncated(value, precision = 2, keepTrailingZeros = false, useCo
1727
1783
  formatted += suffix;
1728
1784
  return formatted;
1729
1785
  }
1786
+ function parseInputToNumber(input) {
1787
+ return parseFloat((input || 0).toString());
1788
+ }
1730
1789
  function roundUpTo5DecimalPlaces(inputNumber) {
1731
1790
  const roundedString = (Math.ceil(parseFloat(inputNumber) * 1e5) / 1e5).toFixed(5);
1732
1791
  const roundedNumber = parseFloat(roundedString);
@@ -1742,7 +1801,7 @@ var DUMMY_TRANSFER_PARAMS = {
1742
1801
  toAddress: "0x000000000000000000000000000000000000dEaD",
1743
1802
  tokenAmount: 5
1744
1803
  };
1745
- function validateCheckoutConfig(config) {
1804
+ function validateCheckoutConfig(config, isUserLoggedIn) {
1746
1805
  logger.log("validateCheckoutConfig_input", config);
1747
1806
  if (!config.checkoutItemTitle) {
1748
1807
  return {
@@ -1792,6 +1851,18 @@ function validateCheckoutConfig(config) {
1792
1851
  message: `Invalid customRecipient configuration: Has to be a valid address.`
1793
1852
  };
1794
1853
  }
1854
+ if (config.customRecipient && isAddress(config.customRecipient) && isUserLoggedIn) {
1855
+ return {
1856
+ isValid: false,
1857
+ message: `Invalid customRecipient configuration: Unsupported when a user is logged in.`
1858
+ };
1859
+ }
1860
+ if (config.customRecipient && !!config.actionsParams.length) {
1861
+ return {
1862
+ isValid: false,
1863
+ message: `Invalid configuration: Not allowed to specify both customRecipient and actionsParams at the same time.`
1864
+ };
1865
+ }
1795
1866
  return {
1796
1867
  isValid: true,
1797
1868
  message: "Valid checkout configuration, proceeding..."
@@ -1822,9 +1893,8 @@ var testAutoExecutionDuringCheckout = async (config, walletAddress, wagmiConfig)
1822
1893
  }
1823
1894
  };
1824
1895
  async function getTokenAddress(tokenTicker, chainId) {
1825
- const chain = await Chain.getChain({ chainIdentifier: chainId });
1826
- const token = new Token(tokenTicker, chain);
1827
- return await token.getAddress();
1896
+ const retrievedTokenAddress = await getTokenInfo(tokenTicker, chainId);
1897
+ return retrievedTokenAddress;
1828
1898
  }
1829
1899
  function getFunkitEnvForCheckoutEstimation({
1830
1900
  chainId,
@@ -1949,6 +2019,9 @@ function combineChainSymbolOrAddress2({
1949
2019
  return `${chainId}|${symbolOrAddress}`;
1950
2020
  }
1951
2021
 
2022
+ // src/utils/checkoutFees.ts
2023
+ var GAS_ESTIMATE_MULTIPLER = 1.2;
2024
+
1952
2025
  // src/utils/moonpay.ts
1953
2026
  import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO2 } from "@funkit/core";
1954
2027
  var generateMoonpayCurrencyCode = (tokenSymbol, chainId) => {
@@ -1976,20 +2049,41 @@ var DEFAULT_TEXT_CUSTOMIZATIONS = {
1976
2049
  selectAssetToPay: "Select Asset to Pay",
1977
2050
  enterPaymentInfo: "Enter Payment Information"
1978
2051
  };
1979
- var FunkitConfigContext = createContext8({
2052
+ var DEFAULT_FUNKIT_CONFIG = {
1980
2053
  apiKey: "",
1981
2054
  privyAppId: "",
1982
- enabledLoginOptions: { web2: false, web3: false },
1983
2055
  appName: "",
1984
2056
  appLogoSrc: "",
1985
- textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS
1986
- });
2057
+ textCustomizations: DEFAULT_TEXT_CUSTOMIZATIONS,
2058
+ loginModalConfig: { web2: false, web3: false, prioritizeWeb2Logins: true },
2059
+ accountModalConfig: { enableDepositing: false },
2060
+ paymentsConfig: {
2061
+ allowBrokerageUnlinking: false,
2062
+ defaultPaymentMethod: void 0
2063
+ }
2064
+ };
2065
+ var FunkitConfigContext = createContext8(
2066
+ DEFAULT_FUNKIT_CONFIG
2067
+ );
1987
2068
  function useFunkitConfig() {
1988
2069
  const originalFunkitConfig = useContext8(FunkitConfigContext);
1989
2070
  const finalFunkitConfig = {
2071
+ ...DEFAULT_FUNKIT_CONFIG,
1990
2072
  ...originalFunkitConfig,
2073
+ loginModalConfig: {
2074
+ ...DEFAULT_FUNKIT_CONFIG.loginModalConfig,
2075
+ ...originalFunkitConfig.loginModalConfig || {}
2076
+ },
2077
+ accountModalConfig: {
2078
+ ...DEFAULT_FUNKIT_CONFIG.accountModalConfig,
2079
+ ...originalFunkitConfig.accountModalConfig || {}
2080
+ },
2081
+ paymentsConfig: {
2082
+ ...DEFAULT_FUNKIT_CONFIG.paymentsConfig,
2083
+ ...originalFunkitConfig.paymentsConfig || {}
2084
+ },
1991
2085
  textCustomizations: {
1992
- ...DEFAULT_TEXT_CUSTOMIZATIONS,
2086
+ ...DEFAULT_FUNKIT_CONFIG.textCustomizations,
1993
2087
  ...originalFunkitConfig.textCustomizations || {}
1994
2088
  }
1995
2089
  };
@@ -2013,18 +2107,23 @@ var FunkitCheckoutContext = createContext9({
2013
2107
  _updateTargetAssetAmount: () => void 0,
2014
2108
  _updateSelectedPaymentMethodInfo: () => void 0,
2015
2109
  _confirmCheckout: () => Promise.resolve("0x"),
2016
- _getCheckoutQuote: () => Promise.resolve(void 0),
2110
+ _clearCheckoutQuoteMessages: () => void 0,
2111
+ _getCheckoutQuote: () => Promise.resolve(false),
2017
2112
  _getCheckoutDraftDollarValue: () => Promise.resolve(void 0),
2018
2113
  _generateSignedBatchOperation: () => Promise.resolve(null)
2019
2114
  });
2020
2115
  var CHECKOUT_HISTORY_REFETCH_INTERVAL_MS = 5e3;
2021
2116
  function FunkitCheckoutProvider({ children }) {
2022
2117
  const funkitConfig = useFunkitConfig();
2118
+ const wagmiConfig = useConfig2();
2023
2119
  const {
2120
+ walletAddress,
2024
2121
  accountBalancePaymentDefaultInfo,
2025
2122
  funWallet,
2026
2123
  funWalletAuth,
2027
2124
  logoutSymbol,
2125
+ isWeb2Login,
2126
+ isWeb3Login,
2028
2127
  isUserLoggedIn
2029
2128
  } = useGeneralWallet();
2030
2129
  const [activeCheckouts, setActiveCheckouts] = useState9({});
@@ -2038,42 +2137,62 @@ function FunkitCheckoutProvider({ children }) {
2038
2137
  }, [checkoutHistoryList]);
2039
2138
  const intervalRef = useRef3();
2040
2139
  const [refreshSymbol, triggerRefreshSymbol] = useSymbolRefresh_default();
2041
- const [historyRecipientAddress, setHistoryRecipientAddress] = useState9();
2140
+ const [historyDepositAddress, setHistoryDepositAddress] = useState9();
2042
2141
  const [isCheckoutHistoryInited, setIsCheckoutHistoryInited] = useState9(false);
2043
2142
  const [isRefreshingCheckoutHistory, setIsRefreshingCheckoutHistory] = useState9(true);
2143
+ const isGuestUserOnCheckoutHistory = !isUserLoggedIn && !!historyDepositAddress;
2044
2144
  const _refreshCheckoutHistory = useCallback5(async () => {
2045
- const funWalletAddress = await (funWallet == null ? void 0 : funWallet.getAddress());
2046
- if (funkitConfig.apiKey) {
2047
- try {
2048
- setIsRefreshingCheckoutHistory(true);
2049
- let newCheckoutHistoryList = [];
2145
+ if (!funkitConfig.apiKey)
2146
+ return;
2147
+ if (!isUserLoggedIn && !isGuestUserOnCheckoutHistory)
2148
+ return;
2149
+ try {
2150
+ let newCheckoutHistoryList = [];
2151
+ setIsRefreshingCheckoutHistory(true);
2152
+ if (isWeb2Login) {
2153
+ const funWalletAddress = await (funWallet == null ? void 0 : funWallet.getAddress());
2050
2154
  if (funWalletAddress) {
2051
2155
  logger.log("getCheckoutsByFunWalletAddress");
2052
2156
  newCheckoutHistoryList = await getCheckoutsByFunWalletAddress({
2053
2157
  funWalletAddress,
2054
2158
  apiKey: funkitConfig.apiKey
2055
2159
  });
2056
- } else if (historyRecipientAddress) {
2057
- logger.log("getCheckoutsByRecipientAddress");
2058
- newCheckoutHistoryList = await getCheckoutsByRecipientAddress({
2059
- recipientAddress: historyRecipientAddress,
2060
- apiKey: funkitConfig.apiKey
2061
- });
2062
2160
  }
2063
- logger.log("newCheckoutHistoryList", newCheckoutHistoryList);
2064
- setCheckoutHistoryList(
2065
- newCheckoutHistoryList.sort((a, b) => b.createdTimeMs - a.createdTimeMs)
2066
- );
2067
- setIsCheckoutHistoryInited(true);
2068
- } catch (err) {
2069
- logger.error("_refreshCheckoutHistory:error", err);
2070
- } finally {
2071
- setIsRefreshingCheckoutHistory(false);
2161
+ } else if (isWeb3Login) {
2162
+ logger.log("getCheckoutsByRecipientAddress");
2163
+ newCheckoutHistoryList = await getCheckoutsByRecipientAddress({
2164
+ recipientAddress: walletAddress,
2165
+ apiKey: funkitConfig.apiKey
2166
+ });
2167
+ } else if (isGuestUserOnCheckoutHistory) {
2168
+ logger.log("getCheckoutByDepositAddress");
2169
+ const singleCheckoutHistory = await getCheckoutByDepositAddress({
2170
+ depositAddress: historyDepositAddress,
2171
+ apiKey: funkitConfig == null ? void 0 : funkitConfig.apiKey
2172
+ });
2173
+ newCheckoutHistoryList = [singleCheckoutHistory];
2072
2174
  }
2175
+ setCheckoutHistoryList(
2176
+ newCheckoutHistoryList.sort((a, b) => b.createdTimeMs - a.createdTimeMs)
2177
+ );
2178
+ setIsCheckoutHistoryInited(true);
2179
+ } catch (err) {
2180
+ logger.error("_refreshCheckoutHistory:error", err);
2181
+ } finally {
2182
+ setIsRefreshingCheckoutHistory(false);
2073
2183
  }
2074
- }, [funWallet, funkitConfig == null ? void 0 : funkitConfig.apiKey, historyRecipientAddress]);
2184
+ }, [
2185
+ funWallet,
2186
+ funkitConfig.apiKey,
2187
+ historyDepositAddress,
2188
+ isGuestUserOnCheckoutHistory,
2189
+ isUserLoggedIn,
2190
+ isWeb2Login,
2191
+ isWeb3Login,
2192
+ walletAddress
2193
+ ]);
2075
2194
  useEffect7(() => {
2076
- if (isUserLoggedIn) {
2195
+ if (isUserLoggedIn || isGuestUserOnCheckoutHistory) {
2077
2196
  _refreshCheckoutHistory();
2078
2197
  }
2079
2198
  }, [refreshSymbol, isUserLoggedIn]);
@@ -2086,9 +2205,10 @@ function FunkitCheckoutProvider({ children }) {
2086
2205
  }
2087
2206
  }, [logoutSymbol]);
2088
2207
  const _startCheckoutHistoryListener = useCallback5(
2089
- (recipientAddr) => {
2090
- setHistoryRecipientAddress(recipientAddr);
2208
+ (singleDepositAddr) => {
2209
+ setHistoryDepositAddress(singleDepositAddr);
2091
2210
  clearInterval(intervalRef.current);
2211
+ triggerRefreshSymbol();
2092
2212
  intervalRef.current = setInterval(() => {
2093
2213
  triggerRefreshSymbol();
2094
2214
  }, CHECKOUT_HISTORY_REFETCH_INTERVAL_MS);
@@ -2101,12 +2221,13 @@ function FunkitCheckoutProvider({ children }) {
2101
2221
  const _initNewCheckout = useCallback5(
2102
2222
  (initSettings, hasSufficientBalance, sourceSymbol) => {
2103
2223
  const newCheckoutId = uuid();
2104
- const isFastForwarded = hasSufficientBalance;
2224
+ const isFastForwarded = hasSufficientBalance && !!initSettings.config.actionsParams.length;
2105
2225
  const selectedSourceAssetFormatted = {
2106
2226
  address: isFastForwarded ? initSettings.config.targetAsset.toLowerCase() : null,
2107
2227
  chainId: isFastForwarded ? initSettings.config.targetChain : null,
2108
2228
  symbol: isFastForwarded ? sourceSymbol : null
2109
2229
  };
2230
+ const selectedPaymentMethodInfoFormatted = isFastForwarded ? accountBalancePaymentDefaultInfo : null;
2110
2231
  const newActiveCheckoutItem = {
2111
2232
  id: newCheckoutId,
2112
2233
  startTimestampMs: Date.now(),
@@ -2114,9 +2235,10 @@ function FunkitCheckoutProvider({ children }) {
2114
2235
  draftDollarValue: null,
2115
2236
  isQuoting: isFastForwarded,
2116
2237
  latestQuote: null,
2238
+ quoteStepMessage: "",
2117
2239
  quoteErrorMessage: "",
2118
2240
  depositAddress: null,
2119
- selectedPaymentMethodInfo: isFastForwarded ? accountBalancePaymentDefaultInfo : null,
2241
+ selectedPaymentMethodInfo: selectedPaymentMethodInfoFormatted,
2120
2242
  selectedSourceAssetInfo: selectedSourceAssetFormatted,
2121
2243
  initSettings: {
2122
2244
  ...initSettings,
@@ -2203,7 +2325,7 @@ function FunkitCheckoutProvider({ children }) {
2203
2325
  [_getAndValidateCheckoutItemByCheckoutId, activeCheckouts]
2204
2326
  );
2205
2327
  const [reDraftSymbol, triggerReDraftSymbol] = useSymbolRefresh_default();
2206
- const _calculateDraftDollarValue = useCallback5(
2328
+ const _calculateAssetUsdValue = useCallback5(
2207
2329
  async (chainId, tokenAddress, tokenAmount) => {
2208
2330
  const priceInfo = await getAssetPriceInfoForCheckout2(
2209
2331
  chainId,
@@ -2230,7 +2352,7 @@ function FunkitCheckoutProvider({ children }) {
2230
2352
  isDrafting: true
2231
2353
  }
2232
2354
  });
2233
- const resQuoteValue = await _calculateDraftDollarValue(
2355
+ const resQuoteValue = await _calculateAssetUsdValue(
2234
2356
  checkoutItem.initSettings.config.targetChain,
2235
2357
  checkoutItem.initSettings.config.targetAsset,
2236
2358
  checkoutItem.initSettings.config.targetAssetAmount
@@ -2249,12 +2371,26 @@ function FunkitCheckoutProvider({ children }) {
2249
2371
  }
2250
2372
  },
2251
2373
  [
2252
- _calculateDraftDollarValue,
2374
+ _calculateAssetUsdValue,
2253
2375
  _getAndValidateCheckoutItemByCheckoutId,
2254
2376
  activeCheckouts,
2255
2377
  triggerReDraftSymbol
2256
2378
  ]
2257
2379
  );
2380
+ const _clearCheckoutQuoteMessages = useCallback5(
2381
+ (checkoutId) => {
2382
+ _getAndValidateCheckoutItemByCheckoutId(checkoutId);
2383
+ setActiveCheckouts((prev) => ({
2384
+ ...prev,
2385
+ [checkoutId]: {
2386
+ ...prev[checkoutId],
2387
+ quoteErrorMessage: "",
2388
+ quoteStepMessage: ""
2389
+ }
2390
+ }));
2391
+ },
2392
+ [_getAndValidateCheckoutItemByCheckoutId]
2393
+ );
2258
2394
  const _getCheckoutQuote = useCallback5(
2259
2395
  async (checkoutId, sponsorInitialTransferGasLimit, newPaymentMethodInfo) => {
2260
2396
  var _a, _b, _c, _d, _e, _f, _g;
@@ -2264,21 +2400,23 @@ function FunkitCheckoutProvider({ children }) {
2264
2400
  );
2265
2401
  }
2266
2402
  const initialCheckoutItem = _getAndValidateCheckoutItemByCheckoutId(checkoutId);
2267
- const checkoutItem = {
2403
+ let checkoutItem = {
2268
2404
  ...initialCheckoutItem,
2269
2405
  selectedPaymentMethodInfo: newPaymentMethodInfo,
2270
2406
  isQuoting: true,
2407
+ quoteStepMessage: PENDING_QUOTE_MESSAGE_GENERATOR[0 /* PREPARING */](),
2271
2408
  quoteErrorMessage: ""
2272
2409
  };
2273
- setActiveCheckouts({
2274
- ...activeCheckouts,
2410
+ setActiveCheckouts((prev) => ({
2411
+ ...prev,
2275
2412
  [checkoutId]: checkoutItem
2276
- });
2413
+ }));
2277
2414
  logger.log("_getCheckoutQuote:begin", {
2278
2415
  checkoutId,
2279
2416
  sponsorInitialTransferGasLimit,
2280
2417
  newPaymentMethodInfo
2281
2418
  });
2419
+ const inputCustomRecipient = checkoutItem.initSettings.config.customRecipient;
2282
2420
  try {
2283
2421
  const baseQuote = await getApiCheckoutQuote({
2284
2422
  fromChainId: checkoutItem.selectedSourceAssetInfo.chainId,
@@ -2286,7 +2424,7 @@ function FunkitCheckoutProvider({ children }) {
2286
2424
  toChainId: checkoutItem.initSettings.config.targetChain,
2287
2425
  toTokenAddress: checkoutItem.initSettings.config.targetAsset,
2288
2426
  toTokenAmount: checkoutItem.initSettings.config.targetAssetAmount,
2289
- recipientAddr: checkoutItem.initSettings.config.customRecipient,
2427
+ recipientAddr: inputCustomRecipient ? inputCustomRecipient : isWeb3Login ? walletAddress : void 0,
2290
2428
  expirationTimestampMs: parseInt(
2291
2429
  checkoutItem.initSettings.config.expirationTimestampMs.toString()
2292
2430
  ),
@@ -2295,10 +2433,62 @@ function FunkitCheckoutProvider({ children }) {
2295
2433
  needsRefuel: false
2296
2434
  });
2297
2435
  logger.log("baseQuote", baseQuote);
2298
- let additionalFeesUsd = 0;
2436
+ if (!checkoutItem.isFastForwarded) {
2437
+ checkoutItem = {
2438
+ ...checkoutItem,
2439
+ quoteStepMessage: newPaymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */ && isWeb2Login ? PENDING_QUOTE_MESSAGE_GENERATOR[3 /* FINALIZING */]() : newPaymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */ && isWeb3Login ? PENDING_QUOTE_MESSAGE_GENERATOR[2 /* ESTIMATING_GAS */]() : PENDING_QUOTE_MESSAGE_GENERATOR[1 /* VERIFYING_PROVIDER */](newPaymentMethodInfo.title)
2440
+ };
2441
+ setActiveCheckouts((prev) => ({
2442
+ ...prev,
2443
+ [checkoutId]: checkoutItem
2444
+ }));
2445
+ }
2446
+ const networkFeesUsdBreakdown = {
2447
+ networkFeesUsdFromFun: baseQuote.estFeesUsd,
2448
+ networkFeesUsdFromMoonpay: 0,
2449
+ networkFeesUsdFromMesh: 0,
2450
+ networkFeesUsdFromEoaGas: 0
2451
+ };
2452
+ const platformFeesUsdBreakdown = {
2453
+ platformFeesUsdFromFun: 0,
2454
+ platformFeesUsdFromMoonpay: 0,
2455
+ platformFeesUsdFromMesh: 0
2456
+ };
2299
2457
  let additionalFeesTokenAmount = 0;
2300
2458
  let additionalTimeMs = 0;
2301
- if (newPaymentMethodInfo.paymentMethod === "card" /* CARD */) {
2459
+ if (newPaymentMethodInfo.paymentMethod === "balance" /* ACCOUNT_BALANCE */ && isWeb3Login) {
2460
+ let gasEstimateResult = BigInt(0);
2461
+ const isNativeTokenTransfer = checkoutItem.selectedSourceAssetInfo.address === NATIVE_TOKEN;
2462
+ if (isNativeTokenTransfer) {
2463
+ gasEstimateResult = await estimateGas(wagmiConfig, {
2464
+ to: DUMMY_TRANSFER_PARAMS.toAddress,
2465
+ chainId: parseInt(checkoutItem.selectedSourceAssetInfo.chainId),
2466
+ value: BigInt(baseQuote.estTotalFromAmountBaseUnit)
2467
+ });
2468
+ } else {
2469
+ gasEstimateResult = await estimateGas(wagmiConfig, {
2470
+ to: checkoutItem.selectedSourceAssetInfo.address,
2471
+ chainId: parseInt(checkoutItem.selectedSourceAssetInfo.chainId),
2472
+ data: encodeFunctionData({
2473
+ abi: erc20Abi,
2474
+ functionName: "transfer",
2475
+ args: [
2476
+ DUMMY_TRANSFER_PARAMS.toAddress,
2477
+ BigInt(baseQuote.estTotalFromAmountBaseUnit)
2478
+ ]
2479
+ })
2480
+ });
2481
+ }
2482
+ const gasInEthAmount = GAS_ESTIMATE_MULTIPLER * parseFloat(formatEther(gasEstimateResult));
2483
+ networkFeesUsdBreakdown.networkFeesUsdFromEoaGas = await _calculateAssetUsdValue(
2484
+ checkoutItem.selectedSourceAssetInfo.chainId,
2485
+ NATIVE_TOKEN,
2486
+ gasInEthAmount
2487
+ );
2488
+ if (isNativeTokenTransfer) {
2489
+ additionalFeesTokenAmount += gasInEthAmount;
2490
+ }
2491
+ } else if (newPaymentMethodInfo.paymentMethod === "card" /* CARD */) {
2302
2492
  const mpCurrencyCode = generateMoonpayCurrencyCode(
2303
2493
  checkoutItem.selectedSourceAssetInfo.symbol,
2304
2494
  checkoutItem.selectedSourceAssetInfo.chainId
@@ -2316,10 +2506,12 @@ function FunkitCheckoutProvider({ children }) {
2316
2506
  if (moonpayEstimation["errors"]) {
2317
2507
  throw new Error("Moonpay estimation error");
2318
2508
  }
2319
- const moonpayFees = parseFloat(moonpayEstimation.feeAmount) + parseFloat(moonpayEstimation.networkFeeAmount) + parseFloat(moonpayEstimation.extraFeeAmount);
2320
- additionalFeesUsd = moonpayFees;
2321
- additionalFeesTokenAmount = 0;
2322
- additionalTimeMs = MOONPAY_TIME_ESTIMATE_MS;
2509
+ networkFeesUsdBreakdown.networkFeesUsdFromMoonpay = parseFloat(
2510
+ moonpayEstimation.networkFeeAmount
2511
+ );
2512
+ platformFeesUsdBreakdown.platformFeesUsdFromMoonpay = parseFloat(moonpayEstimation.feeAmount) + parseFloat(moonpayEstimation.extraFeeAmount);
2513
+ additionalFeesTokenAmount += 0;
2514
+ additionalTimeMs += MOONPAY_TIME_ESTIMATE_MS;
2323
2515
  } else if (newPaymentMethodInfo.paymentMethod === "brokerage" /* BROKERAGE */) {
2324
2516
  const meshMeta = newPaymentMethodInfo.meta;
2325
2517
  const meshAccessToken = (_c = (_b = (_a = meshMeta == null ? void 0 : meshMeta.accessToken) == null ? void 0 : _a.accountTokens) == null ? void 0 : _b[0]) == null ? void 0 : _c.accessToken;
@@ -2342,32 +2534,37 @@ function FunkitCheckoutProvider({ children }) {
2342
2534
  funkitConfig.apiKey
2343
2535
  );
2344
2536
  logger.log("quote_dummyPreviewTransfer", dummyPreviewTransfer);
2345
- additionalFeesUsd = dummyPreviewTransfer.previewResult.estimatedNetworkGasFee.feeInFiat + dummyPreviewTransfer.previewResult.institutionTransferFee.feeInFiat + dummyPreviewTransfer.previewResult.customClientFee.feeInFiat;
2346
- additionalFeesTokenAmount = parseFloat(
2537
+ networkFeesUsdBreakdown.networkFeesUsdFromMesh = dummyPreviewTransfer.previewResult.estimatedNetworkGasFee.feeInFiat;
2538
+ platformFeesUsdBreakdown.platformFeesUsdFromMesh = dummyPreviewTransfer.previewResult.institutionTransferFee.feeInFiat + dummyPreviewTransfer.previewResult.customClientFee.feeInFiat;
2539
+ additionalFeesTokenAmount += parseFloat(
2347
2540
  dummyPreviewTransfer.previewResult.estimatedNetworkGasFee.fee
2348
2541
  ) + parseFloat(
2349
2542
  dummyPreviewTransfer.previewResult.institutionTransferFee.fee
2350
2543
  ) + parseFloat(dummyPreviewTransfer.previewResult.customClientFee.fee);
2351
- additionalTimeMs = MESH_TIME_ESTIMATE_MS;
2544
+ additionalTimeMs += MESH_TIME_ESTIMATE_MS;
2352
2545
  }
2353
- logger.log("additionalEstimations", {
2354
- additionalFeesUsd,
2546
+ const totalNetworkFeesUsd = Object.values(
2547
+ networkFeesUsdBreakdown
2548
+ ).reduce((acc, cur) => acc += cur, 0);
2549
+ const totalPlatformFeesUsd = Object.values(
2550
+ platformFeesUsdBreakdown
2551
+ ).reduce((acc, cur) => acc += cur, 0);
2552
+ const finalFeesBreakdown = {
2553
+ networkFeesUsd: totalNetworkFeesUsd,
2554
+ networkFeesUsdBreakdown,
2555
+ platformFeesUsd: totalPlatformFeesUsd,
2556
+ platformFeesUsdBreakdown,
2355
2557
  additionalFeesTokenAmount,
2558
+ totalFeesUsd: totalNetworkFeesUsd + totalPlatformFeesUsd
2559
+ };
2560
+ logger.log("feesAndTimeEstimations", {
2561
+ quoteId: baseQuote.quoteId,
2562
+ finalFeesBreakdown,
2356
2563
  additionalTimeMs
2357
2564
  });
2358
- const finalFeesBreakdown = {
2359
- totalUsd: baseQuote.estFeesUsd + additionalFeesUsd,
2360
- transactionFeesUsd: baseQuote.estFeesUsd,
2361
- transactionFeesTokenAmount: baseQuote.estFeesFromAmount,
2362
- transactionFeesTokenSymbol: parseFloat(baseQuote.estFeesFromAmount.toString()) > 0 ? checkoutItem.selectedSourceAssetInfo.symbol : null,
2363
- platformFeesUsd: additionalFeesUsd,
2364
- platformFeesTokenAmount: additionalFeesTokenAmount,
2365
- platformFeesTokenSymbol: additionalFeesTokenAmount > 0 ? checkoutItem.selectedSourceAssetInfo.symbol : null
2366
- };
2367
- logger.log("finalFeesBreakdown", finalFeesBreakdown);
2368
2565
  let curDraftDollarValue = checkoutItem == null ? void 0 : checkoutItem.draftDollarValue;
2369
2566
  if (!curDraftDollarValue) {
2370
- curDraftDollarValue = await _calculateDraftDollarValue(
2567
+ curDraftDollarValue = await _calculateAssetUsdValue(
2371
2568
  checkoutItem.initSettings.config.targetChain,
2372
2569
  checkoutItem.initSettings.config.targetAsset,
2373
2570
  checkoutItem.initSettings.config.targetAssetAmount
@@ -2376,40 +2573,49 @@ function FunkitCheckoutProvider({ children }) {
2376
2573
  const finalEstimation = {
2377
2574
  baseQuote,
2378
2575
  finalFeesBreakdown,
2379
- finalPaymentTokenAmount: (parseFloat(baseQuote.estTotalFromAmount) + finalFeesBreakdown.platformFeesTokenAmount).toString(),
2576
+ finalPaymentTokenAmount: (parseFloat(baseQuote.estTotalFromAmount) + finalFeesBreakdown.additionalFeesTokenAmount).toString(),
2380
2577
  finalTimeEstimationMs: baseQuote.estCheckoutTimeMs + additionalTimeMs,
2381
- finalTotalUsd: (baseQuote.estTotalUsd + finalFeesBreakdown.platformFeesUsd).toString(),
2382
- finalTotalUsdDisplay: (curDraftDollarValue + finalFeesBreakdown.totalUsd).toString()
2578
+ finalTotalUsd: (curDraftDollarValue + finalFeesBreakdown.totalFeesUsd).toString()
2383
2579
  };
2384
- logger.log("finalQuote", finalEstimation);
2580
+ const finalTotalUsdAlt = (baseQuote.estTotalUsd - baseQuote.estFeesUsd + finalFeesBreakdown.totalFeesUsd).toString();
2581
+ logger.log("finalQuote", { finalEstimation, finalTotalUsdAlt });
2385
2582
  (_g = (_f = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _f.onEstimation) == null ? void 0 : _g.call(_f, finalEstimation);
2386
- setActiveCheckouts({
2387
- ...activeCheckouts,
2388
- [checkoutId]: {
2389
- ...checkoutItem,
2390
- isQuoting: false,
2391
- latestQuote: finalEstimation,
2392
- quoteErrorMessage: ""
2393
- }
2394
- });
2583
+ checkoutItem = {
2584
+ ...checkoutItem,
2585
+ isQuoting: false,
2586
+ latestQuote: finalEstimation,
2587
+ quoteStepMessage: "",
2588
+ quoteErrorMessage: ""
2589
+ };
2590
+ setActiveCheckouts((prev) => ({
2591
+ ...prev,
2592
+ [checkoutId]: checkoutItem
2593
+ }));
2594
+ return true;
2395
2595
  } catch (err) {
2396
2596
  logger.error("_getCheckoutQuote:error", err);
2397
- setActiveCheckouts({
2398
- ...activeCheckouts,
2597
+ const generatedErrorIfAny = generateQuoteApiErrorForDisplay(err.message);
2598
+ setActiveCheckouts((prev) => ({
2599
+ ...prev,
2399
2600
  [checkoutId]: {
2400
2601
  ...checkoutItem,
2401
2602
  isQuoting: false,
2402
2603
  latestQuote: null,
2403
- quoteErrorMessage: "An error occured while generating the quote. Please re-select a payment method and try again."
2604
+ quoteStepMessage: "",
2605
+ quoteErrorMessage: generatedErrorIfAny ? generatedErrorIfAny : "An error occured while generating the quote. Please try again with a different payment method or payment asset."
2404
2606
  }
2405
- });
2607
+ }));
2608
+ return false;
2406
2609
  }
2407
2610
  },
2408
2611
  [
2409
- _calculateDraftDollarValue,
2612
+ _calculateAssetUsdValue,
2410
2613
  _getAndValidateCheckoutItemByCheckoutId,
2411
- activeCheckouts,
2412
- funkitConfig.apiKey
2614
+ funkitConfig.apiKey,
2615
+ isWeb2Login,
2616
+ isWeb3Login,
2617
+ wagmiConfig,
2618
+ walletAddress
2413
2619
  ]
2414
2620
  );
2415
2621
  const _generateSignedBatchOperation = useCallback5(
@@ -2418,7 +2624,7 @@ function FunkitCheckoutProvider({ children }) {
2418
2624
  throw new Error("Funwallet or auth not defined");
2419
2625
  }
2420
2626
  try {
2421
- const txParamsList = [];
2627
+ let txParamsList = [];
2422
2628
  actionsParams.forEach((actionParam) => {
2423
2629
  const tokenInterface = new ContractInterface(actionParam.contractAbi);
2424
2630
  const formattedTxParams = tokenInterface.encodeTransactionParams(
@@ -2429,6 +2635,40 @@ function FunkitCheckoutProvider({ children }) {
2429
2635
  );
2430
2636
  txParamsList.push(formattedTxParams);
2431
2637
  });
2638
+ logger.log("originalTxParamsList", txParamsList);
2639
+ if (isWeb3Login) {
2640
+ const funChainItem = await Chain.getChain({
2641
+ chainIdentifier: assetChainId
2642
+ });
2643
+ const [funWalletAddress, isFunWalletInited, funRbacContractAddr] = await Promise.all([
2644
+ funWallet == null ? void 0 : funWallet.getAddress(),
2645
+ funWallet == null ? void 0 : funWallet.getDeploymentStatus({
2646
+ chain: assetChainId
2647
+ }),
2648
+ funChainItem.getAddress("rbacAddress")
2649
+ ]);
2650
+ let shouldOwnerBeAdded = true;
2651
+ if (isFunWalletInited) {
2652
+ const storedOwnerRule = await WALLET_CONTRACT_INTERFACE.readFromChain(
2653
+ funWalletAddress,
2654
+ "getState32WithAddr",
2655
+ [pad(FUN_WORKER_EOA_ADDR, { size: 32 }), funRbacContractAddr],
2656
+ funChainItem
2657
+ );
2658
+ logger.log("storedOwnerRule", {
2659
+ storedOwnerRule,
2660
+ isZero: storedOwnerRule === HashZero
2661
+ });
2662
+ shouldOwnerBeAdded = storedOwnerRule === HashZero;
2663
+ }
2664
+ if (shouldOwnerBeAdded) {
2665
+ const addOwnerTxParamsItem = await addOwnerTxParams({
2666
+ ownerId: FUN_WORKER_EOA_ADDR
2667
+ });
2668
+ txParamsList = [addOwnerTxParamsItem, ...txParamsList];
2669
+ }
2670
+ }
2671
+ logger.log("finalTxParamsList", txParamsList);
2432
2672
  const newConfig = getFunkitEnvForCheckoutEstimation({
2433
2673
  chainId: assetChainId,
2434
2674
  bypassWalletInit
@@ -2440,16 +2680,19 @@ function FunkitCheckoutProvider({ children }) {
2440
2680
  txParamsList,
2441
2681
  newConfig
2442
2682
  );
2443
- logger.log(">batchOperation", batchOperation);
2683
+ logger.log(
2684
+ "_generateSignedBatchOperation:batchOperation",
2685
+ batchOperation
2686
+ );
2444
2687
  return batchOperation;
2445
2688
  } catch (err) {
2446
2689
  logger.error("_generateSignedBatchOperation:error", err);
2447
2690
  throw new Error(
2448
- "Unable to generate userOp. Ensure your `actionParams` are valid."
2691
+ "Unable to generate userOp. Ensure that your `actionParams` are valid and to sign prompted messages."
2449
2692
  );
2450
2693
  }
2451
2694
  },
2452
- [funWallet, funWalletAuth]
2695
+ [funWallet, funWalletAuth, isWeb3Login]
2453
2696
  );
2454
2697
  const _generateClientMetadataForBackend = useCallback5(
2455
2698
  (checkoutId) => {
@@ -2483,8 +2726,13 @@ function FunkitCheckoutProvider({ children }) {
2483
2726
  }
2484
2727
  logger.log("shouldbatchOpBypassInit", { shouldbatchOpBypassInit });
2485
2728
  let batchUserOp = null;
2486
- const { isCheckoutCrFlow } = getCheckoutType(checkoutItem);
2487
- if (!isCheckoutCrFlow) {
2729
+ const { isCheckoutCrFlow, isCheckoutPostActionRequired } = getCheckoutType(checkoutItem);
2730
+ const isEoaWithNoActions = isWeb3Login && !isCheckoutPostActionRequired;
2731
+ logger.log("beforeSignatureChecks", {
2732
+ isEoaWithNoActions,
2733
+ isCheckoutCrFlow
2734
+ });
2735
+ if (!isCheckoutCrFlow && !isEoaWithNoActions) {
2488
2736
  const signedBatchOperation = await _generateSignedBatchOperation(
2489
2737
  checkoutItem.initSettings.config.actionsParams,
2490
2738
  checkoutItem.initSettings.config.targetChain,
@@ -2513,6 +2761,7 @@ function FunkitCheckoutProvider({ children }) {
2513
2761
  [
2514
2762
  funkitConfig.apiKey,
2515
2763
  _getAndValidateCheckoutItemByCheckoutId,
2764
+ isWeb3Login,
2516
2765
  _generateClientMetadataForBackend,
2517
2766
  activeCheckouts,
2518
2767
  triggerRefreshSymbol,
@@ -2535,6 +2784,7 @@ function FunkitCheckoutProvider({ children }) {
2535
2784
  _updateTargetAssetAmount,
2536
2785
  _updateSelectedPaymentMethodInfo,
2537
2786
  _getCheckoutDraftDollarValue,
2787
+ _clearCheckoutQuoteMessages,
2538
2788
  _getCheckoutQuote,
2539
2789
  _confirmCheckout,
2540
2790
  _generateSignedBatchOperation
@@ -2551,6 +2801,7 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
2551
2801
  _updateTargetAssetAmount,
2552
2802
  _updateSelectedPaymentMethodInfo,
2553
2803
  _confirmCheckout,
2804
+ _clearCheckoutQuoteMessages,
2554
2805
  _getCheckoutQuote,
2555
2806
  _getCheckoutDraftDollarValue
2556
2807
  } = useContext9(FunkitCheckoutContext);
@@ -2563,7 +2814,8 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
2563
2814
  updateSelectedPaymentMethodInfo: () => void 0,
2564
2815
  confirmCheckout: async () => await Promise.resolve("0x"),
2565
2816
  getCheckoutDraftDollarValue: async () => await Promise.resolve(void 0),
2566
- getCheckoutQuote: async () => await Promise.resolve(void 0)
2817
+ clearCheckoutQuoteMessages: () => void 0,
2818
+ getCheckoutQuote: async () => await Promise.resolve(false)
2567
2819
  };
2568
2820
  }
2569
2821
  const checkoutItem = activeCheckouts == null ? void 0 : activeCheckouts[checkoutId];
@@ -2583,6 +2835,7 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
2583
2835
  ),
2584
2836
  updateSelectedPaymentMethodInfo: (newPaymentMethodInfo) => _updateSelectedPaymentMethodInfo(checkoutId, newPaymentMethodInfo),
2585
2837
  confirmCheckout: async (shouldBatchOpBypassInit) => await _confirmCheckout(checkoutId, shouldBatchOpBypassInit),
2838
+ clearCheckoutQuoteMessages: () => _clearCheckoutQuoteMessages(checkoutId),
2586
2839
  getCheckoutQuote: async (sponsorInitialTransferGasLimit, newPaymentMethodInfo) => await _getCheckoutQuote(
2587
2840
  checkoutId,
2588
2841
  sponsorInitialTransferGasLimit,
@@ -2591,7 +2844,7 @@ var useFunkitPreCheckoutInternal = (checkoutId) => {
2591
2844
  getCheckoutDraftDollarValue: async () => await _getCheckoutDraftDollarValue(checkoutId)
2592
2845
  };
2593
2846
  };
2594
- var useFunkitPostCheckoutInternal = (depositAddress, isCheckoutSpecialCrFlow) => {
2847
+ var useFunkitPostCheckoutInternal = (depositAddress) => {
2595
2848
  const funkitConfig = useFunkitConfig();
2596
2849
  const {
2597
2850
  checkoutHistoryDepositAddrMap,
@@ -2612,20 +2865,11 @@ var useFunkitPostCheckoutInternal = (depositAddress, isCheckoutSpecialCrFlow) =>
2612
2865
  } else if (checkoutHistoryCurrentDepositAddrMap == null ? void 0 : checkoutHistoryCurrentDepositAddrMap[depositAddress]) {
2613
2866
  logger.log("setupCheckoutHistory:checkoutHistoryCurrentDepositAddrMap");
2614
2867
  checkoutHistory = checkoutHistoryCurrentDepositAddrMap[depositAddress];
2615
- } else if (isCheckoutSpecialCrFlow) {
2616
- logger.log("setupCheckoutHistory:getCheckoutsByRecipientAddress");
2617
- const historyList = await getCheckoutsByRecipientAddress({
2618
- recipientAddress: depositAddress,
2619
- apiKey: funkitConfig == null ? void 0 : funkitConfig.apiKey
2620
- });
2621
- checkoutHistory = historyList.sort(
2622
- (a, b) => b.createdTimeMs - a.createdTimeMs
2623
- )[0];
2624
2868
  } else {
2625
2869
  logger.log("setupCheckoutHistory:getCheckoutByDepositAddress");
2626
2870
  checkoutHistory = await getCheckoutByDepositAddress({
2627
2871
  depositAddress,
2628
- apiKey: funkitConfig == null ? void 0 : funkitConfig.apiKey
2872
+ apiKey: funkitConfig.apiKey
2629
2873
  });
2630
2874
  }
2631
2875
  logger.log("setupCheckoutHistory:checkoutHistory", checkoutHistory);
@@ -2639,8 +2883,7 @@ var useFunkitPostCheckoutInternal = (depositAddress, isCheckoutSpecialCrFlow) =>
2639
2883
  checkoutHistoryCurrentDepositAddrMap,
2640
2884
  checkoutHistoryDepositAddrMap,
2641
2885
  depositAddress,
2642
- funkitConfig == null ? void 0 : funkitConfig.apiKey,
2643
- isCheckoutSpecialCrFlow
2886
+ funkitConfig.apiKey
2644
2887
  ]);
2645
2888
  useEffect7(() => {
2646
2889
  setupCheckoutHistory().catch(logger.warn);
@@ -2698,7 +2941,10 @@ var useFunkitCheckout = (props) => {
2698
2941
  ...propsConfig || {},
2699
2942
  ...inputConfig || {}
2700
2943
  };
2701
- const validationResult = validateCheckoutConfig(combinedConfig);
2944
+ const validationResult = validateCheckoutConfig(
2945
+ combinedConfig,
2946
+ isUserLoggedIn
2947
+ );
2702
2948
  onValidation == null ? void 0 : onValidation(validationResult);
2703
2949
  if (validationResult.isValid) {
2704
2950
  const finalConfig = combinedConfig;
@@ -2765,11 +3011,11 @@ var useFunkitCheckout = (props) => {
2765
3011
  };
2766
3012
 
2767
3013
  // src/hooks/useFunListeners.ts
2768
- function useCheckoutHistoryListener(activate = true, recipientAddr) {
3014
+ function useCheckoutHistoryListener(activate = true, singleDepositAddr) {
2769
3015
  const { startCheckoutHistoryListener, stopCheckoutHistoryListener } = useFunkitAllPostCheckoutsInternal();
2770
3016
  useEffect8(() => {
2771
3017
  if (activate) {
2772
- startCheckoutHistoryListener(recipientAddr);
3018
+ startCheckoutHistoryListener(singleDepositAddr);
2773
3019
  }
2774
3020
  return () => stopCheckoutHistoryListener();
2775
3021
  }, [activate]);
@@ -2795,7 +3041,7 @@ import React20 from "react";
2795
3041
 
2796
3042
  // src/components/FunButton/FunButton.css.ts
2797
3043
  var funIconButtonStyle = "_1tyx5nu3";
2798
- var funLinkButtonStyle = "_1tyx5nu1 _1rsrm2fw2";
3044
+ var funLinkButtonStyle = "_1tyx5nu1 _1rsrm2fwe";
2799
3045
  var iconStyle = "_1tyx5nu4";
2800
3046
 
2801
3047
  // src/components/FunButton/FunIconButton.tsx
@@ -3120,9 +3366,6 @@ function FunCheckoutNotification({
3120
3366
  checkoutHistoryItem,
3121
3367
  onBeforeRedirect
3122
3368
  }) {
3123
- const { isCheckoutSpecialCrFlow } = useCheckoutType(
3124
- checkoutHistoryItem.clientMetadata
3125
- );
3126
3369
  const { openFunCheckoutHistoryModal } = useFunCheckoutHistoryModal();
3127
3370
  const { isProcessing, isCompleted, isError, isExpired, isTerminal } = useCheckoutStateBooleans(checkoutHistoryItem.state);
3128
3371
  const titleVerb = useMemo8(() => {
@@ -3187,10 +3430,7 @@ function FunCheckoutNotification({
3187
3430
  onClick: () => {
3188
3431
  if (checkoutHistoryItem.depositAddr) {
3189
3432
  onBeforeRedirect == null ? void 0 : onBeforeRedirect();
3190
- openFunCheckoutHistoryModal == null ? void 0 : openFunCheckoutHistoryModal(
3191
- checkoutHistoryItem.depositAddr,
3192
- isCheckoutSpecialCrFlow
3193
- );
3433
+ openFunCheckoutHistoryModal == null ? void 0 : openFunCheckoutHistoryModal(checkoutHistoryItem.depositAddr);
3194
3434
  }
3195
3435
  }
3196
3436
  })));
@@ -3388,7 +3628,7 @@ function ActivityHistory({
3388
3628
 
3389
3629
  // src/components/ProfileDetails/FunProfileViews/Deposit/Deposit.tsx
3390
3630
  import { meshPreviewTransfer as meshPreviewTransfer3 } from "@funkit/core";
3391
- import React88, { useCallback as useCallback18, useMemo as useMemo24, useState as useState26 } from "react";
3631
+ import React88, { useCallback as useCallback18, useMemo as useMemo25, useState as useState26 } from "react";
3392
3632
  import { useAccount as useAccount5 } from "wagmi";
3393
3633
 
3394
3634
  // src/hooks/useMesh.tsx
@@ -4133,7 +4373,7 @@ import {
4133
4373
  isAddress as isAddress3,
4134
4374
  meshPreviewTransfer as meshPreviewTransfer2
4135
4375
  } from "@funkit/core";
4136
- import React81, { useCallback as useCallback17, useMemo as useMemo22, useState as useState24 } from "react";
4376
+ import React81, { useCallback as useCallback17, useMemo as useMemo23, useState as useState24 } from "react";
4137
4377
  import { useAccount as useAccount4, useSendTransaction, useWriteContract } from "wagmi";
4138
4378
 
4139
4379
  // src/hooks/useCheckoutAccountBalanceTransfer.ts
@@ -4351,7 +4591,30 @@ function FunTermsAndConditionsTextButton() {
4351
4591
  }
4352
4592
 
4353
4593
  // src/components/FunPayments/FunPaymentMethods.tsx
4354
- import React54, { useCallback as useCallback9, useEffect as useEffect9, useMemo as useMemo12, useState as useState14 } from "react";
4594
+ import React54, { useCallback as useCallback9, useEffect as useEffect9, useMemo as useMemo13, useState as useState14 } from "react";
4595
+
4596
+ // src/hooks/useCheckoutQuoteNotification.ts
4597
+ import { useMemo as useMemo12 } from "react";
4598
+ function useCheckoutQuoteNotification(checkoutId) {
4599
+ const { checkoutItem, clearCheckoutQuoteMessages } = useFunkitPreCheckoutInternal(checkoutId);
4600
+ const hasQuoteError = useMemo12(
4601
+ () => (checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage) !== "",
4602
+ [checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage]
4603
+ );
4604
+ const hasQuoteStepMessage = useMemo12(
4605
+ () => (checkoutItem == null ? void 0 : checkoutItem.quoteStepMessage) !== "",
4606
+ [checkoutItem == null ? void 0 : checkoutItem.quoteStepMessage]
4607
+ );
4608
+ const showQuoteNotification = hasQuoteError || hasQuoteStepMessage;
4609
+ const quoteNotificationMessage = (checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage) || (checkoutItem == null ? void 0 : checkoutItem.quoteStepMessage);
4610
+ return {
4611
+ hasQuoteError,
4612
+ hasQuoteStepMessage,
4613
+ showQuoteNotification,
4614
+ quoteNotificationMessage,
4615
+ clearCheckoutQuoteMessages
4616
+ };
4617
+ }
4355
4618
 
4356
4619
  // src/components/FunKeyValue/FunKeyValue.tsx
4357
4620
  import React47 from "react";
@@ -4751,7 +5014,7 @@ function AddPaymentMethodItem({
4751
5014
  }) {
4752
5015
  const config = PAYMENT_METHOD_CONFIG[paymentMethod];
4753
5016
  const { textCustomizations } = useFunkitConfig();
4754
- const isEnabledForFlow = useMemo12(() => {
5017
+ const isEnabledForFlow = useMemo13(() => {
4755
5018
  if (paymentFlow === 1 /* CHECKOUT */) {
4756
5019
  return config.isEnabledForCheckout;
4757
5020
  } else if (paymentFlow === 0 /* DEPOSIT */) {
@@ -4809,11 +5072,11 @@ function FunPaymentMethods({
4809
5072
  depositInfo
4810
5073
  }) {
4811
5074
  var _a, _b;
5075
+ const { textCustomizations, paymentsConfig } = useFunkitConfig();
4812
5076
  const [selectedOption, setSelectedOption] = useState14(
4813
- null
5077
+ paymentsConfig.defaultPaymentMethod || null
4814
5078
  );
4815
5079
  const [isContinuing, setIsContinuing] = useState14(false);
4816
- const { textCustomizations } = useFunkitConfig();
4817
5080
  useWalletAssetsListener();
4818
5081
  const { walletAssets } = useGeneralWallet();
4819
5082
  const { checkoutItem, reDraftSymbol } = useFunkitPreCheckoutInternal(
@@ -4825,7 +5088,7 @@ function FunPaymentMethods({
4825
5088
  setSelectedOption(null);
4826
5089
  }
4827
5090
  }, [reDraftSymbol]);
4828
- const hasSufficientBalance = useMemo12(() => {
5091
+ const hasSufficientBalance = useMemo13(() => {
4829
5092
  if (!(depositInfo == null ? void 0 : depositInfo.amount))
4830
5093
  return true;
4831
5094
  const tokenKeys = Object.keys(walletAssets || {});
@@ -4838,27 +5101,13 @@ function FunPaymentMethods({
4838
5101
  });
4839
5102
  return isNotNullish(foundAsset);
4840
5103
  }, [depositInfo == null ? void 0 : depositInfo.amount, walletAssets]);
4841
- const canContinue = useMemo12(() => {
4842
- return isNotNullish(selectedOption) && Object.values(PaymentMethod).includes(selectedOption) && (paymentFlow === 0 /* DEPOSIT */ || paymentFlow === 1 /* CHECKOUT */ && !(checkoutItem == null ? void 0 : checkoutItem.isDrafting));
4843
- }, [checkoutItem == null ? void 0 : checkoutItem.isDrafting, paymentFlow, selectedOption]);
4844
- const onClickContinue = useCallback9(() => {
4845
- if (canContinue) {
4846
- setIsContinuing(true);
4847
- onSelect({
4848
- paymentMethod: selectedOption,
4849
- title: "",
4850
- titleIcon: null,
4851
- description: "",
4852
- descriptionIcon: null,
4853
- meta: null
4854
- });
4855
- }
4856
- }, [canContinue, onSelect, selectedOption]);
4857
- const PaymentMethodListWithStatus = useMemo12(() => {
5104
+ const { hasQuoteError, showQuoteNotification, quoteNotificationMessage } = useCheckoutQuoteNotification(checkoutId || "");
5105
+ const PaymentMethodListWithStatus = useMemo13(() => {
4858
5106
  return Object.keys(PAYMENT_METHOD_CONFIG).map((paymentMethod) => {
4859
5107
  var _a2, _b2;
4860
5108
  if (paymentFlow === 0 /* DEPOSIT */ && paymentMethod === "balance" /* ACCOUNT_BALANCE */ || paymentFlow === 1 /* CHECKOUT */ && paymentMethod === "transfer" /* TRANSFER */ || paymentFlow === 1 /* CHECKOUT */ && paymentMethod === "balance" /* ACCOUNT_BALANCE */ && !!((_b2 = (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config) == null ? void 0 : _b2.customRecipient)) {
4861
5109
  return {
5110
+ paymentMethod,
4862
5111
  status: false,
4863
5112
  component: null
4864
5113
  };
@@ -4867,12 +5116,13 @@ function FunPaymentMethods({
4867
5116
  const shouldDisableAccBalance = "balance" /* ACCOUNT_BALANCE */ === paymentMethod && !hasSufficientBalance;
4868
5117
  const isClickable = !isDisabled && !shouldDisableMoonpay && !shouldDisableAccBalance;
4869
5118
  return {
5119
+ paymentMethod,
4870
5120
  status: isClickable,
4871
5121
  component: /* @__PURE__ */ React54.createElement(AddPaymentMethodItem, {
4872
5122
  key: paymentMethod,
4873
5123
  paymentFlow,
4874
5124
  paymentMethod,
4875
- isActive: paymentMethod === selectedOption,
5125
+ isActive: paymentMethod === selectedOption && isClickable,
4876
5126
  isClickable: isClickable && !isContinuing,
4877
5127
  disclaimerText: shouldDisableMoonpay ? generateInsufficientAmountForMoonpayError(paymentFlow, true) : shouldDisableAccBalance ? `Insufficient account balance.` : "",
4878
5128
  onClick: () => {
@@ -4890,6 +5140,28 @@ function FunPaymentMethods({
4890
5140
  paymentFlow,
4891
5141
  selectedOption
4892
5142
  ]);
5143
+ const paymentStatusMap = useMemo13(() => {
5144
+ return PaymentMethodListWithStatus.reduce(
5145
+ (acc, cur) => ({ ...acc, [cur.paymentMethod]: cur.status }),
5146
+ {}
5147
+ );
5148
+ }, [PaymentMethodListWithStatus]);
5149
+ const canContinue = useMemo13(() => {
5150
+ return isNotNullish(selectedOption) && Object.values(PaymentMethod).includes(selectedOption) && (paymentFlow === 0 /* DEPOSIT */ || paymentFlow === 1 /* CHECKOUT */ && !(checkoutItem == null ? void 0 : checkoutItem.isDrafting)) && !!(paymentStatusMap == null ? void 0 : paymentStatusMap[selectedOption]);
5151
+ }, [checkoutItem == null ? void 0 : checkoutItem.isDrafting, paymentFlow, paymentStatusMap, selectedOption]);
5152
+ const onClickContinue = useCallback9(() => {
5153
+ if (canContinue) {
5154
+ setIsContinuing(true);
5155
+ onSelect({
5156
+ paymentMethod: selectedOption,
5157
+ title: "",
5158
+ titleIcon: null,
5159
+ description: "",
5160
+ descriptionIcon: null,
5161
+ meta: null
5162
+ });
5163
+ }
5164
+ }, [canContinue, onSelect, selectedOption]);
4893
5165
  return /* @__PURE__ */ React54.createElement(Box, {
4894
5166
  display: "flex",
4895
5167
  flexDirection: "column",
@@ -4943,7 +5215,10 @@ function FunPaymentMethods({
4943
5215
  gap: "10"
4944
5216
  }, PaymentMethodListWithStatus.sort(
4945
5217
  (a, b) => Number(b.status) - Number(a.status)
4946
- ).map((i) => i == null ? void 0 : i.component))), /* @__PURE__ */ React54.createElement(FunButton, {
5218
+ ).map((i) => i == null ? void 0 : i.component))), showQuoteNotification ? /* @__PURE__ */ React54.createElement(FunNotification, {
5219
+ type: hasQuoteError ? "error" : "default",
5220
+ description: quoteNotificationMessage
5221
+ }) : null, /* @__PURE__ */ React54.createElement(FunButton, {
4947
5222
  title: "Continue",
4948
5223
  isDisabled: !canContinue || isContinuing,
4949
5224
  type: "primary",
@@ -5071,7 +5346,8 @@ var ASSET_LOGO_SRCS = {
5071
5346
  INJ: "https://cryptologos.cc/logos/injective-inj-logo.png",
5072
5347
  MKR: "https://cryptologos.cc/logos/maker-mkr-logo.png",
5073
5348
  LINK: "https://cryptologos.cc/logos/chainlink-link-logo.png",
5074
- PYUSD: "https://www.paypalobjects.com/devdoc/coin-PYUSD%20220x219.png"
5349
+ PYUSD: "https://www.paypalobjects.com/devdoc/coin-PYUSD%20220x219.png",
5350
+ DEGEN: "https://assets.coingecko.com/coins/images/34515/large/android-chrome-512x512.png?1706198225"
5075
5351
  };
5076
5352
 
5077
5353
  // src/components/FunDivider/FunDivider.tsx
@@ -5137,7 +5413,8 @@ function LineItem({ children, ...otherProps }) {
5137
5413
  }
5138
5414
  function FeesLineItem({
5139
5415
  feesItem,
5140
- isLoading
5416
+ isLoading,
5417
+ isEstimatedNetworkFees
5141
5418
  }) {
5142
5419
  const [isExpanded, setIsExpanded] = useState15(false);
5143
5420
  const toggle = () => setIsExpanded(!isExpanded);
@@ -5163,13 +5440,13 @@ function FeesLineItem({
5163
5440
  weight: "medium",
5164
5441
  color: "modalText",
5165
5442
  size: "14"
5166
- }, formatCurrencyAndStringify(
5443
+ }, isEstimatedNetworkFees ? "~" : "", formatCurrencyAndStringify(
5167
5444
  parseFloat(feesItem.totalUsd.toString())
5168
5445
  )), isExpanded ? /* @__PURE__ */ React57.createElement(FunUpArrow, null) : /* @__PURE__ */ React57.createElement(FunDownArrow, null)) : null), isExpanded ? /* @__PURE__ */ React57.createElement(Fragment, null, /* @__PURE__ */ React57.createElement(LineItem, null, /* @__PURE__ */ React57.createElement(Text, {
5169
5446
  weight: "medium",
5170
5447
  color: "modalTextDim",
5171
5448
  size: "14"
5172
- }, "Transaction Fees"), isLoading ? /* @__PURE__ */ React57.createElement(Box, {
5449
+ }, "Network Fees"), isLoading ? /* @__PURE__ */ React57.createElement(Box, {
5173
5450
  color: "modalTextSecondary"
5174
5451
  }, /* @__PURE__ */ React57.createElement(SpinnerIcon, {
5175
5452
  height: 14,
@@ -5190,7 +5467,7 @@ function FeesLineItem({
5190
5467
  weight: "medium",
5191
5468
  color: "modalText",
5192
5469
  size: "14"
5193
- }, formatCurrencyAndStringify(
5470
+ }, isEstimatedNetworkFees ? "~" : "", formatCurrencyAndStringify(
5194
5471
  parseFloat(feesItem.transactionFeesUsd.toString())
5195
5472
  ))) : null), /* @__PURE__ */ React57.createElement(LineItem, null, /* @__PURE__ */ React57.createElement(Text, {
5196
5473
  weight: "medium",
@@ -5238,7 +5515,8 @@ function FunTransactionSummary({
5238
5515
  symbol = "",
5239
5516
  paymentTokenString,
5240
5517
  suffixComponent,
5241
- errorMessage = ""
5518
+ errorMessage = "",
5519
+ isEstimatedNetworkFees = false
5242
5520
  }) {
5243
5521
  return /* @__PURE__ */ React57.createElement(Box, null, /* @__PURE__ */ React57.createElement(Box, {
5244
5522
  paddingBottom: "8"
@@ -5293,7 +5571,8 @@ function FunTransactionSummary({
5293
5571
  size: "14"
5294
5572
  }, paymentTokenString))), /* @__PURE__ */ React57.createElement(FunTxSummaryDivider, null)) : null, /* @__PURE__ */ React57.createElement(FeesLineItem, {
5295
5573
  feesItem: estFees,
5296
- isLoading
5574
+ isLoading,
5575
+ isEstimatedNetworkFees
5297
5576
  }), /* @__PURE__ */ React57.createElement(FunTxSummaryDivider, null), /* @__PURE__ */ React57.createElement(LineItem, null, /* @__PURE__ */ React57.createElement(Text, {
5298
5577
  weight: "medium",
5299
5578
  color: "modalTextDim",
@@ -5323,40 +5602,224 @@ function FunTransactionSummary({
5323
5602
  weight: "medium",
5324
5603
  color: "modalText",
5325
5604
  size: "14"
5326
- }, formatCurrencyAndStringify(parseFloat(total == null ? void 0 : total.toString()))) : null)) : null, suffixComponent));
5605
+ }, isEstimatedNetworkFees ? "~" : "", formatCurrencyAndStringify(parseFloat(total == null ? void 0 : total.toString()))) : null)) : null, suffixComponent));
5327
5606
  }
5328
5607
 
5329
5608
  // src/components/FunCheckoutModal/FunCheckoutPrimaryInfo.tsx
5330
- import React80, { useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo21, useState as useState23 } from "react";
5609
+ import React80, { useCallback as useCallback16, useEffect as useEffect17, useMemo as useMemo22, useState as useState23 } from "react";
5610
+
5611
+ // src/components/FunAssetAvatar/FunAssetAvatar.tsx
5612
+ import React59, { useMemo as useMemo14 } from "react";
5613
+
5614
+ // src/components/AsyncImage/AsyncImage.tsx
5615
+ import React58, { useReducer as useReducer2 } from "react";
5616
+
5617
+ // src/components/AsyncImage/useAsyncImage.ts
5618
+ import { useEffect as useEffect10, useReducer } from "react";
5619
+ var cachedUrls = /* @__PURE__ */ new Map();
5620
+ var cachedRequestPromises = /* @__PURE__ */ new Map();
5621
+ async function loadAsyncImage(asyncImage) {
5622
+ const cachedRequestPromise = cachedRequestPromises.get(asyncImage);
5623
+ if (cachedRequestPromise) {
5624
+ return cachedRequestPromise;
5625
+ }
5626
+ const load = async () => asyncImage().then(async (url) => {
5627
+ cachedUrls.set(asyncImage, url);
5628
+ return url;
5629
+ });
5630
+ const requestPromise = load().catch((_err) => {
5631
+ return load().catch((_err2) => {
5632
+ cachedRequestPromises.delete(asyncImage);
5633
+ });
5634
+ });
5635
+ cachedRequestPromises.set(asyncImage, requestPromise);
5636
+ return requestPromise;
5637
+ }
5638
+ async function loadImages(...urls) {
5639
+ return await Promise.all(
5640
+ urls.map((url) => typeof url === "function" ? loadAsyncImage(url) : url)
5641
+ );
5642
+ }
5643
+ function useForceUpdate() {
5644
+ const [, forceUpdate] = useReducer((x) => x + 1, 0);
5645
+ return forceUpdate;
5646
+ }
5647
+ function useAsyncImage(url) {
5648
+ const cachedUrl = typeof url === "function" ? cachedUrls.get(url) : void 0;
5649
+ const forceUpdate = useForceUpdate();
5650
+ useEffect10(() => {
5651
+ if (typeof url === "function" && !cachedUrl) {
5652
+ loadAsyncImage(url).then(forceUpdate);
5653
+ }
5654
+ }, [url, cachedUrl, forceUpdate]);
5655
+ return typeof url === "function" ? cachedUrl : url;
5656
+ }
5657
+
5658
+ // src/components/AsyncImage/AsyncImage.tsx
5659
+ function AsyncImage({
5660
+ alt,
5661
+ background,
5662
+ borderColor,
5663
+ borderRadius,
5664
+ boxShadow,
5665
+ height,
5666
+ useAsImage,
5667
+ src: srcProp,
5668
+ fallbackSrc,
5669
+ width,
5670
+ testId
5671
+ }) {
5672
+ const src7 = useAsyncImage(srcProp || fallbackSrc);
5673
+ const isRemoteImage = src7 && /^http/.test(src7);
5674
+ const [isRemoteImageLoaded, setRemoteImageLoaded] = useReducer2(
5675
+ () => true,
5676
+ false
5677
+ );
5678
+ return /* @__PURE__ */ React58.createElement(Box, {
5679
+ "aria-label": alt,
5680
+ borderRadius,
5681
+ boxShadow,
5682
+ height: typeof height === "string" ? height : void 0,
5683
+ overflow: "hidden",
5684
+ position: "relative",
5685
+ role: "img",
5686
+ style: {
5687
+ background,
5688
+ height: typeof height === "number" ? height : void 0,
5689
+ width: typeof width === "number" ? width : void 0
5690
+ },
5691
+ width: typeof width === "string" ? width : void 0,
5692
+ testId
5693
+ }, /* @__PURE__ */ React58.createElement(Box, {
5694
+ ...useAsImage ? { "aria-hidden": true, as: "img", src: src7 } : isRemoteImage ? {
5695
+ "aria-hidden": true,
5696
+ as: "img",
5697
+ onLoad: setRemoteImageLoaded,
5698
+ src: src7,
5699
+ onError: ({ currentTarget }) => {
5700
+ currentTarget.onerror = null;
5701
+ currentTarget.src = fallbackSrc;
5702
+ }
5703
+ } : {
5704
+ backgroundSize: "cover"
5705
+ },
5706
+ height: "full",
5707
+ position: "absolute",
5708
+ style: {
5709
+ WebkitTouchCallout: "none",
5710
+ transition: "opacity .15s linear",
5711
+ userSelect: "none",
5712
+ ...!useAsImage ? isRemoteImage ? {
5713
+ opacity: isRemoteImageLoaded ? 1 : 0
5714
+ } : {
5715
+ backgroundImage: src7 ? `url(${src7})` : void 0,
5716
+ backgroundRepeat: "no-repeat",
5717
+ opacity: src7 ? 1 : 0
5718
+ } : {}
5719
+ },
5720
+ width: "full"
5721
+ }), borderColor ? /* @__PURE__ */ React58.createElement(Box, {
5722
+ ...typeof borderColor === "object" && "custom" in borderColor ? { style: { borderColor: borderColor.custom } } : { borderColor },
5723
+ borderRadius,
5724
+ borderStyle: "solid",
5725
+ borderWidth: "1",
5726
+ height: "full",
5727
+ position: "relative",
5728
+ width: "full"
5729
+ }) : null);
5730
+ }
5731
+
5732
+ // src/components/FunAssetAvatar/FunAssetAvatar.css.ts
5733
+ var assetContainerStyle = "uwrdc21";
5734
+ var chainContainerStyle = "uwrdc22";
5735
+ var containerStyle = "uwrdc20";
5736
+
5737
+ // src/components/FunAssetAvatar/FunAssetAvatar.tsx
5738
+ var fallbackAssetSrc = "https://static1.squarespace.com/static/54735678e4b025d4e207e7b3/t/59605876cd0f689a4a30e51d/1499486328449/Dollar_Circle.png";
5739
+ function FunAssetAvatar({
5740
+ assetSrc,
5741
+ assetTicker,
5742
+ assetName,
5743
+ assetIconSize = "32",
5744
+ chainId,
5745
+ chainIconSize = "12",
5746
+ prioritizeDefaults = true
5747
+ }) {
5748
+ const { allPossibleFunkitConnectChainsById } = useFunkitConnectChainsById();
5749
+ const chainInfo = allPossibleFunkitConnectChainsById[parseInt(chainId.toString())];
5750
+ const finalAssetSrc = useMemo14(() => {
5751
+ var _a;
5752
+ const normalizedTicker = (assetTicker == null ? void 0 : assetTicker.toUpperCase()) || "";
5753
+ const defaultSrc = (_a = ASSET_LOGO_SRCS) == null ? void 0 : _a[normalizedTicker];
5754
+ if (prioritizeDefaults) {
5755
+ return defaultSrc || assetSrc;
5756
+ } else {
5757
+ return assetSrc || defaultSrc;
5758
+ }
5759
+ }, [assetSrc, assetTicker, prioritizeDefaults]);
5760
+ return /* @__PURE__ */ React59.createElement(Box, {
5761
+ id: "container",
5762
+ alignSelf: "center",
5763
+ width: assetIconSize,
5764
+ height: assetIconSize,
5765
+ className: containerStyle
5766
+ }, /* @__PURE__ */ React59.createElement(Box, {
5767
+ width: assetIconSize,
5768
+ height: assetIconSize,
5769
+ className: assetContainerStyle
5770
+ }, /* @__PURE__ */ React59.createElement(AsyncImage, {
5771
+ alt: assetName,
5772
+ src: finalAssetSrc,
5773
+ fallbackSrc: fallbackAssetSrc,
5774
+ background: void 0,
5775
+ borderColor: "generalBorderDim",
5776
+ borderRadius: "full",
5777
+ height: assetIconSize,
5778
+ width: assetIconSize,
5779
+ testId: `fun-asset-${assetTicker}-icon`
5780
+ })), /* @__PURE__ */ React59.createElement(Box, {
5781
+ width: chainIconSize,
5782
+ height: chainIconSize,
5783
+ className: chainContainerStyle
5784
+ }, /* @__PURE__ */ React59.createElement(AsyncImage, {
5785
+ alt: chainInfo.name,
5786
+ src: chainInfo.iconUrl || "",
5787
+ background: chainInfo.iconBackground,
5788
+ borderRadius: "full",
5789
+ height: chainIconSize,
5790
+ width: chainIconSize,
5791
+ testId: `fun-asset-chain-${chainInfo.id}-icon`
5792
+ })));
5793
+ }
5331
5794
 
5332
5795
  // src/components/FunInput/FunInput.tsx
5333
- import React59, { forwardRef as forwardRef2 } from "react";
5796
+ import React61, { forwardRef as forwardRef2 } from "react";
5334
5797
 
5335
5798
  // src/components/Icons/SearchIcon.tsx
5336
- import React58 from "react";
5799
+ import React60 from "react";
5337
5800
  var SearchIcon = ({ selected }) => {
5338
5801
  const { active: active2 } = useActiveTheme();
5339
5802
  const colorStringSelected = active2.colors.modalText;
5340
5803
  const colorStringDefault = active2.colors.modalTextDim;
5341
5804
  const colorString = selected ? colorStringSelected : colorStringDefault;
5342
- return /* @__PURE__ */ React58.createElement("svg", {
5805
+ return /* @__PURE__ */ React60.createElement("svg", {
5343
5806
  width: "24",
5344
5807
  height: "24",
5345
5808
  viewBox: "0 0 24 24",
5346
5809
  fill: "none",
5347
5810
  xmlns: "http://www.w3.org/2000/svg"
5348
- }, /* @__PURE__ */ React58.createElement("path", {
5811
+ }, /* @__PURE__ */ React60.createElement("path", {
5349
5812
  d: "M10.7702 18.3002C9.28095 18.3002 7.8251 17.8586 6.5868 17.0312C5.3485 16.2038 4.38336 15.0277 3.81343 13.6518C3.2435 12.2759 3.09438 10.7618 3.38493 9.30121C3.67548 7.84054 4.39264 6.49882 5.44573 5.44573C6.49882 4.39264 7.84054 3.67548 9.30121 3.38493C10.7618 3.09438 12.2759 3.2435 13.6518 3.81343C15.0277 4.38336 16.2038 5.3485 17.0312 6.5868C17.8586 7.8251 18.3002 9.28095 18.3002 10.7702C18.3002 11.759 18.1054 12.7382 17.727 13.6518C17.3486 14.5654 16.7939 15.3955 16.0947 16.0947C15.3955 16.7939 14.5654 17.3486 13.6518 17.727C12.7382 18.1054 11.759 18.3002 10.7702 18.3002ZM10.7702 4.75024C9.58356 4.75024 8.42352 5.10214 7.43682 5.76143C6.45013 6.42071 5.68109 7.35779 5.22697 8.45414C4.77284 9.5505 4.65402 10.7568 4.88553 11.9207C5.11704 13.0846 5.68849 14.1537 6.5276 14.9928C7.36672 15.8319 8.43581 16.4034 9.5997 16.6349C10.7635 16.8664 11.9699 16.7476 13.0663 16.2935C14.1626 15.8393 15.0997 15.0703 15.759 14.0836C16.4183 13.0969 16.7702 11.9369 16.7702 10.7502C16.7702 9.15894 16.1381 7.63282 15.0128 6.5076C13.8876 5.38238 12.3615 4.75024 10.7702 4.75024Z",
5350
5813
  fill: colorString
5351
- }), /* @__PURE__ */ React58.createElement("path", {
5814
+ }), /* @__PURE__ */ React60.createElement("path", {
5352
5815
  d: "M20 20.75C19.9015 20.7504 19.8038 20.7312 19.7128 20.6934C19.6218 20.6557 19.5392 20.6001 19.47 20.53L15.34 16.4C15.2075 16.2578 15.1354 16.0697 15.1388 15.8754C15.1422 15.6811 15.221 15.4958 15.3584 15.3583C15.4958 15.2209 15.6812 15.1422 15.8755 15.1388C16.0698 15.1354 16.2578 15.2075 16.4 15.34L20.53 19.47C20.6704 19.6106 20.7493 19.8012 20.7493 20C20.7493 20.1987 20.6704 20.3893 20.53 20.53C20.4608 20.6001 20.3782 20.6557 20.2872 20.6934C20.1962 20.7312 20.0985 20.7504 20 20.75Z",
5353
5816
  fill: colorString
5354
5817
  }));
5355
5818
  };
5356
5819
 
5357
5820
  // src/components/FunInput/FunInput.css.ts
5358
- var inputClass = "zue0i61 _1rsrm2fvi";
5359
- var inputClassDisabled = "zue0i63 _1rsrm2fvq";
5821
+ var inputClass = "zue0i61 _1rsrm2fvu";
5822
+ var inputClassDisabled = "zue0i63 _1rsrm2fw2";
5360
5823
 
5361
5824
  // src/components/FunInput/FunInput.tsx
5362
5825
  var InputTextSize = "57px";
@@ -5381,19 +5844,19 @@ function FunInputDefault({
5381
5844
  focused: _focused,
5382
5845
  overrideBorderWidth
5383
5846
  }) {
5384
- const [focused, setFocused] = React59.useState(false);
5847
+ const [focused, setFocused] = React61.useState(false);
5385
5848
  const onFocus = () => setFocused(true);
5386
5849
  const onBlur = () => setFocused(false);
5387
- return /* @__PURE__ */ React59.createElement(Box, {
5850
+ return /* @__PURE__ */ React61.createElement(Box, {
5388
5851
  color: "modalText",
5389
5852
  display: "flex",
5390
5853
  flexDirection: "column",
5391
5854
  gap: "8"
5392
- }, label && /* @__PURE__ */ React59.createElement(Text, {
5855
+ }, label && /* @__PURE__ */ React61.createElement(Text, {
5393
5856
  color: textColor,
5394
5857
  size: "14",
5395
5858
  weight: "medium"
5396
- }, label), /* @__PURE__ */ React59.createElement(Box, {
5859
+ }, label), /* @__PURE__ */ React61.createElement(Box, {
5397
5860
  background: hasBackground ? "actionButtonSecondaryBackground" : void 0,
5398
5861
  borderRadius: "menuButton",
5399
5862
  fontFamily: "body",
@@ -5404,27 +5867,27 @@ function FunInputDefault({
5404
5867
  borderColor: error ? "error" : focused && _focused ? "accentColor" : void 0,
5405
5868
  borderWidth: overrideBorderWidth ? overrideBorderWidth : error && focused ? "2" : error ? "1" : focused && _focused ? "1" : "0",
5406
5869
  borderStyle: "solid"
5407
- }, prefix ? /* @__PURE__ */ React59.createElement(Box, {
5870
+ }, prefix ? /* @__PURE__ */ React61.createElement(Box, {
5408
5871
  paddingLeft: "10",
5409
5872
  height: "max"
5410
- }, prefix) : null, prefixIcon && (prefixIcon === "SearchIcon" ? /* @__PURE__ */ React59.createElement(Box, {
5873
+ }, prefix) : null, prefixIcon && (prefixIcon === "SearchIcon" ? /* @__PURE__ */ React61.createElement(Box, {
5411
5874
  paddingLeft: "10",
5412
5875
  height: "max",
5413
5876
  alignItems: "center"
5414
- }, /* @__PURE__ */ React59.createElement(SearchIcon, {
5877
+ }, /* @__PURE__ */ React61.createElement(SearchIcon, {
5415
5878
  selected: focused
5416
- })) : prefixIcon === "$" ? /* @__PURE__ */ React59.createElement(Box, {
5879
+ })) : prefixIcon === "$" ? /* @__PURE__ */ React61.createElement(Box, {
5417
5880
  display: "flex",
5418
5881
  alignItems: "center",
5419
5882
  paddingLeft: "32"
5420
- }, /* @__PURE__ */ React59.createElement(Text, {
5883
+ }, /* @__PURE__ */ React61.createElement(Text, {
5421
5884
  color: "modalText",
5422
5885
  style: {
5423
5886
  paddingBottom: 2,
5424
5887
  fontSize: inputStyle.fontSize || InputTextSize,
5425
5888
  fontWeight: 800
5426
5889
  }
5427
- }, "$")) : void 0), /* @__PURE__ */ React59.createElement("input", {
5890
+ }, "$")) : void 0), /* @__PURE__ */ React61.createElement("input", {
5428
5891
  type: (inputProps == null ? void 0 : inputProps.type) || "text",
5429
5892
  value,
5430
5893
  placeholder,
@@ -5453,7 +5916,7 @@ function FunInputDefault({
5453
5916
  fontWeight: value ? "590" : "500",
5454
5917
  ...inputStyle
5455
5918
  }
5456
- })), error && typeof error === "string" && /* @__PURE__ */ React59.createElement(Text, {
5919
+ })), error && typeof error === "string" && /* @__PURE__ */ React61.createElement(Text, {
5457
5920
  color: "error",
5458
5921
  size: "14",
5459
5922
  weight: "medium"
@@ -5481,19 +5944,19 @@ var FunInputWithRef = forwardRef2(
5481
5944
  focused: _focused,
5482
5945
  overrideBorderWidth
5483
5946
  }, ref) {
5484
- const [focused, setFocused] = React59.useState(false);
5947
+ const [focused, setFocused] = React61.useState(false);
5485
5948
  const onFocus = () => setFocused(true);
5486
5949
  const onBlur = () => setFocused(false);
5487
- return /* @__PURE__ */ React59.createElement(Box, {
5950
+ return /* @__PURE__ */ React61.createElement(Box, {
5488
5951
  color: "modalText",
5489
5952
  display: "flex",
5490
5953
  flexDirection: "column",
5491
5954
  gap: "8"
5492
- }, label && /* @__PURE__ */ React59.createElement(Text, {
5955
+ }, label && /* @__PURE__ */ React61.createElement(Text, {
5493
5956
  color: textColor,
5494
5957
  size: "14",
5495
5958
  weight: "medium"
5496
- }, label), /* @__PURE__ */ React59.createElement(Box, {
5959
+ }, label), /* @__PURE__ */ React61.createElement(Box, {
5497
5960
  background: hasBackground ? "actionButtonSecondaryBackground" : void 0,
5498
5961
  borderRadius: "menuButton",
5499
5962
  fontFamily: "body",
@@ -5503,27 +5966,27 @@ var FunInputWithRef = forwardRef2(
5503
5966
  borderColor: error ? "error" : focused && _focused ? "accentColor" : void 0,
5504
5967
  borderWidth: overrideBorderWidth ? overrideBorderWidth : error && focused ? "2" : error ? "1" : focused && _focused ? "1" : "0",
5505
5968
  borderStyle: "solid"
5506
- }, prefix ? /* @__PURE__ */ React59.createElement(Box, {
5969
+ }, prefix ? /* @__PURE__ */ React61.createElement(Box, {
5507
5970
  paddingLeft: "10",
5508
5971
  height: "max"
5509
- }, prefix) : null, prefixIcon && (prefixIcon === "SearchIcon" ? /* @__PURE__ */ React59.createElement(Box, {
5972
+ }, prefix) : null, prefixIcon && (prefixIcon === "SearchIcon" ? /* @__PURE__ */ React61.createElement(Box, {
5510
5973
  paddingLeft: "10",
5511
5974
  height: "max",
5512
5975
  alignItems: "center"
5513
- }, /* @__PURE__ */ React59.createElement(SearchIcon, {
5976
+ }, /* @__PURE__ */ React61.createElement(SearchIcon, {
5514
5977
  selected: focused
5515
- })) : prefixIcon === "$" ? /* @__PURE__ */ React59.createElement(Box, {
5978
+ })) : prefixIcon === "$" ? /* @__PURE__ */ React61.createElement(Box, {
5516
5979
  display: "flex",
5517
5980
  alignItems: "center",
5518
5981
  paddingLeft: "32"
5519
- }, /* @__PURE__ */ React59.createElement(Text, {
5982
+ }, /* @__PURE__ */ React61.createElement(Text, {
5520
5983
  color: "modalText",
5521
5984
  style: {
5522
5985
  paddingBottom: 2,
5523
5986
  fontSize: inputStyle.fontSize || InputTextSize,
5524
5987
  fontWeight: 800
5525
5988
  }
5526
- }, "$")) : void 0), /* @__PURE__ */ React59.createElement("input", {
5989
+ }, "$")) : void 0), /* @__PURE__ */ React61.createElement("input", {
5527
5990
  ref,
5528
5991
  type: (inputProps == null ? void 0 : inputProps.type) || "text",
5529
5992
  value,
@@ -5552,7 +6015,7 @@ var FunInputWithRef = forwardRef2(
5552
6015
  fontWeight: value ? "590" : "510",
5553
6016
  ...inputStyle
5554
6017
  }
5555
- })), error && typeof error === "string" && /* @__PURE__ */ React59.createElement(Text, {
6018
+ })), error && typeof error === "string" && /* @__PURE__ */ React61.createElement(Text, {
5556
6019
  color: "error",
5557
6020
  size: "14",
5558
6021
  weight: "medium"
@@ -5560,37 +6023,37 @@ var FunInputWithRef = forwardRef2(
5560
6023
  }
5561
6024
  );
5562
6025
  function FunInput(props) {
5563
- return props.ref ? /* @__PURE__ */ React59.createElement(FunInputWithRef, {
6026
+ return props.ref ? /* @__PURE__ */ React61.createElement(FunInputWithRef, {
5564
6027
  ...props
5565
- }) : /* @__PURE__ */ React59.createElement(FunInputDefault, {
6028
+ }) : /* @__PURE__ */ React61.createElement(FunInputDefault, {
5566
6029
  ...props
5567
6030
  });
5568
6031
  }
5569
6032
 
5570
6033
  // src/components/Icons/Copied.tsx
5571
- import React60 from "react";
5572
- var CopiedIcon = ({ size = "13" }) => /* @__PURE__ */ React60.createElement("svg", {
6034
+ import React62 from "react";
6035
+ var CopiedIcon = ({ size = "13" }) => /* @__PURE__ */ React62.createElement("svg", {
5573
6036
  fill: "none",
5574
6037
  height: size,
5575
6038
  width: size,
5576
6039
  viewBox: "0 0 13 13",
5577
6040
  xmlns: "http://www.w3.org/2000/svg"
5578
- }, /* @__PURE__ */ React60.createElement("path", {
6041
+ }, /* @__PURE__ */ React62.createElement("path", {
5579
6042
  d: "M4.94568 12.2646C5.41052 12.2646 5.77283 12.0869 6.01892 11.7109L12.39 1.96973C12.5677 1.69629 12.6429 1.44336 12.6429 1.2041C12.6429 0.561523 12.1644 0.0966797 11.5082 0.0966797C11.057 0.0966797 10.7767 0.260742 10.5033 0.691406L4.9115 9.50977L2.07458 5.98926C1.82166 5.68848 1.54822 5.55176 1.16541 5.55176C0.502319 5.55176 0.0238037 6.02344 0.0238037 6.66602C0.0238037 6.95312 0.112671 7.20605 0.358765 7.48633L3.88611 11.7588C4.18005 12.1074 4.50818 12.2646 4.94568 12.2646Z",
5580
6043
  fill: "currentColor"
5581
6044
  }));
5582
6045
 
5583
6046
  // src/components/Icons/EditIcon.tsx
5584
- import React61 from "react";
5585
- var EditIcon = ({ size = "24" }) => /* @__PURE__ */ React61.createElement("svg", {
6047
+ import React63 from "react";
6048
+ var EditIcon = ({ size = "24" }) => /* @__PURE__ */ React63.createElement("svg", {
5586
6049
  xmlns: "http://www.w3.org/2000/svg",
5587
6050
  width: size,
5588
6051
  height: size,
5589
6052
  viewBox: "0 0 24 24",
5590
6053
  id: "edit"
5591
- }, /* @__PURE__ */ React61.createElement("g", {
6054
+ }, /* @__PURE__ */ React63.createElement("g", {
5592
6055
  "data-name": "Layer 2"
5593
- }, /* @__PURE__ */ React61.createElement("path", {
6056
+ }, /* @__PURE__ */ React63.createElement("path", {
5594
6057
  d: "M19 20H5a1 1 0 0 0 0 2h14a1 1 0 0 0 0-2zM5 18h.09l4.17-.38a2 2 0 0 0 1.21-.57l9-9a1.92 1.92 0 0 0-.07-2.71L16.66 2.6A2 2 0 0 0 14 2.53l-9 9a2 2 0 0 0-.57 1.21L4 16.91a1 1 0 0 0 .29.8A1 1 0 0 0 5 18zM15.27 4 18 6.73l-2 1.95L13.32 6z",
5595
6058
  "data-name": "edit-2",
5596
6059
  fill: "currentColor"
@@ -5598,23 +6061,23 @@ var EditIcon = ({ size = "24" }) => /* @__PURE__ */ React61.createElement("svg",
5598
6061
 
5599
6062
  // src/components/FunCheckoutModal/FunCheckoutModal.tsx
5600
6063
  import { FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO5 } from "@funkit/core";
5601
- import React79, { useCallback as useCallback15, useEffect as useEffect16, useMemo as useMemo20, useState as useState22 } from "react";
6064
+ import React79, { useCallback as useCallback15, useEffect as useEffect16, useMemo as useMemo21, useState as useState22 } from "react";
5602
6065
 
5603
6066
  // src/components/FunMeshVerificationStep/FunMeshVerificationStep.tsx
5604
- import React65, { useCallback as useCallback12, useEffect as useEffect12, useMemo as useMemo13, useState as useState17 } from "react";
6067
+ import React67, { useCallback as useCallback12, useEffect as useEffect13, useMemo as useMemo15, useState as useState17 } from "react";
5605
6068
 
5606
6069
  // src/components/CopyAddress/CopyAddress.tsx
5607
- import React63, { useCallback as useCallback10, useEffect as useEffect10, useState as useState16 } from "react";
6070
+ import React65, { useCallback as useCallback10, useEffect as useEffect11, useState as useState16 } from "react";
5608
6071
 
5609
6072
  // src/components/Icons/Copy.tsx
5610
- import React62 from "react";
5611
- var CopyIcon = () => /* @__PURE__ */ React62.createElement("svg", {
6073
+ import React64 from "react";
6074
+ var CopyIcon = () => /* @__PURE__ */ React64.createElement("svg", {
5612
6075
  width: "16",
5613
6076
  height: "16",
5614
6077
  viewBox: "0 0 16 16",
5615
6078
  fill: "none",
5616
6079
  xmlns: "http://www.w3.org/2000/svg"
5617
- }, /* @__PURE__ */ React62.createElement("path", {
6080
+ }, /* @__PURE__ */ React64.createElement("path", {
5618
6081
  d: "M6.74556 4.25C6.98353 1.98402 8.07516 1.25 10.8184 1.25C13.9728 1.25 14.9434 2.22059 14.9434 5.375C14.9434 8.1182 14.2093 9.20982 11.9434 9.4478M1.44336 10.625C1.44336 7.47057 2.41395 6.5 5.56836 6.5C8.72278 6.5 9.69336 7.47057 9.69336 10.625C9.69336 13.7794 8.72278 14.75 5.56836 14.75C2.41395 14.75 1.44336 13.7794 1.44336 10.625Z",
5619
6082
  stroke: "currentColor",
5620
6083
  strokeWidth: "1.28571",
@@ -5635,7 +6098,7 @@ function CopyAddress({
5635
6098
  setCopiedAddress(true);
5636
6099
  }
5637
6100
  }, [address]);
5638
- useEffect10(() => {
6101
+ useEffect11(() => {
5639
6102
  if (copiedAddress) {
5640
6103
  const timer = setTimeout(() => {
5641
6104
  setCopiedAddress(false);
@@ -5643,19 +6106,19 @@ function CopyAddress({
5643
6106
  return () => clearTimeout(timer);
5644
6107
  }
5645
6108
  }, [copiedAddress]);
5646
- return type === "button" ? /* @__PURE__ */ React63.createElement(FunIconButton, {
5647
- icon: /* @__PURE__ */ React63.createElement(Box, {
6109
+ return type === "button" ? /* @__PURE__ */ React65.createElement(FunIconButton, {
6110
+ icon: /* @__PURE__ */ React65.createElement(Box, {
5648
6111
  display: "flex",
5649
6112
  alignItems: "center",
5650
6113
  color: "textPrimary"
5651
- }, copiedAddress ? /* @__PURE__ */ React63.createElement(CopiedIcon, null) : /* @__PURE__ */ React63.createElement(CopyIcon, null)),
6114
+ }, copiedAddress ? /* @__PURE__ */ React65.createElement(CopiedIcon, null) : /* @__PURE__ */ React65.createElement(CopyIcon, null)),
5652
6115
  onClick: copyAddressAction,
5653
6116
  showBorder: false
5654
- }) : type === "kv" ? /* @__PURE__ */ React63.createElement(FunKeyValue, {
6117
+ }) : type === "kv" ? /* @__PURE__ */ React65.createElement(FunKeyValue, {
5655
6118
  paddingY: "14",
5656
6119
  paddingX: "14",
5657
6120
  keyText: copiedAddress ? "Address Copied" : showAddress ? address : "Copy Address",
5658
- valueIcon: copiedAddress ? /* @__PURE__ */ React63.createElement(CopiedIcon, null) : /* @__PURE__ */ React63.createElement(CopyIcon, null),
6121
+ valueIcon: copiedAddress ? /* @__PURE__ */ React65.createElement(CopiedIcon, null) : /* @__PURE__ */ React65.createElement(CopyIcon, null),
5659
6122
  valueText: "",
5660
6123
  keyTextColor: "textPrimary",
5661
6124
  backgroundBaseColor: "modalBackground",
@@ -5664,10 +6127,10 @@ function CopyAddress({
5664
6127
  }
5665
6128
 
5666
6129
  // src/components/FunInput/FunTwoFaInput.tsx
5667
- import React64, {
6130
+ import React66, {
5668
6131
  Fragment as Fragment2,
5669
6132
  useCallback as useCallback11,
5670
- useEffect as useEffect11,
6133
+ useEffect as useEffect12,
5671
6134
  useRef as useRef5
5672
6135
  } from "react";
5673
6136
  var FunTwoFaInput = ({
@@ -5680,7 +6143,7 @@ var FunTwoFaInput = ({
5680
6143
  const inputLength = 6;
5681
6144
  const inputRefs = useRef5([]);
5682
6145
  inputRefs.current = Array(inputLength).fill(null);
5683
- const [focusIndex, setFocusIndex] = React64.useState(0);
6146
+ const [focusIndex, setFocusIndex] = React66.useState(0);
5684
6147
  const handleBackspace = useCallback11(
5685
6148
  (index) => {
5686
6149
  const newValue = value.slice(0, index) + value.slice(index + 1);
@@ -5735,25 +6198,25 @@ var FunTwoFaInput = ({
5735
6198
  onChange(paste);
5736
6199
  paste.length === inputLength && onCompleted && onCompleted(paste);
5737
6200
  };
5738
- useEffect11(() => {
6201
+ useEffect12(() => {
5739
6202
  var _a;
5740
6203
  (_a = inputRefs.current[0]) == null ? void 0 : _a.focus();
5741
6204
  }, []);
5742
- return /* @__PURE__ */ React64.createElement(Fragment2, null, /* @__PURE__ */ React64.createElement(Box, null, /* @__PURE__ */ React64.createElement(Box, {
6205
+ return /* @__PURE__ */ React66.createElement(Fragment2, null, /* @__PURE__ */ React66.createElement(Box, null, /* @__PURE__ */ React66.createElement(Box, {
5743
6206
  marginBottom: "10"
5744
- }, /* @__PURE__ */ React64.createElement(Text, {
6207
+ }, /* @__PURE__ */ React66.createElement(Text, {
5745
6208
  size: "14",
5746
6209
  color: "modalText"
5747
- }, "Code")), /* @__PURE__ */ React64.createElement(Box, {
6210
+ }, "Code")), /* @__PURE__ */ React66.createElement(Box, {
5748
6211
  display: "flex",
5749
6212
  wrap: "nowrap",
5750
6213
  width: "full",
5751
6214
  gap: "8"
5752
6215
  }, Array.from({ length: inputLength }).map((_, i) => {
5753
- return /* @__PURE__ */ React64.createElement(Box, {
6216
+ return /* @__PURE__ */ React66.createElement(Box, {
5754
6217
  key: i,
5755
6218
  style: { display: "flex", flex: 1 }
5756
- }, /* @__PURE__ */ React64.createElement(FunInputWithRef, {
6219
+ }, /* @__PURE__ */ React66.createElement(FunInputWithRef, {
5757
6220
  ref: (el) => inputRefs.current[i] = el,
5758
6221
  inputStyle: {
5759
6222
  textAlign: "center"
@@ -5777,10 +6240,10 @@ var FunTwoFaInput = ({
5777
6240
  error: hasError,
5778
6241
  focused: i === focusIndex
5779
6242
  }));
5780
- })), /* @__PURE__ */ React64.createElement(Box, {
6243
+ })), /* @__PURE__ */ React66.createElement(Box, {
5781
6244
  marginTop: "6",
5782
6245
  height: "20"
5783
- }, hasError && /* @__PURE__ */ React64.createElement(Text, {
6246
+ }, hasError && /* @__PURE__ */ React66.createElement(Text, {
5784
6247
  size: "14",
5785
6248
  color: "error",
5786
6249
  weight: "medium"
@@ -5804,13 +6267,13 @@ function FunMeshVerificationStep({
5804
6267
  const [isExecuting, setIsExecuting] = useState17(false);
5805
6268
  const [executionError, setExecutionError] = useState17("");
5806
6269
  const [executionContent, setExecutionContent] = useState17(null);
5807
- const executionStatus = useMemo13(() => {
6270
+ const executionStatus = useMemo15(() => {
5808
6271
  return executionContent == null ? void 0 : executionContent.status;
5809
6272
  }, [executionContent == null ? void 0 : executionContent.status]);
5810
- const isButtonVisible = useMemo13(() => {
6273
+ const isButtonVisible = useMemo15(() => {
5811
6274
  return executionStatus && screen !== 0 /* INITIAL */ && screen !== 4 /* FAILED */;
5812
6275
  }, [executionStatus, screen]);
5813
- const isButtonDisabled = useMemo13(() => {
6276
+ const isButtonDisabled = useMemo15(() => {
5814
6277
  return isExecuting || !executionStatus || !!executionError || screen === 1 /* TWO_FACTOR */ && twoFactorCode.length < 6;
5815
6278
  }, [
5816
6279
  executionError,
@@ -5819,7 +6282,7 @@ function FunMeshVerificationStep({
5819
6282
  screen,
5820
6283
  twoFactorCode.length
5821
6284
  ]);
5822
- useEffect12(() => {
6285
+ useEffect13(() => {
5823
6286
  handleCompletion();
5824
6287
  return () => {
5825
6288
  setScreen(0 /* INITIAL */);
@@ -5888,7 +6351,7 @@ function FunMeshVerificationStep({
5888
6351
  },
5889
6352
  [accessToken, exchange, funkitConfig.apiKey, onSuccess, previewId]
5890
6353
  );
5891
- const verificationTitle = useMemo13(() => {
6354
+ const verificationTitle = useMemo15(() => {
5892
6355
  switch (executionStatus) {
5893
6356
  case "mfaRequired" /* mfaRequired */:
5894
6357
  return "Two Factor Required";
@@ -5906,7 +6369,7 @@ function FunMeshVerificationStep({
5906
6369
  return "An Error Occurred";
5907
6370
  }
5908
6371
  }, [executionStatus]);
5909
- const verificationDescription = useMemo13(() => {
6372
+ const verificationDescription = useMemo15(() => {
5910
6373
  switch (executionStatus) {
5911
6374
  case "mfaRequired" /* mfaRequired */:
5912
6375
  case "mfaFailed" /* mfaFailed */:
@@ -5922,7 +6385,7 @@ function FunMeshVerificationStep({
5922
6385
  return "An error occurred during checkout but your brokerage funds are unaffected. To retry, please go back and re-confirm a new checkout. If the error still persists, please reach out to support for help.";
5923
6386
  }
5924
6387
  }, [exchange, executionStatus]);
5925
- return /* @__PURE__ */ React65.createElement(Box, null, screen === 0 /* INITIAL */ ? /* @__PURE__ */ React65.createElement(Box, {
6388
+ return /* @__PURE__ */ React67.createElement(Box, null, screen === 0 /* INITIAL */ ? /* @__PURE__ */ React67.createElement(Box, {
5926
6389
  width: "full",
5927
6390
  height: "200",
5928
6391
  display: "flex",
@@ -5931,22 +6394,22 @@ function FunMeshVerificationStep({
5931
6394
  justifyContent: "center",
5932
6395
  color: "modalText",
5933
6396
  gap: "10"
5934
- }, /* @__PURE__ */ React65.createElement(Text, {
6397
+ }, /* @__PURE__ */ React67.createElement(Text, {
5935
6398
  size: "14",
5936
6399
  color: "modalTextSecondary"
5937
- }, "Executing brokerage transfer"), /* @__PURE__ */ React65.createElement(SpinnerIcon, null)) : /* @__PURE__ */ React65.createElement(Box, null, /* @__PURE__ */ React65.createElement(Box, {
6400
+ }, "Executing brokerage transfer"), /* @__PURE__ */ React67.createElement(SpinnerIcon, null)) : /* @__PURE__ */ React67.createElement(Box, null, /* @__PURE__ */ React67.createElement(Box, {
5938
6401
  marginBottom: "10"
5939
- }, /* @__PURE__ */ React65.createElement(Text, {
6402
+ }, /* @__PURE__ */ React67.createElement(Text, {
5940
6403
  size: "16",
5941
6404
  color: "modalText",
5942
6405
  weight: "heavy"
5943
- }, verificationTitle)), /* @__PURE__ */ React65.createElement(Text, {
6406
+ }, verificationTitle)), /* @__PURE__ */ React67.createElement(Text, {
5944
6407
  size: "14",
5945
6408
  color: "modalText",
5946
6409
  font: "body"
5947
- }, verificationDescription)), screen === 1 /* TWO_FACTOR */ ? /* @__PURE__ */ React65.createElement(Box, {
6410
+ }, verificationDescription)), screen === 1 /* TWO_FACTOR */ ? /* @__PURE__ */ React67.createElement(Box, {
5948
6411
  paddingTop: "10"
5949
- }, /* @__PURE__ */ React65.createElement(FunTwoFaInput, {
6412
+ }, /* @__PURE__ */ React67.createElement(FunTwoFaInput, {
5950
6413
  value: twoFactorCode,
5951
6414
  onChange: (value) => {
5952
6415
  setExecutionError("");
@@ -5955,27 +6418,27 @@ function FunMeshVerificationStep({
5955
6418
  onCompleted: handleCompletion,
5956
6419
  hasError: !!executionError,
5957
6420
  errorMessage: executionError
5958
- })) : screen === 2 /* CONFIRMATION */ ? /* @__PURE__ */ React65.createElement(React65.Fragment, null) : screen === 3 /* WHITELIST */ ? /* @__PURE__ */ React65.createElement(Box, {
6421
+ })) : screen === 2 /* CONFIRMATION */ ? /* @__PURE__ */ React67.createElement(React67.Fragment, null) : screen === 3 /* WHITELIST */ ? /* @__PURE__ */ React67.createElement(Box, {
5959
6422
  paddingTop: "10"
5960
- }, /* @__PURE__ */ React65.createElement(CopyAddress, {
6423
+ }, /* @__PURE__ */ React67.createElement(CopyAddress, {
5961
6424
  type: "kv",
5962
6425
  address: transferToAddress,
5963
6426
  showAddress: true
5964
- })) : screen === 4 /* FAILED */ ? /* @__PURE__ */ React65.createElement(Box, {
6427
+ })) : screen === 4 /* FAILED */ ? /* @__PURE__ */ React67.createElement(Box, {
5965
6428
  paddingTop: "10"
5966
- }, /* @__PURE__ */ React65.createElement(FunNotification, {
6429
+ }, /* @__PURE__ */ React67.createElement(FunNotification, {
5967
6430
  type: "error",
5968
6431
  description: executionError
5969
- })) : null, isButtonVisible ? /* @__PURE__ */ React65.createElement(Box, {
6432
+ })) : null, isButtonVisible ? /* @__PURE__ */ React67.createElement(Box, {
5970
6433
  width: "full",
5971
6434
  paddingTop: "24"
5972
- }, /* @__PURE__ */ React65.createElement(FunButton, {
6435
+ }, /* @__PURE__ */ React67.createElement(FunButton, {
5973
6436
  isDisabled: isButtonDisabled,
5974
- titleSuffix: isExecuting ? /* @__PURE__ */ React65.createElement(Box, {
6437
+ titleSuffix: isExecuting ? /* @__PURE__ */ React67.createElement(Box, {
5975
6438
  display: "flex",
5976
6439
  alignItems: "center",
5977
6440
  color: "modalText"
5978
- }, /* @__PURE__ */ React65.createElement(SpinnerIcon, {
6441
+ }, /* @__PURE__ */ React67.createElement(SpinnerIcon, {
5979
6442
  height: 16,
5980
6443
  width: 16
5981
6444
  })) : null,
@@ -5985,13 +6448,13 @@ function FunMeshVerificationStep({
5985
6448
  }
5986
6449
 
5987
6450
  // src/components/FunPayments/FunPaymentSetup.tsx
5988
- import React73 from "react";
6451
+ import React74 from "react";
5989
6452
 
5990
6453
  // src/components/FunPayments/FunPaymentMeshType.tsx
5991
- import React68, { useCallback as useCallback13, useMemo as useMemo15, useState as useState19 } from "react";
6454
+ import React70, { useCallback as useCallback13, useMemo as useMemo17, useState as useState19 } from "react";
5992
6455
 
5993
6456
  // src/components/FunSelect/FunSelect.tsx
5994
- import React66, { useMemo as useMemo14, useRef as useRef6 } from "react";
6457
+ import React68, { useMemo as useMemo16, useRef as useRef6 } from "react";
5995
6458
  import { useState as useState18 } from "react";
5996
6459
 
5997
6460
  // src/utils/indexBy.ts
@@ -6015,7 +6478,7 @@ function FunSelectOptionItem({
6015
6478
  onClick,
6016
6479
  padding
6017
6480
  }) {
6018
- return /* @__PURE__ */ React66.createElement(Box, {
6481
+ return /* @__PURE__ */ React68.createElement(Box, {
6019
6482
  onClick: isDisabled ? () => void 0 : () => onClick(),
6020
6483
  borderRadius: "menuButton",
6021
6484
  background: {
@@ -6040,7 +6503,7 @@ function FunSelectDropdown({
6040
6503
  optionItemPadding = "8",
6041
6504
  showBorder = true
6042
6505
  }) {
6043
- return isDropdownOpen ? (options == null ? void 0 : options.length) ? /* @__PURE__ */ React66.createElement(Box, {
6506
+ return isDropdownOpen ? (options == null ? void 0 : options.length) ? /* @__PURE__ */ React68.createElement(Box, {
6044
6507
  width: "full",
6045
6508
  borderRadius: "menuButton",
6046
6509
  boxShadow: showBorder ? "dialog" : void 0,
@@ -6052,14 +6515,14 @@ function FunSelectDropdown({
6052
6515
  borderStyle: showBorder ? "solid" : void 0,
6053
6516
  borderWidth: "1",
6054
6517
  style: { maxHeight: 200, overflowY: "auto", overflowX: "hidden" }
6055
- }, options.map((optionItem) => /* @__PURE__ */ React66.createElement(FunSelectOptionItem, {
6518
+ }, options.map((optionItem) => /* @__PURE__ */ React68.createElement(FunSelectOptionItem, {
6056
6519
  label: optionItem.label,
6057
6520
  key: optionItem.value,
6058
6521
  isActive: selectedValue === optionItem.value,
6059
6522
  isDisabled: optionItem.isDisabled,
6060
6523
  onClick: () => handleSelect(optionItem.value),
6061
6524
  padding: optionItemPadding
6062
- }))) : /* @__PURE__ */ React66.createElement(Text, {
6525
+ }))) : /* @__PURE__ */ React68.createElement(Text, {
6063
6526
  size: "14",
6064
6527
  color: "modalTextSecondary",
6065
6528
  weight: "medium"
@@ -6067,19 +6530,19 @@ function FunSelectDropdown({
6067
6530
  }
6068
6531
 
6069
6532
  // src/components/Icons/NoAssetsFoundIcon.tsx
6070
- import React67 from "react";
6533
+ import React69 from "react";
6071
6534
  var NotFoundIcon = ({ size = 100 }) => {
6072
- return /* @__PURE__ */ React67.createElement("svg", {
6535
+ return /* @__PURE__ */ React69.createElement("svg", {
6073
6536
  xmlns: "http://www.w3.org/2000/svg",
6074
6537
  width: size,
6075
6538
  height: size,
6076
6539
  viewBox: "0 0 100 100",
6077
6540
  fill: "none"
6078
- }, /* @__PURE__ */ React67.createElement("path", {
6541
+ }, /* @__PURE__ */ React69.createElement("path", {
6079
6542
  d: "M56.6562 40.25L59.6343 52.1594C57.2468 52.7437 54.0625 53.125 50.5 53.125C46.9375 53.125 43.7562 52.7437 41.3656 52.1594L44.3437 40.25C46.2343 40.4906 48.3125 40.625 50.5 40.625C52.6875 40.625 54.7656 40.4906 56.6562 40.25ZM55.8906 37.1937L53.5312 27.75C52.7437 24.5938 48.2562 24.5938 47.4687 27.75L45.1093 37.1875C46.75 37.3906 48.5687 37.5 50.5 37.5C52.4312 37.5 54.25 37.3875 55.8906 37.1937ZM69.6281 64.1094C69.9569 64.1908 70.2504 64.3769 70.4643 64.6396C70.6782 64.9023 70.8009 65.2274 70.8139 65.5659C70.827 65.9044 70.7296 66.238 70.5366 66.5164C70.3436 66.7948 70.0653 67.0029 69.7437 67.1094L50.9937 73.3594C50.6732 73.4661 50.3267 73.4661 50.0062 73.3594L31.2562 67.1094C30.9346 67.0029 30.6564 66.7948 30.4633 66.5164C30.2703 66.238 30.173 65.9044 30.186 65.5659C30.1991 65.2274 30.3218 64.9023 30.5357 64.6396C30.7495 64.3769 31.043 64.1908 31.3718 64.1094L38.8437 62.2406L40.6093 55.1875C43.3031 55.85 46.7468 56.2469 50.5 56.2469C54.2531 56.2469 57.6968 55.85 60.3906 55.1875L62.1562 62.2406L69.6281 64.1094Z",
6080
6543
  fill: "currentColor",
6081
6544
  fillOpacity: "0.05"
6082
- }), /* @__PURE__ */ React67.createElement("path", {
6545
+ }), /* @__PURE__ */ React69.createElement("path", {
6083
6546
  d: "M50.5 0C78.1127 0 100.5 22.385 100.5 50C100.5 77.615 78.1127 100 50.5 100C22.885 100 0.5 77.615 0.5 50C0.5 22.385 22.885 0 50.5 0ZM90.8338 50C90.8338 40.5758 87.6027 31.9068 82.1867 25.0416L25.5391 81.6869C32.4068 87.1029 41.0758 90.3363 50.5 90.3363C72.775 90.3363 90.8338 72.2773 90.8338 50ZM75.4586 18.3131C68.5932 12.8971 59.9242 9.66367 50.5 9.66367C28.2227 9.66367 10.1637 27.7227 10.1637 50C10.1637 59.4242 13.3971 68.0932 18.8131 74.9609L75.4586 18.3131Z",
6084
6547
  fill: "currentColor",
6085
6548
  fillOpacity: "0.05"
@@ -6093,7 +6556,6 @@ function FunPaymentMeshType({
6093
6556
  onSoftHide,
6094
6557
  backAnimation = false
6095
6558
  }) {
6096
- var _a, _b, _c, _d, _e;
6097
6559
  const [searchInput, setSearchInput] = useState19("");
6098
6560
  const [exchange, setExchange] = useState19();
6099
6561
  const [isLoadingMeshModal, setIsLoadingMeshModal] = useState19(false);
@@ -6128,33 +6590,33 @@ function FunPaymentMeshType({
6128
6590
  setIsLoadingMeshModal(false);
6129
6591
  }
6130
6592
  }, [exchange, connectToBrokerage]);
6131
- const canContinue = useMemo15(() => isNotNullish(exchange), [exchange]);
6132
- const hasMeshPreError = useMemo15(() => meshPreError !== "", [meshPreError]);
6133
- const filteredOptions = useMemo15(
6593
+ const canContinue = useMemo17(() => isNotNullish(exchange), [exchange]);
6594
+ const hasMeshPreError = useMemo17(() => meshPreError !== "", [meshPreError]);
6595
+ const filteredOptions = useMemo17(
6134
6596
  () => options == null ? void 0 : options.filter(
6135
6597
  (optionItem) => {
6136
- var _a2;
6137
- return (_a2 = optionItem == null ? void 0 : optionItem.value) == null ? void 0 : _a2.toLowerCase().includes(searchInput == null ? void 0 : searchInput.toLowerCase());
6598
+ var _a;
6599
+ return (_a = optionItem == null ? void 0 : optionItem.value) == null ? void 0 : _a.toLowerCase().includes(searchInput == null ? void 0 : searchInput.toLowerCase());
6138
6600
  }
6139
6601
  ),
6140
6602
  [options, searchInput]
6141
6603
  );
6142
- return /* @__PURE__ */ React68.createElement(Box, {
6604
+ return /* @__PURE__ */ React70.createElement(Box, {
6143
6605
  className: backAnimation ? animateContentOutClass : animateContentInClass
6144
- }, /* @__PURE__ */ React68.createElement(Box, null, /* @__PURE__ */ React68.createElement(Text, {
6606
+ }, /* @__PURE__ */ React70.createElement(Box, null, /* @__PURE__ */ React70.createElement(Text, {
6145
6607
  size: "18",
6146
6608
  color: "modalTextSecondary",
6147
6609
  weight: "semibold"
6148
- }, funkitConfig.textCustomizations.selectAccount)), /* @__PURE__ */ React68.createElement(Box, {
6610
+ }, funkitConfig.textCustomizations.selectAccount)), /* @__PURE__ */ React70.createElement(Box, {
6149
6611
  paddingTop: "24"
6150
- }, /* @__PURE__ */ React68.createElement(FunInput, {
6612
+ }, /* @__PURE__ */ React70.createElement(FunInput, {
6151
6613
  placeholder: "Search",
6152
6614
  value: searchInput,
6153
6615
  onChange: (e) => setSearchInput(e.target.value),
6154
6616
  prefixIcon: "SearchIcon"
6155
- })), /* @__PURE__ */ React68.createElement(Box, {
6617
+ })), /* @__PURE__ */ React70.createElement(Box, {
6156
6618
  width: "full"
6157
- }, (filteredOptions == null ? void 0 : filteredOptions.length) === 0 ? /* @__PURE__ */ React68.createElement(Box, {
6619
+ }, (filteredOptions == null ? void 0 : filteredOptions.length) === 0 ? /* @__PURE__ */ React70.createElement(Box, {
6158
6620
  display: "flex",
6159
6621
  flexDirection: "column",
6160
6622
  justifyContent: "center",
@@ -6163,11 +6625,11 @@ function FunPaymentMeshType({
6163
6625
  key: "no-assets",
6164
6626
  color: "modalText",
6165
6627
  paddingY: "16"
6166
- }, /* @__PURE__ */ React68.createElement(NotFoundIcon, null), /* @__PURE__ */ React68.createElement(Text, {
6628
+ }, /* @__PURE__ */ React70.createElement(NotFoundIcon, null), /* @__PURE__ */ React70.createElement(Text, {
6167
6629
  color: "modalText",
6168
6630
  size: "18",
6169
6631
  weight: "semibold"
6170
- }, "No result found")) : /* @__PURE__ */ React68.createElement(FunSelectDropdown, {
6632
+ }, "No result found")) : /* @__PURE__ */ React70.createElement(FunSelectDropdown, {
6171
6633
  containerPaddingY: "16",
6172
6634
  containerMarginTop: "0",
6173
6635
  handleSelect: (selectedExchange) => {
@@ -6178,29 +6640,27 @@ function FunPaymentMeshType({
6178
6640
  options: filteredOptions,
6179
6641
  selectedValue: (exchange == null ? void 0 : exchange.toString()) || "",
6180
6642
  showBorder: false
6181
- })), /* @__PURE__ */ React68.createElement(Box, {
6643
+ })), /* @__PURE__ */ React70.createElement(Box, {
6182
6644
  display: "flex",
6183
6645
  flexDirection: "column",
6184
6646
  gap: "24"
6185
- }, (filteredOptions == null ? void 0 : filteredOptions.length) > 0 ? /* @__PURE__ */ React68.createElement(FunNotification, {
6647
+ }, (filteredOptions == null ? void 0 : filteredOptions.length) > 0 ? /* @__PURE__ */ React70.createElement(FunNotification, {
6186
6648
  type: hasMeshPreError ? "error" : "default",
6187
- description: hasMeshPreError ? meshPreError : hasActiveConnectionCheck(exchange) ? /* @__PURE__ */ React68.createElement("div", null, `You will be directed to your previously linked ${exchange} account (${formatAddress(
6188
- ((_e = (_d = (_c = (_b = (_a = meshBrokerDataMap == null ? void 0 : meshBrokerDataMap[exchange]) == null ? void 0 : _a.accessToken) == null ? void 0 : _b.accountTokens) == null ? void 0 : _c[0]) == null ? void 0 : _d.account) == null ? void 0 : _e.accountId) || ""
6189
- )}).`, /* @__PURE__ */ React68.createElement(FunLinkButton, {
6649
+ description: hasMeshPreError ? meshPreError : hasActiveConnectionCheck(exchange) ? /* @__PURE__ */ React70.createElement("div", null, `You will be directed to your linked ${exchange} account.`, funkitConfig.paymentsConfig.allowBrokerageUnlinking ? /* @__PURE__ */ React70.createElement(FunLinkButton, {
6190
6650
  text: "Unlink.",
6191
6651
  color: "buttonPrimary",
6192
6652
  textProps: { weight: "medium" },
6193
6653
  onClick: () => unlinkBrokerage(exchange)
6194
- })) : "You will be redirected to Mesh to securely link your account."
6195
- }) : null, /* @__PURE__ */ React68.createElement(FunButton, {
6654
+ }) : null) : "You will be redirected to Mesh to securely link your account."
6655
+ }) : null, /* @__PURE__ */ React70.createElement(FunButton, {
6196
6656
  title: "Continue",
6197
6657
  onClick: onClickContinue,
6198
6658
  isDisabled: !canContinue || isLoadingMeshModal || hasMeshPreError || isParentLoading,
6199
- titleSuffix: isLoadingMeshModal ? /* @__PURE__ */ React68.createElement(Box, {
6659
+ titleSuffix: isLoadingMeshModal ? /* @__PURE__ */ React70.createElement(Box, {
6200
6660
  display: "flex",
6201
6661
  alignItems: "center",
6202
6662
  color: "modalText"
6203
- }, /* @__PURE__ */ React68.createElement(SpinnerIcon, {
6663
+ }, /* @__PURE__ */ React70.createElement(SpinnerIcon, {
6204
6664
  height: 16,
6205
6665
  width: 16
6206
6666
  })) : null
@@ -6209,10 +6669,10 @@ function FunPaymentMeshType({
6209
6669
 
6210
6670
  // src/components/FunPayments/FunPaymentMoonpayType.tsx
6211
6671
  import { getMoonpayUrlSignature } from "@funkit/core";
6212
- import React69, { useEffect as useEffect13, useMemo as useMemo16, useState as useState20 } from "react";
6672
+ import React71, { useEffect as useEffect14, useMemo as useMemo18, useState as useState20 } from "react";
6213
6673
  var MoonPayBuyWidget = (props) => {
6214
- const [MoonPayBuyWidgetInner, setMoonPayBuyWidgetInner] = React69.useState(null);
6215
- useEffect13(() => {
6674
+ const [MoonPayBuyWidgetInner, setMoonPayBuyWidgetInner] = React71.useState(null);
6675
+ useEffect14(() => {
6216
6676
  const loadMoonPayBuyWidgetInner = async () => {
6217
6677
  try {
6218
6678
  const module = await import("@moonpay/moonpay-react");
@@ -6224,8 +6684,8 @@ var MoonPayBuyWidget = (props) => {
6224
6684
  loadMoonPayBuyWidgetInner();
6225
6685
  }, []);
6226
6686
  if (!MoonPayBuyWidgetInner)
6227
- return /* @__PURE__ */ React69.createElement(React69.Fragment, null, props.children);
6228
- return /* @__PURE__ */ React69.createElement(MoonPayBuyWidgetInner, {
6687
+ return /* @__PURE__ */ React71.createElement(React71.Fragment, null, props.children);
6688
+ return /* @__PURE__ */ React71.createElement(MoonPayBuyWidgetInner, {
6229
6689
  ...props
6230
6690
  }, props.children);
6231
6691
  };
@@ -6242,7 +6702,7 @@ function FunPaymentMoonpayType({
6242
6702
  const [isSupportedRegion, setIsSupportedRegion] = useState20(true);
6243
6703
  const [isBackToHomeDisabled, setIsBackToHomeDisabled] = useState20(true);
6244
6704
  const funkitConfig = useFunkitConfig();
6245
- const currencyCode = useMemo16(() => {
6705
+ const currencyCode = useMemo18(() => {
6246
6706
  return generateMoonpayCurrencyCode(depositToken, depositTokenChainId);
6247
6707
  }, [depositToken, depositTokenChainId]);
6248
6708
  const depositTokenAmountStringFormatted = formatTokenAmountForMoonpay(depositTokenAmount);
@@ -6252,33 +6712,33 @@ function FunPaymentMoonpayType({
6252
6712
  const signature = queryParams.get("signature");
6253
6713
  return signature || "";
6254
6714
  };
6255
- const description = useMemo16(() => {
6715
+ const description = useMemo18(() => {
6256
6716
  return `${funkitConfig == null ? void 0 : funkitConfig.appName} uses Moonpay to on-ramp ${depositToken} via credit & debit cards.`;
6257
6717
  }, [funkitConfig == null ? void 0 : funkitConfig.appName, depositToken]);
6258
- return /* @__PURE__ */ React69.createElement(Box, {
6718
+ return /* @__PURE__ */ React71.createElement(Box, {
6259
6719
  className: backAnimation ? animateContentOutClass : animateContentInClass
6260
- }, /* @__PURE__ */ React69.createElement(Box, {
6720
+ }, /* @__PURE__ */ React71.createElement(Box, {
6261
6721
  gap: "10"
6262
- }, /* @__PURE__ */ React69.createElement(Text, {
6722
+ }, /* @__PURE__ */ React71.createElement(Text, {
6263
6723
  color: "modalText",
6264
6724
  size: "18",
6265
6725
  weight: "heavy"
6266
- }, funkitConfig.textCustomizations.enterPaymentInfo)), /* @__PURE__ */ React69.createElement(Box, {
6726
+ }, funkitConfig.textCustomizations.enterPaymentInfo)), /* @__PURE__ */ React71.createElement(Box, {
6267
6727
  paddingY: "10"
6268
- }, /* @__PURE__ */ React69.createElement(Text, {
6728
+ }, /* @__PURE__ */ React71.createElement(Text, {
6269
6729
  color: "modalTextSecondary",
6270
6730
  size: "14",
6271
6731
  weight: "medium"
6272
- }, description)), !isSupportedRegion ? /* @__PURE__ */ React69.createElement(Box, {
6732
+ }, description)), !isSupportedRegion ? /* @__PURE__ */ React71.createElement(Box, {
6273
6733
  paddingY: "10"
6274
- }, /* @__PURE__ */ React69.createElement(FunNotification, {
6734
+ }, /* @__PURE__ */ React71.createElement(FunNotification, {
6275
6735
  type: "error",
6276
6736
  description: "You are using moonpay from an unsupported region. Please use a different payment method."
6277
- })) : null, /* @__PURE__ */ React69.createElement(Box, {
6737
+ })) : null, /* @__PURE__ */ React71.createElement(Box, {
6278
6738
  display: "flex",
6279
6739
  justifyContent: "center",
6280
6740
  paddingBottom: "24"
6281
- }, /* @__PURE__ */ React69.createElement(MoonPayBuyWidget, {
6741
+ }, /* @__PURE__ */ React71.createElement(MoonPayBuyWidget, {
6282
6742
  variant: "embedded",
6283
6743
  baseCurrencyAmount: paymentFlow === 0 /* DEPOSIT */ ? depositTokenAmountStringFormatted : void 0,
6284
6744
  quoteCurrencyAmount: paymentFlow === 0 /* DEPOSIT */ ? void 0 : depositTokenAmountStringFormatted,
@@ -6295,9 +6755,9 @@ function FunPaymentMoonpayType({
6295
6755
  onUnsupportedRegion: () => setIsSupportedRegion(false),
6296
6756
  visible: isSupportedRegion,
6297
6757
  style: { margin: 0 }
6298
- })), paymentFlow === 0 /* DEPOSIT */ ? /* @__PURE__ */ React69.createElement(Box, {
6758
+ })), paymentFlow === 0 /* DEPOSIT */ ? /* @__PURE__ */ React71.createElement(Box, {
6299
6759
  width: "full"
6300
- }, /* @__PURE__ */ React69.createElement(FunButton, {
6760
+ }, /* @__PURE__ */ React71.createElement(FunButton, {
6301
6761
  title: "Back to Home",
6302
6762
  onClick: onBackToHome,
6303
6763
  isDisabled: isBackToHomeDisabled && isSupportedRegion
@@ -6305,131 +6765,11 @@ function FunPaymentMoonpayType({
6305
6765
  }
6306
6766
 
6307
6767
  // src/components/FunPayments/FunPaymentTransferType.tsx
6308
- import React72 from "react";
6768
+ import React73 from "react";
6309
6769
 
6310
6770
  // src/components/QRCode/QRCode.tsx
6311
6771
  import QRCodeUtil from "qrcode";
6312
- import React71, { useMemo as useMemo17 } from "react";
6313
-
6314
- // src/components/AsyncImage/AsyncImage.tsx
6315
- import React70, { useReducer as useReducer2 } from "react";
6316
-
6317
- // src/components/AsyncImage/useAsyncImage.ts
6318
- import { useEffect as useEffect14, useReducer } from "react";
6319
- var cachedUrls = /* @__PURE__ */ new Map();
6320
- var cachedRequestPromises = /* @__PURE__ */ new Map();
6321
- async function loadAsyncImage(asyncImage) {
6322
- const cachedRequestPromise = cachedRequestPromises.get(asyncImage);
6323
- if (cachedRequestPromise) {
6324
- return cachedRequestPromise;
6325
- }
6326
- const load = async () => asyncImage().then(async (url) => {
6327
- cachedUrls.set(asyncImage, url);
6328
- return url;
6329
- });
6330
- const requestPromise = load().catch((_err) => {
6331
- return load().catch((_err2) => {
6332
- cachedRequestPromises.delete(asyncImage);
6333
- });
6334
- });
6335
- cachedRequestPromises.set(asyncImage, requestPromise);
6336
- return requestPromise;
6337
- }
6338
- async function loadImages(...urls) {
6339
- return await Promise.all(
6340
- urls.map((url) => typeof url === "function" ? loadAsyncImage(url) : url)
6341
- );
6342
- }
6343
- function useForceUpdate() {
6344
- const [, forceUpdate] = useReducer((x) => x + 1, 0);
6345
- return forceUpdate;
6346
- }
6347
- function useAsyncImage(url) {
6348
- const cachedUrl = typeof url === "function" ? cachedUrls.get(url) : void 0;
6349
- const forceUpdate = useForceUpdate();
6350
- useEffect14(() => {
6351
- if (typeof url === "function" && !cachedUrl) {
6352
- loadAsyncImage(url).then(forceUpdate);
6353
- }
6354
- }, [url, cachedUrl, forceUpdate]);
6355
- return typeof url === "function" ? cachedUrl : url;
6356
- }
6357
-
6358
- // src/components/AsyncImage/AsyncImage.tsx
6359
- function AsyncImage({
6360
- alt,
6361
- background,
6362
- borderColor,
6363
- borderRadius,
6364
- boxShadow,
6365
- height,
6366
- useAsImage,
6367
- src: srcProp,
6368
- fallbackSrc,
6369
- width,
6370
- testId
6371
- }) {
6372
- const src7 = useAsyncImage(srcProp || fallbackSrc);
6373
- const isRemoteImage = src7 && /^http/.test(src7);
6374
- const [isRemoteImageLoaded, setRemoteImageLoaded] = useReducer2(
6375
- () => true,
6376
- false
6377
- );
6378
- return /* @__PURE__ */ React70.createElement(Box, {
6379
- "aria-label": alt,
6380
- borderRadius,
6381
- boxShadow,
6382
- height: typeof height === "string" ? height : void 0,
6383
- overflow: "hidden",
6384
- position: "relative",
6385
- role: "img",
6386
- style: {
6387
- background,
6388
- height: typeof height === "number" ? height : void 0,
6389
- width: typeof width === "number" ? width : void 0
6390
- },
6391
- width: typeof width === "string" ? width : void 0,
6392
- testId
6393
- }, /* @__PURE__ */ React70.createElement(Box, {
6394
- ...useAsImage ? { "aria-hidden": true, as: "img", src: src7 } : isRemoteImage ? {
6395
- "aria-hidden": true,
6396
- as: "img",
6397
- onLoad: setRemoteImageLoaded,
6398
- src: src7,
6399
- onError: ({ currentTarget }) => {
6400
- currentTarget.onerror = null;
6401
- currentTarget.src = fallbackSrc;
6402
- }
6403
- } : {
6404
- backgroundSize: "cover"
6405
- },
6406
- height: "full",
6407
- position: "absolute",
6408
- style: {
6409
- WebkitTouchCallout: "none",
6410
- transition: "opacity .15s linear",
6411
- userSelect: "none",
6412
- ...!useAsImage ? isRemoteImage ? {
6413
- opacity: isRemoteImageLoaded ? 1 : 0
6414
- } : {
6415
- backgroundImage: src7 ? `url(${src7})` : void 0,
6416
- backgroundRepeat: "no-repeat",
6417
- opacity: src7 ? 1 : 0
6418
- } : {}
6419
- },
6420
- width: "full"
6421
- }), borderColor ? /* @__PURE__ */ React70.createElement(Box, {
6422
- ...typeof borderColor === "object" && "custom" in borderColor ? { style: { borderColor: borderColor.custom } } : { borderColor },
6423
- borderRadius,
6424
- borderStyle: "solid",
6425
- borderWidth: "1",
6426
- height: "full",
6427
- position: "relative",
6428
- width: "full"
6429
- }) : null);
6430
- }
6431
-
6432
- // src/components/QRCode/QRCode.tsx
6772
+ import React72, { useMemo as useMemo19 } from "react";
6433
6773
  var generateMatrix = (value, errorCorrectionLevel) => {
6434
6774
  const arr = Array.prototype.slice.call(
6435
6775
  QRCodeUtil.create(value, { errorCorrectionLevel }).modules.data,
@@ -6452,7 +6792,7 @@ function QRCode({
6452
6792
  }) {
6453
6793
  const padding = "20";
6454
6794
  const size = sizeProp - parseInt(padding, 10) * 2;
6455
- const dots = useMemo17(() => {
6795
+ const dots = useMemo19(() => {
6456
6796
  const dots2 = [];
6457
6797
  const matrix = generateMatrix(uri, ecl);
6458
6798
  const cellSize = size / matrix.length;
@@ -6466,7 +6806,7 @@ function QRCode({
6466
6806
  const y1 = (matrix.length - 7) * cellSize * y;
6467
6807
  for (let i = 0; i < 3; i++) {
6468
6808
  dots2.push(
6469
- /* @__PURE__ */ React71.createElement("rect", {
6809
+ /* @__PURE__ */ React72.createElement("rect", {
6470
6810
  fill: i % 2 !== 0 ? "white" : "black",
6471
6811
  height: cellSize * (7 - i * 2),
6472
6812
  key: `${i}-${x}-${y}`,
@@ -6488,7 +6828,7 @@ function QRCode({
6488
6828
  if (!(i < 7 && j < 7 || i > matrix.length - 8 && j < 7 || i < 7 && j > matrix.length - 8)) {
6489
6829
  if (!(i > matrixMiddleStart && i < matrixMiddleEnd && j > matrixMiddleStart && j < matrixMiddleEnd)) {
6490
6830
  dots2.push(
6491
- /* @__PURE__ */ React71.createElement("circle", {
6831
+ /* @__PURE__ */ React72.createElement("circle", {
6492
6832
  cx: i * cellSize + cellSize / 2,
6493
6833
  cy: j * cellSize + cellSize / 2,
6494
6834
  fill: "black",
@@ -6505,7 +6845,7 @@ function QRCode({
6505
6845
  }, [ecl, logoSize, size, uri]);
6506
6846
  const logoPosition = size / 2 - logoSize / 2;
6507
6847
  const logoWrapperSize = logoSize + logoMargin * 2;
6508
- return /* @__PURE__ */ React71.createElement(Box, {
6848
+ return /* @__PURE__ */ React72.createElement(Box, {
6509
6849
  borderColor: "generalBorder",
6510
6850
  borderRadius: "menuButton",
6511
6851
  borderStyle: "solid",
@@ -6513,14 +6853,14 @@ function QRCode({
6513
6853
  className: QRCodeBackgroundClassName,
6514
6854
  padding,
6515
6855
  width: "max"
6516
- }, /* @__PURE__ */ React71.createElement(Box, {
6856
+ }, /* @__PURE__ */ React72.createElement(Box, {
6517
6857
  style: {
6518
6858
  height: size,
6519
6859
  userSelect: "none",
6520
6860
  width: size
6521
6861
  },
6522
6862
  userSelect: "none"
6523
- }, /* @__PURE__ */ React71.createElement(Box, {
6863
+ }, /* @__PURE__ */ React72.createElement(Box, {
6524
6864
  display: "flex",
6525
6865
  justifyContent: "center",
6526
6866
  position: "relative",
@@ -6530,28 +6870,28 @@ function QRCode({
6530
6870
  width: size
6531
6871
  },
6532
6872
  width: "full"
6533
- }, /* @__PURE__ */ React71.createElement(AsyncImage, {
6873
+ }, /* @__PURE__ */ React72.createElement(AsyncImage, {
6534
6874
  background: logoBackground,
6535
6875
  borderColor: { custom: "rgba(0, 0, 0, 0.06)" },
6536
6876
  borderRadius: "13",
6537
6877
  height: logoSize,
6538
6878
  src: logoUrl,
6539
6879
  width: logoSize
6540
- })), /* @__PURE__ */ React71.createElement("svg", {
6880
+ })), /* @__PURE__ */ React72.createElement("svg", {
6541
6881
  height: size,
6542
6882
  style: { all: "revert" },
6543
6883
  width: size
6544
- }, /* @__PURE__ */ React71.createElement("title", null, "QR Code"), /* @__PURE__ */ React71.createElement("defs", null, /* @__PURE__ */ React71.createElement("clipPath", {
6884
+ }, /* @__PURE__ */ React72.createElement("title", null, "QR Code"), /* @__PURE__ */ React72.createElement("defs", null, /* @__PURE__ */ React72.createElement("clipPath", {
6545
6885
  id: "clip-wrapper"
6546
- }, /* @__PURE__ */ React71.createElement("rect", {
6886
+ }, /* @__PURE__ */ React72.createElement("rect", {
6547
6887
  height: logoWrapperSize,
6548
6888
  width: logoWrapperSize
6549
- })), /* @__PURE__ */ React71.createElement("clipPath", {
6889
+ })), /* @__PURE__ */ React72.createElement("clipPath", {
6550
6890
  id: "clip-logo"
6551
- }, /* @__PURE__ */ React71.createElement("rect", {
6891
+ }, /* @__PURE__ */ React72.createElement("rect", {
6552
6892
  height: logoSize,
6553
6893
  width: logoSize
6554
- }))), /* @__PURE__ */ React71.createElement("rect", {
6894
+ }))), /* @__PURE__ */ React72.createElement("rect", {
6555
6895
  fill: "transparent",
6556
6896
  height: size,
6557
6897
  width: size
@@ -6564,16 +6904,16 @@ function FunPaymentTransferType({
6564
6904
  onBackToHome,
6565
6905
  backAnimation = false
6566
6906
  }) {
6567
- return /* @__PURE__ */ React72.createElement(Box, {
6907
+ return /* @__PURE__ */ React73.createElement(Box, {
6568
6908
  className: backAnimation ? animateContentOutClass : animateContentInClass
6569
- }, /* @__PURE__ */ React72.createElement(Box, {
6909
+ }, /* @__PURE__ */ React73.createElement(Box, {
6570
6910
  display: "flex",
6571
6911
  flexDirection: "column",
6572
6912
  gap: "5"
6573
- }, /* @__PURE__ */ React72.createElement(CopyAddress, {
6913
+ }, /* @__PURE__ */ React73.createElement(CopyAddress, {
6574
6914
  type: "kv",
6575
6915
  address
6576
- }), /* @__PURE__ */ React72.createElement(Box, {
6916
+ }), /* @__PURE__ */ React73.createElement(Box, {
6577
6917
  display: "flex",
6578
6918
  alignItems: "center",
6579
6919
  justifyContent: "center",
@@ -6582,19 +6922,19 @@ function FunPaymentTransferType({
6582
6922
  borderStyle: "solid",
6583
6923
  borderWidth: "1",
6584
6924
  borderRadius: "16"
6585
- }, /* @__PURE__ */ React72.createElement(QRCode, {
6925
+ }, /* @__PURE__ */ React73.createElement(QRCode, {
6586
6926
  uri: address,
6587
6927
  logoSize: 0,
6588
6928
  logoMargin: 0,
6589
6929
  size: 360
6590
- })), /* @__PURE__ */ React72.createElement(Text, {
6930
+ })), /* @__PURE__ */ React73.createElement(Text, {
6591
6931
  textAlign: "center",
6592
6932
  color: "modalTextDim",
6593
6933
  size: "12",
6594
6934
  weight: "medium"
6595
- }, "Scan the QR or copy and paste the payment details into your wallet.")), /* @__PURE__ */ React72.createElement(Box, {
6935
+ }, "Scan the QR or copy and paste the payment details into your wallet.")), /* @__PURE__ */ React73.createElement(Box, {
6596
6936
  paddingTop: "24"
6597
- }, /* @__PURE__ */ React72.createElement(FunButton, {
6937
+ }, /* @__PURE__ */ React73.createElement(FunButton, {
6598
6938
  title: "Back to Home",
6599
6939
  type: "primary",
6600
6940
  onClick: onBackToHome
@@ -6617,7 +6957,7 @@ function FunPaymentSetup({
6617
6957
  isParentLoading = false
6618
6958
  }) {
6619
6959
  const { optionsMap } = useMeshExchanges({ fullInfo: false });
6620
- return paymentMethod === "brokerage" /* BROKERAGE */ ? /* @__PURE__ */ React73.createElement(FunPaymentMeshType, {
6960
+ return paymentMethod === "brokerage" /* BROKERAGE */ ? /* @__PURE__ */ React74.createElement(FunPaymentMeshType, {
6621
6961
  isParentLoading,
6622
6962
  onFinish: (meshMeta) => {
6623
6963
  var _a, _b, _c, _d, _e;
@@ -6634,11 +6974,11 @@ function FunPaymentSetup({
6634
6974
  },
6635
6975
  onSoftHide,
6636
6976
  backAnimation
6637
- }) : paymentMethod === "transfer" /* TRANSFER */ ? /* @__PURE__ */ React73.createElement(FunPaymentTransferType, {
6977
+ }) : paymentMethod === "transfer" /* TRANSFER */ ? /* @__PURE__ */ React74.createElement(FunPaymentTransferType, {
6638
6978
  address: paymentAddress,
6639
6979
  onBackToHome,
6640
6980
  backAnimation
6641
- }) : paymentMethod === "card" /* CARD */ ? /* @__PURE__ */ React73.createElement(FunPaymentMoonpayType, {
6981
+ }) : paymentMethod === "card" /* CARD */ ? /* @__PURE__ */ React74.createElement(FunPaymentMoonpayType, {
6642
6982
  paymentFlow,
6643
6983
  paymentAddress,
6644
6984
  depositToken: token,
@@ -6647,7 +6987,7 @@ function FunPaymentSetup({
6647
6987
  onBackToHome,
6648
6988
  backAnimation,
6649
6989
  redirectToCheckoutHistory
6650
- }) : /* @__PURE__ */ React73.createElement(Text, {
6990
+ }) : /* @__PURE__ */ React74.createElement(Text, {
6651
6991
  color: "modalTextSecondary"
6652
6992
  }, "Unsupported payment method");
6653
6993
  }
@@ -6657,70 +6997,7 @@ import {
6657
6997
  FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS as FUNKIT_CONNECT_CHECKOUT_NATIVE_CURRENCY_ADDRESS3,
6658
6998
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4
6659
6999
  } from "@funkit/core";
6660
- import React77, { useCallback as useCallback14, useEffect as useEffect15, useMemo as useMemo19, useState as useState21 } from "react";
6661
-
6662
- // src/components/FunAssetAvatar/FunAssetAvatar.tsx
6663
- import React74, { useMemo as useMemo18 } from "react";
6664
-
6665
- // src/components/FunAssetAvatar/FunAssetAvatar.css.ts
6666
- var assetContainerStyle = "uwrdc21";
6667
- var chainContainerStyle = "uwrdc22";
6668
- var containerStyle = "uwrdc20";
6669
-
6670
- // src/components/FunAssetAvatar/FunAssetAvatar.tsx
6671
- var fallbackAssetSrc = "https://static1.squarespace.com/static/54735678e4b025d4e207e7b3/t/59605876cd0f689a4a30e51d/1499486328449/Dollar_Circle.png";
6672
- function FunAssetAvatar({
6673
- assetSrc,
6674
- assetTicker,
6675
- assetName,
6676
- assetIconSize = "32",
6677
- chainId,
6678
- chainIconSize = "12"
6679
- }) {
6680
- const { allPossibleFunkitConnectChainsById } = useFunkitConnectChainsById();
6681
- const chainInfo = allPossibleFunkitConnectChainsById[parseInt(chainId.toString())];
6682
- const finalAssetSrc = useMemo18(() => {
6683
- var _a;
6684
- const normalizedTicker = assetTicker.toUpperCase();
6685
- if ((_a = ASSET_LOGO_SRCS) == null ? void 0 : _a[normalizedTicker])
6686
- return ASSET_LOGO_SRCS[normalizedTicker];
6687
- else
6688
- return assetSrc;
6689
- }, [assetSrc, assetTicker]);
6690
- return /* @__PURE__ */ React74.createElement(Box, {
6691
- id: "container",
6692
- alignSelf: "center",
6693
- width: assetIconSize,
6694
- height: assetIconSize,
6695
- className: containerStyle
6696
- }, /* @__PURE__ */ React74.createElement(Box, {
6697
- width: assetIconSize,
6698
- height: assetIconSize,
6699
- className: assetContainerStyle
6700
- }, /* @__PURE__ */ React74.createElement(AsyncImage, {
6701
- alt: assetName,
6702
- src: finalAssetSrc,
6703
- fallbackSrc: fallbackAssetSrc,
6704
- background: void 0,
6705
- borderColor: "generalBorderDim",
6706
- borderRadius: "full",
6707
- height: assetIconSize,
6708
- width: assetIconSize,
6709
- testId: `fun-asset-${assetTicker}-icon`
6710
- })), /* @__PURE__ */ React74.createElement(Box, {
6711
- width: chainIconSize,
6712
- height: chainIconSize,
6713
- className: chainContainerStyle
6714
- }, /* @__PURE__ */ React74.createElement(AsyncImage, {
6715
- alt: chainInfo.name,
6716
- src: chainInfo.iconUrl || "",
6717
- background: chainInfo.iconBackground,
6718
- borderRadius: "full",
6719
- height: chainIconSize,
6720
- width: chainIconSize,
6721
- testId: `fun-asset-chain-${chainInfo.id}-icon`
6722
- })));
6723
- }
7000
+ import React77, { useCallback as useCallback14, useEffect as useEffect15, useMemo as useMemo20, useState as useState21 } from "react";
6724
7001
 
6725
7002
  // src/components/FunBadge/FunBadge.tsx
6726
7003
  import React75 from "react";
@@ -6835,7 +7112,7 @@ function MeshOrAccountSelectAsset({
6835
7112
  onFinish,
6836
7113
  isOnFinishLoading
6837
7114
  }) {
6838
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k;
7115
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l;
6839
7116
  const [accountHoldingsMap, setAccountHoldingsMap] = useState21({});
6840
7117
  const [isLoadingAssets, setIsLoadingAssets] = useState21(true);
6841
7118
  const [selectedChainTokenSymbol, setSelectedChainTokenSymbol] = useState21("");
@@ -6850,6 +7127,7 @@ function MeshOrAccountSelectAsset({
6850
7127
  ((_d = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _d.paymentMethod) === "balance" /* ACCOUNT_BALANCE */
6851
7128
  );
6852
7129
  const { walletAssets } = useGeneralWallet();
7130
+ const { isCheckoutPostActionRequired } = useCheckoutType(checkoutItem);
6853
7131
  const generateAccountHoldingsMapForMesh = useCallback14(async () => {
6854
7132
  var _a2, _b2, _c2, _d2, _e2, _f2, _g2;
6855
7133
  if (funkitConfig == null ? void 0 : funkitConfig.apiKey) {
@@ -6988,20 +7266,16 @@ function MeshOrAccountSelectAsset({
6988
7266
  generateAccountHoldingsMapForMesh,
6989
7267
  generateAccountHoldingsMapForBalance
6990
7268
  ]);
6991
- useEffect15(() => {
6992
- if (checkoutItem == null ? void 0 : checkoutItem.isDrafting) {
6993
- setSelectedChainTokenSymbol("");
6994
- setShowErrorNotification(false);
6995
- }
6996
- }, [checkoutItem == null ? void 0 : checkoutItem.isDrafting]);
6997
- const assetOptions = useMemo19(() => {
7269
+ const assetOptions = useMemo20(() => {
6998
7270
  var _a2;
6999
7271
  return (_a2 = Object.keys(accountHoldingsMap)) == null ? void 0 : _a2.map((chainSymbolKey) => {
7272
+ var _a3;
7000
7273
  const item = accountHoldingsMap[chainSymbolKey];
7274
+ const isSameAsPurchasingToken = !isCheckoutPostActionRequired && ((_a3 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a3.paymentMethod) === "balance" /* ACCOUNT_BALANCE */ && checkoutItem.initSettings.config.targetChain === item.pickedChainId && checkoutItem.initSettings.config.targetAsset.toLowerCase() === item.tokenAddress.toLowerCase();
7001
7275
  const isKnownToken = !!item.usdAmount;
7002
7276
  const isPickedChainSupportedForCheckout = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO4[item.pickedChainId].isCheckoutSupported;
7003
- const isTokenDisabled = !isKnownToken || !isPickedChainSupportedForCheckout;
7004
- const badgeText = !isKnownToken ? "Unknown" : !isPickedChainSupportedForCheckout ? "Unsupported" : "";
7277
+ const isTokenDisabled = isSameAsPurchasingToken || !isKnownToken || !isPickedChainSupportedForCheckout;
7278
+ const badgeText = isSameAsPurchasingToken ? "Not Applicable" : !isKnownToken ? "Unknown" : !isPickedChainSupportedForCheckout ? "Unsupported" : "";
7005
7279
  return {
7006
7280
  value: chainSymbolKey,
7007
7281
  isDisabled: isTokenDisabled,
@@ -7037,7 +7311,13 @@ function MeshOrAccountSelectAsset({
7037
7311
  }).sort(
7038
7312
  (a, b) => Number(a.isDisabled) - Number(b.isDisabled) || ((b == null ? void 0 : b.labelMeta) || 0) - ((a == null ? void 0 : a.labelMeta) || 0)
7039
7313
  );
7040
- }, [accountHoldingsMap]);
7314
+ }, [
7315
+ accountHoldingsMap,
7316
+ checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetAsset,
7317
+ checkoutItem == null ? void 0 : checkoutItem.initSettings.config.targetChain,
7318
+ (_l = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _l.paymentMethod,
7319
+ isCheckoutPostActionRequired
7320
+ ]);
7041
7321
  const onClickContinue = useCallback14(() => {
7042
7322
  if (selectedChainTokenSymbol && !(checkoutItem == null ? void 0 : checkoutItem.isDrafting)) {
7043
7323
  const tokenItem = accountHoldingsMap[selectedChainTokenSymbol];
@@ -7054,16 +7334,20 @@ function MeshOrAccountSelectAsset({
7054
7334
  updateSourceAsset,
7055
7335
  onFinish
7056
7336
  ]);
7057
- const [showErrorNotification, setShowErrorNotification] = useState21(false);
7058
- const notificationErrorDescription = useMemo19(() => {
7059
- return `Insufficient funds to purchase ${formatCurrencyAndStringify(
7060
- draftDollarValueNormalized
7061
- )} of ${checkoutItem == null ? void 0 : checkoutItem.initSettings.config.checkoutItemTitle}. ${isCheckoutCrFlow ? "Please either lower the checkout amount, select an alternative asset, or another payment method." : "Please select an alternative asset or payment method."}`;
7062
- }, [
7063
- checkoutItem == null ? void 0 : checkoutItem.initSettings.config.checkoutItemTitle,
7064
- draftDollarValueNormalized,
7065
- isCheckoutCrFlow
7066
- ]);
7337
+ const {
7338
+ hasQuoteError,
7339
+ showQuoteNotification,
7340
+ quoteNotificationMessage,
7341
+ clearCheckoutQuoteMessages
7342
+ } = useCheckoutQuoteNotification(checkoutId || "");
7343
+ const [insufficientAssetError, setInsufficientAssetError] = useState21("");
7344
+ const hasInsufficientAssetError = !!insufficientAssetError;
7345
+ useEffect15(() => {
7346
+ if (checkoutItem == null ? void 0 : checkoutItem.isDrafting) {
7347
+ setSelectedChainTokenSymbol("");
7348
+ setInsufficientAssetError("");
7349
+ }
7350
+ }, [checkoutItem == null ? void 0 : checkoutItem.isDrafting]);
7067
7351
  return /* @__PURE__ */ React77.createElement(Box, null, /* @__PURE__ */ React77.createElement(CheckoutPrimaryInfo, {
7068
7352
  checkoutId,
7069
7353
  checkoutStep
@@ -7088,10 +7372,15 @@ function MeshOrAccountSelectAsset({
7088
7372
  })) : /* @__PURE__ */ React77.createElement(FunSelectDropdown, {
7089
7373
  handleSelect: (newValue) => {
7090
7374
  setSelectedChainTokenSymbol(newValue);
7375
+ clearCheckoutQuoteMessages();
7091
7376
  if ((accountHoldingsMap[newValue].usdAmount || 0) < draftDollarValueNormalized) {
7092
- setShowErrorNotification(true);
7377
+ setInsufficientAssetError(
7378
+ `Insufficient funds to purchase ${formatCurrencyAndStringify(
7379
+ draftDollarValueNormalized
7380
+ )} of ${checkoutItem == null ? void 0 : checkoutItem.initSettings.config.checkoutItemTitle}. ${isCheckoutCrFlow ? "Please either lower the checkout amount, select an alternative asset, or another payment method." : "Please select an alternative asset or payment method."}`
7381
+ );
7093
7382
  } else {
7094
- setShowErrorNotification(false);
7383
+ setInsufficientAssetError("");
7095
7384
  }
7096
7385
  },
7097
7386
  isDropdownOpen: true,
@@ -7099,14 +7388,15 @@ function MeshOrAccountSelectAsset({
7099
7388
  selectedValue: selectedChainTokenSymbol || "",
7100
7389
  optionItemPadding: "12",
7101
7390
  showBorder: false
7102
- })), showErrorNotification ? /* @__PURE__ */ React77.createElement(Box, {
7391
+ })), hasInsufficientAssetError || showQuoteNotification ? /* @__PURE__ */ React77.createElement(Box, {
7103
7392
  paddingBottom: "24"
7104
7393
  }, /* @__PURE__ */ React77.createElement(FunNotification, {
7105
- description: notificationErrorDescription
7394
+ type: hasQuoteError ? "error" : "default",
7395
+ description: quoteNotificationMessage || insufficientAssetError
7106
7396
  })) : null, /* @__PURE__ */ React77.createElement(FunButton, {
7107
7397
  type: "primary",
7108
7398
  title: "Continue",
7109
- isDisabled: !selectedChainTokenSymbol || showErrorNotification || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) || isOnFinishLoading,
7399
+ isDisabled: !selectedChainTokenSymbol || hasInsufficientAssetError || (checkoutItem == null ? void 0 : checkoutItem.isDrafting) || showQuoteNotification || isOnFinishLoading,
7110
7400
  titleSuffix: isOnFinishLoading ? /* @__PURE__ */ React77.createElement(Box, {
7111
7401
  display: "flex",
7112
7402
  alignItems: "center",
@@ -7194,23 +7484,29 @@ function FunCheckoutModal({
7194
7484
  const { checkoutItem, getCheckoutQuote } = useFunkitPreCheckoutInternal(
7195
7485
  checkoutId || ""
7196
7486
  );
7487
+ const { clearCheckoutQuoteMessages } = useCheckoutQuoteNotification(
7488
+ checkoutId || ""
7489
+ );
7197
7490
  const [checkoutStep, setCheckoutStep] = useState22(
7198
- (checkoutItem == null ? void 0 : checkoutItem.isFastForwarded) ? "confirmation" /* CONFIRMATION */ : "payment" /* SELECT_PAYMENT_METHOD */
7491
+ (checkoutItem == null ? void 0 : checkoutItem.isFastForwarded) ? "confirmation" /* CONFIRMATION */ : "select_payment" /* SELECT_PAYMENT_METHOD */
7199
7492
  );
7200
7493
  useEffect16(() => {
7201
7494
  return () => {
7202
- setCheckoutStep("payment" /* SELECT_PAYMENT_METHOD */);
7495
+ setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */);
7203
7496
  };
7204
7497
  }, []);
7498
+ useEffect16(() => {
7499
+ clearCheckoutQuoteMessages();
7500
+ }, [checkoutStep]);
7205
7501
  const { generateCheckoutTransferOpItems } = useCheckoutAccountBalanceTransfer(checkoutId);
7206
7502
  const { fetchInfo: fetchMeshNetworkInfo } = useMeshActiveNetworkInfo(
7207
7503
  (_c = (_b = (_a = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a.meta) == null ? void 0 : _b.accessToken) == null ? void 0 : _c.brokerName
7208
7504
  );
7209
- const titleConfig = useMemo20(() => {
7505
+ const titleConfig = useMemo21(() => {
7210
7506
  var _a2, _b2;
7211
7507
  const baseTitle = ((_b2 = (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.config) == null ? void 0 : _b2.modalTitle) || "Checkout";
7212
7508
  switch (checkoutStep) {
7213
- case "payment" /* SELECT_PAYMENT_METHOD */:
7509
+ case "select_payment" /* SELECT_PAYMENT_METHOD */:
7214
7510
  return {
7215
7511
  hasBack: false,
7216
7512
  onBack: () => void 0,
@@ -7222,7 +7518,7 @@ function FunCheckoutModal({
7222
7518
  onBack: () => {
7223
7519
  setAnimateOut(true);
7224
7520
  setTimeout(() => {
7225
- setCheckoutStep("payment" /* SELECT_PAYMENT_METHOD */);
7521
+ setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */);
7226
7522
  setAnimateOut(false);
7227
7523
  }, ANIMATION_DELAY);
7228
7524
  },
@@ -7236,7 +7532,7 @@ function FunCheckoutModal({
7236
7532
  setTimeout(() => {
7237
7533
  var _a3;
7238
7534
  if (((_a3 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a3.paymentMethod) === "balance" /* ACCOUNT_BALANCE */) {
7239
- setCheckoutStep("payment" /* SELECT_PAYMENT_METHOD */);
7535
+ setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */);
7240
7536
  } else {
7241
7537
  setCheckoutStep("payment_setup" /* PAYMENT_SETUP */);
7242
7538
  }
@@ -7253,7 +7549,7 @@ function FunCheckoutModal({
7253
7549
  setTimeout(() => {
7254
7550
  var _a3;
7255
7551
  if (((_a3 = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _a3.paymentMethod) === "card" /* CARD */) {
7256
- setCheckoutStep("payment" /* SELECT_PAYMENT_METHOD */);
7552
+ setCheckoutStep("select_payment" /* SELECT_PAYMENT_METHOD */);
7257
7553
  } else {
7258
7554
  setCheckoutStep("select_asset" /* SELECT_ASSET */);
7259
7555
  }
@@ -7284,9 +7580,14 @@ function FunCheckoutModal({
7284
7580
  const onCloseWrapper = useCallback15(() => {
7285
7581
  var _a2, _b2;
7286
7582
  (_b2 = (_a2 = checkoutItem == null ? void 0 : checkoutItem.initSettings) == null ? void 0 : _a2.onClose) == null ? void 0 : _b2.call(_a2);
7583
+ logger.log("closingCheckoutModal", {
7584
+ checkoutStep,
7585
+ checkoutId,
7586
+ checkoutItem
7587
+ });
7287
7588
  onClose == null ? void 0 : onClose();
7288
- }, [checkoutItem == null ? void 0 : checkoutItem.initSettings, onClose]);
7289
- const { isCheckoutCrFlow, isCheckoutSpecialCrFlow } = useCheckoutType(checkoutItem);
7589
+ }, [checkoutId, checkoutItem, checkoutStep, onClose]);
7590
+ const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
7290
7591
  const redirectToCheckoutHistory = useCallback15(
7291
7592
  (depositAddress) => {
7292
7593
  var _a2, _b2;
@@ -7297,17 +7598,12 @@ function FunCheckoutModal({
7297
7598
  metadata: {}
7298
7599
  });
7299
7600
  onCloseWrapper == null ? void 0 : onCloseWrapper();
7300
- openFunCheckoutHistoryModal == null ? void 0 : openFunCheckoutHistoryModal(depositAddress, isCheckoutSpecialCrFlow);
7601
+ openFunCheckoutHistoryModal == null ? void 0 : openFunCheckoutHistoryModal(depositAddress);
7301
7602
  } else {
7302
7603
  logger.warn("No depositAddress generated");
7303
7604
  }
7304
7605
  },
7305
- [
7306
- checkoutItem == null ? void 0 : checkoutItem.initSettings,
7307
- isCheckoutSpecialCrFlow,
7308
- onCloseWrapper,
7309
- openFunCheckoutHistoryModal
7310
- ]
7606
+ [checkoutItem == null ? void 0 : checkoutItem.initSettings, onCloseWrapper, openFunCheckoutHistoryModal]
7311
7607
  );
7312
7608
  const [isSourceAssetConfirming, setIsSourceAssetConfirming] = useState22(false);
7313
7609
  const onSourceAssetConfirmed = useCallback15(async () => {
@@ -7353,11 +7649,13 @@ function FunCheckoutModal({
7353
7649
  }
7354
7650
  };
7355
7651
  }
7356
- setCheckoutStep("confirmation" /* CONFIRMATION */);
7357
- await getCheckoutQuote(
7652
+ const isQuoteSuccess = await getCheckoutQuote(
7358
7653
  sponsorInitialTransferGasLimit,
7359
7654
  newPaymentMethodInfo
7360
7655
  );
7656
+ if (isQuoteSuccess) {
7657
+ setCheckoutStep("confirmation" /* CONFIRMATION */);
7658
+ }
7361
7659
  }
7362
7660
  } catch (err) {
7363
7661
  logger.error("onSourceAssetConfirmed:error", err);
@@ -7445,7 +7743,7 @@ function FunCheckoutModal({
7445
7743
  title: titleConfig.title,
7446
7744
  hasCloseButton: true,
7447
7745
  onClose: onCloseWrapper
7448
- }), checkoutStep === "payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React79.createElement(FunCheckoutVerifyDetailsStep, {
7746
+ }), checkoutStep === "select_payment" /* SELECT_PAYMENT_METHOD */ ? /* @__PURE__ */ React79.createElement(FunCheckoutVerifyDetailsStep, {
7449
7747
  checkoutId,
7450
7748
  checkoutStep,
7451
7749
  onSelectPaymentMethod
@@ -7527,7 +7825,7 @@ function CheckoutPrimaryInfoSnapshot({
7527
7825
  const [editedValue, setEditedValue] = useState23(
7528
7826
  checkoutItemAmountRaw.toString()
7529
7827
  );
7530
- const hasInputError = useMemo21(() => {
7828
+ const hasInputError = useMemo22(() => {
7531
7829
  return !editedValue || parseFloat(editedValue) === 0 || !isNumberStringValid(editedValue);
7532
7830
  }, [editedValue]);
7533
7831
  const handleEditInputConfirm = useCallback16(() => {
@@ -7544,17 +7842,14 @@ function CheckoutPrimaryInfoSnapshot({
7544
7842
  borderRadius: "menuButton",
7545
7843
  background: "notificationPrimary",
7546
7844
  padding: "14"
7547
- }, (checkoutConfig == null ? void 0 : checkoutConfig.iconSrc) ? /* @__PURE__ */ React80.createElement(Box, {
7548
- display: "flex",
7549
- alignItems: "center",
7550
- justifyContent: "center",
7551
- style: { minWidth: 50, maxWidth: 50, maxHeight: 50, minHeight: 50 }
7552
- }, /* @__PURE__ */ React80.createElement("img", {
7553
- src: checkoutConfig.iconSrc,
7554
- alt: "checkout-icon",
7555
- width: 50,
7556
- height: 50
7557
- })) : null, /* @__PURE__ */ React80.createElement(Box, {
7845
+ }, (checkoutConfig == null ? void 0 : checkoutConfig.iconSrc) ? /* @__PURE__ */ React80.createElement(FunAssetAvatar, {
7846
+ assetSrc: checkoutConfig.iconSrc,
7847
+ assetName: "checkout-asset",
7848
+ assetIconSize: "50",
7849
+ chainId: checkoutConfig.targetChain,
7850
+ chainIconSize: "16",
7851
+ prioritizeDefaults: false
7852
+ }) : null, /* @__PURE__ */ React80.createElement(Box, {
7558
7853
  display: "flex",
7559
7854
  flexDirection: "column",
7560
7855
  gap: "6",
@@ -7646,7 +7941,12 @@ function CheckoutPrimaryInfo({
7646
7941
  checkoutStep
7647
7942
  }) {
7648
7943
  var _a, _b, _c;
7649
- const { checkoutItem, getCheckoutDraftDollarValue, updateTargetAssetAmount } = useFunkitPreCheckoutInternal(checkoutId);
7944
+ const {
7945
+ checkoutItem,
7946
+ getCheckoutDraftDollarValue,
7947
+ updateTargetAssetAmount,
7948
+ clearCheckoutQuoteMessages
7949
+ } = useFunkitPreCheckoutInternal(checkoutId);
7650
7950
  const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
7651
7951
  const [isForceRefresh, setIsForceRefresh] = useState23(false);
7652
7952
  useEffect17(() => {
@@ -7670,6 +7970,7 @@ function CheckoutPrimaryInfo({
7670
7970
  onConfirmEdit: (newValue) => {
7671
7971
  updateTargetAssetAmount(newValue, isCheckoutCrFlow);
7672
7972
  setIsForceRefresh(true);
7973
+ clearCheckoutQuoteMessages();
7673
7974
  }
7674
7975
  }) : null;
7675
7976
  }
@@ -7682,13 +7983,13 @@ function FunCheckoutConfirmationStep({
7682
7983
  onFinish,
7683
7984
  animateOut
7684
7985
  }) {
7685
- var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u;
7986
+ var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x;
7686
7987
  const { writeContractAsync } = useWriteContract();
7687
7988
  const { sendTransactionAsync } = useSendTransaction();
7688
7989
  const { checkoutItem, updateSelectedPaymentMethodInfo, confirmCheckout } = useFunkitPreCheckoutInternal(checkoutId);
7689
7990
  const { isCheckoutCrFlow } = useCheckoutType(checkoutItem);
7690
7991
  const funkitConfig = useFunkitConfig();
7691
- const hasQuoteError = useMemo22(
7992
+ const hasQuoteError = useMemo23(
7692
7993
  () => (checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage) !== "",
7693
7994
  [checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage]
7694
7995
  );
@@ -7700,13 +8001,13 @@ function FunCheckoutConfirmationStep({
7700
8001
  });
7701
8002
  const [isConfirming, setIsConfirming] = useState24(false);
7702
8003
  const [confirmationError, setConfirmationError] = useState24("");
7703
- const hasCheckoutConfirmationError = useMemo22(
8004
+ const hasCheckoutConfirmationError = useMemo23(
7704
8005
  () => confirmationError !== "",
7705
8006
  [confirmationError]
7706
8007
  );
7707
8008
  const [isPostCheckoutLoading, setIsPostCheckoutLoading] = useState24(false);
7708
8009
  const [postCheckoutError, setPostCheckoutError] = useState24("");
7709
- const hasPostCheckoutError = useMemo22(
8010
+ const hasPostCheckoutError = useMemo23(
7710
8011
  () => postCheckoutError !== "",
7711
8012
  [postCheckoutError]
7712
8013
  );
@@ -7965,7 +8266,7 @@ function FunCheckoutConfirmationStep({
7965
8266
  showToast,
7966
8267
  regenerateQuoteFn
7967
8268
  ]);
7968
- const paymentTokenString = useMemo22(() => {
8269
+ const paymentTokenString = useMemo23(() => {
7969
8270
  var _a2, _b2, _c2, _d2, _e2, _f2;
7970
8271
  const sourceChainName = ((_a2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _a2.chainId) ? (_d2 = (_c2 = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO6) == null ? void 0 : _c2[(_b2 = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _b2.chainId]) == null ? void 0 : _d2.name : "";
7971
8272
  return formatCryptoAndStringify(
@@ -7994,22 +8295,29 @@ function FunCheckoutConfirmationStep({
7994
8295
  paymentMethodInfo: checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo,
7995
8296
  isClickable: false
7996
8297
  }) : null, /* @__PURE__ */ React81.createElement(FunTransactionSummary, {
7997
- estFees: ((_r = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _r.finalFeesBreakdown) || {
7998
- totalUsd: 0,
7999
- transactionFeesUsd: 0,
8000
- platformFeesUsd: 0
8298
+ estFees: {
8299
+ totalUsd: parseInputToNumber(
8300
+ (_r = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _r.finalFeesBreakdown.totalFeesUsd
8301
+ ),
8302
+ transactionFeesUsd: parseInputToNumber(
8303
+ (_s = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _s.finalFeesBreakdown.networkFeesUsd
8304
+ ),
8305
+ platformFeesUsd: parseInputToNumber(
8306
+ (_t = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _t.finalFeesBreakdown.platformFeesUsd
8307
+ )
8001
8308
  },
8002
- estTime: (((_s = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _s.finalTimeEstimationMs) || 0) / 1e3 || 0,
8309
+ estTime: (((_u = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _u.finalTimeEstimationMs) || 0) / 1e3 || 0,
8003
8310
  hasTotal: true,
8004
- total: ((_t = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _t.finalTotalUsdDisplay) || 0,
8311
+ total: parseInputToNumber((_v = checkoutItem == null ? void 0 : checkoutItem.latestQuote) == null ? void 0 : _v.finalTotalUsd),
8005
8312
  isLoading: (checkoutItem == null ? void 0 : checkoutItem.isQuoting) || (checkoutItem == null ? void 0 : checkoutItem.isDrafting),
8006
8313
  hasPaymentToken: true,
8007
8314
  paymentTokenString,
8008
- symbol: (_u = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _u.symbol,
8009
- errorMessage: hasQuoteError ? checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage : hasCheckoutConfirmationError ? confirmationError : hasPostCheckoutError ? postCheckoutError : hasDraftValueAndMethodError ? generateInsufficientAmountForMoonpayError(
8315
+ symbol: (_w = checkoutItem == null ? void 0 : checkoutItem.selectedSourceAssetInfo) == null ? void 0 : _w.symbol,
8316
+ isEstimatedNetworkFees: isWeb3Login && ((_x = checkoutItem == null ? void 0 : checkoutItem.selectedPaymentMethodInfo) == null ? void 0 : _x.paymentMethod) === "balance" /* ACCOUNT_BALANCE */,
8317
+ errorMessage: hasDraftValueAndMethodError ? generateInsufficientAmountForMoonpayError(
8010
8318
  1 /* CHECKOUT */,
8011
8319
  false
8012
- ) : ""
8320
+ ) : hasQuoteError ? checkoutItem == null ? void 0 : checkoutItem.quoteErrorMessage : hasCheckoutConfirmationError ? confirmationError : hasPostCheckoutError ? postCheckoutError : ""
8013
8321
  })), /* @__PURE__ */ React81.createElement(Box, {
8014
8322
  display: "flex",
8015
8323
  flexDirection: "column",
@@ -8035,7 +8343,7 @@ function roundUpTo5DecimalPlaces2(inputNumber) {
8035
8343
  }
8036
8344
 
8037
8345
  // src/components/FunOnramp/FunOnrampConfirmationStep.tsx
8038
- import React83, { useEffect as useEffect18, useMemo as useMemo23 } from "react";
8346
+ import React83, { useEffect as useEffect18, useMemo as useMemo24 } from "react";
8039
8347
 
8040
8348
  // src/components/FunOnramp/FunOnrampPrimaryItem.tsx
8041
8349
  import React82 from "react";
@@ -8079,7 +8387,7 @@ function FunOnrampConfirmationStep({
8079
8387
  useEffect18(() => {
8080
8388
  onInitialization();
8081
8389
  }, []);
8082
- const hasError = useMemo23(() => estimationError !== "", [estimationError]);
8390
+ const hasError = useMemo24(() => estimationError !== "", [estimationError]);
8083
8391
  return /* @__PURE__ */ React83.createElement(Box, {
8084
8392
  className: backAnimation ? animateContentOutClass : animateContentInClass
8085
8393
  }, /* @__PURE__ */ React83.createElement(Box, {
@@ -8100,7 +8408,8 @@ function FunOnrampConfirmationStep({
8100
8408
  hasTotal: true,
8101
8409
  total: totalAmountUsd,
8102
8410
  isLoading: isFetchingEstimatedFees,
8103
- errorMessage: estimationError
8411
+ errorMessage: estimationError,
8412
+ isEstimatedNetworkFees: false
8104
8413
  })), /* @__PURE__ */ React83.createElement(Box, {
8105
8414
  display: "flex",
8106
8415
  flexDirection: "column",
@@ -8412,7 +8721,7 @@ function Deposit({
8412
8721
  const [estimationError, setEstimationError] = useState26("");
8413
8722
  const funkitConfig = useFunkitConfig();
8414
8723
  const { chain: activeChain } = useAccount5();
8415
- const hasBack = useMemo24(() => step !== 5 /* PROCESSING */, [step]);
8724
+ const hasBack = useMemo25(() => step !== 5 /* PROCESSING */, [step]);
8416
8725
  const [backAnimation, setBackAnimation] = useState26(false);
8417
8726
  const handleBack = useCallback18(() => {
8418
8727
  if (!hasBack) {
@@ -8631,7 +8940,7 @@ function Deposit({
8631
8940
  }
8632
8941
 
8633
8942
  // src/components/ProfileDetails/FunProfileViews/Home/index.tsx
8634
- import React97, { useMemo as useMemo26, useState as useState28 } from "react";
8943
+ import React97, { useMemo as useMemo27, useState as useState28 } from "react";
8635
8944
  import { useAccount as useAccount6 } from "wagmi";
8636
8945
 
8637
8946
  // src/components/Avatar/Avatar.tsx
@@ -8866,11 +9175,11 @@ var animateTitleOutClass2 = "_1x1d6jx7";
8866
9175
  var scroll = "_1x1d6jxc";
8867
9176
 
8868
9177
  // src/components/ProfileDetails/FunProfileViews/Home/HomeCheckoutSection.tsx
8869
- import React95, { Fragment as Fragment4, useMemo as useMemo25 } from "react";
9178
+ import React95, { Fragment as Fragment4, useMemo as useMemo26 } from "react";
8870
9179
  var MAX_LATEST_CHECKOUTS = 1;
8871
9180
  function HomeCheckoutSection({ onClose }) {
8872
9181
  const { checkoutHistoryStateMap } = useFunkitAllPostCheckoutsInternal();
8873
- const { latestCheckoutHistories, remainingCount } = useMemo25(() => {
9182
+ const { latestCheckoutHistories, remainingCount } = useMemo26(() => {
8874
9183
  let pendingCheckouts = [];
8875
9184
  IN_PROGRESS_CHECKOUT_STATES.forEach((value) => {
8876
9185
  pendingCheckouts = pendingCheckouts.concat(checkoutHistoryStateMap[value]);
@@ -9001,13 +9310,14 @@ function Home({
9001
9310
  onChangeView
9002
9311
  }) {
9003
9312
  const account = useAccount6();
9313
+ const { accountModalConfig } = useFunkitConfig();
9004
9314
  const { userInfo } = useGeneralWallet();
9005
9315
  useWalletAssetsListener();
9006
9316
  useCheckoutHistoryListener();
9007
9317
  const { walletAssets } = useGeneralWallet();
9008
9318
  const [animateOut, setAnimateOut] = useState28(false);
9009
9319
  const [balance, setBalance] = useState28("0.00");
9010
- const AssetsList = useMemo26(() => {
9320
+ const AssetsList = useMemo27(() => {
9011
9321
  if (walletAssets == null) {
9012
9322
  return [/* @__PURE__ */ React97.createElement(SkeletalLoader, {
9013
9323
  key: "skeletal-loader-1"
@@ -9072,7 +9382,7 @@ function Home({
9072
9382
  color: "modalText",
9073
9383
  weight: "heavy",
9074
9384
  style: { fontSize: "56px", lineHeight: "68px" }
9075
- }, formatCurrencyAndStringify(parseFloat(balance.toString())))), /* @__PURE__ */ React97.createElement(Box, {
9385
+ }, formatCurrencyAndStringify(parseFloat(balance.toString())))), (accountModalConfig == null ? void 0 : accountModalConfig.enableDepositing) ? /* @__PURE__ */ React97.createElement(Box, {
9076
9386
  id: "button-row",
9077
9387
  display: "flex",
9078
9388
  flexDirection: "row",
@@ -9087,7 +9397,7 @@ function Home({
9087
9397
  type: "secondary",
9088
9398
  titleWeight: "semibold",
9089
9399
  onClick: () => onChangeView(3 /* DEPOSIT */)
9090
- }))), /* @__PURE__ */ React97.createElement(FunDivider, {
9400
+ })) : null), /* @__PURE__ */ React97.createElement(FunDivider, {
9091
9401
  marginTop: "16",
9092
9402
  marginBottom: "0",
9093
9403
  transparent: walletAssets != null && Object.keys(walletAssets || {}).length === 0
@@ -9342,7 +9652,7 @@ import { useAccount as useAccount8, useConfig as useConfig3 } from "wagmi";
9342
9652
  import React103, {
9343
9653
  createContext as createContext12,
9344
9654
  useEffect as useEffect21,
9345
- useMemo as useMemo27,
9655
+ useMemo as useMemo28,
9346
9656
  useState as useState32
9347
9657
  } from "react";
9348
9658
 
@@ -9532,7 +9842,7 @@ var detectedBrowserLocale = () => {
9532
9842
  var I18nContext = createContext12({ i18n });
9533
9843
  var I18nProvider = ({ children, locale }) => {
9534
9844
  const [updateCount, setUpdateCount] = useState32(0);
9535
- const browserLocale = useMemo27(
9845
+ const browserLocale = useMemo28(
9536
9846
  () => detectedBrowserLocale(),
9537
9847
  []
9538
9848
  );
@@ -9549,7 +9859,7 @@ var I18nProvider = ({ children, locale }) => {
9549
9859
  setLocale(browserLocale);
9550
9860
  }
9551
9861
  }, [locale, browserLocale]);
9552
- const memoizedValue = useMemo27(() => {
9862
+ const memoizedValue = useMemo28(() => {
9553
9863
  const t = (key, options) => i18n.t(key, options);
9554
9864
  return { t, i18n };
9555
9865
  }, [updateCount]);
@@ -9860,7 +10170,7 @@ function FunConnectErrorStep({
9860
10170
  }
9861
10171
 
9862
10172
  // src/components/FunConnectOptions/FunSignInStep.tsx
9863
- import React113, { useCallback as useCallback20, useContext as useContext16, useMemo as useMemo28, useState as useState34 } from "react";
10173
+ import React113, { useCallback as useCallback20, useContext as useContext16, useMemo as useMemo29, useState as useState34 } from "react";
9864
10174
 
9865
10175
  // src/utils/browsers.ts
9866
10176
  function isSafari() {
@@ -10329,7 +10639,7 @@ var ModalSelection = ({
10329
10639
  ModalSelection.displayName = "ModalSelection";
10330
10640
 
10331
10641
  // src/components/FunConnectOptions/FunSignInStep.css.ts
10332
- var scrollClassName = "_14qbs541 _1rsrm2fan _1rsrm2fb9";
10642
+ var scrollClassName = "_14qbs541 _1rsrm2fax _1rsrm2fbj";
10333
10643
 
10334
10644
  // src/components/FunConnectOptions/FunSignInStep.tsx
10335
10645
  var OAUTH_LOGIN_OPTIONS = [
@@ -10337,6 +10647,19 @@ var OAUTH_LOGIN_OPTIONS = [
10337
10647
  { provider: "twitter", icon: /* @__PURE__ */ React113.createElement(TwitterIcon, null) },
10338
10648
  { provider: "apple", icon: /* @__PURE__ */ React113.createElement(AppleIcon, null) }
10339
10649
  ];
10650
+ function getInitSignInType(loginModalConfig) {
10651
+ const web2Enabled = !!loginModalConfig.web2;
10652
+ const web3Enabled = !!loginModalConfig.web3;
10653
+ if (web2Enabled && web3Enabled) {
10654
+ return loginModalConfig.prioritizeWeb2Logins ? 0 /* WEB2 */ : 1 /* WEB3 */;
10655
+ } else if (web2Enabled && !web3Enabled) {
10656
+ return 0 /* WEB2 */;
10657
+ } else if (web3Enabled && !web2Enabled) {
10658
+ return 1 /* WEB3 */;
10659
+ } else {
10660
+ return 0 /* WEB2 */;
10661
+ }
10662
+ }
10340
10663
  function FunSignInStep({
10341
10664
  onClose,
10342
10665
  changeStep,
@@ -10346,14 +10669,14 @@ function FunSignInStep({
10346
10669
  emailInput,
10347
10670
  setEmailInput
10348
10671
  }) {
10349
- var _a, _b, _c, _d, _e;
10672
+ var _a, _b, _c;
10350
10673
  const funkitConfig = useFunkitConfig();
10351
10674
  const [signInType, setSignInType] = useState34(
10352
- ((_a = funkitConfig == null ? void 0 : funkitConfig.enabledLoginOptions) == null ? void 0 : _a.web2) ? 0 /* WEB2 */ : ((_b = funkitConfig == null ? void 0 : funkitConfig.enabledLoginOptions) == null ? void 0 : _b.web3) ? 1 /* WEB3 */ : 0 /* WEB2 */
10675
+ getInitSignInType(funkitConfig.loginModalConfig)
10353
10676
  );
10354
10677
  const [selectedOptionId, setSelectedOptionId] = useState34();
10355
10678
  const { isSendingOtpEmail, handleSendOtpEmail, handleOauthRedirect } = useFunkitWeb2Login();
10356
- const isEmailInputValid = useMemo28(() => {
10679
+ const isEmailInputValid = useMemo29(() => {
10357
10680
  return validateEmailString(emailInput);
10358
10681
  }, [emailInput]);
10359
10682
  const [emailError, setEmailError] = useState34();
@@ -10361,7 +10684,7 @@ function FunSignInStep({
10361
10684
  const mergeEIP6963WithRkConnectors = !connector;
10362
10685
  const wallets = useWalletConnectors(mergeEIP6963WithRkConnectors).filter((wallet) => wallet.ready || !!wallet.extensionDownloadUrl).sort((a, b) => a.groupIndex - b.groupIndex);
10363
10686
  const groupedWallets = groupBy(wallets, (wallet) => wallet.groupName);
10364
- const funkitConnectWallet2 = (_c = groupedWallets == null ? void 0 : groupedWallets[RESERVED_GROUP_NAME]) == null ? void 0 : _c[0];
10687
+ const funkitConnectWallet2 = (_a = groupedWallets == null ? void 0 : groupedWallets[RESERVED_GROUP_NAME]) == null ? void 0 : _a[0];
10365
10688
  const funWeb3ConnectWallets = wallets.filter(
10366
10689
  (wallet) => wallet.groupName !== RESERVED_GROUP_NAME
10367
10690
  );
@@ -10443,7 +10766,7 @@ function FunSignInStep({
10443
10766
  paddingY: "20",
10444
10767
  gap: "20",
10445
10768
  className: animateContentInClass
10446
- }, ((_d = funkitConfig == null ? void 0 : funkitConfig.enabledLoginOptions) == null ? void 0 : _d.web2) ? /* @__PURE__ */ React113.createElement(FunContainer, {
10769
+ }, ((_b = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _b.web2) ? /* @__PURE__ */ React113.createElement(FunContainer, {
10447
10770
  title: "Email & Social",
10448
10771
  titleSuffix: /* @__PURE__ */ React113.createElement(Box, {
10449
10772
  color: "textPrimary"
@@ -10512,7 +10835,7 @@ function FunSignInStep({
10512
10835
  }, /* @__PURE__ */ React113.createElement(FunNotification, {
10513
10836
  type: "error",
10514
10837
  description: emailError
10515
- }))) : null, ((_e = funkitConfig == null ? void 0 : funkitConfig.enabledLoginOptions) == null ? void 0 : _e.web3) && funWeb3ConnectWallets.length > 0 ? /* @__PURE__ */ React113.createElement(FunContainer, {
10838
+ }))) : null, ((_c = funkitConfig == null ? void 0 : funkitConfig.loginModalConfig) == null ? void 0 : _c.web3) && funWeb3ConnectWallets.length > 0 ? /* @__PURE__ */ React113.createElement(FunContainer, {
10516
10839
  title: "Connect Wallet",
10517
10840
  titleSuffix: /* @__PURE__ */ React113.createElement(Box, {
10518
10841
  color: "modalText"
@@ -12581,13 +12904,13 @@ import React136 from "react";
12581
12904
  import {
12582
12905
  FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO as FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8
12583
12906
  } from "@funkit/core";
12584
- import React135, { useMemo as useMemo29 } from "react";
12907
+ import React135, { useMemo as useMemo30 } from "react";
12585
12908
  var FAKE_DELAY_MS = 4107;
12586
12909
  function FunCheckoutHistoryDetail({
12587
12910
  checkoutHistoryInfo
12588
12911
  }) {
12589
12912
  const checkoutItem = checkoutHistoryInfo.clientMetadata;
12590
- const { isCheckoutCrFlow, isCheckoutSpecialCrFlow } = useCheckoutType(checkoutItem);
12913
+ const { isCheckoutDirectCrFlow } = useCheckoutType(checkoutItem);
12591
12914
  const {
12592
12915
  isProcessing,
12593
12916
  isCompleted,
@@ -12596,14 +12919,15 @@ function FunCheckoutHistoryDetail({
12596
12919
  isExpired,
12597
12920
  isTerminal
12598
12921
  } = useCheckoutStateBooleans(checkoutHistoryInfo.state);
12599
- const isFailedFinal = isFailed && !isCheckoutSpecialCrFlow;
12922
+ const isFailedFinal = isFailed && !isCheckoutDirectCrFlow;
12600
12923
  useCheckoutHistoryListener(
12601
- isProcessing && !isCheckoutSpecialCrFlow,
12602
- isCheckoutCrFlow ? checkoutHistoryInfo.recipientAddr : void 0
12924
+ isProcessing && !isCheckoutDirectCrFlow,
12925
+ checkoutHistoryInfo.depositAddr
12603
12926
  );
12604
12927
  useWalletAssetsListener(isProcessing || isCompleted);
12605
- const timelineLabels = useMemo29(() => {
12606
- const explorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[checkoutHistoryInfo.fromChainId].explorerInfo;
12928
+ const timelineLabels = useMemo30(() => {
12929
+ const fromExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[checkoutHistoryInfo.fromChainId].explorerInfo;
12930
+ const toExplorerInfo = FUNKIT_CONNECT_SUPPORTED_CHAINS_INFO8[checkoutHistoryInfo.toChainId].explorerInfo;
12607
12931
  return [
12608
12932
  {
12609
12933
  text: "Order Submitted",
@@ -12612,14 +12936,14 @@ function FunCheckoutHistoryDetail({
12612
12936
  )
12613
12937
  },
12614
12938
  {
12615
- text: isCheckoutSpecialCrFlow ? "Order Funded" : "Order Processing",
12939
+ text: isCheckoutDirectCrFlow ? "Order Funded" : "Order Processing",
12616
12940
  description: formatTimestamp(
12617
12941
  new Date(checkoutHistoryInfo.createdTimeMs + FAKE_DELAY_MS)
12618
12942
  ),
12619
- linkText: `View on ${explorerInfo.name}`,
12620
- linkUrl: `${explorerInfo.url}/address/${isCheckoutSpecialCrFlow ? checkoutHistoryInfo.recipientAddr : checkoutHistoryInfo.depositAddr}`
12943
+ linkText: `View on ${fromExplorerInfo.name}`,
12944
+ linkUrl: `${fromExplorerInfo.url}/address/${isCheckoutDirectCrFlow ? checkoutHistoryInfo.recipientAddr : checkoutHistoryInfo.depositAddr}`
12621
12945
  },
12622
- ...isCheckoutSpecialCrFlow ? [] : [
12946
+ ...isCheckoutDirectCrFlow ? [] : [
12623
12947
  {
12624
12948
  text: `Order ${isError ? "Failed" : isExpired ? "Expired" : "Delivered"}`,
12625
12949
  description: isExpired ? formatTimestamp(
@@ -12628,21 +12952,27 @@ function FunCheckoutHistoryDetail({
12628
12952
  )
12629
12953
  ) : isTerminal ? formatTimestamp(
12630
12954
  new Date(checkoutHistoryInfo.lastUpdatedTimeMs)
12631
- ) : ""
12955
+ ) : "",
12956
+ ...isCompleted ? {
12957
+ linkText: `View on ${toExplorerInfo.name}`,
12958
+ linkUrl: `${toExplorerInfo.url}/address/${checkoutHistoryInfo.recipientAddr}`
12959
+ } : {}
12632
12960
  }
12633
12961
  ]
12634
12962
  ];
12635
12963
  }, [
12636
12964
  checkoutHistoryInfo.fromChainId,
12965
+ checkoutHistoryInfo.toChainId,
12637
12966
  checkoutHistoryInfo.createdTimeMs,
12638
12967
  checkoutHistoryInfo.recipientAddr,
12639
12968
  checkoutHistoryInfo.depositAddr,
12640
12969
  checkoutHistoryInfo.expirationTimestampSeconds,
12641
12970
  checkoutHistoryInfo.lastUpdatedTimeMs,
12642
- isCheckoutSpecialCrFlow,
12971
+ isCheckoutDirectCrFlow,
12643
12972
  isError,
12644
12973
  isExpired,
12645
- isTerminal
12974
+ isTerminal,
12975
+ isCompleted
12646
12976
  ]);
12647
12977
  return /* @__PURE__ */ React135.createElement(Box, {
12648
12978
  display: "flex",
@@ -12658,10 +12988,10 @@ function FunCheckoutHistoryDetail({
12658
12988
  checkoutItem,
12659
12989
  isLoading: false,
12660
12990
  isEditable: false
12661
- }), isCheckoutSpecialCrFlow || isTerminal ? null : /* @__PURE__ */ React135.createElement(FunNotification, {
12991
+ }), isCheckoutDirectCrFlow || isTerminal ? null : /* @__PURE__ */ React135.createElement(FunNotification, {
12662
12992
  description: "We are currently processing your order."
12663
12993
  }), /* @__PURE__ */ React135.createElement(FunVerticalProgressBar, {
12664
- step: isCheckoutSpecialCrFlow ? 2 : isTerminal ? 3 : 2,
12994
+ step: isCheckoutDirectCrFlow ? 2 : isTerminal ? 3 : 2,
12665
12995
  totalSteps: timelineLabels.length,
12666
12996
  labels: timelineLabels
12667
12997
  }), isTerminal ? null : /* @__PURE__ */ React135.createElement(Box, {
@@ -12672,7 +13002,7 @@ function FunCheckoutHistoryDetail({
12672
13002
  }, /* @__PURE__ */ React135.createElement(Text, {
12673
13003
  size: "12",
12674
13004
  color: "modalTextDim"
12675
- }, isCheckoutSpecialCrFlow ? "Funds may take up to 10 minutes to arrive." : "You will receive a notification when your order has finished."))), isFailedFinal ? /* @__PURE__ */ React135.createElement(FunToast, {
13005
+ }, isCheckoutDirectCrFlow ? "Funds may take up to 10 minutes to arrive." : "You will receive a notification when your order has finished."))), isFailedFinal ? /* @__PURE__ */ React135.createElement(FunToast, {
12676
13006
  type: 1 /* ERROR */,
12677
13007
  title: "Order Failed",
12678
13008
  isDescriptionText: false,
@@ -12700,18 +13030,14 @@ function FunCheckoutHistoryDetail({
12700
13030
  function FunCheckoutHistoryModal({
12701
13031
  onClose,
12702
13032
  open,
12703
- depositAddress,
12704
- isCheckoutSpecialCrFlow
13033
+ depositAddress
12705
13034
  }) {
12706
13035
  if (open && !depositAddress) {
12707
13036
  throw new Error(
12708
13037
  "Unable to open checkout history modal without a depositAddress"
12709
13038
  );
12710
13039
  }
12711
- const { checkoutHistoryInfo, isLoading } = useFunkitPostCheckoutInternal(
12712
- depositAddress,
12713
- isCheckoutSpecialCrFlow
12714
- );
13040
+ const { checkoutHistoryInfo, isLoading } = useFunkitPostCheckoutInternal(depositAddress);
12715
13041
  return /* @__PURE__ */ React136.createElement(Dialog, {
12716
13042
  open,
12717
13043
  onClose,
@@ -12777,26 +13103,6 @@ function useModalStateValueWithId() {
12777
13103
  }, [])
12778
13104
  };
12779
13105
  }
12780
- function useCheckoutHistoryModalState() {
12781
- const [isModalOpen, setModalOpen] = useState37(false);
12782
- const [depositAddress, setDepositAddress] = useState37(null);
12783
- const [isCheckoutSpecialCrFlow, setIsCheckoutSpecialCrFlow] = useState37(false);
12784
- return {
12785
- closeModal: useCallback24(() => {
12786
- setDepositAddress(null);
12787
- setIsCheckoutSpecialCrFlow(false);
12788
- setModalOpen(false);
12789
- }, []),
12790
- isModalOpen,
12791
- depositAddress,
12792
- isCheckoutSpecialCrFlow,
12793
- openModal: useCallback24((id, isCheckoutSpecialCrFlow2) => {
12794
- setDepositAddress(id);
12795
- setIsCheckoutSpecialCrFlow(isCheckoutSpecialCrFlow2);
12796
- setModalOpen(true);
12797
- }, [])
12798
- };
12799
- }
12800
13106
  var ModalContext = createContext15({
12801
13107
  accountModalOpen: false,
12802
13108
  chainModalOpen: false,
@@ -12835,9 +13141,8 @@ function ModalProvider({ children }) {
12835
13141
  closeModal: closeFunCheckoutHistoryModal,
12836
13142
  isModalOpen: funCheckoutHistoryModalOpen,
12837
13143
  openModal: openFunCheckoutHistoryModal,
12838
- depositAddress,
12839
- isCheckoutSpecialCrFlow
12840
- } = useCheckoutHistoryModalState();
13144
+ modalId: depositAddress
13145
+ } = useModalStateValueWithId();
12841
13146
  const {
12842
13147
  closeModal: closeFunDevTestModal,
12843
13148
  isModalOpen: funDevTestModalOpen,
@@ -12868,7 +13173,7 @@ function ModalProvider({ children }) {
12868
13173
  closeModals();
12869
13174
  }, [isUnauthenticated]);
12870
13175
  return /* @__PURE__ */ React138.createElement(ModalContext.Provider, {
12871
- value: useMemo30(
13176
+ value: useMemo31(
12872
13177
  () => ({
12873
13178
  accountModalOpen,
12874
13179
  chainModalOpen,
@@ -12882,7 +13187,6 @@ function ModalProvider({ children }) {
12882
13187
  funCheckoutModalId,
12883
13188
  funCheckoutHistoryModalOpen,
12884
13189
  depositAddress,
12885
- isCheckoutSpecialCrFlow,
12886
13190
  openFunCheckoutModal,
12887
13191
  openFunCheckoutHistoryModal,
12888
13192
  funDevTestModalOpen,
@@ -12902,7 +13206,6 @@ function ModalProvider({ children }) {
12902
13206
  funCheckoutModalId,
12903
13207
  funCheckoutHistoryModalOpen,
12904
13208
  depositAddress,
12905
- isCheckoutSpecialCrFlow,
12906
13209
  openFunCheckoutModal,
12907
13210
  openFunCheckoutHistoryModal,
12908
13211
  funDevTestModalOpen,
@@ -12926,8 +13229,7 @@ function ModalProvider({ children }) {
12926
13229
  }), depositAddress ? /* @__PURE__ */ React138.createElement(FunCheckoutHistoryModal, {
12927
13230
  onClose: closeFunCheckoutHistoryModal,
12928
13231
  open: funCheckoutHistoryModalOpen,
12929
- depositAddress,
12930
- isCheckoutSpecialCrFlow
13232
+ depositAddress
12931
13233
  }) : null, /* @__PURE__ */ React138.createElement(FunDevTestModal, {
12932
13234
  onClose: closeFunDevTestModal,
12933
13235
  open: funDevTestModalOpen
@@ -13474,7 +13776,7 @@ var FunkitWeb2Provider = ({
13474
13776
  },
13475
13777
  [privy, setLoginMethodAndCache]
13476
13778
  );
13477
- const userAccountInfo = useMemo31(() => {
13779
+ const userAccountInfo = useMemo32(() => {
13478
13780
  if (loggedInUser && loggedInUser.linked_accounts && loggedInUser.linked_accounts.length > 0) {
13479
13781
  const loggedInAccount = loggedInUser.linked_accounts.find(
13480
13782
  (account) => (account == null ? void 0 : account.type) === loginMethod
@@ -13932,7 +14234,8 @@ var defaultProps = {
13932
14234
  accountStatus: "full",
13933
14235
  chainStatus: { largeScreen: "full", smallScreen: "icon" },
13934
14236
  label: "Sign In",
13935
- showBalance: { largeScreen: true, smallScreen: false }
14237
+ showBalance: { largeScreen: true, smallScreen: false },
14238
+ showChainSelector: true
13936
14239
  };
13937
14240
  function ChainSelectorButton({
13938
14241
  unsupportedChain,
@@ -14033,7 +14336,7 @@ function AccountButton({
14033
14336
  padding: "8",
14034
14337
  paddingLeft: "12"
14035
14338
  }, account.displayBalance), /* @__PURE__ */ React144.createElement(Box, {
14036
- background: normalizeResponsiveValue(showBalance)[isMobile() ? "smallScreen" : "largeScreen"] ? "connectButtonInnerBackground" : "connectButtonBackground",
14339
+ background: "connectButtonInnerBackground",
14037
14340
  borderColor: "accentColor",
14038
14341
  borderRadius: "connectButton",
14039
14342
  borderStyle: "solid",
@@ -14067,14 +14370,16 @@ function AccountButton({
14067
14370
  display: mapResponsiveValue(
14068
14371
  accountStatus,
14069
14372
  (value) => value === "full" || value === "address" ? "block" : "none"
14070
- )
14373
+ ),
14374
+ style: { textWrap: "nowrap" }
14071
14375
  }, userInfo.accountName), /* @__PURE__ */ React144.createElement(DropdownIcon, null)))));
14072
14376
  }
14073
14377
  function ConnectButton({
14074
14378
  accountStatus = defaultProps.accountStatus,
14075
14379
  chainStatus = defaultProps.chainStatus,
14076
14380
  label = defaultProps.label,
14077
- showBalance = defaultProps.showBalance
14381
+ showBalance = defaultProps.showBalance,
14382
+ showChainSelector = defaultProps.showChainSelector
14078
14383
  }) {
14079
14384
  const chains = useFunkitConnectChains();
14080
14385
  const connectionStatus = useConnectionStatus();
@@ -14108,7 +14413,7 @@ function ConnectButton({
14108
14413
  userSelect: "none"
14109
14414
  }
14110
14415
  }
14111
- }, ready2 && account && connectionStatus === "connected" ? /* @__PURE__ */ React144.createElement(React144.Fragment, null, chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React144.createElement(ChainSelectorButton, {
14416
+ }, ready2 && account && connectionStatus === "connected" ? /* @__PURE__ */ React144.createElement(React144.Fragment, null, showChainSelector && chain && (chains.length > 1 || unsupportedChain) && /* @__PURE__ */ React144.createElement(ChainSelectorButton, {
14112
14417
  unsupportedChain,
14113
14418
  chainStatus,
14114
14419
  openChainModal,
@@ -14893,7 +15198,7 @@ function validateFunkitConfig(props) {
14893
15198
  if (!funkitConfig.apiKey) {
14894
15199
  throw new Error("Invalid funkitConfig: Missing apiKey.");
14895
15200
  }
14896
- if (!funkitConfig.privyAppId && funkitConfig.enabledLoginOptions.web2) {
15201
+ if (!funkitConfig.privyAppId && funkitConfig.loginModalConfig.web2) {
14897
15202
  throw new Error(
14898
15203
  "Invalid funkitConfig: Web2 login option enabled but missing privyAppId."
14899
15204
  );
@@ -14909,7 +15214,7 @@ function validateFunkitConfig(props) {
14909
15214
  `Invalid funkitConfig: appName has to be less than ${APP_NAME_MAX_LENGTH} characters.`
14910
15215
  );
14911
15216
  }
14912
- if (!funkitConfig.enabledLoginOptions.web2 && !funkitConfig.enabledLoginOptions.web3) {
15217
+ if (!funkitConfig.loginModalConfig.web2 && !funkitConfig.loginModalConfig.web3) {
14913
15218
  throw new Error(
14914
15219
  `Invalid funkitConfig: At least one login option has to be enabled.`
14915
15220
  );
@@ -14957,7 +15262,7 @@ function setFunkitConnectVersion({ version }) {
14957
15262
  localStorage.setItem(storageKey4, version);
14958
15263
  }
14959
15264
  function getCurrentSdkVersion() {
14960
- return "1.0.5";
15265
+ return "1.0.6";
14961
15266
  }
14962
15267
  function useFingerprint() {
14963
15268
  const fingerprint = useCallback27(() => {
@@ -15132,7 +15437,7 @@ var maxWidth = "_85s11r1";
15132
15437
  import React146, {
15133
15438
  useContext as useContext28,
15134
15439
  useEffect as useEffect35,
15135
- useMemo as useMemo32,
15440
+ useMemo as useMemo33,
15136
15441
  useState as useState44
15137
15442
  } from "react";
15138
15443
  import { useAccount as useAccount17, useAccountEffect as useAccountEffect4 } from "wagmi";
@@ -15164,7 +15469,7 @@ function WalletButtonRenderer({
15164
15469
  },
15165
15470
  onDisconnect: clearLatestWalletId
15166
15471
  });
15167
- const isLastWalletIdConnected = useMemo32(() => {
15472
+ const isLastWalletIdConnected = useMemo33(() => {
15168
15473
  const lastWalletId = getLatestWalletId();
15169
15474
  if (!lastWalletId || !(firstConnector == null ? void 0 : firstConnector.id)) {
15170
15475
  return false;
@@ -15732,6 +16037,7 @@ export {
15732
16037
  FunkitConnectAuthenticationProvider,
15733
16038
  FunkitProvider,
15734
16039
  NATIVE_TOKEN,
16040
+ PaymentMethod,
15735
16041
  WalletButton,
15736
16042
  __private__,
15737
16043
  createAuthenticationAdapter,